Pro agility kit

<!Doctype HTML> <html> <head><title> Pro agility kit </title> <style type="text/css"> body { margin: 0px; padding: 0px; } </style> <meta name="SKYPE_TOOLBAR" content="SKYPE_TOOLBAR_PARSER_COMPATIBLE" /><meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no" /><link rel="preload" href="/files/smb/fonts/fontawsome/fontawesome-webfont.woff2?v=4.7.0" as="font" type="font/woff2" crossorigin="" /><link rel="canonical" href="https://moltenbolden.dk/produkter/udstyr.prMLT.120/pro-agility-kit.prPL2020117" /> <meta name="Generator" content="SEEEMS.CMS" />    <meta charset="utf-8" /><meta name="description" content="L忙kkert agilitys忙t til den, som godt kan lide at holde sig i form. Med dette s忙t kan du effektivt arbejde p氓 din smidighed og koordination" /><meta property="og:title" content="Pro agility kit"/><meta property="og:description" content="L忙kkert agilitys忙t til den, som godt kan lide at holde sig i form. Med dette s忙t kan du effektivt arbejde p氓 din smidighed og koordination"/><meta property="og:image" content="https://moltenbolden.dk/files/data/img/products/PL2020117/Pro-agility-kit.png?can=eLtW_-_N5UGzzZwNDIABL8ZsaQCCiARQAwnJTTwAAYqHlAV1i4OLs5u5ibmJmbuLhYGKBxico8ZsamKJZhje3SohxbJf20zJzUYv2UxJJE_-_czcdP2CovyUUmBw6wf4GBkYGRgamusHFOXrJqZn5mSWVOpmZ5boFeSlQ5JKSVEpZkqBCBLMe2RFJwCLdYby"/><meta property="og:image:type" content="image/png"/><meta property="og:image:width" content="1200"/><meta property="og:image:height" content="630"/><link rel="shortcut icon" href="/files/moltenbolden/fav.png?can=eLtW_-_N5UGzzZwNAMHPggChicmeDQTwKGYh7QWgsXZxdXY0dnY0MLFwNjC6KyB6p5WGOztCjHVkk_-_LTMntVg_-_Nz_nJDUvKT8nJTVPPy2xTK8gLx0S3yVFpZjRDREkmIHIihMA7tJ2eA==" /> <script> function trackAddToCart(id, name, qty, price) { if (price === undefined) { price = 0; } if (typeof googleTrackAddToCart === 'function') { googleTrackAddToCart(id, name, qty, price) } // This is to be done from Google Tag Manager to check cookie consent //if (typeof facebookTrackAddToCart === 'function') // { // facebookTrackAddToCart(id, name, qty) // } }; function trackRemoveFromCart(id, name, qty) { if (typeof googleTrackRemoveFromCart === 'function') { googleTrackRemoveFromCart(id, name, qty) } // This is to be done from Google Tag Manager to check cookie consent //if (typeof facebookTrackRemoveFromCart === 'function') // { // facebookTrackRemoveFromCart(id, name, qty) // } }; </script> <script src="/script.axd?id=12619&rn=638727190868073235" type="text/javascript" defer="defer"> </script><script src="/WebResource.axd?d=ZCfIxWumxaTjoVsuQwsIa7dV91N9s-zb7mPXpVo1t-tYnkOLPpXqL0hV_kKrQcvwguAiVVz8bUgjLzkIOR4Rbt3HbkBGeZF7Y2fnkV5gbmobPQfNMnzennuRg-X1ogXw3iQR48km7Fl4wp57_YalghG4iJExv_vNGMpEJV4dKbc1&t=638732176181563338" type="text/javascript" defer="defer"> </script><script src="/js/FA3C611946AEF06214AB74971F7EE882/EEE.axd" type="text/javascript" defer="defer"> </script><style> /* Style Id:1472 Base*/ /* style: 3806*/ @media print { /* define page size (A4 aspect) and proper zoom level to make sure the page is printed with desktop styles in Chrome */ @supports (size: 380mm 537mm) and (zoom: 1.4) { @page { size: 380mm 537mm; margin: 14mm; } html { zoom: 1.4; } } /* make sure we use the full paper width */ .eee-page-width { max-width: none !important; } body { background: white !important; } /* show only centered logo in header */ .eee-header__grid > :not(.eee-header-logo) { display: none !important; } .eee-header-logo { width: 100% !important; text-align: center !important; } .eee-main-menu { display: none !important; } /* show footer text in black on white */ .eee-footer, .eee-footer * { color: #000 !important; background: transparent !important; } }/* style: 5373*/ /*! * Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) */@font-face{font-family:'FontAwesome'; font-display: swap; src:url('/files/smb/fonts/fontawsome/fontawesome-webfont.eot?v=4.7.0');src:url('/files/smb/fonts/fontawsome/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'),url('/files/smb/fonts/fontawsome/fontawesome-webfont.woff2?v=4.7.0') format('woff2'),url('/files/smb/fonts/fontawsome/fontawesome-webfont.woff?v=4.7.0') format('woff'),url('/files/smb/fonts/fontawsome/fontawesome-webfont.ttf?v=4.7.0') format('truetype'),url('/files/smb/fonts/fontawsome/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left{margin-right:.3em}.fa.fa-pull-right{margin-left:.3em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)}.fa-flip-vertical{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";-webkit-transform:scale(1, -1);-ms-transform:scale(1, -1);transform:scale(1, -1)}:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{filter:none}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-remove:before,.fa-close:before,.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-gear:before,.fa-cog:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-rotate-right:before,.fa-repeat:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-photo:before,.fa-image:before,.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-warning:before,.fa-exclamation-triangle:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before,.fa-bar-chart:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-gears:before,.fa-cogs:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook-f:before,.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-feed:before,.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-save:before,.fa-floppy-o:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-navicon:before,.fa-reorder:before,.fa-bars:before{content:"\f0c9"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-unsorted:before,.fa-sort:before{content:"\f0dc"}.fa-sort-down:before,.fa-sort-desc:before{content:"\f0dd"}.fa-sort-up:before,.fa-sort-asc:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-legal:before,.fa-gavel:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-flash:before,.fa-bolt:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-paste:before,.fa-clipboard:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-mail-reply-all:before,.fa-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-unlink:before,.fa-chain-broken:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\f150"}.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\f151"}.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\f152"}.fa-euro:before,.fa-eur:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-rupee:before,.fa-inr:before{content:"\f156"}.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\f157"}.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\f158"}.fa-won:before,.fa-krw:before{content:"\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before{content:"\f15d"}.fa-sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-asc:before{content:"\f162"}.fa-sort-numeric-desc:before{content:"\f163"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-gittip:before,.fa-gratipay:before{content:"\f184"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-turkish-lira:before,.fa-try:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"}.fa-space-shuttle:before{content:"\f197"}.fa-slack:before{content:"\f198"}.fa-envelope-square:before{content:"\f199"}.fa-wordpress:before{content:"\f19a"}.fa-openid:before{content:"\f19b"}.fa-institution:before,.fa-bank:before,.fa-university:before{content:"\f19c"}.fa-mortar-board:before,.fa-graduation-cap:before{content:"\f19d"}.fa-yahoo:before{content:"\f19e"}.fa-google:before{content:"\f1a0"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-square:before{content:"\f1a2"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-stumbleupon:before{content:"\f1a4"}.fa-delicious:before{content:"\f1a5"}.fa-digg:before{content:"\f1a6"}.fa-pied-piper-pp:before{content:"\f1a7"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-drupal:before{content:"\f1a9"}.fa-joomla:before{content:"\f1aa"}.fa-language:before{content:"\f1ab"}.fa-fax:before{content:"\f1ac"}.fa-building:before{content:"\f1ad"}.fa-child:before{content:"\f1ae"}.fa-paw:before{content:"\f1b0"}.fa-spoon:before{content:"\f1b1"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-recycle:before{content:"\f1b8"}.fa-automobile:before,.fa-car:before{content:"\f1b9"}.fa-cab:before,.fa-taxi:before{content:"\f1ba"}.fa-tree:before{content:"\f1bb"}.fa-spotify:before{content:"\f1bc"}.fa-deviantart:before{content:"\f1bd"}.fa-soundcloud:before{content:"\f1be"}.fa-database:before{content:"\f1c0"}.fa-file-pdf-o:before{content:"\f1c1"}.fa-file-word-o:before{content:"\f1c2"}.fa-file-excel-o:before{content:"\f1c3"}.fa-file-powerpoint-o:before{content:"\f1c4"}.fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before{content:"\f1c5"}.fa-file-zip-o:before,.fa-file-archive-o:before{content:"\f1c6"}.fa-file-sound-o:before,.fa-file-audio-o:before{content:"\f1c7"}.fa-file-movie-o:before,.fa-file-video-o:before{content:"\f1c8"}.fa-file-code-o:before{content:"\f1c9"}.fa-vine:before{content:"\f1ca"}.fa-codepen:before{content:"\f1cb"}.fa-jsfiddle:before{content:"\f1cc"}.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before{content:"\f1cd"}.fa-circle-o-notch:before{content:"\f1ce"}.fa-ra:before,.fa-resistance:before,.fa-rebel:before{content:"\f1d0"}.fa-ge:before,.fa-empire:before{content:"\f1d1"}.fa-git-square:before{content:"\f1d2"}.fa-git:before{content:"\f1d3"}.fa-y-combinator-square:before,.fa-yc-square:before,.fa-hacker-news:before{content:"\f1d4"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-qq:before{content:"\f1d6"}.fa-wechat:before,.fa-weixin:before{content:"\f1d7"}.fa-send:before,.fa-paper-plane:before{content:"\f1d8"}.fa-send-o:before,.fa-paper-plane-o:before{content:"\f1d9"}.fa-history:before{content:"\f1da"}.fa-circle-thin:before{content:"\f1db"}.fa-header:before{content:"\f1dc"}.fa-paragraph:before{content:"\f1dd"}.fa-sliders:before{content:"\f1de"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-bomb:before{content:"\f1e2"}.fa-soccer-ball-o:before,.fa-futbol-o:before{content:"\f1e3"}.fa-tty:before{content:"\f1e4"}.fa-binoculars:before{content:"\f1e5"}.fa-plug:before{content:"\f1e6"}.fa-slideshare:before{content:"\f1e7"}.fa-twitch:before{content:"\f1e8"}.fa-yelp:before{content:"\f1e9"}.fa-newspaper-o:before{content:"\f1ea"}.fa-wifi:before{content:"\f1eb"}.fa-calculator:before{content:"\f1ec"}.fa-paypal:before{content:"\f1ed"}.fa-google-wallet:before{content:"\f1ee"}.fa-cc-visa:before{content:"\f1f0"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-bell-slash:before{content:"\f1f6"}.fa-bell-slash-o:before{content:"\f1f7"}.fa-trash:before{content:"\f1f8"}.fa-copyright:before{content:"\f1f9"}.fa-at:before{content:"\f1fa"}.fa-eyedropper:before{content:"\f1fb"}.fa-paint-brush:before{content:"\f1fc"}.fa-birthday-cake:before{content:"\f1fd"}.fa-area-chart:before{content:"\f1fe"}.fa-pie-chart:before{content:"\f200"}.fa-line-chart:before{content:"\f201"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-bicycle:before{content:"\f206"}.fa-bus:before{content:"\f207"}.fa-ioxhost:before{content:"\f208"}.fa-angellist:before{content:"\f209"}.fa-cc:before{content:"\f20a"}.fa-shekel:before,.fa-sheqel:before,.fa-ils:before{content:"\f20b"}.fa-meanpath:before{content:"\f20c"}.fa-buysellads:before{content:"\f20d"}.fa-connectdevelop:before{content:"\f20e"}.fa-dashcube:before{content:"\f210"}.fa-forumbee:before{content:"\f211"}.fa-leanpub:before{content:"\f212"}.fa-sellsy:before{content:"\f213"}.fa-shirtsinbulk:before{content:"\f214"}.fa-simplybuilt:before{content:"\f215"}.fa-skyatlas:before{content:"\f216"}.fa-cart-plus:before{content:"\f217"}.fa-cart-arrow-down:before{content:"\f218"}.fa-diamond:before{content:"\f219"}.fa-ship:before{content:"\f21a"}.fa-user-secret:before{content:"\f21b"}.fa-motorcycle:before{content:"\f21c"}.fa-street-view:before{content:"\f21d"}.fa-heartbeat:before{content:"\f21e"}.fa-venus:before{content:"\f221"}.fa-mars:before{content:"\f222"}.fa-mercury:before{content:"\f223"}.fa-intersex:before,.fa-transgender:before{content:"\f224"}.fa-transgender-alt:before{content:"\f225"}.fa-venus-double:before{content:"\f226"}.fa-mars-double:before{content:"\f227"}.fa-venus-mars:before{content:"\f228"}.fa-mars-stroke:before{content:"\f229"}.fa-mars-stroke-v:before{content:"\f22a"}.fa-mars-stroke-h:before{content:"\f22b"}.fa-neuter:before{content:"\f22c"}.fa-genderless:before{content:"\f22d"}.fa-facebook-official:before{content:"\f230"}.fa-pinterest-p:before{content:"\f231"}.fa-whatsapp:before{content:"\f232"}.fa-server:before{content:"\f233"}.fa-user-plus:before{content:"\f234"}.fa-user-times:before{content:"\f235"}.fa-hotel:before,.fa-bed:before{content:"\f236"}.fa-viacoin:before{content:"\f237"}.fa-train:before{content:"\f238"}.fa-subway:before{content:"\f239"}.fa-medium:before{content:"\f23a"}.fa-yc:before,.fa-y-combinator:before{content:"\f23b"}.fa-optin-monster:before{content:"\f23c"}.fa-opencart:before{content:"\f23d"}.fa-expeditedssl:before{content:"\f23e"}.fa-battery-4:before,.fa-battery:before,.fa-battery-full:before{content:"\f240"}.fa-battery-3:before,.fa-battery-three-quarters:before{content:"\f241"}.fa-battery-2:before,.fa-battery-half:before{content:"\f242"}.fa-battery-1:before,.fa-battery-quarter:before{content:"\f243"}.fa-battery-0:before,.fa-battery-empty:before{content:"\f244"}.fa-mouse-pointer:before{content:"\f245"}.fa-i-cursor:before{content:"\f246"}.fa-object-group:before{content:"\f247"}.fa-object-ungroup:before{content:"\f248"}.fa-sticky-note:before{content:"\f249"}.fa-sticky-note-o:before{content:"\f24a"}.fa-cc-jcb:before{content:"\f24b"}.fa-cc-diners-club:before{content:"\f24c"}.fa-clone:before{content:"\f24d"}.fa-balance-scale:before{content:"\f24e"}.fa-hourglass-o:before{content:"\f250"}.fa-hourglass-1:before,.fa-hourglass-start:before{content:"\f251"}.fa-hourglass-2:before,.fa-hourglass-half:before{content:"\f252"}.fa-hourglass-3:before,.fa-hourglass-end:before{content:"\f253"}.fa-hourglass:before{content:"\f254"}.fa-hand-grab-o:before,.fa-hand-rock-o:before{content:"\f255"}.fa-hand-stop-o:before,.fa-hand-paper-o:before{content:"\f256"}.fa-hand-scissors-o:before{content:"\f257"}.fa-hand-lizard-o:before{content:"\f258"}.fa-hand-spock-o:before{content:"\f259"}.fa-hand-pointer-o:before{content:"\f25a"}.fa-hand-peace-o:before{content:"\f25b"}.fa-trademark:before{content:"\f25c"}.fa-registered:before{content:"\f25d"}.fa-creative-commons:before{content:"\f25e"}.fa-gg:before{content:"\f260"}.fa-gg-circle:before{content:"\f261"}.fa-tripadvisor:before{content:"\f262"}.fa-odnoklassniki:before{content:"\f263"}.fa-odnoklassniki-square:before{content:"\f264"}.fa-get-pocket:before{content:"\f265"}.fa-wikipedia-w:before{content:"\f266"}.fa-safari:before{content:"\f267"}.fa-chrome:before{content:"\f268"}.fa-firefox:before{content:"\f269"}.fa-opera:before{content:"\f26a"}.fa-internet-explorer:before{content:"\f26b"}.fa-tv:before,.fa-television:before{content:"\f26c"}.fa-contao:before{content:"\f26d"}.fa-500px:before{content:"\f26e"}.fa-amazon:before{content:"\f270"}.fa-calendar-plus-o:before{content:"\f271"}.fa-calendar-minus-o:before{content:"\f272"}.fa-calendar-times-o:before{content:"\f273"}.fa-calendar-check-o:before{content:"\f274"}.fa-industry:before{content:"\f275"}.fa-map-pin:before{content:"\f276"}.fa-map-signs:before{content:"\f277"}.fa-map-o:before{content:"\f278"}.fa-map:before{content:"\f279"}.fa-commenting:before{content:"\f27a"}.fa-commenting-o:before{content:"\f27b"}.fa-houzz:before{content:"\f27c"}.fa-vimeo:before{content:"\f27d"}.fa-black-tie:before{content:"\f27e"}.fa-fonticons:before{content:"\f280"}.fa-reddit-alien:before{content:"\f281"}.fa-edge:before{content:"\f282"}.fa-credit-card-alt:before{content:"\f283"}.fa-codiepie:before{content:"\f284"}.fa-modx:before{content:"\f285"}.fa-fort-awesome:before{content:"\f286"}.fa-usb:before{content:"\f287"}.fa-product-hunt:before{content:"\f288"}.fa-mixcloud:before{content:"\f289"}.fa-scribd:before{content:"\f28a"}.fa-pause-circle:before{content:"\f28b"}.fa-pause-circle-o:before{content:"\f28c"}.fa-stop-circle:before{content:"\f28d"}.fa-stop-circle-o:before{content:"\f28e"}.fa-shopping-bag:before{content:"\f290"}.fa-shopping-basket:before{content:"\f291"}.fa-hashtag:before{content:"\f292"}.fa-bluetooth:before{content:"\f293"}.fa-bluetooth-b:before{content:"\f294"}.fa-percent:before{content:"\f295"}.fa-gitlab:before{content:"\f296"}.fa-wpbeginner:before{content:"\f297"}.fa-wpforms:before{content:"\f298"}.fa-envira:before{content:"\f299"}.fa-universal-access:before{content:"\f29a"}.fa-wheelchair-alt:before{content:"\f29b"}.fa-question-circle-o:before{content:"\f29c"}.fa-blind:before{content:"\f29d"}.fa-audio-description:before{content:"\f29e"}.fa-volume-control-phone:before{content:"\f2a0"}.fa-braille:before{content:"\f2a1"}.fa-assistive-listening-systems:before{content:"\f2a2"}.fa-asl-interpreting:before,.fa-american-sign-language-interpreting:before{content:"\f2a3"}.fa-deafness:before,.fa-hard-of-hearing:before,.fa-deaf:before{content:"\f2a4"}.fa-glide:before{content:"\f2a5"}.fa-glide-g:before{content:"\f2a6"}.fa-signing:before,.fa-sign-language:before{content:"\f2a7"}.fa-low-vision:before{content:"\f2a8"}.fa-viadeo:before{content:"\f2a9"}.fa-viadeo-square:before{content:"\f2aa"}.fa-snapchat:before{content:"\f2ab"}.fa-snapchat-ghost:before{content:"\f2ac"}.fa-snapchat-square:before{content:"\f2ad"}.fa-pied-piper:before{content:"\f2ae"}.fa-first-order:before{content:"\f2b0"}.fa-yoast:before{content:"\f2b1"}.fa-themeisle:before{content:"\f2b2"}.fa-google-plus-circle:before,.fa-google-plus-official:before{content:"\f2b3"}.fa-fa:before,.fa-font-awesome:before{content:"\f2b4"}.fa-handshake-o:before{content:"\f2b5"}.fa-envelope-open:before{content:"\f2b6"}.fa-envelope-open-o:before{content:"\f2b7"}.fa-linode:before{content:"\f2b8"}.fa-address-book:before{content:"\f2b9"}.fa-address-book-o:before{content:"\f2ba"}.fa-vcard:before,.fa-address-card:before{content:"\f2bb"}.fa-vcard-o:before,.fa-address-card-o:before{content:"\f2bc"}.fa-user-circle:before{content:"\f2bd"}.fa-user-circle-o:before{content:"\f2be"}.fa-user-o:before{content:"\f2c0"}.fa-id-badge:before{content:"\f2c1"}.fa-drivers-license:before,.fa-id-card:before{content:"\f2c2"}.fa-drivers-license-o:before,.fa-id-card-o:before{content:"\f2c3"}.fa-quora:before{content:"\f2c4"}.fa-free-code-camp:before{content:"\f2c5"}.fa-telegram:before{content:"\f2c6"}.fa-thermometer-4:before,.fa-thermometer:before,.fa-thermometer-full:before{content:"\f2c7"}.fa-thermometer-3:before,.fa-thermometer-three-quarters:before{content:"\f2c8"}.fa-thermometer-2:before,.fa-thermometer-half:before{content:"\f2c9"}.fa-thermometer-1:before,.fa-thermometer-quarter:before{content:"\f2ca"}.fa-thermometer-0:before,.fa-thermometer-empty:before{content:"\f2cb"}.fa-shower:before{content:"\f2cc"}.fa-bathtub:before,.fa-s15:before,.fa-bath:before{content:"\f2cd"}.fa-podcast:before{content:"\f2ce"}.fa-window-maximize:before{content:"\f2d0"}.fa-window-minimize:before{content:"\f2d1"}.fa-window-restore:before{content:"\f2d2"}.fa-times-rectangle:before,.fa-window-close:before{content:"\f2d3"}.fa-times-rectangle-o:before,.fa-window-close-o:before{content:"\f2d4"}.fa-bandcamp:before{content:"\f2d5"}.fa-grav:before{content:"\f2d6"}.fa-etsy:before{content:"\f2d7"}.fa-imdb:before{content:"\f2d8"}.fa-ravelry:before{content:"\f2d9"}.fa-eercast:before{content:"\f2da"}.fa-microchip:before{content:"\f2db"}.fa-snowflake-o:before{content:"\f2dc"}.fa-superpowers:before{content:"\f2dd"}.fa-wpexplorer:before{content:"\f2de"}.fa-meetup:before{content:"\f2e0"}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto} /* style: 1050*/ /* ======================================================================== Component: Base ========================================================================== */ /* * 1. Normalize default `font-family` and set `font-size` to support `rem` units * 2. Prevents iOS text size adjust after orientation change, without disabling user zoom * 3. Style */ html { /* 1 */ font: normal 14px/20px Roboto, Arial, Helvetica, sans-serif; /* 2 */ -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; /* 3 */ background: #FFFFFF; color: #0B0B13; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /* * Removes default margin. */ body { margin: 0; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /* Links ========================================================================== */ /* * Remove the gray background color from active links in IE 10. */ a { background: transparent; } /* * Improve readability of focused elements when they are also in an active/hover state. */ a:active, a:hover, a:focus, .slick-track > div { outline: 0; } /* * Style */ a, .eee-link { color: #2E70FF; text-decoration: underline; cursor: pointer; } a:hover, a:focus, .eee-link:hover, .eee-link:focus { /* color: lighten(#2E70FF, 5%);*/ text-decoration: underline; } /* Text-level semantics ========================================================================== */ /* * Address styling not present in IE 8/9/10/11, Safari, and Chrome. */ abbr[title] { border-bottom: 1px dotted; } /* * Address style set to `bolder` in Firefox 4+, Safari, and Chrome. */ b, strong { font-weight: bold; } /* * 1. Address odd `em`-unit font size rendering in all browsers. */ :not(pre) > code, :not(pre) > kbd, :not(pre) > samp { /* 1 */ font-size: 14px; font-family: Consolas, monospace, serif; background: #EBEBEB; color: #0B0B13; white-space: nowrap; } /* * Addresses inconsistent and variable font size in all browsers. */ small { font-size: 80%; } /* * Prevents `sub` and `sup` affecting `line-height` in all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } /* Embedded content ========================================================================== */ /* * Remove the gap between audio, canvas, iframes, images, videos and the bottom of their containers. */ audio, canvas, iframe, img, svg, video { vertical-align: middle; } /* * 1. Responsiveness: Sets a maximum width relative to the parent and auto scales the height * 2. Corrects `max-width` behavior if padding and border are used * 3. Remove border when inside `a` element in IE 8/9/10. */ img { /* 1 */ max-width: 100%; height: auto; /* 2 */ box-sizing: border-box; /* 3 */ border: 0; } /* * Preserve original image dimensions */ .eee-img-preserve, .eee-img-preserve img { max-width: none; } /* * Correct overflow not hidden in IE 9/10/11. */ svg:not(:root) { overflow: hidden; } /* Block elements ========================================================================== */ /* * Reset margin */ p, ul, ol, dl, blockquote, pre, address, fieldset, figure, table { margin: 0; } /* * Margins */ p, ul, ol, dl, blockquote, pre, address, fieldset, figure, table, .eee-columns, .eee-paragraph, .eee-paragraph__paragraphs, .eee-google-map, .eee-link, .eee-button, .eee-teaser, .eee-teaser-icon-canvas, .eee-teaser-jumbotron, .eee-placeholder-component, .eee-gallery-grid, .eee-slider, .eee-form, .eee-content-section { margin-bottom: 15px; } p:last-child, ul:last-child, ol:last-child, dl:last-child, blockquote:last-child, pre:last-child, address:last-child, fieldset:last-child, figure:last-child, table:last-child, .eee-columns:last-child, .eee-paragraph:last-child, .eee-paragraph__paragraphs:last-child, .eee-google-map:last-child, .eee-link:last-child, .eee-button:last-child, .eee-teaser:last-child, .eee-teaser-icon-canvas:last-child, .eee-teaser-jumbotron:last-child, .eee-placeholder-component:last-child, .eee-gallery-grid:last-child, .eee-slider:last-child, .eee-form:last-child, .eee-content-section:last-child { margin-bottom: 0; } * + p, * + ul, * + ol, * + dl, * + blockquote, * + pre, * + address, * + fieldset, * + figure, * + table, * + .eee-columns, * + .eee-paragraph, * + .eee-paragraph__paragraphs, * + .eee-google-map, * + .eee-link, * + .eee-button, * + .eee-teaser, * + .eee-teaser-icon-canvas, * + .eee-teaser-jumbotron, * + .eee-placeholder-component, * + .eee-gallery-grid, * + .eee-slider, * + .eee-form, * + .eee-content-section, .eee-youtube-player + .eee-youtube-player { margin-top: 15px; } /* Lists ========================================================================== */ ul, ol { padding-left: 25px; } /* * Reset margin for nested lists */ ul > li > ul, ul > li > ol, ol > li > ol, ol > li > ul { margin: 0; } /* Description lists ========================================================================== */ dt { font-weight: bold; } dd { margin-left: 0; } /* Address ========================================================================== */ address { font-style: normal; } /* Blockquotes ========================================================================== */ blockquote { padding-left: 25px; border-left: 2px solid #677077; font-size: 16px; line-height: 22px; font-style: italic; } /* Preformatted text ========================================================================== */ /* * 1. Contain overflow in all browsers. */ pre { padding: 5px; background: #EBEBEB; font-family: Consolas, monospace, serif; color: #0B0B13; -moz-tab-size: 4; tab-size: 4; /* 1 */ overflow: auto; } /* Selection pseudo-element ========================================================================== */ ::-moz-selection { background: #FDE53B; color: #0B0B13; text-shadow: none; } ::selection { background: #FDE53B; color: #0B0B13; text-shadow: none; } /* HTML5 elements ========================================================================== */ /* * Correct `block` display not defined for any HTML5 element in IE 8/9. * Correct `block` display not defined for `details` or `summary` in IE 10/11 and Firefox. * Correct `block` display not defined for `main` in IE 11. */ article, aside, details, figcaption, figure, footer, header, main, nav, section, summary { display: block; } /* * Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera. */ progress { vertical-align: baseline; } /* * Prevent displaying `audio` without controls in Chrome, Safari and Opera */ audio:not([controls]) { display: none; } /* * Address `[hidden]` styling not present in IE 8/9/10. * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22. */ [hidden], template { display: none; } .itemprop { display: none; } /* Iframe ========================================================================== */ iframe { border: 0; } /* Fix viewport for IE10 snap mode ========================================================================== */ @media screen and (max-width: 400px) { @-ms-viewport { width: device-width; } } /* style: 1832*/ /* 1) Creates bg/text/border/outline/fill/links-inside-container classes for all colors from the palette - e.g: .eee-palette-primary-bg .eee-palette-primary-text .eee-palette-primary-border .eee-palette-primary-outline - Uses the same colors for text/border/outline (the contrasting color for the current background color). - Since we have contrast_2 colors for some default colors (like primary) we also have -2 classes e.g.: .eee-palette-primary-bg-2 .eee-palette-primary-text-2 - Also generates "invert" modifier classes which might be handy e.g.: .eee-palette-primary-bg-2--invert .eee-palette-primary-text-2--invert .eee-palette-primary-border-2--invert 2) Creates container classes for styling links (just their color) inside for all colors from the palette - e.g: .eee-pallete-primary-links .eee-pallete-negative-links .eee-palette-neutral-gray-dark-links */ .eee-palette-primary-bg { background-color: #004FFA!important; } .eee-palette-primary-bg--invert { background-color: #0B0B13!important; } .eee-palette-primary-bg-2 { background-color: #004FFA!important; } .eee-palette-primary-bg-2--invert { background-color: #FFFFFF!important; } .eee-palette-primary-text { color: #0B0B13!important; } .eee-palette-primary-text h1, .eee-palette-primary-text h2, .eee-palette-primary-text h3, .eee-palette-primary-text h4, .eee-palette-primary-text h5, .eee-palette-primary-text h6 { color: #0B0B13!important; } .eee-palette-primary-text--invert { color: #004FFA!important; } .eee-palette-primary-text--invert h1, .eee-palette-primary-text--invert h2, .eee-palette-primary-text--invert h3, .eee-palette-primary-text--invert h4, .eee-palette-primary-text--invert h5, .eee-palette-primary-text--invert h6 { color: #004FFA!important; } .eee-palette-primary-text-2 { color: #FFFFFF!important; } .eee-palette-primary-text-2 h1, .eee-palette-primary-text-2 h2, .eee-palette-primary-text-2 h3, .eee-palette-primary-text-2 h4, .eee-palette-primary-text-2 h5, .eee-palette-primary-text-2 h6 { color: #FFFFFF!important; } .eee-palette-primary-text-2--invert { color: #004FFA!important; } .eee-palette-primary-text-2--invert h1, .eee-palette-primary-text-2--invert h2, .eee-palette-primary-text-2--invert h3, .eee-palette-primary-text-2--invert h4, .eee-palette-primary-text-2--invert h5, .eee-palette-primary-text-2--invert h6 { color: #004FFA!important; } .eee-palette-primary-border { border-color: #0B0B13!important; } .eee-palette-primary-border--invert { border-color: #004FFA!important; } .eee-palette-primary-border-2 { border-color: #FFFFFF!important; } .eee-palette-primary-border-2--invert { border-color: #004FFA!important; } .eee-palette-primary-outline { outline-color: #0B0B13!important; } .eee-palette-primary-outline--invert { outline-color: #004FFA!important; } .eee-palette-primary-outline-2 { outline-color: #FFFFFF!important; } .eee-palette-primary-outline-2--invert { outline-color: #004FFA!important; } .eee-palette-primary-fill { fill: #0B0B13!important; color: #0B0B13!important; } .eee-palette-primary-fill--invert { fill: #004FFA!important; color: #004FFA!important; } .eee-palette-primary-fill-2 { fill: #FFFFFF!important; color: #FFFFFF!important; } .eee-palette-primary-fill-2--invert { fill: #004FFA!important; color: #004FFA!important; } .eee-palette-primary-links a:not([class]), .eee-palette-primary-links .eee-link { color: #004FFA; } .eee-palette-primary-links a:not([class]):hover .eee-palette-primary-links a:not([class]):focus, .eee-palette-primary-links .eee-link:hover, .eee-palette-primary-links .eee-link:focus { /* color: lighten(#{$color}, 5%);*/ } .eee-palette-primary-2-bg { background-color: #004FFA!important; } .eee-palette-primary-2-bg--invert { background-color: #FFFFFF!important; } .eee-palette-primary-2-bg-2 { background-color: #004FFA!important; } .eee-palette-primary-2-bg-2--invert { background-color: #0B0B13!important; } .eee-palette-primary-2-text { color: #FFFFFF!important; } .eee-palette-primary-2-text h1, .eee-palette-primary-2-text h2, .eee-palette-primary-2-text h3, .eee-palette-primary-2-text h4, .eee-palette-primary-2-text h5, .eee-palette-primary-2-text h6 { color: #FFFFFF!important; } .eee-palette-primary-2-text--invert { color: #004FFA!important; } .eee-palette-primary-2-text--invert h1, .eee-palette-primary-2-text--invert h2, .eee-palette-primary-2-text--invert h3, .eee-palette-primary-2-text--invert h4, .eee-palette-primary-2-text--invert h5, .eee-palette-primary-2-text--invert h6 { color: #004FFA!important; } .eee-palette-primary-2-text-2 { color: #0B0B13!important; } .eee-palette-primary-2-text-2 h1, .eee-palette-primary-2-text-2 h2, .eee-palette-primary-2-text-2 h3, .eee-palette-primary-2-text-2 h4, .eee-palette-primary-2-text-2 h5, .eee-palette-primary-2-text-2 h6 { color: #0B0B13!important; } .eee-palette-primary-2-text-2--invert { color: #004FFA!important; } .eee-palette-primary-2-text-2--invert h1, .eee-palette-primary-2-text-2--invert h2, .eee-palette-primary-2-text-2--invert h3, .eee-palette-primary-2-text-2--invert h4, .eee-palette-primary-2-text-2--invert h5, .eee-palette-primary-2-text-2--invert h6 { color: #004FFA!important; } .eee-palette-primary-2-border { border-color: #FFFFFF!important; } .eee-palette-primary-2-border--invert { border-color: #004FFA!important; } .eee-palette-primary-2-border-2 { border-color: #0B0B13!important; } .eee-palette-primary-2-border-2--invert { border-color: #004FFA!important; } .eee-palette-primary-2-outline { outline-color: #FFFFFF!important; } .eee-palette-primary-2-outline--invert { outline-color: #004FFA!important; } .eee-palette-primary-2-outline-2 { outline-color: #0B0B13!important; } .eee-palette-primary-2-outline-2--invert { outline-color: #004FFA!important; } .eee-palette-primary-2-fill { fill: #FFFFFF!important; color: #FFFFFF!important; } .eee-palette-primary-2-fill--invert { fill: #004FFA!important; color: #004FFA!important; } .eee-palette-primary-2-fill-2 { fill: #0B0B13!important; color: #0B0B13!important; } .eee-palette-primary-2-fill-2--invert { fill: #004FFA!important; color: #004FFA!important; } .eee-palette-primary-2-links a:not([class]), .eee-palette-primary-2-links .eee-link { color: #004FFA; } .eee-palette-primary-2-links a:not([class]):hover .eee-palette-primary-2-links a:not([class]):focus, .eee-palette-primary-2-links .eee-link:hover, .eee-palette-primary-2-links .eee-link:focus { /* color: lighten(#{$color}, 5%);*/ } .eee-palette-secondary-bg { background-color: #2E70FF!important; } .eee-palette-secondary-bg--invert { background-color: #0B0B13!important; } .eee-palette-secondary-bg-2 { background-color: #2E70FF!important; } .eee-palette-secondary-bg-2--invert { background-color: #FFFFFF!important; } .eee-palette-secondary-text { color: #0B0B13!important; } .eee-palette-secondary-text h1, .eee-palette-secondary-text h2, .eee-palette-secondary-text h3, .eee-palette-secondary-text h4, .eee-palette-secondary-text h5, .eee-palette-secondary-text h6 { color: #0B0B13!important; } .eee-palette-secondary-text--invert { color: #2E70FF!important; } .eee-palette-secondary-text--invert h1, .eee-palette-secondary-text--invert h2, .eee-palette-secondary-text--invert h3, .eee-palette-secondary-text--invert h4, .eee-palette-secondary-text--invert h5, .eee-palette-secondary-text--invert h6 { color: #2E70FF!important; } .eee-palette-secondary-text-2 { color: #FFFFFF!important; } .eee-palette-secondary-text-2 h1, .eee-palette-secondary-text-2 h2, .eee-palette-secondary-text-2 h3, .eee-palette-secondary-text-2 h4, .eee-palette-secondary-text-2 h5, .eee-palette-secondary-text-2 h6 { color: #FFFFFF!important; } .eee-palette-secondary-text-2--invert { color: #2E70FF!important; } .eee-palette-secondary-text-2--invert h1, .eee-palette-secondary-text-2--invert h2, .eee-palette-secondary-text-2--invert h3, .eee-palette-secondary-text-2--invert h4, .eee-palette-secondary-text-2--invert h5, .eee-palette-secondary-text-2--invert h6 { color: #2E70FF!important; } .eee-palette-secondary-border { border-color: #0B0B13!important; } .eee-palette-secondary-border--invert { border-color: #2E70FF!important; } .eee-palette-secondary-border-2 { border-color: #FFFFFF!important; } .eee-palette-secondary-border-2--invert { border-color: #2E70FF!important; } .eee-palette-secondary-outline { outline-color: #0B0B13!important; } .eee-palette-secondary-outline--invert { outline-color: #2E70FF!important; } .eee-palette-secondary-outline-2 { outline-color: #FFFFFF!important; } .eee-palette-secondary-outline-2--invert { outline-color: #2E70FF!important; } .eee-palette-secondary-fill { fill: #0B0B13!important; color: #0B0B13!important; } .eee-palette-secondary-fill--invert { fill: #2E70FF!important; color: #2E70FF!important; } .eee-palette-secondary-fill-2 { fill: #FFFFFF!important; color: #FFFFFF!important; } .eee-palette-secondary-fill-2--invert { fill: #2E70FF!important; color: #2E70FF!important; } .eee-palette-secondary-links a:not([class]), .eee-palette-secondary-links .eee-link { color: #2E70FF; } .eee-palette-secondary-links a:not([class]):hover .eee-palette-secondary-links a:not([class]):focus, .eee-palette-secondary-links .eee-link:hover, .eee-palette-secondary-links .eee-link:focus { /* color: lighten(#{$color}, 5%);*/ } .eee-palette-secondary-2-bg { background-color: #F7F8F9!important; } .eee-palette-secondary-2-bg--invert { background-color: #0B0B13!important; } .eee-palette-secondary-2-bg-2 { background-color: #F7F8F9!important; } .eee-palette-secondary-2-bg-2--invert { background-color: #FFFFFF!important; } .eee-palette-secondary-2-text { color: #0B0B13!important; } .eee-palette-secondary-2-text h1, .eee-palette-secondary-2-text h2, .eee-palette-secondary-2-text h3, .eee-palette-secondary-2-text h4, .eee-palette-secondary-2-text h5, .eee-palette-secondary-2-text h6 { color: #0B0B13!important; } .eee-palette-secondary-2-text--invert { color: #F7F8F9!important; } .eee-palette-secondary-2-text--invert h1, .eee-palette-secondary-2-text--invert h2, .eee-palette-secondary-2-text--invert h3, .eee-palette-secondary-2-text--invert h4, .eee-palette-secondary-2-text--invert h5, .eee-palette-secondary-2-text--invert h6 { color: #F7F8F9!important; } .eee-palette-secondary-2-text-2 { color: #FFFFFF!important; } .eee-palette-secondary-2-text-2 h1, .eee-palette-secondary-2-text-2 h2, .eee-palette-secondary-2-text-2 h3, .eee-palette-secondary-2-text-2 h4, .eee-palette-secondary-2-text-2 h5, .eee-palette-secondary-2-text-2 h6 { color: #FFFFFF!important; } .eee-palette-secondary-2-text-2--invert { color: #F7F8F9!important; } .eee-palette-secondary-2-text-2--invert h1, .eee-palette-secondary-2-text-2--invert h2, .eee-palette-secondary-2-text-2--invert h3, .eee-palette-secondary-2-text-2--invert h4, .eee-palette-secondary-2-text-2--invert h5, .eee-palette-secondary-2-text-2--invert h6 { color: #F7F8F9!important; } .eee-palette-secondary-2-border { border-color: #0B0B13!important; } .eee-palette-secondary-2-border--invert { border-color: #F7F8F9!important; } .eee-palette-secondary-2-border-2 { border-color: #FFFFFF!important; } .eee-palette-secondary-2-border-2--invert { border-color: #F7F8F9!important; } .eee-palette-secondary-2-outline { outline-color: #0B0B13!important; } .eee-palette-secondary-2-outline--invert { outline-color: #F7F8F9!important; } .eee-palette-secondary-2-outline-2 { outline-color: #FFFFFF!important; } .eee-palette-secondary-2-outline-2--invert { outline-color: #F7F8F9!important; } .eee-palette-secondary-2-fill { fill: #0B0B13!important; color: #0B0B13!important; } .eee-palette-secondary-2-fill--invert { fill: #F7F8F9!important; color: #F7F8F9!important; } .eee-palette-secondary-2-fill-2 { fill: #FFFFFF!important; color: #FFFFFF!important; } .eee-palette-secondary-2-fill-2--invert { fill: #F7F8F9!important; color: #F7F8F9!important; } .eee-palette-secondary-2-links a:not([class]), .eee-palette-secondary-2-links .eee-link { color: #F7F8F9; } .eee-palette-secondary-2-links a:not([class]):hover .eee-palette-secondary-2-links a:not([class]):focus, .eee-palette-secondary-2-links .eee-link:hover, .eee-palette-secondary-2-links .eee-link:focus { /* color: lighten(#{$color}, 5%);*/ } .eee-palette-secondary-3-bg { background-color: #F3EFE7!important; } .eee-palette-secondary-3-bg--invert { background-color: #0B0B13!important; } .eee-palette-secondary-3-bg-2 { background-color: #F3EFE7!important; } .eee-palette-secondary-3-bg-2--invert { background-color: #FFFFFF!important; } .eee-palette-secondary-3-text { color: #0B0B13!important; } .eee-palette-secondary-3-text h1, .eee-palette-secondary-3-text h2, .eee-palette-secondary-3-text h3, .eee-palette-secondary-3-text h4, .eee-palette-secondary-3-text h5, .eee-palette-secondary-3-text h6 { color: #0B0B13!important; } .eee-palette-secondary-3-text--invert { color: #F3EFE7!important; } .eee-palette-secondary-3-text--invert h1, .eee-palette-secondary-3-text--invert h2, .eee-palette-secondary-3-text--invert h3, .eee-palette-secondary-3-text--invert h4, .eee-palette-secondary-3-text--invert h5, .eee-palette-secondary-3-text--invert h6 { color: #F3EFE7!important; } .eee-palette-secondary-3-text-2 { color: #FFFFFF!important; } .eee-palette-secondary-3-text-2 h1, .eee-palette-secondary-3-text-2 h2, .eee-palette-secondary-3-text-2 h3, .eee-palette-secondary-3-text-2 h4, .eee-palette-secondary-3-text-2 h5, .eee-palette-secondary-3-text-2 h6 { color: #FFFFFF!important; } .eee-palette-secondary-3-text-2--invert { color: #F3EFE7!important; } .eee-palette-secondary-3-text-2--invert h1, .eee-palette-secondary-3-text-2--invert h2, .eee-palette-secondary-3-text-2--invert h3, .eee-palette-secondary-3-text-2--invert h4, .eee-palette-secondary-3-text-2--invert h5, .eee-palette-secondary-3-text-2--invert h6 { color: #F3EFE7!important; } .eee-palette-secondary-3-border { border-color: #0B0B13!important; } .eee-palette-secondary-3-border--invert { border-color: #F3EFE7!important; } .eee-palette-secondary-3-border-2 { border-color: #FFFFFF!important; } .eee-palette-secondary-3-border-2--invert { border-color: #F3EFE7!important; } .eee-palette-secondary-3-outline { outline-color: #0B0B13!important; } .eee-palette-secondary-3-outline--invert { outline-color: #F3EFE7!important; } .eee-palette-secondary-3-outline-2 { outline-color: #FFFFFF!important; } .eee-palette-secondary-3-outline-2--invert { outline-color: #F3EFE7!important; } .eee-palette-secondary-3-fill { fill: #0B0B13!important; color: #0B0B13!important; } .eee-palette-secondary-3-fill--invert { fill: #F3EFE7!important; color: #F3EFE7!important; } .eee-palette-secondary-3-fill-2 { fill: #FFFFFF!important; color: #FFFFFF!important; } .eee-palette-secondary-3-fill-2--invert { fill: #F3EFE7!important; color: #F3EFE7!important; } .eee-palette-secondary-3-links a:not([class]), .eee-palette-secondary-3-links .eee-link { color: #F3EFE7; } .eee-palette-secondary-3-links a:not([class]):hover .eee-palette-secondary-3-links a:not([class]):focus, .eee-palette-secondary-3-links .eee-link:hover, .eee-palette-secondary-3-links .eee-link:focus { /* color: lighten(#{$color}, 5%);*/ } .eee-palette-accent-bg { background-color: #2E70FF!important; } .eee-palette-accent-bg--invert { background-color: #FFFFFF!important; } .eee-palette-accent-text { color: #FFFFFF!important; } .eee-palette-accent-text h1, .eee-palette-accent-text h2, .eee-palette-accent-text h3, .eee-palette-accent-text h4, .eee-palette-accent-text h5, .eee-palette-accent-text h6 { color: #FFFFFF!important; } .eee-palette-accent-text--invert { color: #2E70FF!important; } .eee-palette-accent-text--invert h1, .eee-palette-accent-text--invert h2, .eee-palette-accent-text--invert h3, .eee-palette-accent-text--invert h4, .eee-palette-accent-text--invert h5, .eee-palette-accent-text--invert h6 { color: #2E70FF!important; } .eee-palette-accent-border { border-color: #FFFFFF!important; } .eee-palette-accent-border--invert { border-color: #2E70FF!important; } .eee-palette-accent-outline { outline-color: #FFFFFF!important; } .eee-palette-accent-outline--invert { outline-color: #2E70FF!important; } .eee-palette-accent-fill { fill: #FFFFFF!important; color: #FFFFFF!important; } .eee-palette-accent-fill--invert { fill: #2E70FF!important; color: #2E70FF!important; } .eee-palette-accent-links a:not([class]), .eee-palette-accent-links .eee-link { color: #2E70FF; } .eee-palette-accent-links a:not([class]):hover .eee-palette-accent-links a:not([class]):focus, .eee-palette-accent-links .eee-link:hover, .eee-palette-accent-links .eee-link:focus { /* color: lighten(#{$color}, 5%);*/ } .eee-palette-caution-bg { background-color: #FDE53B!important; } .eee-palette-caution-bg--invert { background-color: #0B0B13!important; } .eee-palette-caution-text { color: #0B0B13!important; } .eee-palette-caution-text h1, .eee-palette-caution-text h2, .eee-palette-caution-text h3, .eee-palette-caution-text h4, .eee-palette-caution-text h5, .eee-palette-caution-text h6 { color: #0B0B13!important; } .eee-palette-caution-text--invert { color: #FDE53B!important; } .eee-palette-caution-text--invert h1, .eee-palette-caution-text--invert h2, .eee-palette-caution-text--invert h3, .eee-palette-caution-text--invert h4, .eee-palette-caution-text--invert h5, .eee-palette-caution-text--invert h6 { color: #FDE53B!important; } .eee-palette-caution-border { border-color: #0B0B13!important; } .eee-palette-caution-border--invert { border-color: #FDE53B!important; } .eee-palette-caution-outline { outline-color: #0B0B13!important; } .eee-palette-caution-outline--invert { outline-color: #FDE53B!important; } .eee-palette-caution-fill { fill: #0B0B13!important; color: #0B0B13!important; } .eee-palette-caution-fill--invert { fill: #FDE53B!important; color: #FDE53B!important; } .eee-palette-caution-links a:not([class]), .eee-palette-caution-links .eee-link { color: #FDE53B; } .eee-palette-caution-links a:not([class]):hover .eee-palette-caution-links a:not([class]):focus, .eee-palette-caution-links .eee-link:hover, .eee-palette-caution-links .eee-link:focus { /* color: lighten(#{$color}, 5%);*/ } .eee-palette-negative-bg { background-color: #DF0B22!important; } .eee-palette-negative-bg--invert { background-color: #FFFFFF!important; } .eee-palette-negative-text { color: #FFFFFF!important; } .eee-palette-negative-text h1, .eee-palette-negative-text h2, .eee-palette-negative-text h3, .eee-palette-negative-text h4, .eee-palette-negative-text h5, .eee-palette-negative-text h6 { color: #FFFFFF!important; } .eee-palette-negative-text--invert { color: #DF0B22!important; } .eee-palette-negative-text--invert h1, .eee-palette-negative-text--invert h2, .eee-palette-negative-text--invert h3, .eee-palette-negative-text--invert h4, .eee-palette-negative-text--invert h5, .eee-palette-negative-text--invert h6 { color: #DF0B22!important; } .eee-palette-negative-border { border-color: #FFFFFF!important; } .eee-palette-negative-border--invert { border-color: #DF0B22!important; } .eee-palette-negative-outline { outline-color: #FFFFFF!important; } .eee-palette-negative-outline--invert { outline-color: #DF0B22!important; } .eee-palette-negative-fill { fill: #FFFFFF!important; color: #FFFFFF!important; } .eee-palette-negative-fill--invert { fill: #DF0B22!important; color: #DF0B22!important; } .eee-palette-negative-links a:not([class]), .eee-palette-negative-links .eee-link { color: #DF0B22; } .eee-palette-negative-links a:not([class]):hover .eee-palette-negative-links a:not([class]):focus, .eee-palette-negative-links .eee-link:hover, .eee-palette-negative-links .eee-link:focus { /* color: lighten(#{$color}, 5%);*/ } .eee-palette-info-bg { background-color: #006AB2!important; } .eee-palette-info-bg--invert { background-color: #FFFFFF!important; } .eee-palette-info-text { color: #FFFFFF!important; } .eee-palette-info-text h1, .eee-palette-info-text h2, .eee-palette-info-text h3, .eee-palette-info-text h4, .eee-palette-info-text h5, .eee-palette-info-text h6 { color: #FFFFFF!important; } .eee-palette-info-text--invert { color: #006AB2!important; } .eee-palette-info-text--invert h1, .eee-palette-info-text--invert h2, .eee-palette-info-text--invert h3, .eee-palette-info-text--invert h4, .eee-palette-info-text--invert h5, .eee-palette-info-text--invert h6 { color: #006AB2!important; } .eee-palette-info-border { border-color: #FFFFFF!important; } .eee-palette-info-border--invert { border-color: #006AB2!important; } .eee-palette-info-outline { outline-color: #FFFFFF!important; } .eee-palette-info-outline--invert { outline-color: #006AB2!important; } .eee-palette-info-fill { fill: #FFFFFF!important; color: #FFFFFF!important; } .eee-palette-info-fill--invert { fill: #006AB2!important; color: #006AB2!important; } .eee-palette-info-links a:not([class]), .eee-palette-info-links .eee-link { color: #006AB2; } .eee-palette-info-links a:not([class]):hover .eee-palette-info-links a:not([class]):focus, .eee-palette-info-links .eee-link:hover, .eee-palette-info-links .eee-link:focus { /* color: lighten(#{$color}, 5%);*/ } .eee-palette-positive-bg { background-color: #549132!important; } .eee-palette-positive-bg--invert { background-color: #FFFFFF!important; } .eee-palette-positive-text { color: #FFFFFF!important; } .eee-palette-positive-text h1, .eee-palette-positive-text h2, .eee-palette-positive-text h3, .eee-palette-positive-text h4, .eee-palette-positive-text h5, .eee-palette-positive-text h6 { color: #FFFFFF!important; } .eee-palette-positive-text--invert { color: #549132!important; } .eee-palette-positive-text--invert h1, .eee-palette-positive-text--invert h2, .eee-palette-positive-text--invert h3, .eee-palette-positive-text--invert h4, .eee-palette-positive-text--invert h5, .eee-palette-positive-text--invert h6 { color: #549132!important; } .eee-palette-positive-border { border-color: #FFFFFF!important; } .eee-palette-positive-border--invert { border-color: #549132!important; } .eee-palette-positive-outline { outline-color: #FFFFFF!important; } .eee-palette-positive-outline--invert { outline-color: #549132!important; } .eee-palette-positive-fill { fill: #FFFFFF!important; color: #FFFFFF!important; } .eee-palette-positive-fill--invert { fill: #549132!important; color: #549132!important; } .eee-palette-positive-links a:not([class]), .eee-palette-positive-links .eee-link { color: #549132; } .eee-palette-positive-links a:not([class]):hover .eee-palette-positive-links a:not([class]):focus, .eee-palette-positive-links .eee-link:hover, .eee-palette-positive-links .eee-link:focus { /* color: lighten(#{$color}, 5%);*/ } .eee-palette-neutral-lightest-bg { background-color: #FFFFFF!important; } .eee-palette-neutral-lightest-bg--invert { background-color: #004FFA!important; } .eee-palette-neutral-lightest-bg-2 { background-color: #FFFFFF!important; } .eee-palette-neutral-lightest-bg-2--invert { background-color: #0B0B13!important; } .eee-palette-neutral-lightest-text { color: #004FFA!important; } .eee-palette-neutral-lightest-text h1, .eee-palette-neutral-lightest-text h2, .eee-palette-neutral-lightest-text h3, .eee-palette-neutral-lightest-text h4, .eee-palette-neutral-lightest-text h5, .eee-palette-neutral-lightest-text h6 { color: #004FFA!important; } .eee-palette-neutral-lightest-text--invert { color: #FFFFFF!important; } .eee-palette-neutral-lightest-text--invert h1, .eee-palette-neutral-lightest-text--invert h2, .eee-palette-neutral-lightest-text--invert h3, .eee-palette-neutral-lightest-text--invert h4, .eee-palette-neutral-lightest-text--invert h5, .eee-palette-neutral-lightest-text--invert h6 { color: #FFFFFF!important; } .eee-palette-neutral-lightest-text-2 { color: #0B0B13!important; } .eee-palette-neutral-lightest-text-2 h1, .eee-palette-neutral-lightest-text-2 h2, .eee-palette-neutral-lightest-text-2 h3, .eee-palette-neutral-lightest-text-2 h4, .eee-palette-neutral-lightest-text-2 h5, .eee-palette-neutral-lightest-text-2 h6 { color: #0B0B13!important; } .eee-palette-neutral-lightest-text-2--invert { color: #FFFFFF!important; } .eee-palette-neutral-lightest-text-2--invert h1, .eee-palette-neutral-lightest-text-2--invert h2, .eee-palette-neutral-lightest-text-2--invert h3, .eee-palette-neutral-lightest-text-2--invert h4, .eee-palette-neutral-lightest-text-2--invert h5, .eee-palette-neutral-lightest-text-2--invert h6 { color: #FFFFFF!important; } .eee-palette-neutral-lightest-border { border-color: #004FFA!important; } .eee-palette-neutral-lightest-border--invert { border-color: #FFFFFF!important; } .eee-palette-neutral-lightest-border-2 { border-color: #0B0B13!important; } .eee-palette-neutral-lightest-border-2--invert { border-color: #FFFFFF!important; } .eee-palette-neutral-lightest-outline { outline-color: #004FFA!important; } .eee-palette-neutral-lightest-outline--invert { outline-color: #FFFFFF!important; } .eee-palette-neutral-lightest-outline-2 { outline-color: #0B0B13!important; } .eee-palette-neutral-lightest-outline-2--invert { outline-color: #FFFFFF!important; } .eee-palette-neutral-lightest-fill { fill: #004FFA!important; color: #004FFA!important; } .eee-palette-neutral-lightest-fill--invert { fill: #FFFFFF!important; color: #FFFFFF!important; } .eee-palette-neutral-lightest-fill-2 { fill: #0B0B13!important; color: #0B0B13!important; } .eee-palette-neutral-lightest-fill-2--invert { fill: #FFFFFF!important; color: #FFFFFF!important; } .eee-palette-neutral-lightest-links a:not([class]), .eee-palette-neutral-lightest-links .eee-link { color: #FFFFFF; } .eee-palette-neutral-lightest-links a:not([class]):hover .eee-palette-neutral-lightest-links a:not([class]):focus, .eee-palette-neutral-lightest-links .eee-link:hover, .eee-palette-neutral-lightest-links .eee-link:focus { /* color: lighten(#{$color}, 5%);*/ } .eee-palette-neutral-gray-light-bg { background-color: #EBEBEB!important; } .eee-palette-neutral-gray-light-bg--invert { background-color: #004FFA!important; } .eee-palette-neutral-gray-light-bg-2 { background-color: #EBEBEB!important; } .eee-palette-neutral-gray-light-bg-2--invert { background-color: #0B0B13!important; } .eee-palette-neutral-gray-light-text { color: #004FFA!important; } .eee-palette-neutral-gray-light-text h1, .eee-palette-neutral-gray-light-text h2, .eee-palette-neutral-gray-light-text h3, .eee-palette-neutral-gray-light-text h4, .eee-palette-neutral-gray-light-text h5, .eee-palette-neutral-gray-light-text h6 { color: #004FFA!important; } .eee-palette-neutral-gray-light-text--invert { color: #EBEBEB!important; } .eee-palette-neutral-gray-light-text--invert h1, .eee-palette-neutral-gray-light-text--invert h2, .eee-palette-neutral-gray-light-text--invert h3, .eee-palette-neutral-gray-light-text--invert h4, .eee-palette-neutral-gray-light-text--invert h5, .eee-palette-neutral-gray-light-text--invert h6 { color: #EBEBEB!important; } .eee-palette-neutral-gray-light-text-2 { color: #0B0B13!important; } .eee-palette-neutral-gray-light-text-2 h1, .eee-palette-neutral-gray-light-text-2 h2, .eee-palette-neutral-gray-light-text-2 h3, .eee-palette-neutral-gray-light-text-2 h4, .eee-palette-neutral-gray-light-text-2 h5, .eee-palette-neutral-gray-light-text-2 h6 { color: #0B0B13!important; } .eee-palette-neutral-gray-light-text-2--invert { color: #EBEBEB!important; } .eee-palette-neutral-gray-light-text-2--invert h1, .eee-palette-neutral-gray-light-text-2--invert h2, .eee-palette-neutral-gray-light-text-2--invert h3, .eee-palette-neutral-gray-light-text-2--invert h4, .eee-palette-neutral-gray-light-text-2--invert h5, .eee-palette-neutral-gray-light-text-2--invert h6 { color: #EBEBEB!important; } .eee-palette-neutral-gray-light-border { border-color: #004FFA!important; } .eee-palette-neutral-gray-light-border--invert { border-color: #EBEBEB!important; } .eee-palette-neutral-gray-light-border-2 { border-color: #0B0B13!important; } .eee-palette-neutral-gray-light-border-2--invert { border-color: #EBEBEB!important; } .eee-palette-neutral-gray-light-outline { outline-color: #004FFA!important; } .eee-palette-neutral-gray-light-outline--invert { outline-color: #EBEBEB!important; } .eee-palette-neutral-gray-light-outline-2 { outline-color: #0B0B13!important; } .eee-palette-neutral-gray-light-outline-2--invert { outline-color: #EBEBEB!important; } .eee-palette-neutral-gray-light-fill { fill: #004FFA!important; color: #004FFA!important; } .eee-palette-neutral-gray-light-fill--invert { fill: #EBEBEB!important; color: #EBEBEB!important; } .eee-palette-neutral-gray-light-fill-2 { fill: #0B0B13!important; color: #0B0B13!important; } .eee-palette-neutral-gray-light-fill-2--invert { fill: #EBEBEB!important; color: #EBEBEB!important; } .eee-palette-neutral-gray-light-links a:not([class]), .eee-palette-neutral-gray-light-links .eee-link { color: #EBEBEB; } .eee-palette-neutral-gray-light-links a:not([class]):hover .eee-palette-neutral-gray-light-links a:not([class]):focus, .eee-palette-neutral-gray-light-links .eee-link:hover, .eee-palette-neutral-gray-light-links .eee-link:focus { /* color: lighten(#{$color}, 5%);*/ } .eee-palette-neutral-gray-bg { background-color: #646464!important; } .eee-palette-neutral-gray-bg--invert { background-color: #0B0B13!important; } .eee-palette-neutral-gray-bg-2 { background-color: #646464!important; } .eee-palette-neutral-gray-bg-2--invert { background-color: #FFFFFF!important; } .eee-palette-neutral-gray-text { color: #0B0B13!important; } .eee-palette-neutral-gray-text h1, .eee-palette-neutral-gray-text h2, .eee-palette-neutral-gray-text h3, .eee-palette-neutral-gray-text h4, .eee-palette-neutral-gray-text h5, .eee-palette-neutral-gray-text h6 { color: #0B0B13!important; } .eee-palette-neutral-gray-text--invert { color: #646464!important; } .eee-palette-neutral-gray-text--invert h1, .eee-palette-neutral-gray-text--invert h2, .eee-palette-neutral-gray-text--invert h3, .eee-palette-neutral-gray-text--invert h4, .eee-palette-neutral-gray-text--invert h5, .eee-palette-neutral-gray-text--invert h6 { color: #646464!important; } .eee-palette-neutral-gray-text-2 { color: #FFFFFF!important; } .eee-palette-neutral-gray-text-2 h1, .eee-palette-neutral-gray-text-2 h2, .eee-palette-neutral-gray-text-2 h3, .eee-palette-neutral-gray-text-2 h4, .eee-palette-neutral-gray-text-2 h5, .eee-palette-neutral-gray-text-2 h6 { color: #FFFFFF!important; } .eee-palette-neutral-gray-text-2--invert { color: #646464!important; } .eee-palette-neutral-gray-text-2--invert h1, .eee-palette-neutral-gray-text-2--invert h2, .eee-palette-neutral-gray-text-2--invert h3, .eee-palette-neutral-gray-text-2--invert h4, .eee-palette-neutral-gray-text-2--invert h5, .eee-palette-neutral-gray-text-2--invert h6 { color: #646464!important; } .eee-palette-neutral-gray-border { border-color: #0B0B13!important; } .eee-palette-neutral-gray-border--invert { border-color: #646464!important; } .eee-palette-neutral-gray-border-2 { border-color: #FFFFFF!important; } .eee-palette-neutral-gray-border-2--invert { border-color: #646464!important; } .eee-palette-neutral-gray-outline { outline-color: #0B0B13!important; } .eee-palette-neutral-gray-outline--invert { outline-color: #646464!important; } .eee-palette-neutral-gray-outline-2 { outline-color: #FFFFFF!important; } .eee-palette-neutral-gray-outline-2--invert { outline-color: #646464!important; } .eee-palette-neutral-gray-fill { fill: #0B0B13!important; color: #0B0B13!important; } .eee-palette-neutral-gray-fill--invert { fill: #646464!important; color: #646464!important; } .eee-palette-neutral-gray-fill-2 { fill: #FFFFFF!important; color: #FFFFFF!important; } .eee-palette-neutral-gray-fill-2--invert { fill: #646464!important; color: #646464!important; } .eee-palette-neutral-gray-links a:not([class]), .eee-palette-neutral-gray-links .eee-link { color: #646464; } .eee-palette-neutral-gray-links a:not([class]):hover .eee-palette-neutral-gray-links a:not([class]):focus, .eee-palette-neutral-gray-links .eee-link:hover, .eee-palette-neutral-gray-links .eee-link:focus { /* color: lighten(#{$color}, 5%);*/ } .eee-palette-neutral-gray-dark-bg { background-color: #4A4A4A!important; } .eee-palette-neutral-gray-dark-bg--invert { background-color: #004FFA!important; } .eee-palette-neutral-gray-dark-bg-2 { background-color: #4A4A4A!important; } .eee-palette-neutral-gray-dark-bg-2--invert { background-color: #FFFFFF!important; } .eee-palette-neutral-gray-dark-text { color: #004FFA!important; } .eee-palette-neutral-gray-dark-text h1, .eee-palette-neutral-gray-dark-text h2, .eee-palette-neutral-gray-dark-text h3, .eee-palette-neutral-gray-dark-text h4, .eee-palette-neutral-gray-dark-text h5, .eee-palette-neutral-gray-dark-text h6 { color: #004FFA!important; } .eee-palette-neutral-gray-dark-text--invert { color: #4A4A4A!important; } .eee-palette-neutral-gray-dark-text--invert h1, .eee-palette-neutral-gray-dark-text--invert h2, .eee-palette-neutral-gray-dark-text--invert h3, .eee-palette-neutral-gray-dark-text--invert h4, .eee-palette-neutral-gray-dark-text--invert h5, .eee-palette-neutral-gray-dark-text--invert h6 { color: #4A4A4A!important; } .eee-palette-neutral-gray-dark-text-2 { color: #FFFFFF!important; } .eee-palette-neutral-gray-dark-text-2 h1, .eee-palette-neutral-gray-dark-text-2 h2, .eee-palette-neutral-gray-dark-text-2 h3, .eee-palette-neutral-gray-dark-text-2 h4, .eee-palette-neutral-gray-dark-text-2 h5, .eee-palette-neutral-gray-dark-text-2 h6 { color: #FFFFFF!important; } .eee-palette-neutral-gray-dark-text-2--invert { color: #4A4A4A!important; } .eee-palette-neutral-gray-dark-text-2--invert h1, .eee-palette-neutral-gray-dark-text-2--invert h2, .eee-palette-neutral-gray-dark-text-2--invert h3, .eee-palette-neutral-gray-dark-text-2--invert h4, .eee-palette-neutral-gray-dark-text-2--invert h5, .eee-palette-neutral-gray-dark-text-2--invert h6 { color: #4A4A4A!important; } .eee-palette-neutral-gray-dark-border { border-color: #004FFA!important; } .eee-palette-neutral-gray-dark-border--invert { border-color: #4A4A4A!important; } .eee-palette-neutral-gray-dark-border-2 { border-color: #FFFFFF!important; } .eee-palette-neutral-gray-dark-border-2--invert { border-color: #4A4A4A!important; } .eee-palette-neutral-gray-dark-outline { outline-color: #004FFA!important; } .eee-palette-neutral-gray-dark-outline--invert { outline-color: #4A4A4A!important; } .eee-palette-neutral-gray-dark-outline-2 { outline-color: #FFFFFF!important; } .eee-palette-neutral-gray-dark-outline-2--invert { outline-color: #4A4A4A!important; } .eee-palette-neutral-gray-dark-fill { fill: #004FFA!important; color: #004FFA!important; } .eee-palette-neutral-gray-dark-fill--invert { fill: #4A4A4A!important; color: #4A4A4A!important; } .eee-palette-neutral-gray-dark-fill-2 { fill: #FFFFFF!important; color: #FFFFFF!important; } .eee-palette-neutral-gray-dark-fill-2--invert { fill: #4A4A4A!important; color: #4A4A4A!important; } .eee-palette-neutral-gray-dark-links a:not([class]), .eee-palette-neutral-gray-dark-links .eee-link { color: #4A4A4A; } .eee-palette-neutral-gray-dark-links a:not([class]):hover .eee-palette-neutral-gray-dark-links a:not([class]):focus, .eee-palette-neutral-gray-dark-links .eee-link:hover, .eee-palette-neutral-gray-dark-links .eee-link:focus { /* color: lighten(#{$color}, 5%);*/ } .eee-palette-neutral-darkest-bg { background-color: #0B0B13!important; } .eee-palette-neutral-darkest-bg--invert { background-color: #004FFA!important; } .eee-palette-neutral-darkest-bg-2 { background-color: #0B0B13!important; } .eee-palette-neutral-darkest-bg-2--invert { background-color: #FFFFFF!important; } .eee-palette-neutral-darkest-text { color: #004FFA!important; } .eee-palette-neutral-darkest-text h1, .eee-palette-neutral-darkest-text h2, .eee-palette-neutral-darkest-text h3, .eee-palette-neutral-darkest-text h4, .eee-palette-neutral-darkest-text h5, .eee-palette-neutral-darkest-text h6 { color: #004FFA!important; } .eee-palette-neutral-darkest-text--invert { color: #0B0B13!important; } .eee-palette-neutral-darkest-text--invert h1, .eee-palette-neutral-darkest-text--invert h2, .eee-palette-neutral-darkest-text--invert h3, .eee-palette-neutral-darkest-text--invert h4, .eee-palette-neutral-darkest-text--invert h5, .eee-palette-neutral-darkest-text--invert h6 { color: #0B0B13!important; } .eee-palette-neutral-darkest-text-2 { color: #FFFFFF!important; } .eee-palette-neutral-darkest-text-2 h1, .eee-palette-neutral-darkest-text-2 h2, .eee-palette-neutral-darkest-text-2 h3, .eee-palette-neutral-darkest-text-2 h4, .eee-palette-neutral-darkest-text-2 h5, .eee-palette-neutral-darkest-text-2 h6 { color: #FFFFFF!important; } .eee-palette-neutral-darkest-text-2--invert { color: #0B0B13!important; } .eee-palette-neutral-darkest-text-2--invert h1, .eee-palette-neutral-darkest-text-2--invert h2, .eee-palette-neutral-darkest-text-2--invert h3, .eee-palette-neutral-darkest-text-2--invert h4, .eee-palette-neutral-darkest-text-2--invert h5, .eee-palette-neutral-darkest-text-2--invert h6 { color: #0B0B13!important; } .eee-palette-neutral-darkest-border { border-color: #004FFA!important; } .eee-palette-neutral-darkest-border--invert { border-color: #0B0B13!important; } .eee-palette-neutral-darkest-border-2 { border-color: #FFFFFF!important; } .eee-palette-neutral-darkest-border-2--invert { border-color: #0B0B13!important; } .eee-palette-neutral-darkest-outline { outline-color: #004FFA!important; } .eee-palette-neutral-darkest-outline--invert { outline-color: #0B0B13!important; } .eee-palette-neutral-darkest-outline-2 { outline-color: #FFFFFF!important; } .eee-palette-neutral-darkest-outline-2--invert { outline-color: #0B0B13!important; } .eee-palette-neutral-darkest-fill { fill: #004FFA!important; color: #004FFA!important; } .eee-palette-neutral-darkest-fill--invert { fill: #0B0B13!important; color: #0B0B13!important; } .eee-palette-neutral-darkest-fill-2 { fill: #FFFFFF!important; color: #FFFFFF!important; } .eee-palette-neutral-darkest-fill-2--invert { fill: #0B0B13!important; color: #0B0B13!important; } .eee-palette-neutral-darkest-links a:not([class]), .eee-palette-neutral-darkest-links .eee-link { color: #0B0B13; } .eee-palette-neutral-darkest-links a:not([class]):hover .eee-palette-neutral-darkest-links a:not([class]):focus, .eee-palette-neutral-darkest-links .eee-link:hover, .eee-palette-neutral-darkest-links .eee-link:focus { /* color: lighten(#{$color}, 5%);*/ } /* style: 903*/ html, body { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } body { background: #FFFFFF; font-family: Roboto, Arial, Helvetica, sans-serif; font-size: 14px; line-height: 20px; overflow-y: scroll; } body, body img { image-rendering: -webkit-optimize-contrast; } body.absolute { width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; overflow: hidden; } .eee-page-width { box-sizing: border-box; position: relative; padding-left: 15px; padding-right: 15px; } @media (min-width: 768px) { .eee-page-width { margin: 0 auto; padding-left: 25px; padding-right: 25px; width: 100%; max-width: 1400px; } } .eee-page-width > .eee-grid { min-width: 100%; } html, body, body > form, .eee-responsive-menu-wrapper, #website-wrapper { min-height: 100%; } .eee-body { min-height: 100vh; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .eee-body--boxed { width: 100%; max-width: 1400px; margin: auto; } .eee-footer { margin-top: auto; } /* style: 1881*/ .eee-visible-mini, .eee-visible-small, .eee-visible-medium, .eee-visible-large, .eee-hidden-mini, .eee-hidden-small, .eee-hidden-medium, .eee-hidden-large { -dummy-declaration: none; } @media (min-width: 1000px) { .eee-visible-mini, .eee-visible-small, .eee-visible-medium, .eee-hidden-large, .eee-visible-mini-and-below, .eee-visible-small-and-below, .eee-visible-medium-and-below, .eee-hidden-large-and-below, .eee-hidden-mini-and-above, .eee-hidden-small-and-above, .eee-hidden-medium-and-above, .eee-hidden-large-and-above { display: none !important; } } @media (min-width: 768px) and (max-width: 999.98px) { .eee-visible-mini, .eee-visible-small, .eee-visible-large, .eee-hidden-medium, .eee-visible-mini-and-below, .eee-visible-small-and-below, .eee-visible-large-and-above, .eee-hidden-medium-and-below, .eee-hidden-large-and-below, .eee-hidden-mini-and-above, .eee-hidden-small-and-above, .eee-hidden-medium-and-above { display: none !important; } } @media (min-width: 480px) and (max-width: 767.98px) { .eee-visible-mini, .eee-visible-medium, .eee-visible-large, .eee-hidden-small, .eee-visible-mini-and-below, .eee-visible-medium-and-above, .eee-visible-large-and-above, .eee-hidden-small-and-below, .eee-hidden-medium-and-below, .eee-hidden-large-and-below, .eee-hidden-mini-and-above, .eee-hidden-small-and-above { display: none !important; } } @media (max-width: 479.98px) { .eee-visible-small, .eee-visible-medium, .eee-visible-large, .eee-hidden-mini, .eee-visible-small-and-above, .eee-visible-medium-and-above, .eee-visible-large-and-above, .eee-hidden-mini-and-below, .eee-hidden-small-and-below, .eee-hidden-medium-and-below, .eee-hidden-large-and-below, .eee-hidden-mini-and-above { display: none !important; } } .eee-hidden { display: none !important; visibility: hidden !important; } .eee-visually-hidden { position: absolute !important; clip: rect(1px 1px 1px 1px); /* IE6, IE7 */ clip: rect(1px, 1px, 1px, 1px); padding: 0 !important; border: 0 !important; height: 1px !important; width: 1px !important; overflow: hidden; } .eee-align-small-left, .eee-align-medium-left, .eee-align-large-left, .eee-align-small-right, .eee-align-medium-right, .eee-align-large-right, .eee-align-small-center, .eee-align-medium-center, .eee-text-large-center { -dummy-declaration: none; } .eee-align-left { float: left; display: block; margin-right: 15px; margin-bottom: 15px; } .eee-align-right { float: right; display: block; margin-left: 15px; margin-bottom: 15px; } .eee-align-center { display: block; margin-bottom: 15px; margin-left: auto; margin-right: auto; } @media (min-width: 480px) { .eee-align-small-left { float: left; display: block; margin-right: 15px; margin-bottom: 15px; } .eee-align-small-right { float: right; display: block; margin-left: 15px; margin-bottom: 15px; } .eee-align-small-center { display: block; margin-bottom: 15px; margin-left: auto; margin-right: auto; } } @media (min-width: 768px) { .eee-align-medium-left { float: left; display: block; margin-right: 15px; margin-bottom: 15px; } .eee-align-medium-right { float: right; display: block; margin-left: 15px; margin-bottom: 15px; } .eee-align-medium-center { display: block; margin-bottom: 15px; margin-left: auto; margin-right: auto; } } @media (min-width: 1000px) { .eee-align-large-left { float: left; display: block; margin-right: 15px; margin-bottom: 15px; } .eee-align-large-right { float: right; display: block; margin-left: 15px; margin-bottom: 15px; } .eee-align-large-center { display: block; margin-bottom: 15px; margin-left: auto; margin-right: auto; } } .eee-align-small-left--space-small, .eee-align-medium-left--space-small, .eee-align-large-left--space-small, .eee-align-small-right--space-small, .eee-align-medium-right--space-small, .eee-align-large-right--space-small, .eee-align-small-center--space-small, .eee-align-medium-center--space-small, .eee-text-large-center--space-small { -dummy-declaration: none; } .eee-align-left--space-small { margin-right: 5px; margin-bottom: 5px; } .eee-align-right--space-small { margin-left: 5px; margin-bottom: 5px; } .eee-align-center--space-small { margin-bottom: 5px; } @media (min-width: 480px) { .eee-align-small-left--space-small { margin-right: 5px; margin-bottom: 5px; } .eee-align-small-right--space-small { margin-left: 5px; margin-bottom: 5px; } .eee-align-small-center--space-small { margin-bottom: 5px; } } @media (min-width: 768px) { .eee-align-medium-left--space-small { margin-right: 5px; margin-bottom: 5px; } .eee-align-medium-right--space-small { margin-left: 5px; margin-bottom: 5px; } .eee-align-medium-center--space-small { margin-bottom: 5px; } } @media (min-width: 1000px) { .eee-align-large-left--space-small { margin-right: 5px; margin-bottom: 5px; } .eee-align-large-right--space-small { margin-left: 5px; margin-bottom: 5px; } .eee-align-large-center--space-small { margin-bottom: 5px; } } .eee-align-small-left--space-large, .eee-align-medium-left--space-large, .eee-align-large-left--space-large, .eee-align-small-right--space-large, .eee-align-medium-right--space-large, .eee-align-large-right--space-large, .eee-align-small-center--space-large, .eee-align-medium-center--space-large, .eee-text-large-center--space-large { -dummy-declaration: none; } .eee-align-left--space-large { margin-right: 25px; margin-bottom: 25px; } .eee-align-right--space-large { margin-left: 25px; margin-bottom: 25px; } .eee-align-center--space-large { margin-bottom: 25px; } @media (min-width: 480px) { .eee-align-small-left--space-large { margin-right: 25px; margin-bottom: 25px; } .eee-align-small-right--space-large { margin-left: 25px; margin-bottom: 25px; } .eee-align-small-center--space-large { margin-bottom: 25px; } } @media (min-width: 768px) { .eee-align-medium-left--space-large { margin-right: 25px; margin-bottom: 25px; } .eee-align-medium-right--space-large { margin-left: 25px; margin-bottom: 25px; } .eee-align-medium-center--space-large { margin-bottom: 25px; } } @media (min-width: 1000px) { .eee-align-large-left--space-large { margin-right: 25px; margin-bottom: 25px; } .eee-align-large-right--space-large { margin-left: 25px; margin-bottom: 25px; } .eee-align-large-center--space-large { margin-bottom: 25px; } } .eee-align-small-left--space-xlarge, .eee-align-medium-left--space-xlarge, .eee-align-large-left--space-xlarge, .eee-align-small-right--space-xlarge, .eee-align-medium-right--space-xlarge, .eee-align-large-right--space-xlarge, .eee-align-small-center--space-xlarge, .eee-align-medium-center--space-xlarge, .eee-text-large-center--space-xlarge { -dummy-declaration: none; } .eee-align-left--space-xlarge { margin-right: 50px; margin-bottom: 50px; } .eee-align-right--space-xlarge { margin-left: 50px; margin-bottom: 50px; } .eee-align-center--space-xlarge { margin-bottom: 50px; } @media (min-width: 480px) { .eee-align-small-left--space-xlarge { margin-right: 50px; margin-bottom: 50px; } .eee-align-small-right--space-xlarge { margin-left: 50px; margin-bottom: 50px; } .eee-align-small-center--space-xlarge { margin-bottom: 50px; } } @media (min-width: 768px) { .eee-align-medium-left--space-xlarge { margin-right: 50px; margin-bottom: 50px; } .eee-align-medium-right--space-xlarge { margin-left: 50px; margin-bottom: 50px; } .eee-align-medium-center--space-xlarge { margin-bottom: 50px; } } @media (min-width: 1000px) { .eee-align-large-left--space-large { margin-right: 50px; margin-bottom: 50px; } .eee-align-large-right--space-large { margin-left: 50px; margin-bottom: 50px; } .eee-align-large-center--space-large { margin-bottom: 50px; } } .eee-text-small-left, .eee-text-medium-left, .eee-text-large-left, .eee-text-small-right, .eee-text-medium-right, .eee-text-large-right, .eee-text-small-center, .eee-text-medium-center, .eee-text-large-center, .eee-text-small-justify, .eee-text-medium-justify, .eee-text-large-justify, .eee-text-small-top, .eee-text-medium-top, .eee-text-large-top, .eee-text-small-middle, .eee-text-medium-middle, .eee-text-large-middle, .eee-text-small-bottom, .eee-text-medium-bottom, .eee-text-large-bottom, .eee-text-small-left--all, .eee-text-medium-left--all, .eee-text-large-left--all, .eee-text-small-right--all, .eee-text-medium-right--all, .eee-text-large-right--all, .eee-text-small-center--all, .eee-text-medium-center--all, .eee-text-large-center--all, .eee-text-small-justify--all, .eee-text-medium-justify--all, .eee-text-large-justify--all, .eee-text-small-top--all, .eee-text-medium-top--all, .eee-text-large-top--all, .eee-text-small-middle--all, .eee-text-medium-middle--all, .eee-text-large-middle--all, .eee-text-small-bottom--all, .eee-text-medium-bottom--all, .eee-text-large-bottom--all { -dummy-declaration: none; } .eee-text-left, .eee-text-left--all, .eee-text-left--all * { text-align: left !important; } .eee-text-left ul, .eee-text-left ol, .eee-text-left--all ul, .eee-text-left--all ol { list-style-position: outside; padding-left: 25px; } .eee-text-right, .eee-text-right--all, .eee-text-right--all * { text-align: right !important; } .eee-text-right ul, .eee-text-right ol, .eee-text-right--all ul, .eee-text-right--all ol { list-style-position: inside; padding-left: 0; } .eee-text-center, .eee-text-center--all, .eee-text-center--all * { text-align: center !important; } .eee-text-center ul, .eee-text-center ol, .eee-text-center--all ul, .eee-text-center--all ol { list-style-position: inside; padding-left: 0; } .eee-text-justify, .eee-text-justify--all, .eee-text-justify--all * { text-align: justify !important; } .eee-text-justify ul, .eee-text-justify ol, .eee-text-justify--all ul, .eee-text-justify--all ol { list-style-position: outside; padding-left: 25px; } @media (min-width: 480px) { .eee-text-small-left, .eee-text-small-left--all, .eee-text-small-left--all * { text-align: left !important; } .eee-text-small-left ul, .eee-text-small-left ol, .eee-text-small-left--all ul, .eee-text-small-left--all ol { list-style-position: outside; padding-left: 25px; } .eee-text-small-right, .eee-text-small-right--all, .eee-text-small-right--all * { text-align: right !important; } .eee-text-small-right ul, .eee-text-small-right ol, .eee-text-small-right--all ul, .eee-text-small-right--all ol { list-style-position: inside; padding-left: 0; } .eee-text-small-center, .eee-text-small-center--all, .eee-text-small-center--all * { text-align: center !important; } .eee-text-small-center ul, .eee-text-small-center ol, .eee-text-small-center--all ul, .eee-text-small-center--all ol { list-style-position: inside; padding-left: 0; } .eee-text-small-justify, .eee-text-small-justify--all, .eee-text-small-justify--all * { text-align: justify !important; } .eee-text-small-justify ul, .eee-text-small-justify ol, .eee-text-small-justify--all ul, .eee-text-small-justify--all ol { list-style-position: outside; padding-left: 25px; } } @media (min-width: 768px) { .eee-text-medium-left, .eee-text-medium-left--all, .eee-text-medium-left--all * { text-align: left !important; } .eee-text-medium-left ul, .eee-text-medium-left ol, .eee-text-medium-left--all ul, .eee-text-medium-left--all ol { list-style-position: outside; padding-left: 25px; } .eee-text-medium-right, .eee-text-medium-right--all, .eee-text-medium-right--all * { text-align: right !important; } .eee-text-medium-right ul, .eee-text-medium-right ol, .eee-text-medium-right--all ul, .eee-text-medium-right--all ol { list-style-position: inside; padding-left: 0; } .eee-text-medium-center, .eee-text-medium-center--all, .eee-text-medium-center--all * { text-align: center !important; } .eee-text-medium-center ul, .eee-text-medium-center ol, .eee-text-medium-center--all ul, .eee-text-medium-center--all ol { list-style-position: inside; padding-left: 0; } .eee-text-medium-justify, .eee-text-medium-justify--all, .eee-text-medium-justify--all * { text-align: justify !important; } .eee-text-medium-justify ul, .eee-text-medium-justify ol, .eee-text-medium-justify--all ul, .eee-text-medium-justify--all ol { list-style-position: outside; padding-left: 25px; } } @media (min-width: 1000px) { .eee-text-large-left, .eee-text-large-left--all, .eee-text-large-left--all * { text-align: left !important; } .eee-text-large-left ul, .eee-text-large-left ol, .eee-text-large-left--all ul, .eee-text-large-left--all ol { list-style-position: outside; padding-left: 25px; } .eee-text-large-right, .eee-text-large-right--all, .eee-text-large-right--all * { text-align: right !important; } .eee-text-large-right ul, .eee-text-large-right ol, .eee-text-large-right--all ul, .eee-text-large-right--all ol { list-style-position: inside; padding-left: 0; } .eee-text-large-center, .eee-text-large-center--all, .eee-text-large-center--all * { text-align: center !important; } .eee-text-large-center ul, .eee-text-large-center ol, .eee-text-large-center--all ul, .eee-text-large-center--all ol { list-style-position: inside; padding-left: 0; } .eee-text-large-justify, .eee-text-large-justify--all, .eee-text-large-justify--all * { text-align: justify !important; } .eee-text-large-justify ul, .eee-text-large-justify ol, .eee-text-large-justify--all ul, .eee-text-large-justify--all ol { list-style-position: outside; padding-left: 25px; } } .eee-text-top, .eee-text-top--all, .eee-text-top--all * { vertical-align: top !important; } .eee-text-middle, .eee-text-middle--all, .eee-text-middle--all * { vertical-align: middle !important; } .eee-text-bottom, .eee-text-bottom--all, .eee-text-bottom--all * { vertical-align: bottom !important; } @media (min-width: 480px) { .eee-text-small-top, .eee-text-small-top--all, .eee-text-small-top--all * { vertical-align: top !important; } .eee-text-small-middle, .eee-text-small-middle--all, .eee-text-small-middle--all * { vertical-align: middle !important; } .eee-text-small-bottom, .eee-text-small-bottom--all, .eee-text-small-bottom--all * { vertical-align: bottom !important; } } @media (min-width: 768px) { .eee-text-medium-top, .eee-text-medium-top--all, .eee-text-medium-top--all * { vertical-align: top !important; } .eee-text-medium-middle, .eee-text-medium-middle--all, .eee-text-medium-middle--all * { vertical-align: middle !important; } .eee-text-medium-bottom, .eee-text-medium-bottom--all, .eee-text-medium-bottom--all * { vertical-align: bottom !important; } } @media (min-width: 1000px) { .eee-text-large-top, .eee-text-large-top--all, .eee-text-large-top--all * { vertical-align: top !important; } .eee-text-large-middle, .eee-text-large-middle--all, .eee-text-large-middle--all * { vertical-align: middle !important; } .eee-text-large-bottom, .eee-text-large-bottom--all, .eee-text-large-bottom--all * { vertical-align: bottom !important; } } /* * Micro clearfix * `table-cell` is used with `::before` because `table` creates a 1px gap when it becomes a flex item, only in Webkit * `table` is used again with `::after` because `clear` only works with block elements. * Note: `display: block` with `overflow: hidden` is currently not working in the latest Safari */ .eee-clearfix::before { content: ""; display: table-cell; } .eee-clearfix::after { content: ""; display: table; clear: both; } .eee-clear { clear: both; display: table; font: 0px/0 sans-serif; height: 0; overflow: hidden; } /* style: 4239*/ #responsive-menu { display: none; } #responsive-menu.loaded { display: block; } html.responsive-menu-activated { overflow: hidden; } html.responsive-menu-activated #responsive-menu { -ms-transform: none; -moz-transform: none; -webkit-transform: none; transform: none; } html.responsive-menu-activated #responsive-menu #responsive-menu-bg { width: 100%; } html.responsive-menu-effect-push #website-wrapper { -webkit-transition: -webkit-transform 0.3s; transition: transform 0.3s; } html.responsive-menu-effect-push.responsive-menu-activated #website-wrapper { -ms-transform: translateX(100%); -moz-transform: translateX(100%); -webkit-transform: translateX(100%); transform: translateX(100%); } #responsive-menu { position: fixed; top: 0; left: 0; bottom: 0; right: 0; background-color: #FFFFFF; z-index: 999; -ms-transform: translateX(-100%); -moz-transform: translateX(-100%); -webkit-transform: translateX(-100%); transform: translateX(-100%); -webkit-transition: -webkit-transform 0.3s; transition: transform 0.3s; } #responsive-menu #responsive-menu-logo { height: 60px; line-height: 60px; text-align: center; max-width: 100%; } #responsive-menu #responsive-menu-logo img { max-height: 45px; } #responsive-menu .eee-page-width { margin: 0px; padding: 0px; max-width: 100%; width: 100%; } #responsive-menu #responsive-menu-wrapper { position: relative; z-index: 999; height: 100%; overflow-y: scroll; /* &::before { content: ''; display: block; height: 60px; } */ } #responsive-menu #responsive-menu-bg { left: 0px; top: 0px; bottom: 0px; width: 0; background: #FFFFFF; position: fixed; -webkit-transition: width 0.3s; transition: width 0.3s; } #responsive-menu #responsive-menu-header { position: fixed; top: 0; left: 0; right: 0; z-index: 1; text-align: center; background: #FFFFFF; height: 60px; border-bottom: 1px solid #888888; overflow-y: scroll; } #responsive-menu #responsive-menu-header a { color: #0B0B13; } #responsive-menu #responsive-menu-header a:hover { color: #2E70FF; } #responsive-menu #responsive-menu-header #responsive-menu-back { color: #0B0B13; font-size: 26px; position: absolute; left: 0; height: 60px; line-height: 60px; padding: 0px 10px; cursor: pointer; } #responsive-menu #responsive-menu-header #responsive-menu-back:hover { color: #2E70FF; } #responsive-menu #responsive-menu-header #responsive-menu-home { color: #0B0B13; font-size: 28px; position: absolute; right: 0; height: 60px; line-height: 60px; padding: 0px 10px; cursor: pointer; } #responsive-menu #responsive-menu-header-space { height: 61px; } #responsive-menu ul:not(.mega-menu) { margin: 0; padding: 0; } #responsive-menu ul:not(.mega-menu) > li { border-bottom: 1px solid #0B0B13; font-weight: bold; position: relative; list-style-type: none; color: #0B0B13; } #responsive-menu ul:not(.mega-menu) > li > a { font-size: 14px; padding: 15px 10px; color: #0B0B13; text-decoration: none; display: block; } #responsive-menu ul:not(.mega-menu) > li.has-children > a { padding-right: 50px; } #responsive-menu ul:not(.mega-menu) > li ul { display: none; margin: 0px 0px 10px 10px; } #responsive-menu ul:not(.mega-menu) > li ul li { border: 0px; } #responsive-menu ul:not(.mega-menu) > li ul li a { padding: 10px 10px 10px 22px; } #responsive-menu ul:not(.mega-menu) > li ul li:before { font-family: FontAwesome; content: "\f105"; position: absolute; top: 9px; left: 6px; } #responsive-menu ul:not(.mega-menu) > li.last { border: 0; } #responsive-menu ul:not(.mega-menu) > li.selected > a, #responsive-menu ul:not(.mega-menu) > li.selected > .responsive-menu-children-icon, #responsive-menu ul:not(.mega-menu) > li.selected:before { color: #2E70FF; } #responsive-menu ul:not(.mega-menu) > li.selected > ul { display: block; } #responsive-menu ul:not(.mega-menu) > li.not-selected { background: #FFFFFF; } #responsive-menu ul.mega-menu { margin: 0px 40px 10px 10px; padding: 15px; } #responsive-menu ul.mega-menu > li { font-weight: bold; position: relative; list-style-type: none; color: #0B0B13; } #responsive-menu ul.mega-menu * { color: #0B0B13; } #responsive-menu .responsive-menu-children-icon { color: #0B0B13; position: absolute; top: 0px; right: 0px; cursor: pointer; width: 40px; height: 100%; text-align: center; line-height: 52px; font-size: 22px; font-weight: bold; z-index: 0; } /* style: 267*/ /* ======================================================================== Component: Flex ========================================================================== */ .eee-flex { display: -ms-flexbox; display: -webkit-flex; display: flex; } .eee-flex-inline { display: -ms-inline-flexbox; display: -webkit-inline-flex; display: inline-flex; } /* * Fixes initial flex-shrink value in IE10 */ .eee-flex > *, .eee-flex-inline > * { -ms-flex-negative: 1; } /* * Remove margin from the last-child */ .eee-flex > * > :last-child { margin-bottom: 0; } /* Alignment ========================================================================== */ /* * Vertical alignment * Default value is `stretch` */ .eee-flex-top { -ms-flex-align: start; -webkit-align-items: flex-start; align-items: flex-start; } .eee-flex-middle { -ms-flex-align: center; -webkit-align-items: center; align-items: center; } .eee-flex-bottom { -ms-flex-align: end; -webkit-align-items: flex-end; align-items: flex-end; } /* * Separate items vertical alignment */ .eee-flex-item-top { -ms-align-self: start; -webkit-align-self: flex-start; align-self: flex-start; } .eee-flex-item-middle { -ms-align-self: center; -webkit-align-self: center; align-self: center; } .eee-flex-item-bottom { -ms-align-self: end; -webkit-align-self: flex-end; align-self: flex-end; } /* * Horizontal alignment * Default value is `flex-start` */ .eee-flex-center { -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; } .eee-flex-right { -ms-flex-pack: end; -webkit-justify-content: flex-end; justify-content: flex-end; } .eee-flex-space-between { -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; } .eee-flex-space-around { -ms-flex-pack: distribute; -webkit-justify-content: space-around; justify-content: space-around; } /* Direction ========================================================================== */ .eee-flex-row-reverse { -ms-flex-direction: row-reverse; -webkit-flex-direction: row-reverse; flex-direction: row-reverse; } .eee-flex-column { -ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column; } .eee-flex-column-reverse { -ms-flex-direction: column-reverse; -webkit-flex-direction: column-reverse; flex-direction: column-reverse; } /* Wrap ========================================================================== */ .eee-flex-nowrap { -ms-flex-wrap: nowrap; -webkit-flex-wrap: nowrap; flex-wrap: nowrap; } .eee-flex-wrap { -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; } .eee-flex-wrap-reverse { -ms-flex-wrap: wrap-reverse; -webkit-flex-wrap: wrap-reverse; flex-wrap: wrap-reverse; } /* * Horizontal alignment * Default value is `stretch` */ .eee-flex-wrap-top { -ms-flex-line-pack: start; -webkit-align-content: flex-start; align-content: flex-start; } .eee-flex-wrap-middle { -ms-flex-line-pack: center; -webkit-align-content: center; align-content: center; } .eee-flex-wrap-bottom { -ms-flex-line-pack: end; -webkit-align-content: flex-end; align-content: flex-end; } .eee-flex-wrap-space-between { -ms-flex-line-pack: justify; -webkit-align-content: space-between; align-content: space-between; } .eee-flex-wrap-space-around { -ms-flex-line-pack: distribute; -webkit-align-content: space-around; align-content: space-around; } /* Item ordering ========================================================================== */ /* * Default is 0 */ .eee-flex-order-first { -ms-flex-order: -1; -webkit-order: -1; order: -1; } .eee-flex-order-last { -ms-flex-order: 99; -webkit-order: 99; order: 99; } /* Phone landscape and bigger */ @media (min-width: 480px) { .eee-flex-order-first-small { -ms-flex-order: -1; -webkit-order: -1; order: -1; } .eee-flex-order-last-small { -ms-flex-order: 99; -webkit-order: 99; order: 99; } } /* Tablet and bigger */ @media (min-width: 768px) { .eee-flex-order-first-medium { -ms-flex-order: -1; -webkit-order: -1; order: -1; } .eee-flex-order-last-medium { -ms-flex-order: 99; -webkit-order: 99; order: 99; } } /* Desktop and bigger */ @media (min-width: 1000px) { .eee-flex-order-first-large { -ms-flex-order: -1; -webkit-order: -1; order: -1; } .eee-flex-order-last-large { -ms-flex-order: 99; -webkit-order: 99; order: 99; } } /* Item dimensions ========================================================================== */ /* * Initial: 0 1 auto * Content dimensions, but shrinks */ /* * No Flex: 0 0 auto * Content dimensions */ .eee-flex-item-none { -ms-flex: none; -webkit-flex: none; flex: none; } /* * Relative Flex: 1 1 auto * Space is allocated considering content * 1. Fixes flex-shrink value in IE10 */ .eee-flex-item-auto { -ms-flex: auto; -webkit-flex: auto; flex: auto; /* 1 */ -ms-flex-negative: 1; } /* * Absolute Flex: 1 1 0% * Space is allocated solely based on flex */ .eee-flex-item-1 { -ms-flex: 1; -webkit-flex: 1; flex: 1; } /* style: 1879*/ /* ======================================================================== Component: Grid ========================================================================== */ /* * 1. Makes grid more robust so that it can be used with other block elements like lists * 2. Avoid possible bugs in Chrome with floated content above the columns */ .eee-grid { display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; /* 1 */ margin: 0; padding: 0; list-style: none; /* 2 */ clear: both; } /* * DEPRECATED * Micro clearfix * Can't use `table` because it creates a 1px gap when it becomes a flex item, only in Webkit */ .eee-grid:before, .eee-grid:after { content: ""; display: block; overflow: hidden; } .eee-grid:after { clear: both; } /* * Grid cell * 1. Space is allocated solely based on content dimensions * 2. Makes grid more robust so that it can be used with other block elements * 3. DEPRECATED Using `float` to support IE9 */ .eee-grid > * { /* 1 */ -ms-flex: none; -webkit-flex: none; flex: none; /* 2 */ margin: 0; /* 3 */ float: left; } /* * Remove margin from the last-child */ .eee-grid > * > :last-child { margin-bottom: 0; } .eee-grid > * > :not(.eee-grid) > :last-child, .eee-grid > * > :not(.eee-grid) > :not(.eee-grid) > :last-child, .eee-grid > * > :not(.eee-grid) > :not(.eee-grid) > :not(.eee-grid) > :last-child { margin-bottom: 0; } /* Grid gutter ========================================================================== */ /* Horizontal */ .eee-grid { margin-left: -25px; } .eee-grid > * { padding-left: 25px; } /* Vertical */ .eee-grid { margin-top: -25px; } .eee-grid > * { padding-top: 25px; } .eee-grid-margin { margin-top: 25px; } /* Responsive grid gutters ("small", "medium", "large") for all viewports ========================================================================== */ /* * Hide/no gutter */ /* Horizontal */ .eee-grid-gutter-h-hide { margin-left: 0; } .eee-grid-gutter-h-hide > * { padding-left: 0; } /* Vertical */ .eee-grid-gutter-v-hide { margin-top: 0; } .eee-grid-gutter-v-hide > * { padding-top: 0; } .eee-grid-gutter-v-hide > .eee-grid-margin { margin-top: 0; } /* * Small gutter */ /* Horizontal */ .eee-grid-gutter-h-small { margin-left: -5px; } .eee-grid-gutter-h-small > * { padding-left: 5px; } /* Vertical */ .eee-grid-gutter-v-small { margin-top: -5px; } .eee-grid-gutter-v-small > * { padding-top: 5px; } .eee-grid-gutter-v-small > .eee-grid-margin { margin-top: 5px; } /* * Medium gutter */ /* Horizontal */ .eee-grid-gutter-h-medium { margin-left: -15px; } .eee-grid-gutter-h-medium > * { padding-left: 15px; } /* Vertical */ .eee-grid-gutter-v-medium { margin-top: -15px; } .eee-grid-gutter-v-medium > * { padding-top: 15px; } .eee-grid-gutter-v-medium > .eee-grid-margin { margin-top: 15px; } /* * Large gutter */ /* Horizontal */ .eee-grid-gutter-h-large { margin-left: -25px; } .eee-grid-gutter-h-large > * { padding-left: 25px; } /* Vertical */ .eee-grid-gutter-v-large { margin-top: -25px; } .eee-grid-gutter-v-large > * { padding-top: 25px; } .eee-grid-gutter-v-large > .eee-grid-margin { margin-top: 25px; } /* * XLarge gutter */ /* Horizontal */ .eee-grid-gutter-h-xlarge { margin-left: -50px; } .eee-grid-gutter-h-xlarge > * { padding-left: 50px; } /* Vertical */ .eee-grid-gutter-v-xlarge { margin-top: -50px; } .eee-grid-gutter-v-xlarge > * { padding-top: 50px; } .eee-grid-gutter-v-xlarge > .eee-grid-margin { margin-top: 50px; } /* Phone landscape and bigger */ @media (min-width: 480px) { /* * Hide/no gutter */ /* Horizontal */ .eee-grid-small-gutter-h-hide { margin-left: 0; } .eee-grid-small-gutter-h-hide > * { padding-left: 0; } /* Vertical */ .eee-grid-small-gutter-v-hide { margin-top: 0; } .eee-grid-small-gutter-v-hide > * { padding-top: 0; } .eee-grid-small-gutter-v-hide > .eee-grid-margin { margin-top: 0; } /* * Small gutter */ /* Horizontal */ .eee-grid-small-gutter-h-small { margin-left: -5px; } .eee-grid-small-gutter-h-small > * { padding-left: 5px; } /* Vertical */ .eee-grid-small-gutter-v-small { margin-top: -5px; } .eee-grid-small-gutter-v-small > * { padding-top: 5px; } .eee-grid-small-gutter-v-small > .eee-grid-margin { margin-top: 5px; } /* * Medium gutter */ /* Horizontal */ .eee-grid-small-gutter-h-medium { margin-left: -15px; } .eee-grid-small-gutter-h-medium > * { padding-left: 15px; } /* Vertical */ .eee-grid-small-gutter-v-medium { margin-top: -15px; } .eee-grid-small-gutter-v-medium > * { padding-top: 15px; } .eee-grid-small-gutter-v-medium > .eee-grid-margin { margin-top: 15px; } /* * Large gutter */ /* Horizontal */ .eee-grid-small-gutter-h-large { margin-left: -25px; } .eee-grid-small-gutter-h-large > * { padding-left: 25px; } /* Vertical */ .eee-grid-small-gutter-v-large { margin-top: -25px; } .eee-grid-small-gutter-v-large > * { padding-top: 25px; } .eee-grid-small-gutter-v-large > .eee-grid-margin { margin-top: 25px; } /* * XLarge gutter */ /* Horizontal */ .eee-grid-small-gutter-h-xlarge { margin-left: -50px; } .eee-grid-small-gutter-h-xlarge > * { padding-left: 50px; } /* Vertical */ .eee-grid-small-gutter-v-xlarge { margin-top: -50px; } .eee-grid-small-gutter-v-xlarge > * { padding-top: 50px; } .eee-grid-small-gutter-v-xlarge > .eee-grid-margin { margin-top: 50px; } } /* Tablet and bigger */ @media (min-width: 768px) { /* * Hide/no gutter */ /* Horizontal */ .eee-grid-medium-gutter-h-hide { margin-left: 0; } .eee-grid-medium-gutter-h-hide > * { padding-left: 0; } /* Vertical */ .eee-grid-medium-gutter-v-hide { margin-top: 0; } .eee-grid-medium-gutter-v-hide > * { padding-top: 0; } .eee-grid-medium-gutter-v-hide > .eee-grid-margin { margin-top: 0; } /* * Small gutter */ /* Horizontal */ .eee-grid-medium-gutter-h-small { margin-left: -5px; } .eee-grid-medium-gutter-h-small > * { padding-left: 5px; } /* Vertical */ .eee-grid-medium-gutter-v-small { margin-top: -5px; } .eee-grid-medium-gutter-v-small > * { padding-top: 5px; } .eee-grid-medium-gutter-v-small > .eee-grid-margin { margin-top: 5px; } /* * Medium gutter */ /* Horizontal */ .eee-grid-medium-gutter-h-medium { margin-left: -15px; } .eee-grid-medium-gutter-h-medium > * { padding-left: 15px; } /* Vertical */ .eee-grid-medium-gutter-v-medium { margin-top: -15px; } .eee-grid-medium-gutter-v-medium > * { padding-top: 15px; } .eee-grid-medium-gutter-v-medium > .eee-grid-margin { margin-top: 15px; } /* * Large gutter */ /* Horizontal */ .eee-grid-medium-gutter-h-large { margin-left: -25px; } .eee-grid-medium-gutter-h-large > * { padding-left: 25px; } /* Vertical */ .eee-grid-medium-gutter-v-large { margin-top: -25px; } .eee-grid-medium-gutter-v-large > * { padding-top: 25px; } .eee-grid-medium-gutter-v-large > .eee-grid-margin { margin-top: 25px; } /* * XLarge gutter */ /* Horizontal */ .eee-grid-medium-gutter-h-xlarge { margin-left: -50px; } .eee-grid-medium-gutter-h-xlarge > * { padding-left: 50px; } /* Vertical */ .eee-grid-medium-gutter-v-xlarge { margin-top: -50px; } .eee-grid-medium-gutter-v-xlarge > * { padding-top: 50px; } .eee-grid-medium-gutter-v-xlarge > .eee-grid-margin { margin-top: 50px; } } /* Desktop and bigger */ @media (min-width: 1000px) { /* * Hide/no gutter */ /* Horizontal */ .eee-grid-large-gutter-h-hide { margin-left: 0; } .eee-grid-large-gutter-h-hide > * { padding-left: 0; } /* Vertical */ .eee-grid-large-gutter-v-hide { margin-top: 0; } .eee-grid-large-gutter-v-hide > * { padding-top: 0; } .eee-grid-large-gutter-v-hide > .eee-grid-margin { margin-top: 0; } /* * Small gutter */ /* Horizontal */ .eee-grid-large-gutter-h-small { margin-left: -5px; } .eee-grid-large-gutter-h-small > * { padding-left: 5px; } /* Vertical */ .eee-grid-large-gutter-v-small { margin-top: -5px; } .eee-grid-large-gutter-v-small > * { padding-top: 5px; } .eee-grid-large-gutter-v-small > .eee-grid-margin { margin-top: 5px; } /* * Medium gutter */ /* Horizontal */ .eee-grid-large-gutter-h-medium { margin-left: -15px; } .eee-grid-large-gutter-h-medium > * { padding-left: 15px; } /* Vertical */ .eee-grid-large-gutter-v-medium { margin-top: -15px; } .eee-grid-large-gutter-v-medium > * { padding-top: 15px; } .eee-grid-large-gutter-v-medium > .eee-grid-margin { margin-top: 15px; } /* * Large gutter */ /* Horizontal */ .eee-grid-large-gutter-h-large { margin-left: -25px; } .eee-grid-large-gutter-h-large > * { padding-left: 25px; } /* Vertical */ .eee-grid-large-gutter-v-large { margin-top: -25px; } .eee-grid-large-gutter-v-large > * { padding-top: 25px; } .eee-grid-large-gutter-v-large > .eee-grid-margin { margin-top: 25px; } /* * XLarge gutter */ /* Horizontal */ .eee-grid-large-gutter-h-xlarge { margin-left: -50px; } .eee-grid-large-gutter-h-xlarge > * { padding-left: 50px; } /* Vertical */ .eee-grid-large-gutter-v-xlarge { margin-top: -50px; } .eee-grid-large-gutter-v-xlarge > * { padding-top: 50px; } .eee-grid-large-gutter-v-xlarge > .eee-grid-margin { margin-top: 50px; } } /* Even grid cell widths ========================================================================== */ [class*='eee-grid-width'] > * { box-sizing: border-box; width: 100%; } .eee-grid-width-1-2 > * { width: 50%; } .eee-grid-width-1-3 > * { width: 33.333%; } .eee-grid-width-1-4 > * { width: 25%; } .eee-grid-width-1-5 > * { width: 20%; } .eee-grid-width-1-6 > * { width: 16.666%; } .eee-grid-width-1-10 > * { width: 10%; } .eee-grid-width-auto > * { width: auto; } /* Phone landscape and bigger */ @media (min-width: 480px) { .eee-grid-width-small-1-1 > * { width: 100%; } .eee-grid-width-small-1-2 > * { width: 50%; } .eee-grid-width-small-1-3 > * { width: 33.333%; } .eee-grid-width-small-1-4 > * { width: 25%; } .eee-grid-width-small-1-5 > * { width: 20%; } .eee-grid-width-small-1-6 > * { width: 16.666%; } .eee-grid-width-small-1-10 > * { width: 10%; } } /* Tablet and bigger */ @media (min-width: 768px) { .eee-grid-width-medium-1-1 > * { width: 100%; } .eee-grid-width-medium-1-2 > * { width: 50%; } .eee-grid-width-medium-1-3 > * { width: 33.333%; } .eee-grid-width-medium-1-4 > * { width: 25%; } .eee-grid-width-medium-1-5 > * { width: 20%; } .eee-grid-width-medium-1-6 > * { width: 16.666%; } .eee-grid-width-medium-1-10 > * { width: 10%; } } /* Desktop and bigger */ @media (min-width: 1000px) { .eee-grid-width-large-1-1 > * { width: 100%; } .eee-grid-width-large-1-2 > * { width: 50%; } .eee-grid-width-large-1-3 > * { width: 33.333%; } .eee-grid-width-large-1-4 > * { width: 25%; } .eee-grid-width-large-1-5 > * { width: 20%; } .eee-grid-width-large-1-6 > * { width: 16.666%; } .eee-grid-width-large-1-10 > * { width: 10%; } } /* Sub-objects: `eee-width-*` ========================================================================== */ [class*='eee-width'] { box-sizing: border-box; width: 100%; } /* * Widths */ /* Whole */ .eee-width-1-1 { width: 100%; } /* Halves */ .eee-width-1-2, .eee-width-2-4, .eee-width-3-6, .eee-width-5-10 { width: 50%; } /* Thirds */ .eee-width-1-3, .eee-width-2-6 { width: 33.333%; } .eee-width-2-3, .eee-width-4-6 { width: 66.666%; } /* Quarters */ .eee-width-1-4 { width: 25%; } .eee-width-3-4 { width: 75%; } /* Fifths */ .eee-width-1-5, .eee-width-2-10 { width: 20%; } .eee-width-2-5, .eee-width-4-10 { width: 40%; } .eee-width-3-5, .eee-width-6-10 { width: 60%; } .eee-width-4-5, .eee-width-8-10 { width: 80%; } /* Sixths */ .eee-width-1-6 { width: 16.666%; } .eee-width-5-6 { width: 83.333%; } /* Tenths */ .eee-width-1-10 { width: 10%; } .eee-width-3-10 { width: 30%; } .eee-width-7-10 { width: 70%; } .eee-width-9-10 { width: 90%; } /* Phone landscape and bigger */ @media (min-width: 480px) { /* Whole */ .eee-width-small-1-1 { width: 100%; } /* Halves */ .eee-width-small-1-2, .eee-width-small-2-4, .eee-width-small-3-6, .eee-width-small-5-10 { width: 50%; } /* Thirds */ .eee-width-small-1-3, .eee-width-small-2-6 { width: 33.333%; } .eee-width-small-2-3, .eee-width-small-4-6 { width: 66.666%; } /* Quarters */ .eee-width-small-1-4 { width: 25%; } .eee-width-small-3-4 { width: 75%; } /* Fifths */ .eee-width-small-1-5, .eee-width-small-2-10 { width: 20%; } .eee-width-small-2-5, .eee-width-small-4-10 { width: 40%; } .eee-width-small-3-5, .eee-width-small-6-10 { width: 60%; } .eee-width-small-4-5, .eee-width-small-8-10 { width: 80%; } /* Sixths */ .eee-width-small-1-6 { width: 16.666%; } .eee-width-small-5-6 { width: 83.333%; } /* Tenths */ .eee-width-small-1-10 { width: 10%; } .eee-width-small-3-10 { width: 30%; } .eee-width-small-7-10 { width: 70%; } .eee-width-small-9-10 { width: 90%; } } /* Tablet and bigger */ @media (min-width: 768px) { /* Whole */ .eee-width-medium-1-1 { width: 100%; } /* Halves */ .eee-width-medium-1-2, .eee-width-medium-2-4, .eee-width-medium-3-6, .eee-width-medium-5-10 { width: 50%; } /* Thirds */ .eee-width-medium-1-3, .eee-width-medium-2-6 { width: 33.333%; } .eee-width-medium-2-3, .eee-width-medium-4-6 { width: 66.666%; } /* Quarters */ .eee-width-medium-1-4 { width: 25%; } .eee-width-medium-3-4 { width: 75%; } /* Fifths */ .eee-width-medium-1-5, .eee-width-medium-2-10 { width: 20%; } .eee-width-medium-2-5, .eee-width-medium-4-10 { width: 40%; } .eee-width-medium-3-5, .eee-width-medium-6-10 { width: 60%; } .eee-width-medium-4-5, .eee-width-medium-8-10 { width: 80%; } /* Sixths */ .eee-width-medium-1-6 { width: 16.666%; } .eee-width-medium-5-6 { width: 83.333%; } /* Tenths */ .eee-width-medium-1-10 { width: 10%; } .eee-width-medium-3-10 { width: 30%; } .eee-width-medium-7-10 { width: 70%; } .eee-width-medium-9-10 { width: 90%; } } /* Desktop and bigger */ @media (min-width: 1000px) { /* Whole */ .eee-width-large-1-1 { width: 100%; } /* Halves */ .eee-width-large-1-2, .eee-width-large-2-4, .eee-width-large-3-6, .eee-width-large-5-10 { width: 50%; } /* Thirds */ .eee-width-large-1-3, .eee-width-large-2-6 { width: 33.333%; } .eee-width-large-2-3, .eee-width-large-4-6 { width: 66.666%; } /* Quarters */ .eee-width-large-1-4 { width: 25%; } .eee-width-large-3-4 { width: 75%; } /* Fifths */ .eee-width-large-1-5, .eee-width-large-2-10 { width: 20%; } .eee-width-large-2-5, .eee-width-large-4-10 { width: 40%; } .eee-width-large-3-5, .eee-width-large-6-10 { width: 60%; } .eee-width-large-4-5, .eee-width-large-8-10 { width: 80%; } /* Sixths */ .eee-width-large-1-6 { width: 16.666%; } .eee-width-large-5-6 { width: 83.333%; } /* Tenths */ .eee-width-large-1-10 { width: 10%; } .eee-width-large-3-10 { width: 30%; } .eee-width-large-7-10 { width: 70%; } .eee-width-large-9-10 { width: 90%; } } /* Extra large Desktop and bigger */ @media (min-width: 1300px) { /* Whole */ .eee-width-extra-large-1-1 { width: 100%; } /* Halves */ .eee-width-extra-large-1-2, .eee-width-extra-large-2-4, .eee-width-extra-large-3-6, .eee-width-extra-large-5-10 { width: 50%; } /* Thirds */ .eee-width-extra-large-1-3, .eee-width-extra-large-2-6 { width: 33.333%; } .eee-width-extra-large-2-3, .eee-width-extra-large-4-6 { width: 66.666%; } /* Quarters */ .eee-width-extra-large-1-4 { width: 25%; } .eee-width-extra-large-3-4 { width: 75%; } /* Fifths */ .eee-width-extra-large-1-5, .eee-width-extra-large-2-10 { width: 20%; } .eee-width-extra-large-2-5, .eee-width-extra-large-4-10 { width: 40%; } .eee-width-extra-large-3-5, .eee-width-extra-large-6-10 { width: 60%; } .eee-width-extra-large-4-5, .eee-width-extra-large-8-10 { width: 80%; } /* Sixths */ .eee-width-extra-large-1-6 { width: 16.666%; } .eee-width-extra-large-5-6 { width: 83.333%; } /* Tenths */ .eee-width-extra-large-1-10 { width: 10%; } .eee-width-extra-large-3-10 { width: 30%; } .eee-width-extra-large-7-10 { width: 70%; } .eee-width-extra-large-9-10 { width: 90%; } } /* style: 397*/ /* ======================================================================== Component: Form ========================================================================== */ /* * 1. Define consistent box sizing. * Default is `content-box` with following exceptions set to `border-box` * `button`, `select`, `input[type="checkbox"]` and `input[type="radio"]` * `input[type="search"]` in Chrome, Safari and Opera * `input[type="color"]` in Firefox * 2. Address margins set differently in Firefox/IE and Chrome/Safari/Opera. * 3. Remove `border-radius` in iOS. * 4. Correct `font` properties and `color` not being inherited. */ input, select, textarea { /* 1 */ box-sizing: border-box; /* 2 */ margin: 0; /* 3 */ border-radius: 0; /* 4 */ font: inherit; color: inherit; } /* * Address inconsistent `text-transform` inheritance which is only inherit in Firefox */ select { text-transform: none; } /* * 1. Correct `font` properties not being inherited. * 2. Don't inherit the `font-weight` and use `bold` instead. * NOTE: Both declarations don't work in Chrome, Safari and Opera. */ optgroup { /* 1 */ font: inherit; /* 2 */ font-weight: bold; } /* * Removes inner padding and border in Firefox 4+. */ input::-moz-focus-inner { border: 0; padding: 0; } /* * Removes excess padding in IE 8/9/10. */ input[type="checkbox"], input[type="radio"] { padding: 0; } /* * Improves consistency of cursor style for clickable elements */ input[type="checkbox"]:not(:disabled), input[type="radio"]:not(:disabled) { cursor: pointer; } /* * Remove default style in iOS. */ textarea, input:not([type]), input[type="text"], input[type="password"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="number"], input[type="datetime"] { -webkit-appearance: none; border-radius: 0; } /* * Remove inner padding and search cancel button in Chrome, Safari and Opera on OS X. */ input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /* * Fix the cursor style for Chrome's increment/decrement buttons. For certain * `font-size` values of the `input`, it causes the cursor style of the * decrement button to change from `default` to `text`. */ input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; } /* * Define consistent border, margin, and padding. */ fieldset { border: none; margin: 0; padding: 0; } /* * 1. Remove default vertical scrollbar in IE 8/9/10/11. * 2. Improve readability and alignment in all browsers. */ textarea { /* 1 */ overflow: auto; /* 2 */ vertical-align: top; } /* * Removes placeholder transparency in Firefox. */ ::-moz-placeholder { opacity: 1; } /* * Removes `box-shadow` for invalid controls in Firefox. */ :invalid { box-shadow: none; } /* * Vertical alignment */ input:not([type="radio"]):not([type="checkbox"]), select { vertical-align: middle; } /* Style ========================================================================== */ /* * Remove margin from the last-child */ > :last-child { margin-bottom: 0; } /* * Controls * Except for `range`, `radio`, `checkbox`, `file`, `submit`, `reset`, `button` and `image` * 1. `line-height` is used to create a height * 2. `height` is necessary for `select` elements on OSX because `line-height` is not working. * 3. Responsiveness: Sets a maximum width relative to the parent to scale on narrower viewports * 4. Style */ select + .eee-select__text, select, textarea, input:not([type]), input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"] { /* 1 */ line-height: 20px; /* 2 */ height: calc(20px + 8px * 2 + 2px); padding: 8px 10px; /* 3 */ max-width: 100%; /* 5 */ border: 1px solid #646464; background: #fff; color: #0B0B13; -webkit-transition: all linear 0.2s; transition: all linear 0.2s; width: 100%; box-sizing: border-box; } select:focus + .eee-select__text, select:focus, textarea:focus, input:not([type]):focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus { border-color: #004FFA; outline: 0; } select:disabled + .eee-select__text, select:disabled, textarea:disabled, input:not([type]):disabled, input[type="text"]:disabled, input[type="password"]:disabled, input[type="datetime"]:disabled, input[type="datetime-local"]:disabled, input[type="date"]:disabled, input[type="month"]:disabled, input[type="time"]:disabled, input[type="week"]:disabled, input[type="number"]:disabled, input[type="email"]:disabled, input[type="url"]:disabled, input[type="search"]:disabled, input[type="tel"]:disabled, input[type="color"]:disabled { border-color: #646464; background-color: #EBEBEB; color: #646464; } /* * Placeholder */ :-ms-input-placeholder { color: #4A4A4A!important; } ::-moz-placeholder { color: #4A4A4A; } ::-webkit-input-placeholder { color: #4A4A4A; } :disabled:-ms-input-placeholder { color: #4A4A4A!important; } :disabled::-moz-placeholder { color: #4A4A4A; } :disabled::-webkit-input-placeholder { color: #4A4A4A; } /* * Legend * 1. Behave like block element * 2. Correct `color` not being inherited in IE 8/9/10/11. * 3. Remove padding * 4. `margin-bottom` is not working in Safari and Opera. * Using `padding` and :after instead to create the border * 5. Style */ legend { /* 1 */ width: 100%; /* 2 */ border: 0; /* 3 */ padding: 0; /* 4 */ padding-bottom: 15; /* 5 */ font-size: 18px; line-height: 30px; } /* * 1. Fixes IE9 */ legend:after { content: ""; display: block; border-bottom: 1px solid #dddddd; /* 1 */ width: 100%; } /* Reset height * Must be after size modifiers ========================================================================== */ textarea, select[multiple], select[size], select[multiple] + .eee-select__text, select[size] + .eee-select__text { height: auto; } /* style: 1588*/ .eee-dropdown { position: relative; min-width: 150px; text-align: left; display: inline-block; vertical-align: top; } .eee-dropdown__heading { box-sizing: border-box; display: block; width: 100%; height: 30px; margin: 0; margin-right: 15px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding: 4px 6px; font: inherit; background: #fff; color: #0B0B13; text-align: left; text-decoration: none; cursor: default; -webkit-appearance: none; -webkit-transition: all linear 0.2s; transition: all linear 0.2s; } .eee-dropdown__heading:hover, .eee-dropdown__heading:focus { color: #0B0B13; text-decoration: none; } .eee-dropdown__heading.active { border-color: #004FFA; outline: 0; } .eee-dropdown__heading.active .eee-dropdown__heading-icon { color: #004FFA; } .eee-dropdown[disabled] .eee-dropdown__heading { border-color: #646464; background-color: #EBEBEB; color: #646464; } .eee-dropdown__heading-icon { position: absolute; top: 50%; right: 10px; -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); line-height: inherit; color: inherit; } .eee-dropdown__list { box-sizing: border-box; position: absolute; display: none; top: 60px; left: 0; min-width: 100%; padding: 5px; background: #FFFFFF; white-space: nowrap; box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2); z-index: 100; max-height: 170px; overflow-y: auto; overflow-x: hidden; } .eee-dropdown__list-item { background: #fff; color: #0B0B13; padding: 10px 15px; position: relative; cursor: pointer; text-decoration: none; } .eee-dropdown__list-item:not([disabled]):hover, .eee-dropdown__list-item:not([disabled]):focus, .eee-dropdown__list-item.eee-dropdown__list-item--selected { background: #004FFA; color: #FFFFFF; text-decoration: none; } .eee-dropdown__list-item[disabled] { color: #EBEBEB; text-decoration: none; } /* style: 2679*/ .eee-image-svg { width: 100%; max-width: 100%; vertical-align: middle; } .eee-image-svg:not([data-do-not-inherit-fill-color]) { fill: currentColor; } .eee-image-svg__alt { position: absolute; overflow: hidden; clip: rect(0 0 0 0); height: 1px; width: 1px; margin: -1px; padding: 0; border: 0; } /* style: 3849*/ .eee-icon { margin-top: -0.25em; max-height: 25px; max-width: 25px; vertical-align: middle; } .eee-icon.eee-image-svg { width: auto; height: 25px; } /* style: 5191*/ /* Magnific Popup CSS */ .mfp-bg { top: 0 !important; left: 0; width: 100%; height: 100%; z-index: 1042; overflow: hidden; position: fixed !important; background: #0b0b0b; opacity: 0.8; } .mfp-wrap { top: 0 !important; left: 0; width: 100%; height: 100%; z-index: 1043; position: fixed !important; outline: none !important; -webkit-backface-visibility: hidden; } .mfp-container { text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0 8px; box-sizing: border-box; } .mfp-container:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; } .mfp-align-top .mfp-container:before { display: none; } .mfp-content { position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 1045; } .mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content { width: 100%; cursor: auto; text-align: center; } .mfp-ajax-cur { cursor: progress; } .mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: -moz-zoom-out; cursor: -webkit-zoom-out; cursor: zoom-out; } .mfp-zoom { cursor: pointer; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; } .mfp-auto-cursor .mfp-content { cursor: auto; } .mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter { -webkit-user-select: none; -moz-user-select: none; user-select: none; } .mfp-loading.mfp-figure { display: none; } .mfp-hide { display: none !important; } .mfp-preloader { color: #CCC; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -0.8em; left: 8px; right: 8px; z-index: 1044; } .mfp-preloader a { color: #CCC; } .mfp-preloader a:hover { color: #FFF; } .mfp-s-ready .mfp-preloader { display: none; } .mfp-s-error .mfp-content { display: none; } button.mfp-close, button.mfp-arrow { overflow: visible; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; display: block; outline: none; padding: 0; z-index: 1046; box-shadow: none; touch-action: manipulation; } button::-moz-focus-inner { padding: 0; border: 0; } .mfp-close { width: 44px; height: 44px; line-height: 44px; position: absolute; right: 0; top: 0; text-decoration: none; text-align: center; opacity: 0.65; padding: 0 0 18px 10px; color: #FFF; font-style: normal; font-size: 28px; font-family: Arial, Baskerville, monospace; } .mfp-close:hover, .mfp-close:focus { opacity: 1; } .mfp-close:active { top: 1px; } .mfp-close-btn-in .mfp-close { color: #333; } .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { color: #FFF; right: -6px; text-align: right; padding-right: 6px; width: 100%; } .mfp-counter { position: absolute; top: 0; right: 0; color: #CCC; font-size: 12px; line-height: 18px; white-space: nowrap; } :not(.mfp-bottom-bar) > .mfp-counter { top: auto; padding-top: 4px; } .mfp-arrow { position: absolute; opacity: 0.65; margin: 0; top: 50%; margin-top: -55px; padding: 0; width: 90px; height: 110px; -webkit-tap-highlight-color: transparent; } .mfp-arrow:active { margin-top: -54px; } .mfp-arrow:hover, .mfp-arrow:focus { opacity: 1; } .mfp-arrow:before, .mfp-arrow:after { content: ''; display: block; width: 0; height: 0; position: absolute; left: 0; top: 0; margin-top: 35px; margin-left: 35px; border: medium inset transparent; } .mfp-arrow:after { border-top-width: 13px; border-bottom-width: 13px; top: 8px; } .mfp-arrow:before { border-top-width: 21px; border-bottom-width: 21px; opacity: 0.7; } .mfp-arrow-left { left: 0; } .mfp-arrow-left:after { border-right: 17px solid #FFF; margin-left: 31px; } .mfp-arrow-left:before { margin-left: 25px; border-right: 27px solid #3F3F3F; } .mfp-arrow-right { right: 0; } .mfp-arrow-right:after { border-left: 17px solid #FFF; margin-left: 39px; } .mfp-arrow-right:before { border-left: 27px solid #3F3F3F; } .mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px; } .mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 900px; } .mfp-iframe-holder .mfp-close { top: -40px; } .mfp-iframe-scaler { width: 100%; height: 0; overflow: hidden; padding-top: 56.25%; } .mfp-iframe-scaler iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #000; } /* Main image in popup */ img.mfp-img { width: auto; max-width: 100%; height: auto; display: block; line-height: 0; box-sizing: border-box; padding: 40px 0 40px; margin: 0 auto; } /* The shadow behind the image */ .mfp-figure { line-height: 0; } .mfp-figure:after { content: ''; position: absolute; left: 0; top: 40px; bottom: 40px; display: block; right: 0; width: auto; height: auto; z-index: -1; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #444; } .mfp-figure small { color: #BDBDBD; display: block; font-size: 12px; line-height: 14px; } .mfp-figure figure { margin: 0; } .mfp-bottom-bar { margin-top: -36px; position: absolute; top: 100%; left: 0; width: 100%; cursor: auto; } .mfp-title { position: absolute; text-align: left; line-height: 18px; color: #F3F3F3; word-wrap: break-word; padding-right: 36px; } :not(.mfp-bottom-bar) > .mfp-title { padding-top: 4px; } .mfp-image-holder .mfp-content { max-width: 100%; } .mfp-gallery .mfp-image-holder .mfp-figure { cursor: pointer; } @media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { /** * Remove all paddings around the image on small screen */ .mfp-img-mobile .mfp-image-holder { padding-left: 0; padding-right: 0; } .mfp-img-mobile img.mfp-img { padding: 0; } .mfp-img-mobile .mfp-figure:after { top: 0; bottom: 0; } .mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px; } .mfp-img-mobile .mfp-bottom-bar { background: rgba(0, 0, 0, 0.6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; box-sizing: border-box; } .mfp-img-mobile .mfp-bottom-bar:empty { padding: 0; } .mfp-img-mobile .mfp-counter { right: 5px; top: 3px; } .mfp-img-mobile .mfp-close { top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; background: rgba(0, 0, 0, 0.6); position: fixed; text-align: center; padding: 0; } } @media all and (max-width: 900px) { .mfp-arrow { -webkit-transform: scale(0.75); transform: scale(0.75); } .mfp-arrow-left { -webkit-transform-origin: 0; transform-origin: 0; } .mfp-arrow-right { -webkit-transform-origin: 100%; transform-origin: 100%; } .mfp-container { padding-left: 6px; padding-right: 6px; } } .mfp-inline-holder .mfp-content .mfp-close, .mfp-ajax-holder .mfp-content .mfp-close { width: 30px; height: 30px; line-height: 30px; border: 1px solid #d1d1d1; top: 10px; right: 10px; borde-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; } .mfp-inline-holder .mfp-content .magnificPopup-content, .mfp-ajax-holder .mfp-content .magnificPopup-content { min-width: 150px; display: inline-block; vertical-align: top; position: relative; background: #ffff; padding: 45px 20px 35px 20px; text-align: left; } .eee-seeems-popup-window { background: #fff; display: inline-block; vertical-align: top; position: relative; margin: 50px 15px 15px 15px; border-radius: 12px; -moz-border-radius: 12px; -webkit-border-radius: 12px; text-align: initial; } .eee-seeems-popup-window .eee-seeems-popup-window__wrapper { overflow-y: auto; max-height: calc(100vh - 96px); margin: 15px 0; padding: 0 15px; box-sizing: border-box; /* width */ /* Track */ /* Handle */ /* Handle on hover */ } .eee-seeems-popup-window .eee-seeems-popup-window__wrapper h1, .eee-seeems-popup-window .eee-seeems-popup-window__wrapper h2, .eee-seeems-popup-window .eee-seeems-popup-window__wrapper h3, .eee-seeems-popup-window .eee-seeems-popup-window__wrapper h4, .eee-seeems-popup-window .eee-seeems-popup-window__wrapper h5 { text-align: center; } .eee-seeems-popup-window .eee-seeems-popup-window__wrapper::-webkit-scrollbar { width: 10px; } .eee-seeems-popup-window .eee-seeems-popup-window__wrapper::-webkit-scrollbar-track { background: #f1f1f1; } .eee-seeems-popup-window .eee-seeems-popup-window__wrapper::-webkit-scrollbar-thumb { background: #004FFA; } .eee-seeems-popup-window .eee-seeems-popup-window__wrapper::-webkit-scrollbar-thumb:hover { background: #555; } .eee-seeems-popup-window .eee-seeems-popup-window__close { width: 30px; height: 30px; line-height: 30px; background: #004FFA; text-align: center; color: #fff; font-size: 14px; cursor: pointer; border-bottom-left-radius: 12px; border-top-left-radius: 12px; border-top-right-radius: 12px; -webkit-border-bottom-left-radius: 12px; -webkit-border-top-left-radius: 12px; -webkit-border-top-right-radius: 12px; -moz-border-bottom-left-radius: 12px; -moz-border-top-left-radius: 12px; -moz-border-top-right-radius: 12px; position: absolute; top: -40px; right: 0; } .eee-seeems-popup-window .eee-seeems-popup-window__close:before { font-family: 'FontAwesome'; content: "\f00d"; } .eee-seeems-popup-window .eee-seeems-popup-window__buttons { display: flex; align-items: center; justify-content: center; margin: 45px 0 15px 0; } .eee-seeems-popup-window .eee-seeems-popup-window__buttons > div { min-width: 110px; padding: 10px; border-radius: 22px; -moz-border-radius: 22px; -webkit-border-radius: 22px; margin: 0 10px; color: #fff; line-height: normal; cursor: pointer; text-align: center; } .eee-seeems-popup-window .eee-seeems-popup-window__buttons > div:first-child { background: #549132; } .eee-seeems-popup-window .eee-seeems-popup-window__buttons > div:last-child { background: #DF0B22; } .eee-seeems-popup-window .eee-seeems-popup-window-icon { width: 80px; height: 80px; position: relative; border-radius: 50%; box-sizing: content-box; border: 4px solid #4CAF50; margin: 30px auto; } .eee-seeems-popup-window .eee-seeems-popup-window-icon .eee-seeems-popup-window-icon__circle { top: -4px; left: -4px; z-index: 10; width: 80px; height: 80px; border-radius: 50%; position: absolute; box-sizing: content-box; border: 4px solid rgba(76, 175, 80, 0.5); } .eee-seeems-popup-window .eee-seeems-popup-window-icon--question { display: flex; align-items: center; justify-content: center; font-size: 42px; line-height: normal; font-family: 'Arial'; color: #4CAF50; overflow: hidden; } .eee-seeems-popup-window .eee-seeems-popup-window-icon--question div { animation: rotateQuestionMark 400ms ease-in; animation-fill-mode: forwards; } .eee-seeems-popup-window .eee-seeems-popup-window-icon--success { border: 4px solid #4CAF50; } .eee-seeems-popup-window .eee-seeems-popup-window-icon--success::before { top: 3px; left: -2px; width: 30px; transform-origin: 100% 50%; border-radius: 100px 0 0 100px; } .eee-seeems-popup-window .eee-seeems-popup-window-icon--success::after { top: 0; left: 30px; width: 60px; transform-origin: 0 50%; border-radius: 0 100px 100px 0; animation: rotate-circle 4.25s ease-in; } .eee-seeems-popup-window .eee-seeems-popup-window-icon--success::before, .eee-seeems-popup-window .eee-seeems-popup-window-icon--success::after { content: ''; height: 100px; position: absolute; background: #FFFFFF; transform: rotate(-45deg); } .eee-seeems-popup-window .eee-seeems-popup-window-icon--success .icon-line { height: 5px; background-color: #4CAF50; display: block; border-radius: 2px; position: absolute; z-index: 10; } .eee-seeems-popup-window .eee-seeems-popup-window-icon--success .icon-line.line-tip { top: 46px; left: 14px; width: 25px; transform: rotate(45deg); animation: icon-line-tip 0.75s; } .eee-seeems-popup-window .eee-seeems-popup-window-icon--success .icon-line.line-long { top: 38px; right: 8px; width: 47px; transform: rotate(-45deg); animation: icon-line-long 0.75s; } .eee-seeems-popup-window .eee-seeems-popup-window-icon--success .icon-fix { top: 8px; width: 5px; left: 26px; z-index: 1; height: 85px; position: absolute; transform: rotate(-45deg); background-color: #FFFFFF; } .eee-seeems-popup-window .eee-seeems-popup-window-icon--error { box-sizing: content-box; border: 4px solid red; display: flex; align-items: center; justify-content: center; overflow: hidden; } .eee-seeems-popup-window .eee-seeems-popup-window-icon--error .eee-seeems-popup-window-icon--error__line-1, .eee-seeems-popup-window .eee-seeems-popup-window-icon--error .eee-seeems-popup-window-icon--error__line-2 { width: 80px; height: 4px; content: " "; display: block; background: red; } .eee-seeems-popup-window .eee-seeems-popup-window-icon--error .eee-seeems-popup-window-icon--error__line-1 { animation: rotateErrorIconFirstLine 400ms ease-in; animation-fill-mode: forwards; } .eee-seeems-popup-window .eee-seeems-popup-window-icon--error .eee-seeems-popup-window-icon--error__line-2 { animation: rotateErrorIconLastLine 400ms ease-in; animation-fill-mode: forwards; } @keyframes rotate-circle { 0% { transform: rotate(-45deg); } 5% { transform: rotate(-45deg); } 12% { transform: rotate(-405deg); } 100% { transform: rotate(-405deg); } } @keyframes icon-line-tip { 0% { width: 0; left: 1px; top: 19px; } 54% { width: 0; left: 1px; top: 19px; } 70% { width: 50px; left: -8px; top: 37px; } 84% { width: 17px; left: 21px; top: 48px; } 100% { width: 25px; left: 14px; top: 45px; } } @keyframes icon-line-long { 0% { width: 0; right: 46px; top: 54px; } 65% { width: 0; right: 46px; top: 54px; } 84% { width: 55px; right: 0px; top: 35px; } 100% { width: 47px; right: 8px; top: 38px; } } @keyframes rotateErrorIconFirstLine { 0% { transform: rotate(45deg); margin-right: -80px; } 100% { transform: rotate(-45deg); margin-right: -40px; } } @keyframes rotateErrorIconLastLine { 0% { transform: rotate(-45deg); margin-left: -80px; } 100% { transform: rotate(45deg); margin-left: -40px; } } @keyframes rotateQuestionMark { 0% { transform: rotate(0deg); } 100% { transform: rotate(720deg); } } /* style: 1114*/ .GetGalleryWindow { box-shadow: 0 5px 10px rgba(0, 0, 0, 0.25); } .GetGalleryWindowContentTitle span:empty { display: none; } /* style: 5370*/ [data-eee-height-viewport-hide-before-resize] { visibility: hidden; } /* style: 3947*/ @media (min-width: ) { .eee-responsive-visibility--xl-hide { width: 0; display: none !important; } } @media (min-width: 1000px) { .eee-responsive-visibility--l-hide { width: 0; display: none !important; } } @media (min-width: 768px) and (max-width: 999.98px) { .eee-responsive-visibility--m-hide { width: 0; display: none !important; } } @media (min-width: 480px) and (max-width: 767.98px) { .eee-responsive-visibility--s-hide { width: 0; display: none !important; } } @media (min-width: 1px) and (max-width: 479.98px) { .eee-responsive-visibility--xs-hide { width: 0; display: none !important; } } /* style: 1261*/ :target::before { content: ''; display: block; height: 60px; margin-top: -60px; } @media (min-width: 1000px) { :target::before { height: 55px; margin-top: -55px; } } /* style: 2390*/ .Seeems-Local-Anchor { display: block !important; float: none !important; margin: 0 !important; padding: 0 !important; width: 0 !important; height: auto !important; line-height: 0px !important; font-size: 0px !important; } /* Style Id:2124 Default Render Skins CSS*/ /* style: 2425*/ .eee-image__link { display: inline-block; max-width: 100%; } .eee-image__image { display: inline-block; } .eee-image--mouse-over .eee-image__image--mouse-over { display: none; } .eee-image--mouse-over:hover .eee-image__image { display: none; } .eee-image--mouse-over:hover .eee-image__image--mouse-over { display: inline-block; } .eee-image__caption { padding-top: 5px; font-style: italic; } .eee-image__dropdown-wrapper { position: relative; } .eee-image__dropdown { display: none; position: absolute; background: #FFFFFF; white-space: nowrap; box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2); z-index: 100; } .eee-image__dropdown-nav { margin: 0; padding: 5px 0; list-style: none; } .eee-image__dropdown-nav > li { display: block; } .eee-image__dropdown-link { display: block; padding: 5px 15px; text-decoration: none; color: #0B0B13; } .eee-image__dropdown-link:hover, .eee-image__dropdown-link:focus { background: #004FFA; color: #fff; text-decoration: none; } [data-eee-lazy-bg-image] { background-image: none !important; } /* style: 1847*/ .eee-link { display: table; } /* style: 3548*/ .eee-inline-menu.eee-inline-menu--horizontal ul { margin: -5px -10px; } .eee-inline-menu.eee-inline-menu--horizontal ul li { display: inline-block; vertical-align: middle; margin: 5px 10px; } @media (min-width: 1300px) { .eee-inline-menu.eee-inline-menu--extra-large--left { text-align: left; } .eee-inline-menu.eee-inline-menu--extra-large--center { text-align: center; } .eee-inline-menu.eee-inline-menu--extra-large--right { text-align: right; } } @media (max-width: 1299.98px) { .eee-inline-menu.eee-inline-menu--large--left { text-align: left; } .eee-inline-menu.eee-inline-menu--large--center { text-align: center; } .eee-inline-menu.eee-inline-menu--large--right { text-align: right; } } @media (max-width: 999.98px) { .eee-inline-menu.eee-inline-menu--medium--left { text-align: left; } .eee-inline-menu.eee-inline-menu--medium--center { text-align: center; } .eee-inline-menu.eee-inline-menu--medium--right { text-align: right; } } @media (max-width: 767.98px) { .eee-inline-menu.eee-inline-menu--small--left { text-align: left; } .eee-inline-menu.eee-inline-menu--small--center { text-align: center; } .eee-inline-menu.eee-inline-menu--small--right { text-align: right; } } @media (max-width: 479.98px) { .eee-inline-menu.eee-inline-menu--mini--left { text-align: left; } .eee-inline-menu.eee-inline-menu--mini--center { text-align: center; } .eee-inline-menu.eee-inline-menu--mini--right { text-align: right; } } .eee-inline-menu ul { margin: 0px; padding: 0px; } .eee-inline-menu ul li { list-style-type: none; } .eee-inline-menu ul ul { padding-left: 10px; } .eee-inline-menu.eee-inline-menu--bullets ul li { list-style-type: disc; } /* style: 2824*/ .eee-button { display: block; line-height: normal; } /* * Removes inner padding and border in Firefox 4+. */ .eee-button__button::-moz-focus-inner { border: 0; padding: 0; } /* * 1. Correct inability to style clickable `input` types in iOS. * 2. Remove margins in Chrome, Safari and Opera. * 3. Remove borders for `button`. * 4. Address `overflow` set to `hidden` in IE 8/9/10/11. * 5. Correct `font` properties and `color` not being inherited for `button`. * 6. Address inconsistent `text-transform` inheritance which is only inherit in Firefox and IE * 7. Style * 8. `line-height` is used to create a height * 9. `min-height` is necessary for `input` elements in Firefox and Opera because `line-height` is not working. * 10. Reset button group whitespace hack * 11. Required for `a`. */ .eee-button__button { /* 1 */ -webkit-appearance: none; /* 2 */ margin: 0; /* 3 */ border: none; /* 4 */ overflow: visible; /* 5 */ font: inherit; color: #FFFFFF; /* 6 */ text-transform: none; /* 7 */ display: inline-block; box-sizing: border-box; padding: 9px 12px; background: #646464; vertical-align: top; /* 8 */ line-height: 22px; /* 9 */ min-height: calc(22px + 9px * 2); /* 10 */ font-size: 1rem; /* 11 */ text-decoration: none; text-align: center !important; } .eee-button__button:not(:disabled) { cursor: pointer; } /* * Hover * 1. Apply hover style also to focus state * 2. Remove default focus style * 3. Required for `a` elements */ .eee-button__button:hover, .eee-button__button:focus { background-color: #646464; color: #FFFFFF; /* 2 */ outline: none; /* 3 */ text-decoration: none; } /* Active */ .eee-button__button:active, .eee-button__button.eee-active { background-color: #646464; color: #FFFFFF; } /* Color modifiers ========================================================================== */ .eee-button__button--primary, .eee-button__button--primary[href^=tel] { background-color: #004FFA; color: #FFFFFF; } .eee-button__button--primary:hover, .eee-button__button--primary:focus, .eee-button__button--primary[href^=tel]:hover, .eee-button__button--primary[href^=tel]:focus { background-color: #004FFA; color: #FFFFFF; } .eee-button__button--primary:active, .eee-button__button--primary.eee-active, .eee-button__button--primary[href^=tel]:active, .eee-button__button--primary[href^=tel].eee-active { background-color: #004FFA; color: #FFFFFF; } .eee-button__button--primary-2, .eee-button__button--primary-2[href^=tel] { background-color: #004FFA; color: #0B0B13; } .eee-button__button--primary-2:hover, .eee-button__button--primary-2:focus, .eee-button__button--primary-2[href^=tel]:hover, .eee-button__button--primary-2[href^=tel]:focus { background-color: #004FFA; color: #0B0B13; } .eee-button__button--primary-2:active, .eee-button__button--primary-2.eee-active, .eee-button__button--primary-2[href^=tel]:active, .eee-button__button--primary-2[href^=tel].eee-active { background-color: #004FFA; color: #0B0B13; } .eee-button__button--secondary, .eee-button__button--secondary[href^=tel] { background-color: #2E70FF; color: #FFFFFF; } .eee-button__button--secondary:hover, .eee-button__button--secondary:focus, .eee-button__button--secondary[href^=tel]:hover, .eee-button__button--secondary[href^=tel]:focus { background-color: #2E70FF; color: #FFFFFF; } .eee-button__button--secondary:active, .eee-button__button--secondary.eee-active, .eee-button__button--secondary[href^=tel]:active, .eee-button__button--secondary[href^=tel].eee-active { background-color: #2E70FF; color: #FFFFFF; } .eee-button__button--secondary-2, .eee-button__button--secondary-2[href^=tel] { background-color: #F7F8F9; color: #FFFFFF; } .eee-button__button--secondary-2:hover, .eee-button__button--secondary-2:focus, .eee-button__button--secondary-2[href^=tel]:hover, .eee-button__button--secondary-2[href^=tel]:focus { background-color: #F7F8F9; color: #FFFFFF; } .eee-button__button--secondary-2:active, .eee-button__button--secondary-2.eee-active, .eee-button__button--secondary-2[href^=tel]:active, .eee-button__button--secondary-2[href^=tel].eee-active { background-color: #F7F8F9; color: #FFFFFF; } .eee-button__button--secondary-3, .eee-button__button--secondary-3[href^=tel] { background-color: #F3EFE7; color: #FFFFFF; } .eee-button__button--secondary-3:hover, .eee-button__button--secondary-3:focus, .eee-button__button--secondary-3[href^=tel]:hover, .eee-button__button--secondary-3[href^=tel]:focus { background-color: #F3EFE7; color: #FFFFFF; } .eee-button__button--secondary-3:active, .eee-button__button--secondary-3.eee-active, .eee-button__button--secondary-3[href^=tel]:active, .eee-button__button--secondary-3[href^=tel].eee-active { background-color: #F3EFE7; color: #FFFFFF; } .eee-button__button--accent, .eee-button__button--accent[href^=tel] { background-color: #2E70FF; color: #FFFFFF; } .eee-button__button--accent:hover, .eee-button__button--accent:focus, .eee-button__button--accent[href^=tel]:hover, .eee-button__button--accent[href^=tel]:focus { background-color: #2E70FF; color: #FFFFFF; } .eee-button__button--accent:active, .eee-button__button--accent.eee-active, .eee-button__button--accent[href^=tel]:active, .eee-button__button--accent[href^=tel].eee-active { background-color: #2E70FF; color: #FFFFFF; } .eee-button__button--neutral-lightest, .eee-button__button--neutral-lightest[href^=tel] { background-color: #FFFFFF; color: #0B0B13; } .eee-button__button--neutral-lightest:hover, .eee-button__button--neutral-lightest:focus, .eee-button__button--neutral-lightest[href^=tel]:hover, .eee-button__button--neutral-lightest[href^=tel]:focus { background-color: #FFFFFF; color: #0B0B13; } .eee-button__button--neutral-lightest:active, .eee-button__button--neutral-lightest.eee-active, .eee-button__button--neutral-lightest[href^=tel]:active, .eee-button__button--neutral-lightest[href^=tel].eee-active { background-color: #FFFFFF; color: #0B0B13; } .eee-button__button--neutral-gray-light, .eee-button__button--neutral-gray-light[href^=tel] { background-color: #EBEBEB; color: #0B0B13; } .eee-button__button--neutral-gray-light:hover, .eee-button__button--neutral-gray-light:focus, .eee-button__button--neutral-gray-light[href^=tel]:hover, .eee-button__button--neutral-gray-light[href^=tel]:focus { background-color: #EBEBEB; color: #0B0B13; } .eee-button__button--neutral-gray-light:active, .eee-button__button--neutral-gray-light.eee-active, .eee-button__button--neutral-gray-light[href^=tel]:active, .eee-button__button--neutral-gray-light[href^=tel].eee-active { background-color: #EBEBEB; color: #0B0B13; } .eee-button__button--neutral-gray, .eee-button__button--neutral-gray[href^=tel] { background-color: #646464; color: #FFFFFF; } .eee-button__button--neutral-gray:hover, .eee-button__button--neutral-gray:focus, .eee-button__button--neutral-gray[href^=tel]:hover, .eee-button__button--neutral-gray[href^=tel]:focus { background-color: #646464; color: #FFFFFF; } .eee-button__button--neutral-gray:active, .eee-button__button--neutral-gray.eee-active, .eee-button__button--neutral-gray[href^=tel]:active, .eee-button__button--neutral-gray[href^=tel].eee-active { background-color: #646464; color: #FFFFFF; } .eee-button__button--neutral-gray-dark, .eee-button__button--neutral-gray-dark[href^=tel] { background-color: #4A4A4A; color: #FFFFFF; } .eee-button__button--neutral-gray-dark:hover, .eee-button__button--neutral-gray-dark:focus, .eee-button__button--neutral-gray-dark[href^=tel]:hover, .eee-button__button--neutral-gray-dark[href^=tel]:focus { background-color: #4A4A4A; color: #FFFFFF; } .eee-button__button--neutral-gray-dark:active, .eee-button__button--neutral-gray-dark.eee-active, .eee-button__button--neutral-gray-dark[href^=tel]:active, .eee-button__button--neutral-gray-dark[href^=tel].eee-active { background-color: #4A4A4A; color: #FFFFFF; } .eee-button__button--neutral-darkest, .eee-button__button--neutral-darkest[href^=tel] { background-color: #0B0B13; color: #FFFFFF; } .eee-button__button--neutral-darkest:hover, .eee-button__button--neutral-darkest:focus, .eee-button__button--neutral-darkest[href^=tel]:hover, .eee-button__button--neutral-darkest[href^=tel]:focus { background-color: #0B0B13; color: #FFFFFF; } .eee-button__button--neutral-darkest:active, .eee-button__button--neutral-darkest.eee-active, .eee-button__button--neutral-darkest[href^=tel]:active, .eee-button__button--neutral-darkest[href^=tel].eee-active { background-color: #0B0B13; color: #FFFFFF; } .eee-button__button--information, .eee-button__button--information[href^=tel] { background-color: #006AB2; color: #FFFFFF; } .eee-button__button--information:hover, .eee-button__button--information:focus, .eee-button__button--information[href^=tel]:hover, .eee-button__button--information[href^=tel]:focus { background-color: #006AB2; color: #FFFFFF; } .eee-button__button--information:active, .eee-button__button--information.eee-active, .eee-button__button--information[href^=tel]:active, .eee-button__button--information[href^=tel].eee-active { background-color: #006AB2; color: #FFFFFF; } .eee-button__button--positive, .eee-button__button--positive[href^=tel] { background-color: #549132; color: #FFFFFF; } .eee-button__button--positive:hover, .eee-button__button--positive:focus, .eee-button__button--positive[href^=tel]:hover, .eee-button__button--positive[href^=tel]:focus { background-color: #549132; color: #FFFFFF; } .eee-button__button--positive:active, .eee-button__button--positive.eee-active, .eee-button__button--positive[href^=tel]:active, .eee-button__button--positive[href^=tel].eee-active { background-color: #549132; color: #FFFFFF; } .eee-button__button--caution, .eee-button__button--caution[href^=tel] { background-color: #FDE53B; color: #0B0B13; } .eee-button__button--caution:hover, .eee-button__button--caution:focus, .eee-button__button--caution[href^=tel]:hover, .eee-button__button--caution[href^=tel]:focus { background-color: #FDE53B; color: #0B0B13; } .eee-button__button--caution:active, .eee-button__button--caution.eee-active, .eee-button__button--caution[href^=tel]:active, .eee-button__button--caution[href^=tel].eee-active { background-color: #FDE53B; color: #0B0B13; } .eee-button__button--negative, .eee-button__button--negative[href^=tel] { background-color: #DF0B22; color: #FFFFFF; } .eee-button__button--negative:hover, .eee-button__button--negative:focus, .eee-button__button--negative[href^=tel]:hover, .eee-button__button--negative[href^=tel]:focus { background-color: #DF0B22; color: #FFFFFF; } .eee-button__button--negative:active, .eee-button__button--negative.eee-active, .eee-button__button--negative[href^=tel]:active, .eee-button__button--negative[href^=tel].eee-active { background-color: #DF0B22; color: #FFFFFF; } /* Modifier: `eee-button--ghost` (border-only button) ========================================================================== */ .eee-button__button--ghost { border: 1px solid; line-height: calc(22px - 2px); min-height: calc(22px + 9px * 2 - 2px); border-color: #646464; background-color: transparent; color: #646464; } .eee-button__button--ghost:hover, .eee-button__button--ghost:focus { border-color: #646464; background-color: transparent; color: #646464; } .eee-button__button--ghost:active, .eee-button__button--ghost.eee-active { border-color: #646464; background-color: transparent; color: #646464; } .eee-button__button--ghost.eee-button__button--mini { line-height: calc(15px - 2px); min-height: calc(15px + 4px * 2 - 2px); } .eee-button__button--ghost.eee-button__button--small { line-height: calc(18px - 2px); min-height: calc(18px + 7px * 2 - 2px); } .eee-button__button--ghost.eee-button__button--large { line-height: calc(29px - 2px); min-height: calc(29px + 11px * 2 - 2px); } .eee-button__button--ghost-primary { border-color: #004FFA; color: #004FFA; } .eee-button__button--ghost-primary:hover, .eee-button__button--ghost-primary:focus { border-color: #004FFA; color: #004FFA; } .eee-button__button--ghost-primary:active, .eee-button__button--ghost-primary.eee-active { border-color: #004FFA; color: #004FFA; } .eee-button__button--ghost-primary-2 { border-color: #004FFA; color: #004FFA; } .eee-button__button--ghost-primary-2:hover, .eee-button__button--ghost-primary-2:focus { border-color: #004FFA; color: #004FFA; } .eee-button__button--ghost-primary-2:active, .eee-button__button--ghost-primary-2.eee-active { border-color: #004FFA; color: #004FFA; } .eee-button__button--ghost-secondary { border-color: #2E70FF; color: #2E70FF; } .eee-button__button--ghost-secondary:hover, .eee-button__button--ghost-secondary:focus { border-color: #2E70FF; color: #2E70FF; } .eee-button__button--ghost-secondary:active, .eee-button__button--ghost-secondary.eee-active { border-color: #2E70FF; color: #2E70FF; } .eee-button__button--ghost-secondary-2 { border-color: #F7F8F9; color: #F7F8F9; } .eee-button__button--ghost-secondary-2:hover, .eee-button__button--ghost-secondary-2:focus { border-color: #F7F8F9; color: #F7F8F9; } .eee-button__button--ghost-secondary-2:active, .eee-button__button--ghost-secondary-2.eee-active { border-color: #F7F8F9; color: #F7F8F9; } .eee-button__button--ghost-secondary-3 { border-color: #F3EFE7; color: #F3EFE7; } .eee-button__button--ghost-secondary-3:hover, .eee-button__button--ghost-secondary-3:focus { border-color: #F3EFE7; color: #F3EFE7; } .eee-button__button--ghost-secondary-3:active, .eee-button__button--ghost-secondary-3.eee-active { border-color: #F3EFE7; color: #F3EFE7; } .eee-button__button--ghost-accent { border-color: #2E70FF; color: #2E70FF; } .eee-button__button--ghost-accent:hover, .eee-button__button--ghost-accent:focus { border-color: #2E70FF; color: #2E70FF; } .eee-button__button--ghost-accent:active, .eee-button__button--ghost-accent.eee-active { border-color: #2E70FF; color: #2E70FF; } .eee-button__button--ghost-neutral-lightest { border-color: #FFFFFF; color: #FFFFFF; } .eee-button__button--ghost-neutral-lightest:hover, .eee-button__button--ghost-neutral-lightest:focus { border-color: #FFFFFF; color: #FFFFFF; } .eee-button__button--ghost-neutral-lightest:active, .eee-button__button--ghost-neutral-lightest.eee-active { border-color: #FFFFFF; color: #FFFFFF; } .eee-button__button--ghost-neutral-gray-light { border-color: #EBEBEB; color: #EBEBEB; } .eee-button__button--ghost-neutral-gray-light:hover, .eee-button__button--ghost-neutral-gray-light:focus { border-color: #EBEBEB; color: #EBEBEB; } .eee-button__button--ghost-neutral-gray-light:active, .eee-button__button--ghost-neutral-gray-light.eee-active { border-color: #EBEBEB; color: #EBEBEB; } .eee-button__button--ghost-neutral-gray { border-color: #646464; color: #646464; } .eee-button__button--ghost-neutral-gray:hover, .eee-button__button--ghost-neutral-gray:focus { border-color: #646464; color: #646464; } .eee-button__button--ghost-neutral-gray:active, .eee-button__button--ghost-neutral-gray.eee-active { border-color: #646464; color: #646464; } .eee-button__button--ghost-neutral-gray-dark { border-color: #4A4A4A; color: #4A4A4A; } .eee-button__button--ghost-neutral-gray-dark:hover, .eee-button__button--ghost-neutral-gray-dark:focus { border-color: #4A4A4A; color: #4A4A4A; } .eee-button__button--ghost-neutral-gray-dark:active, .eee-button__button--ghost-neutral-gray-dark.eee-active { border-color: #4A4A4A; color: #4A4A4A; } .eee-button__button--ghost-neutral-darkest { border-color: #0B0B13; color: #0B0B13; } .eee-button__button--ghost-neutral-darkest:hover, .eee-button__button--ghost-neutral-darkest:focus { border-color: #0B0B13; color: #0B0B13; } .eee-button__button--ghost-neutral-darkest:active, .eee-button__button--ghost-neutral-darkest.eee-active { border-color: #0B0B13; color: #0B0B13; } .eee-button__button--ghost-information { border-color: #006AB2; color: #006AB2; } .eee-button__button--ghost-information:hover, .eee-button__button--ghost-information:focus { border-color: #006AB2; color: #006AB2; } .eee-button__button--ghost-information:active, .eee-button__button--ghost-information.eee-active { border-color: #006AB2; color: #006AB2; } .eee-button__button--ghost-positive { border-color: #549132; color: #549132; } .eee-button__button--ghost-positive:hover, .eee-button__button--ghost-positive:focus { border-color: #549132; color: #549132; } .eee-button__button--ghost-positive:active, .eee-button__button--ghost-positive.eee-active { border-color: #549132; color: #549132; } .eee-button__button--ghost-caution { border-color: #FDE53B; color: #FDE53B; } .eee-button__button--ghost-caution:hover, .eee-button__button--ghost-caution:focus { border-color: #FDE53B; color: #FDE53B; } .eee-button__button--ghost-caution:active, .eee-button__button--ghost-caution.eee-active { border-color: #FDE53B; color: #FDE53B; } .eee-button__button--ghost-negative { border-color: #DF0B22; color: #DF0B22; } .eee-button__button--ghost-negative:hover, .eee-button__button--ghost-negative:focus { border-color: #DF0B22; color: #DF0B22; } .eee-button__button--ghost-negative:active, .eee-button__button--ghost-negative.eee-active { border-color: #DF0B22; color: #DF0B22; } /* Disabled state * Overrides also the color modifiers ========================================================================== */ /* Equal for all button types */ .eee-button__button:disabled, .eee-button__button.eee-disabled { cursor: not-allowed; opacity: 0.5; } /* Modifier: `eee-button--link` ========================================================================== */ /* Reset */ .eee-button__button--link, .eee-button__button--link:hover, .eee-button__button--link:focus, .eee-button__button--link:active, .eee-button__button--link.eee-active, .eee-button__button--link:disabled { border-color: transparent; background: none; } /* Focus */ .eee-button__button--link:focus { outline: 1px dotted; } /* Color */ .eee-button__button--link { color: #2E70FF; text-decoration: underline; } .eee-button__button--link:hover, .eee-button__button--link:focus { color: #2E70FF; text-decoration: underline; } .eee-button__button--link:active, .eee-button__button--link.eee-active { color: #2E70FF; text-decoration: underline; } .eee-button__button--link-primary { color: #004FFA; } .eee-button__button--link-primary:hover, .eee-button__button--link-primary:focus { color: #004FFA; } .eee-button__button--link-primary:active, .eee-button__button--link-primary.eee-active { color: #004FFA; } .eee-button__button--link-primary-2 { color: #004FFA; } .eee-button__button--link-primary-2:hover, .eee-button__button--link-primary-2:focus { color: #004FFA; } .eee-button__button--link-primary-2:active, .eee-button__button--link-primary-2.eee-active { color: #004FFA; } .eee-button__button--link-secondary { color: #2E70FF; } .eee-button__button--link-secondary:hover, .eee-button__button--link-secondary:focus { color: #2E70FF; } .eee-button__button--link-secondary:active, .eee-button__button--link-secondary.eee-active { color: #2E70FF; } .eee-button__button--link-secondary-2 { color: #F7F8F9; } .eee-button__button--link-secondary-2:hover, .eee-button__button--link-secondary-2:focus { color: #F7F8F9; } .eee-button__button--link-secondary-2:active, .eee-button__button--link-secondary-2.eee-active { color: #F7F8F9; } .eee-button__button--link-secondary-3 { color: #F3EFE7; } .eee-button__button--link-secondary-3:hover, .eee-button__button--link-secondary-3:focus { color: #F3EFE7; } .eee-button__button--link-secondary-3:active, .eee-button__button--link-secondary-3.eee-active { color: #F3EFE7; } .eee-button__button--link-accent { color: #2E70FF; } .eee-button__button--link-accent:hover, .eee-button__button--link-accent:focus { color: #2E70FF; } .eee-button__button--link-accent:active, .eee-button__button--link-accent.eee-active { color: #2E70FF; } .eee-button__button--link-neutral-lightest { color: #FFFFFF; } .eee-button__button--link-neutral-lightest:hover, .eee-button__button--link-neutral-lightest:focus { color: #FFFFFF; } .eee-button__button--link-neutral-lightest:active, .eee-button__button--link-neutral-lightest.eee-active { color: #FFFFFF; } .eee-button__button--link-neutral-gray-light { color: #EBEBEB; } .eee-button__button--link-neutral-gray-light:hover, .eee-button__button--link-neutral-gray-light:focus { color: #EBEBEB; } .eee-button__button--link-neutral-gray-light:active, .eee-button__button--link-neutral-gray-light.eee-active { color: #EBEBEB; } .eee-button__button--link-neutral-gray { color: #646464; } .eee-button__button--link-neutral-gray:hover, .eee-button__button--link-neutral-gray:focus { color: #646464; } .eee-button__button--link-neutral-gray:active, .eee-button__button--link-neutral-gray.eee-active { color: #646464; } .eee-button__button--link-neutral-gray-dark { color: #4A4A4A; } .eee-button__button--link-neutral-gray-dark:hover, .eee-button__button--link-neutral-gray-dark:focus { color: #4A4A4A; } .eee-button__button--link-neutral-gray-dark:active, .eee-button__button--link-neutral-gray-dark.eee-active { color: #4A4A4A; } .eee-button__button--link-neutral-darkest { color: #0B0B13; } .eee-button__button--link-neutral-darkest:hover, .eee-button__button--link-neutral-darkest:focus { color: #0B0B13; } .eee-button__button--link-neutral-darkest:active, .eee-button__button--link-neutral-darkest.eee-active { color: #0B0B13; } .eee-button__button--link-information { color: #006AB2; } .eee-button__button--link-information:hover, .eee-button__button--link-information:focus { color: #006AB2; } .eee-button__button--link-information:active, .eee-button__button--link-information.eee-active { color: #006AB2; } .eee-button__button--link-positive { color: #549132; } .eee-button__button--link-positive:hover, .eee-button__button--link-positive:focus { color: #549132; } .eee-button__button--link-positive:active, .eee-button__button--link-positive.eee-active { color: #549132; } .eee-button__button--link-caution { color: #FDE53B; } .eee-button__button--link-caution:hover, .eee-button__button--link-caution:focus { color: #FDE53B; } .eee-button__button--link-caution:active, .eee-button__button--link-caution.eee-active { color: #FDE53B; } .eee-button__button--link-negative { color: #DF0B22; } .eee-button__button--link-negative:hover, .eee-button__button--link-negative:focus { color: #DF0B22; } .eee-button__button--link-negative:active, .eee-button__button--link-negative.eee-active { color: #DF0B22; } /* Size modifiers ========================================================================== */ .eee-button__button--mini { min-height: calc(15px + 4px * 2); padding: 4px 6px; line-height: 15px; font-size: 12px; } .eee-button__button--small { min-height: calc(18px + 7px * 2); padding: 7px 10px; line-height: 18px; font-size: 12px; } .eee-button__button--large { min-height: calc(29px + 11px * 2); padding: 11px 15px; line-height: 29px; font-size: 16px; } /* Button icon ========================================================================== */ .eee-button__button-icon { margin-right: calc(12px / 2); max-height: 22px; max-width: 22px; vertical-align: top; } .eee-button__button-icon.eee-image-svg { width: auto; height: 22px; } .eee-button__button--mini .eee-button__button-icon { margin-right: calc(6px / 2); max-height: 15px; max-width: 15px; } .eee-button__button--mini .eee-button__button-icon.eee-image-svg { height: 15px; } .eee-button__button--small .eee-button__button-icon { margin-right: calc(10px / 2); max-height: 18px; max-width: 18px; } .eee-button__button--small .eee-button__button-icon.eee-image-svg { height: 18px; } .eee-button__button--large .eee-button__button-icon { margin-right: calc(15px / 2); max-height: 29px; max-width: 29px; } .eee-button__button--large .eee-button__button-icon.eee-image-svg { height: 29px; } /* Loading icon ========================================================================== */ .eee-button .eee-button__loading { display: none; } .eee-button--loading .eee-button__loading { display: inline-block; vertical-align: middle; margin-right: 5px; margin-top: -4px; -webkit-animation: rotating 0.7s linear infinite; -moz-animation: rotating 0.7s linear infinite; -ms-animation: rotating 0.7s linear infinite; -o-animation: rotating 0.7s linear infinite; animation: rotating 0.7s linear infinite; } @-webkit-keyframes rotating { from { -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes rotating { from { -ms-transform: rotate(0deg); -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } to { -ms-transform: rotate(360deg); -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } } /* style: 4797*/ /* Generic */ h1, h2, h3, h4, h5, h6, .eee-heading, .eee-heading__heading--hero, .eee-heading__subheading--hero, .eee-heading__heading--page, .eee-heading__subheading--page, .eee-heading__heading--major, .eee-heading__subheading--major, .eee-heading__heading--section, .eee-heading__subheading--section, .eee-heading__heading--subsection, .eee-heading__subheading--subsection, .eee-heading__heading--minor, .eee-heading__subheading--minor { margin: 0; font-family: Roboto, 'Times New Roman', Times, serif; color: #0B0B13; text-transform: none; text-align: left; overflow-wrap: break-word; } @media (min-width: 480px) { h1, h2, h3, h4, h5, h6, .eee-heading, .eee-heading__heading--hero, .eee-heading__subheading--hero, .eee-heading__heading--page, .eee-heading__subheading--page, .eee-heading__heading--major, .eee-heading__subheading--major, .eee-heading__heading--section, .eee-heading__subheading--section, .eee-heading__heading--subsection, .eee-heading__subheading--subsection, .eee-heading__heading--minor, .eee-heading__subheading--minor { text-align: left; } } .eee-heading--hero, .eee-heading__heading--hero { margin-bottom: 15px; } h1, .eee-heading--page, .eee-heading__heading--page, .eee-heading__subheading--hero { margin-bottom: 15px; } h2, .eee-heading--major, .eee-heading__heading--major, .eee-heading__subheading--page { margin-bottom: 15px; } h3, .eee-heading--section, .eee-heading__heading--section, .eee-heading__subheading--major { margin-bottom: 15px; } h4, .eee-heading--subsection, .eee-heading__heading--subsection, .eee-heading__subheading--section { margin-bottom: 15px; } h5, .eee-heading--minor, .eee-heading__heading--minor, .eee-heading__subheading--subsection { margin-bottom: 15px; } h6, .eee-heading__subheading--minor { margin-bottom: 15px; } .eee-heading--hero:last-child, .eee-heading__heading--hero:last-child, h1:last-child, .eee-heading--page:last-child, .eee-heading__heading--page:last-child, .eee-heading__subheading--hero:last-child, h2:last-child, .eee-heading--major:last-child, .eee-heading__heading--major:last-child, .eee-heading__subheading--page:last-child, h3:last-child, .eee-heading--section:last-child, .eee-heading__heading--section:last-child, .eee-heading__subheading--major:last-child, h4:last-child, .eee-heading--subsection:last-child, .eee-heading__heading--subsection:last-child, .eee-heading__subheading--section:last-child, h5:last-child, .eee-heading--minor:last-child, .eee-heading__heading--minor:last-child, .eee-heading__subheading--subsection:last-child, h6:last-child, .eee-heading__subheading--minor:last-child { margin-bottom: 0; } * + .eee-heading--hero, * + .eee-heading__heading--hero { margin-top: 15px; } * + h1, * + .eee-heading--page, * + .eee-heading__heading--page, * + .eee-heading__subheading--hero { margin-top: 15px; } * + h2, * + .eee-heading--major, * + .eee-heading__heading--major, * + .eee-heading__subheading--page { margin-top: 15px; } * + h3, * + .eee-heading--section, * + .eee-heading__heading--section, * + .eee-heading__subheading--major { margin-top: 15px; } * + h4, * + .eee-heading--subsection, * + .eee-heading__heading--subsection, * + .eee-heading__subheading--section { margin-top: 15px; } * + h5, * + .eee-heading--minor, * + .eee-heading__heading--minor, * + .eee-heading__subheading--subsection { margin-top: 15px; } * + h6, * + .eee-heading__subheading--minor { margin-top: 15px; } .eee-heading--hero, .eee-heading__heading--hero { font-size: 44px; line-height: 49px; font-weight: normal; font-style: normal; word-break: break-word; } @media (min-width: 768px) { .eee-heading--hero, .eee-heading__heading--hero { font-size: 50px; line-height: 56px; word-break: normal; } } .eee-heading__subheading--hero { font-size: 32px; line-height: 37px; font-weight: normal; font-style: normal; word-break: break-word; } @media (min-width: 768px) { .eee-heading__subheading--hero { font-size: 36px; line-height: 42px; word-break: normal; } } h1, .eee-heading--page, .eee-heading__heading--page { font-size: 32px; line-height: 37px; font-weight: normal; font-style: normal; word-break: break-word; } @media (min-width: 768px) { h1, .eee-heading--page, .eee-heading__heading--page { font-size: 36px; line-height: 42px; word-break: normal; } } h2, .eee-heading--major, .eee-heading__heading--major, .eee-heading__subheading--page { font-size: 21px; line-height: 26px; font-weight: normal; font-style: normal; word-break: break-word; } @media (min-width: 768px) { h2, .eee-heading--major, .eee-heading__heading--major, .eee-heading__subheading--page { font-size: 24px; line-height: 30px; word-break: normal; } } h3, .eee-heading--section, .eee-heading__heading--section, .eee-heading__subheading--major { font-size: 17px; line-height: 22px; font-weight: normal; font-style: normal; word-break: break-word; } @media (min-width: 768px) { h3, .eee-heading--section, .eee-heading__heading--section, .eee-heading__subheading--major { font-size: 19px; line-height: 25px; word-break: normal; } } h4, .eee-heading--subsection, .eee-heading__heading--subsection, .eee-heading__subheading--section { font-size: 16px; line-height: 22px; font-weight: normal; font-style: normal; } h5, .eee-heading--minor, .eee-heading__heading--minor, .eee-heading__subheading--subsection { font-size: 14px; line-height: 20px; font-weight: normal; font-style: italic; } h6, .eee-heading__subheading--minor { font-size: 12px; line-height: 18px; font-weight: normal; font-style: italic; } .eee-heading__heading-secondary { display: -ms-inline-flexbox; display: -webkit-inline-flex; display: inline-flex; font-size: 0.8em; font-weight: normal; font-style: italic; line-height: 1.1em; } .eee-heading__heading-secondary.eee-heading__heading-secondary--new-line { display: block; } .eee-heading__heading-tagline { font-family: Roboto, Arial, Helvetica, sans-serif; font-size: 14px; line-height: 20px; font-weight: normal; font-style: normal; color: #0B0B13; } .eee-heading__heading--hero + .eee-heading__heading-tagline { margin-top: -15px; } .eee-heading__heading--page + .eee-heading__heading-tagline { margin-top: -15px; } .eee-heading__heading--major + .eee-heading__heading-tagline { margin-top: -15px; } .eee-heading__heading--section + .eee-heading__heading-tagline { margin-top: -15px; } .eee-heading__heading--subsection + .eee-heading__heading-tagline { margin-top: -15px; } .eee-heading__heading--minor + .eee-heading__heading-tagline { margin-top: -15px; } .eee-heading--tagline-inline > .eee-heading__heading--hero, .eee-heading--tagline-inline > .eee-heading__heading--page, .eee-heading--tagline-inline > .eee-heading__heading--major, .eee-heading--tagline-inline > .eee-heading__heading--section, .eee-heading--tagline-inline > .eee-heading__heading--subsection, .eee-heading--tagline-inline > .eee-heading__heading--minor { display: -ms-inline-flexbox; display: -webkit-inline-flex; display: inline-flex; margin-bottom: 0; margin-right: 4px; } .eee-heading--tagline-inline > .eee-heading__heading-tagline { display: -ms-inline-flexbox; display: -webkit-inline-flex; display: inline-flex; } /* style: 613*/ .eee-form-field:before, .eee-form-field:after { content: ""; display: table; } .eee-form-field:after { clear: both; } .eee-form-field--hidden { display: none; } .eee-form-field--options-dropdown .eee-dropdown { display: block; } .eee-form-field--options-dropdown .eee-dropdown__heading, .eee-form-field--options-dropdown .eee-select__text { margin: 0; border: 1px solid #646464; padding: 8px 10px; height: auto; } .eee-form-field--options-dropdown .eee-dropdown__heading > span, .eee-form-field--options-dropdown .eee-select__text > span { display: block; line-height: 20px; margin-right: 15px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .eee-form-field--options-dropdown .eee-dropdown__heading.active, .eee-form-field--options-dropdown .eee-select__text.active { border-color: #004FFA; outline: 0; } .eee-form-field--options-dropdown .eee-dropdown__heading.active .eee-dropdown__heading-icon, .eee-form-field--options-dropdown .eee-select__text.active .eee-dropdown__heading-icon { color: #004FFA; } .eee-form-field--options-dropdown .eee-dropdown__heading-icon:before, .eee-form-field--options-dropdown .eee-select__icon:before { content: ''; display: inline-block; vertical-align: middle; border-style: solid; margin-top: -4px; border-width: 0 0 2px 2px; width: 5px; height: 5px; -ms-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .eee-form-field--options-dropdown .eee-dropdown__list { top: calc(20px + 8px * 2 + 2px); } .eee-form-field--options-dropdown[disabled] .eee-dropdown__heading { border-color: #646464; background-color: #EBEBEB; color: #646464; } .eee-form-field--options-list .eee-form-field__options-wrapper, .eee-form-field--options-list .eee-form-field__input-label-wrapper { display: block; } .eee-form-field--options-list.eee-form-field--options-list-border .eee-form-field__label--checkbox:before, .eee-form-field--options-list.eee-form-field--options-list-bg .eee-form-field__label--checkbox:before, .eee-form-field--options-list.eee-form-field--options-list-wrapper-bg .eee-form-field__label--checkbox:before, .eee-form-field--options-list.eee-form-field--options-list-wrapper-border .eee-form-field__label--checkbox:before { left: 8px; } .eee-form-field--options-list.eee-form-field--options-list-border .eee-form-field__label--checkbox:after, .eee-form-field--options-list.eee-form-field--options-list-bg .eee-form-field__label--checkbox:after, .eee-form-field--options-list.eee-form-field--options-list-wrapper-bg .eee-form-field__label--checkbox:after, .eee-form-field--options-list.eee-form-field--options-list-wrapper-border .eee-form-field__label--checkbox:after { left: calc(8px + 3px); } .eee-form-field--options-list.eee-form-field--options-list-border .eee-form-field__label--radio:before, .eee-form-field--options-list.eee-form-field--options-list-bg .eee-form-field__label--radio:before, .eee-form-field--options-list.eee-form-field--options-list-wrapper-bg .eee-form-field__label--radio:before, .eee-form-field--options-list.eee-form-field--options-list-wrapper-border .eee-form-field__label--radio:before { left: 8px; } .eee-form-field--options-list.eee-form-field--options-list-border .eee-form-field__label--radio:after, .eee-form-field--options-list.eee-form-field--options-list-bg .eee-form-field__label--radio:after, .eee-form-field--options-list.eee-form-field--options-list-wrapper-bg .eee-form-field__label--radio:after, .eee-form-field--options-list.eee-form-field--options-list-wrapper-border .eee-form-field__label--radio:after { left: calc(8px + 5px); } .eee-form-field--options-list.eee-form-field--options-list-border .eee-form-field__label--checkbox, .eee-form-field--options-list.eee-form-field--options-list-border .eee-form-field__label--radio { display: block; margin-top: -1px; border: 1px solid #EBEBEB; padding: 8px 8px 8px calc(8px + 20px + 5px); } .eee-form-field--options-list.eee-form-field--options-list-border .eee-form-field__input-label-wrapper:first-of-type .eee-form-field__label { margin-top: 0; } .eee-form-field--options-list.eee-form-field--options-list-bg .eee-form-field__label--checkbox, .eee-form-field--options-list.eee-form-field--options-list-bg .eee-form-field__label--radio { display: block; margin-top: calc(5px * 2); padding: 10px 2px 10px calc(2px + 20px + 5px); background: #EBEBEB; } .eee-form-field--options-list.eee-form-field--options-list-bg .eee-form-field__input-label-wrapper:first-of-type .eee-form-field__label { margin-top: 0; } .eee-form-field--options-list.eee-form-field--options-list-wrapper-border .eee-form-field__options-wrapper { border: 1px solid #EBEBEB; padding: 8px; } .eee-form-field--options-list.eee-form-field--options-list-wrapper-border .eee-form-field__label--checkbox, .eee-form-field--options-list.eee-form-field--options-list-wrapper-border .eee-form-field__label--radio { display: block; padding: 10px 2px 10px calc(2px + 20px + 5px); } .eee-form-field--options-list.eee-form-field--options-list-wrapper-bg .eee-form-field__options-wrapper { padding: 10px; background: #EBEBEB; } .eee-form-field--options-list.eee-form-field--options-list-wrapper-bg .eee-form-field__label--checkbox, .eee-form-field--options-list.eee-form-field--options-list-wrapper-bg .eee-form-field__label--radio { display: block; padding: 10px 2px 10px calc(2px + 20px + 5px); } .eee-form-field--options-list.eee-form-field--options-list-horizontal .eee-form-field__options-wrapper { display: -ms-flexbox; display: -webkit-flex; display: flex; margin: 0 -5px; } .eee-form-field--options-list.eee-form-field--options-list-horizontal .eee-form-field__input-label-wrapper { box-sizing: border-box; -ms-flex: 1 1 auto; -webkit-flex: 1 1 auto; flex: 1 1 auto; padding: 0 5px; overflow: hidden; } .eee-form-field--options-list.eee-form-field--options-list-horizontal .eee-form-field__label--checkbox, .eee-form-field--options-list.eee-form-field--options-list-horizontal .eee-form-field__label--radio { margin: 0; overflow: hidden; text-overflow: ellipsis; } .eee-form-field--options-list.eee-form-field--options-list-horizontal.eee-form-field--options-list-border .eee-form-field__options-wrapper, .eee-form-field--options-list.eee-form-field--options-list-horizontal.eee-form-field--options-list-bg .eee-form-field__options-wrapper { margin: -5px; } .eee-form-field--options-list.eee-form-field--options-list-horizontal.eee-form-field--options-list-border .eee-form-field__input-label-wrapper, .eee-form-field--options-list.eee-form-field--options-list-horizontal.eee-form-field--options-list-bg .eee-form-field__input-label-wrapper { padding: 5px; } .eee-form-field--options-list.eee-form-field--options-list-horizontal.eee-form-field--options-list-wrapper-border .eee-form-field__options-wrapper { padding: 8px calc(8px - 5px); } .eee-form-field--options-list.eee-form-field--options-list-horizontal.eee-form-field--options-list-wrapper-bg .eee-form-field__options-wrapper { padding: 10px calc(10px - 5px); } .eee-form-field__label { display: block; cursor: default; } .eee-form-field__label--checkbox, .eee-form-field__label--toggle, .eee-form-field__label--radio { display: inline; } .eee-form-field__label--toggle { margin-left: 0; } .eee-form-field__label--required:after { content: '\00a0*'; } .eee-form-field__input-wrapper, .eee-form-field__input-wrapper--options-dropdown, .eee-form-field__input-wrapper--options-list, .eee-form-field__input-wrapper--option { position: relative; display: block; } .eee-form-field__input, .eee-form-field__input--checkbox, .eee-form-field__input--toggle, .eee-form-field__input--radio { -dummy-declaration: none; } .eee-select { position: relative; display: block; } .eee-select select { position: relative; z-index: 1; opacity: 0; } .eee-select__text { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 0; } .eee-select__icon { position: absolute; top: 50%; right: 10px; -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); line-height: inherit; color: inherit; } select:focus ~ .eee-select__icon { color: #004FFA!important; } .eee-form-field__input--checkbox { position: absolute; opacity: 0; } .eee-form-field__input--checkbox + label { position: relative; padding-left: calc(17px + 5px); } .eee-form-field__input--checkbox + label:before { content: ''; box-sizing: border-box; position: absolute; top: 50%; margin-top: -8px; left: 0; width: 17px; height: 17px; border: 1px solid #646464; background: #fff; -webkit-transition: all linear 0.2s; transition: all linear 0.2s; } .eee-form-field__input--checkbox:focus + label:before { border-color: #004FFA; } .eee-form-field__input--checkbox:checked + label:before { background: #004FFA; } .eee-form-field__input--checkbox:disabled + label { color: #646464; } .eee-form-field__input--checkbox:disabled + label:before { border-color: #646464; background-color: #EBEBEB; } .eee-form-field__input--checkbox:checked + label:after { content: ''; box-sizing: border-box; position: absolute; top: 50%; margin-top: -1px; left: 3px; background: #FFFFFF; width: 3px; height: 3px; box-shadow: 2px 0 0 #FFFFFF, 4px 0 0 #FFFFFF, 4px -2px 0 #FFFFFF, 4px -4px 0 #FFFFFF, 4px -6px 0 #FFFFFF, 4px -8px 0 #FFFFFF; transform: rotate(45deg); } .eee-form-field__input--radio { position: absolute; opacity: 0; } .eee-form-field__input--radio + label { position: relative; padding-left: calc(20px + 5px); } .eee-form-field__input--radio + label:before { content: ''; box-sizing: border-box; position: absolute; top: 50%; margin-top: -8px; left: 0; width: 17px; height: 17px; border: 1px solid #646464; border-radius: 100px; background: #fff; -webkit-transition: all linear 0.2s; transition: all linear 0.2s; } .eee-form-field__input--radio:focus + label:before { border-color: #004FFA; } .eee-form-field__input--radio:checked + label:before { background: #004FFA; } .eee-form-field__input--radio:disabled + label { color: #646464; } .eee-form-field__input--radio:disabled + label:before { border-color: #646464; background-color: #EBEBEB; } .eee-form-field__input--radio:checked + label:after { content: ''; box-sizing: border-box; position: absolute; top: 50%; margin-top: -3px; left: 5px; border-radius: 100px; background: #FFFFFF; width: 7px; height: 7px; } .eee-form-field__input--toggle { position: absolute; visibility: hidden; } .eee-form-field__toggle-btn { position: relative; display: inline-block; margin-right: 5px; height: 1.4em; line-height: 1.4em; overflow: hidden; text-align: center; border-radius: 2em; padding: 0.2em 1em; background: #DF0B22; color: #fff; padding-left: 1.6em; padding-right: 0.4em; vertical-align: middle; font-size: 0.9em; box-shadow: inset 0 2px 0 rgba(0, 0, 0, 0.2), 0 2px 0 rgba(255, 255, 255, 0.7); user-select: none; transition: color 0.3s ease, padding 0.3s ease-in-out, background 0.3s ease-in-out; } .eee-form-field__toggle-btn:before { position: relative; content: attr(data-off); min-width: 20px; color: #fff; display: block; padding-left: 0.4em; padding-right: 0.4em; } .eee-form-field__toggle-btn:after { position: absolute; display: block; content: ''; border-radius: 2em; width: 1.4em; height: 1.4em; margin-left: -1.6em; top: 0.2em; left: 1.8em; background: white; transition: left 0.3s cubic-bezier(0.175, 0.885, 0.32, 0.97), background 0.3s ease-in-out; } .eee-form-field__input--toggle:checked + .eee-form-field__label > .eee-form-field__toggle-btn { background: #549132; color: #fff; padding-left: 0.4em; padding-right: 1.6em; } .eee-form-field__input--toggle:checked + .eee-form-field__label > .eee-form-field__toggle-btn:before { content: attr(data-on); } .eee-form-field__input--toggle:checked + .eee-form-field__label > .eee-form-field__toggle-btn:after { background: #fff; left: 100%; } .eee-form-field__toggle-btn::selection { background: transparent; } .eee-form-field__msg-error { display: none; color: #DF0B22; } .eee-form-field__msg-error--is-visible { display: block; } /* style: 5283*/ .eee-space { font-size: 0px; line-height: 0; overflow: hidden; } /* style: 1222*/ .eee-hrule { position: relative; margin-top: 15px; margin-bottom: 15px; width: 100%; font-size: 0px; line-height: 0; background: #004FFA; } .eee-hrule > hr { display: block; position: absolute; left: 0; top: -15px; border: 0; padding-top: 15px; padding-bottom: 15px; width: 100%; height: inherit; font-size: inherit; line-height: inherit; background: transparent; } .eee-hrule--color-body { background: #FFFFFF; } .eee-hrule--color-main { background: #0B0B13; } .eee-hrule--color-primary { background: #004FFA; } .eee-hrule--color-primary-2 { background: #004FFA; } .eee-hrule--color-secondary { background: #2E70FF; } .eee-hrule--color-secondary-2 { background: #F7F8F9; } .eee-hrule--color-secondary-3 { background: #F3EFE7; } .eee-hrule--color-none { background: transparent; } .eee-hrule--color-neutral-lightest { background: #FFFFFF; } .eee-hrule--color-neutral-gray-light { background: #EBEBEB; } .eee-hrule--color-neutral-gray { background: #646464; } .eee-hrule--color-neutral-gray-dark { background: #4A4A4A; } .eee-hrule--color-neutral-darkest { background: #0B0B13; } .eee-hrule--color-accent { background: #2E70FF; } .eee-hrule--color-neutral { background: #646464; } .eee-hrule--color-info { background: #006AB2; } .eee-hrule--color-positive { background: #549132; } .eee-hrule--color-caution { background: #FDE53B; } .eee-hrule--color-negative { background: #DF0B22; } .eee-hrule--space-small { margin-top: 5px; margin-bottom: 5px; } .eee-hrule--space-small > hr { top: -5px; padding-top: 5px; padding-bottom: 5px; } .eee-hrule--space-large { margin-top: 50px; margin-bottom: 50px; } .eee-hrule--space-large > hr { top: -50px; padding-top: 50px; padding-bottom: 50px; } .eee-hrule--space-none { margin: 0; } .eee-hrule--space-none > hr { top: none; padding: 0; position: relative; } .eee-hrule--space-only { margin-top: 0 !important; background: transparent; height: 1px !important; margin-bottom: calc(15px - 1px); } .eee-hrule--space-only > hr { top: 0; padding-top: 0; } .eee-hrule--space-only.eee-hrule--space-small { margin-bottom: calc(5px - 1px); } .eee-hrule--space-only.eee-hrule--space-small > hr { padding-bottom: calc(5px - 1px); } .eee-hrule--space-only.eee-hrule--space-large { margin-bottom: calc(50px - 1px); } .eee-hrule--space-only.eee-hrule--space-large > hr { padding-bottom: calc(50px - 1px); } /* style: 1124*/ [xdata*='"caption":"Object Reference"'] { width: auto !important; } /* style: 1270*/ .eee-paragraph__heading, .eee-paragraph__paragraphs, .eee-paragraph__intro-text { text-align: left; } @media (min-width: 480px) { .eee-paragraph__heading, .eee-paragraph__paragraphs, .eee-paragraph__intro-text { text-align: left; } } .eee-paragraph__intro-text { font-size: 1.1em; } .eee-paragraph__paragraphs--small { font-size: 12px; line-height: 18px; } .eee-paragraph__paragraphs--xsmall { font-size: 10px; line-height: 16px; } .eee-paragraph__paragraphs--large { font-size: 16px; line-height: 22px; } .eee-paragraph__paragraphs--xlarge { font-size: 19px; line-height: 25px; } .eee-paragraph__paragraphs--x2large { font-size: 24px; line-height: 30px; } .eee-paragraph__paragraphs---x3large { font-size: 36px; line-height: 42px; } .eee-paragraph__sub-wrapper { display: block; } .eee-paragraph__sub-wrapper:not([class*='eee-align-']):not(:last-child) { margin-bottom: 15px; } * + .eee-paragraph__sub-wrapper:not([class*='eee-align-']) { margin-top: 15px; } .eee-paragraph__image-wrapper { display: block; } .eee-paragraph__sub-wrapper[class*='eee-align-'] { max-width: calc(-1 * 15px / 2 + 50%); } .eee-paragraph__sub-wrapper[class*='eee-align-'] + .eee-paragraph__paragraphs { margin-top: 0; } @media (min-width: 480px) { * > .eee-paragraph__sub-wrapper.eee-visible-mini:first-child + .eee-paragraph__heading, * > .eee-paragraph__sub-wrapper[class*='eee-align-']:first-child + .eee-paragraph__sub-wrapper.eee-visible-mini + .eee-paragraph__heading { margin-top: 0; } } .eee-paragraph__image { display: inline-block; } .eee-paragraph__sub-wrapper[class*='eee-align-'][class*='--space-small'] { max-width: calc(-1 * 5px / 2 + 50%); } .eee-paragraph__sub-wrapper[class*='eee-align-'][class*='--space-large'] { max-width: calc(-1 * 25px / 2 + 50%); } .eee-paragraph__sub-wrapper[class*='eee-align-'][class*='--space-xlarge'] { max-width: calc(-1 * 50px / 2 + 50%); } .eee-paragraph__sub-beside-wrapper:not(:last-child) { margin-bottom: 15px; } * + .eee-paragraph__sub-beside-wrapper { margin-top: 15px; } .eee-paragraph__text-column :last-child { margin-bottom: 0; } * + .eee-paragraph__paragraphs > h1, * + .eee-paragraph__intro-text > h1 { margin-top: 15px; } * + .eee-paragraph__paragraphs > h2, * + .eee-paragraph__intro-text > h2 { margin-top: 15px; } * + .eee-paragraph__paragraphs > h3, * + .eee-paragraph__intro-text > h3 { margin-top: 15px; } * + .eee-paragraph__paragraphs > h4, * + .eee-paragraph__intro-text > h4 { margin-top: 15px; } * + .eee-paragraph__paragraphs > h5, * + .eee-paragraph__intro-text > h5 { margin-top: 15px; } * + .eee-paragraph__paragraphs > h6, * + .eee-paragraph__intro-text > h6 { margin-top: 15px; } .eee-middle-wrapper .eee-paragraph__paragraphs table .eee-paragraph__paragraphs-responsive-label { display: none; } @media (max-width: 767.98px) { .eee-middle-wrapper .eee-paragraph__paragraphs table th { display: none; } .eee-middle-wrapper .eee-paragraph__paragraphs table td { width: 100%; display: block; box-sizing: border-box; margin-top: -1px; } .eee-middle-wrapper .eee-paragraph__paragraphs table .eee-paragraph__paragraphs-responsive-label { font-weight: bold; display: block; } } /* style: 3731*/ .eee-file-link { display: block; } .eee-file-link .eee-file-link__icon { text-decoration: none; } .eee-file-link .eee-file-link__download-icon { text-decoration: none; } .eee-file-link .eee-file-link__size { padding-left: 5px; } .eee-file-link .eee-file-link__size:before { content: "["; } .eee-file-link .eee-file-link__size:after { content: "]"; } .eee-file-link:hover a { text-decoration: none; } .eee-file-link:hover .eee-file-link__icon, .eee-file-link:hover .eee-file-link__caption, .eee-file-link:hover .eee-file-link__size, .eee-file-link:hover .eee-file-link__force-download { color: #005599; } .eee-file-link:hover .eee-file-link__caption, .eee-file-link:hover .eee-file-link__size { border-bottom: 1px solid; } .eee-seeems-file { height: 100%; box-shadow: 0 0 5px rgba(0, 0, 0, 0.06); padding: 15px; box-sizing: border-box; } .eee-seeems-file .eee-seeems-file-wrapper { display: flex; flex-direction: column; height: 100%; } .eee-seeems-file .eee-seeems-file__image-wrapper { display: block; text-align: center; } .eee-seeems-file .eee-seeems-file__content { flex-grow: 1; } .eee-seeems-file .eee-seeems-file__heading { font-weight: 600; margin-top: 15px; text-align: left; } .eee-seeems-file .eee-seeems-file__buttons { display: flex; margin-top: 15px; } .eee-seeems-file .eee-seeems-file__buttons .eee-seeems-file__button { padding: 3px 10px; text-align: center; background: #004FFA; color: #fff; text-transform: uppercase; text-decoration: none; font-size: 14px; } @media (max-width: 479.98px) { .eee-seeems-file .eee-seeems-file__buttons .eee-seeems-file__button span { display: none; } } .eee-seeems-file .eee-seeems-file__buttons .eee-seeems-file__button:hover { text-decoration: none; } .eee-seeems-file .eee-seeems-file__buttons .eee-seeems-file__button i { margin-left: 2px; } .eee-seeems-file .eee-seeems-file__buttons .eee-seeems-file__button:last-child { background: #2E70FF; margin-left: 10px; flex-grow: 1; } .eee-file-thumbnail { max-width: 100%; box-sizing: border-box; position: relative; } .eee-file-thumbnail.eee-file-thumbnail--has-border { border: 1px solid #ebebeb; padding: 6px; } .eee-file-thumbnail a { text-decoration: none; } .eee-file-thumbnail .eee-file__image-wrapper { background: #ebebeb; } .eee-file-thumbnail .eee-file__image-wrapper img { display: block; margin: auto; } .eee-file-thumbnail a:hover { text-decoration: none; } .eee-file-thumbnail .eee-file__type { position: absolute; top: 6px; right: 6px; background: rgba(0, 0, 0, 0.5); width: 40px; height: 40px; text-align: center; color: #fff; line-height: 40px; } .eee-file-thumbnail .eee-file__caption-wrapper { padding: 10px 35px 10px 10px; background: #ebebeb; border-top: 6px solid #fff; position: relative; } .eee-file-thumbnail .eee-file__caption-wrapper .eee-file__caption { height: 38px; line-height: 19px; overflow: hidden; text-align: left; padding: 0px; } .eee-file-thumbnail .eee-file__caption-wrapper .eee-file__caption .eee-file__download-icon { position: absolute; right: 10px; bottom: 17px; text-decoration: none; } .eee-file-thumbnail .eee-file__caption-wrapper .eee-file__caption.eee-file__caption--remove { height: 19px; } .eee-file-thumbnail .eee-file__caption-wrapper .eee-file__caption.eee-file__caption--remove .eee-file__download-icon { bottom: 11px; } .eee-file-thumbnail .eee-file__caption-wrapper .eee-file__caption a { display: block; color: #464646; } .eee-file-thumbnail .eee-file__size { display: block; } .eee-file-thumbnail:hover .eee-file__caption { height: auto; text-decoration: none; } .eee-upload-file { position: relative; } .eee-upload-file input { width: 100%; position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; background: red; opacity: 0; cursor: pointer; } .eee-upload-file .eee-upload-file-label { width: 100%; display: table; background: #004FFA; color: #fff; font-weight: bold; position: relative; word-break: break-all; } .eee-upload-file .eee-upload-file-label .eee-upload-file-label-text, .eee-upload-file .eee-upload-file-label .eee-upload-file-label-icon { display: table-cell; vertical-align: middle; padding: 10px; } .eee-upload-file .eee-upload-file-label .eee-upload-file-label-text { width: 100%; } .eee-upload-file .eee-upload-file-label .eee-upload-file-label-icon { min-width: 15px; text-align: center; background: #2E70FF; } .eee-upload-file .eee-upload-file-remove { display: none; } .eee-upload-file.has-value i { display: none; } .eee-upload-file.has-value .eee-upload-file-remove { display: block; } .eee-upload-file.has-value .eee-upload-file-label-icon { cursor: pointer; background: #DF0B22; position: relative; z-index: 2; } /* style: 4656*/ #eee-files-explorer__loading { position: relative; width: 80px; height: 80px; margin: 25px 0; left: 50%; transform: translateX(-50%); } @media (min-width: 1000px) { #eee-files-explorer__loading { top: 50%; transform: translate(-50%, -50%); margin: 0; } } #eee-files-explorer__loading div { position: absolute; width: 6px; height: 6px; background: #004FFA; border-radius: 50%; animation: loadingAnimation 1.2s linear infinite; } #eee-files-explorer__loading div:nth-child(1) { animation-delay: 0s; top: 37px; left: 66px; } #eee-files-explorer__loading div:nth-child(2) { animation-delay: -0.1s; top: 22px; left: 62px; } #eee-files-explorer__loading div:nth-child(3) { animation-delay: -0.2s; top: 11px; left: 52px; } #eee-files-explorer__loading div:nth-child(4) { animation-delay: -0.3s; top: 7px; left: 37px; } #eee-files-explorer__loading div:nth-child(5) { animation-delay: -0.4s; top: 11px; left: 22px; } #eee-files-explorer__loading div:nth-child(6) { animation-delay: -0.5s; top: 22px; left: 11px; } #eee-files-explorer__loading div:nth-child(7) { animation-delay: -0.6s; top: 37px; left: 7px; } #eee-files-explorer__loading div:nth-child(8) { animation-delay: -0.7s; top: 52px; left: 11px; } #eee-files-explorer__loading div:nth-child(9) { animation-delay: -0.8s; top: 62px; left: 22px; } #eee-files-explorer__loading div:nth-child(10) { animation-delay: -0.9s; top: 66px; left: 37px; } #eee-files-explorer__loading div:nth-child(11) { animation-delay: -1s; top: 62px; left: 52px; } #eee-files-explorer__loading div:nth-child(12) { animation-delay: -1.1s; top: 52px; left: 62px; } @keyframes loadingAnimation { 0%, 20%, 80%, 100% { transform: scale(1); } 50% { transform: scale(1.5); } } .eee-files-explorer { margin: 15px auto; background: white; -webkit-box-shadow: 6px 4px 16px 0px rgba(74, 74, 73, 0.4); -moz-box-shadow: 6px 4px 16px 0px rgba(74, 74, 73, 0.4); box-shadow: 6px 4px 16px 0px rgba(74, 74, 73, 0.2); border-radius: 2px; position: relative; } @media (min-width: 1000px) { .eee-files-explorer { min-height: 65vh; display: flex; flex-direction: row; flex-wrap: wrap; } .eee-files-explorer .eee-files-explorer__search-box { width: 45%; } .eee-files-explorer .eee-files-explorer__search-result-wrapper { position: absolute; top: 0; right: 0; bottom: 0; left: 0; padding: 0; } } .eee-files-explorer .eee-files-explorer__search-box { background: #0B0B13; color: #fff; padding: 25px; display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; } .eee-files-explorer .eee-files-explorer__search-box h1, .eee-files-explorer .eee-files-explorer__search-box h2, .eee-files-explorer .eee-files-explorer__search-box h3, .eee-files-explorer .eee-files-explorer__search-box h4, .eee-files-explorer .eee-files-explorer__search-box h5, .eee-files-explorer .eee-files-explorer__search-box h6, .eee-files-explorer .eee-files-explorer__search-box a { color: #fff; text-align: center; } .eee-files-explorer .eee-files-explorer__search-box > div:last-child { margin: 15px 0 50px 0; } .eee-files-explorer .eee-files-explorer__search-box .eee-files-explorer__search-box-text { margin: 15px 0; } .eee-files-explorer .eee-files-explorer__search-box .eee-files-explorer__search-form { position: relative; display: flex; margin: auto; width: 100%; padding: 0 15px; max-width: 400px; box-sizing: border-box; } .eee-files-explorer .eee-files-explorer__search-box .eee-files-explorer__search-form .eee-files-explorer__search-input { width: 100%; flex-grow: 1; border-top-left-radius: 55px; -moz-border-top-left-radius: 55px; -webkit-border-top-left-radius: 55px; border-bottom-left-radius: 55px; -moz-border-bottom-left-radius: 55px; -webkit-border-bottom-left-radius: 55px; height: 55px; box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.4); padding-left: 24px; box-sizing: border-box; } .eee-files-explorer .eee-files-explorer__search-box .eee-files-explorer__search-form .eee-files-explorer__search-button { border-top-right-radius: 55px; -moz-border-top-right-radius: 55px; -webkit-border-top-right-radius: 55px; border-bottom-right-radius: 55px; -moz-border-bottom-right-radius: 55px; -webkit-border-bottom-right-radius: 55px; background: #2E70FF; cursor: pointer; min-width: 80px; height: 55px; padding: 0 15px; display: flex; align-items: center; justify-content: center; font-weight: 600; } .eee-files-explorer .eee-files-explorer__search-result { flex-grow: 1; position: relative; } .eee-files-explorer .eee-files-explorer__search-result .eee-files-explorer__search-result-wrapper { overflow-y: auto; } .eee-files-explorer .eee-files-explorer__search-result .eee-files-explorer__search-result__folders { display: flex; flex-wrap: wrap; margin: -10px; } .eee-files-explorer .eee-files-explorer__search-result .eee-files-explorer__search-result__folders .eee-files-explorer__folder-wrapper { width: 33.333%; padding: 10px; box-sizing: border-box; } @media (max-width: 767.98px) { .eee-files-explorer .eee-files-explorer__search-result .eee-files-explorer__search-result__folders .eee-files-explorer__folder-wrapper { width: 100%; } } .eee-files-explorer .eee-files-explorer__search-result .eee-files-explorer__search-result__folders .eee-files-explorer__folder { padding: 10px; box-sizing: border-box; display: block; background: #EBEBEB; cursor: pointer; } .eee-files-explorer .eee-files-explorer__search-result .eee-files-explorer__search-result__folders .eee-files-explorer__folder i { margin-right: 3px; } .eee-files-explorer .eee-files-explorer__search-result .eee-files-explorer__search-result__folders .eee-files-explorer__folder:hover { text-decoration: none; background: #004FFA; color: #fff; } .eee-files-explorer .eee-files-explorer__search-result .eee-files-explorer__search-result__files { display: flex; flex-wrap: wrap; } .eee-files-explorer .eee-files-explorer__search-result .eee-files-explorer__search-result__files .eee-files-explorer__file { display: flex; padding: 10px; margin: 0; border-right: 1px solid #EBEBEB; border-bottom: 1px solid #EBEBEB; width: 100%; box-sizing: border-box; } @media (min-width: 768px) { .eee-files-explorer .eee-files-explorer__search-result .eee-files-explorer__search-result__files .eee-files-explorer__file { width: 50%; } } .eee-files-explorer .eee-files-explorer__search-result .eee-files-explorer__search-result__files .eee-files-explorer__file a { text-decoration: none; } .eee-files-explorer .eee-files-explorer__search-result .eee-files-explorer__search-result__files .eee-files-explorer__file a:hover { text-decoration: none; } .eee-files-explorer .eee-files-explorer__search-result .eee-files-explorer__search-result__files .eee-files-explorer__file .eee-files-explorer__file__image { margin-right: 10px; min-width: 60px; max-width: 60px; } .eee-files-explorer .eee-files-explorer__search-result .eee-files-explorer__search-result__files .eee-files-explorer__file .eee-files-explorer__file__content { display: flex; flex-direction: column; } .eee-files-explorer .eee-files-explorer__search-result .eee-files-explorer__search-result__files .eee-files-explorer__file .eee-files-explorer__file__content > .eee-files-explorer__file__name { display: block; flex-grow: 1; font-size: 13px; line-height: normal; font-weight: 600; word-break: break-all; color: #0B0B13; } .eee-files-explorer .eee-files-explorer__search-result .eee-files-explorer__search-result__files .eee-files-explorer__file .eee-files-explorer__file__butttons { display: flex; flex-direction: column; } .eee-files-explorer .eee-files-explorer__search-result .eee-files-explorer__search-result__files .eee-files-explorer__file .eee-files-explorer__file__butttons .eee-files-explorer__file__button { background: #2E70FF; color: #fff; padding: 4px 10px; display: inline-flex; align-items: center; box-sizing: border-box; margin-top: 5px; font-size: 13px; font-weight: 500; line-height: normal; width: 130px; } .eee-files-explorer .eee-files-explorer__search-result .eee-files-explorer__search-result__files .eee-files-explorer__file .eee-files-explorer__file__butttons .eee-files-explorer__file__button i { margin: 1px 0 0 10px; flex-grow: 1; text-align: right; } .eee-files-explorer .eee-files-explorer__search-result .eee-files-explorer__search-result__files .eee-files-explorer__file .eee-files-explorer__file__butttons .eee-files-explorer__file__button:last-child { background: #004FFA; } .eee-files-explorer__empty-text { display: flex; align-items: center; justify-content: center; text-align: center; height: 100%; box-sizing: border-box; padding: 50px 15px; margin: 0; font-size: 19px; line-height: 25px; color: #DF0B22; } /* style: 3774*/ .eee-columns__wrapper { display: inline-block; width: 100%; vertical-align: top; } .eee-columns + .eee-columns { margin-top: 25px; } .eee-columns .eee-grid > div { max-width: 100%; box-sizing: border-box; } .eee-grid__br { display: none; padding-top: 0 !important; width: 100%; height: 0; font: 0/0 serif; overflow: hidden; } /* style: 2255*/ .eee-teaser { position: relative; box-sizing: border-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column; overflow: hidden; } .eee-teaser:before, .eee-teaser:after { content: ""; display: table; } .eee-teaser:after { clear: both; } .eee-teaser__bg-image { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-repeat: no-repeat; background-position: center center; background-size: cover; z-index: 0; } .eee-teaser__bg-video-wrapper { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: 0; overflow: hidden; } .eee-teaser__bg-video-aspect-wrapper { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .eee-teaser__bg-video-aspect { display: block; position: relative; overflow: hidden; } .eee-teaser__bg-video { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .eee-teaser__bg-video-vignette { position: absolute; top: 0; left: 0; right: 0; bottom: 0; opacity: 0.5; } .eee-teaser__image-wrapper { margin-top: 0; text-align: center; overflow: hidden; } .eee-teaser__image-box { display: block; min-width: 100%; overflow: hidden; } .eee-teaser__image { display: block; min-width: 100%; } .eee-teaser__icon-wrapper { margin-top: 0; text-align: center; } .eee-teaser__icon-wrapper--has-color > .eee-teaser__icon.eee-image-svg { fill: inherit; } .eee-teaser__icon.fa { vertical-align: top; } .eee-teaser--icon-size-auto .eee-teaser__icon { max-width: 30%; } .eee-teaser--icon-size-small .eee-teaser__icon { max-width: 32px; max-height: 32px; } .eee-teaser--icon-size-small .eee-teaser__icon.fa { font-size: 32px; } .eee-teaser--icon-size-medium .eee-teaser__icon { max-width: 48px; max-height: 48px; } .eee-teaser--icon-size-medium .eee-teaser__icon.fa { font-size: 48px; } .eee-teaser--icon-size-large .eee-teaser__icon { max-width: 72px; max-height: 72px; } .eee-teaser--icon-size-large .eee-teaser__icon.fa { font-size: 72px; } .eee-teaser__content-wrapper { display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column; -ms-flex: 1; -webkit-flex: 1; flex: 1; } .eee-teaser__content-wrapper-inner { position: relative; width: 100%; } .eee-teaser__heading { margin-top: 0; margin-bottom: 0; } .eee-teaser__subheading { margin-top: 0; margin-bottom: 0; } * + .eee-teaser__paragraphs { margin-top: 15px; } .eee-teaser__paragraphs p:last-child { margin-bottom: 0; } .eee-teaser__button-wrapper { list-style: none; margin-bottom: -5px !important; padding: 0; } .eee-teaser__button-wrapper > li { position: relative; z-index: 2; display: inline-block; margin-right: 5px; margin-bottom: 5px; } .eee-teaser__link-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; } .eee-teaser--has-background { padding: 25px 15px; } .eee-teaser--has-background:not(.eee-teaser--image-fit-padding):not(.eee-teaser--image-original-padding) .eee-teaser__image-wrapper { margin-top: -25px; margin-left: -15px; margin-right: -15px; } .eee-teaser--has-border { border: 1px solid; padding: calc(25px - 1px) calc(15px - 1px); } .eee-teaser--has-border:not(.eee-teaser--image-fit-padding):not(.eee-teaser--image-original-padding) .eee-teaser__image-wrapper { margin-top: calc((25px - 1px) * -1); margin-left: calc((15px - 1px) * -1); margin-right: calc((15px - 1px) * -1); } .eee-teaser--image-left { -ms-flex-direction: row; -webkit-flex-direction: row; flex-direction: row; } .eee-teaser--image-left .eee-teaser__image-wrapper { position: relative; display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-align: start; -webkit-align-items: flex-start; align-items: flex-start; -ms-flex: 1 1 0; -webkit-flex: 1 1 0; flex: 1 1 0; margin: 0; } .eee-teaser--image-left.eee-teaser--has-background:not(.eee-teaser--image-fit-padding):not(.eee-teaser--image-original-padding) .eee-teaser__image-wrapper { margin-top: -25px; margin-bottom: -25px; margin-left: -15px; } .eee-teaser--image-left.eee-teaser--has-border:not(.eee-teaser--image-fit-padding):not(.eee-teaser--image-original-padding) .eee-teaser__image-wrapper { margin-top: calc((25px - 1px) * -1); margin-bottom: calc((25px - 1px) * -1); margin-left: calc((15px - 1px) * -1); } .eee-teaser--image-left .eee-teaser__image-box { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin-left: auto; margin-right: auto; background-size: cover; background-repeat: no-repeat; background-position: center center; } .eee-teaser--image-left.eee-teaser--image-fit .eee-teaser__image-box, .eee-teaser--image-left.eee-teaser--image-fit-padding .eee-teaser__image-box, .eee-teaser--image-left.eee-teaser--image-original .eee-teaser__image-box, .eee-teaser--image-left.eee-teaser--image-original-padding .eee-teaser__image-box { position: static; } .eee-teaser--image-left .eee-teaser__content-wrapper { -ms-flex: 1 1 0; -webkit-flex: 1 1 0; flex: 1 1 0; margin-left: 15px; } .eee-teaser--image-left .eee-teaser__icon-wrapper { text-align: left; } .eee-teaser--image-right { -ms-flex-direction: row-reverse; -webkit-flex-direction: row-reverse; flex-direction: row-reverse; } .eee-teaser--image-right .eee-teaser__image-wrapper { position: relative; display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-align: start; -webkit-align-items: flex-start; align-items: flex-start; -ms-flex: 1 1 0; -webkit-flex: 1 1 0; flex: 1 1 0; margin: 0; } .eee-teaser--image-right.eee-teaser--has-background:not(.eee-teaser--image-fit-padding):not(.eee-teaser--image-original-padding) .eee-teaser__image-wrapper { margin-top: -25px; margin-bottom: -25px; margin-right: -15px; } .eee-teaser--image-right.eee-teaser--has-border:not(.eee-teaser--image-fit-padding):not(.eee-teaser--image-original-padding) .eee-teaser__image-wrapper { margin-top: calc((25px - 1px) * -1); margin-bottom: calc((25px - 1px) * -1); margin-right: calc((15px - 1px) * -1); } .eee-teaser--image-right .eee-teaser__image-box { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin-left: auto; margin-right: auto; background-size: cover; background-repeat: no-repeat; background-position: center center; } .eee-teaser--image-right.eee-teaser--image-fit .eee-teaser__image-box, .eee-teaser--image-right.eee-teaser--image-fit-padding .eee-teaser__image-box, .eee-teaser--image-right.eee-teaser--image-original .eee-teaser__image-box, .eee-teaser--image-right.eee-teaser--image-original-padding .eee-teaser__image-box { position: static; } .eee-teaser--image-right .eee-teaser__content-wrapper { -ms-flex: 1 1 0; -webkit-flex: 1 1 0; flex: 1 1 0; margin-right: 15px; } .eee-teaser--image-right .eee-teaser__icon-wrapper { text-align: left; } .eee-teaser--image-left-on-large, .eee-teaser--image-right-on-large { -dummy-declaration: none; } @media (min-width: 480px) { .eee-teaser--image-left-on-large { -ms-flex-direction: row; -webkit-flex-direction: row; flex-direction: row; } .eee-teaser--image-left-on-large .eee-teaser__image-wrapper { position: relative; display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-align: start; -webkit-align-items: flex-start; align-items: flex-start; -ms-flex: 1 1 0; -webkit-flex: 1 1 0; flex: 1 1 0; margin: 0; } .eee-teaser--image-left-on-large.eee-teaser--has-background:not(.eee-teaser--image-fit-padding):not(.eee-teaser--image-original-padding) .eee-teaser__image-wrapper { margin-top: -25px; margin-bottom: -25px; margin-left: -15px; } .eee-teaser--image-left-on-large.eee-teaser--has-border:not(.eee-teaser--image-fit-padding):not(.eee-teaser--image-original-padding) .eee-teaser__image-wrapper { margin-top: calc((25px - 1px) * -1); margin-bottom: calc((25px - 1px) * -1); margin-left: calc((15px - 1px) * -1); } .eee-teaser--image-left-on-large .eee-teaser__image-box { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin-left: auto; margin-right: auto; background-size: cover; background-repeat: no-repeat; background-position: center center; } .eee-teaser--image-left-on-large.eee-teaser--image-fit .eee-teaser__image-box, .eee-teaser--image-left-on-large.eee-teaser--image-fit-padding .eee-teaser__image-box, .eee-teaser--image-left-on-large.eee-teaser--image-original .eee-teaser__image-box, .eee-teaser--image-left-on-large.eee-teaser--image-original-padding .eee-teaser__image-box { position: static; } .eee-teaser--image-left-on-large .eee-teaser__content-wrapper { -ms-flex: 1 1 0; -webkit-flex: 1 1 0; flex: 1 1 0; margin-left: 15px; } .eee-teaser--image-left-on-large .eee-teaser__icon-wrapper { text-align: left; } .eee-teaser--image-right-on-large { -ms-flex-direction: row-reverse; -webkit-flex-direction: row-reverse; flex-direction: row-reverse; } .eee-teaser--image-right-on-large .eee-teaser__image-wrapper { position: relative; display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-align: start; -webkit-align-items: flex-start; align-items: flex-start; -ms-flex: 1 1 0; -webkit-flex: 1 1 0; flex: 1 1 0; margin: 0; } .eee-teaser--image-right-on-large.eee-teaser--has-background:not(.eee-teaser--image-fit-padding):not(.eee-teaser--image-original-padding) .eee-teaser__image-wrapper { margin-top: -25px; margin-bottom: -25px; margin-right: -15px; } .eee-teaser--image-right-on-large.eee-teaser--has-border:not(.eee-teaser--image-fit-padding):not(.eee-teaser--image-original-padding) .eee-teaser__image-wrapper { margin-top: calc((25px - 1px) * -1); margin-bottom: calc((25px - 1px) * -1); margin-right: calc((15px - 1px) * -1); } .eee-teaser--image-right-on-large .eee-teaser__image-box { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin-left: auto; margin-right: auto; background-size: cover; background-repeat: no-repeat; background-position: center center; } .eee-teaser--image-right-on-large.eee-teaser--image-fit .eee-teaser__image-box, .eee-teaser--image-right-on-large.eee-teaser--image-fit-padding .eee-teaser__image-box, .eee-teaser--image-right-on-large.eee-teaser--image-original .eee-teaser__image-box, .eee-teaser--image-right-on-large.eee-teaser--image-original-padding .eee-teaser__image-box { position: static; } .eee-teaser--image-right-on-large .eee-teaser__content-wrapper { -ms-flex: 1 1 0; -webkit-flex: 1 1 0; flex: 1 1 0; margin-right: 15px; } .eee-teaser--image-right-on-large .eee-teaser__icon-wrapper { text-align: left; } } .eee-teaser--image-fit .eee-teaser__image-box, .eee-teaser--image-fit-padding .eee-teaser__image-box, .eee-teaser--image-original .eee-teaser__image-box, .eee-teaser--image-original-padding .eee-teaser__image-box { display: inline-block; min-width: 0; vertical-align: top; } .eee-teaser--icon-left:not(.eee-teaser--image-left):not(.eee-teaser--image-left-on-large):not(.eee-teaser--image-right):not(.eee-teaser--image-right-on-large) .eee-teaser__content-wrapper { -ms-flex-direction: row; -webkit-flex-direction: row; flex-direction: row; } .eee-teaser--icon-left:not(.eee-teaser--image-left):not(.eee-teaser--image-left-on-large):not(.eee-teaser--image-right):not(.eee-teaser--image-right-on-large) .eee-teaser__content-wrapper-inner { margin-bottom: 0; margin-left: auto; width: calc(100% - 48px - 15px); } .eee-teaser--icon-left:not(.eee-teaser--image-left):not(.eee-teaser--image-left-on-large):not(.eee-teaser--image-right):not(.eee-teaser--image-right-on-large) .eee-teaser__icon-wrapper { margin-bottom: 0; width: 48px; } .eee-teaser--icon-left:not(.eee-teaser--image-left):not(.eee-teaser--image-left-on-large):not(.eee-teaser--image-right):not(.eee-teaser--image-right-on-large) .eee-teaser__icon { max-width: 100%; } .eee-teaser--icon-left:not(.eee-teaser--image-left):not(.eee-teaser--image-left-on-large):not(.eee-teaser--image-right):not(.eee-teaser--image-right-on-large).eee-teaser--icon-size-auto .eee-teaser__content-wrapper-inner { width: calc(100% - 15px - 30%); } .eee-teaser--icon-left:not(.eee-teaser--image-left):not(.eee-teaser--image-left-on-large):not(.eee-teaser--image-right):not(.eee-teaser--image-right-on-large).eee-teaser--icon-size-auto .eee-teaser__icon-wrapper { width: 30%; } .eee-teaser--icon-left:not(.eee-teaser--image-left):not(.eee-teaser--image-left-on-large):not(.eee-teaser--image-right):not(.eee-teaser--image-right-on-large).eee-teaser--icon-size-small .eee-teaser__content-wrapper-inner { width: calc(100% - 32px - 15px); } .eee-teaser--icon-left:not(.eee-teaser--image-left):not(.eee-teaser--image-left-on-large):not(.eee-teaser--image-right):not(.eee-teaser--image-right-on-large).eee-teaser--icon-size-small .eee-teaser__icon-wrapper { width: 32px; } .eee-teaser--icon-left:not(.eee-teaser--image-left):not(.eee-teaser--image-left-on-large):not(.eee-teaser--image-right):not(.eee-teaser--image-right-on-large).eee-teaser--icon-size-small .eee-teaser__icon { max-height: 32px; } .eee-teaser--icon-left:not(.eee-teaser--image-left):not(.eee-teaser--image-left-on-large):not(.eee-teaser--image-right):not(.eee-teaser--image-right-on-large).eee-teaser--icon-size-small .eee-teaser__icon.fa { font-size: 32px; } .eee-teaser--icon-left:not(.eee-teaser--image-left):not(.eee-teaser--image-left-on-large):not(.eee-teaser--image-right):not(.eee-teaser--image-right-on-large).eee-teaser--icon-size-medium .eee-teaser__content-wrapper-inner { width: calc(100% - 48px - 15px); } .eee-teaser--icon-left:not(.eee-teaser--image-left):not(.eee-teaser--image-left-on-large):not(.eee-teaser--image-right):not(.eee-teaser--image-right-on-large).eee-teaser--icon-size-medium .eee-teaser__icon-wrapper { width: 48px; } .eee-teaser--icon-left:not(.eee-teaser--image-left):not(.eee-teaser--image-left-on-large):not(.eee-teaser--image-right):not(.eee-teaser--image-right-on-large).eee-teaser--icon-size-medium .eee-teaser__icon { max-height: 48px; } .eee-teaser--icon-left:not(.eee-teaser--image-left):not(.eee-teaser--image-left-on-large):not(.eee-teaser--image-right):not(.eee-teaser--image-right-on-large).eee-teaser--icon-size-medium .eee-teaser__icon.fa { font-size: 48px; } .eee-teaser--icon-left:not(.eee-teaser--image-left):not(.eee-teaser--image-left-on-large):not(.eee-teaser--image-right):not(.eee-teaser--image-right-on-large).eee-teaser--icon-size-large .eee-teaser__content-wrapper-inner { width: calc(100% - 72px - 15px); } .eee-teaser--icon-left:not(.eee-teaser--image-left):not(.eee-teaser--image-left-on-large):not(.eee-teaser--image-right):not(.eee-teaser--image-right-on-large).eee-teaser--icon-size-large .eee-teaser__icon-wrapper { width: 72px; } .eee-teaser--icon-left:not(.eee-teaser--image-left):not(.eee-teaser--image-left-on-large):not(.eee-teaser--image-right):not(.eee-teaser--image-right-on-large).eee-teaser--icon-size-large .eee-teaser__icon { max-height: 72px; } .eee-teaser--icon-left:not(.eee-teaser--image-left):not(.eee-teaser--image-left-on-large):not(.eee-teaser--image-right):not(.eee-teaser--image-right-on-large).eee-teaser--icon-size-large .eee-teaser__icon.fa { font-size: 72px; } @media (max-width: 479.98px) { .eee-teaser--icon-left:not(.eee-teaser--image-left):not(.eee-teaser--image-right) .eee-teaser__content-wrapper { -ms-flex-direction: row; -webkit-flex-direction: row; flex-direction: row; } .eee-teaser--icon-left:not(.eee-teaser--image-left):not(.eee-teaser--image-right) .eee-teaser__content-wrapper-inner { margin-bottom: 0; margin-left: auto; width: calc(100% - 48px - 15px); } .eee-teaser--icon-left:not(.eee-teaser--image-left):not(.eee-teaser--image-right) .eee-teaser__icon-wrapper { margin-bottom: 0; width: 48px; } .eee-teaser--icon-left:not(.eee-teaser--image-left):not(.eee-teaser--image-right) .eee-teaser__icon { max-width: 100%; } .eee-teaser--icon-left:not(.eee-teaser--image-left):not(.eee-teaser--image-right).eee-teaser--icon-size-auto .eee-teaser__content-wrapper-inner { width: calc(100% - 15px - 30%); } .eee-teaser--icon-left:not(.eee-teaser--image-left):not(.eee-teaser--image-right).eee-teaser--icon-size-auto .eee-teaser__icon-wrapper { width: 30%; } .eee-teaser--icon-left:not(.eee-teaser--image-left):not(.eee-teaser--image-right).eee-teaser--icon-size-small .eee-teaser__content-wrapper-inner { width: calc(100% - 32px - 15px); } .eee-teaser--icon-left:not(.eee-teaser--image-left):not(.eee-teaser--image-right).eee-teaser--icon-size-small .eee-teaser__icon-wrapper { width: 32px; } .eee-teaser--icon-left:not(.eee-teaser--image-left):not(.eee-teaser--image-right).eee-teaser--icon-size-small .eee-teaser__icon { max-height: 32px; } .eee-teaser--icon-left:not(.eee-teaser--image-left):not(.eee-teaser--image-right).eee-teaser--icon-size-small .eee-teaser__icon.fa { font-size: 32px; } .eee-teaser--icon-left:not(.eee-teaser--image-left):not(.eee-teaser--image-right).eee-teaser--icon-size-medium .eee-teaser__content-wrapper-inner { width: calc(100% - 48px - 15px); } .eee-teaser--icon-left:not(.eee-teaser--image-left):not(.eee-teaser--image-right).eee-teaser--icon-size-medium .eee-teaser__icon-wrapper { width: 48px; } .eee-teaser--icon-left:not(.eee-teaser--image-left):not(.eee-teaser--image-right).eee-teaser--icon-size-medium .eee-teaser__icon { max-height: 48px; } .eee-teaser--icon-left:not(.eee-teaser--image-left):not(.eee-teaser--image-right).eee-teaser--icon-size-medium .eee-teaser__icon.fa { font-size: 48px; } .eee-teaser--icon-left:not(.eee-teaser--image-left):not(.eee-teaser--image-right).eee-teaser--icon-size-large .eee-teaser__content-wrapper-inner { width: calc(100% - 72px - 15px); } .eee-teaser--icon-left:not(.eee-teaser--image-left):not(.eee-teaser--image-right).eee-teaser--icon-size-large .eee-teaser__icon-wrapper { width: 72px; } .eee-teaser--icon-left:not(.eee-teaser--image-left):not(.eee-teaser--image-right).eee-teaser--icon-size-large .eee-teaser__icon { max-height: 72px; } .eee-teaser--icon-left:not(.eee-teaser--image-left):not(.eee-teaser--image-right).eee-teaser--icon-size-large .eee-teaser__icon.fa { font-size: 72px; } } .eee-teaser--valign-center .eee-teaser__content-wrapper { -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; } .eee-teaser--valign-center.eee-teaser--image-fit .eee-teaser__image-box, .eee-teaser--valign-center.eee-teaser--image-fit-padding .eee-teaser__image-box, .eee-teaser--valign-center.eee-teaser--image-original .eee-teaser__image-box, .eee-teaser--valign-center.eee-teaser--image-original-padding .eee-teaser__image-box { -ms-align-self: center; -webkit-align-self: center; align-self: center; } .eee-teaser--valign-center.eee-teaser--icon-left:not([class*='eee-teaser--image-left']):not([class*='eee-teaser--image-right']) .eee-teaser__content-wrapper { -ms-flex-align: center; -webkit-align-items: center; align-items: center; } @media (max-width: 479.98px) { .eee-teaser--valign-center.eee-teaser--icon-left:not(.eee-teaser--image-left):not(.eee-teaser--image-right) .eee-teaser__content-wrapper { -ms-flex-align: center; -webkit-align-items: center; align-items: center; } } .eee-teaser--valign-bottom .eee-teaser__content-wrapper { -ms-flex-pack: end; -webkit-justify-content: flex-end; justify-content: flex-end; } .eee-teaser--valign-bottom.eee-teaser--image-fit .eee-teaser__image-box, .eee-teaser--valign-bottom.eee-teaser--image-fit-padding .eee-teaser__image-box, .eee-teaser--valign-bottom.eee-teaser--image-original .eee-teaser__image-box, .eee-teaser--valign-bottom.eee-teaser--image-original-padding .eee-teaser__image-box { -ms-align-self: end; -webkit-align-self: flex-end; align-self: flex-end; } .eee-teaser--valign-bottom.eee-teaser--icon-left:not([class*='eee-teaser--image-left']):not([class*='eee-teaser--image-right']) .eee-teaser__content-wrapper { -ms-flex-align: end; -webkit-align-items: flex-end; align-items: flex-end; } @media (max-width: 479.98px) { .eee-teaser--valign-bottom.eee-teaser--icon-left:not(.eee-teaser--image-left):not(.eee-teaser--image-right) .eee-teaser__content-wrapper { -ms-flex-align: end; -webkit-align-items: flex-end; align-items: flex-end; } } .eee-teaser--has-hover { -webkit-transition: box-shadow linear 0.15s, transform linear 0.15s; transition: box-shadow linear 0.15s, transform linear 0.15s; } .eee-teaser--has-hover:hover { z-index: 1; } .eee-teaser--has-hover .eee-teaser__bg-image, .eee-teaser--has-hover .eee-teaser__image-box, .eee-teaser--has-hover .eee-teaser__image { -webkit-transition: transform linear 0.15s; transition: transform linear 0.15s; } .eee-teaser--hover-border:hover { outline: 1px solid; } .eee-teaser--hover-shadow:hover { box-shadow: 0 5px 25px rgba(0, 0, 0, 0.35); } .eee-teaser--hover-glow:hover { box-shadow: 0 0 25px #004FFA; } .eee-teaser--hover-scale-image:hover .eee-teaser__bg-image { -webkit-transform: scale(1.05); transform: scale(1.05); } .eee-teaser--hover-scale-image:hover .eee-teaser__image-box { -webkit-transform: scale(1.05); transform: scale(1.05); } .eee-teaser--hover-scale-image:hover.eee-teaser--image-fit .eee-teaser__image-box, .eee-teaser--hover-scale-image:hover.eee-teaser--image-fit-padding .eee-teaser__image-box, .eee-teaser--hover-scale-image:hover.eee-teaser--image-original .eee-teaser__image-box, .eee-teaser--hover-scale-image:hover.eee-teaser--image-original-padding .eee-teaser__image-box { -webkit-transform: none; transform: none; } .eee-teaser--hover-scale-image:hover.eee-teaser--image-fit .eee-teaser__image, .eee-teaser--hover-scale-image:hover.eee-teaser--image-fit-padding .eee-teaser__image, .eee-teaser--hover-scale-image:hover.eee-teaser--image-original .eee-teaser__image, .eee-teaser--hover-scale-image:hover.eee-teaser--image-original-padding .eee-teaser__image { -webkit-transform: scale(1.05); transform: scale(1.05); } .eee-teaser--hover-scale-image-down .eee-teaser__bg-image { -webkit-transform: scale(1.05); transform: scale(1.05); } .eee-teaser--hover-scale-image-down .eee-teaser__image-box { -webkit-transform: scale(1.05); transform: scale(1.05); } .eee-teaser--hover-scale-image-down.eee-teaser--image-fit .eee-teaser__image-box, .eee-teaser--hover-scale-image-down.eee-teaser--image-fit-padding .eee-teaser__image-box, .eee-teaser--hover-scale-image-down.eee-teaser--image-original .eee-teaser__image-box, .eee-teaser--hover-scale-image-down.eee-teaser--image-original-padding .eee-teaser__image-box { -webkit-transform: none; transform: none; } .eee-teaser--hover-scale-image-down.eee-teaser--image-fit .eee-teaser__image, .eee-teaser--hover-scale-image-down.eee-teaser--image-fit-padding .eee-teaser__image, .eee-teaser--hover-scale-image-down.eee-teaser--image-original .eee-teaser__image, .eee-teaser--hover-scale-image-down.eee-teaser--image-original-padding .eee-teaser__image { -webkit-transform: scale(1.05); transform: scale(1.05); } .eee-teaser--hover-scale-image-down:hover .eee-teaser__bg-image { -webkit-transform: none; transform: none; } .eee-teaser--hover-scale-image-down:hover .eee-teaser__image-box { -webkit-transform: none; transform: none; } .eee-teaser--hover-scale-image-down:hover.eee-teaser--image-fit .eee-teaser__image, .eee-teaser--hover-scale-image-down:hover.eee-teaser--image-fit-padding .eee-teaser__image, .eee-teaser--hover-scale-image-down:hover.eee-teaser--image-original .eee-teaser__image, .eee-teaser--hover-scale-image-down:hover.eee-teaser--image-original-padding .eee-teaser__image { -webkit-transform: none; transform: none; } .eee-teaser--hover-scale:hover { -webkit-transform: scale(1.05); transform: scale(1.05); } .eee-teaser--hover-scale-down:hover { -webkit-transform: scale(0.95); transform: scale(0.95); } /* style: 3932*/ .eee-teaser-icon-canvas { position: relative; box-sizing: border-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column; } .eee-teaser-icon-canvas:before, .eee-teaser-icon-canvas:after { content: ""; display: table; } .eee-teaser-icon-canvas:after { clear: both; } .eee-teaser-icon-canvas__bg-video-wrapper { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: 0; overflow: hidden; } .eee-teaser-icon-canvas__bg-video-aspect-wrapper { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .eee-teaser-icon-canvas__bg-video-aspect { display: block; position: relative; overflow: hidden; } .eee-teaser-icon-canvas__bg-video { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .eee-teaser-icon-canvas__bg-video-vignette { position: absolute; top: 0; left: 0; right: 0; bottom: 0; opacity: 0.5; } .eee-teaser-icon-canvas__image { display: block; min-width: 100%; } .eee-teaser-icon-canvas__icon-wrapper { margin-top: 0; text-align: center; } .eee-teaser-icon-canvas__icon-wrapper--has-color > .eee-teaser-icon-canvas__icon.eee-image-svg { fill: inherit; } .eee-teaser-icon-canvas--icon-top-left .eee-teaser-icon-canvas__icon-wrapper { text-align: left; } .eee-teaser-icon-canvas--icon-top-right .eee-teaser-icon-canvas__icon-wrapper { text-align: right; } .eee-teaser-icon-canvas--icon-size-auto .eee-teaser-icon-canvas__icon { max-width: 30%; } .eee-teaser-icon-canvas--icon-size-small .eee-teaser-icon-canvas__icon { max-width: 32px; max-height: 32px; } .eee-teaser-icon-canvas--icon-size-medium .eee-teaser-icon-canvas__icon { max-width: 48px; max-height: 48px; } .eee-teaser-icon-canvas--icon-size-large .eee-teaser-icon-canvas__icon { max-width: 72px; max-height: 72px; } .eee-teaser-icon-canvas__content-wrapper { display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column; } .eee-teaser-icon-canvas__content-wrapper-inner { position: relative; width: 100%; } .eee-teaser-icon-canvas__heading { margin-top: 0; margin-bottom: 0; } .eee-teaser-icon-canvas__subheading { margin-top: 0; margin-bottom: 0; } * + .eee-teaser-icon-canvas__paragraphs { margin-top: 15px; } .eee-teaser-icon-canvas__paragraphs p:last-child { margin-bottom: 0; } .eee-teaser-icon-canvas__button-wrapper { list-style: none; margin-bottom: -5px !important; padding: 0; } .eee-teaser-icon-canvas__button-wrapper > li { position: relative; z-index: 2; display: inline-block; margin-right: 5px; margin-bottom: 5px; } .eee-teaser-icon-canvas__link-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; } .eee-teaser-icon-canvas--has-border { border: 1px solid; padding: calc(25px - 1px) calc(15px - 1px); } .eee-teaser-icon-canvas--has-border .eee-teaser-icon-canvas__image-wrapper { margin-top: calc((25px - 1px) * -1); margin-left: calc((15px - 1px) * -1); margin-right: calc((15px - 1px) * -1); } .eee-teaser-icon-canvas--has-background:not(.eee-teaser-icon-canvas--has-border) { padding: 25px 15px; } .eee-teaser-icon-canvas--has-background:not(.eee-teaser-icon-canvas--has-border) .eee-teaser-icon-canvas__image-wrapper { margin-top: -25px; margin-left: -15px; margin-right: -15px; } .eee-teaser-icon-canvas--image-left .eee-teaser-icon-canvas__image-wrapper { position: absolute; top: 0; left: 0; bottom: 0; margin: 0 !important; width: calc(-1 * 15px + 50%); background-size: cover; background-repeat: no-repeat; background-position: center center; } .eee-teaser-icon-canvas--image-left .eee-teaser-icon-canvas__content-wrapper { margin-right: 0; margin-left: auto; width: calc(100% - 50%); } .eee-teaser-icon-canvas--image-left .eee-teaser-icon-canvas__icon-wrapper { text-align: left; } .eee-teaser-icon-canvas--image-right .eee-teaser-icon-canvas__image-wrapper { position: absolute; top: 0; right: 0; bottom: 0; margin: 0 !important; width: calc(-1 * 15px + 50%); background-size: cover; background-repeat: no-repeat; background-position: center center; } .eee-teaser-icon-canvas--image-right .eee-teaser-icon-canvas__content-wrapper { margin-left: 0; margin-right: auto; width: calc(100% - 50%); } .eee-teaser-icon-canvas--image-right .eee-teaser-icon-canvas__icon-wrapper { text-align: left; } .eee-teaser-icon-canvas--image-left-on-large, .eee-teaser-icon-canvas--image-right-on-large { -dummy-declaration: none; } @media (min-width: 480px) { .eee-teaser-icon-canvas--image-left-on-large .eee-teaser-icon-canvas__image-wrapper { position: absolute; top: 0; left: 0; bottom: 0; margin: 0 !important; width: calc(-1 * 15px + 50%); background-size: cover; background-repeat: no-repeat; background-position: center center; } .eee-teaser-icon-canvas--image-left-on-large .eee-teaser-icon-canvas__content-wrapper { margin-right: 0; margin-left: auto; width: calc(100% - 50%); } .eee-teaser-icon-canvas--image-left-on-large .eee-teaser-icon-canvas__icon-wrapper { text-align: left; } .eee-teaser-icon-canvas--image-right-on-large .eee-teaser-icon-canvas__image-wrapper { position: absolute; top: 0; right: 0; bottom: 0; margin: 0 !important; width: calc(-1 * 15px + 50%); background-size: cover; background-repeat: no-repeat; background-position: center center; } .eee-teaser-icon-canvas--image-right-on-large .eee-teaser-icon-canvas__content-wrapper { margin-left: 0; margin-right: auto; width: calc(100% - 50%); } .eee-teaser-icon-canvas--image-right-on-large .eee-teaser-icon-canvas__icon-wrapper { text-align: left; } } .eee-teaser-icon-canvas--image-background { background-repeat: no-repeat; background-position: center center; background-size: cover; } .eee-teaser-icon-canvas--icon-left:not(.eee-teaser-icon-canvas--image-left):not(.eee-teaser-icon-canvas--image-left-on-large):not(.eee-teaser-icon-canvas--image-right):not(.eee-teaser-icon-canvas--image-right-on-large) .eee-teaser-icon-canvas__content-wrapper { -ms-flex-direction: row; -webkit-flex-direction: row; flex-direction: row; } .eee-teaser-icon-canvas--icon-left:not(.eee-teaser-icon-canvas--image-left):not(.eee-teaser-icon-canvas--image-left-on-large):not(.eee-teaser-icon-canvas--image-right):not(.eee-teaser-icon-canvas--image-right-on-large) .eee-teaser-icon-canvas__content-wrapper-inner { margin-bottom: 0; margin-left: auto; width: calc(100% - 48px - 15px); } .eee-teaser-icon-canvas--icon-left:not(.eee-teaser-icon-canvas--image-left):not(.eee-teaser-icon-canvas--image-left-on-large):not(.eee-teaser-icon-canvas--image-right):not(.eee-teaser-icon-canvas--image-right-on-large) .eee-teaser-icon-canvas__icon-wrapper { margin-bottom: 0; width: 48px; } .eee-teaser-icon-canvas--icon-left:not(.eee-teaser-icon-canvas--image-left):not(.eee-teaser-icon-canvas--image-left-on-large):not(.eee-teaser-icon-canvas--image-right):not(.eee-teaser-icon-canvas--image-right-on-large) .eee-teaser-icon-canvas__icon { max-width: 100%; } .eee-teaser-icon-canvas--icon-left:not(.eee-teaser-icon-canvas--image-left):not(.eee-teaser-icon-canvas--image-left-on-large):not(.eee-teaser-icon-canvas--image-right):not(.eee-teaser-icon-canvas--image-right-on-large).eee-teaser-icon-canvas--icon-size-auto .eee-teaser-icon-canvas__content-wrapper-inner { width: calc(100% - 15px - 30%); } .eee-teaser-icon-canvas--icon-left:not(.eee-teaser-icon-canvas--image-left):not(.eee-teaser-icon-canvas--image-left-on-large):not(.eee-teaser-icon-canvas--image-right):not(.eee-teaser-icon-canvas--image-right-on-large).eee-teaser-icon-canvas--icon-size-auto .eee-teaser-icon-canvas__icon-wrapper { width: 30%; } .eee-teaser-icon-canvas--icon-left:not(.eee-teaser-icon-canvas--image-left):not(.eee-teaser-icon-canvas--image-left-on-large):not(.eee-teaser-icon-canvas--image-right):not(.eee-teaser-icon-canvas--image-right-on-large).eee-teaser-icon-canvas--icon-size-small .eee-teaser-icon-canvas__content-wrapper-inner { width: calc(100% - 32px - 15px); } .eee-teaser-icon-canvas--icon-left:not(.eee-teaser-icon-canvas--image-left):not(.eee-teaser-icon-canvas--image-left-on-large):not(.eee-teaser-icon-canvas--image-right):not(.eee-teaser-icon-canvas--image-right-on-large).eee-teaser-icon-canvas--icon-size-small .eee-teaser-icon-canvas__icon-wrapper { width: 32px; } .eee-teaser-icon-canvas--icon-left:not(.eee-teaser-icon-canvas--image-left):not(.eee-teaser-icon-canvas--image-left-on-large):not(.eee-teaser-icon-canvas--image-right):not(.eee-teaser-icon-canvas--image-right-on-large).eee-teaser-icon-canvas--icon-size-small .eee-teaser-icon-canvas__icon { max-height: 32px; } .eee-teaser-icon-canvas--icon-left:not(.eee-teaser-icon-canvas--image-left):not(.eee-teaser-icon-canvas--image-left-on-large):not(.eee-teaser-icon-canvas--image-right):not(.eee-teaser-icon-canvas--image-right-on-large).eee-teaser-icon-canvas--icon-size-medium .eee-teaser-icon-canvas__content-wrapper-inner { width: calc(100% - 48px - 15px); } .eee-teaser-icon-canvas--icon-left:not(.eee-teaser-icon-canvas--image-left):not(.eee-teaser-icon-canvas--image-left-on-large):not(.eee-teaser-icon-canvas--image-right):not(.eee-teaser-icon-canvas--image-right-on-large).eee-teaser-icon-canvas--icon-size-medium .eee-teaser-icon-canvas__icon-wrapper { width: 48px; } .eee-teaser-icon-canvas--icon-left:not(.eee-teaser-icon-canvas--image-left):not(.eee-teaser-icon-canvas--image-left-on-large):not(.eee-teaser-icon-canvas--image-right):not(.eee-teaser-icon-canvas--image-right-on-large).eee-teaser-icon-canvas--icon-size-medium .eee-teaser-icon-canvas__icon { max-height: 48px; } .eee-teaser-icon-canvas--icon-left:not(.eee-teaser-icon-canvas--image-left):not(.eee-teaser-icon-canvas--image-left-on-large):not(.eee-teaser-icon-canvas--image-right):not(.eee-teaser-icon-canvas--image-right-on-large).eee-teaser-icon-canvas--icon-size-large .eee-teaser-icon-canvas__content-wrapper-inner { width: calc(100% - 72px - 15px); } .eee-teaser-icon-canvas--icon-left:not(.eee-teaser-icon-canvas--image-left):not(.eee-teaser-icon-canvas--image-left-on-large):not(.eee-teaser-icon-canvas--image-right):not(.eee-teaser-icon-canvas--image-right-on-large).eee-teaser-icon-canvas--icon-size-large .eee-teaser-icon-canvas__icon-wrapper { width: 72px; } .eee-teaser-icon-canvas--icon-left:not(.eee-teaser-icon-canvas--image-left):not(.eee-teaser-icon-canvas--image-left-on-large):not(.eee-teaser-icon-canvas--image-right):not(.eee-teaser-icon-canvas--image-right-on-large).eee-teaser-icon-canvas--icon-size-large .eee-teaser-icon-canvas__icon { max-height: 72px; } @media (max-width: 479.98px) { .eee-teaser-icon-canvas--icon-left:not(.eee-teaser-icon-canvas--image-left):not(.eee-teaser-icon-canvas--image-right) .eee-teaser-icon-canvas__content-wrapper { -ms-flex-direction: row; -webkit-flex-direction: row; flex-direction: row; } .eee-teaser-icon-canvas--icon-left:not(.eee-teaser-icon-canvas--image-left):not(.eee-teaser-icon-canvas--image-right) .eee-teaser-icon-canvas__content-wrapper-inner { margin-bottom: 0; margin-left: auto; width: calc(100% - 48px - 15px); } .eee-teaser-icon-canvas--icon-left:not(.eee-teaser-icon-canvas--image-left):not(.eee-teaser-icon-canvas--image-right) .eee-teaser-icon-canvas__icon-wrapper { margin-bottom: 0; width: 48px; } .eee-teaser-icon-canvas--icon-left:not(.eee-teaser-icon-canvas--image-left):not(.eee-teaser-icon-canvas--image-right) .eee-teaser-icon-canvas__icon { max-width: 100%; } .eee-teaser-icon-canvas--icon-left:not(.eee-teaser-icon-canvas--image-left):not(.eee-teaser-icon-canvas--image-right).eee-teaser-icon-canvas--icon-size-auto .eee-teaser-icon-canvas__content-wrapper-inner { width: calc(100% - 15px - 30%); } .eee-teaser-icon-canvas--icon-left:not(.eee-teaser-icon-canvas--image-left):not(.eee-teaser-icon-canvas--image-right).eee-teaser-icon-canvas--icon-size-auto .eee-teaser-icon-canvas__icon-wrapper { width: 30%; } .eee-teaser-icon-canvas--icon-left:not(.eee-teaser-icon-canvas--image-left):not(.eee-teaser-icon-canvas--image-right).eee-teaser-icon-canvas--icon-size-small .eee-teaser-icon-canvas__content-wrapper-inner { width: calc(100% - 32px - 15px); } .eee-teaser-icon-canvas--icon-left:not(.eee-teaser-icon-canvas--image-left):not(.eee-teaser-icon-canvas--image-right).eee-teaser-icon-canvas--icon-size-small .eee-teaser-icon-canvas__icon-wrapper { width: 32px; } .eee-teaser-icon-canvas--icon-left:not(.eee-teaser-icon-canvas--image-left):not(.eee-teaser-icon-canvas--image-right).eee-teaser-icon-canvas--icon-size-small .eee-teaser-icon-canvas__icon { max-height: 32px; } .eee-teaser-icon-canvas--icon-left:not(.eee-teaser-icon-canvas--image-left):not(.eee-teaser-icon-canvas--image-right).eee-teaser-icon-canvas--icon-size-medium .eee-teaser-icon-canvas__content-wrapper-inner { width: calc(100% - 48px - 15px); } .eee-teaser-icon-canvas--icon-left:not(.eee-teaser-icon-canvas--image-left):not(.eee-teaser-icon-canvas--image-right).eee-teaser-icon-canvas--icon-size-medium .eee-teaser-icon-canvas__icon-wrapper { width: 48px; } .eee-teaser-icon-canvas--icon-left:not(.eee-teaser-icon-canvas--image-left):not(.eee-teaser-icon-canvas--image-right).eee-teaser-icon-canvas--icon-size-medium .eee-teaser-icon-canvas__icon { max-height: 48px; } .eee-teaser-icon-canvas--icon-left:not(.eee-teaser-icon-canvas--image-left):not(.eee-teaser-icon-canvas--image-right).eee-teaser-icon-canvas--icon-size-large .eee-teaser-icon-canvas__content-wrapper-inner { width: calc(100% - 72px - 15px); } .eee-teaser-icon-canvas--icon-left:not(.eee-teaser-icon-canvas--image-left):not(.eee-teaser-icon-canvas--image-right).eee-teaser-icon-canvas--icon-size-large .eee-teaser-icon-canvas__icon-wrapper { width: 72px; } .eee-teaser-icon-canvas--icon-left:not(.eee-teaser-icon-canvas--image-left):not(.eee-teaser-icon-canvas--image-right).eee-teaser-icon-canvas--icon-size-large .eee-teaser-icon-canvas__icon { max-height: 72px; } } .eee-teaser-icon-canvas--valign-center .eee-teaser-icon-canvas__content-wrapper { -ms-flex: 1; -webkit-flex: 1; flex: 1; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; } .eee-teaser-icon-canvas--valign-center.eee-teaser-icon-canvas--icon-left:not([class*='eee-teaser-icon-canvas--image-left']):not([class*='eee-teaser-icon-canvas--image-right']) .eee-teaser-icon-canvas__content-wrapper { -ms-flex-align: center; -webkit-align-items: center; align-items: center; } @media (max-width: 479.98px) { .eee-teaser-icon-canvas--valign-center.eee-teaser-icon-canvas--icon-left:not(.eee-teaser-icon-canvas--image-left):not(.eee-teaser-icon-canvas--image-right) .eee-teaser-icon-canvas__content-wrapper { -ms-flex-align: center; -webkit-align-items: center; align-items: center; } } .eee-teaser-icon-canvas--valign-bottom .eee-teaser-icon-canvas__content-wrapper { -ms-flex: 1; -webkit-flex: 1; flex: 1; -ms-flex-pack: end; -webkit-justify-content: flex-end; justify-content: flex-end; } .eee-teaser-icon-canvas--valign-bottom.eee-teaser-icon-canvas--icon-left:not([class*='eee-teaser-icon-canvas--image-left']):not([class*='eee-teaser-icon-canvas--image-right']) .eee-teaser-icon-canvas__content-wrapper { -ms-flex-align: end; -webkit-align-items: flex-end; align-items: flex-end; } @media (max-width: 479.98px) { .eee-teaser-icon-canvas--valign-bottom.eee-teaser-icon-canvas--icon-left:not(.eee-teaser-icon-canvas--image-left):not(.eee-teaser-icon-canvas--image-right) .eee-teaser-icon-canvas__content-wrapper { -ms-flex-align: end; -webkit-align-items: flex-end; align-items: flex-end; } } .eee-teaser-icon-canvas--has-hover { -webkit-transition: box-shadow linear 0.15s, transform linear 0.15s; transition: box-shadow linear 0.15s, transform linear 0.15s; } .eee-teaser-icon-canvas--has-hover:hover { z-index: 1; } .eee-teaser-icon-canvas--hover-border:hover { outline: 1px solid; } .eee-teaser-icon-canvas--hover-shadow:hover { box-shadow: 0 5px 25px rgba(0, 0, 0, 0.35); } .eee-teaser-icon-canvas--hover-glow:hover { box-shadow: 0 0 25px #004FFA; } .eee-teaser-icon-canvas--hover-scale:hover { -webkit-transform: scale(1.05); transform: scale(1.05); } /* style: 1042*/ .eee-teaser-card { height: 100%; } .eee-teaser-card.eee-teaser-card--has-border { border: 1px solid #677077; padding: 15px; box-sizing: border-box; } .eee-teaser-card .eee-teaser-card--horizontal { display: table; } .eee-teaser-card .eee-teaser-card--horizontal .eee-teaser-card__image, .eee-teaser-card .eee-teaser-card--horizontal .eee-teaser-card__content { display: table-cell; verticala-lign: top; } .eee-teaser-card .eee-teaser-card__content h3 { font-weight: bold; color: #677077; line-height: normal; margin: 15px 0px 0px 0px; } .eee-teaser-card .eee-teaser-card__content .eee-teaser-card__description { margin: 15px 0px 0px 0px; line-height: 24px; } .eee-teaser-card .eee-teaser-card__content .eee-teaser-card__link { background: #677077; display: block; color: #fff; font-weight: bold; text-align: center; padding: 10px; margin: 15px 0px 0px 0px; position: relative; } .eee-teaser-card .eee-teaser-card__content .eee-teaser-card__link:hover { text-decoration: none; } .eee-teaser-card .eee-teaser-card__content .eee-teaser-card__link .eee-teaser-card__link__right-icon { position: absolute; right: 8px; top: 8px; } .eee-teaser-card .eee-teaser-card__content .eee-teaser-card__link .eee-teaser-card__link__right-icon svg { height: 23px; fill: #fff; } /* style: 3954*/ .eee-teaser-v02 { padding: 25px; box-sizing: border-box; position: relative; display: flex; flex-direction: column; justify-content: center; overflow: hidden; } .eee-teaser-v02 .eee-teaser-v02__link--entire-teaser { position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .eee-teaser-v02.eee-teaser-v02--with-shadow { box-shadow: 1px 0 9px 0 rgba(187, 187, 187, 0.5); } .eee-teaser-v02.eee-teaser-v02--use-as-background .eee-teaser-v02__image { position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .eee-teaser-v02.eee-teaser-v02--below-heading-description .eee-teaser-v02__image { margin-top: 25px; } .eee-teaser-v02.eee-teaser-v02--above-heading-description .eee-teaser-v02__image, .eee-teaser-v02.eee-teaser-v02--above-description .eee-teaser-v02__image { margin-bottom: 25px; } .eee-teaser-v02.eee-teaser-v02--h-alignment-left, .eee-teaser-v02.eee-teaser-v02--h-alignment-left h3 { text-align: left; } .eee-teaser-v02.eee-teaser-v02--h-alignment-center, .eee-teaser-v02.eee-teaser-v02--h-alignment-center h3 { text-align: center; } .eee-teaser-v02.eee-teaser-v02--h-alignment-right, .eee-teaser-v02.eee-teaser-v02--h-alignment-right h3 { text-align: right; } @media (max-width: 999.98px) { .eee-teaser-v02 .eee-heading__heading--hero { font-size: calc(16px + (36- 16) * ((100vw - 1px) / (1920 - 1))); line-height: normal; } .eee-teaser-v02 .eee-heading__subheading--hero { font-size: calc(16px + (24- 16) * ((100vw - 1px) / (1920 - 1))); line-height: normal; } .eee-teaser-v02 h1, .eee-teaser-v02 .eee-heading__heading--page { font-size: calc(16px + (24- 16) * ((100vw - 1px) / (1920 - 1))); line-height: normal; } .eee-teaser-v02 h2, .eee-teaser-v02 .eee-heading__subheading--page, .eee-teaser-v02 .eee-heading__heading--major { font-size: calc(16px + (19- 16) * ((100vw - 1px) / (1920 - 1))); line-height: normal; } .eee-teaser-v02 h3, .eee-teaser-v02 .eee-heading__subheading--major, .eee-teaser-v02 .eee-heading__heading--section { font-size: calc(16px + (16- 16) * ((100vw - 1px) / (1920 - 1))); line-height: normal; } .eee-teaser-v02 h4, .eee-teaser-v02 .eee-heading__subheading--section, .eee-teaser-v02 .eee-heading__heading--subsection { font-size: calc(16px + (16 - 16) * ((100vw - 1px) / (1920 - 1))); line-height: normal; } .eee-teaser-v02 h5, .eee-teaser-v02 .eee-heading__subheading--subsection, .eee-teaser-v02 .eee-heading__heading--minor { font-size: calc(16px + (16 - 16) * ((100vw - 1px) / (1920 - 1))); line-height: normal; } .eee-teaser-v02 h6, .eee-teaser-v02 .eee-heading__subheading--minor { font-size: calc(16px + (16 - 16) * ((100vw - 1px) / (1920 - 1))); line-height: normal; } } @media (min-width: 768px) { .eee-teaser-v02.eee-teaser-v02--left-on-large { flex-direction: row; } .eee-teaser-v02.eee-teaser-v02--left-on-large > img { max-width: 50%; } .eee-teaser-v02.eee-teaser-v02--left-on-large .eee-teaser-v02__content { flex-grow: 1; padding-left: 25px; } .eee-teaser-v02.eee-teaser-v02--right-on-large { flex-direction: row-reverse; align-items: center; } .eee-teaser-v02.eee-teaser-v02--right-on-large > img { max-width: 50%; } .eee-teaser-v02.eee-teaser-v02--right-on-large .eee-teaser-v02__content { flex-grow: 1; padding-right: 25px; } .eee-teaser-v02.eee-teaser-v02--left-on-large.eee-teaser-v02--v-alignment-top, .eee-teaser-v02.eee-teaser-v02--right-on-large.eee-teaser-v02--v-alignment-top { align-items: flex-start; } .eee-teaser-v02.eee-teaser-v02--left-on-large.eee-teaser-v02--v-alignment-middle, .eee-teaser-v02.eee-teaser-v02--right-on-large.eee-teaser-v02--v-alignment-middle { align-items: center; } .eee-teaser-v02.eee-teaser-v02--left-on-large.eee-teaser-v02--v-alignment-bottom, .eee-teaser-v02.eee-teaser-v02--right-on-large.eee-teaser-v02--v-alignment-bottom { align-items: flex-end; } .eee-teaser-v02 .eee-teaser-v02__buttons--left { text-align: left; } .eee-teaser-v02 .eee-teaser-v02__buttons--center { text-align: center; } .eee-teaser-v02 .eee-teaser-v02__buttons--right { text-align: right; } } @media (max-width: 767.98px) { .eee-teaser-v02.eee-teaser-v02--left-on-large, .eee-teaser-v02.eee-teaser-v02--right-on-large { flex-direction: column; align-items: center; justify-content: center; } .eee-teaser-v02.eee-teaser-v02--left-on-large .eee-teaser-v02__content, .eee-teaser-v02.eee-teaser-v02--right-on-large .eee-teaser-v02__content { margin-top: 15px; text-align: center; } } .eee-teaser-v02 .eee-teaser-v02__overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; opacity: 0.7; } .eee-teaser-v02 .eee-teaser-v02__heading { font-weight: 600; position: relative; } .eee-teaser-v02 .eee-teaser-v02__heading-line { height: 3px; background-color: #00171f; width: 0; margin: 30px 0; } .eee-teaser-v02 .eee-teaser-v02__heading-line.eee-start-animation { animation: lineGrow 1s ease-in 0.2s; animation-fill-mode: both; } .eee-teaser-v02 .eee-teaser-v02__description { position: relative; } .eee-teaser-v02 .eee-teaser-v02__buttons { position: relative; margin-top: 10px; } .eee-teaser-v02 .eee-teaser-v02__buttons .eee-button__button:not(.eee-button__button--ghost) { box-sizing: border-box; padding: 10px 22px; } .eee-teaser-v02 .eee-teaser-v02__buttons .eee-button__button--link { padding: 0; min-height: auto; margin-top: -15px; } .eee-teaser-v02 .eee-teaser-v02__buttons.eee-teaser-v02__buttons--beside-each-other { margin: 10px -7px 0 -7px; } .eee-teaser-v02 .eee-teaser-v02__buttons.eee-teaser-v02__buttons--beside-each-other .eee-button { margin: 15px 7px 0 7px; display: inline-block; vertical-align: middle; } .eee-teaser-v02 .eee-teaser-v02__buttons.eee-teaser-v02__buttons--beside-each-other .eee-button:last-child { margin-right: 0; } .eee-teaser-v02 .eee-teaser-v02__buttons.eee-teaser-v02__buttons--below-each-other .eee-button { position: relative; margin: 15px 0 0 0; } .eee-teaser-v02 a { text-decoration: none; font-weight: 600; } .eee-teaser-v02 .eee-teaser-v02__tag { font-weight: 600; } .eee-teaser-v02 .eee-teaser-v02__tag a { text-decoration: underline; } .eee-teaser-v02 .eee-teaser-v02__tag * { text-align: center; margin: 0; padding: 0; } .eee-teaser-v02 .eee-teaser-v02__tag--ribbon { width: 250px; background: #FDE53B; position: absolute; text-align: center; line-height: 50px; letter-spacing: 1px; top: 20px; right: -65px; left: auto; transform: rotate(35deg); -webkit-transform: rotate(35deg); color: #000000; text-transform: uppercase; box-shadow: 0 0 3px rgba(0, 0, 0, 0.3); } .eee-teaser-v02 .eee-teaser-v02__tag--circle { position: absolute; left: auto; top: 1vw; right: 1vw; display: block; width: 117px; height: 117px; background-color: transparent; -webkit-perspective: 1000px; perspective: 1000px; -webkit-perspective-origin: 50% 50%; perspective-origin: 50% 50%; } .eee-teaser-v02 .eee-teaser-v02__tag--circle .eee-teaser-v02__tag-wrapper { position: relative; width: 100%; height: 100%; text-align: center; transition: transform 0.8s; transform-style: preserve-3d; padding: 5px; line-height: 20px; } .eee-teaser-v02 .eee-teaser-v02__tag--circle .eee-teaser-v02__tag-wrapper * { color: #fff; } .eee-teaser-v02 .eee-teaser-v02__tag--circle .eee-teaser-v02__tag-wrapper h1 { line-height: 36px; } .eee-teaser-v02 .eee-teaser-v02__tag--circle .eee-teaser-v02__tag-wrapper h2 { line-height: 24px; } .eee-teaser-v02 .eee-teaser-v02__tag--circle .eee-teaser-v02__tag-wrapper h3 { line-height: 19px; } .eee-teaser-v02 .eee-teaser-v02__tag--circle .eee-teaser-v02__tag-wrapper h4 { line-height: 14px; } .eee-teaser-v02 .eee-teaser-v02__tag--circle .eee-teaser-v02__tag-wrapper h5 { line-height: 12px; } .eee-teaser-v02 .eee-teaser-v02__tag--circle .eee-teaser-v02__tag-wrapper > div:first-child { display: flex; flex-direction: column; justify-content: center; align-content: center; position: absolute; width: 100%; height: 100%; -webkit-backface-visibility: hidden; /* Safari */ backface-visibility: hidden; background-color: #2E70FF; color: #fff; border-radius: 50%; } .eee-teaser-v02 .eee-teaser-v02__tag--circle .eee-teaser-v02__tag-wrapper > div:last-child { display: flex; flex-direction: column; justify-content: center; align-content: center; transform: rotateY(180deg); position: absolute; width: 100%; height: 100%; -webkit-backface-visibility: hidden; /* Safari */ backface-visibility: hidden; background-color: #2E70FF; color: #fff; border-radius: 50%; } .eee-teaser-v02 .eee-teaser-v02__tag--circle:hover .eee-teaser-v02__tag-wrapper { transform: rotateY(180deg); } @keyframes lineGrow { from { width: 0; background-color: #a0a09f; } to { width: 150px; background-color: #2E70FF; } } /* style: 3081*/ .eee-seeems-teaser { display: flex; flex-direction: column; position: relative; } .eee-seeems-teaser.eee-seeems-teaser--image-below-heading-description .eee-seeems-teaser__image-wrapper { order: 1; } .eee-seeems-teaser.eee-seeems-teaser--image-below-heading-description .eee-seeems-teaser__content { order: 0; } @media (min-width: 768px) { .eee-seeems-teaser.eee-seeems-teaser--image-left-on-large { flex-direction: row; } } @media (min-width: 768px) { .eee-seeems-teaser.eee-seeems-teaser--image-right-on-large { flex-direction: row-reverse; } } .eee-seeems-teaser.eee-seeems-teaser--image-use-as-background .eee-seeems-teaser__content { position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .eee-seeems-teaser .eee-seeems-teaser__content { display: flex; flex-grow: 1; padding: 15px; } /* style: 2005*/ .eee-google-map { height: 300px; } .eee-google-map__infowindow { font-family: Roboto, Arial, Helvetica, sans-serif; font-size: 14px; line-height: 20px; } /* style: 3441*/ #eee-search-form { display: none; /* #eee-search-form__search-field, #eee-search-form__do-search { border-radius: 22px; -moz-border-radius: 22px; -webkit-border-radius: 22px; } */ } @media (max-width: 999.98px) { #eee-search-form { position: fixed; z-index: 99; top: 60px; left: 0; right: 0; background: #2E70FF; padding: 10px; } #eee-search-form #eee-search-form__fields #eee-search-form__search-field { width: 100%; height: 40px; max-width: 100%; padding: 0 35px 0 20px; box-sizing: border-box; } #eee-search-form #eee-search-form__fields #eee-search-form__do-search { color: #004FFA; position: absolute; right: 28px; top: 19px; } } @media (min-width: 1000px) { #eee-search-form.eee-search-form--relative { display: inline-block; } #eee-search-form.eee-search-form--relative #eee-search-form__fields { position: relative; } #eee-search-form.eee-search-form--relative #eee-search-form__fields #eee-search-form__search-field { padding: 0 18px; width: 250px; height: 45px; border: 1px solid #ebebeb; } #eee-search-form.eee-search-form--relative #eee-search-form__fields #eee-search-form__do-search { position: absolute; top: 11px; right: 20px; color: #EBEBEB; cursor: pointer; } #eee-search-form.eee-search-form--dropdown { position: fixed; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0, 0, 0, 0.8); z-index: 99; padding: 30px; } #eee-search-form.eee-search-form--dropdown #eee-search-form__wrapper { width: 100%; height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; } #eee-search-form.eee-search-form--dropdown #eee-search-form__fields { position: relative; width: 100%; max-width: calc(1400px - 25px - 25px); } #eee-search-form.eee-search-form--dropdown #eee-search-form__fields input { height: 50px; background: none; border: 0; border-bottom: 2px solid #d7d7d7; padding: 0 50px 15px 0; color: #fff; font-size: 24px; } #eee-search-form.eee-search-form--dropdown #eee-search-form__fields input::placeholder { color: #fff; font-size: 24px; } #eee-search-form.eee-search-form--dropdown #eee-search-form__fields #eee-search-form__close { position: absolute; bottom: 15px; right: 0; font-weight: normal; cursor: pointer; } #eee-search-form.eee-search-form--dropdown #eee-search-form__fields #eee-search-form__close svg { height: 40px; fill: #fff; color: #fff; } #eee-search-form.eee-search-form--standard { top: 60px; } #eee-search-form.eee-search-form--standard #eee-search-form__wrapper { background: #FFFFFF; padding: 10px; margin: 0 -15px; } #eee-search-form.eee-search-form--standard #eee-search-form__wrapper #eee-search-form__close { display: none; } #eee-search-form.eee-search-form--standard #eee-search-form__wrapper #eee-search-form__fields { width: 100%; display: flex; position: relative; } #eee-search-form.eee-search-form--standard #eee-search-form__wrapper #eee-search-form__fields #eee-search-form__search-field { flex-grow: 1; height: 40px; padding: 0 45px 0 10px; border: 0; } #eee-search-form.eee-search-form--standard #eee-search-form__wrapper #eee-search-form__do-search { height: 30px; padding: 0 10px; background: #004FFA; color: #fff; display: flex; align-items: center; justify-content: center; cursor: pointer; position: absolute; right: 5px; top: 5px; font-weight: bold; text-transform: uppercase; } } @media (min-width: 1000px) and (min-width: 1000px) { #eee-search-form.eee-search-form--standard { left: 50%; transform: translateX(-50%); width: 100%; max-width: calc(1400px - 25px - 25px); position: absolute; top: calc(100px + 55px); } #eee-search-form.eee-search-form--standard #eee-search-form__wrapper { margin: 0; padding: 0 10px 10px 10px; } } #eee-search-form #eee-serach-form__result { width: 100%; background: #ebebeb; padding: 10px; box-sizing: border-box; max-width: calc(1400px - 25px - 25px); position: fixed; top: 120px; left: 50%; transform: translateX(-50%); display: none; } @media (min-width: 1000px) { #eee-search-form #eee-serach-form__result { top: calc(100px + 55px); } } #eee-search-form #eee-serach-form__result #eee-search-form__result-wrapper { overflow-y: auto; } #eee-search-form #eee-serach-form__result #eee-search-form__result-wrapper .eee-product-display .eee-items-list .eee-product, #eee-search-form #eee-serach-form__result #eee-search-form__result-wrapper .eee-product-display .eee-items-compact .eee-product { background: #fff; border-top: 1px solid #ebebeb; margin: 0; text-align: left; padding: 10px 0 10px 10px; } @media (max-width: 767.98px) { #eee-search-form #eee-serach-form__result #eee-search-form__result-wrapper .eee-product-display .eee-items-list .eee-product, #eee-search-form #eee-serach-form__result #eee-search-form__result-wrapper .eee-product-display .eee-items-compact .eee-product { display: flex; flex-wrap: wrap; } #eee-search-form #eee-serach-form__result #eee-search-form__result-wrapper .eee-product-display .eee-items-list .eee-product .eee-product-image, #eee-search-form #eee-serach-form__result #eee-search-form__result-wrapper .eee-product-display .eee-items-compact .eee-product .eee-product-image { min-width: 82px; max-width: 82px; } #eee-search-form #eee-serach-form__result #eee-search-form__result-wrapper .eee-product-display .eee-items-list .eee-product .eee-product-wrapper, #eee-search-form #eee-serach-form__result #eee-search-form__result-wrapper .eee-product-display .eee-items-compact .eee-product .eee-product-wrapper { width: calc(100% - 82px); } #eee-search-form #eee-serach-form__result #eee-search-form__result-wrapper .eee-product-display .eee-items-list .eee-product .eee-product-control-wrapper, #eee-search-form #eee-serach-form__result #eee-search-form__result-wrapper .eee-product-display .eee-items-list .eee-product .eee-product-control, #eee-search-form #eee-serach-form__result #eee-search-form__result-wrapper .eee-product-display .eee-items-compact .eee-product .eee-product-control-wrapper, #eee-search-form #eee-serach-form__result #eee-search-form__result-wrapper .eee-product-display .eee-items-compact .eee-product .eee-product-control { width: 100%; display: flex; align-items: center; text-align: left; } #eee-search-form #eee-serach-form__result #eee-search-form__result-wrapper .eee-product-display .eee-items-list .eee-product .eee-product-control-wrapper .eee-product-price-wrapper, #eee-search-form #eee-serach-form__result #eee-search-form__result-wrapper .eee-product-display .eee-items-list .eee-product .eee-product-control .eee-product-price-wrapper, #eee-search-form #eee-serach-form__result #eee-search-form__result-wrapper .eee-product-display .eee-items-compact .eee-product .eee-product-control-wrapper .eee-product-price-wrapper, #eee-search-form #eee-serach-form__result #eee-search-form__result-wrapper .eee-product-display .eee-items-compact .eee-product .eee-product-control .eee-product-price-wrapper { flex-grow: 1; } #eee-search-form #eee-serach-form__result #eee-search-form__result-wrapper .eee-product-display .eee-items-list .eee-product .eee-product-control-wrapper .eee-product-price, #eee-search-form #eee-serach-form__result #eee-search-form__result-wrapper .eee-product-display .eee-items-list .eee-product .eee-product-control .eee-product-price, #eee-search-form #eee-serach-form__result #eee-search-form__result-wrapper .eee-product-display .eee-items-compact .eee-product .eee-product-control-wrapper .eee-product-price, #eee-search-form #eee-serach-form__result #eee-search-form__result-wrapper .eee-product-display .eee-items-compact .eee-product .eee-product-control .eee-product-price { text-align: left; flex-grow: 1; line-height: normal; } #eee-search-form #eee-serach-form__result #eee-search-form__result-wrapper .eee-product-display .eee-items-list .eee-product .eee-product-control-wrapper .eee-product-price .eee-price-vat-text, #eee-search-form #eee-serach-form__result #eee-search-form__result-wrapper .eee-product-display .eee-items-list .eee-product .eee-product-control .eee-product-price .eee-price-vat-text, #eee-search-form #eee-serach-form__result #eee-search-form__result-wrapper .eee-product-display .eee-items-compact .eee-product .eee-product-control-wrapper .eee-product-price .eee-price-vat-text, #eee-search-form #eee-serach-form__result #eee-search-form__result-wrapper .eee-product-display .eee-items-compact .eee-product .eee-product-control .eee-product-price .eee-price-vat-text { font-size: 11px; display: block; } } #eee-search-form #eee-serach-form__result #eee-search-form__result-wrapper .eee-form-search__result__item { text-decoration: none; display: block; background: #fff; color: #0B0B13; padding: 10px 15px; } #eee-search-form #eee-serach-form__result #eee-search-form__result-wrapper .eee-form-search__result__item:nth-child(even) { background: #EBEBEB; } #eee-search-form #eee-serach-form__result #eee-search-form__result-wrapper .eee-form-search__result__item:before { font-family: "FontAwesome"; content: "\f0da"; margin-right: 5px; } #eee-search-form #eee-serach-form__result #eee-search-form__result-wrapper.eee-search-form-result-wrapper--empty { background: #DF0B22; color: #fff; padding: 10px; } #eee-search-form #eee-serach-form__result #eee-search-form-view-all { background: #2E70FF; color: #fff; text-align: center; padding: 10px; margin-top: 10px; font-weight: bold; cursor: pointer; } #eee-search-form.eee-active-search { display: block; } .eee-show-search { cursor: pointer; } @media (min-width: 1000px) { #eee-header.eee-menu-after-scroll #eee-serach-form__result, #main-menu.eee-active-scroll #eee-serach-form__result { top: 55px; } } /* style: 1945*/ .search-result .search-result-form { width: 100%; display: table; padding: 20px; background: #EBEBEB; margin-bottom: 15px !important; box-sizing: border-box; } .search-result .search-result-form .search-result-form__input { width: 100%; padding: 10px; box-sizing: border-box; border: 0px; } .search-result .search-result-form .search-result-form__left, .search-result .search-result-form .search-result-form__right { display: table-cell; vertical-align: top; } .search-result .search-result-form .search-result-form__left { width: 100%; } .search-result .search-result-form input { height: 45px; } .search-result .search-result-form .search-result-form__button { width: 50px; height: 45px; line-height: 45px; padding: 0px 10px; background: #004FFA; color: #fff; box-sizing: border-box; text-align: center; display: block; cursor: pointer; } .search-result__item a { border-bottom: 1px solid #d1d1d1; padding: 20px 0px; text-decoration: none; display: block; font-weight: bold; word-break: break-all; color: #000; } .search-result__item a h3 { margin-bottom: 0px; font-weight: bold; } #eee-search-result-empty { padding: 25px 0px; } /* style: 2158*/ /* style: 1195*/ .eee-slider { position: relative; margin: 0; box-sizing: border-box; padding-top: 400px; background: #FFFFFF; } .eee-slider__frames-box { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; } .eee-slider__frames { width: 100%; height: 100%; white-space: nowrap; font-size: 0px; } .eee-slider__frame { position: relative; display: inline-block; width: 100%; height: 100%; overflow: hidden; vertical-align: top; white-space: normal; font-size: 14px; } .eee-slider__frame-image { height: 100%; background-repeat: no-repeat; background-position: center center; background-size: auto 100%; } .eee-slider-frame-bg-video { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .eee-slider-frame-bg-video__bg-video-wrapper { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: 0; overflow: hidden; } .eee-slider-frame-bg-video__bg-video-aspect-wrapper { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .eee-slider-frame-bg-video__bg-video-aspect { display: block; position: relative; overflow: hidden; } .eee-slider-frame-bg-video__bg-video { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .eee-slider-frame-bg-video__bg-video-vignette { position: absolute; top: 0; left: 0; right: 0; bottom: 0; opacity: 0.5; } .eee-slider__frame-table { width: 100%; max-width: 100%; height: 100%; display: flex; flex-direction: row; align-items: center; padding: 0 6.5%; box-sizing: border-box; position: absolute; left: 0; top: -100%; -webkit-transition: all 0.5s ease 0s; /* For Safari 3.1 to 6.0 */ transition: all 0.5s ease 0s; } @media (max-width: 999.98px) { .eee-slider__frame-table { bottom: 0; top: auto; height: auto; padding: 0; flex-direction: column-reverse; } } @media (min-width: 1000px) { .eee-slider:not(.eee-slider--responsive) .eee-slider__frame-table { height: 100%; top: -100%; bottom: auto; } .eee-slider__frame-table-cell { width: 100%; } } .eee-slider__frame-content-box { position: relative; z-index: 3; text-align: left; overflow: hidden; } @media (min-width: 1000px) { .eee-slider:not(.eee-slider--responsive) .eee-slider__frame-content-box { display: inline-block; vertical-align: top; } } .eee-slider__frame-content { position: relative; width: 100%; overflow: hidden; } .eee-slider__frame-content > .eee-teaser { margin: 0; } .eee-slider__prev, .eee-slider__next { display: none; position: absolute; top: 50%; left: 15px; margin-top: -25px; width: 50px; height: 50px; line-height: 50px; text-align: center; font-size: 55px; color: #FFFFFF; text-shadow: 0 0 3px #0B0B13; cursor: pointer; z-index: 4; } .eee-slider__prev > .fa, .eee-slider__next > .fa { vertical-align: top; line-height: inherit; } .eee-slider__next { left: auto; right: 15px; background-position: 0px 50px; } .eee-slider__frame-dots { position: absolute; left: 0; bottom: calc(15px + 14px); width: 100%; height: 0; text-align: center; z-index: 4; } @media (max-width: 999.98px) { .eee-slider__frame-dots { display: none; } } .eee-slider__frame-dot { display: none; width: 12px; height: 12px; border-radius: 50%; background: #FFFFFF; box-shadow: 0 0 3px #0B0B13; vertical-align: top; margin: 0px 5px; cursor: pointer; transition: transform 0.3s; } .eee-slider__frame-dot.active { -ms-transform: scale(1.4); transform: scale(1.4); } .eee-slider__autoplay { display: none; position: absolute; left: 15px; bottom: 0; width: 50px; height: 50px; line-height: 50px; text-align: center; font-size: 25px; color: #FFFFFF; text-shadow: 0 0 3px #0B0B13; cursor: pointer; z-index: 4; } .eee-slider__autoplay > .fa { vertical-align: top; line-height: inherit; } .eee-slider__autoplay > .fa-play { display: none; } .eee-slider[data-eee-slider-stopped] .eee-slider__autoplay > .fa-play { display: block; } .eee-slider[data-eee-slider-stopped] .eee-slider__autoplay > .fa-pause { display: none; } .eee-slider__disable-events { width: 100%; height: 100%; position: absolute; display: none; top: 0px; left: 0px; z-index: 5; } .eee-slider__frame-table-cell { width: 100%; } .eee-slider__frame-link-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 4; } .eee-slider__frame-table-cell--gradient-image { height: 100%; display: flex; align-items: center; } .eee-slider__frame-table-cell--gradient-image div { width: 100%; height: 100%; background-repeat: no-repeat; background-size: contain; } @media (min-width: 1000px) { .eee-slider__frame-table { padding: 0; } .eee-slider__frame-table.eee-slider__frame-table--page-width { width: 1400px; padding: 0 25px; box-sizing: border-box; margin: auto; left: 0; right: 0; } .eee-slider__frame-table--center .eee-slider__frame-table-cell { text-align: center; } .eee-slider__frame-table--center .eee-slider__frame-table-cell .eee-slider__frame-content-box, .eee-slider__frame-table--center .eee-slider__frame-table-cell .eee-teaser__heading { text-align: center; } .eee-slider__frame-table--left .eee-slider__frame-table-cell { text-align: left; } .eee-slider__frame-table--left .eee-slider__frame-table-cell .eee-slider__frame-content-box, .eee-slider__frame-table--left .eee-slider__frame-table-cell .eee-teaser__heading { text-align: left; } .eee-slider__frame-table--right .eee-slider__frame-table-cell { text-align: right; } .eee-slider__frame-table--right .eee-slider__frame-table-cell .eee-slider__frame-content-box, .eee-slider__frame-table--right .eee-slider__frame-table-cell .eee-right { text-align: right; } .eee-slider--dots-show .eee-slider__frame-table--center.eee-slider__frame-table--double { padding: 20px 0 45px 0; } } .eee-slider__frame-table--double.eee-slider__frame-table--center { flex-direction: column-reverse; } .eee-slider__frame-table--double.eee-slider__frame-table--center .eee-slider__frame-table-cell--gradient-image div { background-position: center center; } .eee-slider__frame-table--double.eee-slider__frame-table--left { flex-direction: row; } .eee-slider__frame-table--double.eee-slider__frame-table--left .eee-slider__frame-table-cell--gradient-image div { background-position: right center; } .eee-slider__frame-table--double.eee-slider__frame-table--right { flex-direction: row-reverse; } .eee-slider__frame-table--double.eee-slider__frame-table--right .eee-slider__frame-table-cell--gradient-image div { background-position: left center; } @media (max-width: 999.98px) { .eee-slider__frame-table--double { padding: 15px; } .eee-slider__frame-table--double.eee-slider__frame-table--left, .eee-slider__frame-table--double.eee-slider__frame-table--right, .eee-slider__frame-table--double.eee-slider__frame-table--center { flex-direction: column-reverse; } .eee-slider__frame-table--double.eee-slider__frame-table--left .eee-slider__frame-table-cell--gradient-image div, .eee-slider__frame-table--double.eee-slider__frame-table--right .eee-slider__frame-table-cell--gradient-image div, .eee-slider__frame-table--double.eee-slider__frame-table--center .eee-slider__frame-table-cell--gradient-image div { background-position: left center; } .eee-slider__frame-table--double.eee-slider__frame-table--left .eee-slider__frame-table-cell, .eee-slider__frame-table--double.eee-slider__frame-table--left .eee-slider__frame-content-box, .eee-slider__frame-table--double.eee-slider__frame-table--left .eee-teaser__heading, .eee-slider__frame-table--double.eee-slider__frame-table--right .eee-slider__frame-table-cell, .eee-slider__frame-table--double.eee-slider__frame-table--right .eee-slider__frame-content-box, .eee-slider__frame-table--double.eee-slider__frame-table--right .eee-teaser__heading, .eee-slider__frame-table--double.eee-slider__frame-table--center .eee-slider__frame-table-cell, .eee-slider__frame-table--double.eee-slider__frame-table--center .eee-slider__frame-content-box, .eee-slider__frame-table--double.eee-slider__frame-table--center .eee-teaser__heading { text-align: left; } } .eee-slider--effect-fade .eee-slider__frame { position: absolute; left: 0; top: 0; z-index: 1; display: none; } .eee-slider--effect-fade .eee-slider__frame:first-child { display: block; } .eee-slider--prev-show-on-hover:hover .eee-slider__prev, .eee-slider--prev-show .eee-slider__prev { display: inline-block; } .eee-slider--next-show-on-hover:hover .eee-slider__next, .eee-slider--next-show .eee-slider__next { display: inline-block; } .eee-slider--dots-show-on-hover:hover .eee-slider__frame-dot, .eee-slider--dots-show .eee-slider__frame-dot { display: inline-block; } .eee-slider--autoplay-control-show-on-hover:hover .eee-slider__autoplay, .eee-slider--autoplay-control-show-on-hover-when-stopped[data-eee-slider-stopped]:hover .eee-slider__autoplay, .eee-slider--autoplay-control-show-when-stopped[data-eee-slider-stopped] .eee-slider__autoplay { display: block; } .eee-slider--arrows-pos-overlay-bottom .eee-slider__prev, .eee-slider--arrows-pos-overlay-bottom .eee-slider__next { position: relative; top: auto; margin-top: 0; vertical-align: top; margin: -20px 10px; } .eee-slider--arrows-pos-sides .eee-slider__prev, .eee-slider--arrows-pos-sides .eee-slider__next { top: 0; margin-top: 0; left: -50px; height: 100%; } .eee-slider--arrows-pos-sides .eee-slider__prev > .fa, .eee-slider--arrows-pos-sides .eee-slider__next > .fa { position: relative; top: 50%; margin-top: -25px; } .eee-slider--arrows-pos-sides .eee-slider__next { left: auto; right: -50px; } .eee-slider--arrows-pos-bottom { margin-bottom: calc(50px + 15px); } .eee-slider--arrows-pos-bottom .eee-slider__prev, .eee-slider--arrows-pos-bottom .eee-slider__next { top: auto; left: 0; bottom: -50px; } .eee-slider--arrows-pos-bottom .eee-slider__next { left: auto; right: 0; } .eee-slider--arrows-pos-bottom::before { content: ''; display: block; position: absolute; bottom: -50px; left: 0; height: 50px; width: 100%; } .eee-slider-scroll-down { position: absolute; bottom: 15px; font-size: 64px; color: #fff; text-align: center; width: 100%; } .eee-slider-scroll-down i { cursor: pointer; } .eee-slider__frame-table { overflow: hidden; } .eee-slider__frame.active .eee-slider__frame-table { top: 0; } /* style: 5086*/ /* Slider */ .slick-track { display: flex !important; } .slick-slide { height: inherit !important; display: none; float: left; min-height: 1px; } .slick-slide > div { height: 100%; } .slick-slide > div > div { height: 100%; display: block !important; } .eee-slick-animation-wrapper { position: relative; } .eee-slick-animation-wrapper p { margin-bottom: 0; } .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-slider figure { margin: 0 !important; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-track { position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto; } .slick-track:before, .slick-track:after { display: table; content: ''; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } [dir='rtl'] .slick-slide { float: right; } .slick-slide img { display: block; margin: auto; } .slick-slide > p { margin: 0; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } .eee-slick-animation__navigation--always-visible .eee-slick-animation { padding: 0 35px; } .eee-slick-animation__navigation--show-on-hover .eee-slick-animation-arrow { display: none; } .eee-slick-animation__navigation--show-on-hover:hover .eee-slick-animation-arrow { display: block; } .eee-slick-animation-arrow:before { content: ""; display: inline-block; height: 100%; vertical-align: middle; } .eee-slick-animation-arrow { width: 25px; height: 100%; line-height: 100%; color: #fff; text-align: center; background: #4A4A4A; z-index: 11; position: absolute; top: 0; cursor: pointer; display: flex; align-items: center; } .eee-slick-animation-prev .fa, .eee-slick-animation-next .fa { font-size: 14px; font-weight: normal; margin: auto !important; } .eee-slick-animation-next { right: 0px; } .eee-slick-animation-wrapper.eee-hover .eee-slick-animation { margin-bottom: -500px !important; } .eee-slick-animation-wrapper.eee-hover .eee-slick-animation .slick-list { position: relative; z-index: 15; padding-bottom: 500px !important; } .eee-slick-animation-wrapper.eee-hover .eee-slick-animation-prev, .eee-slick-animation-wrapper.eee-hover .eee-slick-animation-next { top: calc(50% - 250px); z-index: 15; } /* style: 502*/ .eee-copy-to-clipboard { position: relative; z-index: 4; border: 1px solid transparent; cursor: text; } .eee-copy-to-clipboard:hover { border: 1px solid #d1d1d1; } .eee-copy-to-clipboard .eee-copy-to-clipboard__tooltip { display: none; } .eee-copy-to-clipboard:not(.eee-active) .eee-copy-to-clipboard__tooltip { display: inline-block; vertical-align: top; background: #4a90e2; text-align: center; color: #fff; padding: 4px 7px; line-height: normal; position: absolute; bottom: calc(100% + 10px); left: 0; white-space: nowrap; font-size: 12px; font-weight: bold; } .eee-copy-to-clipboard:not(.eee-active) .eee-copy-to-clipboard__tooltip:after { content: ""; position: absolute; bottom: calc(100% + 1px); left: 7px; bottom: -9px; border-width: 5px; border-style: solid; border-color: #4a90e2 transparent transparent transparent; } .eee-copy-to-clipboard.eee-active { color: #4a90e2; } .eee-copy-to-clipboard.eee-active i { margin: 0 2px; } /* style: 1664*/ .eee-collapsible-area.eee-collapsible-area--hidden > .eee-collapsible-area__content { display: none; } .eee-collapsible-area.eee-collapsible-area--with-borders .eee-collapsible-area__title { position: relative; cursor: pointer; font-weight: bold; padding: 10px 0; display: block; display: flex; align-items: center; } .eee-collapsible-area.eee-collapsible-area--with-borders .eee-collapsible-area__title .eee-collapsible-area__title-line { flex-grow: 1; background: #004FFA; height: 2px; margin: 3px 0 0 15px; } .eee-collapsible-area.eee-collapsible-area--with-borders .eee-collapsible-area__title i { margin-left: 15px; } .eee-collapsible-area.eee-collapsible-area--with-borders .eee-collapsible-area__content { padding: 10px 0 0 0; } .eee-tabs .eee-tabs-buttons { width: 100%; box-sizing: border-box; } @media (min-width: 768px) { .eee-tabs .eee-tabs-buttons { display: table; table-layout: fixed; } } .eee-tabs .eee-tabs-button { margin: 0 0 5px 0; border-left: 0px; padding: 15px; background: #004FFA; color: #fff; font-weight: bold; border-left: 0px; cursor: pointer; text-align: center; } .eee-tabs .eee-tabs-button:last-child { margin: 0 0 10px 0; } @media (min-width: 768px) { .eee-tabs .eee-tabs-button { display: table-cell; vertical-align: top; margin: 0; } } .eee-tabs .eee-tabs-button.selected { background: #004FFA; color: #fff; cursor: auto; } .eee-tabs .eee-tabs-button.selected:hover { cursor: auto; } .eee-tabs .eee-tabs-content { display: none; border: 1px solid #004FFA; border-top: 4px solid #004FFA; padding: 15px; } @media (min-width: 1000px) { .eee-tabs .eee-tabs-content { padding: 25px; } } .eee-tabs .eee-tabs-content.selected { display: block; } .eee-tabs .eee-tabs-content p:last-child { margin-bottom: 0px; } .eee-tabs[data-forbidden-collapse="true"] .eee-collapsible-area__title { cursor: auto; } /* style: 1858*/ .eee-youtube-player { position: relative; overflow: hidden; display: inline-block; vertical-align: top; background: #000; max-width: 100%; } .eee-youtube-player:hover .eee-youtube-player__icon:not(.eee-youtube-player__icon--custom) { background-position: 0px -50px; } .eee-youtube-player__iframe-wrapper { position: relative; height: 0; overflow: hidden; background: #000; z-index: 0; } .eee-youtube-player__iframe-wrapper > iframe, .eee-youtube-player__iframe-wrapper > object, .eee-youtube-player__iframe-wrapper > embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0; z-index: 1; } [data-eee-youtube-player-hide-before-resize] > .eee-youtube-player__iframe-wrapper { visibility: hidden; } .eee-youtube-player__bg-image { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; background-color: #000; background-repeat: no-repeat; background-position: center center; background-size: cover; } .eee-youtube-player__image { position: relative; max-width: 100%; cursor: pointer; z-index: 2; } .eee-youtube-player__overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; cursor: pointer; z-index: 3; opacity: 0.5; } .eee-youtube-player__icon { position: absolute; z-index: 4; left: 50%; top: 50%; width: 71px; height: 50px; background: url("/files/smb/layout/youtube-play.png"); cursor: pointer; -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .eee-youtube-player__title { padding: 10px 0px; font-size: 24px; } .eee-youtube-player__description { padding: 10px 0px; font-size: 14px; line-height: 22px; } .eee-youtube-player--fullwidth { display: block; } .eee-youtube-player--fullwidth .eee-youtube-player__image { width: 100%; } .eee-youtube-player--fullwidth.eee-youtube-player--sizing-fit .eee-youtube-player__iframe-wrapper { height: 100%; } @media (max-width: 479.98px) { .eee-youtube-player--fullwidth.eee-youtube-player--sizing-fill-desktop-only .eee-youtube-player__iframe-wrapper { height: 100%; } } .eee-youtube-player--no-thumbnail { width: 100%; } .eee-youtube-player--no-thumbnail .eee-youtube-player__iframe-wrapper { width: 100%; height: 100%; } .eee-youtube-player--no-thumbnail iframe { width: 100%; min-height: 300px; position: static; } /* style: 1248*/ .media-player { position: relative; } .media-player video { width: 100%; height: 100%; } .media-player .poster { width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; z-index: 3; display: none; } .media-player .media-player-play-icon { width: 71px; height: 50px; background: url("/files/smb/layout/youtube-play.png"); position: absolute; z-index: 4; left: 50%; top: 50%; margin: -25px 0px 0px -35px; cursor: pointer; display: none; } .media-player.media-player.paused .poster, .media-player.media-player.paused .media-player-play-icon { display: block; } .media-player .media-player-controls { padding: 6px; } .media-player .media-player-controls .play-pause { padding: 0 10px; } .media-player .media-player-controls .play-pause div { width: 14px; height: 14px; border-color: transparent transparent transparent #fff; transition: 100ms all ease; cursor: pointer; border-style: solid; border-width: 7px 0 7px 14px; box-sizing: border-box; } .media-player .media-player-controls .play-pause:not(.paused) div { border-style: double; border-width: 0px 0 0px 14px; } .media-player .media-player-controls .progress { width: 100%; position: relative; cursor: pointer; } .media-player .media-player-controls .progress .progress-bg { width: 100%; height: 14px; background: #fff; position: absolute; z-index: 0; } .media-player .media-player-controls .progress .buffer { width: 100%; height: 14px; background: #d1d1d1; position: absolute; z-index: 1; } .media-player .media-player-controls .loaded { width: 0px; height: 14px; background: #004FFA; position: relative; z-index: 2; } .media-player .media-player-controls .time { padding: 0px 10px; font-weight: normal; } .media-player .media-player-controls .full-screen { width: 20px; padding-right: 10px; cursor: pointer; } .media-player .media-player-controls .volume-td { padding-right: 10px; } .media-player .media-player-controls .volume { width: 14px; background: #fff; cursor: pointer; position: absolute; height: 80px; right: 16px; top: 0px; margin-top: -70px; display: none; } .media-player .media-player-controls .volume-bar { width: 14px; cursor: pointer; display: block; height: 100%; position: absolute; bottom: 0px; left: 0px; background-color: #2E70FF; z-index: 10; } .media-player .media-player-controls .clear { clear: both; } .media-player.media-player--video .media-player-controls { border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; background: rgba(0, 0, 0, 0.6); position: absolute; bottom: 15px; left: 15px; right: 15px; color: #fff; font-size: 14px; font-weight: bold; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; display: none; } .media-player.media-player--video:hover .media-player-controls { display: block; } .media-player.media-player--video.media-player--video.paused:hover .media-player-controls { display: none; } .media-player.media-player--audio { width: 5000px !important; } .media-player.media-player--audio .media-player-file-name { background: #004FFA; color: #fff; border-top-left-radius: 6px; -moz-border-top-left-radius: 6px; -webkit-border-top-left-radius: 6px; border-top-right-radius: 6px; -moz-border-top-right-radius: 6px; -webkit-border-top-right-radius: 6px; display: inline-block; vertical-align: top; padding: 2px 10px; margin-left: 10px; } .media-player.media-player--audio .media-player-controls { background: #004FFA; color: #fff; font-size: 14px; font-weight: bold; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; } .media-player.media-player--audio .media-player-controls .loaded { background: #2E70FF; } .media-player.media-player--audio .media-player-controls .full-screen { display: none; } .media-player .volume-icon { cursor: pointer; } .media-player .volume-icon.muted { text-decoration: line-through; } .media-player .volume.active, .media-player .media-player-controls .volume-td:hover > .volume { display: block; } .media-player .loading { width: 50px; height: 40px; position: absolute; left: 50%; top: 50%; margin: -20px auto auto -25px; } .media-player .loading > div { background-color: #fff; height: 100%; width: 6px; display: inline-block; -webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out; animation: sk-stretchdelay 1.2s infinite ease-in-out; } .media-player .loading .rect2 { -webkit-animation-delay: -1.1s; animation-delay: -1.1s; } .media-player .loading .rect3 { -webkit-animation-delay: -1s; animation-delay: -1s; } .media-player .loading .rect4 { -webkit-animation-delay: -0.9s; animation-delay: -0.9s; } .media-player .loading .rect5 { -webkit-animation-delay: -0.8s; animation-delay: -0.8s; } @-webkit-keyframes sk-stretchdelay { 0%, 40%, 100% { -webkit-transform: scaleY(0.4); } 20% { -webkit-transform: scaleY(1); } } @keyframes sk-stretchdelay { 0%, 40%, 100% { transform: scaleY(0.4); -webkit-transform: scaleY(0.4); } 20% { transform: scaleY(1); -webkit-transform: scaleY(1); } } /* style: 677*/ /*============================== | Product pager | ==============================*/ .eee-pager { width: 100%; margin-top: 20px; background: #fff; border: 1px solid #ebebeb; text-align: center; clear: both; } .eee-pager .eee-pager__page, .eee-pager .eee-pager__prev, .eee-pager .eee-pager__next, .eee-pager select { min-width: 40px; display: inline-block; vertical-align: top; padding: 8px 10px; background: #677077; border: 1px solid #677077; color: #fff; margin: 10px 5px; font-size: 13px; font-weight: bold; text-align: center; text-decoration: none; text-transform: uppercase; box-sizing: border-box; } .eee-pager .eee-pager__prev:hover, .eee-pager .eee-pager__next:hover, .eee-pager .eee-pager__page:hover, .eee-pager .eee-pager__page--selected, .eee-pager .eee-pager__page--dots { background: #fff; color: #004FFA; text-decoration: none; } .eee-pager .eee-pager__prev { min-width: 100px; float: left; margin-left: 10px; } .eee-pager .eee-pager__next { min-width: 100px; float: right; margin-right: 10px; } /* style: 1584*/ .eee-gallery-grid { display: block; margin-left: auto; margin-right: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility; } .eee-gallery-grid__image-wrapper { position: relative; display: inline-block; cursor: pointer; line-height: 0; -webkit-transition: all 0.3s; transition: all 0.3s; } .eee-gallery-grid__image-wrapper--has-caption { display: block; } .eee-gallery-grid__image-box { display: inline-block; overflow: hidden; position: relative; } .eee-gallery-grid__image { display: inline-block; -webkit-transition: all 0.3s; transition: all 0.3s; } .eee-gallery-grid__image-youtube-icon { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto !important; width: 50px; height: 35px; background: url(/files/smb/layout/youtube-play.png) no-repeat; background-size: 100%; } .eee-gallery-grid__image-wrapper:hover .eee-gallery-grid__image-youtube-icon { background-position: 0 -35px; } .eee-gallery-grid__caption { padding-top: 5px; line-height: 20px; font-style: italic; -webkit-transition: all 0.3s; transition: all 0.3s; } .eee-gallery-grid--alignment-top-left, .eee-gallery-grid--alignment-middle-left, .eee-gallery-grid--alignment-bottom-left { text-align: left; -ms-flex-pack: start; -webkit-justify-content: flex-start; justify-content: flex-start; } .eee-gallery-grid--alignment-top-center, .eee-gallery-grid--alignment-middle-center, .eee-gallery-grid--alignment-bottom-center { text-align: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; } .eee-gallery-grid--alignment-top-right, .eee-gallery-grid--alignment-middle-right, .eee-gallery-grid--alignment-bottom-right { text-align: right; -ms-flex-pack: end; -webkit-justify-content: flex-end; justify-content: flex-end; } .eee-gallery-grid--noupscale .eee-gallery-grid__image:not([data-src]) { width: auto !important; } .eee-gallery-grid--border-image { -dummy-declaration: none; } .eee-gallery-grid--border-image .eee-gallery-grid__image-wrapper { border: 1px solid #EBEBEB; padding: 5px; background: #FFFFFF; } .eee-gallery-grid--border-cell { -dummy-declaration: none; } .eee-gallery-grid--border-cell .eee-gallery-grid__image-wrapper { border: 1px solid #EBEBEB; padding: 5px; background: #FFFFFF; height: 100%; box-sizing: border-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-line-pack: start; -webkit-align-content: flex-start; align-content: flex-start; -ms-flex-align: start; -webkit-align-items: flex-start; align-items: flex-start; -ms-flex-pack: start; -webkit-justify-content: flex-start; justify-content: flex-start; } .eee-gallery-grid--border-cell > .eee-grid { -ms-flex-align: stretch; -webkit-align-items: stretch; align-items: stretch; } .eee-gallery-grid--border-cell > .eee-grid.eee-flex-middle .eee-gallery-grid__image-wrapper { -ms-flex-line-pack: center; -webkit-align-content: center; align-content: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } .eee-gallery-grid--border-cell > .eee-grid.eee-flex-bottom .eee-gallery-grid__image-wrapper { -ms-flex-line-pack: end; -webkit-align-content: flex-end; align-content: flex-end; -ms-flex-align: end; -webkit-align-items: flex-end; align-items: flex-end; } .eee-gallery-grid--border-cell.eee-gallery-grid--alignment-top-center .eee-gallery-grid__image-wrapper, .eee-gallery-grid--border-cell.eee-gallery-grid--alignment-middle-center .eee-gallery-grid__image-wrapper, .eee-gallery-grid--border-cell.eee-gallery-grid--alignment-bottom-center .eee-gallery-grid__image-wrapper { -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; } .eee-gallery-grid--border-cell.eee-gallery-grid--alignment-top-right .eee-gallery-grid__image-wrapper, .eee-gallery-grid--border-cell.eee-gallery-grid--alignment-middle-right .eee-gallery-grid__image-wrapper, .eee-gallery-grid--border-cell.eee-gallery-grid--alignment-bottom-right .eee-gallery-grid__image-wrapper { -ms-flex-pack: end; -webkit-justify-content: flex-end; justify-content: flex-end; } .eee-gallery-grid--border-cell.eee-gallery-grid--caption-below .eee-gallery-grid__caption { width: 100%; } .eee-gallery-grid--hover-zoom-in .eee-gallery-grid__image-wrapper:hover { -webkit-transform: scale(1.1); transform: scale(1.1); z-index: 1; } .eee-gallery-grid--hover-zoom-out .eee-gallery-grid__image-wrapper:hover { -webkit-transform: scale(0.9); transform: scale(0.9); z-index: 1; } .eee-gallery-grid--hover-zoom-in-inside .eee-gallery-grid__image-wrapper:hover .eee-gallery-grid__image { -webkit-transform: scale(1.1); transform: scale(1.1); } .eee-gallery-grid--hover-zoom-out-inside .eee-gallery-grid__image { -webkit-transform: scale(1.1); transform: scale(1.1); } .eee-gallery-grid--hover-zoom-out-inside .eee-gallery-grid__image-wrapper:hover .eee-gallery-grid__image { -webkit-transform: none; transform: none; } .eee-gallery-grid--hover-rotate .eee-gallery-grid__image-wrapper:hover { -webkit-transform: rotate(5deg); transform: rotate(5deg); z-index: 1; } .eee-gallery-grid--hover-rotate-360 .eee-gallery-grid__image-wrapper:hover { -webkit-transform: rotate(360deg); transform: rotate(360deg); z-index: 1; } .eee-gallery-grid--caption-below { -dummy-declaration: none; } .eee-gallery-grid--caption-bottom-overlay .eee-gallery-grid__caption, .eee-gallery-grid--caption-bottom-overlay-hover .eee-gallery-grid__caption, .eee-gallery-grid--caption-top-overlay .eee-gallery-grid__caption, .eee-gallery-grid--caption-top-overlay-hover .eee-gallery-grid__caption, .eee-gallery-grid--caption-full-overlay-hover .eee-gallery-grid__caption { position: absolute; top: 0; left: 0; right: 0; bottom: 0; padding: 5px; opacity: 0.8; } .eee-gallery-grid--caption-bottom-overlay .eee-gallery-grid__caption { top: auto; } .eee-gallery-grid--caption-bottom-overlay-hover .eee-gallery-grid__caption { top: auto; opacity: 0; } .eee-gallery-grid--caption-bottom-overlay-hover .eee-gallery-grid__image-wrapper:hover .eee-gallery-grid__caption { opacity: 0.8; } .eee-gallery-grid--caption-top-overlay .eee-gallery-grid__caption { bottom: auto; } .eee-gallery-grid--caption-top-overlay-hover .eee-gallery-grid__caption { bottom: auto; opacity: 0; } .eee-gallery-grid--caption-top-overlay-hover .eee-gallery-grid__image-wrapper:hover .eee-gallery-grid__caption { opacity: 0.8; } .eee-gallery-grid--caption-full-overlay-hover .eee-gallery-grid__caption { display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-align: center; -webkit-align-items: center; align-items: center; opacity: 0; } .eee-gallery-grid--caption-full-overlay-hover .eee-gallery-grid__image-wrapper:hover .eee-gallery-grid__caption { opacity: 0.8; } .eee-gallery-grid--caption-full-overlay-hover.eee-gallery-grid--alignment-top-left .eee-gallery-grid__caption, .eee-gallery-grid--caption-full-overlay-hover.eee-gallery-grid--alignment-middle-left .eee-gallery-grid__caption, .eee-gallery-grid--caption-full-overlay-hover.eee-gallery-grid--alignment-bottom-left .eee-gallery-grid__caption { -ms-flex-pack: flex-start; -webkit-justify-content: flex-start; justify-content: flex-start; } .eee-gallery-grid--caption-full-overlay-hover.eee-gallery-grid--alignment-top-center .eee-gallery-grid__caption, .eee-gallery-grid--caption-full-overlay-hover.eee-gallery-grid--alignment-middle-center .eee-gallery-grid__caption, .eee-gallery-grid--caption-full-overlay-hover.eee-gallery-grid--alignment-bottom-center .eee-gallery-grid__caption { -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; } .eee-gallery-grid--caption-full-overlay-hover.eee-gallery-grid--alignment-top-right .eee-gallery-grid__caption, .eee-gallery-grid--caption-full-overlay-hover.eee-gallery-grid--alignment-middle-right .eee-gallery-grid__caption, .eee-gallery-grid--caption-full-overlay-hover.eee-gallery-grid--alignment-bottom-right .eee-gallery-grid__caption { -ms-flex-pack: end; -webkit-justify-content: flex-end; justify-content: flex-end; } .eee-gallery-grid--caption-alignment-left .eee-gallery-grid__caption { text-align: left !important; -ms-flex-pack: flex-start !important; -webkit-justify-content: flex-start !important; justify-content: flex-start !important; } .eee-gallery-grid--caption-alignment-center .eee-gallery-grid__caption { text-align: center !important; -ms-flex-pack: center !important; -webkit-justify-content: center !important; justify-content: center !important; } .eee-gallery-grid--caption-alignment-right .eee-gallery-grid__caption { text-align: right !important; -ms-flex-pack: end !important; -webkit-justify-content: flex-end !important; justify-content: flex-end !important; } .eee-gallery-grid--fixed .eee-gallery-grid__image-wrapper { display: block; } .eee-gallery-grid--fixed .eee-gallery-grid__image-box { display: block; width: 100%; } .eee-gallery-grid--fixed .eee-gallery-grid__image-box-ratio { display: block; width: 100%; height: 0; padding-bottom: 100%; } .eee-gallery-grid--fixed .eee-gallery-grid__image { display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; max-height: 100%; margin: auto !important; } .eee-gallery-grid--fixed .eee-gallery-grid__image:not([data-src]) { width: auto !important; } .eee-gallery-grid--fixed[class*='eee-gallery-grid--alignment-top'] .eee-gallery-grid__image { margin-top: 0 !important; } .eee-gallery-grid--fixed[class*='eee-gallery-grid--alignment-bottom'] .eee-gallery-grid__image { margin-bottom: 0 !important; } .eee-gallery-grid--fixed.eee-gallery-grid--alignment-top-left .eee-gallery-grid__image, .eee-gallery-grid--fixed.eee-gallery-grid--alignment-middle-left .eee-gallery-grid__image, .eee-gallery-grid--fixed.eee-gallery-grid--alignment-bottom-left .eee-gallery-grid__image { margin-left: 0 !important; } .eee-gallery-grid--fixed.eee-gallery-grid--alignment-top-right .eee-gallery-grid__image, .eee-gallery-grid--fixed.eee-gallery-grid--alignment-middle-right .eee-gallery-grid__image, .eee-gallery-grid--fixed.eee-gallery-grid--alignment-bottom-right .eee-gallery-grid__image { margin-right: 0 !important; } /* style: 4025*/ #eee-articles { /*====================== Compact and List view ======================*/ /*====================== List view ======================*/ /*====================== Compact view ======================*/ } #eee-articles .eee-articles__heading a { display: block; color: #0B0B13; border-bottom: 2px solid #004FFA; padding-bottom: 10px; text-decoration: none; text-transform: uppercase; } #eee-articles .eee-article { background: #fff; position: relative; } #eee-articles .eee-article .eee-article-url { width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; z-index: 1; } #eee-articles .eee-article .eee-article_date i, #eee-articles .eee-article .eee-article_author i, #eee-articles .eee-article .eee-article_comments i { font-size: 13px; vertical-align: top; margin: 5px 5px 0px 0px; } #eee-articles .eee-article .eee-article_image { overflow: hidden; display: block; position: relative; } #eee-articles .eee-article .eee-article_image img { max-width: 100%; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; display: block; cursor: pointer; } #eee-articles .eee-article .eee-article_image .eee-article_date { background: rgba(0, 0, 0, 0.6); color: #fff; padding: 5px 10px; position: absolute; left: 0px; top: 0px; } #eee-articles .eee-article:hover .eee-article_image img { -moz-transform: scale(1.2); -webkit-transform: scale(1.2); transform: scale(1.2); } #eee-articles .eee-article .eee-article_kicker { color: #004FFA; line-height: normal; box-sizing: border-box; margin-bottom: 10px; padding: 0; font-weight: bold; text-transform: uppercase; } #eee-articles .eee-article .eee-article_title { margin: 15px 0px 10px 0px; } #eee-articles .eee-article .eee-article_content { padding: 25px 25px 75px 25px; } #eee-articles .eee-article .eee-article_content .eee-article_date { margin-bottom: 15px; } #eee-articles .eee-article .eee-article-bottom-clear { clear: both; } #eee-articles .eee-article .eee-article_content-bottom { border-top: 1px solid #ebebeb; border-bottom: 1px solid #ebebeb; padding: 10px 10px; margin-top: 15px; position: absolute; bottom: 15px; left: 15px; right: 15px; } #eee-articles .eee-article .eee-article_content-bottom .eee-article_compact-date { display: none; } #eee-articles .eee-article .eee-article_content-bottom .eee-article_content-bottom-separator { width: 1px; height: 13px; background: #d1d1d1; float: left; margin: 0px 10px; margin-top: 5px; } #eee-articles .eee-article .eee-article_content-bottom .eee-article_author, #eee-articles .eee-article .eee-article_content-bottom .eee-article_date, #eee-articles .eee-article .eee-article_content-bottom .eee-article_comments { float: left; margin-bottom: 0px; } #eee-articles .eee-article .eee-article_content-bottom .eee-article_read-more { float: right; text-decoration: none; color: #0B0B13; } #eee-articles .eee-article.eee-article-left { width: 100%; display: table; } #eee-articles .eee-article.eee-article-left .eee-article_image, #eee-articles .eee-article.eee-article-left .eee-article_content { background: #FFFFFF; display: table-cell; vertical-align: top; } #eee-articles .eee-article.eee-article-left .eee-article_image { width: 30%; } #eee-articles .eee-items-list .eee-grid, #eee-articles .eee-items-compact .eee-grid { margin: 0px !important; padding: 0px !important; } #eee-articles .eee-items-list .eee-grid > div, #eee-articles .eee-items-compact .eee-grid > div { width: 100%; padding: 0px; margin: 0px; clear: both; } #eee-articles .eee-items-list .eee-article { height: auto !important; margin-bottom: 15px; } @media (min-width: 768px) { #eee-articles .eee-items-list .eee-article { padding-top: 15px; } #eee-articles .eee-items-list .eee-article.eee-article--left .eee-article_image, #eee-articles .eee-items-list .eee-article.eee-article--right .eee-article_image { width: 35%; float: left; padding: 0px 15px 15px 15px; box-sizing: border-box; } #eee-articles .eee-items-list .eee-article.eee-article--left .eee-article_image .eee-article_image-wrapper, #eee-articles .eee-items-list .eee-article.eee-article--right .eee-article_image .eee-article_image-wrapper { overflow: hidden; } #eee-articles .eee-items-list .eee-article.eee-article--left .eee-article_content, #eee-articles .eee-items-list .eee-article.eee-article--right .eee-article_content { width: 65%; box-sizing: border-box; float: right; padding: 0 15px 15px 15px; } #eee-articles .eee-items-list .eee-article.eee-article--left .eee-article_image .eee-article_date { left: 15px; } #eee-articles .eee-items-list .eee-article.eee-article--right .eee-article_image { float: right; } #eee-articles .eee-items-list .eee-article.eee-article--right .eee-article_image .eee-article_date { left: auto; right: 15px; } #eee-articles .eee-items-list .eee-article.eee-article--right .eee-article_content { float: left; } #eee-articles .eee-items-list .eee-article .eee-article_content-bottom { margin: 15px 15px 10px 15px; position: static; } } #eee-articles .eee-items-list .eee-grid > div:last-child .eee-article { margin-bottom: 0px; } #eee-articles .eee-items-compact .eee-article { position: relative; height: auto !important; padding: 15px; } #eee-articles .eee-items-compact .eee-article .eee-article-url { width: 100%; height: 100%; position: absolute; } #eee-articles .eee-items-compact .eee-article .eee-article_image, #eee-articles .eee-items-compact .eee-article .eee-article_kicker, #eee-articles .eee-items-compact .eee-article .eee-article_text, #eee-articles .eee-items-compact .eee-article .eee-article_author, #eee-articles .eee-items-compact .eee-article .eee-article_read-more, #eee-articles .eee-items-compact .eee-article .eee-article_content-bottom-separator { display: none; } #eee-articles .eee-items-compact .eee-article .eee-article_content { padding: 0px; } #eee-articles .eee-items-compact .eee-article .eee-article_content .eee-article_date { margin-bottom: 5px; font-weight: bold; } #eee-articles .eee-items-compact .eee-article .eee-article_title { font-size: 14px; float: left; margin: 0px; line-height: normal; } #eee-articles .eee-items-compact .eee-article .eee-article-bottom-clear { clear: none; } #eee-articles .eee-items-compact .eee-article .eee-article_content-bottom { float: right; position: static; padding: 0px; margin: 0px; border: 0px; } #eee-articles .eee-items-compact .eee-article .eee-article_comments { margin-left: 10px; } #eee-articles .eee-items-compact .eee-grid > div:nth-child(even) .eee-article { background: #dedede; } #eee-articles .eee-article-details .eee-article-details__header { padding: 15px; } #eee-articles .eee-article-details .eee-article_image img { cursor: auto; } #eee-articles .eee-article-details:hover .eee-article_image img { -moz-transform: none; -webkit-transform: none; transform: none; } #eee-articles .eee-article-details .eee-article_text { margin-top: 15px; } #eee-articles .eee-article-details .eee-article_content { padding: 15px; } #eee-articles .eee-article-details .eee-article_content-bottom { position: static; } .eee-article-calendar { background: #fff; font-size: 13px; } .eee-article-calendar .eee-article-calendar-controls { width: 100%; text-align: center; border-collapse: collapse; margin-bottom: -1px; } .eee-article-calendar .eee-article-calendar-controls td { border: 1px solid #d1d1d1; } .eee-article-calendar .eee-article-calendar-controls .eee-article-calendar-prev, .eee-article-calendar .eee-article-calendar-controls .eee-article-calendar-next { padding: 5px; color: #004FFA; cursor: pointer; font-weight: bold; } .eee-article-calendar .eee-article-calendar-table { width: 100%; border-collapse: collapse; } .eee-article-calendar .eee-article-calendar-table th, .eee-article-calendar .eee-article-calendar-table td { border: 1px solid #d1d1d1; text-align: center; padding: 5px; } .eee-article-calendar .eee-article-calendar-table th { background: #004FFA; color: #fff; } .eee-article-calendar .eee-article-calendar-table a { color: #fff; background: #2E70FF; display: block; margin: -5px; padding: 5px; text-decoration: none; } .eee-article-calendar .eee-article-calendar-table .eee-article-calendar-current-date-td { background: #ebebeb; } /*====================== Blog comments ======================*/ .eee-blog-form-button { margin: 15px; } .g-recaptcha { margin: 0 15px; } .eee-blog-post-comment_content .eee-blog-form { padding: 15px 15px 0 0; } .eee-blog-post-comment_content .eee-blog-form .eee-blog-form-button { margin-bottom: 0; } .eee-blog-post-comments { margin: 0px 15px 15px 15px; } .eee-blog-post-comments .eee-blog-post-comments-count span { background: #ebebeb; padding: 1px 7px; display: inline-block; vertical-align: top; } .eee-blog-post-comments .eee-blog-post-comment { width: 100%; display: table; margin: 30px 0; } .eee-blog-post-comments .eee-blog-post-comment .eee-blog-post-comment_image, .eee-blog-post-comments .eee-blog-post-comment .eee-blog-post-comment_content { display: table-cell; vertical-align: top; } .eee-blog-post-comments .eee-blog-post-comment .eee-blog-post-comment_image { width: 50px; } .eee-blog-post-comments .eee-blog-post-comment .eee-blog-post-comment_content--has-image { padding-left: 20px; } .eee-blog-post-comments .eee-blog-post-comment .eee-blog-post-comment-replies { margin-bottom: -30px; } .eee-blog-post-comments .eee-blog-post-comment .eee-blog-post-comment-author { font-weight: bold; margin-bottom: 5px; } .eee-blog-post-comments .eee-blog-post-comment .eee-blog-post-comment-button { display: inline-block; vertical-align: top; font-size: 11px; font-weight: bold; margin-top: 5px; background: #ebebeb; padding: 0px 7px; min-width: 80px; text-align: center; cursor: pointer; } .eee-blog-post-comment-form-wrapper { display: none; } .eee-blog-form .eee-blog-form-heading { font-weight: bold; margin: 0px 15px 10px 15px; } .eee-blog-form table { width: 100%; border-collapse: collapse; } .eee-blog-form table tr td { padding: 15px; } .eee-blog-form textarea { min-height: 150px; } .eee-blog-form .eee-blog-form-button { padding: 10px; display: inline-block; vertical-align: top; background: #004FFA; color: #fff; cursor: pointer; } .eee-blog-form .eee-blog-form-button:hover { background: #2E70FF; } .eee-article-archive-menu .eee-article-archive-menu__heading { background: #646464; color: #fff; font-weight: bold; padding: 15px 10px; } .eee-article-archive-menu ul { margin: 0px; padding: 0px; } .eee-article-archive-menu li { list-style-type: none; background: #fff; border-bottom: 1px solid #ebebeb; } .eee-article-archive-menu li.eee-article-archive-menu__year { background: #dedede; padding: 15px 10px; font-weight: bold; } .eee-article-archive-menu li a { text-decoration: none; color: #0B0B13; padding: 15px; display: block; } .eee-article-archive-menu li a:hover { background: #dedede; } /* style: 4461*/ .subscribe-form { padding: 15px; margin: 0px; } .subscribe-form img { margin: auto; } .subscribe-form label, .subscribe-form input { width: 100%; text-align: left; display: block; } .subscribe-form input { height: auto !important; padding: 10px !important; box-sizing: border-box; margin-top: 4px; } .news-calendar { margin-top: 15px; } .news-calendar .news-calendar-controls { text-align: center; } .news-calendar .news-calendar-controls .news-calendar-prev { float: left; } .news-calendar .news-calendar-controls .news-calendar-year { display: inline-block; vertical-align: top; } .news-calendar .news-calendar-controls .news-calendar-next { float: right; } .news-calendar table { width: 100%; border-collapse: collapse; } .news-calendar table tr th, .news-calendar table tr td { border: 1px solid #d1d1d1; text-align: center; } .news-calendar table .gray { background: #ebebeb; } /* style: 2796*/ /* * Remove margin from the last-child */ .Seeems-AdvancedBox > :last-child { margin-bottom: 0; } .Seeems-AdvancedBox > * > :last-child, .Seeems-AdvancedBox > * > * > :last-child, .Seeems-AdvancedBox > * > * > * > :last-child { margin-bottom: 0; } /* style: 2162*/ .eee-op .eee-op__controls { display: flex; background: #004FFA; color: #FFFFFF; padding: 15px; } .eee-op .eee-op__controls div { cursor: pointer; } .eee-op .eee-op__controls div:hover { color: #2E70FF; } .eee-op .eee-op__controls .eee-op__selected-date { flex-grow: 1; cursor: auto; } .eee-op .eee-op__controls .eee-op__date-picker { margin: 0 10px; } .eee-op .eee-op__content { background: #EBEBEB; padding: 15px; } .eee-op .eee-op__content .eee-op__content__row { display: flex; } .eee-op .eee-op__content .eee-op__content__row:not(:last-child) { margin-bottom: 5px; padding-bottom: 7px; border-bottom: 1px dashed #d1d1d1; } .eee-op .eee-op__content .eee-op__content__row > div:first-child { flex-grow: 1; } .eee-footer .eee-op .eee-op__controls + .eee-op__content, .eee-footer .eee-op .eee-op__content + .eee-op__controls { margin-top: 15px; } .eee-footer .eee-op .eee-op__controls, .eee-footer .eee-op .eee-op__content { background: none; padding: 0; } .eee-footer .eee-op .eee-op__content .eee-op__content__row:not(:last-child) { border-bottom: 1px dashed #FFFFFF; } /* style: 4846*/ .daterangepicker { position: absolute; color: inherit; background-color: #fff; border-radius: 4px; border: 1px solid #ddd; width: 278px; max-width: none; padding: 0; margin-top: 7px; top: 100px; left: 20px; z-index: 3001; display: none; font-family: arial; font-size: 15px; line-height: 1em; } .daterangepicker:before, .daterangepicker:after { position: absolute; display: inline-block; border-bottom-color: rgba(0, 0, 0, 0.2); content: ''; } .daterangepicker:before { top: -7px; border-right: 7px solid transparent; border-left: 7px solid transparent; border-bottom: 7px solid #ccc; } .daterangepicker:after { top: -6px; border-right: 6px solid transparent; border-bottom: 6px solid #fff; border-left: 6px solid transparent; } .daterangepicker.opensleft:before { right: 9px; } .daterangepicker.opensleft:after { right: 10px; } .daterangepicker.openscenter:before { left: 0; right: 0; width: 0; margin-left: auto; margin-right: auto; } .daterangepicker.openscenter:after { left: 0; right: 0; width: 0; margin-left: auto; margin-right: auto; } .daterangepicker.opensright:before { left: 9px; } .daterangepicker.opensright:after { left: 10px; } .daterangepicker.drop-up { margin-top: -7px; } .daterangepicker.drop-up:before { top: initial; bottom: -7px; border-bottom: initial; border-top: 7px solid #ccc; } .daterangepicker.drop-up:after { top: initial; bottom: -6px; border-bottom: initial; border-top: 6px solid #fff; } .daterangepicker.single .daterangepicker .ranges, .daterangepicker.single .drp-calendar { float: none; } .daterangepicker.single .drp-selected { display: none; } .daterangepicker.show-calendar .drp-calendar { display: block; } .daterangepicker.show-calendar .drp-buttons { display: block; } .daterangepicker.auto-apply .drp-buttons { display: none; } .daterangepicker .drp-calendar { display: none; max-width: 270px; } .daterangepicker .drp-calendar.left { padding: 8px 0 8px 8px; } .daterangepicker .drp-calendar.right { padding: 8px; } .daterangepicker .drp-calendar.single .calendar-table { border: none; } .daterangepicker .calendar-table .next span, .daterangepicker .calendar-table .prev span { color: #fff; border: solid black; border-width: 0 2px 2px 0; border-radius: 0; display: inline-block; padding: 3px; } .daterangepicker .calendar-table .next span { transform: rotate(-45deg); -webkit-transform: rotate(-45deg); } .daterangepicker .calendar-table .prev span { transform: rotate(135deg); -webkit-transform: rotate(135deg); } .daterangepicker .calendar-table th, .daterangepicker .calendar-table td { white-space: nowrap; text-align: center; vertical-align: middle; min-width: 32px; width: 32px; height: 24px; line-height: 24px; font-size: 12px; border-radius: 4px; border: 1px solid transparent; white-space: nowrap; cursor: pointer; } .daterangepicker .calendar-table { border: 1px solid #fff; border-radius: 4px; background-color: #fff; } .daterangepicker .calendar-table table { width: 100%; margin: 0; border-spacing: 0; border-collapse: collapse; } .daterangepicker td.available:hover, .daterangepicker th.available:hover { background-color: #eee; border-color: transparent; color: inherit; } .daterangepicker td.week, .daterangepicker th.week { font-size: 80%; color: #ccc; } .daterangepicker td.off, .daterangepicker td.off.in-range, .daterangepicker td.off.start-date, .daterangepicker td.off.end-date { background-color: #fff; border-color: transparent; color: #999; } .daterangepicker td.in-range { background-color: #ebf4f8; border-color: transparent; color: #000; border-radius: 0; } .daterangepicker td.start-date { border-radius: 4px 0 0 4px; } .daterangepicker td.end-date { border-radius: 0 4px 4px 0; } .daterangepicker td.start-date.end-date { border-radius: 4px; } .daterangepicker td.active, .daterangepicker td.active:hover { background-color: #357ebd; border-color: transparent; color: #fff; } .daterangepicker th.month { width: auto; } .daterangepicker td.disabled, .daterangepicker option.disabled { color: #999; cursor: not-allowed; text-decoration: line-through; } .daterangepicker select.monthselect, .daterangepicker select.yearselect { font-size: 12px; padding: 1px; height: auto; margin: 0; cursor: default; } .daterangepicker select.monthselect { margin-right: 2%; width: 56%; } .daterangepicker select.yearselect { width: 40%; } .daterangepicker select.hourselect, .daterangepicker select.minuteselect, .daterangepicker select.secondselect, .daterangepicker select.ampmselect { width: 50px; margin: 0 auto; background: #eee; border: 1px solid #eee; padding: 2px; outline: 0; font-size: 12px; } .daterangepicker .calendar-time { text-align: center; margin: 4px auto 0 auto; line-height: 30px; position: relative; } .daterangepicker .calendar-time select.disabled { color: #ccc; cursor: not-allowed; } .daterangepicker .drp-buttons { clear: both; text-align: right; padding: 8px; border-top: 1px solid #ddd; display: none; line-height: 12px; vertical-align: middle; } .daterangepicker .drp-selected { display: inline-block; font-size: 12px; padding-right: 8px; } .daterangepicker .drp-buttons .btn { margin-left: 8px; font-size: 12px; font-weight: bold; padding: 4px 8px; } .daterangepicker.show-ranges.single.rtl .drp-calendar.left { border-right: 1px solid #ddd; } .daterangepicker.show-ranges.single.ltr .drp-calendar.left { border-left: 1px solid #ddd; } .daterangepicker.show-ranges.rtl .drp-calendar.right { border-right: 1px solid #ddd; } .daterangepicker.show-ranges.ltr .drp-calendar.left { border-left: 1px solid #ddd; } .daterangepicker .ranges { float: none; text-align: left; margin: 0; } .daterangepicker.show-calendar .ranges { margin-top: 8px; } .daterangepicker .ranges ul { list-style: none; margin: 0 auto; padding: 0; width: 100%; } .daterangepicker .ranges li { font-size: 12px; padding: 8px 12px; cursor: pointer; } .daterangepicker .ranges li:hover { background-color: #eee; } .daterangepicker .ranges li.active { background-color: #08c; color: #fff; } /* Larger Screen Styling */ @media (min-width: 564px) { .daterangepicker { width: auto; } .daterangepicker .ranges ul { width: 140px; } .daterangepicker.single .ranges ul { width: 100%; } .daterangepicker.single .drp-calendar.left { clear: none; } .daterangepicker.single .ranges, .daterangepicker.single .drp-calendar { float: left; } .daterangepicker { direction: ltr; text-align: left; } .daterangepicker .drp-calendar.left { clear: left; margin-right: 0; } .daterangepicker .drp-calendar.left .calendar-table { border-right: none; border-top-right-radius: 0; border-bottom-right-radius: 0; } .daterangepicker .drp-calendar.right { margin-left: 0; } .daterangepicker .drp-calendar.right .calendar-table { border-left: none; border-top-left-radius: 0; border-bottom-left-radius: 0; } .daterangepicker .drp-calendar.left .calendar-table { padding-right: 8px; } .daterangepicker .ranges, .daterangepicker .drp-calendar { float: left; } } @media (min-width: 730px) { .daterangepicker .ranges { width: auto; } .daterangepicker .ranges { float: left; } .daterangepicker.rtl .ranges { float: right; } .daterangepicker .drp-calendar.left { clear: none !important; } } /* style: 3817*/ .eee-cookie-alert { width: 100%; max-width: 100%; display: none; position: fixed; z-index: 999; color: #fff; left: 0px; overflow-y: auto; /*================================== Content styles ==================================*/ /*================================== Desktop view ==================================*/ } .eee-cookie-alert a { color: #fff; } .eee-cookie-alert.eee-cookie-alert--position--top-left, .eee-cookie-alert.eee-cookie-alert--position--top-right { top: 0px; } .eee-cookie-alert.eee-cookie-alert--position--bottom-left, .eee-cookie-alert.eee-cookie-alert--position--bottom-right { bottom: 0px; } .eee-cookie-alert .eee-cookie-alert__wrapper { position: relative; } .eee-cookie-alert .eee-cookie-alert__bg { width: 100%; height: 100%; position: absolute; z-index: -1; left: 0px; top: 0px; background: #004FFA; opacity: 0.8; } .eee-cookie-alert .eee-cookie-alert__content { padding: 15px; } .eee-cookie-alert .eee-cookie-alert__content p:last-child { margin-bottom: 0px; } .eee-cookie-alert .eee-cookie-alert__title { font-weight: bold; font-size: 18px; margin-bottom: 5px; display: block; } .eee-cookie-alert .eee-cookie-alert__text p:last-child { margin-bottom: 0px; } .eee-cookie-alert .eee-cookie-alert__button { display: block; cursor: pointer; padding: 5px 10px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border: 1px solid #fff; text-decoration: none; margin: 15px 0px 0px 0px; } .eee-cookie-alert .eee-cookie-alert__button:hover { box-shadow: 0px 0px 4px #fff; } @media (min-width: 768px) { .eee-cookie-alert.eee-cookie-alert--notification-bar .eee-cookie-alert__content { width: 100%; box-sizing: border-box; display: table; max-width: 1400px; margin: auto; } .eee-cookie-alert.eee-cookie-alert--notification-bar .eee-cookie-alert__td { display: table-cell; vertical-align: middle; } .eee-cookie-alert.eee-cookie-alert--notification-bar .eee-cookie-alert__button { display: inline-block; vertical-align: top; margin: 0 0px 0px 15px; } .eee-cookie-alert.eee-cookie-alert--box .eee-cookie-alert__bg { border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; } .eee-cookie-alert.eee-cookie-alert--box .eee-cookie-alert__buttons-separator { clear: both; } .eee-cookie-alert.eee-cookie-alert--box .eee-cookie-alert__td { padding: 0px; display: inline-block; vertical-align: top; } .eee-cookie-alert.eee-cookie-alert--box .eee-cookie-alert__button { margin: 15px 10px 0px 0px; } .eee-cookie-alert.eee-cookie-alert--box.eee-cookie-alert--position--top-left { top: 10px; left: 10px; } .eee-cookie-alert.eee-cookie-alert--box.eee-cookie-alert--position--top-right { top: 10px; left: auto; right: 10px; } .eee-cookie-alert.eee-cookie-alert--box.eee-cookie-alert--position--bottom-left { bottom: 10px; left: 10px; right: auto; } .eee-cookie-alert.eee-cookie-alert--box.eee-cookie-alert--position--bottom-right { bottom: 10px; left: auto; right: 10px; } } /* style: 3652*/ /* style: 4409*/ /* style: 1933*/ #eee-items-sort { padding: 15px; background: #fff; border: 1px solid #ebebeb; margin-bottom: 15px; color: #000; display: none; } @media (min-width: 768px) { #eee-items-sort { display: block; padding: 0px 15px; height: 48px; } } @media (max-width: 768px) { #eee-items-sort { display: none; } #eee-items-sort.eee-items-sort--with-page-selector { display: block; } } #eee-items-sort .eee-items-type-button { float: left; width: 26px; height: 26px; cursor: pointer; display: none; margin: 12px 15px 0px 0px; } #eee-items-sort .eee-items-type-button div { height: 8px; margin: -3px; } #eee-items-sort .eee-items-type-button span { width: 6px; height: 6px; background: #bebaba; margin: 2px; float: left; } #eee-items-sort .eee-items-type-button span.long { width: 16px; } #eee-items-sort .eee-items-type-button--compact span { width: 26px; } @media (min-width: 768px) { #eee-items-sort .eee-items-type-button { display: block; } } #eee-items-sort .eee-items-type-button.active span { background: #004FFA; } #eee-items-sort #eee-items-sort-by select { width: 153px; } #eee-items-sort #eee-items-sort-separator { clear: both; } @media (min-width: 768px) { #eee-items-sort #eee-items-sort-separator { clear: none; } } #eee-items-sort #eee-items-sort-by, #eee-items-sort #eee-items-sort-per-page { clear: both; } #eee-items-sort #eee-items-sort-by label, #eee-items-sort #eee-items-sort-by select, #eee-items-sort #eee-items-sort-per-page label, #eee-items-sort #eee-items-sort-per-page select { display: block; } #eee-items-sort #eee-items-sort-by label, #eee-items-sort #eee-items-sort-per-page label { line-height: 26px; } #eee-items-sort #eee-items-sort-by select, #eee-items-sort #eee-items-sort-per-page select { width: 100%; min-width: 60px; border: 1px solid #004FFA; padding: 10px; color: #004FFA; font-weight: bold; box-sizing: border-box; margin-top: 2px; } @media (min-width: 768px) { #eee-items-sort #eee-items-sort-by, #eee-items-sort #eee-items-sort-per-page { float: right; margin-left: 20px; margin-top: 11px; clear: none; } #eee-items-sort #eee-items-sort-by label, #eee-items-sort #eee-items-sort-by select, #eee-items-sort #eee-items-sort-per-page label, #eee-items-sort #eee-items-sort-per-page select { display: inline-block; vertical-align: top; } #eee-items-sort #eee-items-sort-by select, #eee-items-sort #eee-items-sort-per-page select { margin-top: 0px; margin-left: 10px; width: auto; height: 26px; padding: 0px 0px 0px 10px; } } /* style: 2191*/ .eee-product-filters-mobile-header { display: none; } @media (max-width: 767.98px) { .eee-product-filters-mobile-header { width: 100%; display: block; box-sizing: border-box; background: #004FFA; color: #fff; padding: 10px 30px 10px 10px; position: relative; display: inline-block; vertical-align: top; cursor: pointer; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; font-weight: 700; } .eee-product-filters-mobile-header:after { font-family: "FontAwesome"; content: "\f107"; position: absolute; right: 10px; top: 10px; transition: all 150ms; } .eee-product-filters-mobile-header.active:after { transform: rotate(-180deg); } } .eee-product-filters-wrapper { margin-bottom: 25px; } @media (min-width: 1000px) { .eee-product-filters-wrapper { margin-bottom: 50px; } } @media (max-width: 767.98px) { .eee-product-filters { display: none; padding: 10px 10px 5px 10px; background: #ebebeb; border-radius: 6px; margin-top: 10px; } } @media (min-width: 768px) { .eee-product-filters { display: flex; flex-direction: row; flex-wrap: wrap; margin-bottom: 50px; } } .eee-product-filters .eee-product-filter { display: inline-block; vertical-align: top; width: auto; margin: 0 15px 15px 0; position: static; } @media (max-width: 767.98px) { .eee-product-filters .eee-product-filter { position: relative; display: block; margin-bottom: 10px; margin-right: 0; } } .eee-product-filters .eee-product-filter:last-child { margin-right: 0; } .eee-product-filters .eee-product-filter .eee-product-filter-title { width: 100%; box-sizing: border-box; background: #004FFA; color: #fff; padding: 10px 30px 10px 10px; position: relative; display: inline-block; vertical-align: top; min-width: 108px; cursor: pointer; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; font-weight: 700; } .eee-product-filters .eee-product-filter .eee-product-filter-title .eee-product-filter__selected-filters { font-weight: normal; } .eee-product-filters .eee-product-filter .eee-product-filter-title .eee-product-filter__selected-filters span { font-weight: 700; margin-right: 5px; margin-left: -2px; } @media (max-width: 767.98px) { .eee-product-filters .eee-product-filter .eee-product-filter-title { width: 100%; box-sizing: border-box; display: block; } } .eee-product-filters .eee-product-filter .eee-product-filter-title:after { font-family: "FontAwesome"; content: "\f107"; position: absolute; right: 10px; top: 10px; transition: all 150ms; } .eee-product-filters .eee-product-filter .eee-product-filter-title.active:after { transform: rotate(-180deg); } .eee-product-filters .eee-product-filter .eee-product-filter-content { height: 0; overflow: hidden; width: auto; position: absolute; min-width: auto; } .eee-product-filters .eee-product-filter #eee-price-range { padding: 20px 10px 0 10px; } .eee-product-filters .eee-product-filter.active > .eee-product-filter-content { box-sizing: border-box; min-width: 148px; height: auto; background: #fff; border: 1px solid #ebebeb; z-index: 12; margin-top: 6px; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; } .eee-product-filters .eee-product-filter.active > .eee-product-filter-content .eee-product-filter-content-buttons { padding: 0 10px 0 0; } .eee-product-filters .eee-product-filter.active > .eee-product-filter-content .eee-button__button, .eee-product-filters .eee-product-filter.active > .eee-product-filter-content input[type="text"] { border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; } .eee-product-filters .eee-product-filter.active > .eee-product-filter-content input[type="text"] { border: 1px solid #ebebeb; } .eee-product-filters .eee-product-filter.active > .eee-product-filter-content ul { list-style-type: none; margin: 0; padding: 0; } .eee-product-filters .eee-product-filter.active > .eee-product-filter-content ul li { border-bottom: 1px solid #ebebeb; position: relative; } .eee-product-filters .eee-product-filter.active > .eee-product-filter-content ul li .view-all-facets { font-weight: bold; } .eee-product-filters .eee-product-filter.active > .eee-product-filter-content ul li .eee-form-field__input--checkbox + label { display: block; padding: 8px 10px 8px 35px; } .eee-product-filters .eee-product-filter.active > .eee-product-filter-content ul li .eee-form-field__input--checkbox + label:before { left: 10px; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; } .eee-product-filters .eee-product-filter.active > .eee-product-filter-content ul li .eee-form-field__input--checkbox:checked + label:after { left: 13px; } .eee-product-filters .eee-product-filter.active > .eee-product-filter-content ul li label, .eee-product-filters .eee-product-filter.active > .eee-product-filter-content ul li input { cursor: pointer; } @media (max-width: 999.98px) { .eee-product-filters .eee-product-filter.active > .eee-product-filter-content { width: 100%; position: relative; } } .eee-product-filters .eee-product-filter.active > .eee-product-filter-content .eee-product-filter-content-wrapper { max-height: 150px; overflow-y: auto; } .eee-product-filters .eee-product-filter.active > .eee-product-filter-content .eee-button__button { margin-top: 10px; } .eee-product-filters .eee-product-filter .eee-product-filter-update { margin: 10px; } @media (max-width: 999.98px) { .eee-product-filters .eee-product-filter #eee-price-range .eee-range-line, .eee-product-filters .eee-product-filter #eee-price-range .eee-range-from, .eee-product-filters .eee-product-filter #eee-price-range .eee-range-to { display: none; } } /* style: 568*/ .eee-product-display { /*============================== | Category list | ==============================*/ /*============================== | Product grid and list and compact | ==============================*/ /*============================== | Product details | ==============================*/ /*============================== | Product stock | ==============================*/ /*============================== | Product control | ==============================*/ } .eee-product-display .eee-category-overview-content { margin-bottom: 15px; } @media (min-width: 1000px) { .eee-product-display .eee-category-overview-content { margin-bottom: 25px; } .eee-product-display .eee-category-overview-content:last-child { margin-bottom: 0; } } .eee-product-display .eee-category-overview-content:last-child { margin-bottom: 0; } .eee-product-display .eee-category-overview-content .eee-category-name { font-weight: normal; display: inline-block; vertical-align: top; clear: both; } .eee-product-display .eee-category-overview-content .eee-category-description p:last-child { margin-bottom: 0; } .eee-product-display .eee-category-overview-content .eee-category-description.eee-category-description--before-overview { margin-bottom: 15px; } .eee-product-display .eee-category-overview-content .eee-category-description.eee-category-description--after-overview { margin-top: 15px; } .eee-product-display .eee-categories { margin-bottom: 15px; } .eee-product-display .eee-category { display: block; border: 1px solid #ebebeb; overflow: hidden; position: relative; text-decoration: none; } .eee-product-display .eee-category .eee-category-image { overflow: hidden; } .eee-product-display .eee-category img { max-width: 100%; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; display: block; cursor: pointer; } .eee-product-display .eee-category:hover { text-decoration: none; } .eee-product-display .eee-category:hover img { -moz-transform: scale(1.2); -webkit-transform: scale(1.2); transform: scale(1.2); } .eee-product-display .eee-category .eee-mouse-over-image { position: absolute; top: 0px; left: 0px; opacity: 0; } .eee-product-display .eee-category .eee-category-name { background: #004FFA; color: #fff; padding: 10px; box-sizing: border-box; color: #fff; font-size: 18px; text-align: left; } .eee-product-display .eee-category .eee-category-teaser-text { background: #004FFA; color: #fff; -webkit-transition: height 0.4s; /* For Safari 3.1 to 6.0 */ transition: height 0.4s; box-sizing: border-box; } .eee-product-display .eee-category .eee-category-teaser-text .eee-category-teaser-text-wrapper { padding: 10px; } .eee-product-display .eee-category .eee-category-content.eee-category-content--top-overlay-on-mouse-over, .eee-product-display .eee-category .eee-category-content.eee-category-content--bottom-overlay-on-mouse-over { width: 100%; max-height: 100%; position: absolute; left: 0px; bottom: 0px; } .eee-product-display .eee-category .eee-category-content.eee-category-content--top-overlay-on-mouse-over .eee-category-name, .eee-product-display .eee-category .eee-category-content.eee-category-content--bottom-overlay-on-mouse-over .eee-category-name { width: 80%; } .eee-product-display .eee-category .eee-category-content.eee-category-content--top-overlay-on-mouse-over .eee-category-teaser-text, .eee-product-display .eee-category .eee-category-content.eee-category-content--bottom-overlay-on-mouse-over .eee-category-teaser-text { height: 0px; overflow-y: hidden; } .eee-product-display .eee-category .eee-category-content.eee-category-content--top-overlay-on-mouse-over { top: 0px; bottom: auto; } .eee-product-display .eee-category:hover > .eee-mouse-over-image { opacity: 1; transition: opacity 1.2; } .eee-product-display .eee-product { border: 1px solid #ebebeb; position: relative; width: 100%; height: 100%; box-sizing: border-box; display: flex; flex-direction: column; } .eee-product-display .eee-product .eee-product-url { width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; z-index: 1; } .eee-product-display .eee-product .eee-product-image { position: relative; } .eee-product-display .eee-product .eee-product-image .eee-product-image-wrapper { overflow: hidden; } .eee-product-display .eee-product .eee-product-image img { max-width: 100%; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; display: block; cursor: pointer; } .eee-product-display .eee-product .eee-product-image .eee-product-image--mouse-over { position: absolute; top: 0; right: 0; bototm: 0; left: 0; opacity: 0; } .eee-product-display .eee-product .eee-product-image .eee-product-stock.eee-product-stock--over-the-image, .eee-product-display .eee-product .eee-product-image .eee-product-stock.eee-product-stock--over-the-image-on-list { position: absolute; z-index: 9; bottom: 15px; left: 15px; } .eee-product-display .eee-product .eee-product-image .eee-product-stock.eee-product-stock--over-the-image .eee-product-stock-text, .eee-product-display .eee-product .eee-product-image .eee-product-stock.eee-product-stock--over-the-image-on-list .eee-product-stock-text { display: none; } .eee-product-display .eee-product .eee-product-image .eee-product-stock.eee-product-stock--over-the-image:hover .eee-product-stock-bg, .eee-product-display .eee-product .eee-product-image .eee-product-stock.eee-product-stock--over-the-image:hover .eee-product-stock-text, .eee-product-display .eee-product .eee-product-image .eee-product-stock.eee-product-stock--over-the-image-on-list:hover .eee-product-stock-bg, .eee-product-display .eee-product .eee-product-image .eee-product-stock.eee-product-stock--over-the-image-on-list:hover .eee-product-stock-text { display: inline-block; vertical-align: top; } .eee-product-display .eee-product:hover .eee-product-image-wrapper:not(.eee-product-image-wrapper--no-mouse-over-effect) img { -moz-transform: scale(1.2); -webkit-transform: scale(1.2); transform: scale(1.2); } .eee-product-display .eee-product:hover .eee-product-image-wrapper--has-mouse-over img { opacity: 0; } .eee-product-display .eee-product:hover .eee-product-image-wrapper--has-mouse-over .eee-product-image--mouse-over { opacity: 1; } .eee-product-display .eee-product .eee-product-wrapper { padding: 10px; flex-grow: 1; display: flex; flex-direction: column; } .eee-product-display .eee-product .eee-product-wrapper .eee-product-cart-message { font-weight: bold; font-size: 13px; background: #DF0B22; line-height: normal; color: #fff; position: absolute; z-index: 15; bottom: 50px; left: 10px; right: 10px; box-sizing: border-box; overflow: hidden; padding: 10px; display: none; animation: fav-beat 1s ease infinite alternate; } .eee-product-display .eee-product .eee-product-wrapper .eee-product-cart-message span { display: none; } .eee-product-display .eee-product .eee-product-wrapper .eee-product-cart-message.eee-product-cart-message--add > .eee-product-cart-message__add { display: block; } .eee-product-display .eee-product .eee-product-wrapper .eee-product-cart-message.eee-product-cart-message--remove > .eee-product-cart-message__remove { display: block; } .eee-product-display .eee-product .eee-product-name { margin-bottom: 5px; font-size: 16px; line-height: 22px; overflow: hidden; cursor: pointer; } .eee-product-display .eee-product .eee-product-name.eee-product-name--grow { flex-grow: 1; } .eee-product-display .eee-product .eee-product-code { color: #888888; font-size: 12px; } .eee-product-display .eee-product .eee-product-description { display: none; } .eee-product-display .eee-product .eee-product-description.eee-product-description--grow { flex-grow: 1; } .eee-product-display .eee-product .eee-product-control { width: 100%; position: relative; z-index: 2; } .eee-product-display .eee-product .eee-product-control .eee-product-price { background: #ebebeb; } .eee-product-display .eee-product .eee-product-control .eee-product-price.eee-product-double-price { line-height: 18px; font-size: 12px; font-weight: bold; text-transform: none; padding-top: 4px; display: block; } .eee-product-display .eee-product .eee-product-control .eee-product-price .eee-product-retail-price { color: #DF0B22; text-decoration: line-through; } .eee-product-display .eee-product .eee-product-control .eee-product-price .eee-product-saved-money-price { display: none; } .eee-product-display .eee-product .eee-product-control .viabill-pricetag { margin-top: 10px; padding: 0 10px; text-align: center; } .eee-product-display .eee-items-grid .eee-product-description--grid { display: block; padding: 0px 0px 15px 0px; } .eee-product-display .eee-items-list .eee-product-description--list { display: block; padding: 5px 0px 0px 15px; } .eee-product-display .eee-items-compact .eee-product-description--compact { display: block; } .eee-product-display .eee-items-compact > div > div, .eee-product-display .eee-items-list > div > div { width: 100%; } .eee-product-display .eee-items-compact .eee-grid, .eee-product-display .eee-items-list .eee-grid { margin: 0px; } .eee-product-display .eee-items-compact .eee-grid > div, .eee-product-display .eee-items-list .eee-grid > div { width: 100%; margin: 0px; padding: 0px; } .eee-product-display .eee-items-compact .eee-grid > div:nth-child(even), .eee-product-display .eee-items-list .eee-grid > div:nth-child(even) { background: #ebebeb; } .eee-product-display .eee-items-compact .eee-product { width: 100%; height: auto; flex-direction: row; align-items: center; margin-bottom: -1px; box-sizing: border-box; position: relative; padding: 0px; } .eee-product-display .eee-items-compact .eee-product .eee-product-image { width: 82px; height: 82px; flex-shrink: 0; position: static; } .eee-product-display .eee-items-compact .eee-product .eee-product-image .eee-product-stock--over-the-image-on-list.eee-product-stock, .eee-product-display .eee-items-compact .eee-product .eee-product-image .eee-product-stock--over-the-image.eee-product-stock { position: absolute; bottom: 5px; left: 93px; width: auto; z-index: auto; } .eee-product-display .eee-items-compact .eee-product .eee-product-image .eee-product-stock--over-the-image-on-list.eee-product-stock .eee-product-stock-bg, .eee-product-display .eee-items-compact .eee-product .eee-product-image .eee-product-stock--over-the-image.eee-product-stock .eee-product-stock-bg { z-index: 13; } .eee-product-display .eee-items-compact .eee-product .eee-product-image .eee-product-stock--over-the-image-on-list.eee-product-stock .eee-product-stock-text, .eee-product-display .eee-items-compact .eee-product .eee-product-image .eee-product-stock--over-the-image-on-list.eee-product-stock .eee-product-stock-dot, .eee-product-display .eee-items-compact .eee-product .eee-product-image .eee-product-stock--over-the-image.eee-product-stock .eee-product-stock-text, .eee-product-display .eee-items-compact .eee-product .eee-product-image .eee-product-stock--over-the-image.eee-product-stock .eee-product-stock-dot { z-index: 14; } .eee-product-display .eee-items-compact .eee-product .eee-product-fav { position: absolute; bottom: 0; left: 160px; right: auto; z-index: 4; } .eee-product-display .eee-items-compact .eee-product .eee-product-fav .eee-product-fav-single-icon { bottom: 0; right: auto; } .eee-product-display .eee-items-compact .eee-product .eee-product-fav .eee-product-fav-selector { top: auto; right: auto; max-height: none; white-space: nowrap; min-width: 180px; } .eee-product-display .eee-items-compact .eee-product .eee-product-wrapper { height: auto; line-height: normal; padding: 5px 0px 26px 10px; box-sizing: border-box; margin: 0px; align-self: flex-start; } .eee-product-display .eee-items-compact .eee-product .eee-product-wrapper .eee-product-cart-message { bottom: 10px; margin: 0px; } .eee-product-display .eee-items-compact .eee-product .eee-product-wrapper .eee-product-name { height: auto; padding: 0px; } .eee-product-display .eee-items-compact .eee-product .eee-product-control-wrapper { width: auto; flex-shrink: 0; } .eee-product-display .eee-items-compact .eee-product .eee-product-control { position: relative; z-index: 2; text-align: right; margin: 0px !important; padding-right: 10px; box-sizing: border-box; } .eee-product-display .eee-items-compact .eee-product .eee-product-control.eee-product-control--quantity-only { margin-right: 10px; } .eee-product-display .eee-items-compact .eee-product .eee-product-control .eee-product-price, .eee-product-display .eee-items-compact .eee-product .eee-product-control .eee-product-quantity, .eee-product-display .eee-items-compact .eee-product .eee-product-control .eee-product-buy-button { display: inline-block; vertical-align: middle; float: none; } .eee-product-display .eee-items-compact .eee-product .eee-product-control .eee-product-price { height: auto; line-height: 20px; padding: 0px 10px; margin-top: 0px; background: none; } .eee-product-display .eee-items-compact .eee-product .eee-product-control .viabill-pricetag { width: 0px; height: 0px; overflow: hidden; position: absolute; } .eee-product-display .eee-items-compact .eee-product .eee-product-control .eee-product-quantity { margin-right: 0px; } .eee-product-display .eee-items-compact .eee-product .eee-product-control .eee-product-buy-button { width: 110px; margin-left: 10px; margin-right: 0px; } .eee-product-display .eee-items-compact .eee-product .eee-product-control .eee-product-buy-button:hover { background: #004FFA; } @media (max-width: 767.98px) { .eee-product-display .eee-items-compact .eee-product { flex-wrap: wrap; padding: 10px !important; } .eee-product-display .eee-items-compact .eee-product .eee-product-image .eee-product-stock--over-the-image.eee-product-stock { left: 103px; bottom: 86px; } .eee-product-display .eee-items-compact .eee-product .eee-product-image .eee-product-fav { left: 170px; bottom: 84px; } .eee-product-display .eee-items-compact .eee-product .eee-product-wrapper { width: calc(100% - 83px); } .eee-product-display .eee-items-compact .eee-product .eee-product-control-wrapper { width: 100%; } .eee-product-display .eee-items-compact .eee-product .eee-product-control-wrapper .eee-product-control { display: flex; flex-wrap: wrap; padding-top: 5px; } .eee-product-display .eee-items-compact .eee-product .eee-product-control-wrapper .eee-product-control .eee-product-price { width: 100%; padding: 0 0 5px 0; text-align: left; } .eee-product-display .eee-items-compact .eee-product .eee-product-control-wrapper .eee-product-control .eee-product-quantity { flex-grow: 1; margin: 0; } .eee-product-display .eee-items-compact .eee-product .eee-product-control-wrapper .eee-product-control .eee-product-buy-button { margin: 0; } } .eee-product-display .eee-items-list .eee-product { width: 100%; padding: 10px; margin: 0px; margin-bottom: -1px; position: relative; border: 1px solid #ebebeb; text-align: left; box-sizing: border-box; flex-direction: row; align-items: flex-start; } .eee-product-display .eee-items-list .eee-product:hover { background: #004FFA; color: #fff; } .eee-product-display .eee-items-list .eee-product:hover .eee-variants-selectors { color: #0B0B13; } .eee-product-display .eee-items-list .eee-product .eee-product-price { background: none; } .eee-product-display .eee-items-list .eee-product .eee-product-image { overflow: visible; } .eee-product-display .eee-items-list .eee-product .eee-product-image-wrapper { position: relative; overflow: hidden; display: inline-block; vertical-align: top; } .eee-product-display .eee-items-list .eee-product .eee-product-image-wrapper img { max-width: 124px; display: block; } .eee-product-display .eee-items-list .eee-product .eee-product-stock--static, .eee-product-display .eee-items-list .eee-product .eee-product-stock--over-the-image-on-details { margin: 10px 0 0 15px; } .eee-product-display .eee-items-list .eee-product .eee-product-image .eee-product-stock--over-the-image-on-list.eee-product-stock, .eee-product-display .eee-items-list .eee-product .eee-product-image .eee-product-stock--over-the-image.eee-product-stock { position: absolute; bottom: 0; left: 139px; width: 100%; z-index: auto; } .eee-product-display .eee-items-list .eee-product .eee-product-image .eee-product-stock--over-the-image-on-list.eee-product-stock .eee-product-stock-bg, .eee-product-display .eee-items-list .eee-product .eee-product-image .eee-product-stock--over-the-image.eee-product-stock .eee-product-stock-bg { z-index: 13; } .eee-product-display .eee-items-list .eee-product .eee-product-image .eee-product-stock--over-the-image-on-list.eee-product-stock .eee-product-stock-text, .eee-product-display .eee-items-list .eee-product .eee-product-image .eee-product-stock--over-the-image-on-list.eee-product-stock .eee-product-stock-dot, .eee-product-display .eee-items-list .eee-product .eee-product-image .eee-product-stock--over-the-image.eee-product-stock .eee-product-stock-text, .eee-product-display .eee-items-list .eee-product .eee-product-image .eee-product-stock--over-the-image.eee-product-stock .eee-product-stock-dot { z-index: 14; } .eee-product-display .eee-items-list .eee-product .eee-product-fav { position: absolute; bottom: -5px; left: 205px; z-index: 4; } .eee-product-display .eee-items-list .eee-product .eee-product-fav .eee-product-fav-single-icon { bottom: 0; right: auto; } .eee-product-display .eee-items-list .eee-product .eee-product-wrapper { width: 100%; margin: 0 15px 20px 15px; padding: 0; } .eee-product-display .eee-items-list .eee-product .eee-product-wrapper .eee-product-cart-message { bottom: 10px; margin: 0px; } .eee-product-display .eee-items-list .eee-product .eee-product-wrapper .eee-variants-selectors { max-width: 250px; } .eee-product-display .eee-items-list .eee-product .eee-product-name { font-size: 18px; line-height: normal; cursor: pointer; padding: 0px; height: auto; } .eee-product-display .eee-items-list .eee-product .eee-items-tags { padding: 10px 0 5px 0; } .eee-product-display .eee-items-list .eee-product .eee-product-control-wrapper { width: auto; flex-shrink: 0; } .eee-product-display .eee-items-list .eee-product .eee-product-control { text-align: left; background: #fff; position: relative; z-index: 2; } .eee-product-display .eee-items-list .eee-product .eee-product-control.eee-product-control--quantity-field .eee-product-buy-button { width: 80px; height: auto; background: none; color: #004FFA; line-height: normal; margin: 9px 0px 0px 0px; padding: 0px 10px; text-align: left; } .eee-product-display .eee-items-list .eee-product .eee-product-control.eee-product-control--quantity-field .eee-product-buy-button .eee-product-buy-button-icon, .eee-product-display .eee-items-list .eee-product .eee-product-control.eee-product-control--quantity-field .eee-product-buy-button .eee-product-buy-button-text { display: none; } .eee-product-display .eee-items-list .eee-product .eee-product-control .eee-product-price { height: auto; line-height: normal; color: #004FFA; font-size: 17px; margin-top: 15px; margin-bottom: 5px; text-align: center; } .eee-product-display .eee-items-list .eee-product .eee-product-control .viabill-pricetag { margin-top: -10px; } .eee-product-display .eee-items-list .eee-product .eee-product-control .eee-product-quantity { width: 90px; height: 44px; box-sizing: border-box; font-size: 18px; float: left; } .eee-product-display .eee-items-list .eee-product .eee-product-control .eee-product-quantity input { width: 30px; height: 44px; border: 0px; text-align: center; font-size: 14px; box-sizing: border-box; } .eee-product-display .eee-items-list .eee-product .eee-product-control .eee-product-quantity .eee-product-quantity-minus, .eee-product-display .eee-items-list .eee-product .eee-product-control .eee-product-quantity .eee-product-quantity-plus { width: 30px; height: 44px; line-height: 44px; } .eee-product-display .eee-items-list .eee-product .eee-product-control .eee-product-buy-button { height: 44px; background: #004FFA; color: #FFFFFF; display: inline-block; vertical-align: top; color: #fff; font-weight: 700; padding: 0px 10px; text-align: center; cursor: pointer; margin-left: 10px; } .eee-product-display .eee-items-list .eee-product .eee-product-control .eee-product-buy-button .eee-product-buy-button-icon { width: 18px; height: 13px; background: url("/files/smb/layout/buy-icon.png"); display: block; margin: 8px auto 4px auto; } .eee-product-display .eee-items-list .eee-product .eee-product-control .eee-product-buy-button .eee-product-buy-button-text { line-height: normal; } .eee-product-display #eee-product-details { background: #fff; } @media (min-width: 1000px) { .eee-product-display #eee-product-details { border: 1px solid #ebebeb; padding: 20px; } } .eee-product-display #eee-product-details .eee-product-stock.eee-product-stock--over-the-image, .eee-product-display #eee-product-details .eee-product-stock.eee-product-stock--over-the-image-on-details { position: absolute; z-index: 9; bottom: 15px; left: 15px; } .eee-product-display #eee-product-details .eee-product-stock.eee-product-stock--over-the-image .eee-product-stock-text, .eee-product-display #eee-product-details .eee-product-stock.eee-product-stock--over-the-image-on-details .eee-product-stock-text { display: none; } .eee-product-display #eee-product-details .eee-product-stock.eee-product-stock--over-the-image:hover .eee-product-stock-bg, .eee-product-display #eee-product-details .eee-product-stock.eee-product-stock--over-the-image:hover .eee-product-stock-text, .eee-product-display #eee-product-details .eee-product-stock.eee-product-stock--over-the-image-on-details:hover .eee-product-stock-bg, .eee-product-display #eee-product-details .eee-product-stock.eee-product-stock--over-the-image-on-details:hover .eee-product-stock-text { display: inline-block; vertical-align: top; } .eee-product-display #eee-product-details .eee-product-stock.eee-product-stock--static, .eee-product-display #eee-product-details .eee-product-stock.eee-product-stock--over-the-image-on-list { margin: -5px 0 15px 0; position: relative; z-index: 2; } .eee-product-display #eee-product-details .eee-product-stock .eee-product-stock__popup { top: 30px; bottom: auto; } .eee-product-display #eee-product-details .eee-product-stock .eee-product-stock-text .fa { transform: rotate(180deg); } .eee-product-display #eee-product-details .eee-product-cart-message { width: 80%; font-weight: bold; font-size: 13px; background: #DF0B22; line-height: normal; color: #fff; position: absolute; z-index: 15; top: 0px; left: 0px; box-sizing: border-box; margin: 10px 0px 0px 0px; overflow: hidden; padding: 10px; display: none; animation: fav-beat 1s ease infinite alternate; } .eee-product-display #eee-product-details .eee-product-cart-message span { display: none; } .eee-product-display #eee-product-details .eee-product-cart-message.eee-product-cart-message--add > .eee-product-cart-message__add { display: block; } .eee-product-display #eee-product-details .eee-product-cart-message.eee-product-cart-message--remove > .eee-product-cart-message__remove { display: block; } .eee-product-display #eee-product-details #eee-product-details__left-side { position: relative; } .eee-product-display #eee-product-details #eee-product-details__social-icons { margin-top: 20px; } .eee-product-display #eee-product-details #eee-product-details__left-side, .eee-product-display #eee-product-details #eee-product-details__right-side { text-align: left; } @media (min-width: 1000px) { .eee-product-display #eee-product-details { display: flex; min-height: 1px; } .eee-product-display #eee-product-details #eee-product-details__left-side { max-width: 50%; flex-shrink: 0; } .eee-product-display #eee-product-details #eee-product-details__right-side { flex-grow: 1; padding-left: 25px; } } @media (max-width: 999.98px) { .eee-product-display #eee-product-details #eee-product-details__right-side { padding: 0 0 15px 0; } } .eee-product-display #eee-product-details #eee-product-details__name { font-weight: normal; margin: 0px; font-size: 24px; line-height: normal; text-transform: uppercase; margin: 15px 0px; text-align: left; } @media (min-width: 999.98px) { .eee-product-display #eee-product-details #eee-product-details__name { margin: 0px 0px 15px 0px; } } .eee-product-display #eee-product-details .eee-product-code { color: #888888; font-size: 12px; margin: -15px 0px 15px 0px; } .eee-product-display #eee-product-details .eee-main-image-wrapper { clear: both; text-align: center; position: relative; text-align: left; display: inline-block; vertical-align: top; } .eee-product-display #eee-product-details .eee-main-image-wrapper img { position: relative; z-index: 2; } .eee-product-display #eee-product-details .eee-main-video { position: relative; } .eee-product-display #eee-product-details .eee-main-video .eee-main-image-play-icon { width: 71px; height: 50px; background: url(/files/smb/layout/youtube-play.png); position: absolute; top: 50%; left: 50%; margin: -25px 0px 0px -35px; z-index: 3; cursor: pointer; } .eee-product-display #eee-product-details .eee-main-video:hover > .eee-main-image-play-icon { background-position: 0px -50px; } .eee-product-display #eee-product-details .eee-main-image, .eee-product-display #eee-product-details .eee-thumb-image { cursor: pointer; } .eee-product-display #eee-product-details .eee-product-details__thumbnails { position: relative; font-size: 0; margin: 10px 0 0 0; width: calc(100% + 10px); } .eee-product-display #eee-product-details .eee-product-details__thumbnails .slick-track { float: left; } .eee-product-display #eee-product-details .eee-product-details__thumbnails .slick-track .slick-slide > div { height: auto !important; } .eee-product-display #eee-product-details .eee-product-details__thumbnails .eee-thumb-image-wrapper { width: auto !important; display: block !important; margin-right: 10px; border: 1px solid #ebebeb; padding: 4px; float: left; } .eee-product-display #eee-product-details .eee-product-details__thumbnails .eee-product-details__thumbnails-button { position: absolute; top: 0; left: 0; background: #004FFA; color: #fff; padding: 0 7px; font-size: 18px; height: 100%; line-height: normal; z-index: 3; cursor: pointer; display: none !important; } .eee-product-display #eee-product-details .eee-product-details__thumbnails .eee-product-details__thumbnails-button.fa-angle-right { left: auto; right: 0; } .eee-product-display #eee-product-details .eee-product-details__thumbnails:hover > .eee-product-details__thumbnails-button { display: flex !important; align-items: center; justify-content: center; } .eee-product-display #eee-product-details .eee-thumb-video { position: relative; cursor: pointer; } .eee-product-display #eee-product-details .eee-thumb-video .eee-thumb-play-icon { background: url(/files/smb/layout/youtube-play.png); background-size: 40px 60px; position: absolute; width: 40px; height: 30px; left: 50%; top: 50%; margin: -15px 0 0 -20px; } .eee-product-display #eee-product-details .eee-thumb-video:hover > .eee-thumb-play-icon { background-position: 0px -30px; } .eee-product-display #eee-product-details .eee-product-price { width: 100%; height: auto; font-size: 24px; line-height: normal; font-weight: normal; text-align: left; border: 0px; margin-bottom: 15px; } @media (max-width: 767.98px) { .eee-product-display #eee-product-details .eee-product-price .eee-product-retail-price { display: block; } } @media (min-width: 1000px) { .eee-product-display #eee-product-details .eee-product-price { text-align: right; border-bottom: 1px solid #ebebeb; padding-bottom: 10px; margin-bottom: 10px; } } .eee-product-display #eee-product-details .eee-product-price .eee-product-retail-price { color: #DF0B22; text-decoration: line-through; display: block; } .eee-product-display #eee-product-details .eee-product-price .eee-product-saved-money-price { display: block; font-size: 14px; color: #646464; font-weight: bold; text-transform: none; } .eee-product-display #eee-product-details .viabill-pricetag { float: left; margin: -10px 0 0 0; } @media (max-width: 767.98px) { .eee-product-display #eee-product-details .viabill-pricetag { float: none; margin: -5px 0 10px 0; background: #ebebeb; padding: 0 10px 10px 10px; } } .eee-product-display #eee-product-details .eee-product-control { border-top: 1px solid #ebebeb; border-bottom: 1px solid #ebebeb; padding: 10px 0px; text-align: left; } @media (min-width: 1000px) { .eee-product-display #eee-product-details .eee-product-control { text-align: right; } } .eee-product-display #eee-product-details .eee-product-control .eee-product-quantity { margin: 0px; display: inline-block; vertical-align: top; float: none; } .eee-product-display #eee-product-details .eee-product-control .eee-product-buy-button { margin: 0px 0px 0px 15px; display: inline-block; vertical-align: top; float: none; } .eee-product-display #eee-product-details #eee-product-short-description { font-weight: bold; } .eee-product-display #eee-product-details #eee-product-description { margin-top: 15px; line-height: 22px; } .eee-product-display #eee-product-details #eee-product-details-tabs__videos { display: flex; flex-wrap: wrap; margin: -15px; } .eee-product-display #eee-product-details #eee-product-details-tabs__videos > div { width: 50%; box-sizing: border-box; padding: 15px; } @media (max-width: 767.98px) { .eee-product-display #eee-product-details #eee-product-details-tabs__videos > div { width: 100%; } } .eee-product-display #eee-product-details .eee-product-details-video { position: relative; padding-top: 56.25%; } .eee-product-display #eee-product-details .eee-product-details-video iframe { width: 100%; height: 100%; position: absolute; top: 0; left: 0; } .eee-product-display #eee-product-details .eee-technical-data { width: 100%; border-collapse: collapse; } .eee-product-display #eee-product-details .eee-technical-data tr td { border: 1px solid #d1d1d1; padding: 10px; } .eee-product-display #eee-related-products-heading { margin: 15px 0px; } .eee-product-display .eee-product-discount-percentege { position: absolute; top: -10px; left: -10px; z-index: 4; width: 48px; height: 48px; display: flex; align-items: center; justify-content: center; background: #DF0B22; color: #fff; font-size: 13px; font-weight: bold; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; line-height: 14px; } .eee-product-display .eee-items-grid .eee-product-stock--static, .eee-product-display .eee-items-grid .eee-product-stock--over-the-image-on-details, .eee-product-display .eee-items-list .eee-product-stock--static, .eee-product-display .eee-items-list .eee-product-stock--over-the-image-on-details, .eee-product-display .eee-items-compact .eee-product-stock--static, .eee-product-display .eee-items-compact .eee-product-stock--over-the-image-on-details { position: relative; z-index: 1; } .eee-product-display .eee-product-stock.eee-product-stock--hidden { display: none; } .eee-product-display .eee-product-stock.eee-product-stock--in-stock .eee-product-stock-dot { background: #549132; } .eee-product-display .eee-product-stock.eee-product-stock--few-in-stock .eee-product-stock-dot { background: #FDE53B; } .eee-product-display .eee-product-stock.eee-product-stock--out-of-stock .eee-product-stock-dot { background: #DF0B22; } .eee-product-display .eee-product-stock .eee-product-stock-dot { width: 18px; height: 18px; border: 2px solid #fff; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; position: relative; z-index: 5; display: inline-block; vertical-align: top; } .eee-product-display .eee-product-stock .eee-product-stock-bg { display: none; position: absolute; background: #fff; height: 26px; border-radius: 12px; -moz-border-radius: 12px; -webkit-border-radius: 12px; left: -2px; top: -2px; right: 0px; bottom: 0px; } .eee-product-display .eee-product-stock .eee-product-stock-text { display: inline-block; vertical-align: top; color: #0B0B13; font-size: 12px; font-weight: bold; position: relative; z-index: 4; margin: 0 10px 0px 2px; } .eee-product-display .eee-product-stock .eee-product-stock-text i { margin-left: 4px; } .eee-product-display .eee-hidden-features { display: none !important; } .eee-product-display .eee-product-control.eee-product-control--quantity-field .eee-product-buy-button { background: none; color: #004FFA; line-height: normal; cursor: auto; } .eee-product-display .eee-product-control.eee-product-control--quantity-field .eee-product-buy-button .eee-product-buy-button-icon, .eee-product-display .eee-product-control.eee-product-control--quantity-field .eee-product-buy-button .eee-product-buy-button-text { display: none; } .eee-product-display .eee-product-control.eee-product-control--quantity-field .eee-product-buy-button .eee-product-buy-button-quantity-text { display: block; } .eee-product-display .eee-product-control.eee-product-control--quantity-hidden .eee-product-quantity { display: none !important; } .eee-product-display .eee-product-control.eee-product-control--quantity-only .eee-product-buy-button { display: none !important; } .eee-product-display .eee-product-control .eee-product-quantity { margin: 10px 0px 10px 10px; float: left; } .eee-product-display .eee-product-control .eee-product-price { padding: 9px 0px; color: #004FFA; text-align: center; } .eee-product-display .eee-product-control .eee-product-buy-button { width: 90px; font-size: 12px; font-weight: bold; background: #004FFA; color: #FFFFFF; text-align: center; height: 30px; line-height: 30px; cursor: pointer; text-align: center; margin: 10px 10px 10px 0px; float: right; } .eee-product-display .eee-product-control .eee-product-buy-button.eee-product-buy-button--green { background: #549132; animation: fav-beat 0.7s ease infinite alternate; } .eee-product-display .eee-product-control .eee-product-buy-button .eee-product-buy-button-quantity-text { display: none; } .eee-product-display .eee-product-control .eee-product-buy-button .eee-product-buy-button-text, .eee-product-display .eee-product-control .eee-product-buy-button .eee-product-buy-button-icon { display: inline-block; vertical-align: top; } .eee-product-display .eee-product-control .eee-product-buy-button .eee-product-buy-button-icon { width: 18px; height: 13px; background: url("/files/smb/layout/buy-icon.png"); margin: 8px 0px 0px 0px; } /*============================== | Product favorites | ==============================*/ .eee-favorites-heading { position: relative; text-align: left; font-size: 36px; line-height: 42px; margin: 25px auto; word-break: break-word; display: flex; align-items: center; } .eee-favorites-heading .eee-favorites-heading__line { background: #004FFA; height: 1px; flex-grow: 1; margin: 0 15px; } .eee-favorites-heading input { width: calc(100% - 85px); border: 1px solid #004FFA; padding: 5px 10px; height: auto; background: #fff; position: absolute; font-size: 16px; display: none; } .eee-favorites-heading input, .eee-favorites-heading .fa { border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; } .eee-favorites-heading .fa { width: 30px; height: 30px; line-height: 30px; text-align: center; float: right; margin-left: 10px; background: #004FFA; color: #fff; font-size: 13px; cursor: pointer; } .eee-favorites-heading .fa:hover { background: #2E70FF; } .eee-favorites-heading .fa.fa-edit { margin-left: 5px; } .eee-product-fav { position: absolute; top: 10px; right: 10px; bottom: 10px; left: 10px; } .eee-product-fav .eee-product-fav-list-heading { font-weight: bold; margin-bottom: 5px; } .eee-product-fav .eee-product-fav-icon:after { width: 16px; height: 27px; content: " "; position: absolute; left: -16px; } .eee-product-fav .eee-product-fav-icon, .eee-product-fav .eee-product-fav-single-icon { width: 25px; height: 22px; line-height: 22px; position: absolute; bottom: 5px; right: 5px; z-index: 10; cursor: pointer; text-align: center; color: #fff; font-weight: bold; font-size: 12px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .eee-product-fav .eee-product-fav-icon:not(.eee-product-fav-single-icon--remove), .eee-product-fav .eee-product-fav-single-icon:not(.eee-product-fav-single-icon--remove) { background-image: url("/files/smb/layout/fav-icon-22.png"); } .eee-product-fav .eee-product-fav-icon.selected:before, .eee-product-fav .eee-product-fav-single-icon.selected:before { content: " "; width: 0; height: 0; border-top: 8px solid transparent; border-bottom: 8px solid transparent; border-left: 8px solid #fff; position: absolute; left: -16px; bottom: 7px; } .eee-product-fav .eee-product-fav-icon.eee-product-fav-single-icon--remove, .eee-product-fav .eee-product-fav-single-icon.eee-product-fav-single-icon--remove { width: 25px; height: 25px; line-height: 25px; background: #DF0B22; color: #fff; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; } .eee-product-fav .eee-product-fav-icon.eee-product-fav-single-icon--remove i, .eee-product-fav .eee-product-fav-single-icon.eee-product-fav-single-icon--remove i { font-size: 10px; position: relative; top: -13px; color: red; right: -11px; background: #ebebeb; width: 13px; height: 13px; line-height: 13px; border-radius: 50%; } .eee-product-fav .eee-product-fav-icon:not(.eee-product-fav-single-icon--remove).eee-active, .eee-product-fav .eee-product-fav-single-icon:not(.eee-product-fav-single-icon--remove).eee-active { background-position: -25px 0; } .eee-product-fav .eee-product-fav-selector { background: #fff; padding: 10px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; position: absolute; bottom: 0; right: 46px; z-index: 10; display: none; line-height: normal; box-sizing: border-box; max-height: 100%; overflow-x: hidden; overflow-y: auto; } .eee-product-fav .eee-product-fav-selector label { display: flex; position: relative; margin: 2px 0; word-break: break-word; } .eee-product-fav .eee-product-fav-selector label input[type="checkbox"] { margin: 4px 5px 0 0; } .eee-product-fav .eee-product-fav-selector div { position: relative; } .eee-product-fav .eee-product-fav-selector input[type="text"] { height: 30px; line-height: normal; margin-top: 4px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; padding-right: 34px; padding-left: 5px; font-size: 14px; } .eee-product-fav .eee-product-fav-selector .eee-product-fav_add-new { width: 30px; height: 30px; line-height: 30px; background: #004FFA; font-weight: bold; text-align: center; border-top-right-radius: 4px; -moz-top-right-radius: 4px; -webkit-top-right-radius: 4px; border-bottom-right-radius: 4px; -moz-bottom-right-radius: 4px; -webkit-bottom-right-radius: 4px; position: absolute; cursor: pointer; right: 0px; top: 4px; color: #fff; } /*============================== | Product quantity | ==============================*/ .eee-product-buy-button { -webkit-user-select: none; -ms-user-select: none; user-select: none; } .eee-product-quantity input[type='text'] { width: 30px; height: 30px; border: 0px; padding: 0px; background: #EBEBEB; color: #0B0B13; box-sizing: border-box; text-align: center; float: left; } .eee-product-quantity .eee-product-quantity-minus, .eee-product-quantity .eee-product-quantity-plus { width: 30px; height: 30px; line-height: 30px; color: #0B0B13; background: none; font-size: 13px; cursor: pointer; text-align: center; float: left; -webkit-user-select: none; -ms-user-select: none; user-select: none; } .eee-product-quantity.eee-product-quantity--full { float: none; margin: 10px; } .eee-product-quantity.eee-product-quantity--full input[type='text'], .eee-product-quantity.eee-product-quantity--full .eee-product-quantity-minus, .eee-product-quantity.eee-product-quantity--full .eee-product-quantity-plus { width: 33.333%; } .hidden-via-bill-price { display: none; } @media (max-width: 999.98px) { .zoomContainer { display: none; } } /*============================== | Product stock popup | ==============================*/ .eee-product-stock__popup { display: none; opacity: 0; bottom: 30px; position: absolute; transition: opacity 150ms; z-index: 999; font-size: 13px; line-height: normal; padding-bottom: 10px; min-width: 245px; } .eee-product-stock__popup .eee-product-stock__popup-wrapper { background: #fff; box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); max-height: 300px; overflow-y: auto; padding: 10px; /* width */ /* Track */ /* Handle */ /* Handle on hover */ } .eee-product-stock__popup .eee-product-stock__popup-wrapper::-webkit-scrollbar { width: 5px; } .eee-product-stock__popup .eee-product-stock__popup-wrapper::-webkit-scrollbar-track { background: #EBEBEB; } .eee-product-stock__popup .eee-product-stock__popup-wrapper::-webkit-scrollbar-thumb { background: #004FFA; } .eee-product-stock__popup .eee-product-stock__popup-wrapper::-webkit-scrollbar-thumb:hover { background: #555; } .eee-product-stock__popup .eee-product-stock__disponibel { text-align: left; border-bottom: 1px dashed #d1d1d1; padding: 0 30px 10px 0; margin-bottom: 5px; position: relative; } .eee-product-stock__popup .eee-product-stock__disponibel > div { display: flex; } .eee-product-stock__popup .eee-product-stock__disponibel > div > *:first-child { flex-grow: 1; } .eee-product-stock__popup .eee-product-stock__disponibel .eee-product-stock__popup-close { position: absolute; top: 0px; right: 0px; cursor: pointer; } .eee-product-stock__popup .eee-product-stock__disponibel .eee-product-stock__popup-close:hover { color: #004FFA; } .eee-product-stock__popup .eee-product-stock__disponibel .eee-product-stock__popup-close:after { font-family: "FontAwesome"; content: "\f057"; font-size: 24px; color: #4A4A4A; cursor: pointer; } .eee-product-stock__popup table { width: 100%; border-collapse: collapse; margin: 0; } .eee-product-stock__popup table tr:nth-child(even) td, .eee-product-stock__popup table tr:nth-child(even) th { background: #EBEBEB!important; } .eee-product-stock__popup table tr td, .eee-product-stock__popup table tr th { padding: 5px; background: #fff !important; color: #0B0B13!important; border: 0 !important; } @media (max-width: 479.98px) { .eee-product-stock__popup table tr td, .eee-product-stock__popup table tr th { padding: 2px; } } .eee-product-stock__popup table tr td:first-child, .eee-product-stock__popup table tr th:first-child { min-width: 80px; text-align: left; } @media (min-width: 480px) { .eee-product-stock__popup table tr td:last-child, .eee-product-stock__popup table tr th:last-child { min-width: 80px; } } .eee-product-stock__popup table tr:hover td, .eee-product-stock__popup table tr:hover th { background: #004FFA!important; color: #fff !important; } .eee-product-stock.eee-active > .eee-product-stock__popup { display: block; opacity: 1; } .zoomContainer { z-index: 4 !important; } .zoomContainer .zoomLensText { width: auto !important; position: absolute; background: rgba(0, 0, 0, 0.8); color: #fff; padding: 4px 10px; line-height: normal; font-size: 12px; font-weight: bold; display: none; box-sizing: border-box; z-index: 9999; } .zoomContainer .zoomLensText i { display: inline-block; vertical-align: top; margin: 1px 5px 0 0; } .zoomContainer .zoomLensText:after { width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid rgba(0, 0, 0, 0.8); content: " "; position: absolute; bottom: 0; left: 5px; margin-bottom: -10px; } .zoomContainer .zoomLensText.hide-all { display: none; } #eee-favorite-page-empty-message { display: none; } #eee-favorite-page-empty-message.active { display: block; } /*============================== | Files | ==============================*/ .eee-files-grid-space { height: 15px; } .eee-files-grid { display: flex; flex-wrap: wrap; margin: -10px; } .eee-files-grid a { text-decoration: none; } .eee-files-grid .eee-seeems-file-column { width: 33.333%; box-sizing: border-box; padding: 10px; } @media (max-width: 767.98px) { .eee-files-grid .eee-seeems-file-column { width: 50%; } } /*============================== | Product animation | ==============================*/ .eee-products-animation { position: relative; } .eee-products-animation .slick-list.draggable { margin: 0; } .eee-products-animation .eee-slick-animation-prev, .eee-products-animation .eee-slick-animation-next { width: 40px; height: 100px; line-height: 100px; text-align: center; background: #004FFA; color: #fff; position: absolute; top: 50%; margin-top: -50px; z-index: 10; cursor: pointer; display: none; } .eee-products-animation:hover .eee-slick-animation-prev, .eee-products-animation:hover .eee-slick-animation-next { display: block; } .eee-products-animation .eee-slick-animation-prev { left: 0px; border-border-top-right-radius: 4px; -moz-border-top-right-radius: 4px; -webkit-border-top-right-radius: 4px; border-border-bottom-right-radius: 4px; -moz-border-bottom-right-radius: 4px; -webkit-border-bottom-right-radius: 4px; } .eee-products-animation .eee-slick-animation-next { right: 0px; border-border-top-left-radius: 4px; -moz-border-top-left-radius: 4px; -webkit-border-top-left-radius: 4px; border-border-bottom-left-radius: 4px; -moz-border-bottom-left-radius: 4px; -webkit-border-bottom-left-radius: 4px; } @keyframes fav-beat { from { transform: scale(1); } to { transform: scale(0.9); } } @keyframes beat { from { transform: rotate(-20deg) scale(1); } to { transform: rotate(-20deg) scale(1.1); } } /* style: 3503*/ .eee-variants-selectors { position: relative; z-index: 4; margin-bottom: 10px; } .eee-variants-selectors .eee-variants-selector:not(:last-child) { margin-bottom: 10px; } .eee-variants-selectors .eee-variants-selector .eee-variants-selector__heading { background: #fff; border: 1px solid #ebebeb; padding: 10px 20px 10px 10px; position: relative; cursor: pointer; user-select: none; } .eee-variants-selectors .eee-variants-selector .eee-variants-selector__heading .eee-variants-selector__heading-icon:after { font-family: "FontAwesome"; content: "\f107"; position: absolute; right: 10px; top: 10px; transition: transform 150ms; } .eee-variants-selectors .eee-variants-selector.eee-hidden { display: none; } .eee-variants-selectors .eee-variants-selector.eee-disabled .eee-variants-selector__heading { background: #EBEBEB; color: #646464; } .eee-variants-selectors .eee-variants-selector .eee-variants-selector__options { display: none; background: #fff; padding: 0; max-height: 300px; overflow-y: auto; border: 1px solid #ebebeb; user-select: none; position: absolute; z-index: 12; left: 0; right: 0; margin-top: 10px; } .eee-variants-selectors .eee-variants-selector .eee-variants-selector__options .eee-variants-selector__search { padding: 10px; } .eee-variants-selectors .eee-variants-selector .eee-variants-selector__options .eee-variants-selector__search input { border: 1px solid #ebebeb; height: 30px; } .eee-variants-selectors .eee-variants-selector .eee-variants-selector__options .eee-variants-selector__option { padding: 5px 10px; border-top: 1px solid #ebebeb; cursor: pointer; } .eee-variants-selectors .eee-variants-selector .eee-variants-selector__options .eee-variants-selector__option:nth-child(2) { background: #ebebeb; } .eee-variants-selectors .eee-variants-selector .eee-variants-selector__options .eee-variants-selector__option:hover, .eee-variants-selectors .eee-variants-selector .eee-variants-selector__options .eee-variants-selector__option.eee-variants-selector__option--selected { background: #004FFA; color: #fff; } .eee-variants-selectors .eee-variants-selector .eee-variants-selector__options .eee-variants-selector__option:hover .eee-product-stock .eee-product-stock-text, .eee-variants-selectors .eee-variants-selector .eee-variants-selector__options .eee-variants-selector__option.eee-variants-selector__option--selected .eee-product-stock .eee-product-stock-text { color: #fff; } .eee-variants-selectors .eee-variants-selector.eee-active .eee-variants-selector__heading-icon:after { transform: rotate(180deg); } .eee-variants-selectors .eee-variants-selector.eee-active .eee-variants-selector__options { display: block; } .eee-variants-selectors .eee-variants-selector .eee-product-stock { position: static !important; margin: 0; } .eee-variants-selectors .eee-variants-selector .eee-product-stock .eee-product-stock-bg { display: none !important; } .eee-variants-selectors .eee-variants-selector .eee-product-stock .eee-product-stock-dot { width: 13px; height: 13px; margin-top: 3px; border: 0; } .eee-variants-selectors .eee-variants-selector .eee-product-stock .eee-product-stock-text { display: inline-block !important; } .eee-variants-selectors .eee-variants-selector .eee-product-stock .eee-product-stock-text i { display: none; } .eee-expanded-variants-selector { margin-bottom: 15px; } .eee-expanded-variants-selector:last-child { margin-bottom: 30px; } .eee-expanded-variants-selector .eee-variants-selector__heading { font-weight: bold; text-transform: uppercase; display: flex; align-items: center; padding: 15px 0 5px 0; } .eee-expanded-variants-selector .eee-variants-selector__heading .eee-variants-selector__heading-icon { border-bottom: 1px solid #2E70FF; margin-left: 15px; margin-top: -1px; flex-grow: 1; } .eee-expanded-variants-selector .eee-variants-selector__options { display: flex; flex-wrap: wrap; } .eee-expanded-variants-selector .eee-variants-selector__options .eee-variants-selector__option { position: relative; margin-top: 15px; cursor: pointer; } .eee-expanded-variants-selector .eee-variants-selector__options .eee-variants-selector__option.eee-variants-selector__option--disabled { cursor: auto; opacity: 0.5; } .eee-expanded-variants-selector .eee-variants-selector__options .eee-variants-selector__option .eee-variants-selector__option-dot { width: 16px; height: 16px; background: #fff; border: 1px solid #d1d1d1; border-radius: 16px; display: inline-block; vertical-align: top; margin-right: 6px; margin-top: 3px; position: relative; box-sizing: border-box; } .eee-expanded-variants-selector .eee-variants-selector__options .eee-variants-selector__option .eee-variants-selector__option-image { width: 75px; height: 75px; display: flex; align-items: center; justify-content: center; } .eee-expanded-variants-selector .eee-variants-selector__options .eee-variants-selector__option .eee-variants-selector__option-image.eee-variants-selector__option-image--empty { border: 1px solid #ebebeb; } .eee-expanded-variants-selector .eee-variants-selector__options .eee-variants-selector__option.eee-variants-selector__option--selected .eee-variants-selector__option-dot:after { width: 10px; height: 10px; border-radius: 10px; background: #2E70FF; position: absolute; left: 2px; top: 2px; content: ' '; } .eee-expanded-variants-selector .eee-variants-selector__options .eee-variants-selector__option.eee-variants-selector__option--selected .eee-variants-selector__option-image:after { transform: rotate(45deg); height: 24px; width: 12px; border-bottom: 7px solid #fff; border-right: 7px solid #fff; content: " "; position: absolute; left: 29px; top: 18px; } .eee-expanded-variants-selector .eee-variants-selector__options .eee-variants-selector__option.eee-variants-selector__option--selected .eee-variants-selector__option-image.eee-variants-selector__option-image--empty:after { height: 12px; width: 6px; border-bottom: 3px solid black; border-right: 3px solid black; bottom: 8px; left: auto; top: auto; right: 10px; } .eee-expanded-variants-selector .eee-variants-selector__options .eee-variants-selector__option:not(:last-child) { margin-right: 15px; } .eee-variants-selector-message { background: #8b0000; color: #fff; padding: 10px; position: relative; padding-left: 55px; } .eee-variants-selector-message i { width: 40px; position: absolute; left: 0; top: 0; bottom: 0; display: flex; align-items: center; justify-content: center; border-right: 2px solid #fff; } #eee-product-details .eee-variants-selector-message { margin: 25px 0 30px 0 !important; } /* style: 2709*/ .animated-basket-position { /* .animated-basket-show-if-products { display: none; } */ } .animated-basket-position.animated-basket-position--absolute-top-left { left: 25px; top: 0px; } .animated-basket-position.animated-basket-position--absolute-top-right { right: 25px; top: 0px; } .animated-basket-position.animated-basket-position--absolute-top-left, .animated-basket-position.animated-basket-position--absolute-top-right { width: 220px; position: absolute; } .animated-basket-position.animated-basket-position--absolute-top-left .animated-basket, .animated-basket-position.animated-basket-position--absolute-top-right .animated-basket { width: 220px; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; background: #004FFA; color: #FFFFFF; padding: 5px 10px 10px 10px; box-sizing: border-box; z-index: 12; min-height: 30px; text-align: center; position: absolute; top: 0px; clear: both; } .animated-basket-position.animated-basket-position--absolute-top-left .animated-basket .animated-basket-header, .animated-basket-position.animated-basket-position--absolute-top-right .animated-basket .animated-basket-header { color: #004FFA; } @media (min-width: 999.98px) { .animated-basket-position.animated-basket-position--absolute-top-left .animated-basket .animated-basket-header, .animated-basket-position.animated-basket-position--absolute-top-right .animated-basket .animated-basket-header { background: #ebebeb; } } @media (max-width: 999.98px) { .animated-basket-position.animated-basket-position--absolute-top-left .animated-basket, .animated-basket-position.animated-basket-position--absolute-top-right .animated-basket { width: auto; background: none; padding: 0px; margin: 0px; position: static; text-align: right; } .animated-basket-position.animated-basket-position--absolute-top-left .animated-basket .animated-basket-header, .animated-basket-position.animated-basket-position--absolute-top-right .animated-basket .animated-basket-header { display: inline-block; vertical-align: top; text-align: right; } .animated-basket-position.animated-basket-position--absolute-top-left .animated-basket .animated-basket-price, .animated-basket-position.animated-basket-position--absolute-top-right .animated-basket .animated-basket-price { display: none; } } .animated-basket-position.animated-basket-position--relative .animated-basket { background: #ebebeb; padding: 5px 10px 10px 10px; border-radius: 6px; text-align: center; } @media (min-width: 1000px) { .animated-basket-position.animated-basket-position--relative .animated-basket .animated-basket-content { position: absolute; right: 0; } } @media (max-width: 999.98px) { .animated-basket-position.animated-basket-position--relative .animated-basket { width: auto; min-width: 29px; background: none; padding: 0px; margin: 0; top: 0px; right: 0; position: static; text-align: right; } .animated-basket-position.animated-basket-position--relative .animated-basket .animated-basket-header { display: inline-block; vertical-align: top; text-align: right; } .animated-basket-position.animated-basket-position--relative .animated-basket .animated-basket-price { display: none; } } .animated-basket-position.animated-basket-type--hidden { display: none !important; } .animated-basket-position.animated-basket-type--expanded .animated-basket-content, .animated-basket-position.animated-basket-type--expanded-locked .animated-basket-content { display: block; } .animated-basket-position.animated-basket-type--expanded .animated-basket-content .animated-basket-product-list, .animated-basket-position.animated-basket-type--expanded-locked .animated-basket-content .animated-basket-product-list { max-height: none; } .animated-basket-position .animated-basket { top: 61px; } .animated-basket-position .animated-basket-header { cursor: pointer; } .animated-basket-position .animated-basket-logo, .animated-basket-position .animated-basket-info { display: inline-block; vertical-align: top; } .animated-basket-position .animated-basket-info { margin: 8px 0px 0px 10px; font-weight: 600; font-size: 12px; position: relative; } .animated-basket-position .animated-basket-info .animated-basket-quantity, .animated-basket-position .animated-basket-info .animated-basket-loading { width: 25px; height: 25px; line-height: 25px; border-radius: 50%; text-align: center; background: #004FFA; color: #fff; font-size: 11px; position: absolute; left: 0px; top: 0px; margin: -15px 0px 0px -28px; } .animated-basket-position .animated-basket-info .animated-basket-loading { z-index: 9; line-height: 10px; } .animated-basket-position .animated-basket-content { min-width: 180px; padding: 0px 10px; text-align: left; margin: 10px 0px 0px 0px; padding-bottom: 10px; background: #fff; border-radius: 4px; display: none; line-height: normal; } @media (max-width: 767.98px) { .animated-basket-position .animated-basket-content { right: 0px; left: 0px; } } @media (max-width: 999.98px) { .animated-basket-position .animated-basket-content { position: fixed; margin: 0; top: 61px; right: 0px; border-top-left-radius: 0px; -moz-border-top-left-radius: 0px; -webkit-border-top-left-radius: 0px; border-top-right-radius: 0px; -moz-border-top-right-radius: 0px; -webkit-border-top-right-radius: 0px; } } .animated-basket-position .animated-basket-empty-cart { text-align: center; padding: 15px 0px 5px 0px; font-weight: bold; font-size: 12px; text-transform: uppercase; } .animated-basket-position .animated-basket-product-list { max-height: 400px; overflow-y: auto; border-bottom: 1px dashed #d1d1d1; } .animated-basket-position .animated-basket-product-list .animated-basket-product { border-top: 1px dashed #d1d1d1; padding: 10px 0px; font-size: 12px; display: flex; } .animated-basket-position .animated-basket-product-list .animated-basket-product a { text-decoration: none; color: #FFFFFF; } .animated-basket-position .animated-basket-product-list .animated-basket-product:first-child { border-top: 0px; } .animated-basket-position .animated-basket-product-list .animated-basket-product .image { min-width: 56px; max-width: 56px; height: 56px; border: 1px solid #ebebeb; box-sizing: border-box; border-radius: 6px; padding: 2px; } .animated-basket-position .animated-basket-product-list .animated-basket-product .image img { max-width: 100%; } .animated-basket-position .animated-basket-product-list .animated-basket-product .info { box-sizing: border-box; padding-left: 10px; flex-grow: 1; } .animated-basket-position .animated-basket-product-list .animated-basket-product .info .quantity { display: inline-block; vertical-align: top; margin: 4px 0px; } .animated-basket-position .animated-basket-product-list .animated-basket-product .info .name { font-weight: 700; display: block; } .animated-basket-position .animated-basket-product-list .animated-basket-product .animated-basket-controls { display: inline-block; vertical-align: top; margin: 5px 0 0 2px; } .animated-basket-position .animated-basket-product-list .animated-basket-product .animated-basket-controls .increment-product-quantity, .animated-basket-position .animated-basket-product-list .animated-basket-product .animated-basket-controls .decrement-product-quantity, .animated-basket-position .animated-basket-product-list .animated-basket-product .animated-basket-controls .delete-product { width: 12px; height: 12px; display: inline-block; vertical-align: top; margin-left: 1px; cursor: pointer; color: #888888; } @media (max-width: 767.98px) { .animated-basket-position .animated-basket-product-list .animated-basket-product .animated-basket-controls { margin: 0 auto 4px auto; display: block; } .animated-basket-position .animated-basket-product-list .animated-basket-product .animated-basket-controls .increment-product-quantity, .animated-basket-position .animated-basket-product-list .animated-basket-product .animated-basket-controls .decrement-product-quantity, .animated-basket-position .animated-basket-product-list .animated-basket-product .animated-basket-controls .delete-product { width: 30px; height: 30px; line-height: 30px; background: #004FFA; color: #fff; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; } .animated-basket-position .animated-basket-product-list .animated-basket-product .animated-basket-controls .increment-product-quantity::before, .animated-basket-position .animated-basket-product-list .animated-basket-product .animated-basket-controls .decrement-product-quantity::before, .animated-basket-position .animated-basket-product-list .animated-basket-product .animated-basket-controls .delete-product::before { margin: auto; display: block; text-align: center; } } .animated-basket-position .go-to-basket, .animated-basket-position .go-to-checkout { background: #004FFA; color: #fff; display: block; padding: 10px; margin-top: 10px; font-weight: 700; border-radius: 4px; text-align: center; text-decoration: none; text-transform: uppercase; font-size: 12px; } .animated-basket-position .go-to-basket:hover, .animated-basket-position .go-to-checkout:hover { text-decoration: none; } /*============= Popup =============*/ #animated-basket-popup-table { width: 100%; height: 100%; display: table; position: fixed; right: 0px; z-index: 99999; margin-right: -100%; } #animated-basket-popup-td { display: table-cell; vertical-align: middle; text-align: center; padding: 15px; } #animated-basket-popup-bg { width: 100%; height: 100%; background: #000; opacity: 0.7; position: fixed; top: 0px; left: 0px; margin-left: -100%; z-index: 101; } #animated-basket-popup-close { width: 24px; height: 24px; background: url("/files/smb/layout/close-icon.png"); position: absolute; cursor: pointer; top: 15px; right: 15px; z-index: 103; } #animated-basket-popup-content { width: 100%; max-width: 730px; max-height: 100%; background: #fff; z-index: 999; padding: 15px; font-size: 14px; font-weight: 700; position: relative; z-index: 102; margin: auto; text-align: left; box-sizing: border-box; overflow-y: auto; } #animated-basket-popup-content #animated-basket-popup-content_heading { margin-top: -8px; padding: 10px 0px 15px 0px; text-align: left; font-size: 16px; } #animated-basket-popup-content #animated-basket-popup-content_wrapper { width: 100%; } @media (min-width: 767.98px) { #animated-basket-popup-content #animated-basket-popup-content_wrapper { display: table; } } #animated-basket-popup-content #animated-basket-popup-content_wrapper .animated-basket-popup-content_wrapper-td { position: relative; } @media (min-width: 767.98px) { #animated-basket-popup-content #animated-basket-popup-content_wrapper .animated-basket-popup-content_wrapper-td { display: table-cell; vertical-align: bottom; } } #animated-basket-popup-content #animated-basket-popup-content_wrapper .animated-basket-popup-content_wrapper-td.first { width: 100%; vertical-align: top; } #animated-basket-popup-content .animated-basket-popup-products { max-height: 291px; overflow-y: auto; border-bottom: 1px solid #ebebeb; } #animated-basket-popup-content .animated-basket-popup-product { width: 100%; display: table; border: 1px solid #ebebeb; border-bottom: 0; padding: 10px; box-sizing: border-box; } @media (max-width: 767.98px) { #animated-basket-popup-content .animated-basket-popup-product { display: block; } } #animated-basket-popup-content .animated-basket-popup-product .animated-basket-popup-product_image { width: 70px; display: table-cell; vertical-align: top; } #animated-basket-popup-content .animated-basket-popup-product .animated-basket-popup-product_image img { max-width: 70px; max-height: 70px; } @media (max-width: 767.98px) { #animated-basket-popup-content .animated-basket-popup-product .animated-basket-popup-product_image { display: none; } } #animated-basket-popup-content .animated-basket-popup-product.animated-basket-popup-product--single .animated-basket-popup-product_image { width: 180px; } #animated-basket-popup-content .animated-basket-popup-product.animated-basket-popup-product--single .animated-basket-popup-product_image img { max-width: 180px; max-height: 180px; } #animated-basket-popup-content .animated-basket-popup-product .animated-basket-popup-product_info { display: table-cell; vertical-align: top; padding: 0px 15px; } @media (max-width: 767.98px) { #animated-basket-popup-content .animated-basket-popup-product .animated-basket-popup-product_info { width: 100%; display: block; padding: 0px; } } #animated-basket-popup-content .animated-basket-popup-product .animated-basket-popup-product_info .animated-basket-popup-product_name { font-size: 18px; line-height: normal; margin-bottom: 10px; color: #004FFA; } #animated-basket-popup-content #animated-basket-popup-basket-wrapper-bg { background: #ebebeb; position: absolute; bottom: 0px; top: 0px; left: 15px; right: 0px; z-index: -1; } #animated-basket-popup-content #animated-basket-popup-basket-wrapper { width: 190px; padding: 15px; margin-left: 15px; text-align: center; } #animated-basket-popup-content #animated-basket-popup-basket-wrapper .animated-basket-popup-basket { position: relative; display: inline-block; vertical-align: top; } @media (max-width: 767.98px) { #animated-basket-popup-content #animated-basket-popup-basket-wrapper .animated-basket-popup-basket { display: none; } } #animated-basket-popup-content #animated-basket-popup-basket-wrapper .animated-basket-popup-basket .animated-basket-popup-basket-quantity { width: 25px; height: 25px; line-height: 25px; border-radius: 50%; text-align: center; background: #004FFA; color: #fff; font-size: 11px; position: absolute; right: 0px; top: 0px; margin: -7px -10px 0px 0px; } #animated-basket-popup-content #animated-basket-popup-basket-wrapper .animated-basket-popup-price { margin: 15px 0px; font-size: 18px; } @media (max-width: 767.98px) { #animated-basket-popup-content #animated-basket-popup-basket-wrapper .animated-basket-popup-price { display: none; } } #animated-basket-popup-content #animated-basket-popup-basket-wrapper .animated-basket-popup-button { background: #000; color: #fff; display: block; padding: 5px 10px; text-align: center; text-decoration: none; margin-top: 15px; cursor: pointer; } @media (max-width: 767.98px) { #animated-basket-popup-content #animated-basket-popup-basket-wrapper .animated-basket-popup-button { padding: 10px; } #animated-basket-popup-content #animated-basket-popup-basket-wrapper .animated-basket-popup-button.popup-go-to-cart-button { margin-top: 0px; } } #animated-basket-popup-content #animated-basket-popup-basket-wrapper .back-to-the-shop { background: #004FFA; margin-top: 5px; } @media (max-width: 767.98px) { #animated-basket-popup-content #animated-basket-popup-product { padding: 15px 0px; } #animated-basket-popup-content #animated-basket-popup-product #animated-basket-popup-product_image { display: none; } #animated-basket-popup-content #animated-basket-popup-basket-wrapper .animated-basket-popup-price { margin-bottom: 0px; } #animated-basket-popup-content #animated-basket-popup-content_wrapper { display: block; } #animated-basket-popup-content #animated-basket-popup-content_wrapper .animated-basket-popup-content_wrapper-td { margin-top: 15px; display: block; } #animated-basket-popup-content #animated-basket-popup-content_wrapper .animated-basket-popup-content_wrapper-td.first { margin-top: 0px; } #animated-basket-popup-content #animated-basket-popup-content_wrapper .animated-basket-popup-content_wrapper-td #animated-basket-popup-basket-wrapper-bg { left: 0px; } #animated-basket-popup-content #animated-basket-popup-content_wrapper .animated-basket-popup-content_wrapper-td #animated-basket-popup-basket-wrapper { width: auto; margin-left: 0px; } } #animated-basket-popup-related-products-heading { margin: 20px 0 5px 0; position: relative; display: none; } @media (max-width: 767.98px) { #animated-basket-popup-related-products-heading { display: none !important; } } #animated-basket-popup-related-products { font-size: 0; white-space: nowrap; overflow-x: auto; } @media (max-width: 767.98px) { #animated-basket-popup-related-products { display: none; } } #animated-basket-popup-related-products .animated-basket-popup-related-product { width: 25%; padding: 10px; border: 1px solid #ebebeb; font-size: 12px; line-height: normal; display: inline-block; vertical-align: top; white-space: normal; box-sizing: border-box; text-decoration: none; } #animated-basket-popup-related-products .animated-basket-popup-related-product img { display: block; } #animated-basket-popup-related-products .animated-basket-popup-related-product .animated-basket-popup-related-product__name { height: 28px; overflow: hidden; margin-top: 5px; background: #ebebeb; padding: 5px; } #animated-basket-popup-related-products .animated-basket-popup-related-product .animated-basket-popup-related-product__price { text-align: center; background: #004FFA; color: #fff; padding: 5px; margin-top: 5px; } .animated-basket .animated-basket-show-if-has-products { display: none; } .eee-animated-basket-error-popup { background: #fff; padding: 50px; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; display: inline-block; position: relative; font-weight: bold; box-shadow: 0px 0px 20px #DF0B22; } .eee-animated-basket-error-popup i { color: #DF0B22; display: block; font-size: 34px; margin-bottom: 15px; } /* style: 1011*/ /*============================== | Ordering steps | ==============================*/ .OrderingSteps { border: 4px solid #ebebeb; padding: 20px; margin-bottom: 15px; } .OrderingSteps, .OrderingWizard, .OrderingProcedureResultBox { text-align: left; background: #fff; } .OrderingSteps .Step { width: 23%; display: inline-block; vertical-align: top; margin-right: 2.6%; } .OrderingSteps .Step .Number { width: 20%; height: 40px; margin-right: 3%; } .OrderingSteps .Step .Name { width: 77%; height: 40px; } .OrderingSteps .Step .Number, .OrderingSteps .Step .Name { line-height: 40px; display: inline-block; vertical-align: top; background: #004FFA; text-align: center; color: #fff; font-weight: bold; font-size: 13px; } .OrderingSteps .Step.Last { margin-right: 0px; } .OrderingSteps .Step.Selected .Name, .OrderingSteps .Step.Selected .Number { background: #677077; } @media (max-width: 767.98px) { .OrderingSteps { padding: 0px; border: 0px; } .OrderingSteps .Step { width: 100%; margin: 10px 0px; display: block; } } /*============================== | Ordering wizard | ==============================*/ .Terms input, .Terms label { display: inline-block; vertical-align: top; margin: 0px; cursor: pointer; } .Terms input { margin: 6px 6px 0px 0px; } #UserChoice { clear: both; margin-top: 20px; padding-top: 10px; text-align: center; border-top: 1px dashed #d1d1d1; } #UserChoice span { background: #ebebeb; padding: 10px; margin: 10px; display: inline-block; vertical-align: top; } #UserChoice span input, #UserChoice span label { display: inline-block; vertical-align: top; cursor: pointer; } #UserChoice span input { margin: 5px 5px 0px 0px; } #OrderingRules { float: right; } @media (max-width: 999.98px) { #OrderingRules { float: none; display: block; margin-top: 15px; } } .OrderingProcedureBox, .OrderingProcedureResultBox { border-top: 1px dashed #d1d1d1; margin-top: 10px; /*=========== Commets Field ===========*/ } .OrderingProcedureBox .OrderingProcedureHolderLeft, .OrderingProcedureBox .AlternativeOrderingProcedureHolderLeft, .OrderingProcedureResultBox .OrderingProcedureHolderLeft, .OrderingProcedureResultBox .AlternativeOrderingProcedureHolderLeft { padding-right: 15px; border-right: 1px dashed #d1d1d1; } .OrderingProcedureBox .OrderingProcedureHolderRight, .OrderingProcedureBox .AlternativeOrderingProcedureHolderRight, .OrderingProcedureResultBox .OrderingProcedureHolderRight, .OrderingProcedureResultBox .AlternativeOrderingProcedureHolderRight { padding-left: 15px; } .OrderingProcedureBox .OrderingProcedureHolderLeft, .OrderingProcedureBox .OrderingProcedureHolderRight, .OrderingProcedureBox .AlternativeOrderingProcedureHolderLeft, .OrderingProcedureBox .AlternativeOrderingProcedureHolderRight, .OrderingProcedureResultBox .OrderingProcedureHolderLeft, .OrderingProcedureResultBox .OrderingProcedureHolderRight, .OrderingProcedureResultBox .AlternativeOrderingProcedureHolderLeft, .OrderingProcedureResultBox .AlternativeOrderingProcedureHolderRight { width: 50%; box-sizing: border-box; } @media (max-width: 999.98px) { .OrderingProcedureBox .OrderingProcedureHolderLeft, .OrderingProcedureBox .OrderingProcedureHolderRight, .OrderingProcedureBox .AlternativeOrderingProcedureHolderLeft, .OrderingProcedureBox .AlternativeOrderingProcedureHolderRight, .OrderingProcedureResultBox .OrderingProcedureHolderLeft, .OrderingProcedureResultBox .OrderingProcedureHolderRight, .OrderingProcedureResultBox .AlternativeOrderingProcedureHolderLeft, .OrderingProcedureResultBox .AlternativeOrderingProcedureHolderRight { width: 100%; display: block; padding: 0px; border: 0px; } } .OrderingProcedureBox .AlternativeDropdown, .OrderingProcedureResultBox .AlternativeDropdown { position: relative; margin: 10px 0px; } .OrderingProcedureBox .AlternativeDropdown label, .OrderingProcedureResultBox .AlternativeDropdown label { cursor: pointer; display: block; background: #ebebeb; padding: 10px 10px 10px 33px; } .OrderingProcedureBox .AlternativeDropdown input, .OrderingProcedureResultBox .AlternativeDropdown input { position: absolute; left: 10px; top: 12px; } .OrderingProcedureBox .OrderingProcedureField, .OrderingProcedureResultBox .OrderingProcedureField { padding: 15px 0px; border-bottom: 1px dashed #d1d1d1; } .OrderingProcedureBox .OrderingProcedureField label, .OrderingProcedureResultBox .OrderingProcedureField label { width: 26%; display: inline-block; vertical-align: middle; } .OrderingProcedureBox .OrderingProcedureField input, .OrderingProcedureBox .OrderingProcedureField select, .OrderingProcedureBox .OrderingProcedureField textarea, .OrderingProcedureResultBox .OrderingProcedureField input, .OrderingProcedureResultBox .OrderingProcedureField select, .OrderingProcedureResultBox .OrderingProcedureField textarea { width: 74%; border: 1px solid #dddddd; background: #F7F7F7; padding: 10px; box-sizing: border-box; } .OrderingProcedureBox .OrderingProcedureHolderLeft.Comments, .OrderingProcedureResultBox .OrderingProcedureHolderLeft.Comments { width: 100%; border-right: 0px; padding-right: 0px; } .OrderingProcedureBox .OrderingProcedureHolderLeft.Comments .OrderingProcedureField, .OrderingProcedureResultBox .OrderingProcedureHolderLeft.Comments .OrderingProcedureField { padding: 5px 0px; } .OrderingProcedureBox .OrderingProcedureHolderLeft.Comments .OrderingProcedureField label, .OrderingProcedureResultBox .OrderingProcedureHolderLeft.Comments .OrderingProcedureField label { width: 100%; display: block; } .OrderingProcedureBox .OrderingProcedureHolderLeft.Comments .OrderingProcedureField textarea, .OrderingProcedureResultBox .OrderingProcedureHolderLeft.Comments .OrderingProcedureField textarea { width: 100%; min-height: 100px; margin-top: 8px; } .OrderingProcedureResultBox { margin-top: 0px; } .OrderingProcedureResultBox .OrderingProcedureField input, .OrderingProcedureResultBox .OrderingProcedureField textarea, .OrderingProcedureResultBox .OrderingProcedureField select { border: 0px; } .OrderingProcedureResultBox .Comments textarea { padding: 10px 0px; } .eee-ordering-wizzard .eee-ordering-wizzard-users { text-align: center; border-bottom: 1px dashed #d1d1d1; margin-bottom: 10px; padding-bottom: 10px; } .eee-ordering-wizzard .eee-ordering-user { background: #ebebeb; padding: 10px; margin: 0px 10px 10px 10px; display: inline-block; vertical-align: top; } .eee-ordering-wizzard .eee-ordering-user input, .eee-ordering-wizzard .eee-ordering-user label { display: inline-block; vertical-align: top; cursor: pointer; } .eee-ordering-wizzard .eee-ordering-user input { margin: 5px 5px 0px 0px; } .eee-ordering-wizzard .eee-ordering-wizzard__fields { display: none; } .eee-ordering-wizzard .eee-ordering-wizzard__fields.active { display: block; } .eee-ordering-wizzard .eee-ordering-wizzard__left, .eee-ordering-wizzard .eee-ordering-wizzard__right { width: 50%; float: left; box-sizing: border-box; } .eee-ordering-wizzard .eee-ordering-wizzard__left { padding-right: 20px; border-right: 1px dashed #d1d1d1; } .eee-ordering-wizzard .eee-ordering-wizzard__right { padding-left: 20px; } .eee-ordering-wizzard .eee-ordering-wizzard-field { padding: 15px 0px; border-bottom: 1px dashed #d1d1d1; } .eee-ordering-wizzard .eee-ordering-wizzard-field label { width: 26%; display: inline-block; vertical-align: middle; margin-right: -4px; } .eee-ordering-wizzard .eee-ordering-wizzard-field input, .eee-ordering-wizzard .eee-ordering-wizzard-field select, .eee-ordering-wizzard .eee-ordering-wizzard-field textarea { width: 74%; border: 1px solid #dddddd; background: #F7F7F7; padding: 10px; box-sizing: border-box; } .eee-ordering-wizzard .eee-ordering-wizzard-comment-field { width: 100%; border: 1px solid #dddddd; background: #F7F7F7; padding: 10px; box-sizing: border-box; margin-top: 5px; } .eee-ordering-wizzard .eee-ordering-wizzard__show-alternative-fields { width: 100%; display: table; background: #ebebeb; padding: 10px; margin: 10px 0px; box-sizing: border-box; } .eee-ordering-wizzard .eee-ordering-wizzard__show-alternative-fields div { display: table-cell; vertical-align: middle; } .eee-ordering-wizzard .eee-ordering-wizzard__show-alternative-fields div:first-child { width: 20px; } .eee-ordering-wizzard .eee-ordering-wizzard__show-alternative-fields input, .eee-ordering-wizzard .eee-ordering-wizzard__show-alternative-fields label { display: block; cursor: pointer; } .eee-ordering-wizzard .eee-ordering-wizzard__show-alternative-fields label { margin-top: -1px; } .eee-ordering-wizzard .eee-ordering-wizzard__alternative-fields { display: none; } .eee-ordering-wizzard .eee-ordering-wizzard__alternative-fields.active { display: block; } /*============================== | Shopping basket search | ==============================*/ #eee-shopping-basket-search__form { display: flex; } #eee-shopping-basket-search__form input { height: 40px; } #eee-shopping-basket-search__form #eee-shopping-basket-search__search-button { width: 150px; height: 40px; line-height: 40px; background: #004FFA; color: #fff; margin-left: 10px; text-align: center; font-weight: bold; cursor: pointer; } #eee-shopping-basket-search__result { margin-top: 15px; max-height: 291px; overflow-y: auto; } #eee-shopping-basket-search__result #eee-search-form-view-all { display: none; } /*============================== | Shopping basket | ==============================*/ .shopping-basket { text-align: left; background: #fff; border: 4px solid #ebebeb; padding: 20px; position: relative; } .shopping-basket #eee-remove-all-items-from-cart { position: absolute; top: 0; right: 0; background: #004FFA; color: #fff; padding: 5px 8px; line-height: 14px; text-align: center; font-size: 12px; white-space: nowrap; cursor: pointer; min-width: 122px; } .shopping-basket #eee-remove-all-items-from-cart:before { font-family: "FontAwesome"; content: "\f014"; margin-right: 5px; font-size: 13px; font-weight: normal; } .shopping-basket .shopping-basket__box { width: 100%; display: flex; border-bottom: 4px solid #f7f7f7; position: relative; padding: 10px 0px; box-sizing: border-box; font-size: 14px; font-weight: bold; align-items: center; } @media (max-width: 767.98px) { .shopping-basket .shopping-basket__box { flex-wrap: wrap; } } .shopping-basket .shopping-basket__box .shopping-basket__box__wrapper { flex-grow: 1; } .shopping-basket .shopping-basket__box .shopping-basket__box__image { width: 80px; min-width: 80px; border: 1px solid #d1d1d1; display: table-cell; vertical-align: top; padding: 4px; } .shopping-basket .shopping-basket__box .shopping-basket__box__image img { display: block; } .shopping-basket .shopping-basket__box .shopping-basket__box-name { text-align: left; line-height: normal; text-transform: uppercase; padding: 0px 15px; display: table-cell; vertical-align: top; word-wrap: break-word; } .shopping-basket .shopping-basket__box .shopping-basket__box-name a { text-decoration: none; } .shopping-basket .shopping-basket__box .shopping-basket__box-id { display: block; font-weight: 600; font-size: 12px; text-transform: none; } .shopping-basket .shopping-basket__box .shopping-basket__box-id .shopping-basket__box__discount { margin: 3px 0 0 0; } .shopping-basket .shopping-basket__box .shopping-basket__box-controls { min-width: 300px; text-align: center; display: flex; align-items: center; } .shopping-basket .shopping-basket__box .shopping-basket__box-price { text-align: center; word-wrap: break-word; height: 30px; line-height: 30px; flex-grow: 1; } .shopping-basket .shopping-basket__box .shopping-basket__box-price.shopping-basket__box-price--double { line-height: normal !important; margin-top: -2px; } .shopping-basket .shopping-basket__box .shopping-basket__box-remove { width: 22px; height: 24px; background: url("/files/smb/layout/remove-icon.png"); cursor: pointer; margin-top: 2px; } .shopping-basket .shopping-basket__box .shopping-basket__box-remove:hover { background-position: 0px -24px; } #shopping-basket-fees tr:last-of-type td { border: 0; border-top: 4px solid #f7f7f7; } #shopping-basket-total { width: 50%; float: right; font-weight: normal; } #shopping-basket-total table { width: 100%; border-collapse: collapse; } #shopping-basket-total table tr td { padding: 15px 0px; text-align: right; border-bottom: 4px solid #f7f7f7; } #shopping-basket-total table tr td:first-child { text-align: left; } #shopping-basket-total table tr:last-child td { border-bottom: 0; padding-bottom: 0; } #delivery-service-title, #delivery-service-type { font-weight: 700 !important; line-height: normal; } #delivery-service-title { margin-top: 20px; } #delivery-service-type { font-size: 14px; } #delivery-result-logo { max-height: 47px; margin: 30px auto 45px auto; display: block; } #delivery-result div { border-top: 1px solid #d1d1d1; border-bottom: 1px solid #d1d1d1; margin-bottom: -1px; padding: 5px 0px; } #empty-cart-message { color: #9e0b0f; background: #fff; border: 1px solid #ebebeb; padding: 100px 10px; font-size: 22px; line-height: normal; font-weight: normal; text-align: center; display: none; margin-top: 20px; } /*============================== | One page basket | ==============================*/ .one-page-ordering-form { font-size: 13px; font-weight: bold; } .one-page-ordering-form h3, .one-page-ordering-form #delivery-service-title { color: #0B0B13; border-bottom: 1px solid #004FFA; padding-bottom: 10px; font-weight: 700; text-align: left; margin-top: 0px; } /*===================================== Shopping basket responsive view =====================================*/ @media (max-width: 767.98px) { .shopping-basket { border: 0px; padding: 0px; } .shopping-basket .shopping-basket__box .shopping-basket__box__wrapper { width: 100%; display: table; } .shopping-basket .shopping-basket__box .shopping-basket__box__image { width: 80px; box-sizing: border-box; padding: 2px; display: table-cell; vertical-align: top; } .shopping-basket .shopping-basket__box .shopping-basket__box-name { display: table-cell; vertical-align: top; padding: 0px 0px 0px 10px; line-height: 16px; } .shopping-basket .shopping-basket__box .shopping-basket__box-name a { font-size: 12px; font-weight: bold; } .shopping-basket .shopping-basket__box .shopping-basket__box-name a:hover { text-decoration: none; } .shopping-basket .shopping-basket__box .shopping-basket__box-name .shopping-basket__box-id { font-size: 11px; } .shopping-basket .shopping-basket__box .shopping-basket__box-controls { width: 100%; min-width: auto; text-align: center; margin-top: 10px; padding: 10px 0px; border-top: 1px dashed #d1d1d1; border-bottom: 1px dashed #d1d1d1; } .shopping-basket .shopping-basket__box .shopping-basket__box-controls .eee-product-quantity { float: left; } .shopping-basket .shopping-basket__box .shopping-basket__box-controls .shopping-basket__box-price { margin: 0px; height: 28px; line-height: 28px; padding: 0px 10px; border-right: 1px dashed #d1d1d1; border-left: 1px dashed #d1d1d1; margin-right: 10px; } .shopping-basket .shopping-basket__box .shopping-basket__box-controls .shopping-basket__box-remove { float: right; margin: 2px 0px 0px 0px; } .shopping-basket #shopping-basket-total { width: 100%; float: none; } } .shopping-basket--responsive-view { border: 0px; padding: 0px; } .shopping-basket--responsive-view .shopping-basket__box .shopping-basket__box__wrapper { width: 100%; display: table; } .shopping-basket--responsive-view .shopping-basket__box .shopping-basket__box__image { width: 80px; min-width: 80px; box-sizing: border-box; padding: 2px; display: table-cell; vertical-align: top; } .shopping-basket--responsive-view .shopping-basket__box .shopping-basket__box-name { display: table-cell; vertical-align: top; padding: 0px 0px 0px 10px; line-height: 16px; } .shopping-basket--responsive-view .shopping-basket__box .shopping-basket__box-name a { font-size: 12px; font-weight: bold; } .shopping-basket--responsive-view .shopping-basket__box .shopping-basket__box-name a:hover { text-decoration: none; } .shopping-basket--responsive-view .shopping-basket__box .shopping-basket__box-name .shopping-basket__box-id { font-size: 11px; } .shopping-basket--responsive-view .shopping-basket__box .shopping-basket__box-controls { width: auto; display: block; text-align: center; margin-top: 10px; padding: 10px 0px; border-top: 1px dashed #d1d1d1; border-bottom: 1px dashed #d1d1d1; } .shopping-basket--responsive-view .shopping-basket__box .shopping-basket__box-controls .eee-product-quantity { float: left; } .shopping-basket--responsive-view .shopping-basket__box .shopping-basket__box-controls .shopping-basket__box-price { margin: 0px; height: 28px; line-height: 28px; padding: 0px 10px; border-right: 1px dashed #d1d1d1; border-left: 1px dashed #d1d1d1; display: inline-block; vertical-align: middle; } .shopping-basket--responsive-view .shopping-basket__box .shopping-basket__box-controls .shopping-basket__box-remove { float: right; margin: 2px 0px 0px 0px; } .shopping-basket--responsive-view #shopping-basket-total { width: 100%; float: none; } .eee-collapsible-area.eee-collapsible-area--with-borders.eee-alternative-address-area .eee-collapsible-area__title { width: 50%; box-sizing: border-box; padding-left: 55px; } @media (max-width:767.98px) { .eee-collapsible-area.eee-collapsible-area--with-borders.eee-alternative-address-area .eee-collapsible-area__title { width: 100%; } } .eee-collapsible-area.eee-collapsible-area--with-borders.eee-alternative-address-area .eee-collapsible-area__title i { top: 0px; bottom: 0px; left: 0px; right: auto; width: 40px; line-height: 40px; background: #006AB2; text-align: center; } .eee-user-type-selector .eee-user-type-selector__option { background: #ebebeb; padding: 10px; margin: 10px 10px 20px 0px; display: inline-block; vertical-align: top; } .eee-user-type-selector .eee-user-type-selector__option input, .eee-user-type-selector .eee-user-type-selector__option label { display: inline-block; vertical-align: middle; cursor: pointer; } .eee-user-type-selector .eee-user-type-selector__option input { margin-right: 2px; } .eee-alternative-fields-selector { width: 50%; min-width: 250px; box-sizing: border-box; line-height: normal; position: relative; padding: 12px; background: #004FFA; color: #fff; display: flex; cursor: pointer; margin-bottom: 15px; } .eee-alternative-fields-selector .eee-alternative-fields-selector__checkbox { width: 17px; height: 17px; position: relative; background: #fff; -webkit-transition: all linear .2s; transition: all linear .2s; cursor: pointer; } .eee-alternative-fields-selector .eee-alternative-fields-selector__checkbox.checked:after { content: ''; box-sizing: border-box; position: absolute; top: 7px; left: 3px; background: #004FFA; width: 3px; height: 3px; box-shadow: 2px 0 0 #004FFA, 4px 0 0 #004FFA, 4px -2px 0 #004FFA, 4px -4px 0 #004FFA, 4px -6px 0 #004FFA, 4px -8px 0 #004FFA; transform: rotate(45deg); } .eee-alternative-fields-selector label { margin-left: 10px; font-weight: bold; display: block; flex-grow: 1; cursor: pointer; } .eee-alternative-fields-selector label:after { font-family: "FontAwesome"; content: "\f107"; float: right; font-size: 17px; } .eee-terms-box .eee-form-field { margin-bottom: 0px; } .eee-terms-link { display: none; } /* style: 366*/ .eee-ordering-procedure-delivery .delivery-selector-option { padding: 10px 10px 11px 10px; border: 1px solid #d1d1d1; margin-bottom: -1px; position: relative; } .eee-ordering-procedure-delivery .delivery-selector-option label { width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; cursor: pointer; } .eee-ordering-procedure-delivery .delivery-selector-option table { width: 100%; margin: 0; } .eee-ordering-procedure-delivery .delivery-selector-option .delivery-selector-option-image { width: 20px; padding-right: 5px; } .eee-ordering-procedure-delivery .delivery-selector-option .delivery-selector-option-image img { display: block; } .eee-ordering-procedure-delivery .delivery-selector-option .delivery-selector-option-input { width: 17px; text-align: left; padding-right: 5px; } .eee-ordering-procedure-delivery .delivery-selector-option .delivery-selector-option-input input { display: block; position: relative; border: 0; -webkit-appearance: auto; } .eee-ordering-procedure-delivery .delivery-selector-option .delivery-selector-option-input input:before { content: ''; box-sizing: border-box; position: absolute; top: 50%; margin-top: -8px; left: 0; width: 17px; height: 17px; border: 1px solid #515151; border-radius: 100px; background: #004FFA; -webkit-transition: all linear 0.2s; transition: all linear 0.2s; } .eee-ordering-procedure-delivery .delivery-selector-option .delivery-selector-option-input input:checked:before { background: #004FFA; } .eee-ordering-procedure-delivery .delivery-selector-option .delivery-selector-option-input input:checked:after { content: ''; box-sizing: border-box; position: absolute; top: 50%; margin-top: -3px; left: 5px; border-radius: 100px; background: #fff; width: 7px; height: 7px; } .eee-ordering-procedure-delivery #delivery-service-wrapper { margin-top: 15px; display: none; } .eee-ordering-procedure-delivery #delivery-service-search { display: flex; padding: 10px; background: #ebebeb; margin-top: 2px; } .eee-ordering-procedure-delivery #delivery-service-search .delivery-service-wrapper-td:first-child { flex-grow: 1; } .eee-ordering-procedure-delivery #delivery-service-search input { width: 100%; height: 40px; border: 1px solid #d1d1d1; box-sizing: border-box; padding: 0px 10px; -webkit-appearance: auto; } .eee-ordering-procedure-delivery #delivery-service-search #delivery-service-search-button { margin-left: 10px; width: 100px; padding: 0px 10px; height: 40px; background: #004FFA; color: #fff; line-height: 40px; text-align: center; cursor: pointer; } .eee-ordering-procedure-delivery #delivery-service-list { display: flex; flex-wrap: wrap; max-height: 328px; overflow-y: auto; border: 5px solid #ebebeb; border-top: 0; } .eee-ordering-procedure-delivery #delivery-service-list .delivery-list-row { background: #fff; padding: 10px; border: 5px solid #ebebeb; display: flex; box-sizing: border-box; line-height: normal; } .eee-ordering-procedure-delivery #delivery-service-list .delivery-list-row div, .eee-ordering-procedure-delivery #delivery-service-list .delivery-list-row label { cursor: pointer; } @media (max-width: 767.98px) { .eee-ordering-procedure-delivery #delivery-service-list .delivery-list-row { width: 50% !important; } } @media (max-width: 479.98px) { .eee-ordering-procedure-delivery #delivery-service-list .delivery-list-row { width: 100% !important; } } .eee-ordering-procedure-delivery #delivery-service-list .delivery-list-row input { margin-right: 10px; margin-top: 4px; -webkit-appearance: auto; } .eee-ordering-procedure-delivery #delivery-service-list .delivery-service-error { width: 100%; background: #DF0B22; color: #fff; padding: 10px; box-sizing: border-box; border: 5px solid #ebebeb; border-top: 0; } /* style: 1882*/ .eee-range { position: relative; z-index: 20; } .eee-range .eee-range-line { height: 10px; background: #004FFA; margin: 0px 1px; } .eee-range .eee-range-dot { width: 20px; height: 20px; background: #fff; border: 1px solid #ddd; border-radius: 20px; cursor: pointer; margin-top: -6px; } .eee-range .eee-range-from { position: absolute; top: 0px; left: 0px; } .eee-range .eee-range-from.over-top { z-index: 3; } .eee-range .eee-range-to { position: absolute; top: 0px; left: auto; right: 0px; } .eee-range .eee-range-fields { width: 100%; display: table; margin-top: 20px; border-collapse: collapse; } .eee-range .eee-range-fields input, .eee-range .eee-range-fields span { display: table-cell; vertical-align: middle; } .eee-range .eee-range-fields span { text-align: center; padding: 0px 5px; } .eee-range .eee-update-range { background: #004FFA; text-align: center; color: #fff; padding: 10px; cursor: pointer; line-height: normal; margin-top: 10px; } /* style: 1287*/ .eee-edit-erp-object { background: #FFFFFF; border: 1px solid #004FFA; color: #004FFA; text-align: center; box-sizing: border-box; cursor: pointer; z-index: 3; } .eee-edit-erp-object:hover { background: #004FFA; color: #FFFFFF; } .eee-edit-erp-object svg { width: 20px; margin-top: -3px; } .eee-edit-erp-product { margin: 10px 0; padding: 5px; } .eee-edit-erp-category { margin: 0; padding: 3px 10px; } /* style: 292*/ .eee-show-hide-prices { min-width: 145px; box-sizing: border-box; background: #004FFA; color: #fff; padding: 1px 15px; border-radius: 22px; cursor: pointer; text-align: center; font-size: 16px; line-height: 22px; font-weight: 600; } .eee-show-hide-prices:hover { background: #2E70FF; } /* style: 2084*/ /*================= Contact cards ================= */ .eee-contact-card { display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column; } .eee-contact-card__image-wrapper { position: relative; } .eee-contact-card__image-wrapper img { display: block; } .eee-contact-card__image-hover { background: #000; opacity: 0.6; position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; display: none; } .eee-contact-card__image-hover:hover .eee-contact-card__image-wrapper .eee-contact-card__image-hover { display: block; } .eee-contact-card__info { -ms-flex: 1; -webkit-flex: 1; flex: 1; position: relative; padding: 15px; background: #004FFA; color: #fff; } .eee-contact-card__info a { color: #fff; display: block; text-decoration: none; } .eee-contact-card__info-has-icon { padding-top: 50px; } .eee-contact-card__icon-wrapper { width: 40px; height: 40px; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; background: #fff; padding: 15px; position: absolute; top: 0px; left: 50%; margin-top: -35px; margin-left: -35px; } .eee-contact-card__name { font-weight: bold; } .eee-contact-card__phone { margin-top: 10px; } .eee-contact-card__phone a:hover { text-decoration: none; } /*================= Contact details ================= */ .eee-contact-details { text-align: center; display: table; width: 100%; } @media (min-width: 768px) { .eee-contact-details .eee-contact-details__image-wrapper, .eee-contact-details .eee-contact-details__description { width: 50%; display: table-cell; box-sizing: border-box; } } .eee-contact-details .eee-contact-details__info { font-weight: bold; } .eee-contact-details .eee-contact-details__info .eee-contact-details__name { display: block; background: #004FFA; color: #fff; padding: 15px; } .eee-contact-details .eee-contact-details__info .eee-contact-details__phone a { text-decoration: none; } .eee-contact-details .eee-contact-details__info .eee-contact-details__position, .eee-contact-details .eee-contact-details__info .eee-contact-details__phone a, .eee-contact-details .eee-contact-details__info .eee-contact-details__email { border-top: 1px dashed #EBEBEB; border-bottom: 1px dashed #EBEBEB; margin-top: -1px; display: block; padding: 10px 0px; } .eee-contact-details .eee-contact-details__description { text-align: left; padding: 15px; background: #677077; color: #fff; line-height: 32px; } /* style: 1971*/ .logout-form { display: none; } /* style: 2460*/ h1.eee-text-color--default, h2.eee-text-color--default, h3.eee-text-color--default, h4.eee-text-color--default, h5.eee-text-color--default, h6.eee-text-color--default, a.eee-text-color--default { color: #0B0B13; } .eee-text-color--default { color: #0B0B13; } .eee-text-color--default h1, .eee-text-color--default h2, .eee-text-color--default h3, .eee-text-color--default h4, .eee-text-color--default h5, .eee-text-color--default h6, .eee-text-color--default a { color: #0B0B13; } .eee-text-color--primary { color: #004FFA; } .eee-text-color--primary h1, .eee-text-color--primary h2, .eee-text-color--primary h3, .eee-text-color--primary h4, .eee-text-color--primary h5, .eee-text-color--primary h6, .eee-text-color--primary a { color: #004FFA; } .eee-text-color--primary_2 { color: #004FFA; } .eee-text-color--primary_2 h1, .eee-text-color--primary_2 h2, .eee-text-color--primary_2 h3, .eee-text-color--primary_2 h4, .eee-text-color--primary_2 h5, .eee-text-color--primary_2 h6, .eee-text-color--primary_2 a { color: #004FFA; } .eee-text-color--secondary { color: #2E70FF; } .eee-text-color--secondary h1, .eee-text-color--secondary h2, .eee-text-color--secondary h3, .eee-text-color--secondary h4, .eee-text-color--secondary h5, .eee-text-color--secondary h6, .eee-text-color--secondary a { color: #2E70FF; } .eee-text-color--secondary_2 { color: #F7F8F9; } .eee-text-color--secondary_2 h1, .eee-text-color--secondary_2 h2, .eee-text-color--secondary_2 h3, .eee-text-color--secondary_2 h4, .eee-text-color--secondary_2 h5, .eee-text-color--secondary_2 h6, .eee-text-color--secondary_2 a { color: #F7F8F9; } .eee-text-color--secondary_3 { color: #F3EFE7; } .eee-text-color--secondary_3 h1, .eee-text-color--secondary_3 h2, .eee-text-color--secondary_3 h3, .eee-text-color--secondary_3 h4, .eee-text-color--secondary_3 h5, .eee-text-color--secondary_3 h6, .eee-text-color--secondary_3 a { color: #F3EFE7; } .eee-text-color--accent { color: #2E70FF; } .eee-text-color--accent h1, .eee-text-color--accent h2, .eee-text-color--accent h3, .eee-text-color--accent h4, .eee-text-color--accent h5, .eee-text-color--accent h6, .eee-text-color--accent a { color: #2E70FF; } .eee-text-color--caution { color: #FDE53B; } .eee-text-color--caution h1, .eee-text-color--caution h2, .eee-text-color--caution h3, .eee-text-color--caution h4, .eee-text-color--caution h5, .eee-text-color--caution h6, .eee-text-color--caution a { color: #FDE53B; } .eee-text-color--negative { color: #DF0B22; } .eee-text-color--negative h1, .eee-text-color--negative h2, .eee-text-color--negative h3, .eee-text-color--negative h4, .eee-text-color--negative h5, .eee-text-color--negative h6, .eee-text-color--negative a { color: #DF0B22; } .eee-text-color--info { color: #006AB2; } .eee-text-color--info h1, .eee-text-color--info h2, .eee-text-color--info h3, .eee-text-color--info h4, .eee-text-color--info h5, .eee-text-color--info h6, .eee-text-color--info a { color: #006AB2; } .eee-text-color--positive { color: #549132; } .eee-text-color--positive h1, .eee-text-color--positive h2, .eee-text-color--positive h3, .eee-text-color--positive h4, .eee-text-color--positive h5, .eee-text-color--positive h6, .eee-text-color--positive a { color: #549132; } .eee-text-color--neutral_lightest { color: #FFFFFF; } .eee-text-color--neutral_lightest h1, .eee-text-color--neutral_lightest h2, .eee-text-color--neutral_lightest h3, .eee-text-color--neutral_lightest h4, .eee-text-color--neutral_lightest h5, .eee-text-color--neutral_lightest h6, .eee-text-color--neutral_lightest a { color: #FFFFFF; } .eee-text-color--neutral_gray_light { color: #EBEBEB; } .eee-text-color--neutral_gray_light h1, .eee-text-color--neutral_gray_light h2, .eee-text-color--neutral_gray_light h3, .eee-text-color--neutral_gray_light h4, .eee-text-color--neutral_gray_light h5, .eee-text-color--neutral_gray_light h6, .eee-text-color--neutral_gray_light a { color: #EBEBEB; } .eee-text-color--neutral_gray { color: #646464; } .eee-text-color--neutral_gray h1, .eee-text-color--neutral_gray h2, .eee-text-color--neutral_gray h3, .eee-text-color--neutral_gray h4, .eee-text-color--neutral_gray h5, .eee-text-color--neutral_gray h6, .eee-text-color--neutral_gray a { color: #646464; } .eee-text-color--neutral_gray_dark { color: #4A4A4A; } .eee-text-color--neutral_gray_dark h1, .eee-text-color--neutral_gray_dark h2, .eee-text-color--neutral_gray_dark h3, .eee-text-color--neutral_gray_dark h4, .eee-text-color--neutral_gray_dark h5, .eee-text-color--neutral_gray_dark h6, .eee-text-color--neutral_gray_dark a { color: #4A4A4A; } .eee-text-color--neutral_darkest { color: #0B0B13; } .eee-text-color--neutral_darkest h1, .eee-text-color--neutral_darkest h2, .eee-text-color--neutral_darkest h3, .eee-text-color--neutral_darkest h4, .eee-text-color--neutral_darkest h5, .eee-text-color--neutral_darkest h6, .eee-text-color--neutral_darkest a { color: #0B0B13; } /* style: 4553*/ .eee-image-map { position: relative; margin: 15px auto; } .eee-image-map__box { padding: 15px; box-sizing: border-box; } .eee-image-map__image { max-width: 100%; } .eee-image-map__area { cursor: pointer; } .eee-image-map__mouse-over-image { display: none; } .eee-image-map__popup { display: none; width: 30%; height: auto; background: #fff; margin: 0; border: 1px solid #ff5000; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 999; } .eee-image-map__popup-message { text-align: center; color: #ff5000; font-weight: 700; font-size: 27px; padding: 10px; } .eee-image-map__popup-close { position: absolute; width: 25px; height: 25px; line-height: 25px; background: #ff5000; border: 1px solid #ff5000; border-radius: 50%; color: #fff; font-weight: 700; top: -10px; right: -10px; cursor: pointer; text-align: center; } /* style: 195*/ .eee-spec th { padding-right: 15px; } /* Style Id:941 Component Selected Skins CSS*/ /* style: 1655*/ .eee-full-width-content-section { width: calc(100vw - 20.1px); position: relative; left: 50%; right: 50%; margin-bottom: 15px; margin-left: -50vw; margin-right: -50vw; z-index: 1; } * + .eee-full-width-content-section { margin-top: 15px; } /* * Remove margin from the last-child */ .eee-full-width-content-section > :last-child { margin-bottom: 0; } .eee-full-width-content-section > * > :last-child, .eee-full-width-content-section > * > * > :last-child, .eee-full-width-content-section > * > * > * > :last-child { margin-bottom: 0; } /* style: 3576*/ .eee-full-width-bg-image { position: relative; } .eee-full-width-bg-image__bg { display: block; background-repeat: no-repeat; background-position: center center; background-size: auto 100%; height: 400px; } .eee-full-width-bg-image__seo-image { position: absolute; top: 0; left: 0; height: 20px; opacity: 0; z-index: -1; } /* style: 4135*/ .eee-teaser-jumbotron { position: relative; box-sizing: border-box; padding: 25px; } .eee-teaser-jumbotron:before, .eee-teaser-jumbotron:after { content: ""; display: table; } .eee-teaser-jumbotron:after { clear: both; } .eee-teaser-jumbotron__icon-wrapper { margin-top: 0; text-align: center; } .eee-teaser-jumbotron__icon-wrapper--has-color > .eee-teaser-jumbotron__icon.eee-image-svg { fill: inherit; } .eee-teaser-jumbotron__icon.eee-image-svg { width: auto; height: 50px; } @media (min-width: 768px) { .eee-teaser-jumbotron__icon.eee-image-svg { height: 89px; } } .eee-teaser-jumbotron__heading { margin-top: 0; font-size: 46px; line-height: 50px; } @media (min-width: 768px) { .eee-teaser-jumbotron__heading { font-size: 81px; line-height: 89px; } } .eee-teaser-jumbotron__subheading { font-size: 27px; line-height: 39px; } .eee-teaser-jumbotron__button-wrapper { list-style: none; margin-bottom: 0; padding: 0; } .eee-teaser-jumbotron__button-wrapper > li { position: relative; z-index: 2; display: inline-block; margin-right: 5px; margin-bottom: 5px; } .eee-teaser-jumbotron__link-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; } .eee-teaser-jumbotron--icon-left .eee-teaser-jumbotron__icon-wrapper { display: inline-block; position: relative; z-index: 1; vertical-align: top; height: 50px; line-height: 50px; } @media (min-width: 768px) { .eee-teaser-jumbotron--icon-left .eee-teaser-jumbotron__icon-wrapper { height: 89px; line-height: 89px; } } .eee-teaser-jumbotron--icon-left .eee-teaser-jumbotron__icon { display: block; position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); max-height: 50px; } @media (min-width: 768px) { .eee-teaser-jumbotron--icon-left .eee-teaser-jumbotron__icon { max-height: 89px; } } .eee-teaser-jumbotron--image-background { background-repeat: no-repeat; background-position: center center; background-size: cover; } /* style: 213*/ .eee-teaser-seeemsdk { position: relative; box-sizing: border-box; } .eee-teaser-seeemsdk:before, .eee-teaser-seeemsdk:after { content: ""; display: table; } .eee-teaser-seeemsdk:after { clear: both; } .eee-teaser-seeemsdk__image { display: block; min-width: 100%; } .eee-teaser-seeemsdk__icon-wrapper { text-align: center; } .eee-teaser-seeemsdk__heading { margin-top: 0; margin-bottom: 0; text-transform: uppercase; } .eee-teaser-seeemsdk__subheading { margin-top: 0; margin-bottom: 0; } .eee-teaser-seeemsdk__button-wrapper { list-style: none; margin-bottom: 0; padding: 0; } .eee-teaser-seeemsdk__button-wrapper > li { position: relative; z-index: 2; display: inline-block; margin-right: 5px; margin-bottom: 5px; } .eee-teaser-seeemsdk__button-wrapper .eee-button__button--link { display: inline-block; padding: 0 5px; min-height: 0; line-height: inherit; text-decoration: none; font-size: 10px; text-transform: uppercase; } .eee-teaser-seeemsdk__button-wrapper .eee-button__button--link:hover, .eee-teaser-seeemsdk__button-wrapper .eee-button__button--link:focus { text-decoration: none; } .eee-teaser-seeemsdk__button-wrapper .eee-button__button--link:after { content: ' \2192'; display: inline-block; margin-left: 5px; font-size: 18px; line-height: 18px; vertical-align: top; color: #004FFA; } .eee-teaser-seeemsdk__button-icon { max-height: 24px; vertical-align: middle; } .eee-teaser-seeemsdk__link-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; } .eee-teaser-seeemsdk--has-border { border: 1px solid; padding: 25px 15px; } .eee-teaser-seeemsdk--has-border .eee-teaser-seeemsdk__image-wrapper { margin-top: -25px; margin-left: -15px; margin-right: -15px; } .eee-teaser-seeemsdk--has-background { padding: 25px 15px; } .eee-teaser-seeemsdk--has-background .eee-teaser-seeemsdk__image-wrapper { margin-top: -25px; margin-left: -15px; margin-right: -15px; } .eee-teaser-seeemsdk--has-background:not(.eee-teaser-seeemsdk--has-border) { padding: calc(25px + 1px) calc(15px + 1px); } .eee-teaser-seeemsdk--has-background:not(.eee-teaser-seeemsdk--has-border) .eee-teaser-seeemsdk__image-wrapper { margin-top: calc(-1 * (25px + 1px)); margin-left: calc(-1 * (15px + 1px)); margin-right: calc(-1 * (15px + 1px)); } .eee-teaser-seeemsdk--image-left > .eee-teaser-seeemsdk__image-wrapper { margin-bottom: 0; width: calc(-1 * 15px + 50%); } .eee-teaser-seeemsdk--image-left > .eee-teaser-seeemsdk__content-wrapper { margin-bottom: 0; margin-left: 0; width: calc(100% - 50%); } .eee-teaser-seeemsdk--image-left > .eee-teaser-seeemsdk__icon-wrapper { text-align: left; } .eee-teaser-seeemsdk--image-background { background-repeat: no-repeat; background-position: right bottom; background-size: auto; } .eee-teaser-seeemsdk--icon-left > .eee-teaser-seeemsdk__icon-wrapper { margin-bottom: 0; width: calc(-1 * 15px + ); } .eee-teaser-seeemsdk--icon-left > .eee-teaser-seeemsdk__content-wrapper { margin-bottom: 0; margin-left: 0; width: calc(100% - ); } /* * Hover effect modifiers */ .eee-teaser-seeemsdk--has-hover { -webkit-transition: box-shadow linear 0.15s, transform linear 0.15s; transition: box-shadow linear 0.15s, transform linear 0.15s; } .eee-teaser-seeemsdk--has-hover:hover { z-index: 1; } .eee-teaser-seeemsdk--hover-border:hover { outline: 1px solid; } .eee-teaser-seeemsdk--hover-shadow:hover { box-shadow: 0 5px 25px rgba(0, 0, 0, 0.35); } .eee-teaser-seeemsdk--hover-glow:hover { box-shadow: 0 0 25px #004FFA; } .eee-teaser-seeemsdk--hover-scale:hover { -webkit-transform: scale(1.05); transform: scale(1.05); } /* Style Id:4061 HELPERS*/ /* style: 323*/ .eee-placeholder-component { box-sizing: border-box; padding: 7px; text-transform: uppercase; font-family: Arial, Verdana, sans-serif; font-weight: bold; background-color: lime; color: red; } .eee-placeholder-component__image { display: inline; vertical-align: text-top; } /* style: 417*/ /*============ Item tags ============*/ .eee-items-tags { padding: 0px 0px 10px 0px; } .eee-items-tags .eee-item-tags--ribon { display: inline-block; vertical-align: top; } .eee-product-display .eee-items-compact .eee-items-tags .eee-item-tag--duplicated { display: none; } #eee-product-details .eee-items-tags { padding: 10px 0px; } .eee-items-grid .eee-item-tag--star, .eee-items-list .eee-item-tag--star, .eee-article-details .eee-item-tag--star, #eee-product-details .eee-item-tag--star { height: 44px; width: 44px; text-align: center; vertical-align: middle; line-height: 44px; position: absolute; z-index: 5; left: 0px; top: 0px; margin: -5px; display: inline-block; transform: rotate(-20deg); animation: beat 1s ease infinite alternate; } .eee-items-grid .eee-item-tag--star.eee-item-tag--star-2, .eee-items-list .eee-item-tag--star.eee-item-tag--star-2, .eee-article-details .eee-item-tag--star.eee-item-tag--star-2, #eee-product-details .eee-item-tag--star.eee-item-tag--star-2 { left: auto; right: 0px; } .eee-items-grid .eee-item-tag--star:before, .eee-items-grid .eee-item-tag--star:after, .eee-items-list .eee-item-tag--star:before, .eee-items-list .eee-item-tag--star:after, .eee-article-details .eee-item-tag--star:before, .eee-article-details .eee-item-tag--star:after, #eee-product-details .eee-item-tag--star:before, #eee-product-details .eee-item-tag--star:after { content: ""; position: absolute; background: inherit; height: inherit; width: inherit; top: 0; left: 0; z-index: -1; transform: rotate(30deg); } .eee-items-grid .eee-item-tag--star:after, .eee-items-list .eee-item-tag--star:after, .eee-article-details .eee-item-tag--star:after, #eee-product-details .eee-item-tag--star:after { transform: rotate(60deg); } .eee-item-tag--box, .eee-items-compact .eee-item-tag--star, .eee-items-compact .eee-item-tag--ribbon { padding: 1px 5px; display: inline-block; vertical-align: top; font-weight: bold; margin: 0px 1px 4px 0px; font-size: 10px; text-transform: uppercase; } .eee-items-grid .eee-item-tags--ribon, .eee-items-list .eee-item-tags--ribon, .eee-article-details .eee-item-tags--ribon, #eee-product-details .eee-item-tags--ribon { position: absolute; top: 0px; width: 180px; height: 180px; overflow: hidden; } .eee-items-grid .eee-item-tags--ribon.eee-item-tags--ribon--1, .eee-items-list .eee-item-tags--ribon.eee-item-tags--ribon--1, .eee-article-details .eee-item-tags--ribon.eee-item-tags--ribon--1, #eee-product-details .eee-item-tags--ribon.eee-item-tags--ribon--1 { right: 0px; } .eee-items-grid .eee-item-tags--ribon.eee-item-tags--ribon--1 .eee-item-tag--ribbon, .eee-items-list .eee-item-tags--ribon.eee-item-tags--ribon--1 .eee-item-tag--ribbon, .eee-article-details .eee-item-tags--ribon.eee-item-tags--ribon--1 .eee-item-tag--ribbon, #eee-product-details .eee-item-tags--ribon.eee-item-tags--ribon--1 .eee-item-tag--ribbon { transform: rotate(45deg); right: -49px; } .eee-items-grid .eee-item-tags--ribon.eee-item-tags--ribon--2, .eee-items-list .eee-item-tags--ribon.eee-item-tags--ribon--2, .eee-article-details .eee-item-tags--ribon.eee-item-tags--ribon--2, #eee-product-details .eee-item-tags--ribon.eee-item-tags--ribon--2 { left: 0px; } .eee-items-grid .eee-item-tags--ribon.eee-item-tags--ribon--2 .eee-item-tag--ribbon, .eee-items-list .eee-item-tags--ribon.eee-item-tags--ribon--2 .eee-item-tag--ribbon, .eee-article-details .eee-item-tags--ribon.eee-item-tags--ribon--2 .eee-item-tag--ribbon, #eee-product-details .eee-item-tags--ribon.eee-item-tags--ribon--2 .eee-item-tag--ribbon { transform: rotate(-45deg); left: -49px; } .eee-items-grid .eee-item-tag--ribbon, .eee-items-list .eee-item-tag--ribbon, .eee-article-details .eee-item-tag--ribbon, #eee-product-details .eee-item-tag--ribbon { position: absolute; padding: 7px; top: 22px; min-width: 170px; text-align: center; color: #fff; font-weight: bold; font-size: 11px; z-index: 3; } .eee-item-tag { background: #004FFA; color: #fff; position: relative; z-index: 2; } .eee-item-tag.eee-item-tag--new, .eee-item-tag.eee-item-tag--featured, .eee-item-tag.eee-item-tag--bestseller { background: #549132; color: #FFFFFF; } .eee-item-tag.eee-item-tag--onoffer, .eee-item-tag.eee-item-tag--specialoffer, .eee-item-tag.eee-item-tag--blackfridayoffer, .eee-item-tag.eee-item-tag--sale, .eee-item-tag.eee-item-tag--hotdeal { background: #FDE53B; color: #0B0B13; } .eee-item-tag.eee-item-tag--limitededition { background: #2E70FF; color: #FFFFFF; } .eee-item-tag.eee-item-tag--outofstock, .eee-item-tag.eee-item-tag--soldout { background: #DF0B22; color: #FFFFFF; } /* Style Id:2870 Seeems Docs CSS*/ /* style: 693*/ .eee-docs-content-section { margin-bottom: 50px; border-bottom: 1px solid #677077; padding-bottom: 50px; } .eee-docs-content-section__heading { font-weight: normal; color: #0B0B13; } .eee-docs-content-section__link { color: inherit; text-decoration: none; padding: 5px 0px; } .eee-docs-content-section__link::before { content: '# '; position: absolute; width: 50px; background: #0B0B13; color: #fff; text-align: center; padding: 5px 0px; margin: -5px 0px 0px -65px; } /* style: 4499*/ /* style: 522*/ .works { color: #677077; }/* style: 849*/ .VariableContainer { width: 100%; float: left; position: relative; } .VariableContainer h2 span { color: #D04646; } .VariableContainer hr { color: #D04646; width: 100%; float: left; border-top: 1px solid #D04646 !Important; padding-bottom: 2em; } .VariableContainer .VariableLine { width: 100%; float: left; padding: 0.9em 0; border-bottom: 1px solid #ccc; margin-bottom: 0 !Important; } .VariableContainer .VariableLine .VariableName { font-weight: bold; color: #000000; text-transform: capitalize; float: left; } .VariableContainer .VariableLine .VarDevider { float: left; color: #000000; font-size: 14px; margin: 0 0.5em; width: 5px; } .VariableContainer .VariableLine .VariableValue { float: left; color: #D04646; font-size: 15px; } /* style: 1498*/ .IsThisPropertyDisplayed li a.title { visibility:hidden !important; } /* * Table styles */ table.dataTable { width: 100%; margin: 0 auto; clear: both; border-collapse: separate; border-spacing: 0; /* * Header and footer styles */ /* * Body styles */ } table.dataTable.display tbody tr td { font-size:11px; min-width:12px; } table.dataTable thead tr th div a { font-size:11px; } table.dataTable thead th, table.dataTable tfoot th { font-weight: bold; } #jQcM0O0 thead tr th{ width:auto !important; } #SurveyTable thead tr th{ width:auto !important; padding:0 !important; margin:0 !important; } table.dataTable.display tbody tr td div { white-space: nowrap !impotant; word-wrap: break-word !important; } table.dataTable.display tbody tr td div p{ font-size: 11px; margin-bottom: 0 } #SurveyTable_wrapper table.dataTable thead tr th{ position: relative; height: 170px; } #SurveyTableHouseOwner_wrapper #jQcM0O0{ height: 216px; width: 1172px !important; } #SurveyTable_wrapper table.dataTable thead tr th div { white-space: nowrap; vertical-align: middle; text-align: left; width: 4px; font-size: 12px; color: #0C648A; } table.dataTable thead tr th div.heading4 { } table.dataTable.display tbody tr td img.SelectOption { width: 14px; } table.dataTable.display tbody tr td div p.ImageWrapper img.Bubbletalk, table.dataTable.display tbody tr td div p.ImageWrapper img.SelectOption{ width: 18px; } table.dataTable thead tr th div a{ color:#0C648A; } table.dataTable thead tr th div a:hover { color:#333333; text-decoration:underline; } table.dataTable thead tr th div.heading1, table.dataTable thead tr th div.heading2, table.dataTable thead tr th div.heading3{ } #SurveyTable_wrapper table.dataTable thead tr th div{ -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); } table.dataTable thead th, table.dataTable thead td { /* padding: 10px 18px; */ border-bottom: 1px solid #111; max-width: 0px !important; } table.dataTable thead th:active, table.dataTable thead td:active { outline: none; } table.dataTable tfoot th, table.dataTable tfoot td { padding: 10px 18px 6px 18px; border-top: 1px solid #111; } table.dataTable thead .sorting, table.dataTable thead .sorting_asc, table.dataTable thead .sorting_desc { cursor: pointer; *cursor: hand; } table.dataTable thead .sorting, table.dataTable thead .sorting_asc, table.dataTable thead .sorting_desc, table.dataTable thead .sorting_asc_disabled, table.dataTable thead .sorting_desc_disabled { background-repeat: no-repeat; background-position: center right; } table.dataTable thead .sorting { /* background-image: url("../images/sort_both.png"); */ } table.dataTable thead .sorting_asc { /* background-image: url("../images/sort_asc.png"); */ } table.dataTable thead .sorting_desc { /* background-image: url("../images/sort_desc.png"); */ } table.dataTable thead .sorting_asc_disabled { /* background-image: url("../images/sort_asc_disabled.png"); */ } table.dataTable thead .sorting_desc_disabled { /* background-image: url("../images/sort_desc_disabled.png"); */ } table.dataTable tbody tr { background-color: #ffffff; } table.dataTable tbody tr.selected { background-color: #B0BED9; } table.dataTable tbody th, table.dataTable tbody td { padding: 8px 10px; } table.dataTable.row-border tbody th, table.dataTable.row-border tbody td, table.dataTable.display tbody th, table.dataTable.display tbody td { border-top: 1px solid #ddd; } table.dataTable.row-border tbody tr:first-child th, table.dataTable.row-border tbody tr:first-child td, table.dataTable.display tbody tr:first-child th, table.dataTable.display tbody tr:first-child td { border-top: none; } table.dataTable.cell-border tbody th, table.dataTable.cell-border tbody td { border-top: 1px solid #ddd; border-right: 1px solid #ddd; } table.dataTable.cell-border tbody tr th:first-child, table.dataTable.cell-border tbody tr td:first-child { border-left: 1px solid #ddd; } table.dataTable.cell-border tbody tr:first-child th, table.dataTable.cell-border tbody tr:first-child td { border-top: none; } table.dataTable.stripe tbody tr.odd, table.dataTable.display tbody tr.odd { background-color: #f9f9f9; } table.dataTable.stripe tbody tr.odd.selected, table.dataTable.display tbody tr.odd.selected { background-color: #abb9d3; } table.dataTable.hover tbody tr:hover, table.dataTable.display tbody tr:hover { background-color: whitesmoke; } table.dataTable.hover tbody tr:hover.selected, table.dataTable.display tbody tr:hover.selected { background-color: #a9b7d1; } table.dataTable.order-column tbody tr > .sorting_1, table.dataTable.order-column tbody tr > .sorting_2, table.dataTable.order-column tbody tr > .sorting_3, table.dataTable.display tbody tr > .sorting_1, table.dataTable.display tbody tr > .sorting_2, table.dataTable.display tbody tr > .sorting_3 { background-color: #f9f9f9; } table.dataTable.order-column tbody tr.selected > .sorting_1, table.dataTable.order-column tbody tr.selected > .sorting_2, table.dataTable.order-column tbody tr.selected > .sorting_3, table.dataTable.display tbody tr.selected > .sorting_1, table.dataTable.display tbody tr.selected > .sorting_2, table.dataTable.display tbody tr.selected > .sorting_3 { background-color: #acbad4; } table.dataTable.display tbody tr.odd > .sorting_1, table.dataTable.order-column.stripe tbody tr.odd > .sorting_1 { background-color: #f1f1f1; } table.dataTable.display tbody tr.odd > .sorting_2, table.dataTable.order-column.stripe tbody tr.odd > .sorting_2 { background-color: #f3f3f3; } table.dataTable.display tbody tr.odd > .sorting_3, table.dataTable.order-column.stripe tbody tr.odd > .sorting_3 { background-color: whitesmoke; } table.dataTable.display tbody tr.odd.selected > .sorting_1, table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_1 { background-color: #a6b3cd; } table.dataTable.display tbody tr.odd.selected > .sorting_2, table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_2 { background-color: #a7b5ce; } table.dataTable.display tbody tr.odd.selected > .sorting_3, table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_3 { background-color: #a9b6d0; } table.dataTable.display tbody tr.even > .sorting_1, table.dataTable.order-column.stripe tbody tr.even > .sorting_1 { background-color: #f9f9f9; } table.dataTable.display tbody tr.even > .sorting_2, table.dataTable.order-column.stripe tbody tr.even > .sorting_2 { background-color: #fbfbfb; } table.dataTable.display tbody tr.even > .sorting_3, table.dataTable.order-column.stripe tbody tr.even > .sorting_3 { background-color: #fdfdfd; } table.dataTable.display tbody tr.even.selected > .sorting_1, table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_1 { background-color: #acbad4; } table.dataTable.display tbody tr.even.selected > .sorting_2, table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_2 { background-color: #adbbd6; } table.dataTable.display tbody tr.even.selected > .sorting_3, table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_3 { background-color: #afbdd8; } table.dataTable.display tbody tr:hover > .sorting_1, table.dataTable.order-column.hover tbody tr:hover > .sorting_1 { background-color: #eaeaea; } table.dataTable.display tbody tr:hover > .sorting_2, table.dataTable.order-column.hover tbody tr:hover > .sorting_2 { background-color: #ebebeb; } table.dataTable.display tbody tr:hover > .sorting_3, table.dataTable.order-column.hover tbody tr:hover > .sorting_3 { background-color: #eeeeee; } table.dataTable.display tbody tr:hover.selected > .sorting_1, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_1 { background-color: #a1aec7; } table.dataTable.display tbody tr:hover.selected > .sorting_2, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_2 { background-color: #a2afc8; } table.dataTable.display tbody tr:hover.selected > .sorting_3, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_3 { background-color: #a4b2cb; } table.dataTable.no-footer { border-bottom: 1px solid #111; } table.dataTable.nowrap th, table.dataTable.nowrap td { white-space: nowrap; } table.dataTable.compact thead th, table.dataTable.compact thead td { padding: 4px 17px 4px 4px; } table.dataTable.compact tfoot th, table.dataTable.compact tfoot td { padding: 4px; } table.dataTable.compact tbody th, table.dataTable.compact tbody td { padding: 4px; } table.dataTable th.dt-left, table.dataTable td.dt-left { text-align: left; } table.dataTable th.dt-center, table.dataTable td.dt-center, table.dataTable td.dataTables_empty { text-align: center; } table.dataTable th.dt-right, table.dataTable td.dt-right { text-align: right; } table.dataTable th.dt-justify, table.dataTable td.dt-justify { text-align: justify; } table.dataTable th.dt-nowrap, table.dataTable td.dt-nowrap { white-space: nowrap; } table.dataTable thead th.dt-head-left, table.dataTable thead td.dt-head-left, table.dataTable tfoot th.dt-head-left, table.dataTable tfoot td.dt-head-left { text-align: left; } table.dataTable thead th.dt-head-center, table.dataTable thead td.dt-head-center, table.dataTable tfoot th.dt-head-center, table.dataTable tfoot td.dt-head-center { text-align: center; } table.dataTable thead th.dt-head-right, table.dataTable thead td.dt-head-right, table.dataTable tfoot th.dt-head-right, table.dataTable tfoot td.dt-head-right { text-align: right; } table.dataTable thead th.dt-head-justify, table.dataTable thead td.dt-head-justify, table.dataTable tfoot th.dt-head-justify, table.dataTable tfoot td.dt-head-justify { text-align: justify; } table.dataTable thead th.dt-head-nowrap, table.dataTable thead td.dt-head-nowrap, table.dataTable tfoot th.dt-head-nowrap, table.dataTable tfoot td.dt-head-nowrap { white-space: nowrap; } table.dataTable tbody th.dt-body-left, table.dataTable tbody td.dt-body-left { text-align: left; } table.dataTable tbody th.dt-body-center, table.dataTable tbody td.dt-body-center { text-align: center; } table.dataTable tbody th.dt-body-right, table.dataTable tbody td.dt-body-right { text-align: right; } table.dataTable tbody th.dt-body-justify, table.dataTable tbody td.dt-body-justify { text-align: justify; } table.dataTable tbody th.dt-body-nowrap, table.dataTable tbody td.dt-body-nowrap { white-space: nowrap; } table.dataTable, table.dataTable th, table.dataTable td { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } /* * Control feature layout */ .dataTables_wrapper { position: relative; clear: both; *zoom: 1; zoom: 1; } .dataTables_wrapper .dataTables_length { float: left; } .dataTables_wrapper .dataTables_filter { float: right; text-align: right; font-size:14px; } #SurveyTable_filter label, #SurveyTable_filter label input { font-size:14px; } #SurveyTable_filter label input { width: 300px; height: 25px; } .dataTables_wrapper .dataTables_filter input { margin-left: 0.5em; } .dataTables_wrapper .dataTables_info { clear: both; float: left; padding: 0; } .dataTables_wrapper .dataTables_paginate { float: right; text-align: right; padding: 0; font-size: 15px; margin-top: 3em; } .dataTables_wrapper .dataTables_paginate .paginate_button { box-sizing: border-box; display: inline-block; min-width: 1.5em; padding: 1px 10px; margin-left: 2px; text-align: center; text-decoration: none !important; cursor: pointer; *cursor: hand; color: #73a747 !important; border: 1px solid transparent; } .dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover { color: #fff !important; border: 1px solid #73a747; background-color: #73a747; } .dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active { cursor: default; color: #73a747 !important; border: 1px solid transparent; background: transparent; box-shadow: none; } .dataTables_wrapper .dataTables_paginate .paginate_button:hover { color: #fff !important; border: 1px solid #73a747; background-color: #73a747; } .dataTables_wrapper .dataTables_paginate .paginate_button:active { outline: none; background-color: #2b2b2b; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2b2b2b), color-stop(100%, #0c0c0c)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%); /* Chrome10+,Safari5.1+ */ background: -moz-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%); /* FF3.6+ */ background: -ms-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%); /* IE10+ */ background: -o-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%); /* Opera 11.10+ */ background: linear-gradient(to bottom, #2b2b2b 0%, #0c0c0c 100%); /* W3C */ box-shadow: inset 0 0 3px #111; } .dataTables_wrapper .dataTables_paginate .ellipsis { padding: 0 1em; } .dataTables_wrapper .dataTables_processing { position: absolute; top: 50%; left: 50%; width: 100%; height: 40px; margin-left: -50%; margin-top: -25px; padding-top: 20px; text-align: center; font-size: 1.2em; background-color: white; background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(25%, rgba(255, 255, 255, 0.9)), color-stop(75%, rgba(255, 255, 255, 0.9)), color-stop(100%, rgba(255, 255, 255, 0))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%); /* Chrome10+,Safari5.1+ */ background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%); /* FF3.6+ */ background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%); /* IE10+ */ background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%); /* Opera 11.10+ */ background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%); /* W3C */ } .dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter, .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_processing, .dataTables_wrapper .dataTables_paginate { color: #333; } .dataTables_wrapper .dataTables_scroll { clear: both; } .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody { *margin-top: -1px; -webkit-overflow-scrolling: touch; } .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody th > div.dataTables_sizing, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody td > div.dataTables_sizing { height: 0; overflow: hidden; margin: 0 !important; padding: 0 !important; } .dataTables_wrapper.no-footer .dataTables_scrollBody { border-bottom: 1px solid #111; } .dataTables_wrapper.no-footer div.dataTables_scrollHead table, .dataTables_wrapper.no-footer div.dataTables_scrollBody table { border-bottom: none; } .dataTables_wrapper:after { visibility: hidden; display: block; content: ""; clear: both; height: 0; } @media screen and (max-width: 767px) { .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_paginate { float: none; text-align: center; } .dataTables_wrapper .dataTables_paginate { margin-top: 0.5em; } } @media screen and (max-width: 640px) { .dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter { float: none; text-align: center; } .dataTables_wrapper .dataTables_filter { margin-top: 0.5em; } } #Table1{ width:100% !important; border:1px solid#ccc; margin-bottom: 2em; } #Table1 tbody tr td { float:left !Important; width: 100%; font-size: 13px; } #Table1 tbody tr td.Heading { margin-bottom:0.5em; margin-top: 2em; } #Table1 tbody tr#filter_col1 td.Heading { } #Table1 tbody tr td span input { display: block; width: 94%; padding-left:0.5em; height: 34px; font-size: 14px; line-height: 1.42857; color: #555; background-color: #FFF; background-image: none; border: 1px solid #CCC; box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset; transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s; border-radius: 0 !Important; font-size: 12px } #Table1 tbody { display:block; } #Table1 tbody, #table_settings { display:none; float:left; width:100%; } #Table1 tbody tr td span input:focus { border-color: #66AFE9; outline: 0px none; box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset, 0px 0px 8px rgba(102, 175, 233, 0.6); } #filter_global { /* margin-left: 1em; */ } #Table1 tbody tr { float: left; width: 18.3%; margin-right: 0.68em; margin-bottom: 2em; } .FromToInputs span input { float:left; width:41% !Important; } .FromToInputs span.filter_column filter_date_range{ float: left; width: 100%; } span.Devider { float: left; width: 5%; height: 36px; vertical-align: middle; display: table-cell; line-height: 34px; } #filter_col3_5, #filter_col5_2, #filter_col5_6, #filter_col5_7 { display:none; } #SurveyTable_length { width: 48%; border-bottom: 14px solid #FFFFFF; float: left; margin-left: 2.1em; font-size: 14px; } #SurveyTable_length label select { font-size: 15px; } #SurveyTable_wrapper .heading1{ position: relative; top: 38.3%; } #SurveyTable_wrapper .heading2{ position: relative; top: 32.5%; } #SurveyTable_wrapper .heading3{ position: relative; top: 13.5%; } #SurveyTable_wrapper .heading4{ position: relative; top: 17%; } #SurveyTable_wrapper .heading5{ position: relative; top: 7.9%; } #SurveyTable_wrapper .heading6{ position: relative; top: 14.4%; } #SurveyTable_wrapper .heading7{ position: relative; top: -8.5%; } #SurveyTable_wrapper .heading10{ top: 19%; position: relative; } #SurveyTable_wrapper .heading9{ top: -5.5%; position: relative; } #SurveyTable_wrapper .heading8 { position: relative; top: 27%; } #SurveyTable_wrapper .heading11 { position: relative; top: 0.2%; } #SurveyTable_wrapper .heading12 { position: relative; top: -11.8%; } #SurveyTable_wrapper .heading14 { position: relative; top: -14.7%; } #SurveyTable_wrapper .heading22 { position: relative; top: -5%; } #SurveyTable_wrapper .heading17 { position: relative; top: -4%; } #SurveyTable_wrapper .heading24{ position: relative; top: 34%; } #SurveyTable_wrapper .heading25{ position: relative; top: -8%; } #SurveyTable_wrapper .heading23{ position: relative; top: -16.6%; } #SurveyTable_wrapper .heading21 { position: relative; top: -32%; } #SurveyTable_wrapper .heading19{ top: -9.2%; position: relative; } #SurveyTable_wrapper .heading18{ top: -21.7%; position: relative; } #SurveyTable_wrapper .heading16{ top: 4.4%; position: relative; } #SurveyTable_wrapper .heading15 { top: 22.9%; position: relative; } #SurveyTable_wrapper .heading13{ position: relative; top: 12%; } #SurveyTable_wrapper .heading20{ position: relative; top: -11.5%; } .heading13, .heading14, .heading15, .heading16, .heading17, .heading18, .heading19, .heading20, .heading21, .heading22, .heading23, .heading24{ } #SurveyTable{ font-size: 11px; width: 1147px; /* table-layout: fixed; */ margin-left: -0.00001em; } #SurveyTable tbody tr td{ /* overflow: hidden; text-overflow: ellipsis; */ } #SurveyTable tbody tr td a { color: #607B9B; } #SurveyTable tbody tr td a:hover{ text-decoration :underline; } #SurveyTable_wrapper{ width: 100%; margin: 0 auto; margin-bottom:2em; } #table_settings ul li.tbs-on:before { padding-right: 5px; content: url(/files/layout/images/cheched_small.jpg); position: relative; width: 70px; cursor:pointer; } #table_settings ul li.tbs-off:before{ padding-right: 8px; content: url(/files/layout/images/uncheched_smalll.jpg); position: relative; width: 70px; cursor:pointer; } #table_settings ul li { height: 30px; vertical-align: middle; float: left; width: 219px; font-size: 13px; clear: none !important; } .AddRemoveColuns{ border: 1px solid #ccc; margin-bottom: 2em; float: left; width: 100%; } .AddRemoveColuns h3, .AddRemoveColuns p { padding:1em; background-color: #EFEFEF; font-size: 18px !important; margin-bottom: 0 !important; } .AddRemoveColuns #table_settings { padding:2em; margin-left: 1em; width: 89.4%; } .AddRemoveColuns #table_settings ul{ list-style-type: none; float: left; width: 100%; display:none; } #filter_col1, #filter_col3, #filter_col4, #filter_col5_1, #filter_col3_2, #filter_col4_4, #filter_col5_8, #filter_col3_4 { margin-left: 1.2em; } #showOnWebsiteFilter span select { display: block; width: 98%; height: 38px; font-size: 14px; line-height: 1.42857; color: #555; background-color: #FFF; background-image: none; border: 1px solid #CCC; box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset; transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s; border-radius: 0px !important; } #TilteFIlter, .AddRemoveColuns p { cursor:pointer; } #TilteFIlter:hover, .AddRemoveColuns:hover { text-decoration:underline; } #TilteFIlter th { font-size: 18px; background-color: #EFEFEF; padding: 1em; margin-bottom: 1em; text-align: left; } .SeparatorTable { float: left; width: 100%; height: 26px; display:none; } #SurveyTable_info { margin-left: 0.8em; font-size: 15px; margin-top: 3em; } #SurveyTableHouseOwner thead tr th div { transform: none !Important; white-space: normal !Important; padding-left:0 !Important; height: 50px; } #SurveyTableHouseOwner thead tr th { height: auto !Important; } #SurveyTableHouseOwner tr th div a { font-size: 11px; } #SurveyTableHouseOwner { /* border-top: 4em solid transparent; */ float:left; } #SurveyTableHouseOwner tbody tr td div p.ImageWrapper img.Bubbletalk, table.dataTable.display tbody tr td div p.ImageWrapper img.SelectOption { width: 29px !Important; } #SurveyTableHouseOwner tbody tr td a img { width: 39px; } #SurveyTableHouseOwner tbody tr td a { float: left; width:100%; margin-bottom:0.5em; } .IsThisPropertyDisplayed { -webkit-appearance: none; -moz-appearance: none; background-color: Transparent; /* background: url(/files/layout/images/SelectorYesNo.png) no-repeat 0px 0px; */ line-height: 12px; width: 15px; height: 15px; /* border:1px solid #ccc; */ } .IsThisPropertyDisplayed { /* margin-top: 0.5em !important; margin-bottom:0 !Important; */ list-style-type: none; } .IsThisPropertyDisplayed li { display:block; width: 21px; height: 39px; line-height: 28px; cursor:pointer; padding-bottom: 0.21em; padding-top: 10px; } .IsThisPropertyDisplayed li a { margin-left:1em; color:#000000 !Important; font-size: 11px; } ul.UndefinedStatus li a.website-yes::before { content: ""; float: left; height: 15px; margin-left: 2.2em; margin-top: 0.8em; width: 15px; background: url('/files/layout/images/SelectorYesNo.png') no-repeat 0px 0px; } .IsThisPropertyDisplayed li a.website-yes::before { content: ""; float: left; height: 15px; margin-left: 2.2em; margin-top: 0.8em; width: 15px; background: url('/files/layout/images/NoDontShowItSet.png') no-repeat 0px 0px; } .IsThisPropertyDisplayed li a.website-no::before{ content: ""; float: left; height: 15px; margin-left: 2.2em; margin-top: 0.8em; width: 15px; background: url('/files/layout/images/YesShowItSet.png') no-repeat 0px 0px; } #SurveyTable_wrapper ul.YesStatus li a.website-yes::before { content: ""; float: left; height: 15px; margin-left: 2.2em; margin-top: 0.8em; width: 15px; background: url('/files/layout/images/YesShowItSet.png') no-repeat 0px 0px; } .IsThisPropertyDisplayed li.YesValue { /* margin-top: 2em; */ /* border-top: 1px solid #ccc; */ } .IsThisPropertyDisplayed li.YesValue > li.YesValue{ display:none; } .dataTables_scrollBody{ } #content .inner{ margin-bottom:2em !important; } #SurveyTableHouseOwner_info{ margin-top: 3em; } #ClearSearch,.importReviews{ display: block; margin: 0px 0px 1em; padding: 5px 10px; background: rgb(15, 107, 150) linear-gradient(to bottom, rgb(18, 127, 178), rgb(17, 85, 119)) repeat scroll 0% 0%; background-image: -webkit-gradient(linear, to bottom, to top, color-stop(0%, #127fb2), color-stop(100%, #115577)); background-image: -webkit-linear-gradient(to bottom, #127fb2, #115577); background-image: -moz-linear-gradient(to bottom, #127fb2, #115577); background-image: -o-linear-gradient(to bottom, #127fb2, #115577); background-image: linear-gradient(to bottom, #127fb2, #115577); color: rgb(255, 255, 255); font-stretch: condensed; text-align: center; text-transform: uppercase; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; width: 200px; float: right; cursor: pointer; } .importReviews{ float:left; } .importReviews a { color:white !important; } table.table thead .sorting { background: image-url('/files/layout/images/sort_both.png') no-repeat center right; } table.table thead .sorting_asc { background: image-url('/files/layout/images/sort_asc.png') no-repeat center right; } table.table thead .sorting_desc { background: image-url('datatables/sort_desc.png') no-repeat center right; } table.table thead .sorting_asc_disabled { background: image-url('datatables/sort_asc_disabled.png') no-repeat center right; } table.table thead .sorting_desc_disabled { background: image-url('datatables/sort_desc_disabled.png') no-repeat center right; } .VariablesContainer { width:100%; float:left; position:relative; margin:2em 0; } .VariablesContainer .ExpandAllButton { float:right; width: 400px; height: 48px; } .VariablesContainer .ExpandAllButton a{ display: block; background-color: #fff; min-width: 175px; border: 1px solid #ccc; padding: 5px 10px; cursor: pointer; float: right; font-weight: bold; color: #0097b6; font-size:18px; text-align: center; text-decoration: none; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } .VariablesContainer .ExpandAllButton a:hover{ background-color: #0097b6; border: 1px solid #0097b6; color: #fff; } .VariablesContainer .ExpandAllButton a:active { position:relative; } .VariablesContainer .ExpandAllButton a span { margin-right: 0.3em; font-weight: 700; font-size:18px; } .VariablesContainer .ExpandAllButton a img { width: 8px; height: 8px; margin: 0.11em; } .VariablesContainer .TemplateCode { color:#0097b6; } .VariablesContainer > .Devider{ width:100%; float:left; border-top: 1px solid #0097b6 !important; margin-bottom: 2em } .VariablesContainer > .AreaTitle { color:#74b747; font-size: 23px; text-transform: uppercase; font-family: Arial, sans-serif; } .TitleContainer .Title { text-align:left; color:#0097b6; } #variableTable tbody tr td { font-size: 18px; } #variableTable thead tr th, #variableTable tfoot tr th { height:45px !Important; font-size: 18px; padding-left: 0.7em; font-family: Arial, sans-serif; vertical-align: middle; padding-top:0; } #variableTable thead tr th { } #variableTable tfoot tr th { padding-top: 0; } #variableTable .VariableLanguage { text-transform: capitalize; font-weight: bold; } .VariablesContainer #variableTable_wrapper #variableTable_info, .VariablesContainer #variableTable_wrapper #variableTable_paginate { margin: 2em auto 0; font-size: 18px; font-family: Arial, sans-serif; } #variableTable_next { display: inline-block; position: relative; margin: 0; padding: 1px 10px; width: auto; height: auto; } .VariablesContainer #variableTable_wrapper #variableTable_length, .VariablesContainer #variableTable_wrapper #variableTable_filter{ font-size: 18px; font-family: Arial, sans-serif; } .VariablesContainer #variableTable_wrapper #variableTable_length label select { font-size: 18px; font-family: Arial, sans-serif; } .VariablesContainer #variableTable_wrapper #variableTable_filter label input { font-size: 18px; font-family: Arial, sans-serif; } .VariablesContainer #variableTable_wrapper .VariableValue{ color: #542022; font-weight: bold } .VariablesContainer #variableTable_wrapper .VariableValue p.NoValue { margin:0; color:#0097b6; } #variableTable tbody td { padding: 8px 10px; max-width: 70px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; font-family: Arial, sans-serif; } #variableTable tbody td.CssName{ white-space: normal; text-overflow: clip; } #variableTable tbody td.EditContent { text-overflow: none; overflow: visible; } #variableTable tbody td.Active{ border-left:1px solid #db7676; border-top:1px solid #db7676; } #variableTable tbody td.Active .AdditinalWrapper .TableValueHideContent{ display:block; } #variableTable tbody td.ActiveR { border-right:1px solid #db7676; border-top:1px solid #db7676; } #variableTable tbody td.ActiveM { border-top:1px solid #db7676; } #variableTable tbody tr:hover { background-color: rgba(0, 139, 198, 0.1); } #variableTable tbody tr:hover td { background-color: rgba(0, 139, 198, 0.1); } #variableTable tbody tr td.CssCode, #variableTable tbody tr td.VariableValue{ cursor:pointer; } #variableTable tbody tr td.ShowFullCode { white-space: pre-line; text-overflow: clip; } #variableTable tbody tr td.SkinInfo { cursor: pointer; } #variableTable tbody tr td.SkinInfo div.SkinCode { float: left; width: 100%; margin-top: 0.3em; margin-bottom: 0.3em; } #variableTable tbody tr td.ShowFullCode div.SkinCode span.Title, #variableTable tbody tr td.ShowFullCode div.SkinCode span.Code { display:block; } #variableTable tbody tr td.SkinInfo div.SkinCode span.Code{ width:82%; float:left; } #variableTable tbody tr td.SkinInfo div.SkinCode span.Title { float:left; color: #0097b6; width: 18%; } #variableTable tbody tr td.SkinInfo div.SkinCode span.Code { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } #variableTable tbody tr td.SkinInfo div.SkinCode span.ShowFullCode { white-space: normal; text-overflow: clip; } #templateSelect { -webkit-align-items: center; -webkit-appearance: menulist-button; -webkit-rtl-ordering: logical; -webkit-writing-mode: horizontal-tb; background-color: rgb(255, 255, 255); border-radius: 0px; border: 1px solid rgb(204, 204, 204); border-image-outset: 0px; border-image-repeat: stretch; border-image-slice: 100%; border-image-source: none; border-image-width: 1; box-sizing: border-box; color: #0097B6; cursor: pointer; display: inline-block; font-size: 14px; font-weight: normal; height: 30px; letter-spacing: normal; line-height: normal; margin: 0px 0px 10px 0.6px; padding: 4px 6px; text-align: start; text-indent: 0px; text-shadow: none; text-transform: none; vertical-align: middle; white-space: pre; word-spacing: 0; width: 100%; font-size: 15px; font-weight: bold; } #templateSelect option span{ color:#0097b6; } .SelectableControls .radioGroup { transform: translateZ(0); } .SelectableControls .radioGroup > legend, .SelectTemplate p { color: #0097b6; text-transform: uppercase; margin-bottom: 1em; font-size: 14px; font-weight: bold; text-align:center; padding: 0; width:100%; } .SelectTemplate p{ text-align:center; } .SelectTemplate p.TemplateName{ color:#000000 !Important; text-align:center; } .SelectTemplate p.NoSelect { text-align:center; } .SelectableControls .radioGroup label { position: relative; padding-left: 1.3em; cursor: pointer; transition: .2s; color: #000; font-size: 14px; } .radioGroup label:hover { color: #542022; } .SelectableControls .radioGroup label::before, .SelectableControls .radioGroup label::after { content: ''; position: absolute; top: 0; bottom: 0; left: 0; margin: auto; width: 1em; height: 1em; border-radius: 50%; } .SelectableControls .radioGroup label::before { box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.25), 0px 2px 5px 6px rgba(173, 173, 173, 0.5) inset; } .SelectableControls .radioGroup label::after { background: #336699; opacity: .2; transform: scale(0); transition: .3s; } .SelectableControls .radioGroup label:hover::after { transform: scale(0.6); opacity: 1; transition: 0.2s; } .SelectableControls .radioGroup input { position: absolute; left: -24px; z-index: -1; opacity: 0; } .SelectableControls .radioGroup input:checked + label::after { transform: scale(0.8); opacity: 1; box-shadow: 0 0 15px -1px #E0828B; } .SelectableControls .radioGroup { display: inline-block; white-space: nowrap; color: #000000; padding-left: 1.5em; width: 52%; position: relative; float: left; height: 66px; } .SelectableControls .radioGroup:focus { border-color: rgba(0, 0, 0, 0.4); outline: none; } legend { padding: 0 20px; dislpay: inline-block; text-transform: uppercase; } .SelectableControls .radioGroup label { margin: 0 20px; } .SelectableControls{ float:left; width: 96.4%; padding: 0.9em; background-color: #F0F0F0; margin-bottom: 1.5em; } .SelectTemplate { float: left; width: 40%; border-right: 1px solid rgb(204, 204, 204); padding-right: 2em; } #variableTable tbody tr td a.EditButton { width: 66px; } #variableTable tbody tr td .EditButton { display: inline-block; background-color: transparent; border: none; letter-spacing: 1px; border-radius: 0; margin: 0 auto; padding: 0 5px 0 0; color: #0097b6; font-size: 23px; cursor: pointer; z-index:1; } #variableTable tbody tr td .EditButton:hover{ background-color:transparent; } #variableTable tbody tr td .EditButton:active { position: relative; top: 3px; } #variableTable tbody tr td .AdditinalWrapper { position:relative; } .RadioContainer{ position: absolute; top: 62%; left: 50%; transform: translate(-50%, -50%); } #variableTable_length{ margin-bottom: 2em; } table.dataTable tbody tr.Hide { /* display:none; */ } div.TableValueHideContent { display:none; position:absolute; top:90px; left:-11px; background-color:#db7676; width:100%; z-index:999; } div.TableValueHideContent p { margin:1em; white-space: pre-wrap; background-color: #ffffff; border: 15px solid #ffffff; } .ShowTooltip:hover:before{ border: solid; border-color: #333 transparent; border-width: 6px 6px 0 6px; bottom: 20px; content: ""; left: 50%; position: absolute; z-index: 99; } /* Style Id:4584 Debtor Pages CSS*/ /* style: 3876*/ .TogglePanel { width: 100%; margin-bottom: 10px; } .TogglePanel .TogglePanelTopLine { cursor: pointer; } .TogglePanel .TogglePanelTopLine, .TogglePanel .TogglePanelResult { border: 1px solid #d1d1d1; padding: 12px; } .TogglePanel .TogglePanelTopLine .TogglePanelIcon, .TogglePanel .TogglePanelResult .TogglePanelIcon { font-size: 14px; } .TogglePanel .TogglePanelTopLine .TogglePanelTitle, .TogglePanel .TogglePanelResult .TogglePanelTitle { max-width: 650px; } .TogglePanel .TogglePanelTopLine .TogglePanelIcon, .TogglePanel .TogglePanelTopLine .TogglePanelTitle, .TogglePanel .TogglePanelResult .TogglePanelIcon, .TogglePanel .TogglePanelResult .TogglePanelTitle { display: inline-block; vertical-align: top; margin-right: 5px; } .TogglePanel .TogglePanelTopLine .TogglePanelTitle span, .TogglePanel .TogglePanelResult .TogglePanelTitle span { color: #c6081A; padding-left: 4px; } .TogglePanel .TogglePanelResult { display: none; margin-top: -1px; } .TogglePanel .TogglePanelResult table { width: 100%; } .TogglePanel .TogglePanelResult table tr td, .TogglePanel .TogglePanelResult table tr th { font-weight: normal; padding: 10px; } .TogglePanel .TogglePanelResult table .input { border: 1px solid #d1d1d1; padding: 5px 0; width: 100%; } /* style: 243*/ /* * Table styles */ table.dataTable { width: 100%; margin: 0 auto; clear: both; border-collapse: separate; border-spacing: 0; /* * Header and footer styles */ /* * Body styles */ } table.dataTable thead th, table.dataTable tfoot th { font-weight: bold; } table.dataTable thead th, table.dataTable thead td { padding: 10px 18px; border-bottom: 1px solid #111; } table.dataTable thead th:active, table.dataTable thead td:active { outline: none; } table.dataTable tfoot th, table.dataTable tfoot td { padding: 10px 18px 6px 18px; border-top: 1px solid #111; } table.dataTable thead .sorting, table.dataTable thead .sorting_asc, table.dataTable thead .sorting_desc { cursor: pointer; *cursor: hand; } table.dataTable thead .sorting, table.dataTable thead .sorting_asc, table.dataTable thead .sorting_desc, table.dataTable thead .sorting_asc_disabled, table.dataTable thead .sorting_desc_disabled { background-repeat: no-repeat; background-position: center right; } table.dataTable thead .sorting { background-image: url("/files/smb/layout/sort_both.png"); } table.dataTable thead .sorting_asc { background-image: url("/files/smb/layout/sort_asc.png"); } table.dataTable thead .sorting_desc { background-image: url("/files/smb/layout/sort_desc.png"); } table.dataTable thead .sorting_asc_disabled { background-image: url("/files/smb/layout/sort_asc_disabled.png"); } table.dataTable thead .sorting_desc_disabled { background-image: url("/files/smb/layout/sort_desc_disabled.png"); } table.dataTable tbody tr { background-color: #ffffff; } table.dataTable tbody tr.selected { background-color: #B0BED9; } table.dataTable tbody th, table.dataTable tbody td { padding: 8px 10px; } table.dataTable.row-border tbody th, table.dataTable.row-border tbody td, table.dataTable.display tbody th, table.dataTable.display tbody td { border-top: 1px solid #ddd; } table.dataTable.row-border tbody tr:first-child th, table.dataTable.row-border tbody tr:first-child td, table.dataTable.display tbody tr:first-child th, table.dataTable.display tbody tr:first-child td { border-top: none; } table.dataTable.cell-border tbody th, table.dataTable.cell-border tbody td { border-top: 1px solid #ddd; border-right: 1px solid #ddd; } table.dataTable.cell-border tbody tr th:first-child, table.dataTable.cell-border tbody tr td:first-child { border-left: 1px solid #ddd; } table.dataTable.cell-border tbody tr:first-child th, table.dataTable.cell-border tbody tr:first-child td { border-top: none; } table.dataTable.stripe tbody tr.odd, table.dataTable.display tbody tr.odd { background-color: #f9f9f9; } table.dataTable.stripe tbody tr.odd.selected, table.dataTable.display tbody tr.odd.selected { background-color: #abb9d3; } table.dataTable.hover tbody tr:hover, table.dataTable.display tbody tr:hover { background-color: whitesmoke; } table.dataTable.hover tbody tr:hover.selected, table.dataTable.display tbody tr:hover.selected { background-color: #a9b7d1; } table.dataTable.order-column tbody tr > .sorting_1, table.dataTable.order-column tbody tr > .sorting_2, table.dataTable.order-column tbody tr > .sorting_3, table.dataTable.display tbody tr > .sorting_1, table.dataTable.display tbody tr > .sorting_2, table.dataTable.display tbody tr > .sorting_3 { background-color: #f9f9f9; } table.dataTable.order-column tbody tr.selected > .sorting_1, table.dataTable.order-column tbody tr.selected > .sorting_2, table.dataTable.order-column tbody tr.selected > .sorting_3, table.dataTable.display tbody tr.selected > .sorting_1, table.dataTable.display tbody tr.selected > .sorting_2, table.dataTable.display tbody tr.selected > .sorting_3 { background-color: #acbad4; } table.dataTable.display tbody tr.odd > .sorting_1, table.dataTable.order-column.stripe tbody tr.odd > .sorting_1 { background-color: #f1f1f1; } table.dataTable.display tbody tr.odd > .sorting_2, table.dataTable.order-column.stripe tbody tr.odd > .sorting_2 { background-color: #f3f3f3; } table.dataTable.display tbody tr.odd > .sorting_3, table.dataTable.order-column.stripe tbody tr.odd > .sorting_3 { background-color: whitesmoke; } table.dataTable.display tbody tr.odd.selected > .sorting_1, table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_1 { background-color: #a6b3cd; } table.dataTable.display tbody tr.odd.selected > .sorting_2, table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_2 { background-color: #a7b5ce; } table.dataTable.display tbody tr.odd.selected > .sorting_3, table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_3 { background-color: #a9b6d0; } table.dataTable.display tbody tr.even > .sorting_1, table.dataTable.order-column.stripe tbody tr.even > .sorting_1 { background-color: #f9f9f9; } table.dataTable.display tbody tr.even > .sorting_2, table.dataTable.order-column.stripe tbody tr.even > .sorting_2 { background-color: #fbfbfb; } table.dataTable.display tbody tr.even > .sorting_3, table.dataTable.order-column.stripe tbody tr.even > .sorting_3 { background-color: #fdfdfd; } table.dataTable.display tbody tr.even.selected > .sorting_1, table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_1 { background-color: #acbad4; } table.dataTable.display tbody tr.even.selected > .sorting_2, table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_2 { background-color: #adbbd6; } table.dataTable.display tbody tr.even.selected > .sorting_3, table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_3 { background-color: #afbdd8; } table.dataTable.display tbody tr:hover > .sorting_1, table.dataTable.order-column.hover tbody tr:hover > .sorting_1 { background-color: #eaeaea; } table.dataTable.display tbody tr:hover > .sorting_2, table.dataTable.order-column.hover tbody tr:hover > .sorting_2 { background-color: #ebebeb; } table.dataTable.display tbody tr:hover > .sorting_3, table.dataTable.order-column.hover tbody tr:hover > .sorting_3 { background-color: #eeeeee; } table.dataTable.display tbody tr:hover.selected > .sorting_1, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_1 { background-color: #a1aec7; } table.dataTable.display tbody tr:hover.selected > .sorting_2, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_2 { background-color: #a2afc8; } table.dataTable.display tbody tr:hover.selected > .sorting_3, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_3 { background-color: #a4b2cb; } table.dataTable.no-footer { border-bottom: 1px solid #111; } table.dataTable.nowrap th, table.dataTable.nowrap td { white-space: nowrap; } table.dataTable.compact thead th, table.dataTable.compact thead td { padding: 4px 17px 4px 4px; } table.dataTable.compact tfoot th, table.dataTable.compact tfoot td { padding: 4px; } table.dataTable.compact tbody th, table.dataTable.compact tbody td { padding: 4px; } table.dataTable th.dt-left, table.dataTable td.dt-left { text-align: left; } table.dataTable th.dt-center, table.dataTable td.dt-center, table.dataTable td.dataTables_empty { text-align: center; } table.dataTable th.dt-right, table.dataTable td.dt-right { text-align: right; } table.dataTable th.dt-justify, table.dataTable td.dt-justify { text-align: justify; } table.dataTable th.dt-nowrap, table.dataTable td.dt-nowrap { white-space: nowrap; } table.dataTable thead th.dt-head-left, table.dataTable thead td.dt-head-left, table.dataTable tfoot th.dt-head-left, table.dataTable tfoot td.dt-head-left { text-align: left; } table.dataTable thead th.dt-head-center, table.dataTable thead td.dt-head-center, table.dataTable tfoot th.dt-head-center, table.dataTable tfoot td.dt-head-center { text-align: center; } table.dataTable thead th.dt-head-right, table.dataTable thead td.dt-head-right, table.dataTable tfoot th.dt-head-right, table.dataTable tfoot td.dt-head-right { text-align: right; } table.dataTable thead th.dt-head-justify, table.dataTable thead td.dt-head-justify, table.dataTable tfoot th.dt-head-justify, table.dataTable tfoot td.dt-head-justify { text-align: justify; } table.dataTable thead th.dt-head-nowrap, table.dataTable thead td.dt-head-nowrap, table.dataTable tfoot th.dt-head-nowrap, table.dataTable tfoot td.dt-head-nowrap { white-space: nowrap; } table.dataTable tbody th.dt-body-left, table.dataTable tbody td.dt-body-left { text-align: left; } table.dataTable tbody th.dt-body-center, table.dataTable tbody td.dt-body-center { text-align: center; } table.dataTable tbody th.dt-body-right, table.dataTable tbody td.dt-body-right { text-align: right; } table.dataTable tbody th.dt-body-justify, table.dataTable tbody td.dt-body-justify { text-align: justify; } table.dataTable tbody th.dt-body-nowrap, table.dataTable tbody td.dt-body-nowrap { white-space: nowrap; } table.dataTable, table.dataTable th, table.dataTable td { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } /* * Control feature layout */ .dataTables_wrapper { position: relative; clear: both; *zoom: 1; zoom: 1; } .dataTables_wrapper .dataTables_length { float: left; } .dataTables_wrapper .dataTables_filter { float: right; text-align: right; } .dataTables_wrapper .dataTables_filter input { margin-left: 0.5em; } .dataTables_wrapper .dataTables_info { clear: both; float: left; padding-top: 0.755em; } .dataTables_wrapper .dataTables_paginate { float: right; text-align: right; padding-top: 0.25em; } .dataTables_wrapper .dataTables_paginate .paginate_button { box-sizing: border-box; display: inline-block; min-width: 1.5em; padding: 0.5em 1em; margin-left: 2px; text-align: center; text-decoration: none !important; cursor: pointer; *cursor: hand; color: #333 !important; border: 1px solid transparent; } .dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover { color: #333 !important; border: 1px solid #cacaca; background-color: white; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, #dcdcdc)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, white 0%, #dcdcdc 100%); /* Chrome10+,Safari5.1+ */ background: -moz-linear-gradient(top, white 0%, #dcdcdc 100%); /* FF3.6+ */ background: -ms-linear-gradient(top, white 0%, #dcdcdc 100%); /* IE10+ */ background: -o-linear-gradient(top, white 0%, #dcdcdc 100%); /* Opera 11.10+ */ background: linear-gradient(to bottom, white 0%, #dcdcdc 100%); /* W3C */ } .dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active { cursor: default; color: #666 !important; border: 1px solid transparent; background: transparent; box-shadow: none; } .dataTables_wrapper .dataTables_paginate .paginate_button:hover { color: white !important; border: 1px solid #111; background-color: #585858; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #585858), color-stop(100%, #111)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #585858 0%, #111 100%); /* Chrome10+,Safari5.1+ */ background: -moz-linear-gradient(top, #585858 0%, #111 100%); /* FF3.6+ */ background: -ms-linear-gradient(top, #585858 0%, #111 100%); /* IE10+ */ background: -o-linear-gradient(top, #585858 0%, #111 100%); /* Opera 11.10+ */ background: linear-gradient(to bottom, #585858 0%, #111 100%); /* W3C */ } .dataTables_wrapper .dataTables_paginate .paginate_button:active { outline: none; background-color: #2b2b2b; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2b2b2b), color-stop(100%, #0c0c0c)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%); /* Chrome10+,Safari5.1+ */ background: -moz-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%); /* FF3.6+ */ background: -ms-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%); /* IE10+ */ background: -o-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%); /* Opera 11.10+ */ background: linear-gradient(to bottom, #2b2b2b 0%, #0c0c0c 100%); /* W3C */ box-shadow: inset 0 0 3px #111; } .dataTables_wrapper .dataTables_paginate .ellipsis { padding: 0 1em; } .dataTables_wrapper .dataTables_processing { position: absolute; top: 50%; left: 50%; width: 100%; height: 40px; margin-left: -50%; margin-top: -25px; padding-top: 20px; text-align: center; font-size: 1.2em; background-color: white; background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(25%, rgba(255, 255, 255, 0.9)), color-stop(75%, rgba(255, 255, 255, 0.9)), color-stop(100%, rgba(255, 255, 255, 0))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%); /* Chrome10+,Safari5.1+ */ background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%); /* FF3.6+ */ background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%); /* IE10+ */ background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%); /* Opera 11.10+ */ background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%); /* W3C */ } .dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter, .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_processing, .dataTables_wrapper .dataTables_paginate { color: #333; } .dataTables_wrapper .dataTables_scroll { clear: both; } .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody { *margin-top: -1px; -webkit-overflow-scrolling: touch; } .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody th > div.dataTables_sizing, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody td > div.dataTables_sizing { height: 0; overflow: hidden; margin: 0 !important; padding: 0 !important; } .dataTables_wrapper.no-footer .dataTables_scrollBody { border-bottom: 1px solid #111; } .dataTables_wrapper.no-footer div.dataTables_scrollHead table, .dataTables_wrapper.no-footer div.dataTables_scrollBody table { border-bottom: none; } .dataTables_wrapper:after { visibility: hidden; display: block; content: ""; clear: both; height: 0; } @media screen and (max-width: 767px) { .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_paginate { float: none; text-align: center; } .dataTables_wrapper .dataTables_paginate { margin-top: 0.5em; } } @media screen and (max-width: 640px) { .dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter { float: none; text-align: center; } .dataTables_wrapper .dataTables_filter { margin-top: 0.5em; } } /* style: 3838*/ .debtor-table { width: 100%; display: table; table-layout: fixed; border-collapse: collapse; } .debtor-table .table-row { display: table-row; background: #fff; } .debtor-table .table-row:nth-child(even) { background: #ebebeb; } .debtor-table .table-row .table-cell { display: table-cell; vertical-align: top; border: 1px solid #d1d1d1; padding: 10px; box-sizing: border-box; } .debtor-overview-box { margin: 0 auto 30px; } .debtor-overview-box .debtor-info-row { width: 100%; display: flex; margin-bottom: -1px; } .debtor-overview-box .debtor-info-row:nth-child(even) { background: #fcfcfc; } .debtor-overview-box .debtor-info-row i, .debtor-overview-box .debtor-info-row span { display: block; border: 1px solid #ececec; padding: 10px; } .debtor-overview-box .debtor-info-row i { width: 25px; min-width: 25px; line-height: 25px; text-align: center; self-align: center; } .debtor-overview-box .debtor-info-row span { flex-grow: 1; } .responsive-debtor-table .table-head { font-weight: bold; } .responsive-debtor-table .responsive-label { display: none; } @media (max-width: 767.98px) { .responsive-debtor-table { display: block; border-top: 1px solid #d1d1d1; } .responsive-debtor-table .table-row { background: #fff !important; display: block; border-top: 1px solid #d1d1d1; margin: 20px auto 0; } .responsive-debtor-table .table-head { display: none; } .responsive-debtor-table .table-row .table-cell { width: 100%; display: table; table-layout: fixed; border-collapse: collapse; border: 0px !important; } .responsive-debtor-table .table-row .table-cell:nth-child(even) { background: #ebebeb; } .responsive-debtor-table .table-row .table-cell span { display: table-cell; vertical-align: top; border: 1px solid #d1d1d1; border-top: 0px; padding: 10px; box-sizing: border-box; } .responsive-debtor-table .table-row .table-cell span:nth-of-type(2) { display: table-cell; text-align: right; } } .order-history-box { margin: 20px 0; } .order-history-box #sales-display thead .sorting { background-image: url("../files/smb/layout/sort_both.png"); } .order-history-box #sales-display thead .sorting_asc { background-image: url("../files/smb/layout/sort_asc.png"); } .order-history-box #sales-display thead .sorting_desc { background-image: url("../files/smb/layout/sort_desc.png"); } .order-history-box #sales-display thead .sorting_asc_disabled { background-image: url("../files/smb/layout/sort_asc_disabled.png"); } .order-history-box #sales-display thead .sorting_desc_disabled { background-image: url("../files/smb/layout/sort_desc_disabled.png"); } .order-history-box #sales-display tr { text-align: center; } #SalesDisplay .buy-button-cell { margin: 0 auto; } @media (max-width: 767.98px) { #SalesDisplay .buy-button-cell { text-align: center; } #SalesDisplay .buy-button-cell .responsive-label { border-right: none; border-left: 1px solid #d1d1d1; text-align: right; } } #SalesDisplay .buy-button-cell span { border-left: none; text-align: left; } #SalesDisplay .buy-button-cell .quantity-input-cell { width: 50px; display: inline-block !important; } @media (max-width: 767.98px) { #SalesDisplay .buy-button-cell .quantity-input-cell { width: auto; display: table-cell !important; } } #SalesDisplay .buy-button-cell .quantity-edit { width: 100%; display: inline-block; height: 30px; } @media (max-width: 767.98px) { #SalesDisplay .buy-button-cell .quantity-edit { width: 70px; } } #SalesDisplay .buy-button-cell .NewOrderAddProduct { width: 50px; text-align: center; margin: 0 0 0 5px; padding: 5px 0px; display: inline-block; background-color: #006AB2; color: #FFFFFF; cursor: pointer; font-size: 12px; text-transform: uppercase; } @media (max-width: 767.98px) { #SalesDisplay .buy-button-cell .NewOrderAddProduct { width: 70px; } } .text-danger { color: #ff1313; } /* style: 3339*/ .eee-collapsible-button { border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; } .eee-collapsible-button { padding: 10px; text-align: center; background: #004FFA; color: #fff; cursor: pointer; display: inline-block; margin-right: 10px; margin-bottom: 0; font-size: 12px; transition: transform 0.2s; font-weight: 600; } .eee-collapsible-button i { margin-right: 5px; } .eee-collapsible-button--full { width: auto; display: block; padding: 10px; } .eee-collapsible-button--red { background: #b80000; } .eee-collapsible-button--green { background: #8dc63f; } .eee-collapsible-button--active { background: linear-gradient(123deg, #00bff3 0%, #8dc63f 100%); color: #fff; } .eee-collapsible-button--white { border: 1px solid #d1d1d1; background: #fff; color: #646464; } .eee-collapsible { /* For IE10 */ } .eee-collapsible input, .eee-collapsible select, .eee-collapsible textarea { pointer-events: none; font-weight: 600; height: auto; padding: 0px 10px; border: 1px solid #fff; box-sizing: border-box; } .eee-collapsible input[type="checkbox"] { margin-left: 10px; } .eee-collapsible input[type="text"], .eee-collapsible input[type="date"], .eee-collapsible select, .eee-collapsible textarea { width: 100%; } .eee-collapsible select { -webkit-appearance: none; -moz-appearance: none; appearance: none; } .eee-collapsible select::-ms-expand { display: none; } .eee-collapsible .eee-edit-buttons { display: none; } .eee-collapsible.eee-collapsible--edit-mode { /* For IE10 */ } .eee-collapsible.eee-collapsible--edit-mode input[type="text"], .eee-collapsible.eee-collapsible--edit-mode input[type="date"], .eee-collapsible.eee-collapsible--edit-mode select, .eee-collapsible.eee-collapsible--edit-mode textarea { border: 1px solid #d1d1d1; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; pointer-events: auto; padding: 9px 10px; } .eee-collapsible.eee-collapsible--edit-mode input[type="checkbox"] { margin-left: 0; } .eee-collapsible.eee-collapsible--edit-mode select { -webkit-appearance: menulist; -moz-appearance: menulist; appearance: menulist; } .eee-collapsible.eee-collapsible--edit-mode select::-ms-expand { display: auto; } .eee-collapsible.eee-collapsible--edit-mode .eee-edit-buttons { display: table-row; } .eee-collapsible { border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; overflow: hidden; } .eee-collapsible .eee-collapsible { border: 1px solid #ebebeb; } .eee-collapsible.eee-collapsible--collapsible-in-collapsible { border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; border: 0; } .eee-collapsible.eee-collapsible--collapsible-in-collapsible .eee-collapsible__title { font-weight: normal; } .eee-collapsible.eee-collapsible--collapsible-in-collapsible .eee-collapsible__title tr td { background: #fff; } @media (max-width: 767.98px) { .eee-collapsible.eee-collapsible--collapsible-in-collapsible .eee-collapsible__title tr td { width: 100%; display: block; padding: 10px; box-sizing: border-box; } } .eee-collapsible.eee-collapsible--collapsible-in-collapsible:nth-child(even) .eee-collapsible__title tr td { background: #f6f6f6; } .eee-collapsible .eee-collapsible__title { width: 100%; position: relative; font-weight: 600; border-collapse: collapse; } .eee-collapsible .eee-collapsible__title tr td { background: #f6f6f6; padding: 10px 0px; } @media (max-width: 767.98px) { .eee-collapsible .eee-collapsible__title tr td { width: 100%; display: block; padding: 10px; box-sizing: border-box; } } .eee-collapsible .eee-collapsible__title tr td:nth-child(1) { width: 14px; padding: 0 15px; } .eee-collapsible .eee-collapsible__title tr td:nth-child(3) { width: 100%; padding-left: 15px; box-sizing: border-box; } .eee-collapsible .eee-collapsible__title tr td:nth-child(4) { padding: 10px 15px; } .eee-collapsible .eee-collapsible__title tr td.eee-collapsible__toggle { cursor: pointer; } .eee-collapsible .eee-collapsible__title .eee-collapsible__button-title { background: #004FFA; padding: 5px; color: #fff; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; } .eee-collapsible .eee-collapsible__title .eee-collapsible__title-icon { transition: transform 0.3s; } .eee-collapsible .eee-collapsible__title .eee-collapsible__title-icon:before { font-size: 24px; cursor: pointer; font-family: 'FontAwesome'; content: "\f107"; } .eee-collapsible .eee-collapsible__title .eee-collapsible__title-icon.active:before { transform: rotate(180deg); } .eee-collapsible .eee-collapsible__title .eee-collapsible__controls { width: 51px; text-align: right; font-size: 20px; } .eee-collapsible .eee-collapsible__title .eee-collapsible__controls i { cursor: pointer; margin-left: 5px; display: inline-block; vertical-align: top; } .eee-collapsible .eee-collapsible__title .eee-collapsible__controls i:hover { color: #000; } .eee-collapsible .eee-collapsible__content { background: #fff; padding: 10px 0; border: 0; display: none; } .eee-collapsible .eee-collapsible__content .eee-collapsible__content__wrapper { margin: 0 15px 15px 15px; background: #fff; border: 1px solid #d1d1d1; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; padding: 15px 5px; } .eee-collapsible .eee-collapsible__content.eee-collapsible__content--4-way-padding { padding: 15px; } .eee-collapsible .eee-collapsible__content .eee-properties-table { width: 100%; } .eee-collapsible .eee-collapsible__content .eee-properties-table tr td { padding: 10px 15px; } .eee-collapsible .eee-collapsible__content .eee-properties-table.eee-properties-table tr td:nth-child(1) { width: 130px; } .eee-collapsible .eee-collapsible__content .eee-properties-table.eee-properties-table tr td:nth-child(2) { font-weight: bold; } .eee-collapsible.eee-collapsible--active > .eee-collapsible__content { display: block; } .eee-collapsible.eee-collapsible--active > .eee-collapsible__title .eee-collapsible__dynamic-title { display: none; } .eee-collapsible.eee-collapsible--active > .eee-collapsible__title .eee-collapsible__title-icon { transform: rotate(180deg); } .eee-collapsible.eee-collapsible--collapsible-in-collapsible > .eee-collapsible__title .eee-collapsible__dynamic-title { display: block; } .eee-collapsible--edit-mode > .eee-collapsible__title .eee-collapsible__edit { color: #DF0B22; } .eee-collapsible--collapsible-in-collapsible > .eee-collapsible__title .fa-pencil-square-o { margin-top: 1px; } .eee-dashboard-list:nth-child(even) { background: #f6f6f6; } .eee-dashboard-list .eee-arrow-icon-td { width: 1px; font-size: 18px; color: #000; cursor: pointer; padding-right: 0 !important; } .eee-dashboard-list .eee-arrow-icon-td:before { font-family: 'FontAwesome'; content: "\f106"; } .eee-collapsible--table.eee-collapsible--active .eee-dashboard-list .eee-arrow-icon-td:before { font-family: 'FontAwesome'; content: "\f107"; } .eee-dashboard-list__controls { text-align: right; } .eee-dashboard-list__controls i { display: inline-block; font-size: 18px; margin: 0 0 0 8px; color: #000; cursor: pointer; } .eee-notes .eee-collapsible .eee-collapsible .eee-collapsible__dynamic-title { height: 20px; overflow: hidden; } /* style: 424*/ #sales-display_wrapper { display: block; } #sales-display_wrapper #sales-display_length { width: 200px; float: left; margin: 10px 0; box-sizing: border-box; } @media (max-width: 767.98px) { #sales-display_wrapper #sales-display_length { width: 100%; text-align: left; margin: 0 0 10px; } } #sales-display_wrapper #sales-display_length label { font-weight: 400; } #sales-display_wrapper #sales-display_length select { width: auto; display: inline-block; padding: 0; min-height: auto; height: auto; border-radius: 0; vertical-align: baseline; } #sales-display_wrapper #sales-display_filter { margin: 0 170px 10px 0; } @media (max-width: 767.98px) { #sales-display_wrapper #sales-display_filter { width: 100%; margin: 10px auto; } } #sales-display_wrapper #sales-display_filter label { display: block; } @media (max-width: 767.98px) { #sales-display_wrapper #sales-display_filter label { width: 100%; } } #sales-display_wrapper #sales-display_filter label input { margin: 0; } #sales-display_wrapper #sales-display { border-collapse: collapse; margin: 20px auto; } @media (max-width: 479.98px) { #sales-display_wrapper #sales-display { margin: 70px auto 20px; } } #sales-display_wrapper #sales-display th, #sales-display_wrapper #sales-display td { display: table-cell; vertical-align: middle; border: 1px solid #d1d1d1; box-sizing: border-box; padding: 0; font-size: 14px; line-height: 20px; word-wrap: break-word; } #sales-display_wrapper #sales-display th > a, #sales-display_wrapper #sales-display td > a { text-decoration: none; display: block; } #sales-display_wrapper #sales-display td { background: #fff; color: #004FFA; cursor: pointer; padding: 10px; } #sales-display_wrapper #sales-display th { padding: 10px; } @media (min-width: 480px) { #sales-display_wrapper #sales-display th { min-width: 63px; } } #sales-display_wrapper #sales-display tr:hover td, #sales-display_wrapper #sales-display tr:nth-child(even):hover td { background: #2E70FF; color: #fff; } #sales-display_wrapper #sales-display tr:hover td a, #sales-display_wrapper #sales-display tr:nth-child(even):hover td a { color: #fff; } #sales-display_wrapper #sales-display tr:nth-child(even) td { background: #ebebeb; } #sales-display_wrapper #sales-display #name-filter { width: 150px; position: absolute; top: 0; right: 0; } @media (max-width: 767.98px) { #sales-display_wrapper #sales-display #name-filter { margin-top: -10px; } } @media (max-width: 479.98px) { #sales-display_wrapper #sales-display #name-filter { width: 100%; top: 90px; margin: 0 auto; } } #sales-display_wrapper .dataTables_paginate { float: none; margin: auto; display: block; text-align: center; margin-top: 30px; } #sales-display_wrapper .dataTables_paginate a { background: #004FFA; color: #fff !important; border: 0; padding: 12px; min-height: auto; height: auto; min-width: 45px; } #sales-display_wrapper .dataTables_paginate a.disabled { opacity: 0.6; } #sales-display_wrapper .dataTables_paginate a.current, #sales-display_wrapper .dataTables_paginate a:hover { background: #2E70FF; } .sales-history-box { margin: 20px auto; } .sales-history-box #sales-display_paginate { display: none !important; } .sales-history-box .sale-history-link-box { margin: 20px auto 0; } .link-to-details-page-box { margin: 20px auto 0; } .link-to-details-page-box .link-to-details-page { background: #006AB2; color: #fff; text-decoration: none; padding: 5px 10px; } .link-to-details-page-box .link-to-details-page:hover { background: #00284C; } /* #sales-display_wrapper{ #sales-display{ td:nth-child(2), td:nth-child(4), td:nth-child(5), td:nth-child(6), td:nth-child(7){ text-align:right; } } } */ #sales-display { width: 100%; border-bottom: none; } #sales-display td, #sales-display th { width: 50px !important; border: 1px solid #FFFFFF; padding: 3px 5px; font-size: 14px; font-weight: normal; text-align: left; } @media screen and (max-width: 500px) { #sales-display td, #sales-display th { width: 30px !important; } } #sales-display td .td-responsive-heading, #sales-display th .td-responsive-heading { display: none; font-weight: bold; } #sales-display th { background-color: #4A4A4A; color: #FFFFFF; } #sales-display tbody tr.odd { background: #FFFFFF; } #sales-display tbody tr.odd > .sorting_1 { background-color: #FFFFFF; } #sales-display tbody tr.even { background: #EBEBEB; } #sales-display tbody tr.even > .sorting_1 { background-color: #EBEBEB; } #sales-display .sales-display-link-td { width: 120px; } #sales-display .sales-display-link { color: #004FFA; cursor: pointer; display: block; text-align: center; text-transform: uppercase; width: 120px; } #sales-display .sorting_1 { text-align: left; } .dataTables_wrapper .dataTables_paginate { margin: 10x auto; } #DebtorNotes { width: 100%; height: 300px; padding: 10px; border: 1px solid #EBEBEB; overflow-y: scroll; } #DebtorNotesUpdate { padding: 10px; background-color: #549132; color: #FFFFFF; font-weight: bold; margin-top: 10px; float: right; cursor: pointer; } .details-table { width: 100%; display: table; } .details-table .table-row { display: table-row; } .details-table .table-row .table-cell { display: table-cell; vertical-align: middle; border: 1px solid #d1d1d1; padding: 3px 5px; } .eee-sales-view-sales-history { float: right; } .all-sales-box #sales-display th { text-align: left; } .sales-dashboard-box #sales-display_wrapper #sales-display_length { width: 100%; } /* style: 3193*/ .eee-debtor-table { width: 100%; display: table; table-layout: fixed; border-collapse: collapse; } .eee-debtor-table a { text-decoration: none; } .eee-debtor-table .eee-debtor-table__responsive-label { display: none; } .eee-debtor-table .eee-debtor-table__row { display: table-row; background: #fff; } .eee-debtor-table .eee-debtor-table__row:nth-child(even) .eee-debtor-table__cell { background: #ebebeb; } .eee-debtor-table .eee-debtor-table__row.eee-debtor-table__row--thead { font-weight: bold; } .eee-debtor-table .eee-debtor-table__row .eee-debtor-table__cell { display: table-cell; vertical-align: middle; border: 1px solid #d1d1d1; padding: 10px; box-sizing: border-box; word-wrap: break-word; } .eee-debtor-table .eee-debtor-table__row .eee-debtor-table__cell .eee-product-buy-button-quantity-text { display: none; } @media (max-width: 767.98px) { .eee-debtor-table { display: block; border-top: 1px solid #d1d1d1; } .eee-debtor-table .eee-debtor-table__responsive-label { display: block; } .eee-debtor-table .eee-debtor-table__row { background: #fff !important; display: block; border-top: 1px solid #d1d1d1; margin: 20px auto 0; } .eee-debtor-table .eee-debtor-table__row:nth-child(even) .eee-debtor-table__cell { background: #fff; } .eee-debtor-table .eee-debtor-table__row--thead { display: none; } .eee-debtor-table .eee-debtor-table__row .eee-debtor-table__cell { width: 100%; display: table; table-layout: fixed; border-collapse: collapse; border: 0px !important; } .eee-debtor-table .eee-debtor-table__row .eee-debtor-table__cell:nth-child(even) { background: #ebebeb; } .eee-debtor-table .eee-debtor-table__row .eee-debtor-table__cell span { display: table-cell; vertical-align: middle; border: 1px solid #d1d1d1; border-top: 0px; padding: 10px; box-sizing: border-box; } .eee-debtor-table .eee-debtor-table__row .eee-debtor-table__cell span:nth-of-type(2) { display: table-cell; text-align: right; } } @media (min-width: 1000px) { .eee-debtor-products .eee-debtor-table__cell.eee-debtor-table__cell--center { text-align: center; } .eee-debtor-products .eee-debtor-table__cell.eee-debtor-table__cell--right { text-align: right; } .eee-debtor-products .eee-debtor-table__cell:first-child { width: 110px; } .eee-debtor-products .eee-debtor-table__cell.eee-image-cell { width: 65px !important; } } @media (min-width: 768px) { .eee-debtor-products .eee-debtor-table__cell.quantity-cell { width: 60px; text-align: center; } .eee-debtor-products .eee-debtor-table__cell.discount-cell { width: 60px; } .eee-debtor-products .eee-debtor-table__cell.eee-buy-button-cell { width: 150px !important; } } .eee-debtor-products .eee-product-quantity input[type='text'] { background: #fff; } .eee-debtor-products .eee-product-quantity, .eee-debtor-products .eee-product-buy-button { display: inline-block; vertical-align: top; } .eee-debtor-products .eee-product-buy-button { width: 30px; background: #004FFA; color: #FFFFFF; text-align: center; height: 30px; line-height: 25px; cursor: pointer; text-align: center; } .eee-debtor-products .eee-product-buy-button .eee-product-buy-button-text { display: none; } .eee-debtor-products .eee-product-buy-button .eee-product-buy-button-icon { width: 18px; height: 13px; background: url("/files/smb/layout/buy-icon.png"); display: inline-block; vertical-align: middle; } .eee-sales-details-pager { width: 100%; display: table; } .eee-sales-details-pager .eee-sales-details-pager__wrapper, .eee-sales-details-pager .eee-sales-details-pager__prev, .eee-sales-details-pager .eee-sales-details-pager__next { display: table-cell; vertical-align: middle; padding: 0 10px; } .eee-sales-details-pager .eee-sales-details-pager__select, .eee-sales-details-pager .eee-sales-details-pager__prev, .eee-sales-details-pager .eee-sales-details-pager__next { border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; border: 1px solid #d1d1d1; } .eee-sales-details-pager .eee-sales-details-pager__prev, .eee-sales-details-pager .eee-sales-details-pager__next { cursor: pointer; background: #004FFA; color: #fff; text-align: center; } .eee-sales-details-pager .eee-sales-details-pager__prev:hover, .eee-sales-details-pager .eee-sales-details-pager__next:hover { background: #004FFA; } /* style: 1403*/ #eee-customer-data-app .eee-customer-data-form { display: block; } #eee-customer-data-app .eee-customer-data-form .eee-customer-data__heading-section { margin: 40px 0 0; } #eee-customer-data-app .eee-customer-data-form .eee-form-field { margin: 15px 0 0; } #eee-customer-data-app .eee-customer-data-form .eee-form-fields-row { display: flex; flex-wrap: wrap; column-gap: 20px; } #eee-customer-data-app .eee-customer-data-form .eee-form-fields-row .eee-form-field-col-0 { flex: 0 0 100%; } #eee-customer-data-app .eee-customer-data-form .eee-form-fields-row .eee-form-field-col-1 { flex-grow: 1; } #eee-customer-data-app .eee-customer-data-form .eee-form-fields-row .eee-form-field-col-2 { flex-grow: 2; } #eee-customer-data-app .eee-customer-data-form .eee-form-field__select { padding-left: 5px !important; -webkit-appearance: auto; -moz-appearance: auto; appearance: auto; } #eee-customer-data-app .eee-customer-data-form .eee-form-field__error .eee-form-field__input-wrapper .eee-form-field__input { border: 1px solid #DF0B22; } #eee-customer-data-app .eee-customer-data-form .eee-form-field__error .eee-form-field__input-wrapper .eee-form-field__msg-error { display: block; } #eee-customer-data-app .eee-customer-data-form .eee-form-field__error .eee-form-field__msg-error { display: none; } #eee-customer-data-app .eee-customer-data-form .eee-customer-data__update-status-box { display: none; width: 100%; height: 100vh; justify-content: center; align-items: center; position: fixed; top: 0px; left: 0px; z-index: 999; background: rgba(39, 39, 42, 0.8); opacity: 1; color: #FFFFFF; text-transform: uppercase; text-align: center; margin: 0 auto; opacity: 1; transition: opacity 0.6s; } #eee-customer-data-app .eee-customer-data-form .eee-customer-data__update-status-box .eee-customer-data__update-message-box { position: relative; width: 480px; height: 200px; } #eee-customer-data-app .eee-customer-data-form .eee-customer-data__update-status-box .eee-customer-data__update-message-box .eee-customer-data__update-message { display: flex; justify-content: center; align-items: center; background: #FFFFFF; height: 100%; width: 100%; line-height: 24px; margin: 0; padding: 40px; box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); border-radius: 10px; box-sizing: border-box; -webkit-animation-name: animated-modal; -webkit-animation-duration: 0.4s; animation-name: animated-modal; animation-duration: 0.4s; } #eee-customer-data-app .eee-customer-data-form .eee-customer-data__update-status-box .eee-customer-data__update-message-box .eee-customer-data__update-success-message { color: #549132; } #eee-customer-data-app .eee-customer-data-form .eee-customer-data__update-status-box .eee-customer-data__update-message-box .eee-customer-data__update-error-message { color: #DF0B22; } #eee-customer-data-app .eee-customer-data-form .eee-customer-data__update-status-box .eee-customer-data__update-message-box .eee-customer-data__update-close-btn { color: #4A4A4A; font-weight: 700; font-size: 23px; cursor: pointer; position: absolute; top: 0px; right: 0; padding: 10px; transition: 0.3s; } #eee-customer-data-app .eee-customer-data-form .eee-customer-data__update-status-box .eee-customer-data__update-message-box .eee-customer-data__update-close-btn:hover { color: #0B0B13; } #eee-customer-data-app .eee-loader-ring-box { display: none; justify-content: center; align-items: center; width: 100%; height: 100vh; position: fixed; top: 0; left: 0; z-index: 999; background: rgba(255, 255, 255, 0.75); } #eee-customer-data-app .eee-loader-ring-box .eee-loader-ring { display: inline-block; position: relative; width: 80px; height: 80px; } #eee-customer-data-app .eee-loader-ring-box .eee-loader-ring div { box-sizing: border-box; display: block; position: absolute; width: 64px; height: 64px; margin: 8px; border: 8px solid #004FFA; border-radius: 50%; animation: eee-loader-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite; border-color: #1CB5E0 transparent transparent transparent; } #eee-customer-data-app .eee-loader-ring-box .eee-loader-ring div:nth-child(1) { animation-delay: -0.45s; } #eee-customer-data-app .eee-loader-ring-box .eee-loader-ring div:nth-child(2) { animation-delay: -0.3s; } #eee-customer-data-app .eee-loader-ring-box .eee-loader-ring div:nth-child(3) { animation-delay: -0.15s; } @-webkit-keyframes animated-modal { from { bottom: -300px; opacity: 0; } to { bottom: 0; opacity: 1; } } @keyframes animated-modal { from { bottom: -300px; opacity: 0; } to { bottom: 0; opacity: 1; } } @keyframes eee-loader-ring { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } /* Style Id:608 Products Admin*/ /* style: 4287*/ .products-list-box{ width: 100%; float: right; } .unmapped-products-checker{ margin:10px 0; } .unmapped-products-checker label { width: 150px; display: inline-block; position: relative; margin: 0 0 10px; padding-right: 25px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; cursor: pointer; } .unmapped-internal-products-checkbox-label{ float: left; padding-left: 35px; } .unmapped-internal-products-checkbox-label:hover { color: #369; } .unmapped-external-products-checkbox-label{ float: right; } .unmapped-external-products-checkbox-label:hover { color: #693; } .unmapped-products-checkbox, .unmapped-internal-products-checkbox{ position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; } .unmapped-products-checker .checkmark { position: absolute; top: 13px; right: 0; height: 20px; width: 20px; background-color: #fff; border: 1px solid #bbb; } .unmapped-internal-products-checkbox-label .checkmark { left: 0; } .unmapped-products-checker:hover input ~ .checkmark { background-color: #f3f3f3; } .unmapped-products-checker input:checked ~ .checkmark { background-color: #fb4; } .unmapped-products-checker .checkmark:after { content: ""; position: absolute; display: none; } .unmapped-products-checker input:checked ~ .checkmark:after { display: block; } .unmapped-products-checker .checkmark:after { left: 7px; top: 2px; width: 5px; height: 10px; border: solid white; border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .search-external-products-box { margin: 10px auto; } .search-external-products-box .search-external-products-field { border:1px solid #d1d1d1; color:#333; } .search-external-products-box .search-external-products-field::placeholder { color:#888; opacity:1; /*Firefox*/ } .search-external-products-field::-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #888; } .search-external-products-box .search-external-products-field:focus { border: 1px solid #693; } .products-table{ display:table; width:100%; margin:0 auto; } .table-row-group{ display: table-row-group; background: #369; } .table-header{ display:table-header-group; width:100%; } .header-cell{ padding: 10px; text-align:center; background:#369; color:#fff; font-weight: 700; border:1px solid #fff; text-transform:uppercase; } .header-cell:nth-of-type(2){ background:#693; } .table-row{ display:table-row; background:#ddd; } .coupled-missing-internal-products-box, .missing-external-products-box { display:table-row-group; } .product-header-row{ background: #d0d0d0; } .product-header-row-even { background: #f0f0f0; } .table-cell{ display:table-cell; width:50%; border:1px solid #fff; padding:10px; vertical-align: top; } .missing-external-product-header-row .table-cell:nth-child(odd) .product-name { color: #141e1e !important; } .missing-external-product-header-row .table-cell:nth-child(even) .product-name { color: #ff1313 !important; } .table a{ text-decoration:none; } .product-name{ float:left; width: 90%; } .toggle-cell{ float:right; width: 10%; text-align: right; } .table-row:hover{ cursor:pointer; background:lightblue; } .product-details{ background:#fff; font-size: 14px; } .product-details .table-cell{ cursor:default; } .product-details .table-cell p{ padding:10px; border-bottom:1px dashed #444; box-sizing:border-box; overflow: auto; } .product-property-label{ display:inline-block; width:50%; } .product-property-value{ width:50%; float:right; text-align:right; word-break: break-word; } .product-details:hover{ cursor:normal; background:#fff; } .product-details-hidden{ display:none; } .product-img-label { height: 100px; } .missing { color:#ff1313; } .product-details-button{ text-align:right; border:none !important; clear:both; } .product-details-edit-button, .product-details-delete-button{ display:block; width:200px; text-align:center; padding: 5px; box-sizing: border-box; } .product-details-edit-button{ background: #ffbb44; color: #333; border:1px solid #f0ad4e; margin:0 auto; } .product-details-edit-button:hover{ background:#fff; } .product-details-delete-button{ background: #ff4242; color: #fff; border:1px solid #ff4242; margin:20px auto 0; } .product-details-delete-button:hover{ background:#fff; color: #ff4242; } .add-product-button{ display: block; width: 200px; background: #ff3333; position: relative; top: 30px; margin: 0 auto; padding: 8px; text-align: center; color: #fff; border: 1px solid #ff3333; box-sizing: border-box; } .add-product-button:hover{ background:transparent; color:#ff3333; } .category-item { width:100%; float: left; } .jstree-icons-box { float: right; margin: 2px 0 0 15px; } .jstree-icons-box .fa { margin: 0 3px; cursor: pointer; } .jstree-icons-box .edit-category-tree { color: #f0ad4e; } .jstree-icons-box .add-category-tree { color: #6da444; } .add-main-categoty-box { width: 80%; margin: 30px auto; } .add-main-category-button{ width: 100%; display: block; text-align: center; border: 1px solid #693; padding: 5px 10px; box-sizing: border-box; margin: 5px auto; color: #693; cursor: pointer; text-decoration: none; -webkit-transition: all .3s ease; transition: all .3s ease; } .add-main-category-button:hover { background: #693; color: #fff; text-decoration: none; } .product-enable-frontoffice-message { text-align: center; color: #ff1313; font-weight: 700; text-decoration: underline; } /*--- Add Category - Modal ---*/ .add-category-modal { display: none; position: fixed; z-index: 1; padding-top: 50px; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgba(0,0,0,0.7); z-index: 999; } .add-category-modal-content { height:auto; min-height:250px; max-width: 500px; position: relative; background-color: #fefefe; margin: auto; padding: 0; border: 1px solid #888; box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19); } .add-category-modal-close { color: #888; float: right; font-weight: 700; font-size: 27px; cursor: pointer; } .add-category-modal-close:hover, .add-category-modal-close:focus { color: #000; text-decoration: none; cursor: pointer; } .add-category-modal-header { background-image: linear-gradient(#fff,#ebebeb); padding: 7px 10px 2px 15px; border-bottom: 1px dotted #444; color: #444; } .add-category-modal-body { padding: 5px 30px 30px; } .add-category-modal-body p{ margin:15px auto 0; } .add-category-modal-body label{ width:100%; } .add-category-modal-body input{ width:100%; padding: 10px; box-sizing: border-box; } .add-category-modal-button { display:block; background: #369; color: #fff; margin:30px auto 0; padding: 10px; text-align: center; border: 1px solid #369; text-transform: uppercase; text-decoration: none; box-sizing: border-box; -webkit-transition: all .3s ease; transition: all .3s ease; } .add-category-modal-button:hover { background: #fff; color: #369; } /*--- Add Product - Modal ---*/ .add-product-modal { display: none; position: fixed; z-index: 1; padding-top: 50px; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgba(0,0,0,0.7); z-index: 999; } .add-product-modal-content { height:auto; min-height:250px; max-width: 500px; position: relative; background-color: #fefefe; margin: auto; padding: 0; border: 1px solid #888; box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19); } .add-product-modal-close { color: #888; float: right; font-weight: 700; font-size: 27px; cursor: pointer; } .add-product-modal-close:hover, .add-product-modal-close:focus { color: #000; text-decoration: none; cursor: pointer; } .add-product-modal-header { background-image: linear-gradient(#fff,#ebebeb); padding: 7px 10px 2px 15px; border-bottom: 1px dotted #444; color: #444; } .add-product-modal-body { padding: 5px 30px 30px; } .add-product-modal-body p{ margin:15px auto 0; } .add-product-modal-body label{ width:100%; } .add-product-modal-body input{ width:100%; padding: 10px; box-sizing: border-box; } .add-product-modal-button { display:block; background: #369; color: #fff; margin:30px auto 0; padding: 10px; text-align: center; border: 1px solid #369; text-transform: uppercase; text-decoration: none; box-sizing: border-box; -webkit-transition: all .3s ease; transition: all .3s ease; } .add-product-modal-button:hover { background: #fff; color: #369; } /* Loader */ .product-admin-loader { position: fixed; height: 100%; width: 100%; left: 0; top: 0; background: rgba(255, 255, 255, 0.88) url(/files/smb/layout/products-admin-loader.svg) no-repeat center center; overflow: visible; z-index: 9999; } .product-admin-loader.loading { display:block; } @media screen and (max-width: 1000px) { .add-main-categoty-box { width: 300px; margin: 30px 0 0; } .products-list-box{ width: 100%; float: none; } }/* style: 4037*/ /* jsTree default theme */ .jstree-node, .jstree-children, .jstree-container-ul { display: block; margin: 0; padding: 0; list-style-type: none; list-style-image: none; } .jstree-node { white-space: nowrap; } .jstree-anchor { display: inline-block; color: black; white-space: nowrap; padding: 0 4px 0 1px; margin: 0; vertical-align: top; } .jstree-anchor:focus { outline: 0; } .jstree-anchor, .jstree-anchor:link, .jstree-anchor:visited, .jstree-anchor:hover, .jstree-anchor:active { text-decoration: none; color: inherit; } .jstree-icon { display: inline-block; text-decoration: none; margin: 0; padding: 0; vertical-align: top; text-align: center; } .jstree-icon:empty { display: inline-block; text-decoration: none; margin: 0; padding: 0; vertical-align: top; text-align: center; } .jstree-ocl { cursor: pointer; } .jstree-leaf > .jstree-ocl { cursor: default; } .jstree .jstree-open > .jstree-children { display: block; } .jstree .jstree-closed > .jstree-children, .jstree .jstree-leaf > .jstree-children { display: none; } .jstree-anchor > .jstree-themeicon { margin-right: 2px; } .jstree-no-icons .jstree-themeicon, .jstree-anchor > .jstree-themeicon-hidden { display: none; } .jstree-hidden, .jstree-node.jstree-hidden { display: none; } .jstree-rtl .jstree-anchor { padding: 0 1px 0 4px; } .jstree-rtl .jstree-anchor > .jstree-themeicon { margin-left: 2px; margin-right: 0; } .jstree-rtl .jstree-node { margin-left: 0; } .jstree-rtl .jstree-container-ul > .jstree-node { margin-right: 0; } .jstree-wholerow-ul { position: relative; display: inline-block; min-width: 100%; } .jstree-wholerow-ul .jstree-leaf > .jstree-ocl { cursor: pointer; } .jstree-wholerow-ul .jstree-anchor, .jstree-wholerow-ul .jstree-icon { position: relative; } .jstree-wholerow-ul .jstree-wholerow { width: 100%; cursor: pointer; position: absolute; left: 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .jstree-contextmenu .jstree-anchor { -webkit-user-select: none; /* disable selection/Copy of UIWebView */ -webkit-touch-callout: none; /* disable the IOS popup when long-press on a link */ } .vakata-context { display: none; } .vakata-context, .vakata-context ul { margin: 0; padding: 2px; position: absolute; background: #f5f5f5; border: 1px solid #979797; box-shadow: 2px 2px 2px #999999; } .vakata-context ul { list-style: none; left: 100%; margin-top: -2.7em; margin-left: -4px; } .vakata-context .vakata-context-right ul { left: auto; right: 100%; margin-left: auto; margin-right: -4px; } .vakata-context li { list-style: none; } .vakata-context li > a { display: block; padding: 0 2em 0 2em; text-decoration: none; width: auto; color: black; white-space: nowrap; line-height: 2.4em; text-shadow: 1px 1px 0 white; border-radius: 1px; } .vakata-context li > a:hover { position: relative; background-color: #e8eff7; box-shadow: 0 0 2px #0a6aa1; } .vakata-context li > a.vakata-context-parent { background-image: url("data:image/gif;base64,R0lGODlhCwAHAIAAACgoKP///yH5BAEAAAEALAAAAAALAAcAAAIORI4JlrqN1oMSnmmZDQUAOw=="); background-position: right center; background-repeat: no-repeat; } .vakata-context li > a:focus { outline: 0; } .vakata-context .vakata-context-hover > a { position: relative; background-color: #e8eff7; box-shadow: 0 0 2px #0a6aa1; } .vakata-context .vakata-context-separator > a, .vakata-context .vakata-context-separator > a:hover { background: white; border: 0; border-top: 1px solid #e2e3e3; height: 1px; min-height: 1px; max-height: 1px; padding: 0; margin: 0 0 0 2.4em; border-left: 1px solid #e0e0e0; text-shadow: 0 0 0 transparent; box-shadow: 0 0 0 transparent; border-radius: 0; } .vakata-context .vakata-contextmenu-disabled a, .vakata-context .vakata-contextmenu-disabled a:hover { color: silver; background-color: transparent; border: 0; box-shadow: 0 0 0; } .vakata-context .vakata-contextmenu-disabled > a > i { filter: grayscale(100%); } .vakata-context li > a > i { text-decoration: none; display: inline-block; width: 2.4em; height: 2.4em; background: transparent; margin: 0 0 0 -2em; vertical-align: top; text-align: center; line-height: 2.4em; } .vakata-context li > a > i:empty { width: 2.4em; line-height: 2.4em; } .vakata-context li > a .vakata-contextmenu-sep { display: inline-block; width: 1px; height: 2.4em; background: white; margin: 0 0.5em 0 0; border-left: 1px solid #e2e3e3; } .vakata-context .vakata-contextmenu-shortcut { font-size: 0.8em; color: silver; opacity: 0.5; display: none; } .vakata-context-rtl ul { left: auto; right: 100%; margin-left: auto; margin-right: -4px; } .vakata-context-rtl li > a.vakata-context-parent { background-image: url("data:image/gif;base64,R0lGODlhCwAHAIAAACgoKP///yH5BAEAAAEALAAAAAALAAcAAAINjI+AC7rWHIsPtmoxLAA7"); background-position: left center; background-repeat: no-repeat; } .vakata-context-rtl .vakata-context-separator > a { margin: 0 2.4em 0 0; border-left: 0; border-right: 1px solid #e2e3e3; } .vakata-context-rtl .vakata-context-left ul { right: auto; left: 100%; margin-left: -4px; margin-right: auto; } .vakata-context-rtl li > a > i { margin: 0 -2em 0 0; } .vakata-context-rtl li > a .vakata-contextmenu-sep { margin: 0 0 0 0.5em; border-left-color: white; background: #e2e3e3; } #jstree-marker { position: absolute; top: 0; left: 0; margin: -5px 0 0 0; padding: 0; border-right: 0; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 5px solid; width: 0; height: 0; font-size: 0; line-height: 0; } #jstree-dnd { line-height: 16px; margin: 0; padding: 4px; } #jstree-dnd .jstree-icon, #jstree-dnd .jstree-copy { display: inline-block; text-decoration: none; margin: 0 2px 0 0; padding: 0; width: 16px; height: 16px; } #jstree-dnd .jstree-ok { background: green; } #jstree-dnd .jstree-er { background: red; } #jstree-dnd .jstree-copy { margin: 0 2px 0 2px; } .jstree-default .jstree-node, .jstree-default .jstree-icon { background-repeat: no-repeat; background-color: transparent; } .jstree-default .jstree-anchor, .jstree-default .jstree-animated, .jstree-default .jstree-wholerow { transition: background-color 0.15s, box-shadow 0.15s; } .jstree-default .jstree-hovered { background: #e7f4f9; border-radius: 2px; box-shadow: inset 0 0 1px #cccccc; } .jstree-default .jstree-context { background: #e7f4f9; border-radius: 2px; box-shadow: inset 0 0 1px #cccccc; } .jstree-default .jstree-clicked { background: #beebff; border-radius: 2px; box-shadow: inset 0 0 1px #999999; } .jstree-default .jstree-no-icons .jstree-anchor > .jstree-themeicon { display: none; } .jstree-default .jstree-disabled { background: transparent; color: #666666; } .jstree-default .jstree-disabled.jstree-hovered { background: transparent; box-shadow: none; } .jstree-default .jstree-disabled.jstree-clicked { background: #efefef; } .jstree-default .jstree-disabled > .jstree-icon { opacity: 0.8; filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'jstree-grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#jstree-grayscale"); /* Firefox 10+ */ filter: gray; /* IE6-9 */ -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */ } .jstree-default .jstree-search { font-style: italic; color: #8b0000; font-weight: bold; } .jstree-default .jstree-no-checkboxes .jstree-checkbox { display: none !important; } .jstree-default.jstree-checkbox-no-clicked .jstree-clicked { background: transparent; box-shadow: none; } .jstree-default.jstree-checkbox-no-clicked .jstree-clicked.jstree-hovered { background: #e7f4f9; } .jstree-default.jstree-checkbox-no-clicked > .jstree-wholerow-ul .jstree-wholerow-clicked { background: transparent; } .jstree-default.jstree-checkbox-no-clicked > .jstree-wholerow-ul .jstree-wholerow-clicked.jstree-wholerow-hovered { background: #e7f4f9; } .jstree-default > .jstree-striped { min-width: 100%; display: inline-block; background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAkCAMAAAB/qqA+AAAABlBMVEUAAAAAAAClZ7nPAAAAAnRSTlMNAMM9s3UAAAAXSURBVHjajcEBAQAAAIKg/H/aCQZ70AUBjAATb6YPDgAAAABJRU5ErkJggg==") left top repeat; } .jstree-default > .jstree-wholerow-ul .jstree-hovered, .jstree-default > .jstree-wholerow-ul .jstree-clicked { background: transparent; box-shadow: none; border-radius: 0; } .jstree-default .jstree-wholerow { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .jstree-default .jstree-wholerow-hovered { background: #e7f4f9; } .jstree-default .jstree-wholerow-clicked { background: #beebff; background: -webkit-linear-gradient(top, #beebff 0%, #a8e4ff 100%); background: linear-gradient(to bottom, #beebff 0%, #a8e4ff 100%); } .jstree-default .jstree-node { min-height: 24px; line-height: 24px; margin-left: 24px; min-width: 24px; } .jstree-default .jstree-anchor { line-height: 24px; height: 24px; } .jstree-default .jstree-icon { width: 24px; height: 24px; line-height: 24px; } .jstree-default .jstree-icon:empty { width: 24px; height: 24px; line-height: 24px; } .jstree-default.jstree-rtl .jstree-node { margin-right: 24px; } .jstree-default .jstree-wholerow { height: 24px; } .jstree-default .jstree-node, .jstree-default .jstree-icon { background-image: url("/files/smb/layout/jsTree/jsTree-icons-32px.png"); } .jstree-default .jstree-node { background-position: -292px -4px; background-repeat: repeat-y; } .jstree-default .jstree-last { background: transparent; } .jstree-default .jstree-open > .jstree-ocl { background-position: -132px -4px; } .jstree-default .jstree-closed > .jstree-ocl { background-position: -100px -4px; } .jstree-default .jstree-leaf > .jstree-ocl { background-position: -68px -4px; } .jstree-default .jstree-themeicon { background-position: -260px -4px; } .jstree-default > .jstree-no-dots .jstree-node, .jstree-default > .jstree-no-dots .jstree-leaf > .jstree-ocl { background: transparent; } .jstree-default > .jstree-no-dots .jstree-open > .jstree-ocl { background-position: -36px -4px; } .jstree-default > .jstree-no-dots .jstree-closed > .jstree-ocl { background-position: -4px -4px; } .jstree-default .jstree-disabled { background: transparent; } .jstree-default .jstree-disabled.jstree-hovered { background: transparent; } .jstree-default .jstree-disabled.jstree-clicked { background: #efefef; } .jstree-default .jstree-checkbox { background-position: -164px -4px; } .jstree-default .jstree-checkbox:hover { background-position: -164px -36px; } .jstree-default.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox, .jstree-default .jstree-checked > .jstree-checkbox { background-position: -228px -4px; } .jstree-default.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox:hover, .jstree-default .jstree-checked > .jstree-checkbox:hover { background-position: -228px -36px; } .jstree-default .jstree-anchor > .jstree-undetermined { background-position: -196px -4px; } .jstree-default .jstree-anchor > .jstree-undetermined:hover { background-position: -196px -36px; } .jstree-default .jstree-checkbox-disabled { opacity: 0.8; filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'jstree-grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#jstree-grayscale"); /* Firefox 10+ */ filter: gray; /* IE6-9 */ -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */ } .jstree-default > .jstree-striped { background-size: auto 48px; } .jstree-default.jstree-rtl .jstree-node { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAACAQMAAAB49I5GAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjAAMOBgAAGAAJMwQHdQAAAABJRU5ErkJggg=="); background-position: 100% 1px; background-repeat: repeat-y; } .jstree-default.jstree-rtl .jstree-last { background: transparent; } .jstree-default.jstree-rtl .jstree-open > .jstree-ocl { background-position: -132px -36px; } .jstree-default.jstree-rtl .jstree-closed > .jstree-ocl { background-position: -100px -36px; } .jstree-default.jstree-rtl .jstree-leaf > .jstree-ocl { background-position: -68px -36px; } .jstree-default.jstree-rtl > .jstree-no-dots .jstree-node, .jstree-default.jstree-rtl > .jstree-no-dots .jstree-leaf > .jstree-ocl { background: transparent; } .jstree-default.jstree-rtl > .jstree-no-dots .jstree-open > .jstree-ocl { background-position: -36px -36px; } .jstree-default.jstree-rtl > .jstree-no-dots .jstree-closed > .jstree-ocl { background-position: -4px -36px; } .jstree-default .jstree-themeicon-custom { background-color: transparent; background-image: none; background-position: 0 0; } .jstree-default > .jstree-container-ul .jstree-loading > .jstree-ocl { background: url("/files/smb/layout/jsTree/jsTree-loader.gif") center center no-repeat; } .jstree-default .jstree-file { background: url("/files/smb/layout/jsTree/jsTree-icons-32px.png") -100px -68px no-repeat; } .jstree-default .jstree-folder { background: url("/files/smb/layout/jsTree/jsTree-icons-32px.png") -260px -4px no-repeat; } .jstree-default > .jstree-container-ul > .jstree-node { margin-left: 0; margin-right: 0; } #jstree-dnd.jstree-default { line-height: 24px; padding: 0 4px; } #jstree-dnd.jstree-default .jstree-ok, #jstree-dnd.jstree-default .jstree-er { background-image: url("/files/smb/layout/jsTree/jsTree-icons-32px.png"); background-repeat: no-repeat; background-color: transparent; } #jstree-dnd.jstree-default i { background: transparent; width: 24px; height: 24px; line-height: 24px; } #jstree-dnd.jstree-default .jstree-ok { background-position: -4px -68px; } #jstree-dnd.jstree-default .jstree-er { background-position: -36px -68px; } .jstree-default .jstree-ellipsis { overflow: hidden; } .jstree-default .jstree-ellipsis .jstree-anchor { width: calc(100% - 29px); text-overflow: ellipsis; overflow: hidden; } .jstree-default.jstree-rtl .jstree-node { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAACAQMAAAB49I5GAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjAAMOBgAAGAAJMwQHdQAAAABJRU5ErkJggg=="); } .jstree-default.jstree-rtl .jstree-last { background: transparent; } .jstree-default-small .jstree-node { min-height: 18px; line-height: 18px; margin-left: 18px; min-width: 18px; } .jstree-default-small .jstree-anchor { line-height: 18px; height: 18px; } .jstree-default-small .jstree-icon { width: 18px; height: 18px; line-height: 18px; } .jstree-default-small .jstree-icon:empty { width: 18px; height: 18px; line-height: 18px; } .jstree-default-small.jstree-rtl .jstree-node { margin-right: 18px; } .jstree-default-small .jstree-wholerow { height: 18px; } .jstree-default-small .jstree-node, .jstree-default-small .jstree-icon { background-image: url("/files/smb/layout/jsTree/jsTree-icons-32px.png"); } .jstree-default-small .jstree-node { background-position: -295px -7px; background-repeat: repeat-y; } .jstree-default-small .jstree-last { background: transparent; } .jstree-default-small .jstree-open > .jstree-ocl { background-position: -135px -7px; } .jstree-default-small .jstree-closed > .jstree-ocl { background-position: -103px -7px; } .jstree-default-small .jstree-leaf > .jstree-ocl { background-position: -71px -7px; } .jstree-default-small .jstree-themeicon { background-position: -263px -7px; } .jstree-default-small > .jstree-no-dots .jstree-node, .jstree-default-small > .jstree-no-dots .jstree-leaf > .jstree-ocl { background: transparent; } .jstree-default-small > .jstree-no-dots .jstree-open > .jstree-ocl { background-position: -39px -7px; } .jstree-default-small > .jstree-no-dots .jstree-closed > .jstree-ocl { background-position: -7px -7px; } .jstree-default-small .jstree-disabled { background: transparent; } .jstree-default-small .jstree-disabled.jstree-hovered { background: transparent; } .jstree-default-small .jstree-disabled.jstree-clicked { background: #efefef; } .jstree-default-small .jstree-checkbox { background-position: -167px -7px; } .jstree-default-small .jstree-checkbox:hover { background-position: -167px -39px; } .jstree-default-small.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox, .jstree-default-small .jstree-checked > .jstree-checkbox { background-position: -231px -7px; } .jstree-default-small.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox:hover, .jstree-default-small .jstree-checked > .jstree-checkbox:hover { background-position: -231px -39px; } .jstree-default-small .jstree-anchor > .jstree-undetermined { background-position: -199px -7px; } .jstree-default-small .jstree-anchor > .jstree-undetermined:hover { background-position: -199px -39px; } .jstree-default-small .jstree-checkbox-disabled { opacity: 0.8; filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'jstree-grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#jstree-grayscale"); /* Firefox 10+ */ filter: gray; /* IE6-9 */ -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */ } .jstree-default-small > .jstree-striped { background-size: auto 36px; } .jstree-default-small.jstree-rtl .jstree-node { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAACAQMAAAB49I5GAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjAAMOBgAAGAAJMwQHdQAAAABJRU5ErkJggg=="); background-position: 100% 1px; background-repeat: repeat-y; } .jstree-default-small.jstree-rtl .jstree-last { background: transparent; } .jstree-default-small.jstree-rtl .jstree-open > .jstree-ocl { background-position: -135px -39px; } .jstree-default-small.jstree-rtl .jstree-closed > .jstree-ocl { background-position: -103px -39px; } .jstree-default-small.jstree-rtl .jstree-leaf > .jstree-ocl { background-position: -71px -39px; } .jstree-default-small.jstree-rtl > .jstree-no-dots .jstree-node, .jstree-default-small.jstree-rtl > .jstree-no-dots .jstree-leaf > .jstree-ocl { background: transparent; } .jstree-default-small.jstree-rtl > .jstree-no-dots .jstree-open > .jstree-ocl { background-position: -39px -39px; } .jstree-default-small.jstree-rtl > .jstree-no-dots .jstree-closed > .jstree-ocl { background-position: -7px -39px; } .jstree-default-small .jstree-themeicon-custom { background-color: transparent; background-image: none; background-position: 0 0; } .jstree-default-small > .jstree-container-ul .jstree-loading > .jstree-ocl { background: url("/files/smb/layout/jsTree/jsTree-loader.gif") center center no-repeat; } .jstree-default-small .jstree-file { background: url("/files/smb/layout/jsTree/jsTree-icons-32px.png") -103px -71px no-repeat; } .jstree-default-small .jstree-folder { background: url("/files/smb/layout/jsTree/jsTree-icons-32px.png") -263px -7px no-repeat; } .jstree-default-small > .jstree-container-ul > .jstree-node { margin-left: 0; margin-right: 0; } #jstree-dnd.jstree-default-small { line-height: 18px; padding: 0 4px; } #jstree-dnd.jstree-default-small .jstree-ok, #jstree-dnd.jstree-default-small .jstree-er { background-image: url("/files/smb/layout/jsTree/jsTree-icons-32px.png"); background-repeat: no-repeat; background-color: transparent; } #jstree-dnd.jstree-default-small i { background: transparent; width: 18px; height: 18px; line-height: 18px; } #jstree-dnd.jstree-default-small .jstree-ok { background-position: -7px -71px; } #jstree-dnd.jstree-default-small .jstree-er { background-position: -39px -71px; } .jstree-default-small .jstree-ellipsis { overflow: hidden; } .jstree-default-small .jstree-ellipsis .jstree-anchor { width: calc(100% - 23px); text-overflow: ellipsis; overflow: hidden; } .jstree-default-small.jstree-rtl .jstree-node { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAACAQMAAABv1h6PAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjAAMHBgAAiABBI4gz9AAAAABJRU5ErkJggg=="); } .jstree-default-small.jstree-rtl .jstree-last { background: transparent; } .jstree-default-large .jstree-node { min-height: 32px; line-height: 32px; margin-left: 32px; min-width: 32px; } .jstree-default-large .jstree-anchor { line-height: 32px; height: 32px; } .jstree-default-large .jstree-icon { width: 32px; height: 32px; line-height: 32px; } .jstree-default-large .jstree-icon:empty { width: 32px; height: 32px; line-height: 32px; } .jstree-default-large.jstree-rtl .jstree-node { margin-right: 32px; } .jstree-default-large .jstree-wholerow { height: 32px; } .jstree-default-large .jstree-node, .jstree-default-large .jstree-icon { background-image: url("/files/smb/layout/jsTree/jsTree-icons-32px.png"); } .jstree-default-large .jstree-node { background-position: -288px 0px; background-repeat: repeat-y; } .jstree-default-large .jstree-last { background: transparent; } .jstree-default-large .jstree-open > .jstree-ocl { background-position: -128px 0px; } .jstree-default-large .jstree-closed > .jstree-ocl { background-position: -96px 0px; } .jstree-default-large .jstree-leaf > .jstree-ocl { background-position: -64px 0px; } .jstree-default-large .jstree-themeicon { background-position: -256px 0px; } .jstree-default-large > .jstree-no-dots .jstree-node, .jstree-default-large > .jstree-no-dots .jstree-leaf > .jstree-ocl { background: transparent; } .jstree-default-large > .jstree-no-dots .jstree-open > .jstree-ocl { background-position: -32px 0px; } .jstree-default-large > .jstree-no-dots .jstree-closed > .jstree-ocl { background-position: 0px 0px; } .jstree-default-large .jstree-disabled { background: transparent; } .jstree-default-large .jstree-disabled.jstree-hovered { background: transparent; } .jstree-default-large .jstree-disabled.jstree-clicked { background: #efefef; } .jstree-default-large .jstree-checkbox { background-position: -160px 0px; } .jstree-default-large .jstree-checkbox:hover { background-position: -160px -32px; } .jstree-default-large.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox, .jstree-default-large .jstree-checked > .jstree-checkbox { background-position: -224px 0px; } .jstree-default-large.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox:hover, .jstree-default-large .jstree-checked > .jstree-checkbox:hover { background-position: -224px -32px; } .jstree-default-large .jstree-anchor > .jstree-undetermined { background-position: -192px 0px; } .jstree-default-large .jstree-anchor > .jstree-undetermined:hover { background-position: -192px -32px; } .jstree-default-large .jstree-checkbox-disabled { opacity: 0.8; filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'jstree-grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#jstree-grayscale"); /* Firefox 10+ */ filter: gray; /* IE6-9 */ -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */ } .jstree-default-large > .jstree-striped { background-size: auto 64px; } .jstree-default-large.jstree-rtl .jstree-node { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAACAQMAAAB49I5GAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjAAMOBgAAGAAJMwQHdQAAAABJRU5ErkJggg=="); background-position: 100% 1px; background-repeat: repeat-y; } .jstree-default-large.jstree-rtl .jstree-last { background: transparent; } .jstree-default-large.jstree-rtl .jstree-open > .jstree-ocl { background-position: -128px -32px; } .jstree-default-large.jstree-rtl .jstree-closed > .jstree-ocl { background-position: -96px -32px; } .jstree-default-large.jstree-rtl .jstree-leaf > .jstree-ocl { background-position: -64px -32px; } .jstree-default-large.jstree-rtl > .jstree-no-dots .jstree-node, .jstree-default-large.jstree-rtl > .jstree-no-dots .jstree-leaf > .jstree-ocl { background: transparent; } .jstree-default-large.jstree-rtl > .jstree-no-dots .jstree-open > .jstree-ocl { background-position: -32px -32px; } .jstree-default-large.jstree-rtl > .jstree-no-dots .jstree-closed > .jstree-ocl { background-position: 0px -32px; } .jstree-default-large .jstree-themeicon-custom { background-color: transparent; background-image: none; background-position: 0 0; } .jstree-default-large > .jstree-container-ul .jstree-loading > .jstree-ocl { background: url("/files/smb/layout/jsTree/jsTree-loader.gif") center center no-repeat; } .jstree-default-large .jstree-file { background: url("/files/smb/layout/jsTree/jsTree-icons-32px.png") -96px -64px no-repeat; } .jstree-default-large .jstree-folder { background: url("/files/smb/layout/jsTree/jsTree-icons-32px.png") -256px 0px no-repeat; } .jstree-default-large > .jstree-container-ul > .jstree-node { margin-left: 0; margin-right: 0; } #jstree-dnd.jstree-default-large { line-height: 32px; padding: 0 4px; } #jstree-dnd.jstree-default-large .jstree-ok, #jstree-dnd.jstree-default-large .jstree-er { background-image: url("/files/smb/layout/jsTree/jsTree-icons-32px.png"); background-repeat: no-repeat; background-color: transparent; } #jstree-dnd.jstree-default-large i { background: transparent; width: 32px; height: 32px; line-height: 32px; } #jstree-dnd.jstree-default-large .jstree-ok { background-position: 0px -64px; } #jstree-dnd.jstree-default-large .jstree-er { background-position: -32px -64px; } .jstree-default-large .jstree-ellipsis { overflow: hidden; } .jstree-default-large .jstree-ellipsis .jstree-anchor { width: calc(100% - 37px); text-overflow: ellipsis; overflow: hidden; } .jstree-default-large.jstree-rtl .jstree-node { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAACAQMAAAAD0EyKAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjgIIGBgABCgCBvVLXcAAAAABJRU5ErkJggg=="); } .jstree-default-large.jstree-rtl .jstree-last { background: transparent; } @media (max-width: 768px) { #jstree-dnd.jstree-dnd-responsive { line-height: 40px; font-weight: bold; font-size: 1.1em; text-shadow: 1px 1px white; } #jstree-dnd.jstree-dnd-responsive > i { background: transparent; width: 40px; height: 40px; } #jstree-dnd.jstree-dnd-responsive > .jstree-ok { background-image: url("/files/smb/layout/jsTree/jsTree-icons-40px.png"); background-position: 0 -200px; background-size: 120px 240px; } #jstree-dnd.jstree-dnd-responsive > .jstree-er { background-image: url("/files/smb/layout/jsTree/jsTree-icons-40px.png"); background-position: -40px -200px; background-size: 120px 240px; } #jstree-marker.jstree-dnd-responsive { border-left-width: 10px; border-top-width: 10px; border-bottom-width: 10px; margin-top: -10px; } } @media (max-width: 768px) { .jstree-default-responsive { /* .jstree-open > .jstree-ocl, .jstree-closed > .jstree-ocl { border-radius:20px; background-color:white; } */ } .jstree-default-responsive .jstree-icon { background-image: url("/files/smb/layout/jsTree/jsTree-icons-40px.png"); } .jstree-default-responsive .jstree-node, .jstree-default-responsive .jstree-leaf > .jstree-ocl { background: transparent; } .jstree-default-responsive .jstree-node { min-height: 40px; line-height: 40px; margin-left: 40px; min-width: 40px; white-space: nowrap; } .jstree-default-responsive .jstree-anchor { line-height: 40px; height: 40px; } .jstree-default-responsive .jstree-icon, .jstree-default-responsive .jstree-icon:empty { width: 40px; height: 40px; line-height: 40px; } .jstree-default-responsive > .jstree-container-ul > .jstree-node { margin-left: 0; } .jstree-default-responsive.jstree-rtl .jstree-node { margin-left: 0; margin-right: 40px; background: transparent; } .jstree-default-responsive.jstree-rtl .jstree-container-ul > .jstree-node { margin-right: 0; } .jstree-default-responsive .jstree-ocl, .jstree-default-responsive .jstree-themeicon, .jstree-default-responsive .jstree-checkbox { background-size: 120px 240px; } .jstree-default-responsive .jstree-leaf > .jstree-ocl, .jstree-default-responsive.jstree-rtl .jstree-leaf > .jstree-ocl { background: transparent; } .jstree-default-responsive .jstree-open > .jstree-ocl { background-position: 0 0 !important; } .jstree-default-responsive .jstree-closed > .jstree-ocl { background-position: 0 -40px !important; } .jstree-default-responsive.jstree-rtl .jstree-closed > .jstree-ocl { background-position: -40px 0 !important; } .jstree-default-responsive .jstree-themeicon { background-position: -40px -40px; } .jstree-default-responsive .jstree-checkbox, .jstree-default-responsive .jstree-checkbox:hover { background-position: -40px -80px; } .jstree-default-responsive.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox, .jstree-default-responsive.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox:hover, .jstree-default-responsive .jstree-checked > .jstree-checkbox, .jstree-default-responsive .jstree-checked > .jstree-checkbox:hover { background-position: 0 -80px; } .jstree-default-responsive .jstree-anchor > .jstree-undetermined, .jstree-default-responsive .jstree-anchor > .jstree-undetermined:hover { background-position: 0 -120px; } .jstree-default-responsive .jstree-anchor { font-weight: bold; font-size: 1.1em; text-shadow: 1px 1px white; } .jstree-default-responsive > .jstree-striped { background: transparent; } .jstree-default-responsive .jstree-wholerow { border-top: 1px solid rgba(255, 255, 255, 0.7); border-bottom: 1px solid rgba(64, 64, 64, 0.2); background: #ebebeb; height: 40px; } .jstree-default-responsive .jstree-wholerow-hovered { background: #e7f4f9; } .jstree-default-responsive .jstree-wholerow-clicked { background: #beebff; } .jstree-default-responsive .jstree-children .jstree-last > .jstree-wholerow { box-shadow: inset 0 -6px 3px -5px #666666; } .jstree-default-responsive .jstree-children .jstree-open > .jstree-wholerow { box-shadow: inset 0 6px 3px -5px #666666; border-top: 0; } .jstree-default-responsive .jstree-children .jstree-open + .jstree-open { box-shadow: none; } .jstree-default-responsive .jstree-node, .jstree-default-responsive .jstree-icon, .jstree-default-responsive .jstree-node > .jstree-ocl, .jstree-default-responsive .jstree-themeicon, .jstree-default-responsive .jstree-checkbox { background-image: url("/files/smb/layout/jsTree/jsTree-icons-40px.png"); background-size: 120px 240px; } .jstree-default-responsive .jstree-node { background-position: -80px 0; background-repeat: repeat-y; } .jstree-default-responsive .jstree-last { background: transparent; } .jstree-default-responsive .jstree-leaf > .jstree-ocl { background-position: -40px -120px; } .jstree-default-responsive .jstree-last > .jstree-ocl { background-position: -40px -160px; } .jstree-default-responsive .jstree-themeicon-custom { background-color: transparent; background-image: none; background-position: 0 0; } .jstree-default-responsive .jstree-file { background: url("files/smb/layout/jsTree/jsTree-icons-40px.png") 0 -160px no-repeat; background-size: 120px 240px; } .jstree-default-responsive .jstree-folder { background: url("files/smb/layout/jsTree/jsTree-icons-40px.png") -40px -40px no-repeat; background-size: 120px 240px; } .jstree-default-responsive > .jstree-container-ul > .jstree-node { margin-left: 0; margin-right: 0; } } /* Style Id:5689 Shared custom styles*/ /* style: 7543*/ @font-face { font-family:'Roboto';src: url('/files/$googlefonts/Roboto_normal_400.woff') format('woff'); font-display: swap; font-weight:400; font-style:normal; } @font-face { font-family:'Roboto';src: url('/files/$googlefonts/Roboto_normal_500.woff') format('woff'); font-display: swap; font-weight:500; font-style:normal; } @font-face { font-family:'Roboto';src: url('/files/$googlefonts/Roboto_normal_700.woff') format('woff'); font-display: swap; font-weight:700; font-style:normal; } /* style: 13945*/ .eee-top { background: #F7F8F9; padding: 7px 0; color: #0B0B13; font-size: 12px; line-height: 18px; } .eee-top .fa { margin-right: 3px; } .eee-top a, .eee-top .eee-text-color--default { color: #0B0B13; text-decoration: none; } /* style: 5433*/ .eee-header { width: 100%; height: 60px; position: sticky; top: -1px; background: #FFFFFF; border-bottom: 1px solid #646464; text-align: center; z-index: 12; } @media (max-width: 999.98px) { .eee-header { background: #fff; } } .eee-header .eee-page-width { height: inherit; } .eee-header #top-menu svg, .eee-header .eee-social svg { height: 26px; } @media (min-width: 1000px) { .eee-header { height: 100px; border: 0px; text-align: left; position: relative; z-index: 999; top: 0; transition: height 0.20s ease-in; } .eee-header.eee-header--shrink.scroll-direction-top, .eee-header.eee-header--shrink.scroll-direction-bottom, .eee-header.eee-header--shrink-on-scroll-down.scroll-direction-bottom { height: 75px; } .eee-header.eee-header--sticky, .eee-header.eee-header--sticky-on-scroll-up.scroll-direction-top { position: sticky; } .eee-header .eee-social__wrapper { top: 0; transition: top 150ms; } .eee-header.eee-menu-after-scroll .eee-social { width: 100%; max-width: 1400px; position: fixed; height: 55px; top: -55px; left: 50%; transform: translateX(-50%); padding: 0 25px; box-sizing: border-box; } .eee-header.eee-menu-after-scroll .eee-social .eee-social__wrapper { height: 55px; display: inline-flex; align-items: center; position: relative; } .eee-header.eee-menu-after-scroll .eee-social .eee-social__wrapper { top: 55px; } } .eee-header__grid { height: inherit; } .eee-header-logo { -ms-flex: 1; -webkit-flex: 1; flex: 1; min-width: 0; text-align: left; } @media (min-width: 1000px) { .eee-header-logo { -ms-flex: none; -webkit-flex: none; flex: none; } } .eee-header .eee-search { flex-grow: 1; } @media (min-width: 1000px) { .eee-header__free-content { display: block; min-width: 0; } } .eee-header-space { height: 61px; } @media (min-width: 1000px) { .eee-header-space { display: none; } } .eee-image-svg:not([data-do-not-inherit-fill-color]) { fill: #0B0B13; } @media (max-width: 999.98px) { .eee-social .Seeems-Image img, .eee-social .Seeems-Image svg { height: 20px !important; } .eee-social .Seeems-Image svg { width: auto; } .eee-header__free-content { display: none; } } /* style: 5434*/ #top-menu { display: none; max-width: 570px; } @media (min-width: 1000px) { #top-menu { display: block; } } #top-menu .css-menu { box-sizing: border-box; margin: 0; padding: 0; background: transparent; /*============= Sub menu =============*/ /*============= Scrolling arrows for tall sub menus =============*/ } #top-menu .css-menu *, #top-menu .css-menu *:before, #top-menu .css-menu *:after { box-sizing: inherit; } #top-menu .css-menu > li { display: inline-block; position: relative; list-style-type: none; margin: 0 0 0 20px; padding: 0; vertical-align: top; } #top-menu .css-menu > li > a { display: block; position: relative; height: 40px; line-height: 40px; color: #4A4A4A; font-size: 14px; text-decoration: none; text-transform: uppercase; } #top-menu .css-menu > li.has-mega-menu:not(.has-mega-menu--fixed-width) { position: static; } #top-menu .css-menu > li.has-mega-menu:not(.has-mega-menu--fixed-width) .scroll-up, #top-menu .css-menu > li.has-mega-menu:not(.has-mega-menu--fixed-width) .scroll-down { margin-left: 0 !important; } #top-menu .css-menu ul:not(.mega-menu):not(.mega-menu-auto-width):not(.mega-menu ul):not(.mega-menu-auto-width ul) { display: none; position: absolute; z-index: 10; margin: 0; padding: 0; width: 150px; background: #004FFA; } #top-menu .css-menu ul:not(.mega-menu):not(.mega-menu-auto-width):not(.mega-menu ul):not(.mega-menu-auto-width ul) > li { display: block; position: relative; list-style-type: none; margin: 0; padding: 0; } #top-menu .css-menu ul:not(.mega-menu):not(.mega-menu-auto-width):not(.mega-menu ul):not(.mega-menu-auto-width ul) > li > a { display: block; position: relative; height: auto; line-height: normal; padding: 10px 15px; color: #FFFFFF; font-size: 14px; text-decoration: none; text-transform: uppercase; } #top-menu .css-menu ul:not(.mega-menu):not(.mega-menu-auto-width):not(.mega-menu ul):not(.mega-menu-auto-width ul) > li > a:hover, #top-menu .css-menu ul:not(.mega-menu):not(.mega-menu-auto-width):not(.mega-menu ul):not(.mega-menu-auto-width ul) > li > a:focus, #top-menu .css-menu ul:not(.mega-menu):not(.mega-menu-auto-width):not(.mega-menu ul):not(.mega-menu-auto-width ul) > li > a.highlighted, #top-menu .css-menu ul:not(.mega-menu):not(.mega-menu-auto-width):not(.mega-menu ul):not(.mega-menu-auto-width ul) > li > a.selected { background: #2E70FF; color: #FFFFFF; } #top-menu .css-menu ul.mega-menu { display: none; position: absolute; z-index: 10; margin: 0; padding: 15px; background: #004FFA; } #top-menu .css-menu ul.mega-menu > li { display: block; list-style-type: none; margin: 0; padding: 0; overflow: hidden; } #top-menu .css-menu ul.mega-menu * { color: #FFFFFF; } #top-menu .css-menu ul.mega-menu:not(.mega-menu--fixed-width):not(.mega-menu--in-more-item) { right: 0 !important; margin-left: 0 !important; width: auto !important; max-width: none !important; } #top-menu .css-menu ul.mega-menu--fixed-width { width: 450px!important; max-width: none !important; } #top-menu .css-menu .sm-nowrap > li > a { white-space: nowrap; } #top-menu .css-menu .scroll-up, #top-menu .css-menu .scroll-down { display: none; position: absolute; visibility: hidden; overflow: hidden; background: #004FFA; height: 20px; } #top-menu .css-menu .scroll-up-arrow, #top-menu .css-menu .scroll-down-arrow { position: absolute; top: -2px; left: 50%; margin-left: -8px; width: 0; height: 0; overflow: hidden; border-width: 8px; border-style: dashed dashed solid dashed; border-color: transparent; border-bottom-color: #FFFFFF; } #top-menu .css-menu .scroll-down-arrow { top: 6px; border-style: solid dashed dashed dashed; border-color: transparent; border-top-color: #FFFFFF; } /* style: 5435*/ #main-menu { width: 100%; height: 55px; background: #FFFFFF; display: none; position: relative; top: 0px; transition: top 0.20s ease-in; } @media (min-width: 1000px) { #main-menu { display: block; } #main-menu.eee-main-menu--sticky, #main-menu.eee-main-menu--sticky-on-scroll-up.scroll-direction-top { position: sticky; z-index: 99; } #main-menu.eee-main-menu-header-position--sticky, #main-menu.eee-main-menu-header-position--sticky-on-scroll-up.scroll-direction-top { top: 100; } #main-menu.eee-main-menu-header-size--shrink-on-scroll-down.scroll-direction-bottom, #main-menu.eee-main-menu-header-size--shrink { top: 75; } #main-menu #eee-main-menu-content { transition: padding-left 150ms; } } #main-menu.eee-active-scroll { z-index: 999; } #main-menu.eee-active-scroll + .eee-banner + .eee-middle-wrapper .eee-sidebar-menu { top: 0; } #main-menu .css-menu { box-sizing: border-box; margin: 0; padding: 0; /*============= Sub menu =============*/ /*============= Scrolling arrows for tall sub menus =============*/ } #main-menu .css-menu *, #main-menu .css-menu *:before, #main-menu .css-menu *:after { box-sizing: inherit; } #main-menu .css-menu > li { display: inline-block; position: relative; list-style-type: none; margin: 0 40px 0 0; padding: 0; vertical-align: top; } #main-menu .css-menu > li > a { display: block; position: relative; height: 55px; line-height: 55px; color: #0B0B13; font-size: 14px; text-decoration: none; text-transform: uppercase; } #main-menu .css-menu > li > a:hover:after, #main-menu .css-menu > li > a:focus:after, #main-menu .css-menu > li > a.highlighted:after, #main-menu .css-menu > li > a.selected:after { content: " "; border-bottom: 3px solid #FFFFFF; display: block; position: absolute; bottom: 0px; width: 100%; } #main-menu .css-menu > li.has-mega-menu:not(.has-mega-menu--fixed-width) { position: static; } #main-menu .css-menu > li.has-mega-menu:not(.has-mega-menu--fixed-width) .scroll-up, #main-menu .css-menu > li.has-mega-menu:not(.has-mega-menu--fixed-width) .scroll-down { margin-left: 0 !important; } #main-menu .css-menu ul:not(.mega-menu):not(.mega-menu-auto-width):not(.mega-menu ul):not(.mega-menu-auto-width ul) { display: none; position: absolute; z-index: 20; margin: 0; padding: 0; width: 150px; background: #004FFA; } #main-menu .css-menu ul:not(.mega-menu):not(.mega-menu-auto-width):not(.mega-menu ul):not(.mega-menu-auto-width ul) > li { display: block; position: relative; list-style-type: none; margin: 0; padding: 0; } #main-menu .css-menu ul:not(.mega-menu):not(.mega-menu-auto-width):not(.mega-menu ul):not(.mega-menu-auto-width ul) > li > a { display: block; position: relative; height: auto; line-height: normal; padding: 10px 15px; color: #FFFFFF; font-size: 14px; text-decoration: none; text-transform: uppercase; } #main-menu .css-menu ul:not(.mega-menu):not(.mega-menu-auto-width):not(.mega-menu ul):not(.mega-menu-auto-width ul) > li > a:hover, #main-menu .css-menu ul:not(.mega-menu):not(.mega-menu-auto-width):not(.mega-menu ul):not(.mega-menu-auto-width ul) > li > a:focus, #main-menu .css-menu ul:not(.mega-menu):not(.mega-menu-auto-width):not(.mega-menu ul):not(.mega-menu-auto-width ul) > li > a.highlighted, #main-menu .css-menu ul:not(.mega-menu):not(.mega-menu-auto-width):not(.mega-menu ul):not(.mega-menu-auto-width ul) > li > a.selected { background: #2E70FF; color: #FFFFFF; } #main-menu .css-menu ul.mega-menu { display: none; position: absolute; z-index: 20; margin: 0; padding: 15px; background: #004FFA; } #main-menu .css-menu ul.mega-menu > li { display: block; list-style-type: none; margin: 0; padding: 0; overflow: hidden; } #main-menu .css-menu ul.mega-menu * { color: #FFFFFF; } #main-menu .css-menu ul.mega-menu:not(.mega-menu--fixed-width):not(.mega-menu--in-more-item) { right: 0 !important; margin-left: 0 !important; width: auto !important; max-width: none !important; } #main-menu .css-menu ul.mega-menu--fixed-width { width: 450px!important; max-width: none !important; } #main-menu .css-menu .sm-nowrap > li > a { white-space: nowrap; } #main-menu .css-menu .scroll-up, #main-menu .css-menu .scroll-down { display: none; position: absolute; visibility: hidden; overflow: hidden; background: #004FFA; height: 20px; } #main-menu .css-menu .scroll-up-arrow, #main-menu .css-menu .scroll-down-arrow { position: absolute; top: -2px; left: 50%; margin-left: -8px; width: 0; height: 0; overflow: hidden; border-width: 8px; border-style: dashed dashed solid dashed; border-color: transparent; border-bottom-color: #FFFFFF; } #main-menu .css-menu .scroll-down-arrow { top: 6px; border-style: solid dashed dashed dashed; border-color: transparent; border-top-color: #FFFFFF; } #main-menu div.eee-inline-menu div a { color: #fff; text-decoration: none; background: #2E70FF; display: block; padding: 10px; margin-bottom: 4px; } #main-menu div.eee-inline-menu div:last-child > a { margin-bottom: 0px; } /* style: 7963*/ .eee-middle-sidebar-wrapper { padding-left: 0; position: relative; padding-bottom: 25px; } .eee-middle-sidebar-wrapper > div { box-sizing: border-box; } .eee-sidebar-menu { display: none; } @media (min-width: 1000px) { .eee-sidebar-menu { display: block; position: relative; z-index: 100; max-width: 100%; background: #FFFFFF; padding: 0; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; overflow: hidden; transition: top 150ms; margin-left: 25px; } .eee-sidebar-menu .eee-sidebar-menu__heading { height: 55px; display: flex; align-items: center; font-weight: bold; background: #f7f8f9; padding: 0 20px; box-sizing: border-box; border-bottom: 1px solid #004FFA; } .eee-sidebar-menu .eee-sidebar-menu__heading i { margin-right: 10px; position: relative; top: 1px; } .eee-sidebar-menu > ul > li { border-left: 1px solid #EBEBEB; border-right: 1px solid #EBEBEB; border-bottom: 1px solid #EBEBEB; padding: 15px 20px; } .eee-sidebar-menu > ul > li ul { padding-top: 10px !important; } .eee-sidebar-menu ul { margin: 0px; padding: 0px; } .eee-sidebar-menu ul li { list-style-type: none; display: block; position: relative; } .eee-sidebar-menu ul li a { display: block; padding: 0 13px 0 0; color: #0B0B13; text-decoration: none; } .eee-sidebar-menu ul li a:hover { color: #004FFA; } .eee-sidebar-menu ul li .css-menu-icon { position: absolute; top: 15px; right: 20px; transition: transform 150ms; cursor: pointer; } .eee-sidebar-menu ul li .css-menu-icon:after { font-family: "FontAwesome"; content: "\f105"; } .eee-sidebar-menu ul li.selected .css-menu-icon { transform: rotate(90deg); } .eee-sidebar-menu ul li.has-children > a > .css-menu-icon:after { font-family: 'FontAwesome'; content: "\f107"; float: right; } .eee-sidebar-menu ul li.has-children.selected > a > .css-menu-icon:after { transform: rotate(-180deg); } .eee-sidebar-menu ul li.selected > a { color: #2E70FF; font-weight: bold; text-decoration: none; } .eee-sidebar-menu ul li.selected > ul { display: block; } .eee-sidebar-menu ul li ul { padding: 0px 0px 0px 10px; display: none; } } /* style: 5436*/ .eee-breadcrumb-menu { clear: both; margin: 15px 0; position: relative; } .eee-breadcrumb-menu > ul { marign: 0; padding: 0; list-style-type: none; } .eee-breadcrumb-menu > ul > li { display: inline-block; vertical-align: middle; font-size: 0; } .eee-breadcrumb-menu > ul > li > a { color: #646464; text-decoration: none; font-size: 15px; } .eee-breadcrumb-menu > ul > li > a:before { font-family: 'FontAwesome'; content: "\f105"; font-size: 15px; margin: 0px 10px 0 10px; display: inline-block; vertical-align: top; } .eee-breadcrumb-menu > ul > li:first-child a:before { display: none; } .eee-breadcrumb-menu > ul > li .eee-breadcrumb-menu__icon { display: inline-block; vertical-align: top; margin: 5px 0 0 5px; background: #ebebeb; width: 14px; height: 14px; line-height: 16px; text-align: center; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; font-size: 12px; } .eee-breadcrumb-menu > ul > li .eee-breadcrumb-menu__icon svg { width: 15px; height: 15px; } .eee-breadcrumb-menu > ul > li ul { display: none; } .eee-breadcrumb-menu > ul > li:hover ul { position: absolute; display: block; background: #fff; box-shadow: 0px 3px 6px #00000029; padding: 5px 10px; z-index: 99; list-style-type: none; max-height: 60vh; overflow-y: auto; margin-left: 15px; } .eee-breadcrumb-menu > ul > li:hover ul li { margin: 5px 0; font-size: 16px; } .eee-breadcrumb-menu > ul > li:hover ul li:last-child { border-bottom: 0; padding: 0; } .eee-breadcrumb-menu > ul > li:hover ul li img { background: #fff; margin-right: 5px; } .eee-breadcrumb-menu > ul > li:hover ul li a { color: #0B0B13; background: none; text-decoration: none; display: block; } .eee-breadcrumb-menu > ul > li:hover ul li a span { padding: 0 5px; } /* style: 5438*/ @media (min-width: 768px) { .eee-middle-wrapper { margin-bottom: 15px; flex-grow: 1; } } .eee-middle-wrapper > .eee-page-width { background: #FFFFFF; box-sizing: border-box; position: relative; padding: 15px; } @media (min-width: 768px) { .eee-middle-wrapper > .eee-page-width { margin: 15px auto 0 auto; padding: 25px; max-width: 1400px; } } .eee-middle-wrapper > .eee-page-width > .eee-grid { min-width: 100%; } /* style: 5439*/ .eee-footer { background: #0B0B13; color: #FFFFFF; overflow: auto; } .eee-footer .eee-text-color--default { color: #FFFFFF; } .eee-footer .fa { margin-right: 5px; } .eee-footer .eee-footer-social-icons .eee-link { font-size: 42px; display: inline-block; vertical-align: top; margin: 0px 15px 0px 0px; } .eee-footer .eee-footer-social-icons .eee-link:hover { color: #004FFA; } .eee-footer a, .eee-footer .eee-link { color: #FFFFFF; text-decoration: none; } .eee-footer .eee-heading, .eee-footer h1, .eee-footer h2, .eee-footer h3, .eee-footer h4, .eee-footer h5, .eee-footer h6, .eee-footer .eee-heading__heading--hero, .eee-footer .eee-heading__subheading--hero, .eee-footer .eee-heading__heading--page, .eee-footer .eee-heading__subheading--page, .eee-footer .eee-heading__heading--major, .eee-footer .eee-heading__subheading--major, .eee-footer .eee-heading__heading--section, .eee-footer .eee-heading__subheading--section, .eee-footer .eee-heading__heading--subsection, .eee-footer .eee-heading__subheading--subsection, .eee-footer .eee-heading__heading--minor, .eee-footer .eee-heading__subheading--minor { color: #FFFFFF; } .eee-footer-content { display: flex; padding: 100px 0; margin: 0 -15px; } .eee-footer-content > div { flex-grow: 1; box-sizing: border-box; padding: 15px; } @media (max-width: 999.98px) { .eee-footer-content { flex-wrap: wrap; padding: 0; } .eee-footer-content > div { width: 50%; } } @media (max-width: 479.98px) { .eee-footer-content > div { width: 100%; } } .eee-footer-content .eee-footer-content__custom-content a { display: block; margin: 0; } .eee-footer-content .eee-footer-content__custom-content a:not(:last-child) { margin: 0 0 5px 0; } #eee-footer-text { margin-top: 15px; } .eee-footer-payment-icons { margin: 0 auto 25px auto; text-align: center; } @media (max-width: 999.98px) { .eee-footer-payment-icons { margin-top: 15px; text-align: left; } } .eee-footer-payment-icons img { margin: 5px; background: #fff; border-radius: 22px; -moz-border-radius: 22px; -webkit-border-radius: 22px; } .eee-footer::before { content: ""; display: table; overflow: hidden; } /* style: 13774*/ /* style: 15682*/ .eee-image-svg:not([data-do-not-inherit-fill-color]) { fill: #0B0B13; } /* style: 5690*/ .animated-basket-position.animated-basket-position--relative .animated-basket { background: none; padding: 0; min-width: 22px; } @media (min-width: 1000px) { .animated-basket-position.animated-basket-position--relative .animated-basket { min-width: 26px; } } .animated-basket-position.animated-basket-position--relative .animated-basket .animated-basket-header { position: relative; } .animated-basket-position.animated-basket-position--relative .animated-basket .animated-basket-header .animated-basket-logo svg { height: 20px; } @media (min-width: 1000px) { .animated-basket-position.animated-basket-position--relative .animated-basket .animated-basket-header .animated-basket-logo svg { height: 26px; } } .animated-basket-position.animated-basket-position--relative .animated-basket .animated-basket-header .animated-basket-quantity { width: 20px; height: 20px; line-height: 20px; background: #004FFA; color: #FFFFFF; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; text-align: center; display: block; position: absolute; top: -8px; right: -8px; font-size: 10px; font-weight: bold; } .animated-basket-position.animated-basket-position--relative .animated-basket .animated-basket-product-list .animated-basket-product a { color: #0B0B13; } /* style: 5731*/ .eee-slider__frame-table.eee-slider__frame-table--page-width { padding: 0; } .eee-slider__frame .eee-slider__frame-table { align-items: flex-end; } .eee-slider__frame .eee-slider__frame-table .eee-slider__frame-table-cell { padding: 15px; box-sizing: border-box; } @media (min-width: 768px) { .eee-slider__frame .eee-slider__frame-table .eee-slider__frame-table-cell { padding: 25px; } } .eee-slider__frame-dots { width: auto; left: auto; right: 5px; } @media (min-width: 768px) { .eee-slider__frame-dots { right: 25px; } } .eee-slider__frame-dots .eee-slider__frame-dot { width: 8px; height: 8px; box-shadow: 0 0 2px rgba(0, 0, 0, 0.5); } /* style: 8238*/ .one-page-ordering-form .Seeems-AdvancedBox { border: 1px solid #ebebeb !important; padding: 20px !important; } .one-page-ordering-form .quantity-input { border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; } .one-page-ordering-form select + .eee-select__text, .one-page-ordering-form select, .one-page-ordering-form textarea, .one-page-ordering-form input:not([type]), .one-page-ordering-form input[type="text"], .one-page-ordering-form input[type="password"], .one-page-ordering-form input[type="datetime"], .one-page-ordering-form input[type="datetime-local"], .one-page-ordering-form input[type="date"], .one-page-ordering-form input[type="month"], .one-page-ordering-form input[type="time"], .one-page-ordering-form input[type="week"], .one-page-ordering-form input[type="number"], .one-page-ordering-form input[type="email"], .one-page-ordering-form input[type="url"], .one-page-ordering-form input[type="search"], .one-page-ordering-form input[type="tel"], .one-page-ordering-form input[type="color"], .one-page-ordering-form .eee-form-field--options-dropdown .eee-dropdown__heading, .one-page-ordering-form .eee-form-field--options-dropdown .eee-select__text { background: #FFFFFF; border: 1px solid #646464; } .one-page-ordering-form .eee-ordering-procedure-delivery .delivery-selector-option { border: 0; padding: 5px 0; } .one-page-ordering-form .eee-form-field--options-list.eee-form-field--options-list-border .eee-form-field__label--checkbox, .one-page-ordering-form .eee-form-field--options-list.eee-form-field--options-list-border .eee-form-field__label--radio { border: 0; padding-top: 5px; padding-bottom: 5px; } .shopping-basket { display: block; border: 0; padding: 0; } .shopping-basket .shopping-basket__box .shopping-basket__box__image { border: 0; padding: 0; } .shopping-basket .shopping-basket__box .shopping-basket__box-id { font-weight: normal; margin-top: 5px; } .shopping-basket .shopping-basket__box a { color: #0B0B13; } /* style: 7552*/ @media (min-width: 1000px) { #eee-search-form.eee-search-form--relative { width: 100%; max-width: 400px; display: block; margin: auto; position: relative; } #eee-search-form.eee-search-form--relative #eee-search-form__fields { overflow: hidden; border-radius: 22px; -moz-border-radius: 22px; -webkit-border-radius: 22px; border: 1px solid #EBEBEB; } #eee-search-form.eee-search-form--relative #eee-search-form__fields #eee-search-form__search-field { width: 100%; height: 45px; background: none; border: 0; padding: 0 75px 0 20px; } #eee-search-form.eee-search-form--relative #eee-search-form__fields #eee-search-form__search-field::placeholder { color: #646464; font-size: 14px; } #eee-search-form.eee-search-form--relative #eee-search-form__fields #eee-search-form__do-search { top: 0; right: 0; width: 65px; height: 45px; line-height: 43px; background: #EBEBEB; text-align: center; } #eee-search-form.eee-search-form--relative #eee-search-form__fields #eee-search-form__do-search svg { fill: #646464; } #eee-search-form.eee-search-form--relative #eee-serach-form__result { background: #fff; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); position: absolute; top: calc(100% + 10px); border-radius: 12px; -moz-border-radius: 12px; -moz-border-radius: 12px; } #eee-search-form.eee-search-form--relative #eee-serach-form__result #eee-search-form__result-wrapper .eee-product-display .eee-items-compact .eee-product { flex-wrap: wrap; align-items: flex-start; border-left: 0; border-right: 0; border-top: 0; padding: 10px 0; } #eee-search-form.eee-search-form--relative #eee-serach-form__result #eee-search-form__result-wrapper .eee-product-display .eee-items-compact .eee-product .eee-product-wrapper { width: calc(100% - 82px); padding: 0 0 10px 10px; } #eee-search-form.eee-search-form--relative #eee-serach-form__result #eee-search-form__result-wrapper .eee-product-display .eee-items-compact .eee-product .eee-product-wrapper .eee-product-name { font-size: 14px; line-height: 20px; } #eee-search-form.eee-search-form--relative #eee-serach-form__result #eee-search-form__result-wrapper .eee-product-display .eee-items-compact .eee-product .eee-product-control-wrapper { width: 100%; } #eee-search-form.eee-search-form--relative #eee-search-form-view-all { width: 100%; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; } } @media (max-width: 999.98px) { .eee-search { position: absolute; } .eee-search #eee-search-form.eee-search-form--relative { background: #EBEBEB; } .eee-search #eee-search-form.eee-search-form--relative #eee-search-form__fields #eee-search-form__search-field { padding: 0 40px 0 10px; border: 0; } .eee-search #eee-search-form.eee-search-form--relative #eee-search-form__fields #eee-search-form__do-search { width: 40px; height: 40px; top: 10px; right: 10px; display: flex; align-items: center; justify-content: center; } } /* style: 15434*/ .eee-teaser-v02.eee-tranbergdahl-teaser { padding: 100% 0 0 0; height: 0; align-items: center; justify-content: flex-end; text-align: center; } .eee-teaser-v02.eee-tranbergdahl-teaser a { font-weight: normal; } .eee-teaser-v02.eee-tranbergdahl-teaser .eee-teaser-v02__content { width: 100%; box-sizing: border-box; padding: 15px; color: #fff; text-align: left; } @media (min-width: 768px) { .eee-teaser-v02.eee-tranbergdahl-teaser .eee-teaser-v02__content { padding: 25px; } } .eee-teaser-v02.eee-tranbergdahl-teaser .eee-teaser-v02__content h1, .eee-teaser-v02.eee-tranbergdahl-teaser .eee-teaser-v02__content h2, .eee-teaser-v02.eee-tranbergdahl-teaser .eee-teaser-v02__content h3, .eee-teaser-v02.eee-tranbergdahl-teaser .eee-teaser-v02__content h4, .eee-teaser-v02.eee-tranbergdahl-teaser .eee-teaser-v02__content h5 { color: #fff; font-weight: 600; margin: 0; } .eee-teaser-v02.eee-tranbergdahl-teaser .eee-teaser-v02__content .eee-teaser-v02__sub-categories { max-height: 0px; overflow: hidden; transition: all 250ms ease-out; margin-top: 0; text-align: left; position: relative; z-index: 3; } .eee-teaser-v02.eee-tranbergdahl-teaser .eee-teaser-v02__content .eee-teaser-v02__sub-categories a { padding-left: 15px; display: inline-block; vertical-align: top; position: relative; line-height: normal; color: #fff; text-decoration: none; } .eee-teaser-v02.eee-tranbergdahl-teaser .eee-teaser-v02__content .eee-teaser-v02__sub-categories a:before { font-family: "FontAwesome"; content: "\f105"; position: absolute; left: 0; top: 1px; } .eee-teaser-v02.eee-tranbergdahl-teaser .eee-teaser-v02__content .eee-teaser-v02__sub-categories > div { margin: 2px 0; } .eee-teaser-v02.eee-tranbergdahl-teaser:hover > .eee-teaser-v02__content > .eee-teaser-v02__sub-categories { max-height: 500px; padding-top: 10px; } /* style: 15438*/ .eee-product-display .eee-category .eee-category-content, .eee-teaser-v02.eee-tranbergdahl-teaser .eee-teaser-v02__content, .eee-slider__frame-table-cell { background: linear-gradient(180deg,rgba(0,0,0,0) 0%,rgba(0,0,0) 120%); }/* style: 15679*/ .eee-product-display .eee-items-grid .eee-product .eee-product-name, .eee-product-display .eee-items-list .eee-product .eee-product-name, .eee-product-display .eee-items-compact .eee-product .eee-product-name, .eee-product-display #eee-product-details .eee-product-name { margin: 0; } .eee-product-display .eee-items-grid .eee-product .eee-product-stock, .eee-product-display .eee-items-list .eee-product .eee-product-stock, .eee-product-display .eee-items-compact .eee-product .eee-product-stock, .eee-product-display #eee-product-details .eee-product-stock { margin-top: 10px; } .eee-product-display .eee-items-grid .eee-product .eee-product-control, .eee-product-display .eee-items-list .eee-product .eee-product-control, .eee-product-display .eee-items-compact .eee-product .eee-product-control, .eee-product-display #eee-product-details .eee-product-control { display: flex; flex-wrap: wrap; padding: 5px 0 0 0; box-sizing: border-box; } .eee-product-display .eee-items-grid .eee-product .eee-product-control .viabill-pricetag, .eee-product-display .eee-items-list .eee-product .eee-product-control .viabill-pricetag, .eee-product-display .eee-items-compact .eee-product .eee-product-control .viabill-pricetag, .eee-product-display #eee-product-details .eee-product-control .viabill-pricetag { width: 100%; margin-bottom: 10px; } .eee-product-display .eee-items-grid .eee-product .eee-product-control .eee-product-quantity, .eee-product-display .eee-items-list .eee-product .eee-product-control .eee-product-quantity, .eee-product-display .eee-items-compact .eee-product .eee-product-control .eee-product-quantity, .eee-product-display #eee-product-details .eee-product-control .eee-product-quantity { margin: 0; } .eee-product-display .eee-items-grid .eee-product .eee-product-control .eee-product-quantity > *, .eee-product-display .eee-items-list .eee-product .eee-product-control .eee-product-quantity > *, .eee-product-display .eee-items-compact .eee-product .eee-product-control .eee-product-quantity > *, .eee-product-display #eee-product-details .eee-product-control .eee-product-quantity > * { width: 30px; height: 30px; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; } .eee-product-display .eee-items-grid .eee-product .eee-product-control .eee-product-price, .eee-product-display .eee-items-list .eee-product .eee-product-control .eee-product-price, .eee-product-display .eee-items-compact .eee-product .eee-product-control .eee-product-price, .eee-product-display #eee-product-details .eee-product-control .eee-product-price { padding: 0; margin: 0; flex-grow: 1; background: none; color: #0B0B13; text-align: left; font-weight: bold; } @media (max-width: 479.98px) { .eee-product-display .eee-items-grid .eee-product .eee-product-control .eee-product-price, .eee-product-display .eee-items-list .eee-product .eee-product-control .eee-product-price, .eee-product-display .eee-items-compact .eee-product .eee-product-control .eee-product-price, .eee-product-display #eee-product-details .eee-product-control .eee-product-price { margin-bottom: 15px; } } .eee-product-display .eee-items-grid .eee-product .eee-product-control .eee-product-price span, .eee-product-display .eee-items-list .eee-product .eee-product-control .eee-product-price span, .eee-product-display .eee-items-compact .eee-product .eee-product-control .eee-product-price span, .eee-product-display #eee-product-details .eee-product-control .eee-product-price span { display: block; font-weight: normal; font-size: 11px; margin-top: -3px; } .eee-product-display .eee-items-grid .eee-product .eee-product-control .eee-product-buy-button, .eee-product-display .eee-items-list .eee-product .eee-product-control .eee-product-buy-button, .eee-product-display .eee-items-compact .eee-product .eee-product-control .eee-product-buy-button, .eee-product-display #eee-product-details .eee-product-control .eee-product-buy-button { width: 30px; font-size: 12px; font-weight: bold; background: #004FFA; color: #FFFFFF; text-align: center; height: 30px; line-height: 30px; cursor: pointer; text-align: center; margin: 0; display: flex; align-items: center; justify-content: center; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; } .eee-product-display .eee-items-grid .eee-product .eee-product-control .eee-product-buy-button.eee-product-buy-button--green, .eee-product-display .eee-items-list .eee-product .eee-product-control .eee-product-buy-button.eee-product-buy-button--green, .eee-product-display .eee-items-compact .eee-product .eee-product-control .eee-product-buy-button.eee-product-buy-button--green, .eee-product-display #eee-product-details .eee-product-control .eee-product-buy-button.eee-product-buy-button--green { background: #549132; animation: fav-beat 0.7s ease infinite alternate; } .eee-product-display .eee-items-grid .eee-product .eee-product-control .eee-product-buy-button .eee-product-buy-button-quantity-text, .eee-product-display .eee-items-list .eee-product .eee-product-control .eee-product-buy-button .eee-product-buy-button-quantity-text, .eee-product-display .eee-items-compact .eee-product .eee-product-control .eee-product-buy-button .eee-product-buy-button-quantity-text, .eee-product-display #eee-product-details .eee-product-control .eee-product-buy-button .eee-product-buy-button-quantity-text { display: none; } .eee-product-display .eee-items-grid .eee-product .eee-product-control .eee-product-buy-button .eee-product-buy-button-text, .eee-product-display .eee-items-grid .eee-product .eee-product-control .eee-product-buy-button .eee-product-buy-button-icon, .eee-product-display .eee-items-list .eee-product .eee-product-control .eee-product-buy-button .eee-product-buy-button-text, .eee-product-display .eee-items-list .eee-product .eee-product-control .eee-product-buy-button .eee-product-buy-button-icon, .eee-product-display .eee-items-compact .eee-product .eee-product-control .eee-product-buy-button .eee-product-buy-button-text, .eee-product-display .eee-items-compact .eee-product .eee-product-control .eee-product-buy-button .eee-product-buy-button-icon, .eee-product-display #eee-product-details .eee-product-control .eee-product-buy-button .eee-product-buy-button-text, .eee-product-display #eee-product-details .eee-product-control .eee-product-buy-button .eee-product-buy-button-icon { display: inline-block; vertical-align: top; } .eee-product-display .eee-items-grid .eee-product .eee-product-control .eee-product-buy-button .eee-product-buy-button-icon, .eee-product-display .eee-items-list .eee-product .eee-product-control .eee-product-buy-button .eee-product-buy-button-icon, .eee-product-display .eee-items-compact .eee-product .eee-product-control .eee-product-buy-button .eee-product-buy-button-icon, .eee-product-display #eee-product-details .eee-product-control .eee-product-buy-button .eee-product-buy-button-icon { margin: 0; background: none; display: flex; align-items: center; justify-content: center; } .eee-product-display .eee-items-grid .eee-product .eee-product-control .eee-product-buy-button .eee-product-buy-button-icon svg, .eee-product-display .eee-items-list .eee-product .eee-product-control .eee-product-buy-button .eee-product-buy-button-icon svg, .eee-product-display .eee-items-compact .eee-product .eee-product-control .eee-product-buy-button .eee-product-buy-button-icon svg, .eee-product-display #eee-product-details .eee-product-control .eee-product-buy-button .eee-product-buy-button-icon svg { height: 13px; fill: #fff; } .eee-product-display .eee-items-grid .eee-product { border: 0; } .eee-product-display .eee-items-grid .eee-product .eee-product-wrapper { padding: 10px 0; flex-grow: 1; display: flex; flex-direction: column; } .eee-product-display .eee-items-grid .eee-product .eee-product-wrapper .eee-product-name { font-size: 14px; line-height: 20px; } .eee-product-display .eee-items-grid .eee-product .eee-product-wrapper .eee-variants-selectors { margin: 5px 0 0 0; } .eee-product-display .eee-product-stock { display: flex; align-items: center; } .eee-product-display .eee-product-stock .eee-product-stock-dot { width: 13px; height: 13px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; position: relative; top: -1px; } .eee-product-display .eee-product-stock .eee-product-stock-text { margin: 0 0 0 4px; } .eee-product-display .eee-product .eee-variants-selectors { margin: 10px 0 0 0; } .eee-product-display .eee-product .eee-product-control { padding-top: 5px; } @media (max-width: 767.98px) { .eee-product-display .eee-product .eee-product-control .viabill-pricetag { margin: 0 auto 10px auto; } } @media (min-width: 768px) { .eee-product-display .eee-product .eee-product-control .viabill-pricetag { text-align: left; padding: 0; margin: -5px 0 10px 0; } } @media (max-width: 767.98px) { .eee-product-display .eee-product .eee-product-control { padding-top: 0; } .eee-product-display .eee-product .eee-product-control .eee-product-price { width: 100%; text-align: center; padding-bottom: 10px; } .eee-product-display .eee-product .eee-product-control .eee-product-quantity { flex-grow: 1; } } .eee-product-display #eee-product-details { padding: 0; border: 0; } .eee-product-display #eee-product-details .eee-product-description iframe { aspect-ratio: 16/9; height: auto !important; position: relative !important; margin-top: 10px; } .eee-product-display #eee-product-details .eee-product-control { display: inline-flex; flex-wrap: wrap; text-align: left; background: #EBEBEB; padding: 25px; margin-bottom: 25px; } .eee-product-display #eee-product-details .eee-product-control .eee-product-quantity > * { width: 42px; height: 42px; line-height: 42px; } .eee-product-display #eee-product-details .eee-product-control .eee-product-quantity input { background: #fff; } .eee-product-display #eee-product-details .eee-product-control .eee-product-buy-button { width: 42px; height: 42px; } @media (max-width: 767.98px) { .eee-product-display #eee-product-details .eee-product-control .viabill-pricetag { padding: 0; } } .eee-product-display #eee-product-details .eee-product-control .eee-product-price { width: auto; flex-grow: 1; text-align: left; border: 0; padding: 0; margin: 0; color: #0B0B13; font-weight: bold; line-height: normal; } .eee-product-display #eee-product-details .eee-product-control .eee-product-price span { display: block; font-weight: normal; font-size: 11px; margin: 0; } @media (max-width: 479.98px) { .eee-product-display #eee-product-details .eee-product-control .eee-product-price { margin-bottom: 15px; } .eee-product-display #eee-product-details .eee-product-control .eee-product-quantity { flex-grow: 1; } } .eee-variants-selectors .eee-variants-selector .eee-variants-selector__heading { border-radius: 22px; padding: 7px 30px 7px 15px; } .eee-variants-selectors .eee-variants-selector .eee-variants-selector__heading .eee-variants-selector__heading-icon:after { top: 8px; right: 15px; } /* style: 15379*/ /* style: 15422*/ .eee-homepage-grid { display: grid; grid-column-gap: 25px; grid-row-gap: 25px; grid-template-columns: 1fr 20% 20%; } .eee-homepage-grid .eee-teaser-v02 { min-height: 100%; } @media (max-width: 1299.98px) { .eee-homepage-grid { grid-template-columns: 1fr 25% 25%; } } @media (max-width: 999.98px) { .eee-homepage-grid > div:first-child { grid-row: 1; grid-column: 1/2; } } @media (max-width: 767.98px) { .eee-homepage-grid { grid-template-columns: 1fr 1fr; grid-column-gap: 15px; grid-row-gap: 15px; } .eee-homepage-grid > div:first-child { grid-row: 1; grid-column: 1/3; } } .eee-homepage-grid > div { position: relative; } .eee-homepage-grid > div:first-child { grid-row: 1/3; } @media (min-width: 768px) { .eee-homepage-grid .eee-slider { position: absolute; top: 0; right: 0; bottom: 0; left: 0; padding: 0 !important; } } .eee-homepage-grid .eee-teaser-v02--avantgarde { height: 0; padding-top: 100%; } </style><style type="text/css">@media (min-width:1px) and (max-width:479.999px) { .eee-header-logo, #responsive-menu-logo { max-width: calc(100% - 90px); } .eee-header-logo img, #responsive-menu-logo img { width: 80px; } .eee-mini-auto{width:auto;} .eee-grid-12584 { margin-left: -15px; } .eee-grid-12584 > div { padding-left: 15px; } #eee-button-button-13955 { min-width:100%;max-width:100%; } #eee-form-13952 { width: auto; } #eee-form-13952 .eee-form-field__label:not(.eee-form-field__label--checkbox):not(.eee-form-field__label--toggle):not(.eee-form-field__label--radio), #eee-form-13952 .eee-form-field__input-wrapper { width: auto; } #eee-form-13952 .eee-form-field--label-left-mini .eee-form-field__label:not(.eee-form-field__label--checkbox):not(.eee-form-field__label--toggle):not(.eee-form-field__label--radio) { float: left; width: 29%; padding-top: 4px; padding-bottom: 4px; } #eee-form-13952 .eee-form-field--label-left-mini .eee-form-field__input-wrapper { float: right; width: calc(100% - 29% - 15px); } #eee-form-13952 .eee-form-field--label-left-mini .eee-form-field__input-wrapper--options-list, #eee-form-13952 .eee-form-field--label-left-mini .eee-form-field__input-wrapper--option { padding-top: 4px; padding-bottom: 4px; } } @media (min-width:480px) and (max-width:767.999px) { .eee-header-logo, #responsive-menu-logo { max-width: calc(100% - 90px); } .eee-header-logo img, #responsive-menu-logo img { width: 80px; } .eee-small-auto{width:auto;} .eee-grid-12584 { margin-left: -15px; } .eee-grid-12584 > div { padding-left: 15px; } #eee-button-button-13955 { min-width:100%;max-width:100%; } #eee-form-13952 { width: auto; } #eee-form-13952 .eee-form-field__label:not(.eee-form-field__label--checkbox):not(.eee-form-field__label--toggle):not(.eee-form-field__label--radio), #eee-form-13952 .eee-form-field__input-wrapper { width: auto; } #eee-form-13952 .eee-form-field--label-left-small .eee-form-field__label:not(.eee-form-field__label--checkbox):not(.eee-form-field__label--toggle):not(.eee-form-field__label--radio) { float: left; width: 28%; padding-top: 4px; padding-bottom: 4px; } #eee-form-13952 .eee-form-field--label-left-small .eee-form-field__input-wrapper { float: right; width: calc(100% - 28% - 15px); } #eee-form-13952 .eee-form-field--label-left-small .eee-form-field__input-wrapper--options-list, #eee-form-13952 .eee-form-field--label-left-small .eee-form-field__input-wrapper--option { padding-top: 4px; padding-bottom: 4px; } } @media (min-width:768px) and (max-width:999.999px) { .eee-header-logo, #responsive-menu-logo { max-width: calc(100% - 90px); } .eee-header-logo img, #responsive-menu-logo img { width: 80px; } .eee-medium-auto{width:auto;} .eee-grid-12584 { margin-left: -15px; } .eee-grid-12584 > div { padding-left: 15px; } #eee-button-button-13955 { min-width:100%;max-width:100%; } #eee-form-13952 { width: auto; } #eee-form-13952 .eee-form-field__label:not(.eee-form-field__label--checkbox):not(.eee-form-field__label--toggle):not(.eee-form-field__label--radio), #eee-form-13952 .eee-form-field__input-wrapper { width: auto; } #eee-form-13952 .eee-form-field--label-left-medium .eee-form-field__label:not(.eee-form-field__label--checkbox):not(.eee-form-field__label--toggle):not(.eee-form-field__label--radio) { float: left; width: 27%; padding-top: 4px; padding-bottom: 4px; } #eee-form-13952 .eee-form-field--label-left-medium .eee-form-field__input-wrapper { float: right; width: calc(100% - 27% - 15px); } #eee-form-13952 .eee-form-field--label-left-medium .eee-form-field__input-wrapper--options-list, #eee-form-13952 .eee-form-field--label-left-medium .eee-form-field__input-wrapper--option { padding-top: 4px; padding-bottom: 4px; } } @media (min-width:1000px) and (max-width:1299.999px) { .eee-header-logo, #responsive-menu-logo { max-width: none; } .eee-header-logo img, #responsive-menu-logo img { width: 190px; } .eee-large-auto{width:auto;} .eee-large-hidden-12584-1{ display:none; } .eee-large-hidden-12584-3{ display:none; } #eee-button-button-13955 { min-width:100%;max-width:100%; } #eee-form-13952 { width: auto; } #eee-form-13952 .eee-form-field__label:not(.eee-form-field__label--checkbox):not(.eee-form-field__label--toggle):not(.eee-form-field__label--radio), #eee-form-13952 .eee-form-field__input-wrapper { width: auto; } #eee-form-13952 .eee-form-field--label-left-large .eee-form-field__label:not(.eee-form-field__label--checkbox):not(.eee-form-field__label--toggle):not(.eee-form-field__label--radio) { float: left; width: 26%; padding-top: 4px; padding-bottom: 4px; } #eee-form-13952 .eee-form-field--label-left-large .eee-form-field__input-wrapper { float: right; width: calc(100% - 26% - 15px); } #eee-form-13952 .eee-form-field--label-left-large .eee-form-field__input-wrapper--options-list, #eee-form-13952 .eee-form-field--label-left-large .eee-form-field__input-wrapper--option { padding-top: 4px; padding-bottom: 4px; } } @media (min-width:1300px) { .eee-header-logo, #responsive-menu-logo { max-width: none; } .eee-header-logo img, #responsive-menu-logo img { width: 190px; } .eee-extra-large-auto{width:auto;} .eee-extra-large-hidden-12584-1{ display:none; } .eee-extra-large-hidden-12584-3{ display:none; } #eee-button-button-13955 { min-width:100%;max-width:100%; } #eee-form-13952 { width: ; } #eee-form-13952 .eee-form-field__label:not(.eee-form-field__label--checkbox):not(.eee-form-field__label--toggle):not(.eee-form-field__label--radio), #eee-form-13952 .eee-form-field__input-wrapper { width: ; } #eee-form-13952 .eee-form-field--label-left-extra-large .eee-form-field__label:not(.eee-form-field__label--checkbox):not(.eee-form-field__label--toggle):not(.eee-form-field__label--radio) { float: left; width: ; padding-top: 4px; padding-bottom: 4px; } #eee-form-13952 .eee-form-field--label-left-extra-large .eee-form-field__input-wrapper { float: right; width: calc(100% - - 15px); } #eee-form-13952 .eee-form-field--label-left-extra-large .eee-form-field__input-wrapper--options-list, #eee-form-13952 .eee-form-field--label-left-extra-large .eee-form-field__input-wrapper--option { padding-top: 4px; padding-bottom: 4px; } } @media (max-width: 999px) { .eee-middle-sidebar-wrapper { display: none; } .eee-middle.eee-grid-margin { margin-top: 0; } } @media (min-width: 1000px) { .eee-middle { width: calc(100% - 290px); } .eee-middle-sidebar-wrapper { width: 290px; } } @media (min-width: 1000px) { .eee-header { height: 100px; } } .eee-page-width, .eee-middle-wrapper > .eee-page-width, .eee-header.eee-menu-after-scroll .eee-social { max-width: 100%; } #eee-main-menu-content { padding-left: 295px; } #main-menu.eee-active-scroll #eee-main-menu-content { padding-left: 0; } .eee-sidebar-menu { top: -80px; } #main-menu { background: #fff; border-bottom: 1px solid #004FFA; } #main-menu .css-menu > li > a { color: #0B0B13; } .eee-middle-wrapper > .eee-page-width { margin-top: 0; } .dummy{} .dummy{} .dummy{} .dummy{} #AdvancedBox-13950 { box-sizing: border-box; width: 100%; max-width: 100%; text-align: left; display: inline-block; vertical-align: top; padding: 15px 15px 15px 15px; } #AdvancedBox-13950 h1, #AdvancedBox-13950 h2, #AdvancedBox-13950 h3, #AdvancedBox-13950 h3, #AdvancedBox-13950 h4, #AdvancedBox-13950 h5 { } </style></head> <body class="ProductPageV02"> <form method="post" action="/produkter/udstyr.prMLT.120/pro-agility-kit.prPL2020117" id="ctl05" enctype="multipart/form-data"> <div class="aspNetHidden"> <input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="/wEPDwUBMA9kFgJmD2QWAgIDDxYCHgZhY3Rpb24FNy9wcm9kdWt0ZXIvdWRzdHlyLnByTUxULjEyMC9wcm8tYWdpbGl0eS1raXQucHJQTDIwMjAxMTdkZJWKrsgfQWmn6Cqr5cNsmz0q3QCZ2fwi9U7dqUo1GLgW" /> </div> <div class="aspNetHidden"> <input type="hidden" name="__VIEWSTATEGENERATOR" id="__VIEWSTATEGENERATOR" value="E2617C55" /> </div> <div class="eee-responsive-menu-wrapper"> <div class="eee-body eee-body--default"> <div class="eee-top"> <div class="eee-page-width"> <div class="eee-columns" > <div class="eee-columns__wrapper" > <div class="eee-grid eee-grid-12579 eee-flex-center eee-grid-gutter-h-medium eee-grid-small-gutter-h-large eee-grid-gutter-v-medium eee-grid-small-gutter-v-large" data-eee-fit-height="marked_row"> <div class="eee-mini-auto eee-small-auto eee-medium-auto eee-large-auto eee-extra-large-auto"> <div class="eee-paragraph__paragraphs eee-text-small-center--all eee-text-color--default"> <p><a href="tel:+4577661111"><i class='fa fa-phone'></i> +45 77 66 11 11</a></p> </div> </div> <div class="eee-mini-auto eee-small-auto eee-medium-auto eee-large-auto eee-extra-large-auto"> <div class="eee-paragraph__paragraphs eee-text-small-center--all eee-text-color--default"> <p><i class="fa fa-map-marker"></i> Brandsmarkvej 6, 4180 sor酶, Danmark</p> </div> </div> </div> </div> </div> </div> </div> <header id="eee-header" class="eee-header eee-header--auto eee-header--auto"> <div class="eee-page-width"> <div class="eee-header__grid eee-grid eee-grid-gutter-v-hide eee-flex-middle"> <p class="eee-header-logo" data-url="/"> <a href="/"> <img src="/files/moltenbolden/layout/Moltenbolden-Logo.jpg?can=eLtW_-_N5UGzzZwNASEvqWluDgT4UFf1Ee0F4LFxcDcxcjYyBp4GRojMYlKrugmY81ekuLcmyV9NMyc1KL9XPzc0pS85Lyc1JS8_-_RzEivzS0v0fZHEdH3y0_-_P1sgrS8aWKkqJSYvIZWVEHANZfgpU=" alt="Molten" width="190" height="99" /> </a> </p> <div class="eee-search"> <div id="eee-search-form" class="eee-search-form--relative eee-search-form--12597" > <div id="eee-search-form__wrapper"> <div id="eee-search-form__fields"> <input type="search" name="search" id="eee-search-form__search-field" placeholder="Indtast s酶geord" data-search-page-url="/soeg.18587.aspx" data-settings-name="ProductDisplay" data-result-type="all" data-result-limit="5"> <div id="eee-search-form__do-search"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.03 512.03" style="height: 18px;"><path d="M508.5 481.6l-129-129c-2.3-2.3-5.3-3.5-8.5-3.5h-10.3C395 312 416 262.5 416 208 416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c54.5 0 104-21 141.1-55.2V371c0 3.2 1.3 6.2 3.5 8.5l129 129c4.7 4.7 12.3 4.7 17 0l9.9-9.9c4.7-4.7 4.7-12.3 0-17zM208 384c-97.3 0-176-78.7-176-176S110.7 32 208 32s176 78.7 176 176-78.7 176-176 176z"/></svg></div> </div> <div id="eee-serach-form__result"></div> </div> </div> </div> <div class="eee-header__free-content"> </div> <div id="top-menu" class="eee-top-menu" data-seeems-menu-more-item-options="{ moreItemText: 'More ...' }"> <ul class="css-menu" data-sm-more-item-text="More ..."> <li class=" not-selected" > <a class="not-selected" href="/kontakt/"> Kontakt </a> </li> </ul> </div> <div class="eee-social eee-text-right"> <div class="eee-social__wrapper"> <div class="eee-columns" > <div class="eee-columns__wrapper" > <div class="eee-grid eee-grid-12584 eee-grid-large-gutter-h-large eee-grid-gutter-v-medium eee-grid-small-gutter-v-large" data-eee-fit-height="marked_row"> <div class="eee-mini-auto eee-small-auto eee-medium-auto eee-large-hidden-12584-1 eee-extra-large-hidden-12584-1"> <p class=" eee-text-auto--all eee-text-small-auto--all Seeems-Image eee-header-menu-icon" > <svg aria-hidden="true" focusable="false" role="presentation" class="eee-image__image eee-image-svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 78 448 356"><path d="M442 114H6a6 6 0 0 1-6-6V84a6 6 0 0 1 6-6h436a6 6 0 0 1 6 6v24a6 6 0 0 1-6 6zm0 160H6a6 6 0 0 1-6-6v-24a6 6 0 0 1 6-6h436a6 6 0 0 1 6 6v24a6 6 0 0 1-6 6zm0 160H6a6 6 0 0 1-6-6v-24a6 6 0 0 1 6-6h436a6 6 0 0 1 6 6v24a6 6 0 0 1-6 6z"/></svg> <span class="eee-image-svg__alt" >bars light</span> </p> </div> <div class="eee-mini-auto eee-small-auto eee-medium-auto eee-large-auto eee-extra-large-auto"> <p class=" eee-text-auto--all eee-text-small-auto--all Seeems-Image" > <a class="eee-image__link" href="javascript:(function(popupId){if(showSeeemsPopUpWindow){ showSeeemsPopUpWindow(popupId)}else{ console.log('showSeeemsPopUpWindow not defined')}})('14691'); void(0);" > <svg aria-hidden="true" focusable="false" role="presentation" class="eee-image__image eee-image-svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M313.6 288c-28.7 0-42.5 16-89.6 16-47.1 0-60.8-16-89.6-16C60.2 288 0 348.2 0 422.4V464c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48v-41.6c0-74.2-60.2-134.4-134.4-134.4zM416 464c0 8.8-7.2 16-16 16H48c-8.8 0-16-7.2-16-16v-41.6C32 365.9 77.9 320 134.4 320c19.6 0 39.1 16 89.6 16 50.4 0 70-16 89.6-16 56.5 0 102.4 45.9 102.4 102.4V464zM224 256c70.7 0 128-57.3 128-128S294.7 0 224 0 96 57.3 96 128s57.3 128 128 128zm0-224c52.9 0 96 43.1 96 96s-43.1 96-96 96-96-43.1-96-96 43.1-96 96-96z"/></svg> <span class="eee-image-svg__alt" >user light</span> </a> </p> </div> <div class="eee-mini-auto eee-small-auto eee-medium-auto eee-large-hidden-12584-3 eee-extra-large-hidden-12584-3"> <p class=" eee-text-auto--all eee-text-small-auto--all Seeems-Image eee-show-search" > <svg aria-hidden="true" focusable="false" role="presentation" class="eee-image__image eee-image-svg" aria-hidden="true" focusable="false" data-prefix="fal" data-icon="search" class="svg-inline--fa fa-search fa-w-16" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M508.5 481.6l-129-129c-2.3-2.3-5.3-3.5-8.5-3.5h-10.3C395 312 416 262.5 416 208 416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c54.5 0 104-21 141.1-55.2V371c0 3.2 1.3 6.2 3.5 8.5l129 129c4.7 4.7 12.3 4.7 17 0l9.9-9.9c4.7-4.7 4.7-12.3 0-17zM208 384c-97.3 0-176-78.7-176-176S110.7 32 208 32s176 78.7 176 176-78.7 176-176 176z"></path></svg> <span class="eee-image-svg__alt" >search light</span> </p> </div> <div class="eee-mini-auto eee-small-auto eee-medium-auto eee-large-auto eee-extra-large-auto"> <div class="animated-basket-position animated-basket-type--collapsed animated-basket-position--relative"> <div class="animated-basket" id="animated-basket-14740"> <div class="animated-basket-header"> <div class="animated-basket-logo"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><path d="M551.991 64H129.28l-8.329-44.423C118.822 8.226 108.911 0 97.362 0H12C5.373 0 0 5.373 0 12v8c0 6.627 5.373 12 12 12h78.72l69.927 372.946C150.305 416.314 144 431.42 144 448c0 35.346 28.654 64 64 64s64-28.654 64-64a63.681 63.681 0 0 0-8.583-32h145.167a63.681 63.681 0 0 0-8.583 32c0 35.346 28.654 64 64 64 35.346 0 64-28.654 64-64 0-17.993-7.435-34.24-19.388-45.868C506.022 391.891 496.76 384 485.328 384H189.28l-12-64h331.381c11.368 0 21.177-7.976 23.496-19.105l43.331-208C578.592 77.991 567.215 64 551.991 64zM240 448c0 17.645-14.355 32-32 32s-32-14.355-32-32 14.355-32 32-32 32 14.355 32 32zm224 32c-17.645 0-32-14.355-32-32s14.355-32 32-32 32 14.355 32 32-14.355 32-32 32zm38.156-192H171.28l-36-192h406.876l-40 192z"/></svg></div> <span class="animated-basket-quantity">0</span> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </header> <nav id="main-menu" class="eee-main-menu eee-main-menu--sticky eee-main-menu-header-position--auto eee-main-menu-header-size--auto" data-responsive-menu-effect-push="true"> <div class="eee-page-width eee-clearfix"> <div id="eee-main-menu-content" data-seeems-menu-more-item-options="{ moreItemText: 'More ...' }"> </div> </div> </nav> <div class="eee-banner"> </div> <div class="eee-middle-wrapper"> <div class="eee-page-width"> <div class="eee-grid" data-eee-grid-margin> <div class="eee-middle-sidebar-wrapper eee-width-1-1"> <div class="eee-middle-sidebar-sticky-wrapper"> <nav class="eee-sidebar-menu"> <div class="eee-sidebar-menu__heading"><i class="fa fa-bars"></i> Kategorier</div> <ul class="css-menu" data-sm-more-item-text="More ..."> <li class=" selected has-children" > <a class="selected" href="/produkter/udstyr.prMLT.120/"> Udstyr </a> <span class="css-menu-icon"></span> <ul > <li class=" not-selected" > <a class="not-selected" href="/produkter/taktik-tavler.prMLT.120.010/"> Taktik tavler </a> </li> <li class=" not-selected has-children" > <a class="not-selected" href="/produkter/dommerudstyr.prMLT.120.030/"> Dommerudstyr </a> <span class="css-menu-icon"></span> <ul > <li class=" not-selected" > <a class="not-selected" href="/produkter/snor-til-floejte.prMLT.120.030.010/"> Snor til fl酶jte </a> </li> <li class=" not-selected" > <a class="not-selected" href="/produkter/linjedommer-flag.prMLT.120.030.020/"> Linjedommer flag </a> </li> <li class=" not-selected" > <a class="not-selected" href="/produkter/dommer-floejte.prMLT.120.030.030/"> Dommer fl酶jte </a> </li> </ul> </li> <li class=" not-selected" > <a class="not-selected" href="/produkter/overtraeksveste.prMLT.120.040/"> Overtr忙ksveste </a> </li> <li class=" not-selected" > <a class="not-selected" href="/produkter/anfoererbind.prMLT.120.050/"> Anf酶rerbind </a> </li> <li class=" not-selected" > <a class="not-selected" href="/produkter/sved-armbaand.prMLT.120.060/"> Sved armb氓nd </a> </li> <li class=" not-selected" > <a class="not-selected" href="/produkter/tandbeskytter.prMLT.120.070/"> Tandbeskytter </a> </li> </ul> </li> <li class=" not-selected" > <a class="not-selected" href="/produkter/maal-og-rebounder.prMLT.130/"> M氓l og rebounder </a> </li> <li class=" not-selected" > <a class="not-selected" href="/produkter/fodbolde.prMLT.170/"> Fodbolde </a> </li> <li class=" not-selected" > <a class="not-selected" href="/produkter/harpiks.prMLT.190/"> Harpiks </a> </li> <li class=" not-selected" > <a class="not-selected" href="/produkter/basketstander.prMLT.230/"> Basketstander </a> </li> <li class=" not-selected" > <a class="not-selected" href="/produkter/volleybolde.prMLT.240/"> Volleybolde </a> </li> <li class=" not-selected" > <a class="not-selected" href="/produkter/haandbolde.prMLT.260/"> H氓ndbolde </a> </li> <li class=" not-selected" > <a class="not-selected" href="/produkter/basketbolde.prMLT.280/"> Basketbolde </a> </li> </ul> </nav> </div> </div> <div class="eee-middle eee-width-1-1"> <div class="eee-middle-main"> <div class="eee-product-display"> <script type="text/javascript"> document.addEventListener("DOMContentLoaded", function(event) { var i = 0; var stockWrappers = document.getElementsByClassName("eee-product-stock-wrapper--prPL2020117"); for(i; i<stockWrappers.length; i++) { stockWrappers[i].innerHTML = ""; } }); </script> <div id="eee-product-details" > <div id="eee-product-details__left-side"> <div class="eee-main-image-wrapper" id="eee-product-image-prPL2020117"> <input type="hidden" id="eee-product_zoom_text" data-zoom-in="Rul op for at zoome ind" data-zoom-out="Rul ned for at zoome ud" /> <img itemprop="image" data-zoom-image="/files/data/img/products/PL2020117/Pro-agility-kit.png?can=eLtW_-_N5UGzzZwNjYHBz6YBoYoKmw8AcGk3IaGADDNA_-_oCAsXZzdnF3MTM3MTFxcLAzQuUXkHYZkJ7sguLcqxVdJPy8xJLdZPSSxJ1M_-_MTdcvKMpPKQWGtn6Aj5GBkYGhobl_QFG_bmJ6Zk5mSaVudmaJXkFeOiSllBSVYiYUiCDBrEdWbAIAJYqGxQ==" class="eee-main-image eee-basket-image" alt="Pro-agility-kit" src="/files/data/img/products/PL2020117/Pro-agility-kit.png?can=eLtW_-_N5UGzzZwAgS_EaQ0E_FhT4wkJTTwAAYonlAJ1i4OLs5u5ibmJmbuLhYGKBxico5hkZgq0AUWkSbgCMaSJYW5dgq6adl5qQW66ckliTqZ_am6xcU5aeUAkNaP8DHyMDIwNDQXD_gKF83MT0zJ7OkUjc7s0SvIC8dkkpKikrJz3dkRSUA1LqGMQ==" data-src="/files/data/img/products/PL2020117/Pro-agility-kit.png?can=eLtW_-_N5UzZM9DsIwDEbvAnNxnKSkDEyNmBh6hUhto4j0RyEZuD2WEQssqBNeLE_23vP3PzGoTc30uRPQ4c2fMO1HLmI60xGNbS_tNfpotLWN_Bh_-_yo5Shpcppb9kI55YN0qSVFI872AMcbhD77KDMHlY09IXIg7dVQopEA10aamcDzHkR3UL_bDO_-_vUtOZXt_duk9AmN7ofm" data-srcset="/files/data/img/products/PL2020117/Pro-agility-kit.png?can=eLtW_-_N5UzZM9DsIwDEbvAnNxnKSkDEyNmBh6hUhto4j0RyEZuD2WEQssqBNeLE_23vP3PzGoTc30uRPQ4c2fMO1HLmI60xGNbS_tNfpotLWN_Bh_-_yo5Shpcppb9kI55YN0qSVFI872AMcbhD77KDMHlY09IXIg7dVQopEA10aamcDzHkR3UL_bDO_-_vUtOZXt_duk9AmN7ofm 575w" data-sizes="100vw" width="575" height="575" /> <div class="eee-main-image-play-icon" onclick="$(this).prev().click()"></div> <div class="eee-product-cart-message" data-add="Varen er blevet tilf酶jet til kurven" data-remove="Varen er blevet fjernet fra kurven" data-wrong-package="Du kan kun tilf酶je en m忙ngde svarende til hele kolli. En kolli er p氓 {Package}, derfor har vi rundet op til {RoundedValidValue}." id="eee-product-cart-message--prPL2020117"></div> </div> <div class="eee-clear"></div> <script type="text/javascript"> var productDetailsItems = [ {src: "/files/data/img/products/PL2020117/Pro-agility-kit.png?can=eLtW_-_N5UGzzZwNjYHBz6xsYm4PBPhYU_-_MJiU08AAGKZ5QEdYuDi7ObuYm5iZm7i4WBigcYnKO_iWYY3s0qIcWyX9tMyc1GL9lMSSRP3M3HT9gqL8lFJgaOsH_BgZGBkYGprrBxTl6yamZ_ZkllTqZmeW6BXkpUNSSklRKWZCgQgSzHpkxSYAIdyGwg=="} ]; </script> </div> <div id="eee-product-details__right-side"> <h1 id="eee-product-details__name"> Pro agility kit</h1> <div class="eee-product-code"> Varenummer: <span >PL2020117</span> </div> <div class="eee-product-stock-wrapper eee-product-stock-details eee-product-stock-wrapper--prPL2020117"></div> <div class="eee-product-control-wrapper"> <div class="eee-product-control eee-product-control--non-matrix" id="eee-product-control-prPL2020117" data-settings-skin-name="ProductDisplay" data-retail-price-type="show-on-details" data-price-text-type="show-all-text" data-view="product-details" data-per-package="1" data-per-package-settings="any" data-type="default" data-effect="popup" data-id="prPL2020117" data-product-code="PL2020117"> <div class="hidden-via-bill-price hidden-via-bill-price-prPL2020117">625,00</div> <div class="viabill-pricetag" data-view="list" data-dynamic-price=".hidden-via-bill-price-prPL2020117" data-dynamic-price-triggers=".hidden-via-bill-price-prPL2020117"></div> <div class="eee-product-price " itemprop="offers" itemscope itemtype="http://schema.org/Offer"> 625,00 DKK <span>inkl. moms</span>  </div> <div class="eee-product-quantity"> <div class="eee-product-quantity-minus">-</div> <input type="text" value="1" data-id="prPL2020117" /> <div class="eee-product-quantity-plus">+</div> </div> <div class="eee-product-buy-button"> <div class="eee-product-buy-button-icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><path d="M551.991 64H129.28l-8.329-44.423C118.822 8.226 108.911 0 97.362 0H12C5.373 0 0 5.373 0 12v8c0 6.627 5.373 12 12 12h78.72l69.927 372.946C150.305 416.314 144 431.42 144 448c0 35.346 28.654 64 64 64s64-28.654 64-64a63.681 63.681 0 0 0-8.583-32h145.167a63.681 63.681 0 0 0-8.583 32c0 35.346 28.654 64 64 64 35.346 0 64-28.654 64-64 0-17.993-7.435-34.24-19.388-45.868C506.022 391.891 496.76 384 485.328 384H189.28l-12-64h331.381c11.368 0 21.177-7.976 23.496-19.105l43.331-208C578.592 77.991 567.215 64 551.991 64zM240 448c0 17.645-14.355 32-32 32s-32-14.355-32-32 14.355-32 32-32 32 14.355 32 32zm224 32c-17.645 0-32-14.355-32-32s14.355-32 32-32 32 14.355 32 32-14.355 32-32 32zm38.156-192H171.28l-36-192h406.876l-40 192z"/></svg></div> </div> </div> </div> <div class="eee-product-description"> <p>L忙kkert agilitys忙t til den, som godt kan lide at holde sig i form.<br /> Med dette s忙t kan du effektivt arbejde p氓 din smidighed og koordination</p> </div> </div> </div> <div id="eee-product-details__tabs"> <div class="eee-space" style="height: 30px;"></div> <div class="eee-tabs" data-open-once-time="true"> <div class="eee-tabs-buttons"> <div class="eee-tabs-button selected" > Beskrivelse </div> </div> <div class="eee-tabs-content selected"> <p>Indeholder:</p> <p>6 stk. 23 cm h忙kke.</p> <p>50 stk. kinahatte i 5 farver med holder.</p> <p>10 stk. 23 cm kegler.</p> <p>2 stk. 4 m stiger, med flytbare pinde, som kan s忙ttes sammen til 1 stk 8 m. incl en b忙retaske.</p> <p>1 stk. fl酶jte med halssnor.</p> <p>1 stk. kraftig taske til hele s忙ttet.</p> </div> </div> </div> <input type="hidden" id="product-details-product-id" value="prPL2020117" /> <div id="eee-product-details-related-products"></div></div> <script type="application/ld+json"> [ { "@context": "https://schema.org/", "@type": "Product", "productID": "prPL2020117", "name": "Pro agility kit", "image": "https://moltenbolden.dk/files/data/img/products/PL2020117/Pro-agility-kit.png", "description": "Pro agility kit", "mpn": "PL2020117", "sku": "PL2020117", "category":"Tr忙ningsudstyr", "brand": { "@type": "Thing", "name": "Pro agility kit" }, "offers": { "@type": "Offer", "url":"https://moltenbolden.dk/produkter/udstyr.prMLT.120/pro-agility-kit.prPL2020117", "priceCurrency": "DKK", "price":625.00, "priceValidUntil": "2050-12-31", "itemCondition": "http://schema.org/NewCondition", "availability": "http://schema.org/InStock", "seller": { "@type": "Organization", "name": "Molten" } } } ] </script> </div> </div> </div> </div> </div> <footer class="eee-footer"> <div class="eee-page-width"> <div class="eee-footer__free-content"> <div class="eee-footer-content" > <div> <h3>Kontakt os</h3> <p>Brandsmarkvej 6<br /> 4180 Sor酶<br /> Danmark<br /> CVR-nummer: 3738 3597<br /> Bankoplysninger: 7700 1470750<br /> Telefonnr.: <a href="tel:+4577661111">+45 77661111</a><br /> E-mail: <a href="mailto:info@moltenbolden.dk">info@moltenbolden.dk</a></p> </div> <div> <h3>脜bningstider</h3> <table> <tbody> <tr> <td>Mandag</td> <td>08:00 - 16:00</td> </tr> <tr> <td>Tirsdag</td> <td>08:00 - 16:00</td> </tr> <tr> <td>Onsdag</td> <td>08:00 - 16:00</td> </tr> <tr> <td>Torsdag</td> <td>08:00 - 16:00</td> </tr> <tr> <td>Fredag</td> <td>08:00 - 15:00</td> </tr> </tbody> </table> </div> <div class="eee-footer-content__custom-content"> <h3>Links</h3> <div id="eee-inline-menu--18472" class="eee-inline-menu eee-inline-menu--vertical eee-inline-menu--mini--left eee-inline-menu--small--left eee-inline-menu--medium--left eee-inline-menu--large--left eee-inline-menu--extra-large--left" > <ul class="eee-inline-menu--0"> <li class="eee-inline-menu-item" xid="18420" data-id="18420"> <a href="/ean-faktura.18420.aspx" >EAN faktura</a> </li> <li class="eee-inline-menu-item" xid="17686" data-id="17686"> <a href="/handelsbetingelser" >Handelsbetingelser</a> </li> </ul> </div> </div> <div> <img src="/files/moltenbolden/layout/Moltenbolden-Logo.jpg?can=eLtW_-_N5UGzzZwNgIEvqGZubg8C_AhX9RHtBiCxcXA3MXI2MgaeBkaIzGJSq_-_oFuANYJLi3JslfTTMnNSi_-_Vz83NKUvOS8nNSUvP0cxIr80tL9H2RxHR98tPz9bIK0iHpoqSoFDNZQAQJZjSy4g4AIA_Cow==" alt="Molten"> <div id="eee-footer-text">En del af Tranberg & Dahl A/S</div> </div> </div> <div class="eee-footer-payment-icons"> <img alt="card visa xl" src="/files/smb/layout/payment-icons/card_visa_xl.gif" width="54" height="30"> <img alt="card visaelec xl" src="/files/smb/layout/payment-icons/card_visaelec_xl.gif" width="54" height="30"> <img alt="card mastercard xl" src="/files/smb/layout/payment-icons/card_mastercard_xl.gif" width="54" height="30"> <img alt="card maestro xl" src="/files/smb/layout/payment-icons/card_maestro_xl.gif" width="54" height="30"> <img alt="card americanexpress xl" src="/files/smb/layout/payment-icons/card_americanexpress_xl.gif" width="54" height="30"> <img alt="card anyday split xl" src="/files/smb/layout/payment-icons/card_anyday_split_xl.gif" width="54" height="30"> <img alt="card diners xl" src="/files/smb/layout/payment-icons/card_diners_xl.gif" width="54" height="30"> <img alt="card dankort xl" src="/files/smb/layout/payment-icons/card_dankort_xl.gif" width="54" height="30"> <img alt="card paypal xl" src="/files/smb/layout/payment-icons/card_paypal_xl.gif" width="54" height="30"> <img alt="mobilepay xl" src="/files/smb/layout/payment-icons/mobilepay_xl.gif" width="54" height="30"> <img alt="viabill xl" src="/files/smb/layout/payment-icons/viabill_xl.gif" width="54" height="30"> <img alt="card jcb xl" src="/files/smb/layout/payment-icons/card_jcb_xl.gif" width="54" height="30"> </div> </div> </div> </footer> </div> </div> </form> </body> </html>

CINXE.COM

Pro agility kit