/* Redesigned by vanavi.com */ /* Font */ @import 'https://fonts.googleapis.com/css?family=PT+Sans:400,700&subset=latin-ext'; @import 'https://fonts.googleapis.com/css?family=PT+Sans+Narrow:400,700|PT+Sans:400,700&subset=latin-ext'; html, body {overflow-x: hidden; height:auto!important;} /*! Font Awesome 4.5.0 by @davegandy - http://fontawesome.io - @fontawesome, License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)*/ @font-face{font-family:'FontAwesome';src:url('../font/fontawesome-webfont.eot?v=4.5.0');src:url('../font/fontawesome-webfont.eot?#iefix&v=4.5.0') format('embedded-opentype'),url('../font/fontawesome-webfont.woff2?v=4.5.0') format('woff2'),url('../font/fontawesome-webfont.woff?v=4.5.0') format('woff'),url('../font/fontawesome-webfont.ttf?v=4.5.0') format('truetype'),url('../font/fontawesome-webfont.svg?v=4.5.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{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{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{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: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-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-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"} /* 7.11. 2016 */ /* 404 21.10. 2016 */ .pnf-content {margin:0;padding:0;} .pnf-content li{list-style:none;float:left;width:30%;margin:0 1.5%;padding:0;min-height:440px;background:white;text-align:center;position:relative;} .pnf-content li figure{float:left;width:100%;margin:0 0 20px 0;padding:0;max-height:160px;overflow:hidden;} .pnf-content li figure img{max-width:100%;height:auto;} .pnf-content li h2{font-family:'PT Sans','Arial','Helvetica','Sans-serif'; font-weight: 700; line-height:1em; padding:0 15px; margin:0 0 25px 0; font-size:22px;} .pnf-content li p{font-family:'PT Sans','Arial','Helvetica','Sans-serif'; font-weight: 400; line-height:1em; padding:0 15px; margin:0 0 0 0; font-size:16px;line-height:20px;color:#444} .pnf-center{width:100%;height:85px;text-align:center;position:absolute;bottom:0;} span.pnf-button-noicon{color:white;text-decoration:none;} span.pnf-button-noicon:after {content: ""!important;} a.pnf-block-links {display: block;text-decoration:none;position:relative;} @media (max-width: 1024px) { .info-pods .pnf-content li figure{float:left;width:100%;margin:0 0 20px 0;padding:0;max-height:140px;overflow:hidden;} } @media (max-width: 900px) { .info-pods .pnf-content li{list-style:none;float:left;width:47%;margin:0 1.5% 3% 1.5% ;padding:0;min-height:440px;background:white;text-align:center;position:relative;} .info-pods .pnf-content li figure{float:left;width:100%;margin:0 0 20px 0;padding:0;max-height:180px;overflow:hidden;} } @media (max-width: 660px) { .info-pods .pnf-content li figure{float:left;width:100%;margin:0 0 20px 0;padding:0;max-height:150px;overflow:hidden;} } @media (max-width: 660px) { .info-pods .pnf-content li{list-style:none;float:left;width:100%;margin:0 0 3% 0 ;padding: 30px 0 0 0;min-height:280px;background:white;text-align:center;position:relative;} .info-pods .pnf-content li figure{display:none;visibility:hidden;} } @media (max-width: 480px) { .pnf-content li{list-style:none;float:left;width:100%;margin:0 0 3% 0 ;padding: 30px 0 0 0;min-height:280px;background:#f1f1f1;text-align:center;position:relative;} .pnf-content li figure{display:none;visibility:hidden;} } /*top new header*/ .brand-header-nh{background-color: white;font-size:18px;padding:0;height:auto;width:100%;float:left;} .newheader {float:left;margin:0;padding:0;width:100%;height:137px;background:white;} .newheaderfleetcor {float:left;width:28%;height:100px;margin:25px 2% 0 0;} .newheaderfleetcor .newheaderlogo{width:100%;height:auto;} .newheaderfleetcor .newheaderlogo img{max-width:100%;height:auto;} .newheaderbox {float:left;width:35%;height:137px;margin:0;padding:11px 0 0 0;text-align:center;color:#666;font-size:17px;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .newheaderbox .number-highlight a{color:#e50f2e;font-weight:700;font-size:19px;line-height:19px;} .newheaderbox a{color:#666;font-weight:700;font-size:15px;line-height:16px;text-decoration:none;} #service-buttons-de-nh{margin:8px 0 0 0;} #service-buttons-de-nh .button{font-size: 15px;font-weight:400;padding:0 20px 0 12px;margin-left:5px;height:38px;border:1px solid #e8e8e8;background:#f3f3f3;line-height:37px;border-radius:0;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease; -o-transition: all 0.3s ease;-ms-transition: all 0.3s ease;transition: all 0.3s ease;} #service-buttons-de-nh .button:hover{background:#e8e8e8;} #service-buttons-de-nh .icon-member{font-size:20px;vertical-align:-3px} #ordercard-button-nh{margin:8px 0 0 0;} .icon-ordercard-nh{height:38px; } #ordercard-button-nh .button{font-size: 15px;font-weight:400;padding:0 22px 0 57px;margin-left:5px;height:38px;line-height:37px;border-radius:0;background:#e50f2e url(../img/ico-euroshellcard.png) 20px 50% no-repeat;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease; -o-transition: all 0.3s ease;-ms-transition: all 0.3s ease;transition: all 0.3s ease;} #ordercard-button-nh .button:hover{background:#f62930 url(../img/ico-euroshellcard.png) 20px 50% no-repeat} #ordercard-button-nh .icon-ordercard-nh{vertical-align:-5px} /*menu*/ .newheadermenu {float:left;text-align:center;width:100%;margin:0 auto;padding:0;background:#fff url("../img/newheadermenu_bg.png")repeat-x;height:66px;border-top:1px solid #eeeeee;position:relative;/*z-index:100;*/-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .newheadermenu .navnewheader {display:relative;margin:0 auto;width:940px;} /* 1st */ .main-menu-nh {float:none;/*font-size:19px;*/margin: 0 auto;display:inline-block;padding:0;} .main-menu-nh li{float:left;border-left:1px #fff solid;border-right:1px #eeeeee solid;height:65px;padding:0;margin:0;} .main-menu-nh li:hover{background:#ffdb19;-webkit-transition:background 200ms ease-in 0;-moz-transition:background 200ms ease-in 0;-o-transition:background 200ms ease-in 0;transition:background 200ms ease-in 0} .main-menu-nh li:last-child {border-right: none;} .main-menu-nh li:first-child {border-left:none;} .main-menu-nh a{display:block;font-size:19px;font-weight:700;color:#666;margin:0;padding:20px 20px 7px 20px;-webkit-transition:background 200ms ease-in 0;-moz-transition:background 200ms ease-in 0;-o-transition:background 200ms ease-in 0;transition:background 200ms ease-in 0;text-decoration:none;} .main-menu-nh a:hover,.main-menu-nh .current{background:#ffdb19;-webkit-transition:background 200ms ease-in 0;-moz-transition:background 200ms ease-in 0;-o-transition:background 200ms ease-in 0;transition:background 200ms ease-in 0} .main-menu-nh li:hover>a.has-childs{position:relative;z-index:10;color:#fff;background:#1f191a;position:relative;z-index:5;} /* 2nd */ .main-menu-nh li:hover .child-menu-nh{display:block;} .child-menu-nh{display:none;position:absolute;width:400px;background:#3a3536;background:-webkit-linear-gradient(left,#3b3637 0%,#1f191a 100%);z-index:10;} .csstransitions .child-menu-nh{opacity:0;-webkit-transition:opacity 200ms ease-in 0;-moz-transition:opacity 200ms ease-in 0;-o-transition:opacity 200ms ease-in 0;transition:opacity 200ms ease-in 0} .child-menu-nh li {height:80px;width:100%;padding:0;vertical-align:top;float:left;border:none} .child-menu-nh li:nth-child(1),.child-menu-nh li:nth-child(2),.child-menu-nh li:nth-child(3){border-bottom:1px dotted #666} .child-menu-nh li:hover {background:transparent;} .child-menu-nh a{font-weight:400;} .child-menu-nh a:hover{height:80px;color:#fff;background:transparent; -webkit-transition:color 200ms ease-in 0;-moz-transition:color 200ms ease-in 0;-o-transition:color 200ms ease-in 0;transition:color 200ms ease-in 0} .child-menu-nh:hover {background:#3a3536;background:-webkit-linear-gradient(left,#3b3637 0%,#1f191a 100%);} .child-menu-nh i{display:table-cell;font-size:40px;vertical-align:middle;padding:5px 10px 5px 15px;/*height:80px;*/} .child-menu-nh span{display:table-cell;vertical-align:middle;padding:5px 15px 5px 0;/*min-height:80px;*/} .child-menu-nh .child-odd, .child-menu-nh .child-even {position:relative;z-index:10;} /* new header language */ .logo-language-switcher {float:left;width:100%;height:40px;margin:0 0 0 0;} .logo-language-switcher a{text-decoration:none;display:block;float:left;width:25px;height:40px;padding:20px 0 0 0;text-align:center;margin:0 5px 0 0;} /* Shell logo + euroShell Card change */ .tab-image-de-nh{position:absolute;bottom:0;right:145px;max-width:350px;max-height:263px;z-index:0;} figure.tab-image-de-nh { top: 15px; left:170px;position:relative;z-index: 2;} /*figure.tab-image-de-nh img { position:relative;z-index: 2;}*/ /*.main-menu-nh .item-2 {position:relative;z-index:9999;}*/ @media screen and (max-width: 1240px){ .newheaderfleetcor {float:left;width:25%;height:117px;margin:20px 5% 0 0;} .newheaderbox {float:left;width:35%;height:137px;margin:0;padding:11px 0 0 0;text-align:center;color:#666;font-size:16px;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} } @media screen and (max-width: 1023px){ .newheadermenu .navnewheader {display:relative;margin:0 auto;width:100%;} } @media screen and (max-width: 900px){ figure.tab-image-de-nh { visibility:hidden;display:none;} .newheader {float:left;margin:0;padding:0;width:100%;height:/*137*/200px;} .newheaderfleetcor {float:left;width:30%;height:43px;margin:20px 70% 0 0;} .newheaderbox {float:left;width:50%;height:137px;margin:0;padding:11px 0 0 0;text-align:center;color:#666;font-size:16px;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} } @media screen and (max-width: 768px){ .newheaderfleetcor {float:left;width:40%;height:43px;margin:20px 60% 0 0;} .main-menu-nh a{display:block;font-size:17px;font-weight:400;color:#666;margin:0;padding:20px 20px 7px 20px;-webkit-transition:background 200ms ease-in 0;-moz-transition:background 200ms ease-in 0;-o-transition:background 200ms ease-in 0;transition:background 200ms ease-in 0} } @media screen and (max-width: 680px){ .newheadermenu {float:left;text-align:center;width:100%;margin:0 auto;padding:0;background:#fff;background-image:none;height:auto;border-top:1px solid #eeeeee;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .main-menu-nh li{float:left;border-left:none;border-right:1px #eeeeee solid;border-bottom:1px #eeeeee solid;height:66px;padding:0;margin:0;} .main-menu-nh li:last-child {border-right:1px #eeeeee solid;} .child-menu-nh{display:none;position:absolute;width:100%;background:#3a3536;background:-webkit-linear-gradient(left,#3b3637 0%,#1f191a 100%);z-index:1} .child-menu-nh li {height:80px;width:100%;padding:0;vertical-align:top;float:left;border:none;text-align:left;} } @media screen and (max-width: 600px){ .newheader {float:left;margin:0;padding:0;width:100%;height:/*315*/340px;} .newheaderfleetcor {float:left;width:50%;height:40px;margin:20px 25% 20px 25%;} .newheaderbox {float:left;width:100%;height:auto;margin:0;padding:0 0 25px 0;text-align:center;color:#666;font-size:16px;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} } /* end header design */ #quick-contact-de{clear:both;float:right;max-width:500px;font-size:20px;/*margin-bottom:10px; margin-top:-15px;*/ text-align:right;} #quick-contact-de .number-highlight,#quick-contact-de a{color:#dd1d21;font-weight:700;} #service-buttons-de{float:left;line-height:40px;margin:13px 0 0 190px;position: relative; top: -40px;} #service-buttons-de .button{padding:0 10px 0 5px;margin-left:5px} #service-buttons-de .icon-member{font-size:24px;vertical-align:-7px} #service-buttons-de .icon-subscribe{font-size:24px;vertical-align:-7px;margin-right:4px} .carousel-de{background:#df1f26 url(../img/euroshell-card_header-background-new.png) no-repeat top center;min-height:380px;width:100%;float:left;} .carousel-de .tab-image-de{position:absolute;top:10px;right:145px;max-width:350px;max-height:263px} .carousel-de .tab-image-de img{max-width:100%} figure.tab-image-de { top: -30px; left:170px;} #logo-shell-de{position:absolute;left:0;top:0} /*form*/ .deform {background: #c7c5c6 none repeat scroll 0 0; box-shadow: 0 0 5px #951619; box-sizing: border-box; float: right; height: auto; margin: 10px; padding: 10px 20px; width: 330px; } .deform .deformtitle { color: #333; font-size: 22px; font-weight: 700; line-height: 21px; padding: 0 0 20px; text-align: center; } .deform input { display: block; font-family:'PT Sans','Arial','Helvetica','Sans-serif'; width: 100%; padding:0 7px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background-color: #fff; border: 1px solid #fff; border-radius: 0; color: #333; font-size: 16px; font-weight: normal; height: 37px; line-height: 37px; margin: 0 0 6px; outline: 0 none; text-align: left; transition: all 300ms ease 0s;vertical-align: top; } .deform input[type="checkbox"] { display: none; } input[type=checkbox] + label:before { font-family: FontAwesome; display: inline-block; } input[type=checkbox] + label:before { content: "\00a0\00a0"; background: url(../img/input-check.png) left center no-repeat; } input[type=checkbox]:checked + label:before { content: "\00a0\00a0"; background: url('../img/input-checked.png') left center no-repeat; } input[type=checkbox]:checked + label:before, input[type=checkbox] + label:before { letter-spacing: 10px; } .deform label.agreement { color: #333; cursor: pointer; display: inline-block; font-size: 14px; font-weight:300; text-align:left; line-height:16px; margin: 10px 0 10px 0; width: 100%;} .deform input[type="submit"], .deform-message input[type="submit"] { text-transform:uppercase; line-height:10px; text-shadow: 1px 1px #1f558d; display: block; text-align:center; width: 100%; padding:0 0 0 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background: #2b8ff0; border: 1px solid #2b8ff0; border-radius: 0; color: #fff; font-size: 18px; font-weight: 700; height: 37px; margin: 0; outline: 0 none; transition: all 300ms ease 0s;} .deform input[type="submit"]:hover, .deform-message input[type="submit"]:hover {background: #1e79eb; border: 1px solid #1e79eb;} /* headline */ .topheadline { bottom: 20px; color: #fff; left: 0; position: absolute; width: 560px; } .topheadline h1 {color:#fff;} .topheadline h1 strong{font-size:30px;} /* form sent message */ .deform-message {float:right;margin:10px;height:360px;width:330px;background:#c7c5c6 url('../img/deform-checked.png')50% 28px no-repeat;box-shadow: 0 0 5px #951619;padding:20px;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .deform-message .deform-message-title { text-shadow: 1px 1px #fff;border-bottom:2px #ce1f24 solid;text-align:center;color:#186eb2; padding:80px 0 18px 0;font-weight:700;font-size:22px;line-height:23px;} .deform-message p {text-align:center; font-family:'PT Sans',Sans-Serif; font-weight: 400; font-size:16px; padding:16px 0 20px 0;color:#000;line-height:22px;} /* mobile form sent message 15.2.2017 */ .mobile-deform-message {float:left;margin:0;height:auto;width:100%;background:#c7c5c6 url('../img/deform-checked.png')50% 28px no-repeat;box-shadow: none;padding:30px;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .mobile-deform-message .deform-message-title { text-shadow: 1px 1px #fff;border:none;text-align:center;color:#186eb2; padding:80px 0 18px 0;font-weight:700;font-size:22px;line-height:23px;} /* top banner*/ .top-banner{background:#ffdb19;height:/*250px*/auto;overflow:hidden;width:100%;} .top-banner figure {position:relative} figure.banner-image { position:absolute; left:/*-150px*/-210px;top:-16px;} .de figure.banner-image { position:absolute; left:-150px;} figure.banner-content { float:right; width:700px;background: url(../img/banner-arrow.png) 95% 20px no-repeat;} figure.banner-content .promobannercontent{ float:right; padding:4px 0; width:700px; height:/*250px*/auto; color:#000; } div.promobannercontent h2{ font-family:'PT Sans','Arial','Helvetica','Sans-serif'; font-weight: 700; line-height:1em; padding:0; margin:7px 0 0; font-size:22px; } figure.banner-content .promobannercontent ul{ padding:0; margin:0 0 0 0;list-style-type:none;display:table;} figure.banner-content .promobannercontent ul li{ width:100%; list-style-type:none; font-weight: 700; font-size:14px; padding:2px 0 2px 19px; background: url(../img/promobannerli.png) 0 5px no-repeat; font-family:'PT Sans',Sans-Serif;} figure.banner-content .promobannercontent .promobannercallbtn{ float:left; width:100%; height:40px; margin:6px 0 15px 0; } figure.banner-content .promobannercontent .promobannercall{ float:left; text-align:center; padding:2px 0 0 0; width:50%; height:40px; font-family:'PT Sans',Sans-Serif; font-weight: 700; font-size:16px; margin: 0 0 10px 0;} figure.banner-content .promobannercontent .promobannercall span{font-family:'PT Sans',Sans-Serif; font-weight: 700; font-size:24px; line-height:19px;} figure.banner-content .promobannerbtn { text-transform:uppercase;float:right; margin:0 70px 0 0; width:35%;color:#2b8ff0; font-family:'PT Sans',Sans-Serif; font-weight: 700; font-size:24px; line-height:26px;text-align:center;} figure.banner-content .promobannercontent p{ float:left; font-family:'PT Sans',Sans-Serif; font-weight: 400; font-size:13px; padding:8px 0 4px 0; } .de figure.banner-content .promobannercontent p{ float:left; font-family:'PT Sans',Sans-Serif; font-weight: 400; font-size:13px; padding:2px 0 4px 0; } /* FR language update */ .lu figure.banner-content .promobannerbtn, .ch_fr figure.banner-content .promobannerbtn { color: #2b8ff0; float: right; font-family: "PT Sans",sans-serif; font-size: 18px; font-weight: 700; line-height: 22px; margin: 0 70px 0 0; padding: 4px 0 0; text-align: center; text-transform: uppercase; width: 35%; } /* FR language update end */ @media screen and (max-width: 1023px){ #service-buttons-de{float:left;line-height:40px;margin:-40px 10px 20px 0;} figure.banner-image img { opacity: 0.2; filter: alpha(opacity=20); } } @media screen and (max-width: 900px){ #service-buttons-de{float:left;line-height:40px;margin:10px 0 0 0;} figure.tab-image-de { visibility:hidden;} .topheadline { bottom: 20px; color: #fff; left: 0; position: absolute; width: 45%; } /*body.de .carousel-de{background:#df1f26 url(../img/euroshell-card_header-background-new.png) no-repeat top center;min-height:380px;width:100%;float:left;margin:66px 0 0 0;}*/ } @media screen and (max-width: 768px){ figure.banner-content { float:right; width:96%;margin:0 2%;background: url(../img/banner-arrow.png) 95% 20px no-repeat;} figure.banner-content .promobannercontent{ float:right; padding:10px 0 0 0; width:100%; height:auto; color:#000; } #service-buttons-de{float:left;line-height:40px;margin:0 10px 20px 0;top:0;} } @media screen and (max-width: 670px){ figure.banner-content .promobannercontent .promobannercall{ float:left; text-align:center; padding:2px 0 0 0; width:35%; height:40px; font-family:'PT Sans',Sans-Serif; font-weight: 700; font-size:16px; margin: 0 0 10px 0;} figure.banner-content .promobannerbtn { text-transform:uppercase;float:right; margin:0 70px 0 0; width:45%;color:#2b8ff0; font-family:'PT Sans',Sans-Serif; font-weight: 700; font-size:20px; line-height:26px;text-align:center;} .topheadline { bottom: 20px; color: #fff; left: 0; position: absolute; width: 35%; } .topheadline h1 {position:relative; color:#fff; font-size:20px;} .topheadline h1 strong{font-size:23px;} figure.banner-content .promobannercontent .promobannercall span{font-family:'PT Sans',Sans-Serif; font-weight: 700; font-size:20px; line-height:19px;} } @media screen and (max-width: 600px){ /*body.de .carousel-de{background:#df1f26 url(../img/euroshell-card_header-background-new.png) no-repeat top center;min-height:380px;width:100%;float:left;margin:270px 0 0 0;}*/ } @media screen and (max-width: 560px){ .topheadline h1 {display:none;visibility:hidden;} .top-banner{background:#ffdb19;height:300px;overflow:hidden;} #service-buttons-de{float:left;line-height:40px;margin:10px 0 20px 0;} } @media screen and (max-width: 440px){ #logo-shell-de{display:none;visibility:hidden;} .top-banner{background:#ffdb19;height:auto;overflow:hidden;} figure.banner-image img {display:none;visibility:hidden; } figure.banner-content .promobannercontent .promobannercallbtn{ float:left; width:100%; height:auto; margin:6px 0 15px 0; } figure.banner-content .promobannercontent p{ float:left; font-family:'PT Sans',Sans-Serif; font-weight: 400; font-size:13px; padding:8px 0 ; } figure.banner-content .promobannerbtn { text-transform:uppercase;float:right; margin:0 10% 0 0; width:50%;color:#2b8ff0; font-family:'PT Sans',Sans-Serif; font-weight: 700; font-size:20px; line-height:26px;text-align:center;} } /* redesign de website end */ /* fr homepage update start*/ .carousel_fr{background:#df1f26 url(../img/carousel_fr_bg.png) no-repeat top center;min-height:470px;} /* form 2 */ .deform{float:right;margin:10px;height:auto;width:330px;background:#c7c5c6 /*e25120*/;box-shadow: /*0 0 5px #951619*/none;padding:10px 18px 16px 18px;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .deform .deformtitle {text-align:center;color:#333; padding:0 0 10px 0;font-weight:700;font-size:22px;line-height:20px;} .carousel_fr a {color:#fff;} /* left banner */ .fr_left_banner {float:left;width:580px; height:auto;font-family:'PT Sans','Arial','Helvetica','Sans-serif';-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .fr_left_banner h1 {margin:0;padding:20px 0;font-size:22px;color:#ffdb19;text-transform:uppercase;font-weight: 700;line-height:25px;} .fr_left_banner h1 + p {margin:0;padding:0 0 12px 0;font-size:16px;color:#fff; font-weight: 400; line-height:20px;} .fr_left_banner .fr_mob {float:left;width:100%;height:73px;padding:20px 0 0 44px;color:#fff;font-size:17px;font-weight: 700;border-bottom:1px solid #de686b;background: url(../img/fr_mob.png)0 50% no-repeat;} .fr_left_banner .fr_signin {float:left;width:100%;height:70px;padding:20px 0 0 44px;margin:0 0 18px 0;color:#fff;font-size:17px;font-weight: 700;background: url(../img/fr_signin.png)0 50% no-repeat;} .fr_left_banner h2 {margin:0;padding:0;font-size:19px;color:#fff;text-transform:uppercase;font-weight: 700;line-height:23px;} .fr_left_banner p {margin:0;padding:32px 0 0 0;font-size:16px;color:#fff; font-weight: 400; } .top_smalltext{background:#000;padding:15px 0;margin:0 auto;} figure.fr_smalltext {float:left;width:48%;margin:0 1%;} figure.fr_smalltext p {font-size:12px;color:#8d8d8d} @media screen and (max-width: 1023px){ .fr_left_banner {float:left;width:55%; height:auto;font-family:'PT Sans','Arial','Helvetica','Sans-serif';-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} } @media screen and (max-width: 940px){ .carousel_fr{background:#df1f26 url(../img/carousel_fr_bg-940.png) 40% 0 no-repeat;min-height:470px;} } @media screen and (max-width: 840px){ .carousel_fr{background:#df1f26 url(../img/carousel_fr_bg-940.png) 45% 50px no-repeat;min-height:470px;} .fr_left_banner {float:left;width:45%; height:auto;font-family:'PT Sans','Arial','Helvetica','Sans-serif';-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .fr_left_banner p {margin:0;padding:15px 0 ;font-size:16px;color:#000; font-weight: 400; } } @media screen and (max-width: 820px){ .carousel_fr{background:#df1f26 url(../img/carousel_fr_bg-940.png) 50% 80px no-repeat;min-height:470px;} .fr_left_banner .fr_mob {float:left;width:100%;height:73px;padding:8px 0 0 44px;color:#fff;font-size:17px;font-weight: 700;border-bottom:1px solid #de686b;background: url(../img/fr_mob.png)0 50% no-repeat;} .fr_left_banner .fr_signin {float:left;width:100%;height:70px;padding:14px 0 0 44px;margin:0 0 18px 0;color:#fff;font-size:17px;font-weight: 700;background: url(../img/fr_signin.png)0 50% no-repeat;} .fr_left_banner h2 {margin:0;padding:0;font-size:19px;color:#000;text-transform:uppercase;font-weight: 700;line-height:23px;} } @media screen and (max-width: 700px){ .fr_left_banner {float:left;width:35%; height:auto;font-family:'PT Sans','Arial','Helvetica','Sans-serif';-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .carousel_fr{background:#df1f26 url(../img/carousel_fr_bg-940.png) 50% 140px no-repeat;min-height:470px;} .fr_left_banner .fr_mob {float:left;width:100%;height:73px;padding:2px 0 0 44px;color:#fff;font-size:17px;font-weight: 700;border-bottom:1px solid #de686b;background: url(../img/fr_mob.png)0 50% no-repeat;} .fr_left_banner .fr_signin {float:left;width:100%;height:70px;padding:4px 0 0 44px;margin:0 0 18px 0;color:#fff;font-size:17px;font-weight: 700;background: url(../img/fr_signin.png)0 50% no-repeat;} } @media screen and (max-width: 620px){ .fr_left_banner {visibility:hidden;display:none;} .carousel_fr{background:#df1f26 url(../img/carousel_fr_bg-940.png) 56% 0 no-repeat;min-height:470px;} .top_smalltext{visibility:hidden;display:none;} } @media screen and (max-width: 560px){ .carousel_fr{background:#df1f26 url(../img/carousel_fr_bg-940.png) 60% 0 no-repeat;min-height:470px;} } /* fr homepage update end*/ #sliding-popup .popup-content #popup-text { background: #FBCE07; padding: 5px; } .faq-answer { z-index: 99;} .primary-content.left-column.item { width:100% !important; min-height: 0 !important; } .primary-content.right-column.item { display:none; } img#konimg { float:right; } #callback-button { top: 290px !important; } div.primary-content { text-indent: 0px; } @media screen and (max-width: 480px){ .faq-answer { position: fixed !important; top: 10px; padding-top: 10px !important; } .topic-header .text { margin-right: initial !important; top: 30px !important; position: relative; } .faq-answer { min-height: 500px !important; } #callback-button { position: relative !important; top: 0px !important; z-index: 10; float: right; display: none !important; } img#callback-button { width: 50%; display: none; } img#kunden { display: none; } ul.child-menu { z-index: 20; } .carousel .tab-image { position: relative !important; float: right; right: initial !important; } .wrapper { max-width: 15%; } #callback-button { position: absolute; z-index: 10; top: 130px !important; right: 10px !important; } #service-buttons { width: 100% !important; text-align: left !important; float: left !important; } body { /*min-width: 350px !important;*/ } } @media screen and (max-width: 1023px){ .faq-answer { position: fixed !important; top: 10px; padding-top: 10px !important; } ul.child-menu { z-index: 20; } .info-pods.two-columns .pods li { float: left; width: 100% !important; } .info-pods .pods { margin-right: 0px !important; } .cell { width: 100% !important; float: left; } .item { width: 100%; float: left; } img#logo-shell { z-index: 0; } .text { z-index: 99; } .topic-header h1 { z-index: 99; position: relative; } img#konimg { width:100%; } .carousel .tab-image { position: relative !important; float: right; right: initial !important; } .text-image .text-float { float: none; width: 100% !important; display: inline-block; } .text-image figure { display:none; } .form-control { width: 100%; } figure.tab-image { top: 20px; } .wrapper { max-width: 95%; } #callback-button { position: absolute; z-index: 10; top: 130px !important; right: 10px !important; } #service-buttons { width: 100% !important; text-align: left !important; float: left !important; } } @media (max-width: 768px) { .faq-answer { position: fixed !important; top: 10px; padding-top: 10px !important; } #callback-button { position: relative !important; top: 0px !important; float: right; } ul.child-menu { z-index: 20; } .carousel .tab-image { position: relative !important; float: right; right: initial !important; } .check-list .cell { display: block !important; width: 85% !important; } .carousel { width: 95% !important; } body { min-width: 8px !important; } } #callback-button { padding-top: 5px; } .check-list .cell { padding-left: 20px; } @media screen and (max-width: 1023px){ div.q2f16_banner { display: inline-block; position: relative; width: 100% !important; height: initial !important; } div.q2f16_banner .banfooter { height: initial !important; width: 100% !important; padding: 5px 10px !important; } div.q2f16_banner .banfooter2 { height: initial !important; width: 100% !important; padding: 5px 10px !important; } div.q2f16_banner .ctabox .cta { width: 100% !important; } div.q2f16_banner .ctabox { height: initial !important; width: 100% !important; } div.q2f16_banner { background: #ffdb19 ; } div.q2f16_banner .message_nl { width: 100% !important; height: initial !important; } div.q2f16_banner .ctabox .ctacall { height: initial !important; } div.q2f16_banner .expires { height: initial !important; padding: 42px 0 0 0 !important; } } body{font-family:'PT Sans','Arial','Helvetica','Sans-serif';font-size:16px;color:#666;min-width:980px} a{color:#dd1d21;text-decoration:none} h1,h2,h3,h4,p,ul,li,figure{margin:0;padding:0} h1,h2,h3{color:#1f191a;font-size:25px} h2{font-size:22px} h3{font-size:20px;line-height:22px} ul li{list-style:none} .wrapper{position:relative;max-width:940px;margin:0 auto} .red{color:#df1f26} .float-left{float:left} .float-right{float:right} img.float-left{margin:3px 20px 20px 0} img.float-right{margin:3px 0 20px 20px} .clear{clear:both} .condensed{font-family:'PT Sans Narrow','Arial Narrow','Helvetica Condensed','Arial','Helvetica','Sans-serif'} .regular{font-family:'PT Sans','Arial','Helvetica','Sans-serif'} .small{font-size:.9em} .number-highlight{color:#dd1d21;white-space:nowrap} .uppercase{text-transform:uppercase} .lowercase{text-transform:lowercase} .no-uppercase{text-transform:none} .no-margin{margin:0} .button,.button-read-more,.button-apply{display:inline-block;font-size:18px;border-radius:2px;padding:8px 14px 9px;background:#f8f8f8;color:#df1c22;text-transform:uppercase;white-space:nowrap} .sk .button, .button-read-more, .button-apply { background: #e50f2e; border-radius: 2px; color: #fff; display: inline-block; font-size: 18px; padding: 8px 14px 9px; text-transform: uppercase; white-space: initial; } .transparent {background:transparent !important;} .button.grey,.button-read-more{color:#dd1d21;background:#f8f8f8;background:-webkit-linear-gradient(top,#f8f8f8 0%,#f4f4f4 100%)} .button.grey:hover,.button-read-more:hover{color:#dd1d21;background:#f4f4f4;background:-webkit-linear-gradient(top,#f4f4f4 0%,#f1f1f1 100%)} .button-apply,.button-read-more{padding:8px 7px 9px 14px} .button-read-more:after{color:#dd1d21;font-size:24px;vertical-align:-3px;margin-left:4px} .button.grey i{color:#666} p.button-apply a,.button.red,.button-apply{color:#fff;background:#e42328;background:-webkit-linear-gradient(top,#e42328 0%,#d6171a 100%)} p.button-apply a:hover{text-decoration:none!important;color:#fff!important;} .button.red:hover,.button-apply:hover{background:#e42328;background:-webkit-linear-gradient(top,#e42328 0%,#c2000c 100%)} .button-apply:after{color:#fff;font-size:24px;vertical-align:-3px;margin-left:4px} .link-fleetcor:after{font-size:16px;vertical-align:-3px} .clearfix:before,.clearfix:after{content:".";display:block;height:0;overflow:hidden} .clearfix:after{clear:both} .clearfix{zoom:1} #callback-button{position:absolute;z-index:10;top:260px;right:-100px} #logo-fleetcor{float:left;padding:22px 0 0 0;width:41%;} #logo-fleetcor img{display:block;max-width:100%;width: inherit;} #logo-shell{position:absolute;right:0;top:0} .brand-header{font-size:18px;padding-bottom:10px} nav{font-family:'PT Sans Narrow','Arial Narrow','Helvetica Condensed','Arial','Helvetica','Sans-serif';font-size:16px} .main-menu{font-size:20px;float:right;display:inline-block;z-index:5;position:relative;} .main-menu li{display:inline-block} .main-menu a{display:block;color:#666;padding:20px 8px 7px;-webkit-transition:background 200ms ease-in 0;-moz-transition:background 200ms ease-in 0;-o-transition:background 200ms ease-in 0;transition:background 200ms ease-in 0} .main-menu a:hover,.main-menu .current{background:#ffdb19;-webkit-transition:background 200ms ease-in 0;-moz-transition:background 200ms ease-in 0;-o-transition:background 200ms ease-in 0;transition:background 200ms ease-in 0} .child-menu{display:none;position:absolute;background:#3a3536;background:-webkit-linear-gradient(left,#3b3637 0%,#1f191a 100%);z-index:1} .csstransitions .child-menu{opacity:0;-webkit-transition:opacity 200ms ease-in 0;-moz-transition:opacity 200ms ease-in 0;-o-transition:opacity 200ms ease-in 0;transition:opacity 200ms ease-in 0} .main-menu li:hover>a.has-childs{color:#fff;background:#1f191a} .main-menu li:hover .child-menu{display:block} .csstransitions .main-menu li:hover .child-menu{opacity:1;-webkit-transition:opacity 200ms ease-in 0;-moz-transition:opacity 200ms ease-in 0;-o-transition:opacity 200ms ease-in 0;transition:opacity 200ms ease-in 0} .child-menu li{width:50%;vertical-align:top} .child-menu li:nth-child(1),.child-menu li:nth-child(2){border-bottom:1px dotted #666} .child-menu a{position:relative;display:table-row;color:#9b9898;height:80px;padding:0} .child-menu a:hover{color:#fff;background:transparent;-webkit-transition:color 200ms ease-in 0;-moz-transition:color 200ms ease-in 0;-o-transition:color 200ms ease-in 0;transition:color 200ms ease-in 0} .child-menu i{display:table-cell;font-size:40px;vertical-align:middle;padding:5px 10px 5px 15px;height:65px} .child-menu span{display:table-cell;vertical-align:middle;padding:5px 15px 5px 0;min-height:65px} .item-5 .child-menu{right:0;width:20%} .item-5 .child-menu li{width:100%;white-space:nowrap} #quick-contact{clear:both;float:left;max-width:500px;font-size:20px;margin-bottom:10px} #quick-contact .number-highlight,#quick-contact a{color:#dd1d21;font-weight:700} #service-buttons{float:right;line-height:40px} #service-buttons .button{padding:0 10px 0 5px;margin:15px 0 0 5px} #service-buttons .icon-member{font-size:24px;vertical-align:-7px} #service-buttons .icon-subscribe{font-size:24px;vertical-align:-7px;margin-right:4px} .carousel{background:#df1f26 url(../img/euroshell-card_header-background.jpg) no-repeat top center;min-height:340px} .carousel .wrapper{min-height:340px} .carousel .tabs{max-width:425px} .carousel .tab-navigation{padding:40px 0} .carousel .tab-navigation li{display:inline-block;text-transform:uppercase;color:#e88e90} .carousel .tab-navigation i{margin-right:5px;font-size:13px} .carousel .tab-navigation a{color:#e88e90;margin-right:20px} .carousel .tab-navigation a:hover{color:#f8eced} .carousel .tab-navigation .current,.carousel .tab-navigation .current a{color:#fff} .carousel .tab-content{color:#fff;display:none} .carousel .tab-content.current{display:block} .carousel .tab-content h2{color:#f9d004;text-transform:uppercase;font-weight:700;line-height:1em;margin-bottom:10px} .carousel .tab-content a{color:#f9d004;font-weight:700} .carousel .tab-content a:after{vertical-align:-3px} .carousel .tab-image{position:absolute;bottom:0;right:145px;max-width:350px;max-height:263px} .carousel .tab-image img{max-width:100%} .topic-header{background:url(../img/header-topic_background.jpg);min-height:230px;/*new header*/position:relative;z-index:1;float:left;width:100%;margin:0 0 40px 0;} .topic-header .text{padding:50px 0 30px;color:#fff;margin-right:150px} .topic-header h1{font-size:50px;line-height:1em;font-weight:700;color:#fbce07;text-transform:uppercase;margin-bottom:10px} .topic-header a{color:#fbce07} .check-list h2{color:#1f191a;font-weight:700;text-align:center;padding:40px 0 30px} .check-list li i{font-size:40px;vertical-align:middle;color:#1f70b1;display:inline-block;width:60px} .check-list ul{width:100%;border-bottom:1px dotted #b2b2b2;margin-bottom:30px} .check-list ul.without-headline{margin-top:35px} .check-list .row{display:table-row} .check-list .cell{display:table-cell;width:50%;border-top:1px dotted #b2b2b2;vertical-align:middle} .check-list li i{font-size:45px;color:#1f70b1;display:table-cell;vertical-align:middle;width:60px;padding:10px 0} .check-list li .text{display:table-cell;vertical-align:middle;padding:10px 0} .check-list-buttons{text-align:center;padding:0 0 60px} .check-list-buttons i{vertical-align:-2px} .check-list-buttons a{margin:0 10px} .content-tabs{background:#fcce07;padding-top:40px} .content-tabs h2{font-weight:700;color:#1f191a;text-align:center} .content-tabs .tab-navigation{margin-top:20px;padding:0;text-transform:uppercase} .content-tabs .tab-navigation li{display:inline-block} .content-tabs .tab-navigation a{display:inline-block;background:#fde783;color:#666;padding:20px;margin:0;-webkit-transition:background 200ms ease-in 0;-moz-transition:background 200ms ease-in 0;-o-transition:background 200ms ease-in 0;transition:background 200ms ease-in 0} .content-tabs .tab-navigation a:hover,.content-tabs .tab-navigation .current{background:#fff;color:#000;-webkit-transition:background 200ms ease-in 0;-moz-transition:background 200ms ease-in 0;-o-transition:background 200ms ease-in 0;transition:background 200ms ease-in 0} .content-tabs .tab-content{background:#fff;margin-bottom:40px;padding:30px 40px 0;display:none} .content-tabs .tab-text.no-image{padding-bottom:40px} .content-tabs .tab-content.current{display:block} .content-tabs .tab-text{float:left;max-width:510px;padding-bottom:40px} .content-tabs .tab-image{float:right;max-width:350px} .content-tabs .tab-content h2,.content-tabs .tab-content h3{margin:0 0 10px;font-weight:700;text-align:left} .content-tabs .tab-content p{margin:0 0 15px} .content-tabs .tab-content .button-read-more,.content-tabs .tab-content .button-apply{margin-right:5px} .content-tabs.layout-silver{background:#f1f1f1} .content-tabs.layout-silver .tab-navigation a{background:#fff} .content-tabs.layout-silver .tab-content,.content-tabs.layout-silver .tab-navigation a:hover,.content-tabs.layout-silver .tab-navigation .current{background:#fbce07} .testimonials{background:#f1f1f2;line-height:22px;padding:30px 0} .testimonials figure{width:25%;margin-top:-10px;margin-bottom:10px} .testimonials figure img{max-width:100%} .testimonials .text{width:75%;box-sizing:border-box} .testimonials .text p{margin-bottom:10px} .testimonials .image-left figure{float:left} .testimonials .image-left .text{float:left;padding-left:30px} .testimonials .image-right figure{float:right} .testimonials .image-right .text{float:left;padding-right:30px} .testimonials .image-right,.testimonials .image-left{clear:both;padding:30px 0;border-top:1px solid #dfe0e2} .testimonials .image-right:first-of-type,.testimonials .image-left:first-of-type{border:0} .text-image{background:#fef5ce} .text-image figure{width:30%;float:left;margin:40px 0} .text-image figure img{max-width:100%} .text-image h2{margin-bottom:10px} .text-image a{color:#dd1d21} .text-image p,.text-image ul{margin-bottom:10px} .text-image .text-float{width:70%;float:left;padding:40px;box-sizing:border-box} .text-image li{padding:0 0 0 25px} .text-image li:before{display:inline-block;font-size:14px;margin-left:-25px;width:25px} .info-pods{background:#f1f1f1;padding:50px 0} .info-pods.no-margin{padding-top:0} .info-pods h2{font-weight:700;color:#1f191a;text-align:center;margin-bottom:40px} .info-pods .pods{margin-right:-30px} .info-pods .pods li{float:left;width:33.333%} .info-pods .item{position:relative;background:#fff;margin-right:30px;text-align:center;padding:20px;box-sizing:border-box} .info-pods .item i.icon-size-large{font-size:100px;color:#aeb2b7;overflow:hidden} .info-pods .item h2,.info-pods .item h3,.info-pods .item p{margin:15px 0} .info-pods .item li{float:none;width:auto;text-align:left;margin:0 0 .5em 15px} .info-pods .item li:before{display:inline-block;color:#dd1d21;font-size:10px;width:15px;margin-left:-15px} .info-pods .button,.info-pods .button-apply,.info-pods .button-read-more{white-space:normal} .info-pods table{border:0;margin:0 auto} .info-pods table td{text-align:center} .info-pods .info-pod-table{width:100%} .info-pods .info-pod-table p{margin:10px 0 0} .info-pods.two-columns .pods li{float:left;width:50%} .info-pods .bottom{position:absolute;left:0;bottom:0;width:100%;padding:0 20px 10px;box-sizing:border-box} .info-pods .item.with-bottom{padding:20px 20px 80px} .faq-list h2{font-weight:700;text-align:center;padding:40px 0 30px} .faq-list ul{width:100%;border-bottom:1px dotted #b2b2b2;margin-bottom:60px} .faq-list .row{display:table-row} .faq-list .cell{display:table-cell;vertical-align:middle;border-top:1px dotted #b2b2b2;width:50%} .faq-list li i{display:table-cell;font-size:55px;color:#fbce07;width:80px;padding:10px 0; height: 70px;} .faq-list li .text{display:table-cell;vertical-align:middle;padding:10px 0} .faq-list-buttons{text-align:center;padding:0 0 60px} .faq-list-buttons i{vertical-align:-2px} .faq-list-buttons a{margin:0 10px} .faq-list .margin-top{margin-top:40px} .faq-list .answer{display:none} .faq-answer{position:absolute;width:100%;height:200px;background:#fbce07;display:none;padding:30px 50px 30px 40px;box-sizing:border-box} .faq-answer p{margin-bottom:.5em} .faq-answer .question{margin:0 0 20px;padding:0;text-align:left} .faq-answer .close-button{position:absolute;top:20px;right:20px;font-size:40px;color:#fff;cursor:pointer} .faq-answer .close-button:hover{color:#1f191a} .content-compare{background:#f1f1f2;padding-top:20px} .content-compare .tab-navigation{margin-top:20px;padding:0;text-transform:uppercase} .content-compare .tab-navigation li{display:inline-block} .content-compare .tab-navigation a{display:inline-block;background:#fff;color:#666;padding:20px;margin:0} .content-compare .tab-navigation a:hover{background:#fef5cd} .content-compare .tab-navigation a.current:hover,.content-compare .tab-navigation .current{background:#fbce07;color:#1f191a} .content-compare .tab-content{background:#fbce07;color:#1f191a;padding:30px 40px 0;display:none} .content-compare .tab-content.current{display:block} .content-compare .tab-text{float:left;max-width:510px;padding-bottom:40px} .content-compare .tab-image{float:right;max-width:350px;min-height: 280px;} .content-compare .tab-text.no-image{padding-bottom:40px} .content-compare .tab-content h2{margin:0 0 15px;font-weight:700;text-align:left} .content-compare .tab-content p{margin:0 0 15px} .content-compare .tab-content .button-read-more,.content-compare .tab-content .button-apply{margin-right:5px} .content-compare .tab-content a.button-apply,.content-compare .tab-content .button-apply a{color:#fff} .content-compare .tab-content .button-apply{position:absolute;right:35px;bottom:25px} .content-compare .ul-with-checks{border-bottom:1px dotted #af9005;color:#1f191a} .content-compare .ul-with-checks li{padding:10px 0 10px 40px;line-height:1.3em;display:table-row} .content-compare .ul-with-checks i{display:table-cell;color:#1f6fb0;font-size:35px;width:50px;padding:10px 0;vertical-align:middle;border-top:1px dotted #af9005} .content-compare .ul-with-checks .text{display:table-cell;padding:10px 0;vertical-align:middle;border-top:1px dotted #af9005} .content-compare-cards{background:#f1f1f2;padding:40px 0 30px} .content-compare-cards .column{position:relative;float:left;width:50%;box-sizing:border-box} .content-compare-cards .column-right .border{position:absolute;top:0;left:0;right:0;bottom:0;border:1px dotted #b2b2b2;border-left:0} .content-compare-cards .column h2{position:absolute;top:0;left:0;width:100%;text-align:center;padding:25px 0 0} .content-compare-cards img{display:block;max-width:100%} .content-compare-table{background:#f1f1f2;padding:20px 0 30px} .content-compare-table h2{text-align:center;color:#aeb2b7} .content-compare-table .table-heading{color:#fff;background:#1f191a;text-align:center;text-transform:uppercase;font-weight:400;padding:5px 10px;margin:30px 0 0} .content-compare-table table{border:0;width:100%;background:#fff;color:#1f191a;margin:0 0 20px;border:1px dotted #af9005} .content-compare-table td{vertical-align:middle;padding:10px 5px 10px 25px;border-bottom:1px dotted #af9005} .content-compare-table td p{margin:0;padding:0} .content-compare-table tr td:nth-child(1),.content-compare-table tr td:nth-child(2){background:#fbce07} .content-compare-table tr td:nth-child(2),.content-compare-table tr td:nth-child(4){padding:6px 10px 0 0;font-size:45px;color:#1f6fb0} .content-compare-table .secondary-content{background:#fff;padding:10px 25px;color:#1f191a;margin-bottom:20px} .content-compare-table .secondary-content p,.content-compare-table .secondary-content ul{margin:10px 0} .content-compare-list{background:#f1f1f2;padding:20px 0 30px} .content-compare-list h2{text-align:center;color:#aeb2b7} .content-compare-list .table-heading{color:#fff;background:#1f191a;text-align:center;text-transform:uppercase;font-weight:400;padding:5px 10px;margin:30px 0 0} .content-compare-list h2 + table{margin-top:30px} .content-compare-list table{border:0;width:100%;background:#fff;color:#1f191a;margin:0 0 20px;border:1px dotted #af9005} .content-compare-list th{color:#fff;background:#1f191a;text-align:center;font-weight:400;padding:5px 10px 8px;margin:30px 0 0} .content-compare-list td{vertical-align:middle;padding:10px 5px 10px 25px;border-bottom:1px dotted #af9005} .content-compare-list td p{margin:0;padding:0} .content-compare-list tr td:nth-child(1){background:#fff} .content-compare-list tr td:nth-child(2){background:#fbce07} .content-compare-list .icon-check-circle{color:#1f70b1} .content-compare-list .icon-cross-circle{color:#dfe0e2} .content-compare-list tr td:nth-child(1n+2){padding:6px 5px 0;font-size:45px;text-align:center} .content-compare-list .secondary-content{background:#fff;padding:10px 25px;color:#1f191a;margin-bottom:20px} .content-compare-list .secondary-content p,.content-compare-list .secondary-content ul{margin:10px 0} .content-text{background:#f1f1f2;padding:40px 0 30px} .content-text .primary-content{background:#fff;padding:20px 40px;margin-bottom:20px;box-sizing:border-box} .content-text .primary-content h2{font-size:22px;margin:15px 0 10px} .content-text .primary-content p,.content-text .primary-content ul{margin:10px 0} .content-text .primary-content .no-margin{margin:0} .content-text .primary-content li{margin:10px 0;padding-left:30px} .news-content .accordion-heading ul { padding-left: 30px; } .news-content .accordion-heading li:before, .content-text .primary-content li:before{display:inline-block;color:#dd1d21;font-size:14px;width:30px;margin-left:-30px} .content-text .secondary-content{clear:both;background:#fbce07;padding:10px 40px;color:#1f191a;margin-bottom:20px} .content-text .secondary-content p,.content-text .secondary-content ul{margin:10px 0;margin:10px 0} .content-text .secondary-content li{margin:10px 0;padding-left:30px} .content-text .secondary-content li:before{display:inline-block;color:#1f191a;font-size:14px;width:30px;margin-left:-30px} .content-text .primary-content.left-column,.content-text .primary-content.right-column{width:50%;box-sizing:border-box;float:left} .content-text.layout-white .primary-content.left-column,.content-text .primary-content.left-column{padding-right:15px} .content-text.layout-white .primary-content.right-column,.content-text .primary-content.right-column{padding-left:15px} .content-text .column-first{display:table-cell;width:100%} .content-text .column-second{display:table-cell;vertical-align:middle;text-align:right;width:40%} .content-text.no-margin{padding:0 0 30px} .content-text.layout-white{background:#fff} .content-text.layout-white .primary-content{padding:0;margin-bottom:30px} .content-text.layout-white h1{color:#1f191a;font-size:24px} .content-text.layout-white .secondary-content{margin-bottom:30px;padding:10px 30px} .card-selector{background:#f1f1f2;padding:10px 0 30px} .card-selector h2{text-align:center;margin:20px 0} .card-selector .column{float:left;width:50%;box-sizing:border-box} .card-selector .item{position:relative;display:block;background:#fac306;text-align:center;padding-bottom:30px} .card-selector .column img{max-width:100%} .card-selector .column-left{padding-right:15px} .card-selector .column-right{padding-left:15px} .card-selector .column h3{position:absolute;top:0;left:0;width:100%;padding:20px 0;text-align:center;font-size:22px} .card-selector .column-left h3{padding-right:15px} .card-selector .column-right h3{padding-left:15px;max-width:430px} .card-selector .text{color:#1f191a;padding:0 20px 20px} .card-selector .cta{position:absolute;left:0;bottom:20px;width:100%;text-align:center} .teaser-action .wrapper{margin:30px auto 0;box-sizing:border-box;background:#ffdb19 url(../img/action_teaser.png) no-repeat left center} .teaser-action .head{display:inline-block;width:40%;vertical-align:middle;box-sizing:border-box;padding:20px 20px 20px 130px} .teaser-action .content{display:inline-block;width:60%;vertical-align:middle;border-left:1px solid #fff;box-sizing:border-box;padding:20px;color:#000} .teaser-action .small{font-size:12px;color:#666} .teaser-action .content ul{margin-bottom:10px} .teaser-action .content ul li{margin-left:18px;list-style-type:square} #application-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#dc3235;opacity:.8;z-index:100} #application-holder{position:fixed;top:10px;left:0;right:0;bottom:10px;z-index:101} #application-holder .wrapper{max-width:860px;height:100%;background:#fff url(loading-icon.gif) no-repeat center center} #application{max-width:860px;height:100%;background:#fff url(loading-icon.gif) no-repeat center center} .content-iframe{background:#f1f1f2;padding:10px 0 30px} .footer-teaser{background:#f7f7f8;padding:50px 0;color:#666} .footer-teaser h2,.footer-teaser h3{color:#666;font-size:16px} .footer-teaser .teaser-list .item{max-width:80%} .footer-teaser .teaser-list li{float:left;width:33.333%;box-sizing:border-box} .footer-resources{color:#fff;background:#de1f26 url(../img/header-topic_background.jpg) repeat-y top center} .footer-resources .column{width:33.333%;float:left;padding:40px 0;box-sizing:border-box} .footer-resources a{color:#fff} .footer-resources a:hover{color:#fbce07} .footer-resources h2,.footer-resources h3{font-size:16px;font-weight:700;color:#fff} .footer-resources ul{padding-right:30px;margin-bottom:30px} .footer-resources li{margin:7px 0;padding-left:25px} .footer-resources li:before{display:inline-block;font-size:16px;width:25px;vertical-align:-3px;margin-left:-25px} .footer-resources .badge{font-size:19px;line-height:18px;color:#1f191a;text-align:center;padding:40px 0 50px;background:url(../img/footer-badge_background.png) no-repeat bottom center;background-size:100%;min-height:300px;margin-left:-15px} .footer-resources .badge h3{color:#1f191a;font-size:16px;line-height:22px} .footer-resources .badge a{color:#dd1d21} .footer-resources .badge p{margin:0 10px 15px} .footer-resources .badge .small{display:inline-block;font-size:13px;line-height:13px} .footer-resources .number-highlight{font-family:'PT Sans Narrow','Arial Narrow','Helvetica Condensed','Arial','Helvetica','Sans-serif';font-size:24px;font-weight:700;color:#de1f20;margin:5px 0;display:block} .footer-resources .column{width:50%} .footer-resources .column:nth-child(3){display:none} .footer-resources.wide-badge .badge{position:relative;background-image:url(../img/footer-badge-wide_background.png);margin-left:15px;margin-right:-15px} .footer-resources.wide-badge .badge h3,.footer-resources.wide-badge .badge p{margin-bottom:10px;line-height:22px} .footer-resources.wide-badge .number-highlight{display:inline-block} .footer-disclaimer{background:#1f191a;color:#fff;padding:10px 0 100px;text-align:center} .footer-disclaimer a{color:#fff} .footer-disclaimer li{display:inline-block} .footer-disclaimer .delimiter{margin:0 10px} .info-pods .item i.color-cool-grey{color:#aeb2b7} .info-pods .item i.color-grey{color:#666} .info-pods .item i.color-black{color:#1f191a} .info-pods .item i.color-red{color:#dd1d21} .info-pods .item i.color-yellow{color:#fbce07} .info-pods .item i.i.color-blue{color:#1f70b1} @font-face{font-family:'icomoon';src:url(icomoon.eot?qu9hqw);src:url(icomoon.eot?#iefixqu9hqw) format("embedded-opentype"),url(icomoon.woff?qu9hqw) format("woff"),url(icomoon.ttf?qu9hqw) format("truetype"),url(icomoon.svg?qu9hqw#icomoon) format("svg");font-weight:400;font-style:normal} .news-content .accordion-heading li:before, .text-image .text-float li:before,.info-pods .item li:before,.content-text .primary-content li:before,.content-text .secondary-content li:before,.content-compare .ul-with-checks i:before,.link-fleetcor:after,.button-apply:after,.button-read-more:after,.footer-resources li:before,.carousel .tab-content a:after,.icon,[class^="icon-"],[class*=" icon-"]{font-family:'icomoon';speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale} .link-fleetcor:after,.button-apply:after,.button-read-more:after,.footer-resources li:before,.carousel .tab-content a:after,.icon-fleetcor-right:before{content:"\e60a"} .icon-subscribe:before{content:"\e600"} .icon-station:before{content:"\e601"} .content-compare .ul-with-checks i:before,.icon-check-circle:before{content:"\e602"} .icon-member:before{content:"\e603"} .icon-marker:before{content:"\e604"} .icon-fleetcor:before{content:"\e605"} .icon-fleetcor-logo:before{content:"\e619"} .icon-career:before{content:"\e61a"} .icon-cross-circle:before{content:"\e606"} .icon-cross:before{content:"\e607"} .icon-comment:before{content:"\e608"} .icon-check:before{content:"\e609"} .icon-number-1:before{content:"\e60b"} .icon-number-2:before{content:"\e60c"} .icon-number-3:before{content:"\e60d"} .icon-number-4:before{content:"\e60e"} .icon-number-5:before{content:"\e60f"} .icon-number-6:before{content:"\e610"} .icon-number-7:before{content:"\e611"} .icon-number-8:before{content:"\e612"} .icon-number-9:before{content:"\e613"} .icon-number-10:before{content:"\e614"} .icon-number-11{min-height:50px; background:url(../img/faq11.png) 0 15px no-repeat;} .icon-number-12{min-height:50px; background:url(../img/faq12.png) 0 15px no-repeat;} /* SK SHELL CARD */ .sk .icon-number-11 {height:60px; background:url(../img/faq11-blue.png) 0 10px no-repeat !important;} .sk .icon-number-12 {height:60px; background:url(../img/faq12-blue.png) 0 10px no-repeat !important;} /* CZ SHELL CARD */ .node-type-tank-card-faq-landing .icon-number-11, .node-type-tank-card .icon-number-11 {height:60px; background:url(../img/faq11-blue.png) 0 10px no-repeat !important;} .node-type-tank-card-faq-landing .icon-number-12, .node-type-tank-card .icon-number-12 {height:60px; background:url(../img/faq12-blue.png) 0 10px no-repeat !important;} .icon-shellcard:before{content:"\e615"} .icon-checklist:before{content:"\e618"} .news-content .accordion-heading li:before, .info-pods .item li:before,.text-image .text-float li:before,.content-text .secondary-content li:before,.content-text .primary-content li:before,.icon-stop:before{content:"\f04d"} .icon-download-sat:before{content:"\e616"} .icon-download-app:before{content:"\e617"} .livechat-button-holder{position:fixed;bottom:0;z-index:102} /* 1023 */ @media screen and (max-width: 1023px) { body{min-width:768px} .wrapper{max-width:95%} .button,.button-read-more,.button-apply{font-size:14px;padding:4px 5px 8px 12px;display: block; white-space: initial;} .button-read-more:after{font-size:20px} h2{font-size:18px} #logo-fleetcor{width:100%;display:block;text-align:center;margin:0 0 20px 0;} #logo-fleetcor img{margin:0 auto;max-width:42%;} nav{font-size:18px;text-align:center;position:relative;z-index:5;} nav a{padding:20px 7px 7px} .main-menu{font-size:20px;float:none;margin:0 auto;text-align:left} .main-menu a{padding-top:7px} #quick-contact{width:50%;margin-top:20px} #service-buttons{width:50%;text-align:right;margin-top:20px} #service-buttons a{margin:4px 0} .content-tabs{padding-top:20px} .text-image .text-float{padding:30px} .info-pods{padding:30px 0} .faq-list h2{padding:20px 0 15px} .faq-list ul{margin-bottom:40px} .carousel .tabs{max-width:50%} .carousel .tab-image{max-width:250px;bottom:50px} .content-tabs .tab-text{max-width:50%} .content-text.no-margin{padding-bottom:10px} .topic-header h1{font-size:35px} .item img{max-width:100%} .content-compare .tab-text{width:55%;padding-right:5%;padding-bottom:20px} .content-compare .tab-image{width:40%} .content-compare .tab-image img{max-width:100%} .content-text .primary-content{padding:10px 40px} .check-list h2{padding:20px 0} .footer-resources .badge{font-size:16px} .footer-resources p.number-highlight{font-size:24px} #application-holder{position:absolute;top:0;left:0;width:100%} #application-holder .wrapper{width:95%} #callback-button{display:none;visibility:hidden;} } .info-pods .item .hs-form li::before, .text-image .text-float .hs-form li::before, .content-text .secondary-content .hs-form li::before, .content-text .primary-content .hs-form li::before, .icon-stop::before { content: ""; display: none;} .button-white-text a{ color:white!important;} /* eu cookies stuff */ .sliding-popup-top { max-width: 940px; background-color: #fbce07; min-height:80px; margin: 0 auto!important; } .find-more-button { display:none!important;} #sliding-popup .popup-content #popup-text { color: #000!important; float: left; font-weight: bold; margin: 0 auto; padding:0 0 0 0; max-width: 100%!important; text-align: left; /*background:#fbce07; */ } #sliding-popup .popup-content #popup-text p { color: #000!important;} #sliding-popup .popup-content { margin: 0 20px!important; max-width: 100%!important; } .agree-button, .agree-button.active { color: #666; display: block; font-size: 10px; height: 22px; position: absolute; right: 10px; top: 10px; width: 22px; margin-right: 0!important; margin-top: 0!important; text-shadow:none!important; box-shadow:none!important; } #sliding-popup .popup-content #popup-buttons button:active { position: absolute !important; right: 10px !important; top: 10px !important; } #popup-text a { text-decoration:underline; font-weight:bold; } #sliding-popup .popup-content #popup-text p { font-size: 13px!important; font-weight:normal!important; } /* footer cookies warning */ .sliding-popup-bottom { text-align:center;background-color: #1f191a; opacity: 0.85; filter: alpha(opacity=85);padding-top:0!important;padding-bottom:0!important;width: 100%;} #sliding-popup .popup-content #popup-buttons {float:right;width:16%;height:100px;margin-bottom:0px!important;} .agree-button { position:relative;/*top:25px;*/float:right;font-family:'PT Sans','Sans-serif'!important; font-weight:400!important;background: #f7f7f7;border-radius:0!important;color:#666;padding-left:25px!important;padding-right:25px!important;line-height:20px; display: block; font-size: 16px; height: 37px; width: auto; } .agree-button.active { position:relative;right:none!important;/*top:25px!important;*/float:right;font-family:'PT Sans','Sans-serif'!important; font-weight:400!important;background: #f7f7f7;border-radius:0!important;color:#666;padding-left:25px!important;padding-right:25px!important;line-height:20px; display: block; font-size: 16px; height: 37px; width: auto; } #sliding-popup .popup-content #popup-buttons button:active { position: relative!important; top: 10px!important; } #sliding-popup .popup-content { width:1020px;margin:0 auto!important; max-width: 100%!important; } #sliding-popup .popup-content #popup-text { background:none!important; padding: 5px; width:82%;} #sliding-popup .popup-content #popup-text p { font-family:'PT Sans','Sans-serif'!important;font-size: 12px!important; font-weight:400!important; color:#fff!important;} #popup-text a { text-decoration:underline; font-weight:700!important; color:#a2a2a2;} #sliding-popup .popup-content #popup-text p strong { font-weight:700!important; color:#a2a2a2;} @media screen and (max-width: 1040px){ #sliding-popup .popup-content { max-width:100%;margin:0 auto 0 auto!important; } #sliding-popup .popup-content #popup-text { background:none!important; padding: 0 4%!important; width:92%;} #sliding-popup .popup-content #popup-buttons {float:left;width:90%;padding: 0 5%!important;height:0;margin-bottom:60px!important;} .agree-button, .agree-button.active { position:relative;top:10px;float:left;font-family:'PT Sans','Sans-serif'!important; font-weight:400!important;background: #f7f7f7;border-radius:0!important;color:#666;padding-left:25px!important;padding-right:25px!important;line-height:20px; display: block; font-size: 16px; height: 37px; width: auto; } } @media screen and (max-width: 414px){ #sliding-popup .popup-content #popup-text p strong { display: inline-block;font-weight: 700 !important; color: #a2a2a2;margin-top:10px;} } .sb-already-displayed .sb-overlay { display: none!important; opacity: 0!important; } .topheadline { bottom: 0; } .topheadline h1 { line-height: 29px; } /* Country switcher 20.10. 2016 */ .country-switcher { display: block; padding: 7px 15px; background-color: #eee; font-size: 16px; position: absolute; bottom: 0; left: 0; cursor: pointer; } #country-arrow-up { display: none;} .countries-menu-block { background-color: #eee; display: none;} .countries-wrapper { width: 940px; margin: 0 auto;} /* .countries-menu-block .countries { float: left; width: 188px; padding: 10px 0 10px 18px;} */ .countries-menu-block .countries a { text-decoration:none;color: #666; font-size: 14px;} .countries-menu-block .countries a:hover { text-decoration:underline;} .countries-menu-block .countries a:after { content: "";} .countries-menu-block .countries a.active { text-decoration:underline;color:#e50f2e;} .countries-menu-block .countries a.active:after { content: "";} /* update 27.3. 2017 */ .countries-wrapper .countries { float: left; width: 20%; margin: 10px 0; padding: 0; border: none; background-image: none; box-shadow:none; background-color: transparent; box-sizing: border-box;} @media (max-width: 1024px) { .countries-wrapper { width: 96%; margin: 0 auto; padding:0 2%;} .countries-menu-block .countries { float: left; width: 20%; padding: 10px 0 10px 3%;} } @media (max-width: 900px) { .newheader {float:left;margin:0;padding:0;width:100%;height:/*200*/240px;} } @media screen and (max-width: 768px){ .countries-menu-block .countries a { text-decoration:none;color: #666; font-size: 13px;} } @media screen and (max-width: 660px){ .countries-menu-block .countries { float: left; width: 96%; padding: 0 0 0 4%;} } @media screen and (max-width: 600px){ .newheader {float:left;margin:0;padding:0;width:100%;height:/*340*/385px;} } .breadcrumbs-wrapper { margin-top:-30px; font-size: 14px; } @media (max-width: 480px) { .main-menu-nh a:hover {text-decoration:none} } .topheadline { font-size:29px; } /* .page-homepage .check-list-buttons { padding: 0; } */ a.showhiddentext { color: #dd1d21; text-decoration: underline; } .popup-content.agreed { display:none; visibility:hidden; } /* Karriere section form 26.9. 2016 */ .webform-component label{width:100%;display:inline-block;padding:.2em .6em .3em;font-size:100%;font-weight:400;line-height:1;color:#666666;white-space:nowrap;vertical-align:baseline;} .webform-component input.form-text { background-color: #fff; border: 1px solid #c7c5c6; border-radius: 0; box-sizing: border-box; color: #333; /*display: block;*/ font-family: "PT Sans","Arial","Helvetica","Sans-serif"; font-size: 16px; font-weight: normal; height: 37px; line-height: 37px; margin: 0 0 6px; outline: 0 none; padding: 0 7px; text-align: left; transition: all 300ms ease 0s; vertical-align: top; width: 75%; } .webform-component .form-textarea {vertical-align: top; width: 75%;background-color: #fff; border: 1px solid #c7c5c6; border-radius: 0; box-sizing: border-box; color: #333;font-family: "PT Sans","Arial","Helvetica","Sans-serif"; font-size: 16px; font-weight: normal;margin: 0 0 6px; outline: 0 none; padding: 0 7px; text-align: left; } fieldset.webform-component--attachment { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; width: 72.5%; } .form-actions input.form-submit {background: #e50f2e; color:#fff;border: 0px;border-radius: 0; font-size: 17px; font-weight: 700; height: 40px; line-height: 34px; margin: 20px 0 0 3px; padding: 0 60px; transition: all 0.3s ease 0s;} .form-actions input.form-submit:hover{background:#f62930;} .form-managed-file input.form-submit {background: #f3f3f3; border: 1px solid #e8e8e8; border-radius: 0; font-size: 17px; font-weight: 400; height: 38px; line-height: 37px; margin-left: 5px; padding: 0 20px;transition: all 0.3s ease 0s;} .form-managed-file input.form-submit:hover {background:#e8e8e8;} input[type="file"] { display: inline-block!important; } .tabledrag-toggle-weight-wrapper { display:none; } /* * Fleetcor 12/2016 * Section: News & Press * Author: Vanavi.com */ /* news + press */ .breadcrumbs-wrapper { margin:0; padding: 10px 0; border-top:1px solid #e7e7e7; font-size: 14px; background:#f1f1f1} .news-content { padding: 15px 0 30px 0; float:left;width:100%; } h1.news-title {font-size:32px; color:#e50f2e;padding:0;margin:0 0 30px 0;font-weight:700;} .red {background:red} .content-text .primary-content h2.news-article-title {font-size:22px; color:#383838;padding:0;margin:0 0 12px 0;font-weight:700;} .content-text .primary-content h2 + p {margin:5px 0;} a.news-btn-more {display:inline-block;padding:7px 13px;background:#ffdb19/*f9f9f9*/;/*border:1px solid #e7e7e7;*/margin:15px 0 5px 0;color:#383838;font-weight:700;} .btm-line-gray {border-bottom:1px solid #e7e7e7; margin-top:15px;margin-bottom:15px;padding-bottom:15px;} a.news-prev-btn {display:inline-block;position:relative;float:right;margin:15px 0;padding:12px 45px 12px 25px;background:#f9f9f9 url(../images/news-btn-prev.png) 85% 50% no-repeat;border:1px solid #e7e7e7;color:#383838;font-weight:700;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease; -o-transition: all 0.3s ease;-ms-transition: all 0.3s ease;transition: all 0.3s ease;} a.news-prev-btn:hover {text-decoration:none; color:#383838;background:#e7e7e7 url(../images/news-btn-prev.png) 90% 50% no-repeat;} /* img.img-responsive {width:100%;max-width:100%;height:auto;}*/ /* detail page */ .carousel-news {background:none;height:auto;} .glyphicon-chevron-left::before { content: url(../images/left-slider-news.png); } .glyphicon-chevron-right::before { content: url(../images/right-slider-news.png); } .carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev{ height: 30px; left: -80px; width: 30px; } .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next {right: -80px; } .nobg {background:none;height:auto;} .carousel-control.left, .carousel-control.right{ background: none;} .sliderheight {max-height:170px;overflow:hidden;margin-bottom:20px;} h2.news-article-title {font-size:22px; color:#383838;padding:0;margin:0 0 12px 0;font-weight:700;} .carousel-control{width:0px;} .readmoreline{border-bottom:1px solid #d9d9d9;margin:20px 0 50px 0;text-align:center;} button.readmore, button.readmore2 { background: #d9d9d9 none repeat scroll 0 0; border: 0 none; border-radius: 20px; display: inline-block; padding: 4px 25px; position: relative; top: 17px; } .check-list-buttons { padding: 0 0 30px; text-align: center; } a.button-apply:hover {color:#fff;text-decoration:none;} @media screen and (max-width: 1330px) { .carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev{ height: 30px; left: -15px; width: 30px; } .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next {right: -15px; } } @media screen and (max-width: 991px) { .sliderheight {max-height:340px;overflow:hidden;margin-bottom:20px; margin-right: 10px;} .carousel-inner { margin: 50px 0 0; overflow: hidden; position: relative; width: 100%; } .carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev{ height: 30px; top:-40px;left: 20px; width: 30px;} .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next {right: 20px; top:-40px; } .mobilehidetext p {margin:0 0 40px 0;} h2.news-article-title {font-size:22px; color:#383838;padding:0;margin:0 0 20px 0;font-weight:700;} } /* long menu fix */ @media screen and (max-width: 820px) { .main-menu-nh a{display:block;font-size:17px;font-weight:400;color:#666;margin:0;padding:20px 10px 7px 10px;-webkit-transition:background 200ms ease-in 0;-moz-transition:background 200ms ease-in 0;-o-transition:background 200ms ease-in 0;transition:background 200ms ease-in 0} } @media screen and (max-width: 767px) { .mobil-fix-margin {margin-left:-15px;margin-right:-15px;} .content-text .primary-content h2.news-article-title {font-size:22px; color:#383838;padding:0;margin:15px 0 12px 0;font-weight:700;} h2.news-article-title {font-size:22px; color:#383838;padding:0;margin:20px 0 15px;font-weight:700;} .mobilehidetext p {display:none;visibility:hidden} } @media screen and (max-width: 480px) { /*h2.news-article-title {font-size:20px; color:#383838;padding:0;margin:0 0 20px 15px;font-weight:700;}*/ } @media screen and (max-width: 420px) { h2.news-article-title {font-size:19px;} /*color:#383838;padding:0;margin:0 0 20px 15px;font-weight:700;}*/ } @media screen and (max-width: 400px) { /*h2.news-article-title {font-size:18px; color:#383838;padding:0;margin:0 0 40px 15px;font-weight:700;}*/ .sliderheight {display:none;visibility:hidden;} .mobilehidetext {width:100%;} } .news-bg-img {background:#c9c9c9 url(../img/news-bg-img-2.jpg) 50% 0 no-repeat;height:210px;} /* * Fleetcor 02/2017 * Section: countries * Author: Vanavi.com */ /* Locator subpage */ .locator-frame {width:100%;height:600px;border:0;margin: 25px 0 0 0;} .navigator-block {width:100%;height:auto; background:#eef8fd url(../images/navigator-bg.jpg) 50% 0 no-repeat;margin:0;padding:30px 0 60px 0;} .content-text .primary-content h2 { font-size: 24px; margin: 35px 0 18px;font-weight:700;color:#666} .content-text .primary-content li { margin: 4px 0; padding-left: 30px; } .navigator-block h3 {font-size: 20px; font-weight:700;color:#666;margin:15px 0 15px;} .navigator-block p { margin: 10px 0;} .navigator-block .button-apply { border-radius: 0px;} .m-1 {margin-top:25px;} .locator-li ul li { list-style-type: circle; padding: 1px 0 1px 4px; margin: 0 0 0 18px; text-align: left;} .align-center {text-align:center;} a.card-block-link {text-decoration:none;color:#666} /* buttons */ .ios-btn {float:left; width:205px;height:auto;padding:0;margin:0;background:transparent;} .ios {float: left;color: #000;font-size: 14px;background: url(../images/ios.png) 7px 50% no-repeat;height: 25px;padding: 3px 0 0 29px;width: 100%;} a.button-app-store {display: block;width: 100%;background: #000 url(../images/apple.png) 20px 50% no-repeat;color: #fff;padding: 17px 5px 5px 72px;font-size: 16px;height: 77px;text-decoration: none;margin: 28px 0 0 0;box-sizing: border-box;line-height: 1.0;} a.button-app-store span, a.button-google-play span {color:#fff;font-size: 22px;font-weight:700;display: block;line-height:1.3;} .android-btn {float:left; width:205px;height:auto;padding:0;margin:0 0 0 100px;background:transparent;} .android {float: left;color: #000;font-size: 14px;background: url(../images/android.png) 7px 50% no-repeat;height: 25px;padding: 3px 0 0 29px;width: 100%;} a.button-google-play {display: block;width: 100%;background: #000 url(../images/gplay.png) 20px 50% no-repeat;color: #fff;padding: 17px 5px 5px 72px;font-size: 16px;height: 77px;text-decoration: none;margin: 28px 0 0 0;box-sizing: border-box;line-height: 1.0;} @media screen and (max-width: 666px) { .locator-frame {width:100%;height:400px;border:0;margin: 25px 0 0 0;} } @media screen and (max-width: 550px) { .android-btn {float:left; width:205px;height:auto;padding:0;margin:0 0 0 10px;background:transparent;} } @media screen and (max-width: 450px) { .navigator-block {width:100%;height:auto; background:#eef8fd url(../images/navigator-bg.jpg) 35% 0 no-repeat;margin:0;padding:30px 0 60px 0;} .ios-btn {float:left; width:90%;height:auto;padding:0;margin:0 5%;background:transparent;} .android-btn {float:left; width:90%;height:auto;padding:0;margin:20px 5% 0 5%;background:transparent;} } /* Countries */ .content-text.layout-white h1.countries-title { font-size: 32px; color: #e50f2e; padding: 0; margin: 25px 0 25px; font-weight: 700; } .card-li ul li {list-style-type: circle;padding:1px 0 1px 4px;margin:0 0 0 18px;text-align: center; } .topshadow {background:#f1f1f1 url(../img/gray-top-shadow.png) 50% 0 no-repeat!important;} h2.countries-page { padding: 65px 0 25px 0; font-weight: 700;} h2.title-center {text-align:center;} /* Tooltip container - 7.11. 2017 + .de */ .de .tooltip { filter: alpha(opacity=1); opacity: 1; position: absolute; display: inline-block; font-weight: 700; font-size: 18px; color: #666; top: 0; left: 0; border: 0; width: 100%; height: 60px; cursor: pointer; z-index: auto;} .de .tooltip .tooltiptext { visibility: hidden;width: 370px; background-color: #666; color: #fff; text-align: center; padding: 10px; border-radius: 0px; position: absolute; z-index: 1; top:0; left: 80px; margin-left: 0; opacity: 0; transition: opacity 1s; } .de .tooltip .tooltiptext::after { content: ""; position: absolute; top: 15px; left: -5px; margin-left: -20px; border-width: 15px;border-style: solid; border-color: transparent #666 transparent transparent;} .de .tooltip .tooltiptext.active { visibility: visible; opacity: 1; } .de .tip-frame {float:left;width:100%;background:#f8f8f8;text-align:center;} .de .tip-frame h4{font-size:18px;font-weight:700;color:#666;padding:15px 0 0 0;} .de .tip-row {float:left;width:33%;background:#e6e5e5;font-size:14px;font-weight:700;color:#aaa9a9;text-align:center;padding:4px 0;} .de .tip-item {float:left;width:33%;border-bottom:1px solid #f4f3f3;background:#fff;padding:9px 0;height:60px;text-align:center;font-size:29px;font-weight:700;color:#666;} .de .tip-item img.halfimage{ max-width:80%; max-height:80%;} .de .tip-item.last a { color: #666; font-size: 15px; font-weight: normal; text-decoration: underline;} /* div countries tab */ .countries {float:left;width:99.999%;margin:0 0 30px 0;padding:0; border:1px solid #f1f1f1;/*background-image: url (../images/countries-bg.png) 0 0 no-repeat;*/box-shadow: 0 0 5px #e5e5e5;background-color:#f8f8f8;box-sizing:border-box;} .countries .country {position:relative;float:left;width:33.333%;margin: 0;padding:0; border-right:1px solid #f1f1f1;border-bottom:1px solid #f1f1f1;box-sizing:border-box;display: inline-block;padding: 17px 0 0 0;font-weight: 700;font-size: 18px; color: #666;height:60px;} .countries .country.active { height: auto; } .countries .country.c-at {background:white url(../img/countries-at.png) 19px 12px no-repeat; } .countries .country.c-bel {background:white url(../img/countries-bel.png) 19px 12px no-repeat; } .countries .country.c-b {background:white url(../img/countries-b.png) 19px 12px no-repeat; } .countries .country.c-blg {background:white url(../img/countries-blg.png) 19px 12px no-repeat; } .countries .country.c-cz {background:white url(../img/countries-cz.png) 19px 12px no-repeat; } .countries .country.c-dn {background:white url(../img/countries-dn.png) 19px 12px no-repeat; } .countries .country.c-f {background:white url(../img/countries-f.png) 19px 12px no-repeat; } .countries .country.c-fr {background:white url(../img/countries-fr.png) 19px 12px no-repeat; } .countries .country.c-d {background:white url(../img/countries-d.png) 19px 12px no-repeat; } .countries .country.c-hu {background:white url(../img/countries-hu.png) 19px 12px no-repeat; } .countries .country.c-i {background:white url(../img/countries-i.png) 19px 12px no-repeat; } .countries .country.c-lv {background:white url(../img/countries-lv.png) 19px 12px no-repeat; } .countries .country.c-lux {background:white url(../img/countries-lux.png) 19px 12px no-repeat; } .countries .country.c-nl {background:white url(../img/countries-nl.png) 19px 12px no-repeat; } .countries .country.c-pl {background:white url(../img/countries-pl.png) 19px 12px no-repeat; } .countries .country.c-rus {background:white url(../img/countries-rus.png) 19px 12px no-repeat; } .countries .country.c-sk {background:white url(../img/countries-sk.png) 19px 12px no-repeat; } .countries .country.c-s {background:white url(../img/countries-s.png) 19px 12px no-repeat; } .countries .country.c-sw {background:white url(../img/countries-sw.png) 19px 12px no-repeat; } .countries .country.c-t {background:white url(../img/countries-t.png) 19px 12px no-repeat; } .countries .country.c-uk {background:white url(../img/countries-uk.png) 19px 12px no-repeat; } .countries .country.c-gb {background:white url(../img/countries-gb.png) 19px 12px no-repeat; } p + .check-list-buttons { text-align: center; padding: 40px 0 50px;} .countries .country span{padding:0 0 0 80px;} @media screen and (max-width: 1023px) { .countries {float:left;width:100%;margin:0 0 30px 0;padding:0; border:1px solid #f1f1f1;/*background-image: url (../images/countries-bg.png) 0 0 no-repeat;*/box-shadow: 0 0 5px #e5e5e5;background-color:#f8f8f8;box-sizing:border-box;} .countries .country {float:left;width:50%;margin: 0;padding:0; border-right:1px solid #f1f1f1;border-bottom:1px solid #f1f1f1;box-sizing:border-box;display: inline-block;padding: 17px 0 0 80px;font-weight: 700;font-size: 18px; color: #666;height:60px;} } @media screen and (max-width: 666px) { .countries {float:left;width:96%;margin:0 2% 30px 2%;padding:0; border:1px solid #f1f1f1;box-shadow: 0 0 5px #e5e5e5;background-color:#f8f8f8;box-sizing:border-box;} .countries .country {float:left;width:100%;margin: 0;padding:0; border-right:none;border-bottom:1px solid #f1f1f1;box-sizing:border-box;display: inline-block;padding: 0 0 0 0;font-weight: 700;font-size: 18px; color: #666;/*min-height:60px;*/} .countries .country a {display:block; width:100%;margin: 0;height:60px; text-decoration:none;} .countries-panel-body {background:#f8f8f8;width:100%;float:left;padding:15px;position:relative;top:0;left:0;font-size:14px;font-weight:400;color:#666;/*border-bottom:1px solid #f1f1f1;*/} a.country-name {padding:17px 0 0 80px;color:#666;} .countries-panel-body {font-size:18px;text-align:center} .countries-panel-body a.tanklink {margin:0;padding:0;text-decoration:underline;height:auto;display: inline;width: auto;} .de .tooltip {display:none;visibility:hidden;} .mobile-hide {display:inherit;visibility:visible;} .desktop-show {display:none;visibility:hidden;} } @media screen and (min-width: 667px) { .countries-panel-body, .mobile-hide, .desktop-hide {display:none;visibility:hidden;} .desktop-show {display:inherit;visibility:visible;} } /* * Fleetcor 12/2016 * Section: euroShell cards * Author: Vanavi.com */ /* euro shel cards general page */ .breadcrumbs-wrapper { margin:0; padding: 10px 0; border-top:1px solid #e7e7e7; font-size: 14px; background:#f1f1f1} .card-content { padding: 15px 0 10px 0; } .btm-shadow {background:#f1f1f2 url(../img/gray-btm-shadow.png)50% 100% no-repeat;} h1.cards-title {font-size:32px; color:#e50f2e;padding:0;margin:-10px 0 20px 0;font-weight:700;} .card-block {margin:10px 0 0 0;} .node-type-euroshell-card-simplified .card-block {margin:10px 0 10px 0;} .node-type-euroshell-card-simplified .card-block:nth-child(2), .node-type-euroshell-card-simplified .card-block:nth-child(3), .node-type-euroshell-card-simplified .card-block:nth-child(4) { margin: 10px 0 10px 0; border-top:2px solid white;padding-top:25px; } .card-block:last-child {margin:10px 0 30px 0;} .card-block h2 {font-size:26px;font-weight:700;margin:0 0 30px 0;} .card-arrow {background: url(../img/card-arrow.png) 50% 0 no-repeat;margin:20px 0 0 0;} .card-arrow span{font-weight:700;display:block;width:100%;padding:0 0 0 0;height:154px;font-size:14px;position:relative;top:-5px;} .card-arrow a.button, .card-arrow a.button:focus {color:#fff;background:#e50f2e;border-radius:0px!important;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease; -o-transition: all 0.3s ease;-ms-transition: all 0.3s ease;transition: all 0.3s ease;} .card-arrow a.button:hover {text-decoration:none;background:#f62930} h2.card-page {padding:20px 0 15px 0;font-weight:700;} .btm-line-gray {border-bottom:1px solid #e7e7e7; margin-top:15px;margin-bottom:15px;padding-bottom:15px;} .btm-line-gray h3 {font-weight:700;} /* euro shel cards detail page */ h1.card-detail-title {font-size:32px; color:#e50f2e;padding:0;margin: 0 0 25px;font-weight:700;} a.btn-card {color:#fff;background:#e50f2e;font-size: 16px;border-radius:0px!important;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease; -o-transition: all 0.3s ease;-ms-transition: all 0.3s ease;transition: all 0.3s ease;} a.btn-card:hover {text-decoration:none;background:#f62930} .card-detail-links {margin:20px 0;} a.map-btn-card {background: url(../img/card-link-map.png) 0 0 no-repeat;display:inline-block;padding:5px 0 0 40px;color:#666;text-decoration:underline;height:33px;} .gas-stations {margin:10px 0;color:#cdcdcd;font-size:18px;text-transform:uppercase;} .gas-box {border-bottom:1px solid #cdcdcd} .top-margin-20 {margin-top:20px;} .btm-padding-30 {padding-bottom:30px;} .button-apply:hover {text-decoration:none;color:#fff} @media screen and (max-width: 991px) { .card-arrow {background: url(../img/card-arrow.png) 50% 20px no-repeat;margin:20px 0 0 0;} .card-arrow span{font-weight:700;display:block;width:100%;padding:0 0 0 0;height:174px;font-size:14px;position:relative;top:-5px;} a.btn-card {font-size: 14px;padding: 7px 0;text-align:center;} a.map-btn-card { background: rgba(0, 0, 0, 0) url("../img/card-link-map.png") no-repeat scroll 0 6px; color: #666; display: inline-block; height: auto; line-height: 1.2; margin: -6px 0 0; padding: 0 60px 0 40px; text-align: left; text-decoration: underline;} .brand-padd {padding:0 0 20px} } @media screen and (max-width: 900px) { a.map-btn-card { background: rgba(0, 0, 0, 0) url("../img/card-link-map.png") no-repeat scroll 0 6px; color: #666; display: inline-block; height: auto; line-height: 1.2; margin: -6px 0 0; padding: 0 0 0 40px; text-align: left; text-decoration: underline;} } @media screen and (max-width: 768px) { a.map-btn-card { background: rgba(0, 0, 0, 0) url("../img/card-link-map.png") no-repeat scroll 0 0; color: #666; display: inline-block; min-height: 33px; line-height: 1.2; margin: 0; padding: 3px 0 0 40px; text-align: left; text-decoration: underline;} .img-card-type {width:100%;padding:0 25%} .node-type-card .button-apply { height: auto; padding: 10px 30px; display:inline-block;} } @media screen and (max-width: 600px) { .img-card-type {width:100%;padding:0 15%} .brand-padd {padding:25px 0} } @media screen and (max-width: 450px) { .img-card-type {width:100%;padding:0 8%} } /* long menu fix */ @media screen and (max-width: 820px) { .main-menu-nh a{display:block;font-size:17px;font-weight:400;color:#666;margin:0;padding:20px 10px 7px 10px;-webkit-transition:background 200ms ease-in 0;-moz-transition:background 200ms ease-in 0;-o-transition:background 200ms ease-in 0;transition:background 200ms ease-in 0} } @media screen and (max-width: 767px) { .card-arrow { background: none; margin: 20px 0 0 0;} .card-arrow span{font-weight:700;display:block;width:100%;padding:10px 0 15px 0;height:auto;} a.btn-card {font-size: 14px;padding: 7px 12px;margin:0 0 30px 0;} } @media screen and (max-width: 667px) { .card-arrow { background: none; margin: 20px 0 0 0;} .card-arrow span{font-weight:700;display:block;width:100%;padding:20px 0 15px 0;height:auto;} .button { font-size: 18px; padding: 8px 18px;} .mcv01-shell { float: right; margin: 0 15px 0 0; width: 20%;} h2.card-page {padding:20px 0 15px 0;font-weight:700;display:inline-block;} } @media screen and (max-width: 490px) { .mcv01-shell { float: right; margin: 0 15px 0 0; width: 31%;} } @media screen and (max-width: 380px) { .mcv01-shell { float: right; margin: 0 15px 0 0; width: 35px;} } /* topic header fix */ /*.de */.topic-header{background:url(../img/header-topic_background.jpg);min-height:230px;/*new header*/position:relative;z-index:1;float:left;width:100%;margin:0 0 0 0;} .topheadline h1 {font-size:29px} .additional-copy strong {font-size:22px; font-weight:normal} /* language switcher for mobile devices */ *::after, *::before { box-sizing: inherit; } *::after, *::before { box-sizing: inherit; } #language-panel{width:94%;margin:0 3% 0 3%;/*border-bottom: 1px solid #5d5d5d;*/ padding: 0 0 14px 0;} #language-panel select { font-size: 18px; color:#fff; background: #666 url(../img/mobile-switcher-arrow.png) no-repeat 96% 50%; border: none; height: 40px; width: 100%; padding: 5px; text-transform: none; -webkit-appearance: none; -moz-appearance: none; -o-appearance: none; appearance: none; } #language-panel select::-ms-expand { display: none; } /* hide popup for mobile */ @media screen and (max-width: 820px) { .sb-overlay, .subscribe-me { display:none!important; visibility:hidden!important} } .node-type-news-post h2 { padding: 15px 0; } .ul-float-left ul { float:left; width:48% } iframeX { border: 1px solid red; -moz-transform: scale(0.75); -moz-transform-origin: 0 0; -o-transform: scale(0.75); -o-transform-origin: 0 0; -webkit-transform: scale(0.75); -webkit-transform-origin: 0 0; width: 1200px !important; } /* slider news */ .views-slideshow-controls-text-previous a { background: url(../img/slider-prev.png) 0 0 no-repeat;width:19px;height:29px; display: block; position: absolute; left: -40px; top: 50%; text-indent: -9999px; white-space: nowrap; } .views-slideshow-controls-text-previous a:hover { background: url(../img/slider-prev-hover.png) 0 0 no-repeat;width:19px;height:29px; display: block; position: absolute; left: -40px; top: 50%; text-indent: -9999px; white-space: nowrap;} .views-slideshow-controls-text-next-processed a { background: url(../img/slider-next.png) 0 0 no-repeat;width:19px;height:29px; display: block; position: absolute; right: -40px; top: 50%; text-indent: -9999px; white-space: nowrap;} .views-slideshow-controls-text-next-processed a:hover { background: url(../img/slider-next-hover.png) 0 0 no-repeat;width:19px;height:29px; display: block;position: absolute; right: -40px; top: 50%; text-indent: -9999px; white-space: nowrap; } .views-slideshow-controls-text-status-play, .views-slideshow-controls-text-status-pause {display:none;visibility:hidden} @media (max-width: 768px) { .views-slideshow-controls-text-previous a { background: url(../img/slider-prev.png) 0 0 no-repeat;width:19px;height:29px; display: block; position: absolute; left: -15px; top: 50%; text-indent: -9999px; white-space: nowrap; } .views-slideshow-controls-text-previous a:hover { background: url(../img/slider-prev-hover.png) 0 0 no-repeat;width:19px;height:29px; display: block; position: absolute; left: -15px; top: 50%; text-indent: -9999px; white-space: nowrap;} .views-slideshow-controls-text-next-processed a { background: url(../img/slider-next.png) 0 0 no-repeat;width:19px;height:29px; display: block; position: absolute; right: -15px; top: 50%; text-indent: -9999px; white-space: nowrap;} .views-slideshow-controls-text-next-processed a:hover { background: url(../img/slider-next-hover.png) 0 0 no-repeat;width:19px;height:29px; display: block;position: absolute; right: -15px; top: 50%; text-indent: -9999px; white-space: nowrap; } .mobilehidetext {margin-bottom:15px;} } /* kaffee banner DE */ .under-top-banner { background: #fff; height: auto; overflow: hidden; width: 100%;} .under-top-banner .kaffe-banner-desktop {width:100%;height:auto;margin:20px 0 0 0;} .under-top-banner .kaffe-banner-mobile {display:none!important; visibility:hidden!important} .sb-already-displayed .sb-overlay { opacity: 0!important; display:none!important; visibility:hidden!important;} /* hide popup for mobile */ @media (max-width: 820px) { .sb-overlay, .subscribe-me { display:none!important; visibility:hidden!important} } /* --------------- 05/2017 - Tankkarte --------------- /////////////////////////////////////////////// by vanavi.com ==================================================================================================================*/ .icon { font-size: 20px; margin: 0 5px 0 0; vertical-align: -1px;} .slider-background { width:100%; background: linear-gradient(#684633,#684633 50%, rgb(167,123,57));} .slider { height: 399px; margin: 0 auto; overflow: hidden; padding: 0; width: 940px; position: relative;} .bx-wrapper { background: #fff none repeat scroll 0 0; border: none !important;box-shadow: none !important;} section.slider-background .bx-wrapper { background: transparent none repeat scroll 0 0; border: none !important;box-shadow: none !important;} section.slider-background.bx-wrap .bxviewport { width: auto !important;} section.slider-background .bx-wrapper .bx-controls.bx-has-pager { left: 10px; position: absolute; top: 0; width: 60px; z-index: 60;} section.slider-background .bx-wrapper .bx-pager.bx-default-pager a { background: none; background-image: url("../img/sliderbullet.png"); background-repeat: no-repeat; height: 18px; width: 18px;} section.slider-background .bx-wrapper .bx-pager.bx-default-pager a.active { background: none; background-image: url("../img/sliderbulletactive.png");} section.slider-background .bx-wrapper .bx-pager.bx-default-pager a:hover {background: url("../img/sliderbullethover.png");} .slider-content {width:940px;height:399px; margin:0;padding:0;background: url("../img/arrow-right.png") 0 0 no-repeat;overflow:hidden;} .slider-content small {color:white;padding:20px 0 0 0;display: inline-block;background: url("../img/arrow-right.png") 0 100% no-repeat;height: 130px;width:100%;} .slider-content small.slide-arrow2 {color:white;padding:10px 0 0 0;display: inline-block;background: url("../img/arrow-right.png") 0 100% no-repeat;height: 70px;width:100%;} .bg-one {background: url(../images/slider-ppc-lp-01.png) 0 0 no-repeat;} .bg-two {background: url(../images/slider-ppc-lp-02.png) 0 0 no-repeat;} .slide-content .h1 {font-family:'PT Sans','Arial','Helvetica','Sans-serif'; font-weight: 700; line-height:1.1; padding:0; margin:15px 0 10px; font-size:30px;color:#fff;} .slide-content h1 {font-family:'PT Sans','Arial','Helvetica','Sans-serif'; font-weight: 700; line-height:1.1; padding:0; font-size:48px;color:#ed1938;} .slide-content h2 {font-family:'PT Sans','Arial','Helvetica','Sans-serif'; font-weight: 700; line-height:1.3; padding:0; margin:40px 0 25px; font-size:28px;color:#ffcd57;} .h1 h1 { margin:0!important; display:inline;} .slide-content p {color:#fff;font-size:18px;font-family:'PT Sans','Arial','Helvetica','Sans-serif'; font-weight: 400;margin:0 0 15px} .slide-content a {text-decoration:none;color:#07b2ff;font-weight:700;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease; -o-transition: all 0.3s ease;-ms-transition: all 0.3s ease;transition: all 0.3s ease;} .slide-content a:hover {text-decoration:none;color:#fff;font-weight:700;} .whiteshortform{float:right;margin:25px 0;height:auto;width:330px;background:#fff;box-shadow:0 0 5px #666;padding:10px 18px 16px 18px;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .whiteshortform{ position: absolute; z-index: 9; right: 0;} .whiteshortformtitle {text-align:center;color:#636161; padding:0 0 10px 0;font-weight:700;font-size:18px;line-height:1.3;} .inputline {border-top:1px solid #eee;} .btm-line {border-top:1px solid #eee;border-bottom:1px solid #eee;} .whiteshortform input { background-color: #fff; border: none; border-radius: 0;box-sizing: border-box; color: #333; display: block; font-family: "PT Sans","Arial","Helvetica","Sans-serif"; font-size: 16px;font-weight: normal; height: 40px;line-height: 37px; margin: 0 ; outline: 0 none; padding: 5px 0; text-align: left; transition: all 300ms ease 0s; vertical-align: top; width: 100%;} .form-icon {height:auto;margin:0;padding:8px 0 0 0px;} .whiteshortform input[type="checkbox"] { display: none;} .whiteshortform input[type=checkbox] + label:before { font-family: FontAwesome; display: inline-block; } .whiteshortform input[type=checkbox] + label:before { content: "\00a0\00a0"; background: url("../img/checkbox.png") left center no-repeat; } .whiteshortform input[type=checkbox]:checked + label:before { content: "\00a0\00a0"; background: url('../img/checkbox-ok.png') left center no-repeat; } .whiteshortform input[type=checkbox]:checked + label:before, input[type=checkbox] + label:before { letter-spacing: 10px; } .whiteshortform label.agreement { color: #333; cursor: pointer; display: inline-block; font-size: 14px; font-weight:300; text-align:left; line-height:16px; margin: 10px 0 10px 0; width: 100%;} .whiteshortform input[type="submit"], .deform-message input[type="submit"] { text-transform:uppercase; line-height:10px; text-shadow: 1px 1px #1f558d; display: block; text-align:center; width: 100%; padding:0 0 0 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background: #07b2ff; border: 1px solid #009ca8; border-radius: 0; color: #fff; font-size: 18px; font-weight: 700; height: 40px; margin: 0; outline: 0 none; transition: all 300ms ease 0s;} .whiteshortform input[type="submit"]:hover, .deform-message input[type="submit"]:hover {background: #1e79eb; border: 1px solid #1e79eb;} /* block 2 */ .block-bg-2 { background: linear-gradient(#eae7d2,#eae7d2 50%, rgb(232,232,232));padding:0 0 50px 0;} .block-2-decor {background: url("../img/block-2-decor.png") 100% 35px no-repeat;display: table;} .block-2 {margin:20px 0; padding:0; font-size:16px;color:#393939;} .block-2 h2 {font-family:'PT Sans','Arial','Helvetica','Sans-serif'; font-weight: 700; line-height:1.3; padding:0; margin:40px 0 20px; font-size:26px;color:#393939;} .block-2 p {font-family:'PT Sans','Arial','Helvetica','Sans-serif'; font-weight: 400; line-height:1.3; padding:0; margin:20px 0; font-size:16px;color:#393939;} .block-2 ul {margin:10px 0; padding:0;} .block-2 ul li {list-style:none;min-height:60px;width:50%; margin:0; padding:8px 8px 8px 40px;background: url("../img/tankkarte-li-check.png") 0 8px no-repeat;float:left;font-family:'PT Sans','Arial','Helvetica','Sans-serif'; font-weight: 400; line-height:1.3; font-size:16px;color:#393939;;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .block-2 {margin: 0; padding:0; font-size:16px;color:#393939;} /* block 3 */ .block-bg-3 { background: #fff;padding:0;} .sk .block-bg-3, .cz .block-bg-3, .pl .block-bg-3 { background: #f3f3f3;padding:0;} .block-3 h2 {font-family:'PT Sans','Arial','Helvetica','Sans-serif'; font-weight: 700; line-height:1.3; padding:0; margin:40px 0 20px; font-size:26px;color:#393939;} .block-3 h3 {font-family:'PT Sans','Arial','Helvetica','Sans-serif'; font-weight: 700; line-height:1.3; padding:0; margin:0; font-size:20px;color:#393939;} .block-3 ul {margin:20px 0; padding:0;} .block-3 ul li {list-style:none;min-height:150px;width:50%; margin:0; padding:8px 16px 8px 90px;float:left;font-family:'PT Sans','Arial','Helvetica','Sans-serif'; font-weight: 400; line-height:1.3; font-size:16px;color:#393939;;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .block-3 ul li.icon-pig {background: url(../img/icon-pig.png) 0 15px no-repeat} .block-3 ul li.icon-secure {background: url(../img/icon-secure.png) 0 15px no-repeat} .block-3 ul li.icon-germany {background: url(../img/icon-germany.png) 0 15px no-repeat} .block-3 ul li.icon-online {background: url(../img/icon-online.png) 0 15px no-repeat} .block-3 ul li.icon-customer {background: url(../img/icon-customer.png) 0 15px no-repeat} .block-3 ul li.icon-quality {background: url(../img/icon-quality.png) 0 15px no-repeat} a.btn-order-card {color:#fff;padding:7px 25px 7px0 25px;background:#e50f2e;height:auto;line-height:1.6;font-size: 16px;border-radius:0px!important;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease; -o-transition: all 0.3s ease;-ms-transition: all 0.3s ease;transition: all 0.3s ease;} a.btn-order-card:hover {text-decoration:none;background:#f62930} /* block 4 */ .block-bg-4 { background: #f3f3f3;border-bottom:1px solid #e8e8e8;} .block-4 h2 {font-family:'PT Sans','Arial','Helvetica','Sans-serif'; font-weight: 700; line-height:1.3; padding:0; margin:40px 0px; font-size:26px;color:#393939;} .block-bg-402 {background: url("../img/nav-pills-bg.png") 0 0 repeat-x} ul.nav-pills {margin:0 !important;padding:0 !important;top:0px !important; box-sizing: border-box;width:100%} ul.nav-pills li {width:24.8%;height:69px;background:transparent;box-sizing: border-box;} ul.nav-pills li.active h3{font-family:'PT Sans','Arial','Helvetica','Sans-serif'; font-weight: 700; line-height:1.3; padding:0; margin:0; font-size:19px;color:#393939;} ul.nav-pills li h3{cursor: pointer;font-family:'PT Sans','Arial','Helvetica','Sans-serif'; font-weight: 700; line-height:1.3; padding:0; margin:0; font-size:19px;color:#8f908f;} ul.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus { border-bottom:none;width:101%;background-color: #fff; color: #393939;margin:0 !important;padding:8px 0 0 0 !important;height:74px;position:relative;top:-4px;border-top:1px solid #e8e8e8;border-left:1px solid #e8e8e8;box-sizing: border-box;} ul.nav-pills > li > a {border-left:1px solid #e8e8e8;width:100%;height:70px;border-bottom:1px solid #e8e8e8;} ul.nav-pills > li > a:hover {background:transparent} ul.nav-pills > li:last-child > a {border-left:1px solid #e8e8e8;border-right:1px solid #e8e8e8;width:100%;height:70px;} .tab-content > .active { background: white; display: table; width: 100%;padding:40px 0;} .card-desc {} .card-desc ul {margin:0; padding:0;} .card-desc ul li{list-style:none;padding:5px 20px 5px 30px;background: url("../img/tankkarte-li-check.png") no-repeat scroll 0 8px;text-align:left;margin:3px 0;} .card-tab-image {margin:50px 0 0 0} #exTab1 .tab-content { color: #393939;background-color: white;padding:40px 0;} #exTab1 .nav-pills > li > a { border-radius: 0;} /* block 5 */ .block-bg-5 { background: #e8e8e9 url("../img/gray-top-shadow.png") 50% -20px no-repeat;padding:0 0 70px;} .block-5 h2 {font-family:'PT Sans','Arial','Helvetica','Sans-serif'; font-weight: 700; line-height:1.3; padding:0; margin:40px 0px 60px; font-size:26px;color:#393939;} /* block 6 */ .block-bg-6 { background: #fff;padding:0 0 70px;} .block-6 h2 {font-family:'PT Sans','Arial','Helvetica','Sans-serif'; font-weight: 700; line-height:1.3; padding:0; margin:40px 0px; font-size:26px;color:#393939;} .icon-border-right {border-right:4px solid #e8e8e8;margin:0 0 40px} .border-last {border-right:none} .block-6-icon-box p {color:#383838;margin:0;} .block-6-icon-box {-webkit-transition: all 0.8s ease;-moz-transition: all 0.8s ease; -o-transition: all 0.8s ease;-ms-transition: all 0.8s ease;transition: all 0.8s ease;} .block-6-icon-box:hover {margin:-15px 0 0 0;} /* block 7 */ .block-bg-7 { background: #e8e8e9; padding:0 0 70px;} .block-7 a { font-size:18px; color: #383838; text-decoration: none;line-height:1.3} .block-7 .faq-list li i {display: table-cell; font-size: 55px; color: #07b2ff; width: 80px; padding: 10px 0;} .block-7 .faq-list .cell { display: table-cell; vertical-align: middle; border-top: none; width: 50%;} .block-7 .faq-list ul { width: 100%; border-bottom: none; margin-bottom: 40px;} .block-7 .faq-list ul li { width: 50%; float:left;} .node-type-tank-card.hu .block-7 .faq-list ul li { width: 50%; float:left; min-height: 100px;} /* .block-7 .faq-list-tankkarte li i {display: table-cell; font-size: 55px; color: #07b2ff; width: 80px; padding: 10px 0;} .block-7 .faq-list-tankkarte .cell { display: table-cell; vertical-align: middle; border-top: none; width: 100%;} .block-7 .faq-list-tankkarte ul { width: 100%; border-bottom: none; margin-bottom: 40px;} .block-7 .faq-list-tankkarte ul li { width: 50%; float:left;} .block-7 .faq-list-tankkarte .cell .text { display: table; padding: 10px 0; height: 70px;} .block-7 a { color: #383838; display: table-cell; font-size: 18px; line-height: 1.3; text-decoration: none; vertical-align: middle;} */ /* block 8 */ .block-bg-8 { background: #fff; padding:0;} .block-8-text{text-align:left;margin:40px 0;font-size:16px;line-height:1.3} .block-8-contact {text-align:right;margin:20px 0 0 0;font-size:18px;} a.block-8-phone {text-decoration:none;font-size:25px;font-weight:700;color:#e50f2e;line-height:1.4} a.block-8-mail {text-decoration:underline;font-size:16px;font-weight:400;color:#383838;line-height:1.4;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease; -o-transition: all 0.3s ease;-ms-transition: all 0.3s ease;transition: all 0.3s ease;} a.block-8-mail:hover {color:#383838;} .block-8-contact .check-list-buttons { padding:30px 0 30px; text-align: right;margin:0;} .movetob8 { cursor: pointer;} .block-bg-8 p {font-size:15px;padding:25px 0;} /* RESPONSIVE */ @media (max-width: 1024px) { .block-3 ul li {list-style:none;min-height:100px;width:100%; margin:0; padding:8px 16px 8px 90px;float:left;font-family:'PT Sans','Arial','Helvetica','Sans-serif'; font-weight: 400; line-height:1.3; font-size:16px;color:#393939;;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .block-3 ul li.icon-pig {background: url(../img/icon-pig.png) 0 5px no-repeat} .block-3 ul li.icon-secure {background: url(../img/icon-secure.png) 0 5px no-repeat} .block-3 ul li.icon-germany {background: url(../img/icon-germany.png) 0 5px no-repeat} .block-3 ul li.icon-online {background: url(../img/icon-online.png) 0 5px no-repeat} .block-3 ul li.icon-customer {background: url(../img/icon-customer.png) 0 5px no-repeat} .block-3 ul li.icon-quality {background: url(../img/icon-quality.png) 0 5px no-repeat} .block-3 ul li:last-child {margin-bottom:30px;} } @media screen and (max-width: 991px) { .whiteshortform{float:right;margin:25px 0;height:auto;width:390px;background:#fff;box-shadow:0 0 5px #666;padding:10px 18px 16px 18px;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .slider { height: 399px; margin: 0 2%; overflow: hidden; padding: 0; width: 96%; position: relative;} .icon-border-right {border-right:none;margin:40px 0 40px} a.btn-order-card {text-align:center} .card-tab-image {display: inline-block; margin: 50px 0; text-align: center;} .card-tab-image2 {display: block; margin: 50px 0; text-align: center;} .block-bg-2 { background: linear-gradient(#eae7d2,#eae7d2 50%, rgb(232,232,232));padding:20px 0;display: table;} .bloc-3-btn .check-list-buttons { display: inline-block; padding: 0 0 30px; text-align: center;} ul.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus { border-bottom:none;width:101%;background-color: #fff; color: #393939;margin:0 !important;padding:16px 0 0 0 !important;height:74px;position:relative;top:-4px;border-top:1px solid #e8e8e8;border-left:1px solid #e8e8e8;box-sizing: border-box;} ul.nav-pills > li > a {border-left:1px solid #e8e8e8;width:100%;height:70px;border-bottom:1px solid #e8e8e8;padding:16px 0 0 0 !important;} .node-type-tank-card .faq-answer { background: #fbce07 none repeat scroll 0 0; box-sizing: border-box; display: none; height: auto; padding: 40px; position: absolute; width: 85%;} } @media (max-width: 900px) { .slide-content {width:40%;} } @media (max-width: 800px) { .slider-background { width:100%; background: rgba(0, 0, 0, 0) linear-gradient(#583732, #583732 50%, rgb(194, 146, 59)) repeat scroll 0 0;} /*.whiteshortform { background: #fff none repeat scroll 0 0; box-shadow: 0 0 5px #666; box-sizing: border-box; float: right; height: auto; margin:20px 0 0 0; padding: 10px 18px 16px; width: 100%;}*/ /*ul.bxslider {margin:240px 0 0 0;}*/ /*.slider { height: 639px; margin: 0 2%; overflow: hidden; padding: 0; width: 96%; position: relative;}*/ /* change 12.3. 2018 */ .slider { height: auto; margin: 0 2%; overflow: hidden; padding: 0; width: 96%; position: relative; display: flex; flex-direction: column; } .whiteshortform { background: #fff none repeat scroll 0 0; box-shadow: 0 0 5px #666; box-sizing: border-box; float: right; height: auto; margin: 20px 0 0 0; padding: 10px 18px 16px; width: 100%; flex: 1 1 auto; position: static; } ul.bxslider { margin: 0; flex: 1 0 auto; order: 2; } .slider-content {width:100%;height:399px; margin:0;padding:0} section.slider-background .bx-wrapper { background: transparent none repeat scroll 0 0; border: medium none; box-shadow: none; height: auto; margin: 0;} .inputline {border-top:1px solid #eee; width:50%;float:left; } .btm-line {border-top:1px solid #eee;border-bottom:1px solid #eee;width:50%;float:left;} .btm-line-800 {border-bottom:1px solid #eee;} section.slider-background .bx-wrapper .bx-controls.bx-has-pager { left: 10px; position: absolute; top: 550px; width: 60px; } .slide-content {width:60%;} .block-2 ul li {list-style:none;min-height:auto;width:100%; margin:0; padding:8px 8px 8px 30px;background: url("../img/tankkarte-li-check.png") 0 8px no-repeat;float:left;font-family:'PT Sans','Arial','Helvetica','Sans-serif'; font-weight: 400; line-height:1.3; font-size:16px;color:#393939;;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .block-2 ul li:last-child {margin-bottom:30px;} .block-bg-402 { background: rgba(0, 0, 0, 0) url("../img/nav-pills-bg.png") repeat-x scroll 0 0; margin: 0; padding: 0; width: 100%;} ul.nav-pills li.active h3{font-family:'PT Sans','Arial','Helvetica','Sans-serif'; font-weight: 700; line-height:1.3; padding:0; margin:0; font-size:15px;color:#393939;} ul.nav-pills li h3{font-family:'PT Sans','Arial','Helvetica','Sans-serif'; font-weight: 700; line-height:1.3; padding:0; margin:0; font-size:15px;color:#8f908f;} ul.nav-pills li {background: transparent none repeat scroll 0 0;box-sizing: border-box; height: 69px; width: 24.7%;} /* faq*/ .block-7 .faq-list ul li { float: left; width: 100%;} .node-type-tank-card.hu .block-7 .faq-list ul li { width: 100%; float:left; min-height: auto;} .block-7 .faq-list .cell { display: table-cell; vertical-align: middle; border-top: none; width: 100%;} } @media (max-width: 700px) { ul.nav-pills li {background: transparent none repeat scroll 0 0;box-sizing: border-box; height: 69px; width: 24.6%;} } @media (max-width: 667px) { .bg-one, .bg-two {background: none} .slide-content {width:100%;} .inputline {border-top:1px solid #eee; width:100%;float:left; } .btm-line {border-top:1px solid #eee;border-bottom:1px solid #eee;width:100%;float:left;} .btm-line-800 {border-bottom:none;} .card-tab-image {display: inline-block; width:100%;padding:0 15%;margin: 50px 0; text-align: center;} /* ul.bxslider {margin:310px 0 0 0;} */ ul.bxslider {margin:0;} .whiteshortform { background: #fff none repeat scroll 0 0; box-shadow: 0 0 5px #666; box-sizing: border-box; float: right; height: auto; margin:10px 0 0 0; padding: 10px 18px 16px; width: 100%;} ul.bxslider li:nth-child(2) {display:none;visibility:hidden} .block-bg-5 { background: #e8e8e9 url("../img/gray-top-shadow.png") 50% -20px no-repeat;padding:0 0 70px;display:table;} .block-8-text{text-align:left;margin:40px 0 20px;font-size:16px;line-height:1.3} .block-bg-8 .card-tab-image {display:inherit;margin: 0; text-align: center;} .block-bg-8 .card-tab-image img {display: inline} .block-8-contact {text-align:center;margin:10px 0 40px;font-size:18px;} .slider-content small.slide-arrow2 {display:none;visibility:hidden} .card-tab-image2 {display: none; visibility:hidden} } @media (max-width: 450px) { /* ul.bxslider {margin:350px 0 0 0;} .whiteshortform {background: #fff none repeat scroll 0 0;box-shadow: 0 0 5px #666; box-sizing: border-box; float: right; height: auto; margin: 10px 0 0; padding: 10px 18px 16px; width: 100%;} */ .whiteshortform {background: #fff none repeat scroll 0 0;bottom: 15px;box-shadow: 0 0 5px #666; box-sizing: border-box; float: right; height: auto; margin: 0; padding: 10px 18px 16px; width: 100%;} .card-tab-image {display: inline-block; width:100%;padding:0 8%;margin: 50px 0; text-align: center;} .slider { height: 740px; margin: 0 2%; overflow: hidden; padding: 0; position: relative; width: 96%;} .slide-content h1 { color: #ed1938; font-family: "PT Sans","Arial","Helvetica","Sans-serif"; font-size: 40px; font-weight: 700; line-height: 1.1; padding: 0;} .slide-content p { color: #fff; font-family: "PT Sans","Arial","Helvetica","Sans-serif"; font-size: 18px; font-weight: 400; line-height: 1.25; margin: 0 0 15px;} .node-type-tank-card .faq-answer { background: #fbce07 none repeat scroll 0 0; box-sizing: border-box; display: none; height: auto; padding: 40px 50px 40px 20px; position: absolute; width: 80%;} .block-5 h2 {font-family:'PT Sans','Arial','Helvetica','Sans-serif'; font-weight: 700; line-height:1.3; padding:0; margin:30px 10%; font-size:22px;color:#393939;} .block-6 h2 {font-family:'PT Sans','Arial','Helvetica','Sans-serif'; font-weight: 700; line-height:1.3; padding:0; margin:30px 10% 0; font-size:22px;color:#393939;} } /* node type brand-page */ .node-type-brand-page .find-the-nearest-station {background: #f3f3f3 url("../img/fleetcor-sign-white.png") no-repeat scroll 101% 0;margin: 0 2.3333% 0 0;padding: 25px;width: 31%;} .node-type-brand-page .find-the-nearest-station h2 {color: #383838;font-size: 19px;font-weight: 700;margin: 0 0 10px;padding: 0;} .node-type-brand-page .find-the-nearest-station a, .node-type-brand-page .find-the-nearest-station p, .station-in-country p {color: #000;} .node-type-brand-page .find-the-nearest-station a:hover {text-decoration:underline;} .node-type-brand-page .button-brand-flag-box {margin: 20px 0 0;} .node-type-brand-page .locator-li ul {margin: 0 0 30px;} .station-in-country {background: #f3f3f3 none repeat scroll 0 0;padding: 25px;} .node-type-brand-page .vertical-center::before {content: " ";display: inline-block;height: 100%;vertical-align: middle;} .node-type-brand-page .vertical-center {font: 0px/0 a;height: 100%;text-align: center;width: 100%;} .node-type-brand-page .vertical-center > .container {background-color: transparent;display: inline-block;font: 16px/1 "PT Sans",Helvetica,Arial,sans-serif;max-width: 100%;vertical-align: middle;} .node-type-brand-page .jumbotron {background-color: transparent;color: inherit;margin-bottom: 30px;padding-bottom: 30px;padding-top: 30px;} .brand-fuel-station img {display: inline;} .node-type-brand-page .button-brand-flag-box {margin:20px 0 0 0;} .node-type-brand-page .40padd {padding:40px 0} .node-type-brand-page div.separator{float: left;height: 15px;width: 100%;} @media (max-width: 767px) { .node-type-brand-page .find-the-nearest-station {width: inherit;margin: 0 0 20px 0;} } .node-type-brand-page a.btn-order-card { background: #e50f2e none repeat scroll 0 0; border-radius: 0; color: #fff; display: inline-block; font-size: 16px; height: auto; line-height: 1.3; max-width: 250px; margin: 0 0 25px; padding: 11px 25px; text-align: center; transition: all 0.3s ease 0s; white-space: normal; } /* thank you box */ .node-type-tank-card .deform-message {float:right;position:absolute;right:0;margin:18px 0 0;height:360px;width:330px;background:#fff url('../img/deform-checked.png')50% 28px no-repeat;box-shadow: 0 0 5px #951619;padding:20px;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .container-fluid {clear:both;} /* be_fr tankkart page */ .node-type-tank-card .slider-content small.slide-arrow2 {display: none;visibility:hidden;} .node-type-tank-card .block-3 ul li {list-style:none;min-height:180px;width:50%; margin:0; padding:8px 16px 8px 90px;float:left;font-family:'PT Sans','Arial','Helvetica','Sans-serif'; font-weight: 400; line-height:1.3; font-size:16px;color:#393939;;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} @media (max-width: 950px) { .m-r-950-0 {margin-right:0;} .node-type-tank-card .slide-content p {color:#fff;font-size:16px;font-family:'PT Sans','Arial','Helvetica','Sans-serif'; font-weight: 400;margin:0 0 10px} .node-type-tank-card .block-3 ul li {list-style:none;min-height:240px;width:50%; margin:0; padding:8px 16px 8px 90px;float:left;font-family:'PT Sans','Arial','Helvetica','Sans-serif'; font-weight: 400; line-height:1.3; font-size:16px;color:#393939;;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} } @media (max-width: 800px) { .node-type-tank-card .block-3 ul li {list-style:none;min-height:280px;width:50%; margin:0; padding:8px 16px 8px 90px;float:left;font-family:'PT Sans','Arial','Helvetica','Sans-serif'; font-weight: 400; line-height:1.3; font-size:16px;color:#393939;;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} } @media (max-width: 700px) { .node-type-tank-card .block-3 ul li {list-style:none;min-height:320px;width:50%; margin:0; padding:8px 16px 8px 90px;float:left;font-family:'PT Sans','Arial','Helvetica','Sans-serif'; font-weight: 400; line-height:1.3; font-size:16px;color:#393939;;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} } @media (max-width: 500px) { .slide-content h1 {font-family:'PT Sans','Arial','Helvetica','Sans-serif'; font-weight: 700; line-height:1.1; padding:0; font-size:40px;color:#ed1938;} } @media (max-width: 340px) { .slide-content h1 {font-family:'PT Sans','Arial','Helvetica','Sans-serif'; font-weight: 700; line-height:1.1; padding:0; font-size:35px;color:#ed1938;} .node-type-tank-card .slide-content p {color:#fff;font-size:16px;font-family:'PT Sans','Arial','Helvetica','Sans-serif'; font-weight: 400;margin:0 0 5px} } /* sk */ .block-bg-x1 .block-2 {color: #393939; font-size: 16px; margin: 0; padding: 0; text-align: center;} .sk .faq-answer li::before { content: ""; } .sk .faq-answer li::before { font-family: "icomoon"; font-style: normal; font-variant: normal; font-weight: 400; line-height: 1; text-transform: none; } .sk .faq-answer li::before { color: #dd1d21; display: inline-block; font-size: 14px; margin-left: -15px; width: 30px; } .sk .faq-answer li {padding: 2px 0 2px 15px; width: 100% !important;} /* banner update 15.8.2017 */ .de .promobannercontent > p, .pl .promobannercontent > p { width: 100%;} .de .promobannercontent h2, .pl .promobannercontent h2 {margin-bottom:0px;} .de figure.banner-image, .pl figure.banner-image { left: -210px; position: absolute; top: 0;} .de figure.banner-content .promobannercontent .promobannercall, .pl figure.banner-content .promobannercontent .promobannercall { float: left; font-family: "PT Sans",sans-serif; font-size: 16px; font-weight: 700; height: 40px; margin: 0 0 10px; padding: 2px 0 0; text-align: left;width: 50%;} /* landing cards page update 18.8.2017 */ @media (max-width: 768px) { .img-orientation { padding: 0 25%; width: 100%;} } @media (max-width: 450px) { .img-orientation { padding: 0 18%; width: 100%;} } @media (max-width: 360px) { .img-orientation { padding: 0 7%; width: 100%;} } /** catalog 07/2017 **/ /* catalog search page*/ .search-catalog { background: #f1f1f1 url("../img/gray-btm-shadow.png") no-repeat scroll 50% 110%; padding: 15px 0 25px;margin:0 0 7px;position:relative;/*min-height:366px*/} .search-catalog h1 {color:#666;font-weight:bold;font-size:24px;margin:0 0 20px;} .catalog-content p { margin:0;} .catalog-content{ margin-bottom: 0; padding: 0;} .content-text.catalog-article {padding: 0;} .catalog-map{position:absolute;right:0;top:0;height:366px;width:940px;background: url("../img/catalog-map.png") 0 0 no-repeat;} .map-marker {position:absolute;right:170px;top:-40px;width:60px;height:97px;background: url("../img/map-marker.png") 0 0 no-repeat;} .station select {width:100%;height:48px;border:2px solid #ebebeb; border-radius:10px;padding:5px 15px;font-size:18px;color:#666;background:white url("../img/select-arrow.png") 92% 50% no-repeat;appearance: none; -moz-appearance: none; -webkit-appearance: none;} .city-search .row {margin-left:0px !important;} .city-search input {width:100%;height:48px;border:2px solid #ebebeb; border-radius:10px;padding:5px 15px;font-size:18px;color:#666;box-shadow:none;} .search-catalog h2 { color: #666; font-size: 26px; font-weight: normal; margin: 0 0 20px;} /* catalog search box CITY update start */ .city-search select {width:100%;height:48px;border:2px solid #ebebeb; border-radius:10px;padding:5px 15px;font-size:18px;color:#666;background:white url("../img/select-arrow.png") 97% 50% no-repeat;appearance: none; -moz-appearance: none; -webkit-appearance: none;} /* catalog search box CITY update end */ .station select::-ms-expand { display: none;} .stylish-input-group .input-group-addon { background: transparent none repeat scroll 0 0; border: 0 none; position: absolute; right: 40px; top: 40px;} .stylish-input-group button{ border:0; background:transparent;} .city-search .glyphicon { display: inline-block; font-family: "Glyphicons Halflings"; font-size: 21px; font-style: normal; font-weight: 400; line-height: 1; position: relative; top: 0;} .station label, .city-search label { display: inline-block; font-weight: 700; font-size:19px;color:#666; margin-bottom: 5px; margin-left:0px; max-width: 100%;} .catalog-checkbox {float:left;height: 24px;width:20%;} .catalog-checkbox input[type="checkbox"] { display: none;} .catalog-checkbox label { border: none; box-sizing: border-box; display: block; /*height: 23px; margin-right: 10px; padding: 10px 0 20px 10px; vertical-align: middle;*/ width: 100%;} .catalog-checkbox label input[type="checkbox"]:checked ~ div { background: rgba(0, 0, 0, 0) url("../img/catalog-input-checked.png") 0 5px no-repeat;height: 22px;cursor:pointer;} .catalog-checkbox label input[type="checkbox"] ~ div { background: rgba(0, 0, 0, 0) url("../img/catalog-input-unchecked.png") 0 5px no-repeat; height: 22px;cursor:pointer;} .name-checkbox > span { display: inline-block; font-size: 14px; font-weight: normal; line-height: 1.1; padding: 3px 0 0 25px; text-transform: uppercase;} .catalog-submit {margin:50px 0 0;text-align:center;} .catalog-submit .button { background: #e50f2e; border:none; border-radius: 7px; color:white; font-size: 15px; font-weight: 400; /*height: 88px; line-height: 37px;*/ margin-left: 5px; padding: 11px 35px; transition: all 0.3s ease 0s;} @media (max-width: 900px) { .catalog-checkbox {float:left;height: 24px;width:25%;} } @media (max-width: 700px) { .catalog-checkbox {float:left;height: 24px;width:33.3%;} } @media (max-width: 550px) { .catalog-checkbox { float: left; height: auto; margin: -2px 0; padding: 0; width: 50%;} .map-marker {display:none;visibility:hidden} .station, .city-search {width:100%;} .city-search .row {margin-left:-15px !important;} .station select {width:100%;height:48px;border:2px solid #ebebeb; border-radius:10px;padding:5px 15px;font-size:18px;color:#666;background:white url("../img/select-arrow.png") 95% 50% no-repeat;appearance: none; -moz-appearance: none; -webkit-appearance: none;} } /* catalog result page */ .catalog-promo { padding: 0 !important;} .catalog-content, .catalog-item { padding:10px 0 !important;} .search-item h2 {color:#666;font-weight:bold;font-size:24px;margin:0 0 0;display: inline;} .catalog-content { margin: 0; padding: 0;float: left;} .station-detail {margin: 25px 0 0;} .station-services span {padding:3px 6px !important;background:#f1f1f1;text-transform:uppercase;margin:0 3px 8px 3px;display:inline-block;border-radius:5px;} .station-services span.active {background:#d3effc;} @media (max-width: 414px) { .station-address {width:100%} .station-services {width:100%;margin:25px 0 15px} .station-address .row {padding-left:15px !important; padding-right:15px !important;} .card-block img {width:100%;} article.catalog-item + article.catalog-item {margin-top:5px;border-top:2px solid #f1f1f1 } } /* update 7.9.2017 - fr new shellcards */ .fr figure.tab-image {text-align:center;} #exTab1 ul.nav {margin:0;float:left;padding:0;width:100%;position:relative;top:10px;background: rgba(0, 0, 0, 0) url("../img/nav-pills-bg.png") repeat-x scroll 0 0;border-bottom: 1px solid #e8e8e8;} /* update 15.9. 2017 - FR promo banner */ section.fr-promo-banner-92017 {height:260px;width:100%; position:relative; overflow:hidden;background-image: url("../img/fr-waves.png");background-size:cover;color:#000} .fr-promo-banner-92017 h2 {font-weight:700;color:#082e6c;font-size:23px;width:60%;margin:10px 0 5px;} .fr-promo-la-carte {background: rgba(0, 0, 0, 0) url("../img/la-carte.png") no-repeat scroll 0 0; height: 330px; position: absolute; right: -145px; top: 13px; width: 762px; z-index: 1;} .fr-promo-bottom {background:white;height:55px;border-bottom:1px solid #aee1fe;position:absolute;bottom:0;width:100%;} .fr-promo-bottom span {font-size:13px;color:#858585;display:inline-block;width:50%;padding:7px 0 0;} .fr-promo-banner-92017 ol { margin: 5px 0 0 21px; padding: 0; width: 60%;} .fr-promo-banner-92017 ol li { counter-increment: list;list-style-type: none;position: relative;} .fr-promo-banner-92017 ol li::before { background: white none repeat scroll 0 0; border-radius: 17px; color: #6cabdd; content: counter(list, decimal) ""; display: inline-block; font-size: 12px; height: 17px; left: -21px; margin: 0 -15px 0 0; position: relative; text-align: center; top: -2px; width: 17px;} .fr-promo-date {width:110px;height:110px;font-size: 14px;position:relative;top: 130px;left:225px;border:6px solid white; line-height:1.15;border-radius:100%;color:white;text-shadow: 0px 1px #488eb3;text-align:center;padding:13px 10px 0;font-size:13; background: #52aae5; background: -webkit-linear-gradient(#52aae5, #6ac0de); background: -o-linear-gradient(#52aae5, #6ac0de); background: -moz-linear-gradient(#52aae5, #6ac0de); background: linear-gradient(#52aae5, #6ac0de);} .fr-promo-date span {font-weight:700;font-size:14px;} @media (max-width: 991px) { .fr-promo-la-carte {background: url("../img/la-carte.png") no-repeat 0 0; height: 330px; position: absolute; right: -245px; top: 13px; width: 762px; z-index: 1;} } @media (max-width: 850px) { .fr-promo-banner-92017 h2 {font-weight:700;color:#082e6c;font-size:23px;width:80%;margin:10px 0 5px;} .fr-promo-la-carte {background: url("../img/la-carte.png") no-repeat 0 0; height: 330px; position: absolute; right: -400px; top: 13px; width: 762px; z-index: 1;} .fr-promo-banner-92017 ol { margin: 5px 0 0 21px; padding: 0; width: 80%;} } @media (max-width: 700px) { .fr-promo-la-carte {background: url("../img/la-carte.png") no-repeat 0 0; height: 330px; position: absolute; right: -420px; top: 13px; width: 762px; z-index: 1;} } /* de banner 10-2017 start */ /* updated code */ .de section.top-banner { background-image: url("../img/de-promo-bg-2017.jpg"); background-size: cover; height: auto; overflow: hidden; width: 100%;padding: 7px 0} .de figure.banner-image { display: none; visibility: hidden;} .de figure.banner-content { background-image:none; float: right; width: 460px;} .de figure.banner-content h2 {font-size:26px; font-weight:700;margin:15px 0 10px} .de figure.banner-content strong {font-size:17px; font-weight:700;padding:5px 0 10px; color:#333333;} .de figure.banner-content ul {margin:15px 0 ;padding:0; } .de figure.banner-content ul li {list-style:none; margin:2px 0 ;padding:0 0 0 25px; background: url("../img/promo-autumn-2017-li.png") 0 4px no-repeat; font-size:17px;color: #000; } /* new code */ .de .promo-autumn-2017-button-block {float:right;width:270px;position:relative} .de .promo-autumn-2017-button-block ul {border-radius:16px;background:white;width:90%; height:auto;margin:105px 10% 0 0;text-align:center; -webkit-box-shadow: 0px 0px 0px 6px rgba(0,0,0,0.1); moz-box-shadow: 0px 0px 0px 6px rgba(0,0,0,0.1); box-shadow: 0px 0px 0px 6px rgba(0,0,0,0.1);} .de .promo-autumn-2017-button-block ul li {padding:10px 0;color:#2b8ff0;font-size:17px; font-weight:700;border-bottom:1px solid #e6e6e6;} .de .promo-autumn-2017-button-block ul li:last-child {padding:10px 0; color:#e50f2e;font-size:17px; font-weight:700;border-bottom:none; background: #efefef; background: -webkit-linear-gradient(#efefef, white); background: -o-linear-gradient(#efefef, white); background: -moz-linear-gradient(#efefef, white); background: linear-gradient(#efefef, white); border-bottom-right-radius: 16px; border-bottom-left-radius: 16px;} .de .promo-autumn-2017-button-block ul li span {text-transform:uppercase; font-size:23px;line-height:1} .de .promo-autumn-2017-arrow {background: #2b8ff0 url("../img/promo-autumn-2017-arrow.png") no-repeat scroll 50% 50%; border-radius: 100%; display: inline-block; height: 72px; left: 80px; margin: 0; position: absolute; text-align: center; top: 15px; width: 72px;} @media (max-width: 1300px) { .de section.top-banner { background-image: url("../img/de-promo-bg-2017-1300px.jpg"); background-size: cover; height: auto; overflow: hidden; width: 100%;padding: 7px 0} } @media (max-width: 900px) { .de section.top-banner { background-image: url("../img/de-promo-bg-2017-900px.jpg"); background-size: cover; height: auto; overflow: hidden; width: 100%;padding: 7px 0} } @media (max-width: 800px) { .de section.top-banner { background: #ffdd26; height: auto; overflow: hidden; width: 100%; padding: 7px 0} .de figure.banner-content { background-image:none; float: left; width: 58%;} .de .promo-autumn-2017-button-block {float:right;width:38%;position:relative} .de .promo-autumn-2017-arrow {background: #2b8ff0 url("../img/promo-autumn-2017-arrow.png") no-repeat scroll 50% 50%; border-radius: 100%; display: inline-block; height: 72px; left: 70px; margin: 0; position: absolute; text-align: center; top: 15px; width: 72px;} } /* de banner 10-2017 end */ .tooltip-button {display: inline-table; position: absolute; top:3px;right: 0;background-color: #999; text-align: center; border-radius: 100%; color: white; width: 22px; margin: 0 0 0 5px; padding: 0;} .pl .tooltip.top .tooltip-arrow {bottom: 0;left: 50%;margin-left: -5px; border-width: 5px 5px 0; border-top-color: #d2d2d2;} .tooltip .tooltip-inner { min-width: 350px; width: 350px; text-align:left; background:#d2d2d2; color:#000 } .pl .frst-right label.agreement { color: #777; cursor: pointer; display: inline-flex; font-size: 14px; margin: 0 0 3px 0; padding:0 0 6px; } .pl input[type=checkbox] + label:before {height: 18px; content: "\00a0\00a0"; background-image: url('../images/input-check.png'); background-position: left 2px /*center*/; background-repeat: no-repeat;} .pl input[type=checkbox]:checked + label:before { height: 18px;content: "\00a0\00a0"; color: #ef5417; background-image: url('../images/input-checked.png'); background-position: left 2px /*center*/; background-repeat: no-repeat;} .pl-aggreement-wrapper {width:100%;margin:0 0 3px ;position:relative;display: inline-block;} .pl .tooltip-button.tooltip-form-2 {position:relative;top:0;} .pl .deform label.agreement { color: #333; cursor: pointer; display: inline-block; font-size: 14px; font-weight: 300; text-align: left; line-height: 16px; margin: 10px 0 10px 0; margin-bottom: 10px; width: 100%; display: inline-flex;} .pl .pl-aggreement-box {margin:8px 0 4px 0;display: inline-block;} .pl .whiteshortform .pl-aggreement-wrapper label.agreement { color: #333;cursor: pointer; display: inline-block;font-size: 14px; font-weight: 300;text-align: left; line-height: 16px; margin: 0 0 0 0; width: 100%;} @media (max-width: 767px) { .tooltip-button { display: none;} } /* tooltip form PL /karty-paliwowe */ .pl .whiteshortform { width:430px !important; margin: 10px 0 !important;} .pl .slider-content {width:940px;height:430px; margin:0;padding:0;} .pl .bg-one {background: url(../images/slider-ppc-lp-01.png) cover no-repeat; background-size:cover; background-position:30% 0} .pl .slider { height: 430px; margin: 0 auto; overflow: initial; padding: 0; width: 940px; position: relative;} @media screen and (max-width: 991px) { .pl .whiteshortform {float:right;margin:10px 0;height:auto;width:430px;background:#fff;box-shadow:0 0 5px #666;padding:10px 18px 16px 18px;box-sizing: border-box;} .pl .slider-content {width:100%;height:430px; margin:0;padding:0;} .pl .slider { height: 430px; margin: 0 2%; overflow: hidden; padding: 0; width: 96%; position: relative;} } @media (max-width: 900px) { .pl .slide-content {width:30%;} } @media (max-width: 800px) { .pl .slider { height: auto; margin: 0 2%; overflow: hidden; padding: 0; width: 96%; position: static; display: flex; flex-direction: column;} .pl .slide-content {width:60%;} .pl .whiteshortform { background: #fff; width:100% !important; box-shadow: 0 0 5px #666; box-sizing: border-box; float: right; height: auto; margin: 20px 0 0 0; padding: 10px 18px 16px; flex: 1 1 auto; position: static;} ul.bxslider { margin: 0; flex: 1 0 auto; order: 2; } .pl .slider-content { width: 100%; height: auto; margin: 0;padding: 0;} } @media (max-width: 667px) { .pl .slide-content {width:100%;} .pl .slider-content {width:100%;height:auto !important; margin:0;padding:0;} .pl .whiteshortform {order:2;margin:0 0 10px;} .pl .slider-background{width: 100%; background: rgba(0, 0, 0, 0) linear-gradient(#583732, #583732 50%, rgb(194, 146, 59)) repeat scroll 0 0 !important;} .pl ul.bxslider { order:1;} .pl .bg-one {background:none;} } /* /tooltip form PL /karty-paliwowe */ label.error { color:red!important; } .error::-webkit-input-placeholder { color: red; } .error:-moz-placeholder { /* FF 4-18 */ color: red; } .error::-moz-placeholder { /* FF 19+ */ color: red; } .error:-ms-input-placeholder { /* IE 10+ */ color: red; } /* respons thank you "fleetcor.xx/tankkarte" */ @media (max-width: 800px) { .node-type-tank-card .deform-message {float:right;position:absolute;right:0;margin:18px 0 0;height:auto;width:100%;background:#fff url('../img/deform-checked.png')50% 28px no-repeat;box-shadow: 0 0 5px #951619;padding:20px;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} } @media (max-width: 667px) { .node-type-tank-card .deform-message {float:right;position:absolute;right:0;margin:320px 0 0;height:auto;width:100%;background:#fff url('../img/deform-checked.png')50% 28px no-repeat;box-shadow: 0 0 5px #951619;padding:20px;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} } /* respons thank you "fleetcor.xx/tankkarte" */ @media (max-width: 800px) { .node-type-tank-card .deform-message {float:right;position:absolute;right:0;margin:18px 0 0;height:auto;width:100%;background:#fff url('../img/deform-checked.png')50% 28px no-repeat;box-shadow: 0 0 5px #951619;padding:20px;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} } @media (max-width: 667px) { .node-type-tank-card .deform-message {flex: 1 1 auto; order: 2;float:none;position:static;right:0;margin:0 0 20px;height:auto;width:100%;background:#fff url('../img/deform-checked.png')50% 28px no-repeat;box-shadow: 0 0 5px #951619;padding:20px;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} } /* tankkarte mobile styles - 2.2. 2018 */ @media (max-width: 768px) { .block-2-decor { background-image:none;display: block;} .node-type-tank-card .block-3 ul li { list-style: none; min-height: 85px; width: 100%; margin: 0 0 30px; padding: 8px 16px 8px 90px; float: left; font-family: 'PT Sans','Arial','Helvetica','Sans-serif'; font-weight: 400; line-height: 1.3; font-size: 16px; color: #393939; box-sizing: border-box;} } @media (max-width: 667px) { .block-bg-402 { background-image:none; background-color:#fff; margin: 20px 0 0 0; padding: 0; width: 100%;} .block-bg-4 { background: #f3f3f3; border-bottom: none;} ul.nav-pills li { background: transparent none repeat scroll 0 0; box-sizing: border-box; height: auto; width: 100%;} #exTab1 ul.nav { margin: 0; float: left; padding: 0; width: 100%; position: static; background: none; border-bottom: none;} ul.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus { border: 1px solid #e8e8e8; width: 100%;background-color: #f3f3f3; color: #393939; margin: 0 0 10px !important; padding: 12px 20px !important; height: auto; position: static;} ul.nav-pills > li > a, ul.nav-pills > li:last-child > a { border: 1px solid #e8e8e8; width: 100%; height: auto; margin: 0 0 10px !important; padding: 12px 20px !important;} .tab-content > .active { background: white; display: table; width: 100%; padding: 15px 0 10px 0;} .card-tab-image { display: inline-block; width: 100%; padding: 0 20%; margin: 50px 0 0; text-align: center;} .card-tab-image .check-list-buttons { padding: 0; text-align: center;} .block-bg-6 { background: #fff; padding: 0 0 40px;} .block-bg-7 { background: #e8e8e9; padding: 0 0 40px;} .block-8-contact .check-list-buttons { padding: 0; text-align: right; margin: 0;} .block-bg-8 p { font-size: 15px; padding: 15px 0;} .navigator-block { width: 100%;height: auto; background: #eef8fd url(../images/navigator-bg.jpg) 50% 0 no-repeat; margin: 0; padding: 30px 0 40px 0;} .block-bg-5 {background: #e8e8e9 url("../img/gray-top-shadow.png") 50% -20px no-repeat; padding: 0 0 40px; display: block;} } @media (max-width: 450px) { .card-tab-image { display: inline-block; width: 100%; padding: 0 10%; margin: 50px 0 0; text-align: center;} .slider { height: auto; margin: 0 2%; overflow: hidden; padding: 0; position: static; width: 96%; display: flex; flex-direction: column;} .slider-content {width: 100%; height: auto; margin: 0 0 15px; padding: 0;} .whiteshortform { flex: 1 1 auto; background: #fff none repeat scroll 0 0; box-shadow: 0 0 5px #666; box-sizing: border-box; height: auto; margin: 10px 0 20px; padding: 10px 18px 16px; width: 100%; position: static; order: 2;} ul.bxslider { margin: 0; flex: 1 1 auto;} } /* read more */ .read-more-buttons-wrapper {text-align:center;} .read-more-buttons-wrapper button { margin: 10px 0;background:#f3f3f3; border:1px solid #e9e9e9;color:#383838;padding:8px 20px;font-weight:bold;} button.read-more-show, button.read-more-hide{ display:none;} @media (max-width: 660px) { button.read-more-show{ display:inline-block;} p.read-more { display:none;} button.read-more-hide { display:none; } } @media (max-width: 414px) { .read-more-buttons-wrapper button { margin: 15px 0;width:100%;background:#f3f3f3; border:1px solid #e9e9e9;color:#383838;padding:8px 20px;font-weight:bold;} } /* pl popup label */ .callbox label {color:#333} .active-trail {font-family:'PT Sans Narrow', Helvetica, Arial, Sans-Serif;} /* hr */ .node-type-service hr {border: 0; height: 1px; background: #777;} /* sk tankkarte page - center promo content 3.4. 2018 */ @media (max-width: 667px) { .sk .block-8-contact .check-list-buttons { padding: 0; text-align: center; margin: 0;} .sk .block-8-text { text-align: center; margin: 40px 0 20px; font-size: 16px; line-height: 1.3;} } /* e2e slider sipka prava */ span.views_slideshow_controls_text_next a { background: url(../img/slider-next.png) 0 0 no-repeat;width:19px;height:29px; display: block; position: absolute; right: -40px; top: 50%; text-indent: -9999px; white-space: nowrap;} span.views_slideshow_controls_text_next a:hover { background: url(../img/slider-next-hover.png) 0 0 no-repeat;width:19px;height:29px; display: block;position: absolute; right: -40px; top: 50%; text-indent: -9999px; white-space: nowrap; } .footer-disclaimer table { width:100%; margin-top:20px;} /* 4-blocks footer --- 28/5/2018 */ .topmenu-shell-logo-partner {width: 176px; position: absolute; top: 95px; left: 150px;} @media (max-width: 991px) { .topmenu-shell-logo-partner {width: 158px; position: absolute; top: 96px; left: 141px;} } @media (max-width: 890px) { .topmenu-shell-logo-partner {width: 158px; position: absolute; top: 55px; left: 0px;} } @media (max-width: 768px) { .topmenu-shell-logo-partner {display:none;visibility:hidden} } .four-blocks-footer {margin-top:40px;} .four-blocks-footer .ios-btn { width:auto; float: left; height: auto; padding: 0; margin: 0; background: transparent;} .four-blocks-footer .android-btn { float: right; width: auto; height: auto; padding: 0; margin: 0; background: transparent;} .four-blocks-footer a.button-app-store { display: block; width: 100%; background: #000 url(../images/apple.png) 7px 50% no-repeat; color: #fff; padding: 10px 5px 0 50px; font-size: 14px; height: 55px; text-decoration: none; margin: 0; box-sizing: border-box;line-height: 1.0;} .four-blocks-footer a.button-app-store span, .four-blocks-footer a.button-google-play span { color: #fff; font-size: 16px; font-weight: 700; display: block; line-height: 1.3;} .four-blocks-footer a.button-google-play { display: block; width: 100%; background: #000 url(../images/gplay.png) 7px 50% no-repeat; color: #fff; padding: 10px 5px 0 50px; font-size: 16px; height: 55px; text-decoration: none; margin: 0; box-sizing: border-box; line-height: 1.0;} @media (max-width: 768px) { .shell-logo-center {display:inline-block;margin-bottom:30px;} .app-btns {margin-top:30px;padding:0 20%;} } @media (max-width: 480px) { .app-btns {margin-top:30px;padding:0 10%;} } @media (max-width: 360px) { .app-btns {margin-top:30px;padding:0 5%;} } /* 20euro voucher */ .wrapper-voucher { position: absolute; right: 20px;bottom: 70px;} .wrapper-voucher img { width: 120px; height: auto;} p.voucher-desc {display: inline-block;margin-bottom: 15px;} .page-homepage .wrapper-voucher { position: absolute; right: -10px; bottom:60px;} @media (max-width: 768px) { .page-homepage .wrapper-voucher { position: absolute; right: 10%; bottom:60px;} } @media (max-width: 480px) { .page-homepage .wrapper-voucher { position: absolute; right: 0px; bottom:60px;} }