/*! normalize.css v3.0.1 | MIT License | git.io/normalize */html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } body { margin: 0; } @media (min-width: 768px) { .container { width: 100%; } } @media (min-width: 992px) { .container { width: 100%; } } @media (min-width: 1230px) { .container { width: 1230px; } } article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary { display: block; } audio,canvas,progress,video { display: inline-block; vertical-align: baseline; } audio:not([controls]) { display: none; height: 0; } [hidden],template { display: none; } a { background: transparent; } a:active,a:hover { outline: 0; } abbr[title] { border-bottom: 1px dotted; } b,strong { font-weight: bold; } dfn { font-style: italic; } h1 { font-size: 2em; margin: 0.67em 0; } mark { background: #ff0; color: #000; } small { font-size: 80%; } sub,sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } img { border: 0; } svg:not(:root) { overflow: hidden; } figure { margin: 1em 40px; } hr { box-sizing: content-box; height: 0; } pre { overflow: auto; } code,kbd,pre,samp { font-family: monospace,monospace; font-size: 1em; } button,input,optgroup,select,textarea { color: inherit; font: inherit; margin: 0; } button { overflow: visible; } button,select { text-transform: none; } button,html input[type="button"],input[type="reset"],input[type="submit"] { -webkit-appearance: button; cursor: pointer; } button[disabled],html input[disabled] { cursor: default; } button::-moz-focus-inner,input::-moz-focus-inner { border: 0; padding: 0; } input { line-height: normal; } input[type="checkbox"],input[type="radio"] { box-sizing: border-box; padding: 0; } input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button { height: auto; } input[type="search"] { -webkit-appearance: textfield; box-sizing: content-box; } input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } legend { border: 0; padding: 0; } textarea { overflow: auto; } optgroup { font-weight: bold; } table { border-collapse: collapse; border-spacing: 0; } td,th { padding: 0; } @media print { * { text-shadow: none !important; color: #000 !important; background: transparent !important; box-shadow: none !important; } a,a:visited { text-decoration: underline; } a[href]:after { content: " (" attr(href) ")"; } abbr[title]:after { content: " (" attr(title) ")"; } a[href^="javascript:"]:after,a[href^="#"]:after { content: ""; } pre,blockquote { border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group; } tr,img { page-break-inside: avoid; } img { max-width: 100% !important; } p,h2,h3 { orphans: 3; widows: 3; } h2,h3 { page-break-after: avoid; } select { background: #fff !important; } .navbar { display: none; } .table td,.table th { background-color: #fff !important; } .btn>.caret,.dropup>.btn>.caret { border-top-color: #000 !important; } .label { border: 1px solid #000; } .table { border-collapse: collapse !important; } .table-bordered th,.table-bordered td { border: 1px solid #ddd !important; } } @font-face { font-family:'Glyphicons Halflings';src:url('includes/fonts/vendor/bootstrap/glyphicons-halflings-regular.eot');src:url('includes/fonts/vendor/bootstrap/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'),url('includes/fonts/vendor/bootstrap/glyphicons-halflings-regular.woff') format('woff'),url('includes/fonts/vendor/bootstrap/glyphicons-halflings-regular.ttf') format('truetype'),url('includes/fonts/vendor/bootstrap/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg'); } .glyphicon { position: relative; top: 1px; display: inline-block; font-family: 'Glyphicons Halflings'; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .glyphicon-asterisk:before { content: "\2a"; } .glyphicon-plus:before { content: "\2b"; } .glyphicon-euro:before { content: "\20ac"; } .glyphicon-minus:before { content: "\2212"; } .glyphicon-cloud:before { content: "\2601"; } .glyphicon-envelope:before { content: "\2709"; } .glyphicon-pencil:before { content: "\270f"; } .glyphicon-glass:before { content: "\e001"; } .glyphicon-music:before { content: "\e002"; } .glyphicon-search:before { content: "\e003"; } .glyphicon-heart:before { content: "\e005"; } .glyphicon-star:before { content: "\e006"; } .glyphicon-star-empty:before { content: "\e007"; } .glyphicon-user:before { content: "\e008"; } .glyphicon-film:before { content: "\e009"; } .glyphicon-th-large:before { content: "\e010"; } .glyphicon-th:before { content: "\e011"; } .glyphicon-th-list:before { content: "\e012"; } .glyphicon-ok:before { content: "\e013"; } .glyphicon-remove:before { content: "\e014"; } .glyphicon-zoom-in:before { content: "\e015"; } .glyphicon-zoom-out:before { content: "\e016"; } .glyphicon-off:before { content: "\e017"; } .glyphicon-signal:before { content: "\e018"; } .glyphicon-cog:before { content: "\e019"; } .glyphicon-trash:before { content: "\e020"; } .glyphicon-home:before { content: "\e021"; } .glyphicon-file:before { content: "\e022"; } .glyphicon-time:before { content: "\e023"; } .glyphicon-road:before { content: "\e024"; } .glyphicon-download-alt:before { content: "\e025"; } .glyphicon-download:before { content: "\e026"; } .glyphicon-upload:before { content: "\e027"; } .glyphicon-inbox:before { content: "\e028"; } .glyphicon-play-circle:before { content: "\e029"; } .glyphicon-repeat:before { content: "\e030"; } .glyphicon-refresh:before { content: "\e031"; } .glyphicon-list-alt:before { content: "\e032"; } .glyphicon-lock:before { content: "\e033"; } .glyphicon-flag:before { content: "\e034"; } .glyphicon-headphones:before { content: "\e035"; } .glyphicon-volume-off:before { content: "\e036"; } .glyphicon-volume-down:before { content: "\e037"; } .glyphicon-volume-up:before { content: "\e038"; } .glyphicon-qrcode:before { content: "\e039"; } .glyphicon-barcode:before { content: "\e040"; } .glyphicon-tag:before { content: "\e041"; } .glyphicon-tags:before { content: "\e042"; } .glyphicon-book:before { content: "\e043"; } .glyphicon-bookmark:before { content: "\e044"; } .glyphicon-print:before { content: "\e045"; } .glyphicon-camera:before { content: "\e046"; } .glyphicon-font:before { content: "\e047"; } .glyphicon-bold:before { content: "\e048"; } .glyphicon-italic:before { content: "\e049"; } .glyphicon-text-height:before { content: "\e050"; } .glyphicon-text-width:before { content: "\e051"; } .glyphicon-align-left:before { content: "\e052"; } .glyphicon-align-center:before { content: "\e053"; } .glyphicon-align-right:before { content: "\e054"; } .glyphicon-align-justify:before { content: "\e055"; } .glyphicon-list:before { content: "\e056"; } .glyphicon-indent-left:before { content: "\e057"; } .glyphicon-indent-right:before { content: "\e058"; } .glyphicon-facetime-video:before { content: "\e059"; } .glyphicon-picture:before { content: "\e060"; } .glyphicon-map-marker:before { content: "\e062"; } .glyphicon-adjust:before { content: "\e063"; } .glyphicon-tint:before { content: "\e064"; } .glyphicon-edit:before { content: "\e065"; } .glyphicon-share:before { content: "\e066"; } .glyphicon-check:before { content: "\e067"; } .glyphicon-move:before { content: "\e068"; } .glyphicon-step-backward:before { content: "\e069"; } .glyphicon-fast-backward:before { content: "\e070"; } .glyphicon-backward:before { content: "\e071"; } .glyphicon-play:before { content: "\e072"; } .glyphicon-pause:before { content: "\e073"; } .glyphicon-stop:before { content: "\e074"; } .glyphicon-forward:before { content: "\e075"; } .glyphicon-fast-forward:before { content: "\e076"; } .glyphicon-step-forward:before { content: "\e077"; } .glyphicon-eject:before { content: "\e078"; } .glyphicon-chevron-left:before { content: "\e079"; } .glyphicon-chevron-right:before { content: "\e080"; } .glyphicon-plus-sign:before { content: "\e081"; } .glyphicon-minus-sign:before { content: "\e082"; } .glyphicon-remove-sign:before { content: "\e083"; } .glyphicon-ok-sign:before { content: "\e084"; } .glyphicon-question-sign:before { content: "\e085"; } .glyphicon-info-sign:before { content: "\e086"; } .glyphicon-screenshot:before { content: "\e087"; } .glyphicon-remove-circle:before { content: "\e088"; } .glyphicon-ok-circle:before { content: "\e089"; } .glyphicon-ban-circle:before { content: "\e090"; } .glyphicon-arrow-left:before { content: "\e091"; } .glyphicon-arrow-right:before { content: "\e092"; } .glyphicon-arrow-up:before { content: "\e093"; } .glyphicon-arrow-down:before { content: "\e094"; } .glyphicon-share-alt:before { content: "\e095"; } .glyphicon-resize-full:before { content: "\e096"; } .glyphicon-resize-small:before { content: "\e097"; } .glyphicon-exclamation-sign:before { content: "\e101"; } .glyphicon-gift:before { content: "\e102"; } .glyphicon-leaf:before { content: "\e103"; } .glyphicon-fire:before { content: "\e104"; } .glyphicon-eye-open:before { content: "\e105"; } .glyphicon-eye-close:before { content: "\e106"; } .glyphicon-warning-sign:before { content: "\e107"; } .glyphicon-plane:before { content: "\e108"; } .glyphicon-calendar:before { content: "\e109"; } .glyphicon-random:before { content: "\e110"; } .glyphicon-comment:before { content: "\e111"; } .glyphicon-magnet:before { content: "\e112"; } .glyphicon-chevron-up:before { content: "\e113"; } .glyphicon-chevron-down:before { content: "\e114"; } .glyphicon-retweet:before { content: "\e115"; } .glyphicon-shopping-cart:before { content: "\e116"; } .glyphicon-folder-close:before { content: "\e117"; } .glyphicon-folder-open:before { content: "\e118"; } .glyphicon-resize-vertical:before { content: "\e119"; } .glyphicon-resize-horizontal:before { content: "\e120"; } .glyphicon-hdd:before { content: "\e121"; } .glyphicon-bullhorn:before { content: "\e122"; } .glyphicon-bell:before { content: "\e123"; } .glyphicon-certificate:before { content: "\e124"; } .glyphicon-thumbs-up:before { content: "\e125"; } .glyphicon-thumbs-down:before { content: "\e126"; } .glyphicon-hand-right:before { content: "\e127"; } .glyphicon-hand-left:before { content: "\e128"; } .glyphicon-hand-up:before { content: "\e129"; } .glyphicon-hand-down:before { content: "\e130"; } .glyphicon-circle-arrow-right:before { content: "\e131"; } .glyphicon-circle-arrow-left:before { content: "\e132"; } .glyphicon-circle-arrow-up:before { content: "\e133"; } .glyphicon-circle-arrow-down:before { content: "\e134"; } .glyphicon-globe:before { content: "\e135"; } .glyphicon-wrench:before { content: "\e136"; } .glyphicon-tasks:before { content: "\e137"; } .glyphicon-filter:before { content: "\e138"; } .glyphicon-briefcase:before { content: "\e139"; } .glyphicon-fullscreen:before { content: "\e140"; } .glyphicon-dashboard:before { content: "\e141"; } .glyphicon-paperclip:before { content: "\e142"; } .glyphicon-heart-empty:before { content: "\e143"; } .glyphicon-link:before { content: "\e144"; } .glyphicon-phone:before { content: "\e145"; } .glyphicon-pushpin:before { content: "\e146"; } .glyphicon-usd:before { content: "\e148"; } .glyphicon-gbp:before { content: "\e149"; } .glyphicon-sort:before { content: "\e150"; } .glyphicon-sort-by-alphabet:before { content: "\e151"; } .glyphicon-sort-by-alphabet-alt:before { content: "\e152"; } .glyphicon-sort-by-order:before { content: "\e153"; } .glyphicon-sort-by-order-alt:before { content: "\e154"; } .glyphicon-sort-by-attributes:before { content: "\e155"; } .glyphicon-sort-by-attributes-alt:before { content: "\e156"; } .glyphicon-unchecked:before { content: "\e157"; } .glyphicon-expand:before { content: "\e158"; } .glyphicon-collapse-down:before { content: "\e159"; } .glyphicon-collapse-up:before { content: "\e160"; } .glyphicon-log-in:before { content: "\e161"; } .glyphicon-flash:before { content: "\e162"; } .glyphicon-log-out:before { content: "\e163"; } .glyphicon-new-window:before { content: "\e164"; } .glyphicon-record:before { content: "\e165"; } .glyphicon-save:before { content: "\e166"; } .glyphicon-open:before { content: "\e167"; } .glyphicon-saved:before { content: "\e168"; } .glyphicon-import:before { content: "\e169"; } .glyphicon-export:before { content: "\e170"; } .glyphicon-send:before { content: "\e171"; } .glyphicon-floppy-disk:before { content: "\e172"; } .glyphicon-floppy-saved:before { content: "\e173"; } .glyphicon-floppy-remove:before { content: "\e174"; } .glyphicon-floppy-save:before { content: "\e175"; } .glyphicon-floppy-open:before { content: "\e176"; } .glyphicon-credit-card:before { content: "\e177"; } .glyphicon-transfer:before { content: "\e178"; } .glyphicon-cutlery:before { content: "\e179"; } .glyphicon-header:before { content: "\e180"; } .glyphicon-compressed:before { content: "\e181"; } .glyphicon-earphone:before { content: "\e182"; } .glyphicon-phone-alt:before { content: "\e183"; } .glyphicon-tower:before { content: "\e184"; } .glyphicon-stats:before { content: "\e185"; } .glyphicon-sd-video:before { content: "\e186"; } .glyphicon-hd-video:before { content: "\e187"; } .glyphicon-subtitles:before { content: "\e188"; } .glyphicon-sound-stereo:before { content: "\e189"; } .glyphicon-sound-dolby:before { content: "\e190"; } .glyphicon-sound-5-1:before { content: "\e191"; } .glyphicon-sound-6-1:before { content: "\e192"; } .glyphicon-sound-7-1:before { content: "\e193"; } .glyphicon-copyright-mark:before { content: "\e194"; } .glyphicon-registration-mark:before { content: "\e195"; } .glyphicon-cloud-download:before { content: "\e197"; } .glyphicon-cloud-upload:before { content: "\e198"; } .glyphicon-tree-conifer:before { content: "\e199"; } .glyphicon-tree-deciduous:before { content: "\e200"; } .mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 1042; overflow: hidden; position: fixed; background: #0b0b0b; opacity: 0.8; filter: alpha(opacity=80); } .mfp-wrap { top: 0; left: 0; width: 100%; height: 100%; z-index: 1043; position: fixed; outline: none !important; -webkit-backface-visibility: hidden; } .mfp-container { text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0 8px; box-sizing: border-box; } .mfp-container:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; } .mfp-align-top .mfp-container:before { display: none; } .mfp-content { position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 1045; } .mfp-inline-holder .mfp-content,.mfp-ajax-holder .mfp-content { width: 100%; cursor: auto; } .mfp-ajax-cur { cursor: progress; } .mfp-zoom-out-cur,.mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: -webkit-zoom-out; cursor: zoom-out; } .mfp-zoom { cursor: pointer; cursor: -webkit-zoom-in; cursor: zoom-in; } .mfp-auto-cursor .mfp-content { cursor: auto; } .mfp-close,.mfp-arrow,.mfp-preloader,.mfp-counter { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .mfp-loading.mfp-figure { display: none; } .mfp-hide { display: none !important; } .mfp-preloader { color: #cccccc; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -0.8em; left: 8px; right: 8px; z-index: 1044; } .mfp-preloader a { color: #cccccc; } .mfp-preloader a:hover { color: white; } .mfp-s-ready .mfp-preloader { display: none; } .mfp-s-error .mfp-content { display: none; } button.mfp-close,button.mfp-arrow { overflow: visible; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; display: block; outline: none; padding: 0; z-index: 1046; box-shadow: none; } button::-moz-focus-inner { padding: 0; border: 0; } .mfp-close { width: 44px; height: 44px; line-height: 44px; position: absolute; right: 0; top: 0; text-decoration: none; text-align: center; opacity: 0.65; filter: alpha(opacity=65); padding: 0 0 18px 10px; color: white; font-style: normal; font-size: 28px; font-family: Arial,Baskerville,monospace; } .mfp-close:hover,.mfp-close:focus { opacity: 1; filter: alpha(opacity=100); } .mfp-close:active { top: 1px; } .mfp-close-btn-in .mfp-close { color: #333333; } .mfp-image-holder .mfp-close,.mfp-iframe-holder .mfp-close { color: white; right: -6px; text-align: right; padding-right: 6px; width: 100%; } .mfp-counter { position: absolute; top: 0; right: 0; color: #cccccc; font-size: 12px; line-height: 18px; } .mfp-arrow { position: absolute; opacity: 0.65; filter: alpha(opacity=65); margin: 0; top: 50%; margin-top: -55px; padding: 0; width: 90px; height: 110px; -webkit-tap-highlight-color: rgba(0,0,0,0); } .mfp-arrow:active { margin-top: -54px; } .mfp-arrow:hover,.mfp-arrow:focus { opacity: 1; filter: alpha(opacity=100); } .mfp-arrow:before,.mfp-arrow:after,.mfp-arrow .mfp-b,.mfp-arrow .mfp-a { content: ''; display: block; width: 0; height: 0; position: absolute; left: 0; top: 0; margin-top: 35px; margin-left: 35px; border: medium inset transparent; } .mfp-arrow:after,.mfp-arrow .mfp-a { border-top-width: 13px; border-bottom-width: 13px; top: 8px; } .mfp-arrow:before,.mfp-arrow .mfp-b { border-top-width: 21px; border-bottom-width: 21px; opacity: 0.7; } .mfp-arrow-left { left: 0; } .mfp-arrow-left:after,.mfp-arrow-left .mfp-a { border-right: 17px solid white; margin-left: 31px; } .mfp-arrow-left:before,.mfp-arrow-left .mfp-b { margin-left: 25px; border-right: 27px solid #3f3f3f; } .mfp-arrow-right { right: 0; } .mfp-arrow-right:after,.mfp-arrow-right .mfp-a { border-left: 17px solid white; margin-left: 39px; } .mfp-arrow-right:before,.mfp-arrow-right .mfp-b { border-left: 27px solid #3f3f3f; } .mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px; } .mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 900px; } .mfp-iframe-holder .mfp-close { top: -40px; } .mfp-iframe-scaler { width: 100%; height: 0; overflow: hidden; padding-top: 56.25%; } .mfp-iframe-scaler iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0 0 8px rgba(0,0,0,0.6); background: black; } img.mfp-img { width: auto; max-width: 100%; height: auto; display: block; line-height: 0; box-sizing: border-box; padding: 40px 0 40px; margin: 0 auto; } .mfp-figure { line-height: 0; } .mfp-figure:after { content: ''; position: absolute; left: 0; top: 40px; bottom: 40px; display: block; right: 0; width: auto; height: auto; z-index: -1; box-shadow: 0 0 8px rgba(0,0,0,0.6); background: #444444; } .mfp-figure small { color: #bdbdbd; display: block; font-size: 12px; line-height: 14px; } .mfp-figure figure { margin: 0; } .mfp-bottom-bar { margin-top: -36px; position: absolute; top: 100%; left: 0; width: 100%; cursor: auto; } .mfp-title { text-align: left; line-height: 18px; color: #f3f3f3; word-wrap: break-word; padding-right: 36px; } .mfp-image-holder .mfp-content { max-width: 100%; } .mfp-gallery .mfp-image-holder .mfp-figure { cursor: pointer; } @media screen and (max-width: 800px) and (orientation: landscape),screen and (max-height: 300px) { .mfp-img-mobile .mfp-image-holder { padding-left: 0; padding-right: 0; } .mfp-img-mobile img.mfp-img { padding: 0; } .mfp-img-mobile .mfp-figure:after { top: 0; bottom: 0; } .mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px; } .mfp-img-mobile .mfp-bottom-bar { background: rgba(0,0,0,0.6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; box-sizing: border-box; } .mfp-img-mobile .mfp-bottom-bar:empty { padding: 0; } .mfp-img-mobile .mfp-counter { right: 5px; top: 3px; } .mfp-img-mobile .mfp-close { top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; background: rgba(0,0,0,0.6); position: fixed; text-align: center; padding: 0; } } @media all and (max-width: 900px) { .mfp-arrow { -webkit-transform: scale(0.75); -ms-transform: scale(0.75); transform: scale(0.75); } .mfp-arrow-left { -webkit-transform-origin: 0; -ms-transform-origin: 0; transform-origin: 0; } .mfp-arrow-right { -webkit-transform-origin: 100%; -ms-transform-origin: 100%; transform-origin: 100%; } .mfp-container { padding-left: 6px; padding-right: 6px; } } .mfp-ie7 .mfp-img { padding: 0; } .mfp-ie7 .mfp-bottom-bar { width: 600px; left: 50%; margin-left: -300px; margin-top: 5px; padding-bottom: 5px; } .mfp-ie7 .mfp-container { padding: 0; } .mfp-ie7 .mfp-content { padding-top: 44px; } .mfp-ie7 .mfp-close { top: 0; right: 0; padding-top: 0; } html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } body { line-height: 1; } article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { display: block; } nav ul { list-style: none; } blockquote,q { quotes: none; } blockquote:before,blockquote:after,q:before,q:after { content: ''; content: none; } a { margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent; } ins { background-color: #ff9; color: #000; text-decoration: none; } mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; } del { text-decoration: line-through; } abbr[title],dfn[title] { border-bottom: 1px dotted; cursor: help; } table { border-collapse: collapse; border-spacing: 0; } hr { display: block; height: 1px; border: 0; border-top: 1px solid #cccccc; margin: 1em 0; padding: 0; } input,select { vertical-align: middle; } * { box-sizing: border-box; } html,body { width: 100%; } body { background: black; color: white; } section.jcb-yellow { background: #f9b004; color: black; } .jcb-container { position: relative; } .jcb-section { font-size: 1rem; padding: 3.5rem 0; } .jcb-section.hidden-margin-top { padding-top: 0; } .jcb-section.hidden-margin-bottom { padding-bottom: 0; } .jcb-module { font-size: 1rem; margin-bottom: 3.5rem; overflow: hidden; } .jcb-module__title { margin-bottom: 15px; } .jcb-title { padding-bottom: 15px; text-transform: lowercase; border-bottom: 1px solid #262626; } .jcb-title:first-letter { text-transform: uppercase; } body { font-family: "JCBEuroRomanRegular"; font-size: 100%; line-height: 1.35em; } a { color: white; text-decoration: none; } a:hover { text-decoration: underline; } .small { font-size: 0.875em; } h1 { font-size: 1.75rem; font-family: "JCBEuroBoldRegular"; font-weight: normal; line-height: 1em; color: white; margin: 0 0 24px 0; } h2 { font-size: 1.625rem; font-family: "JCBEuroBoldRegular"; font-weight: normal; line-height: 1em; color: white; } h3 { font-size: 1.25rem; font-family: "JCBEuroBoldRegular"; font-weight: normal; line-height: 1em; color: white; } h4 { font-size: 1.125rem; font-family: "JCBEuroBoldRegular"; font-weight: normal; line-height: 1em; color: white; } h5 { font-size: 1rem; font-family: "JCBEuroBoldRegular"; font-weight: normal; line-height: 1em; color: white; } h6 { font-size: 1rem; font-family: "JCBEuroBoldRegular"; font-weight: normal; line-height: 1em; color: white; } @media screen and (min-width: 768px) { h1 { font-size: 1.75rem; font-family: "JCBEuroBoldRegular"; font-weight: normal; line-height: 1em; color: white; } } @media screen and (min-width: 768px) { h2 { font-size: 1.625rem; font-family: "JCBEuroBoldRegular"; font-weight: normal; line-height: 1em; color: white; } } @media screen and (min-width: 768px) { h3 { font-size: 1.25rem; font-family: "JCBEuroBoldRegular"; font-weight: normal; line-height: 1em; color: white; } } @media screen and (min-width: 768px) { h4 { font-size: 1.125rem; font-family: "JCBEuroBoldRegular"; font-weight: normal; line-height: 1em; color: white; } } @media screen and (min-width: 768px) { h5 { font-size: 1rem; font-family: "JCBEuroBoldRegular"; font-weight: normal; line-height: 1em; color: white; } } @media screen and (min-width: 768px) { h8 { font-size: 1rem; font-family: "JCBEuroBoldRegular"; font-weight: normal; line-height: 1em; color: white; } } @media screen and (min-width: 992px) { h1 { font-size: 2.125rem; font-family: "JCBEuroBoldRegular"; font-weight: normal; line-height: 1em; color: white; } } @media screen and (min-width: 992px) { h2 { font-size: 2rem; font-family: "JCBEuroBoldRegular"; font-weight: normal; line-height: 1em; color: white; } } @media screen and (min-width: 992px) { h3 { font-size: 1.25rem; font-family: "JCBEuroBoldRegular"; font-weight: normal; line-height: 1em; color: white; } } @media screen and (min-width: 992px) { h4 { font-size: 1.25rem; font-family: "JCBEuroBoldRegular"; font-weight: normal; line-height: 1em; color: white; } } @media screen and (min-width: 992px) { h5 { font-size: 1.25rem; font-family: "JCBEuroBoldRegular"; font-weight: normal; line-height: 1em; color: white; } } @media screen and (min-width: 992px) { h6 { font-size: 1.25rem; font-family: "JCBEuroBoldRegular"; font-weight: normal; line-height: 1em; color: white; } } @media screen and (min-width: 1230px) { h1 { font-size: 2.125rem; font-family: "JCBEuroBoldRegular"; font-weight: normal; line-height: 1em; color: white; } } @media screen and (min-width: 1230px) { h2 { font-size: 2rem; font-family: "JCBEuroBoldRegular"; font-weight: normal; line-height: 1em; color: white; } } @media screen and (min-width: 1230px) { h3 { font-size: 1.375rem; font-family: "JCBEuroBoldRegular"; font-weight: normal; line-height: 1em; color: white; } } @media screen and (min-width: 1230px) { h4 { font-size: 1.375rem; font-family: "JCBEuroBoldRegular"; font-weight: normal; line-height: 1em; color: white; } } @media screen and (min-width: 1230px) { h5 { font-size: 1.375rem; font-family: "JCBEuroBoldRegular"; font-weight: normal; line-height: 1em; color: white; } } @media screen and (min-width: 1230px) { h6 { font-size: 1.375rem; font-family: "JCBEuroBoldRegular"; font-weight: normal; line-height: 1em; color: white; } } p { margin-bottom: 15px; } p:last-of-type { margin-bottom: 0; } @font-face { font-family:'JCBEuroRomanRegular';src:url('includes/fonts/vendor/jcb/jcber-webfont.eot') format('eot');src:url('includes/fonts/vendor/jcb/jcber-webfont.eot?#iefix') format('embedded-opentype'),url('includes/fonts/vendor/jcb/jcber-webfont.woff') format('woff'),url('includes/fonts/vendor/jcb/jcber-webfont.ttf') format('truetype'),url('includes/fonts/vendor/jcb/jcber-webfont.svg#JCBEuroRomanRegular') format('svg');font-weight:normal;font-style:normal; } @font-face { font-family:'JCBEuroBoldRegular';src:url('includes/fonts/vendor/jcb/jcbeb-webfont.eot') format('eot');src:url('includes/fonts/vendor/jcb/jcbeb-webfont.eot?#iefix') format('embedded-opentype'),url('includes/fonts/vendor/jcb/jcbeb-webfont.woff') format('woff'),url('includes/fonts/vendor/jcb/jcbeb-webfont.ttf') format('truetype'),url('includes/fonts/vendor/jcb/jcbeb-webfont.svg#JCBEuroBoldRegular') format('svg');font-weight:normal;font-style:normal; } @font-face { font-family:'JCBEuroItalicRegular';src:url('includes/fonts/vendor/jcb/jcbei-webfont.eot') format('eot');src:url('includes/fonts/vendor/jcb/jcbei-webfont.eot?#iefix') format('embedded-opentype'),url('includes/fonts/vendor/jcb/jcbei-webfont.woff') format('woff'),url('includes/fonts/vendor/jcb/jcbei-webfont.ttf') format('truetype'),url('includes/fonts/vendor/jcb/jcbei-webfont.svg#JCBEuroItalicRegular') format('svg');font-weight:normal;font-style:normal; } @font-face { font-family:'icomoon';src:url('includes/fonts/vendor/jcb/icons/icomoon.eot?-67yv4o');src:url('includes/fonts/vendor/jcb/icons/icomoon.eot?#iefix-67yv4o') format('embedded-opentype'),url('includes/fonts/vendor/jcb/icons/icomoon.woff?-67yv4o') format('woff'),url('includes/fonts/vendor/jcb/icons/icomoon.ttf?-67yv4o') format('truetype'),url('includes/fonts/vendor/jcb/icons/icomoon.svg?-67yv4o#icomoon') format('svg');font-weight:normal;font-style:normal; } [class^="icon-"],[class*=" icon-"] { font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-brochure:before { content: "\e629"; } .icon-download-obj:before { content: "\e614"; } .icon-pound:before { content: "\e616"; } .icon-dealer:before { content: "\e617"; } .icon-menu:before { content: "\e600"; } .icon-phone:before { content: "\e628"; } .icon-quotes-left:before { content: "\e61c"; } .icon-play:before { content: "\e626"; } .icon-pause:before { content: "\e627"; } .icon-share:before { content: "\e620"; } .icon-instagram:before { content: "\e621"; } .icon-flickr:before { content: "\e622"; } .icon-wordpress:before { content: "\e623"; } .icon-tumblr:before { content: "\e624"; } .icon-reddit:before { content: "\e625"; } .icon-quotes-right:before { content: "\e61d"; } .icon-gplus:before { content: "\e60e"; } .icon-linkedin:before { content: "\e618"; } .icon-twitter:before { content: "\e619"; } .icon-youtube:before { content: "\e61a"; } .icon-location:before { content: "\e60f"; } .icon-list:before { content: "\e601"; } .icon-arrow-left:before { content: "\e602"; } .icon-arrow-down:before { content: "\e603"; } .icon-arrow-up:before { content: "\e604"; } .icon-arrow-right:before { content: "\e605"; } .icon-arrow-left-small:before { content: "\e606"; } .icon-arrow-down-small:before { content: "\e607"; } .icon-arrow-up-small:before { content: "\e608"; } .icon-arrow-right-small:before { content: "\e609"; } .icon-arrow-left-large:before { content: "\e60a"; } .icon-arrow-down-large:before { content: "\e60b"; } .icon-arrow-up-large:before { content: "\e60c"; } .icon-arrow-right-large:before { content: "\e60d"; } .icon-facebook:before { content: "\e615"; } .icon-checkmark:before { content: "\e610"; } .icon-cross:before { content: "\e611"; } .icon-minus:before { content: "\e612"; } .icon-plus:before { content: "\e613"; } .icon-pinterest:before { content: "\e61b"; } .icon-target:before { content: "\e61e"; } .icon-location-pin:before { content: "\e61f"; } button { background: none; border: 0 none; margin: 0; padding: 0; border-radius: 0; -webkit-tap-highlight-color: rgba(0,0,0,0) !important; -webkit-tap-highlight-color: transparent !important; outline: 0; border: none; text-align: left; } [class*="jcb-btn"] { display: block; font-size: 1rem; } [class*="jcb-btn"] i { padding: 5px; font-size: 1.125em; line-height: 1em; float: left; } [class*="jcb-btn"] i.glyphicon-play { font-size: 1em; padding: 6px; } [class*="jcb-btn"] i.glyphicon { margin-top: -2px; } [class*="jcb-btn"] span { display: block; line-height: 1.75em; margin-left: 35px; } [class*="jcb-btn"] span:first-letter { text-transform: uppercase; } .jcb-btn--default { line-height: 28px; font-family: "JCBEuroBoldRegular"; } .jcb-btn--default i { background: #f9b004; color: black; } .jcb-btn--default span { font-family: "JCBEuroBoldRegular"; } .jcb-btn--default:hover i { background: #262626; color: #f9b004; } .jcb-btn--standard,.scfSubmitButton { padding: 10px; background: #f9b004; color: black; border: 1px solid #f9b004; font-family: "JCBEuroBoldRegular"; } .jcb-btn--standard i,.scfSubmitButton i { color: black; float: right; } .jcb-btn--standard span,.scfSubmitButton span { margin-left: 0; } .jcb-btn--standard:not(.jcb-center) span,.scfSubmitButton:not(.jcb-center) span { margin-right: 38px; } .jcb-btn--standard:hover,.scfSubmitButton:hover { text-decoration: none; color: #f9b004; border-color: #f9b004; background: #262626; } .jcb-btn--standard:hover i,.scfSubmitButton:hover i { color: #f9b004; } .jcb-btn--large,.scfSubmitButton { padding: 15px 1.5625em; text-transform: uppercase; } .jcb-btn--overlay { padding: 10px; background: rgba(249,176,4,0.9); color: black; font-family: "JCBEuroBoldRegular"; } .jcb-btn--overlay i { color: black; } .jcb-btn--overlay span { margin-right: 0.625em; } .jcb-btn--overlay:hover { text-decoration: none; color: #f9b004; background: #262626; } .jcb-btn--overlay:hover i { color: #f9b004; } .jcb-btn--link { display: block; overflow: hidden; color: #f9b004; } .jcb-btn--link span { margin-left: 0; float: left; } .jcb-yellow .jcb-btn--default i { background: #262626; color: #f9b004; } .jcb-yellow .jcb-btn--default span { color: black; } .jcb-yellow .jcb-btn--default:hover { color: black; } .jcb-yellow .jcb-btn--default:hover i { background: #f9b004; color: #262626; } .jcb-yellow .jcb-btn--link { color: black; } .clear { clear: both; height: 0; } .jcb-center { text-align: center; } .jcb-sr { text-indent: -10000px; } .no-gutter { margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0; } .no-gutter-left { padding-left: 0; } .jcb-spacing-bar { height: 1px; background: #dd970c; } .jcb-spacing-line { height: 1px; border-bottom: 1px dotted white; } .hidden { display: none; } .jcb-body { position: relative; } .jcb-black { background: black; } .jcb-yellow { background: #f9b004; color: black; } .jcb-yellow h2 { color: black; } .jcb-grey { background: #262626; } .jcb-tabs>* { } [data-tabs] li.open { } [data-tabs] li.open>* { } [data-tabs-content] { display: none; } [data-tabs-content].open { display: block; } .jcb-tabs { font-size: 1rem; padding: 0; overflow: hidden; } .jcb-tabs__content { display: none; } .jcb-tabs__content.active { display: block; } jcb-tabs__slider__inner ul { padding: 0; margin: 0; } .jcb-tabs .mCSB_container { margin: 30px 0; } .jcb-tabs__titles { overflow: hidden; list-style: none; padding-bottom: 30px; } .jcb-tabs__title { float: left; font-family: "JCBEuroBoldRegular"; font-size: 2.2em; color: #262626; line-height: 1em; } .jcb-tabs__title a { color: #262626; } .jcb-tabs__title i { float: left; margin-top: 3px; } .jcb-tabs__title span { } .jcb-tabs__title.active,.jcb-tabs__title.open,.jcb-tabs__title:hover { } .jcb-tabs__title.active>a,.jcb-tabs__title.open>a,.jcb-tabs__title:hover>a { color: white; text-decoration: none; } .jcb-tabs__title:last-of-type { display: none; } .jcb-tabs__title-separator { margin: 0 10px; color: white; } @media only screen and (min-width: 768px) { .jcb-tabs__title { } .jcb-tabs__title span { } } .jcb-inline-group { display: table; } .jcb-inline-group__field,.jcb-inline-group__btn,.jcb-inline-group__addon { display: table-cell; } .jcb-input,.half-section input:not([type='checkbox']),.full-section input:not([type='checkbox']),.jcb-select,.jcb-checkbox { padding: 10px 15px; border: none; border-radius: 0; color: black; background: #cccccc; font-size: 1.3em; margin-bottom: 15px; line-height: 1.5em; width: 100%; } .jcb-checkbox { margin-bottom: 0; width: 15px; height: 15px; background: none; border: none; } .jcb-label,.half-section label,.full-section label { margin-bottom: 15px; display: inline-block; } .jcb-label.hidden-label,.half-section label.hidden-label,.full-section label.hidden-label { display: none; } .jcb-checkbox-label { margin-top: 15px; margin-bottom: 15px; } .jcb-checkbox-label .jcb-checkbox,.jcb-checkbox-label .jcb-label,.jcb-checkbox-label .half-section label,.half-section .jcb-checkbox-label label,.jcb-checkbox-label .full-section label,.full-section .jcb-checkbox-label label { margin-top: 0; } .jcb-checkbox-label .jcb-checkbox { margin-right: 15px; } .jcb-checkbox__wrap { margin-top: 15px; margin-bottom: 15px; } .jcb-form-error-message { display: block; background: none; color: red; border: none 0; padding-bottom: 15px; } form .jcb-form-info { margin-bottom: 15px; } .jcb-form--disclaimer { color: #cccccc; } .jcb-header { font-size: 1rem; background: #f9b004; color: black; z-index: 10001; } .jcb-header__logo { height: 3rem; padding: 8px 15px; vertical-align: top; } .jcb-header__menu-btn { position: fixed; top: 0; right: 0; z-index: 99999; background: #f9b004; height: 3rem; width: 3rem; font-size: 1.4em; -webkit-tap-highlight-color: rgba(0,0,0,0) !important; -webkit-tap-highlight-color: transparent !important; outline: 0; border: none; margin-top: 0; } .jcb-header__menu-btn:not(.collapsed) { background: black; color: white; } .jcb-header__menu-btn i { width: 100%; text-align: center; } .jcb-header__products-btn { font-family: "JCBEuroBoldRegular"; height: 3rem; margin: 0; margin-right: 3rem; border-left: 1px solid; border-right: 1px solid; border-color: #dd970c; float: right; line-height: 4.125rem; padding: 0 10px; } .jcb-header__products-btn:not(.collapsed) { background: black; color: white; } .jcb-header__products-btn:not(.collapsed) i { background: black; color: white; } .jcb-header__menu-btn[data-nav][class*="jcb-btn"].open,.jcb-header__products-btn.open { background: black; color: white; } .jcb-header__menu-btn[data-nav][class*="jcb-btn"].open i,.jcb-header__products-btn.open i { background: black; color: white; } .jcb-header .jcb-btn--default:hover.open i { color: white; background: black; } .jcb-header .jcb-btn--default:hover i { color: black; background: #f9b004; } .jcb-header__widgets { display: none; } @media only screen and (min-width: 768px) { .jcb-header__widgets { float: right; display: table; list-style: none; height: 4.125rem; padding: 10px 0; } .jcb-header__widget { display: table-cell; height: 100%; border-left: 1px solid #dd970c; padding: 0 20px; vertical-align: middle; } .jcb-header__widget:first-of-type { border-left: 0 none; } .jcb-header { } .jcb-header .row { position: relative; } .jcb-header__logo { height: 4.125rem; } .jcb-header__menu-btn,.jcb-header__products-btn { display: none; } } @media only screen and (min-width: 992px) { .jcb-header__widgets { height: 4.125rem; } .jcb-header { } .jcb-header__logo { height: 4.125rem; } } @media only screen and (min-width: 1230px) { .jcb-header__widgets { height: 4.75rem; } .jcb-header { } .jcb-header__logo { height: 4.75rem; } } .jcb-header-nav__item { display: block; font-size: 0.875em; position: relative; } .jcb-header-nav__item:last-of-type { border-bottom: none; } .jcb-header-nav__link { height: 100%; display: table; position: relative; } .jcb-header-nav__link span { display: table-cell; vertical-align: middle; } .jcb-header-nav__link.open,.jcb-header-nav__link:hover { color: white; background: black; } .jcb-header-nav__block { display: none; border-bottom: 2px solid #f9b004; } .jcb-header-nav__block>ul { border-bottom: 2px solid #f9b004; } .jcb-header-nav__block.open { display: block; } .jcb-header-nav__back-link { background: #262626; } .jcb-header-nav__back-link i { float: left; margin-top: 3px; } .jcb-header-nav__link-icon { float: left; margin-right: 10px; margin-top: 2px; } .jcb-header-nav__link-icon.icon-arrow-right { float: right !important; line-height: 1.5em; } .jcb-header-nav--mobile .jcb-header-nav__link,.jcb-header-nav--mobile .jcb-header-nav__link--action,.jcb-header-nav--mobile .jcb-header-products__link { padding: 11px 15px; display: block; } .jcb-header-nav__link--action { color: #f9b004; } .jcb-header-nav--mobile .jcb-header-nav__item { border-bottom: 1px solid #262626; } .jcb-header-nav--mobile .jcb-header-nav__item:not(.jcb-header-nav__back-link) { background: black; } .jcb-header-nav--mobile .jcb-header-nav__item .icon-checkmark { color: #f9b004; float: none !important; margin-left: 10px; display: none; } .jcb-header-nav--mobile .jcb-header-nav__item.active { background: #262626; } .jcb-header-nav--mobile .jcb-header-nav__item.active .icon-checkmark { display: inline; } @media only screen and (min-width: 768px) { .jcb-header-nav { display: block; border-top: 1px solid #dd970c; } .jcb-header-nav ul { list-style: none; } .jcb-header-nav__item { height: 3.5rem; display: table-cell; vertical-align: middle; } .jcb-header-nav__item:hover { background: black; } .jcb-header-nav__item-wrap { width: auto; display: table; } .jcb-header-nav__container { display: block; } .jcb-header-nav__link,.jcb-header-nav__search { color: black; text-decoration: none; float: left; font-family: "JCBEuroBoldRegular"; font-size: 1em; text-align: center; } .jcb-header-nav__link:hover,.jcb-header-nav__search:hover { text-decoration: underline; } .jcb-header-nav__link span,.jcb-header-nav__link i,.jcb-header-nav__search span,.jcb-header-nav__search i { padding: 0 10px; } .jcb-header-nav__link span,.jcb-header-nav__search span { height: 100%; } } @media only screen and (min-width: 992px) { .jcb-header-nav__link,.jcb-header-nav__search { font-size: 1em; font-family: "JCBEuroBoldRegular"; } .jcb-header-nav__link span,.jcb-header-nav__search span { padding: 0 15px; } } @media only screen and (min-width: 1230px) { .jcb-header-nav__link,.jcb-header-nav__search { } .jcb-header-nav__link span,.jcb-header-nav__search span { padding: 0 30px; } } .jcb-header-dealer { font-size: 1rem; padding: 30px; background: black; width: 20rem; position: absolute; top: 3.5rem; z-index: 10000; left: 0; display: none; } p.jcb-header-dealer__text { color: white; margin-bottom: 15px; } .jcb-header-dealer__current-btn,.jcb-header-dealer__locator-btn,.jcb-header-dealer__location-field { display: block; width: 100%; } .jcb-header-dealer__locator-btn { margin-bottom: 0; } .jcb-header-dealer__location-error { color: white; margin-top: 10px; margin-right: 15px; display: none; margin-bottom: 15px; } .jcb-header-dealer__location-error i { float: right; margin-right: -15px; color: #f9b004; font-size: 2em; } @media only screen and (min-width: 992px) { .jcb-header-dealer { top: 3.5rem; } } @media only screen and (min-width: 1230px) { .jcb-header-dealer { top: 3.5rem; } } .jcb-header-products { position: absolute; z-index: 9999; left: 0; right: 0; top: 3rem; width: 100%; } .jcb-header-products__list { width: 100%; position: absolute; top: 0; left: 0; } .jcb-header-products__link { display: block; } .jcb-header-products__image { height: 2.75rem; margin: -11px 15px -11px -15px; float: left; } .jcb-header-products__sub-list { position: absolute; top: 0; left: 100%; width: 100%; } .jcb-header-products__industry { float: right; color: #f9b004; font-size: 1em; background: #262626; text-transform: capitalize; } @media only screen and (min-width: 768px) { .jcb-header-products--desk { font-size: 1rem; z-index: 10000; position: absolute; top: 3.5rem; background: black; width: 738px; padding: 30px 15px; left: 0; } .jcb-header-products--desk__product-list>* { margin: 0; } .jcb-header-products--desk__product-list ul:first-of-type { padding-left: 0; } .jcb-header-products--desk__product-list ul:last-of-type { padding-right: 0; } .jcb-header-products--desk__product-list li { width: 100%; } .jcb-header-products--desk__link--industry { display: block; margin: 10px 10px 3px 0; } .jcb-header-products--desk__link--industry i { display: none; margin-left: 10px; color: #f9b004; } .jcb-header-products--desk__link--industry.active { background: #262626; padding: 3px 10px; } .jcb-header-products--desk__link--industry.active i { display: inline; } .jcb-header-products--desk__link--action { display: block; margin: 10px 10px 3px 0; } .jcb-header-products__selected-industry { font-size: 1.375em; font-family: "JCBEuroBoldRegular"; color: white; margin-bottom: 15px; } .jcb-header-products__selected-industry span { color: #f9b004; display: inline-block; text-transform: capitalize; } .jcb-header-products--desk__link { font-size: 0.875em; margin: 10px 10px 3px 0; display: block; } .jcb-header-products--desk__link i { margin-left: 10px; color: #f9b004; display: none; } .jcb-header-products--desk__link.active { background: #262626; padding: 3px 10px; } .jcb-header-products--desk__link.active i { display: inline; } .jcb-header-products--desk__link--industry:hover { text-decoration: none; } .jcb-header-products--desk__link--industry:hover span { text-decoration: underline; } .jcb-header-products--desk__link--industry:hover i { text-decoration: none; display: inline; } .jcb-header-products--desk__nav-image { width: 100%; } .jcb-header-products--desk__image { height: 30px; float: left; margin-right: 10px; margin-top: -7px; } .jcb-header-products--desk__title { color: white; font-size: 0.875em; padding: 3px 0; } .jcb-header-products--desk__link--action { color: #f9b004; } } @media only screen and (min-width: 992px) { .jcb-header-products--desk { width: 962px; } .jcb-header-products--desk__link { font-size: 1em; } } @media only screen and (min-width: 1230px) { .jcb-header-products--desk { top: 3.5rem; width: 1200px; } } @media only screen and (min-width: 768px) { .jcb-header-customer-support { position: absolute; width: 37.5rem; left: -15px; font-size: 1rem; z-index: 10000; top: 3.5rem; background: black; margin-left: 15px; padding: 30px 15px; } jcb-header-customer-support__inner { overflow: hidden; overflow-y: visible; width: 100%; } .jcb-header-customer-support__list { width: 100%; position: absolute; top: 0; left: 0; } [class*="jcb-header-customer-support__item"] { background: black; } .jcb-header-customer-support__link { display: block; } .jcb-header-customer-support__image { height: 2.75rem; margin: -11px 15px -11px -15px; float: left; } .jcb-header-customer-support__sub-list { position: absolute; top: 0; left: 100%; width: 100%; } .jcb-header-customer-support__product-list>* { margin: 0; } .jcb-header-customer-support__product-list li { width: 100%; } [class*="jcb-header-customer-support__link"] { font-size: 0.875em; padding: 3px 0; display: block; } .jcb-header-customer-support__nav-image { width: 100%; } .jcb-header-customer-support__title { color: white; font-size: 0.875em; padding: 3px 0; } .jcb-header-customer-support__link--action { color: #f9b004; } } @media only screen and (min-width: 992px) { .jcb-header-customer-support__link { font-size: 1em; } } @media only screen and (min-width: 1230px) { .jcb-header-customer-support { top: 3.5rem; } } .jcb-header-industry { font-size: 1rem; padding: 30px; background: black; width: 20rem; position: absolute; top: 3.5rem; z-index: 10000; right: 0; display: none; } .jcb-header-industry__link { margin-top: 10px; display: block; line-height: 30px; } .jcb-header-industry__link:first-of-type { margin-top: 0; } .jcb-header-industry__link i { display: none; color: #f9b004; margin-left: 10px; } .jcb-header-industry__link.active i { display: inline; } .jcb-header-industry__link:hover { text-decoration: underline; } .jcb-header-industry__image { margin-right: 10px; float: left; height: 30px; } @media only screen and (min-width: 992px) { .jcb-header-industry { top: 3.5rem; } } @media only screen and (min-width: 1230px) { .jcb-header-industry { top: 3.5rem; } } .jcb-header-finance { font-size: 1rem; padding: 30px; background: black; width: 15.625rem; position: absolute; top: 3.5rem; z-index: 10000; left: 0; display: none; } .jcb-header-finance__link { margin-top: 10px; display: block; line-height: 30px; } .jcb-header-finance__link:first-of-type { margin-top: 0; } .jcb-header-finance__image { margin-right: 10px; float: left; height: 30px; } @media only screen and (min-width: 992px) { .jcb-header-finance { top: 3.5rem; } } @media only screen and (min-width: 1230px) { .jcb-header-finance { top: 3.5rem; } } .jcb-header__nav__item[data-nav-wrap="search"] { position: relative; } .jcb-header__search { font-size: 1rem; padding: 30px; background: black; width: 20rem; position: absolute; top: 4.125rem; z-index: 10000; right: 0; display: none; } .jcb-header__search__text { color: white; } .jcb-header__search__btn,.jcb-header__search__field,.jcb-header__search__link { display: block; width: 100%; } .jcb-header__search__field { margin-top: 0; } .jcb-header__search__link { margin-top: 10px; } @media only screen and (min-width: 992px) { .jcb-header__search { top: 4.125rem; } } @media only screen and (min-width: 1230px) { .jcb-header__search { top: 4.75rem; } } .jcb-header-nav__menu { position: fixed; top: 3rem; left: 0; right: 0; overflow: hidden; overflow-y: auto; z-index: 10000; background: black; max-height: calc(100% - 2.75rem); } s .jcb-header-nav__item--action { color: #f9b004; } .jcb-header-nav__menu-search { background: #262626; } .jcb-header-nav__menu-search .jcb-inline-group { width: 100%; } .jcb-header-nav__menu-search .jcb-inline-group__addon,.jcb-header-nav__menu-search .jcb-inline-group__btn { width: 2.75rem; } .jcb-header-nav__menu-search-btn,.jcb-header-nav__menu-search-cancel { width: 2.75rem; height: 2.75rem; line-height: 2.75rem; } .jcb-header-nav__menu-search-btn [class*="icon-"],.jcb-header-nav__menu-search-btn [class*="glyphicon"],.jcb-header-nav__menu-search-cancel [class*="icon-"],.jcb-header-nav__menu-search-cancel [class*="glyphicon"] { color: black; margin-top: 4px; display: block; } .jcb-header-nav__menu-search-btn [class*="icon-"],.jcb-header-nav__menu-search-btn [class*="glyphicon"] { color: white; } .jcb-header-nav__menu-search-btn>i { margin-left: 15px; } .jcb-header-nav__menu-search-cancel:enabled i { color: white; } .jcb-header-nav__menu-search-field { border: none; margin: 0; line-height: 2.75rem; padding: 0; width: 100%; margin-top: -10px; height: 2.75rem; background: rgba(0,0,0,0); color: white; } @media only screen and (min-width: 768px) { .jcb-header-nav__menu { display: none; } } .jcb-header-cta { font-size: 1rem; } .jcb-header-cta__item { background: #f9b004; border-right: 1px solid #dd970c; border-bottom: 1px solid #dd970c; padding: 0; } .jcb-header-cta__link { padding: 10px 0; color: black; display: block; width: 100%; } .jcb-header-cta__link i,.jcb-header-cta__link span { display: block; text-align: center; } .jcb-header-cta__link i { font-size: 1.3em; } .jcb-header-cta__link span { margin-top: 5px; font-family: "JCBEuroBoldRegular"; } @media only screen and (min-width: 768px) { .jcb-header-cta { position: absolute; right: 0; top: 0; z-index: 99999; box-shadow: 0 0 1px black; } .jcb-header-cta .container { width: auto; } .jcb-header-cta__item { float: none; width: auto; border-right: 0 none; border-bottom: 1px solid #dd970c; padding: 0; height: auto; } .jcb-header-cta__item:last-of-type { border-bottom: 0 none; } .jcb-header-cta__item i { font-size: 1em; } .jcb-header-cta__item span { font-family: "JCBEuroRomanRegular"; font-size: 1em; } .jcb-header-cta__link { padding: 10px; } .jcb-header-cta__link:hover { text-decoration: none; background: #262626; color: #f9b004; } .jcb-header-cta__link:hover span { text-decoration: underline; } } @media only screen and (min-width: 1230px) { .jcb-header-cta__link { } .jcb-header-cta__link i { font-size: 1.3em; } } .jcb-footer { font-size: 1rem; background: #f9b004; color: black; border-top: 1px solid #dd970c; } .jcb-footer__info { background: black; } .jcb-footer__info__region-btn { color: #f9b004; font-size: 0.875em; padding: 8px 0; margin-top: 0; line-height: 1.75rem; } .jcb-footer__info__region-btn i { font-size: 1.166667em; line-height: 1em; float: left; padding-left: 0; } .jcb-footer__info__region-btn span { line-height: 1.3125rem; display: inline-block; height: 22px; color: white; margin-left: 0; } .jcb-footer__info__region-btn span:hover { text-decoration: underline; } .jcb-footer__info__legal { text-align: left; } .jcb-footer__info__copy { color: white; padding: 8px 0; font-size: 0.875em; line-height: 1.75rem; } .jcb-footer__info__social { display: block; text-align: right; } .jcb-footer__info__social [class*="icon-"] { padding: 21px 6px 11px 0; color: white; font-size: 1.1em; display: inline-block; line-height: 1.3125rem; } .jcb-footer__info__social:hover [class*="icon-"] { color: #f9b004; } .jcb-footer__info__social__list--wrap { overflow: hidden; } .jcb-footer__info__social__list { margin: 0; padding: 0; list-style: none; } .jcb-footer__info__social__list li { padding: 11px 15px; border-bottom: 1px solid #262626; } .jcb-footer__info__social__list li i { margin-right: 10px; } @media only screen and (min-width: 768px) { .jcb-footer__info__social__list li { width: 25%; display: inline-block; margin-left: -4px; } } @media only screen and (min-width: 992px) { .jcb-footer__info__social__list { margin-left: 4px; } } .jcb-footer__info__social__link:hover { color: #f9b004; text-decoration: none; } .jcb-footer__info__social__link:hover span { text-decoration: underline; } .jcb-footer__info__legal__link { font-size: 0.875em; text-decoration: none; color: white; padding: 8px 0; line-height: 1.3125rem; display: inline-block; } .jcb-footer__info__legal__link:after { content: '.'; } .jcb-footer__info__legal__link:last-of-type:after { content: ''; } .jcb-footer__info__legal__link:hover { text-decoration: underline; } .jcb-footer__copyright { margin-bottom: 30px; font-size: 0.875em; } @media only screen and (max-width: 767px) { .jcb-footer__info__social [class*="icon-"] { padding-right: 0; } } @media only screen and (max-width: 25rem) { .jcb-footer__info__social--wrap,.jcb-footer__info__region { width: 100%; } .jcb-footer__info__social--wrap [class*="icon-"] { float: left; padding-top: 0; } } @media only screen and (min-width: 768px) { .jcb-footer__info__region-btn { font-size: 0.875em; } .jcb-footer__info__social { text-align: right; } .jcb-footer__info__social [class*="icon-"] { font-size: 1.2em; } .jcb-footer__info__social__list { margin-bottom: 30px; } .jcb-footer__info__legal { text-align: right; width: 100%; } .jcb-footer__copyright { display: none; } } .jcb-footer__mission { padding: 15px 0; } .jcb-footer__mission__logo { height: 3.1875rem; display: block; } .jcb-footer__mission { font-size: 0.875em; } .jcb-footer__mission__statement { padding: 15px 0; } @media only screen and (min-width: 768px) { .jcb-footer__mission { border-top: 1px solid #dd970c; } .jcb-footer__mission__statement--wrap { display: table; height: 3.1875rem; } .jcb-footer__mission__statement { display: table-cell; vertical-align: middle; padding: 0; } } .jcb-footer__nav { display: none; } @media only screen and (min-width: 768px) { .jcb-footer__nav { display: block; font-size: 1rem; padding: 30px 0; } .jcb-footer__nav [class*="col-"] { border-right: 1px solid #dd970c; height: 100%; } .jcb-footer__nav [class*="col-"]:last-of-type { border-right: none; } .jcb-footer__nav__title { font-family: "JCBEuroBoldRegular"; font-weight: normal; margin: 0; padding-bottom: 15px; font-size: 1em; color: black; } .jcb-footer__nav__link { display: block; padding-bottom: 15px; color: black; text-decoration: none; } .jcb-footer__nav__link:hover { text-decoration: underline; } } .jcb-footer__cta { font-size: 1rem; } .jcb-footer__cta__link { padding: 15px; display: block; color: black; text-decoration: none; border-top: 1px solid #dd970c; margin-left: -15px; margin-right: -15px; font-family: "JCBEuroBoldRegular"; font-size: 0.875em; } .jcb-footer__cta__link:hover { text-decoration: none; } .jcb-footer__cta__link:hover i { text-decoration: none; } .jcb-footer__cta__link:hover span { text-decoration: underline; } .jcb-footer__cta__link:hover { background: #262626; color: #f9b004; } .jcb-footer__cta [class*="col-"]:first-of-type .jcb-footer__cta__link { border-top: none; } @media only screen and (min-width: 768px) { .jcb-footer__cta__link { border-top: none; border-left: 1px solid #dd970c; text-align: center; font-size: 1.125em; padding: 30px; } .jcb-footer__cta__link i { display: block; font-size: 1.3em; } .jcb-footer__cta [class*="col-"]:first-of-type .jcb-footer__cta__link { border-left: none; } } @media only screen and (min-width: 1230px) { .jcb-footer__cta [class*="col-"]:first-of-type .jcb-footer__cta__link { border-left: 1px solid #dd970c; } .jcb-footer__cta [class*="col-"]:last-of-type .jcb-footer__cta__link { border-right: 1px solid #dd970c; } } .jcb-tabs>* { } [data-tabs] li.open { } [data-tabs] li.open>* { } [data-tabs-content] { display: none; } [data-tabs-content].open { display: block; } .jcb-tabs { font-size: 1rem; padding: 0; overflow: hidden; } .jcb-tabs__content { display: none; } .jcb-tabs__content.active { display: block; } jcb-tabs__slider__inner ul { padding: 0; margin: 0; } .jcb-tabs .mCSB_container { margin: 30px 0; } .jcb-tabs__titles { overflow: hidden; list-style: none; padding-bottom: 30px; } .jcb-tabs__title { float: left; font-family: "JCBEuroBoldRegular"; font-size: 2.2em; color: #262626; line-height: 1em; } .jcb-tabs__title a { color: #262626; } .jcb-tabs__title i { float: left; margin-top: 3px; } .jcb-tabs__title span { } .jcb-tabs__title.active,.jcb-tabs__title.open,.jcb-tabs__title:hover { } .jcb-tabs__title.active>a,.jcb-tabs__title.open>a,.jcb-tabs__title:hover>a { color: white; text-decoration: none; } .jcb-tabs__title:last-of-type { display: none; } .jcb-tabs__title-separator { margin: 0 10px; color: white; } @media only screen and (min-width: 768px) { .jcb-tabs__title { } .jcb-tabs__title span { } } .mCSB_draggerRail { width: 100%; margin: 7px 0; background: #262626; height: 15px; } .mCSB_dragger_bar { width: 100%; margin: 6px auto; position: relative; height: 30px; margin-top: 1px; background: #f9b004; } .mCSB_dragger { width: 30px; height: 100%; cursor: pointer; z-index: 1; } .mCSB_draggerContainer { position: absolute; top: 0; left: 0; bottom: 0; right: 0; height: auto; } .mCSB_scrollTools_horizontal { width: auto; top: auto; right: 0; bottom: 0; left: 0; height: 27px; position: absolute; } .mCSB_container { overflow: hidden; height: auto; } .mCustomScrollBox { position: relative; overflow: hidden; height: 100%; max-width: 100%; outline: none; } .mCustomScrollbar { } .jcb-scrollbar { overflow: hidden; } .jcb-scrollbar__wrap { list-style: none; height: 100%; overflow: hidden; } .jcb-scrollbar__wrap__item { float: left; width: 226px; margin-right: 30px; margin-bottom: 30px; } .jcb-scrollbar__wrap__item:last-of-type { margin-right: 0; } .iScrollHorizontalScrollbar { background: #262626; height: 10px; overflow: visible !important; left: 15px; right: 15px; } .iScrollIndicator { height: 15px; background: #f9b004; position: absolute; margin-top: -2.5px; cursor: pointer; } .jcb-scrollbar__item { width: 18.125rem; margin-right: 30px; margin-bottom: 30px; float: left; position: relative; font-size: 1rem; } .jcb-scrollbar__item:last-of-type { margin-right: 0; } .jcb-scrollbar__article { width: 100%; display: block; color: black; } .jcb-scrollbar__article__title { background: #f9b004; color: black; padding: 10px; font-family: "JCBEuroBoldRegular"; } .jcb-scrollbar__article-button { position: absolute; left: 0; bottom: 0; width: auto; } .jcb-scrollbar__article__image { width: 100%; display: block; } .jcb-scrollbar__article__content { background: #262626; padding: 30px; } .jcb-scrollbar__article__content p { margin: 0; } .jcb-scrollbar__article__footer { background: #f9b004; height: 48px; } .jcb-scrollbar__article__footer__date { line-height: 48px; color: black; padding-left: 15px; font-size: 0.875em; } .jcb-scrollbar__article__footer__icon { height: 48px; float: right; } .jcb-news-block-scroll__item { width: 226px; margin-right: 30px; margin-bottom: 30px; display: inline-block; } .jcb-news-block-scroll__item:last-of-type { margin-right: 0; } .jcb-news-block-scroll__article { width: 100%; } .jcb-news-block-scroll__article__media { overflow: hidden; height: 151px; text-align: center; } .jcb-news-block-scroll__article__media__image { width: 100%; display: block; } .jcb-news-block-scroll__article__media__image.width { width: auto; height: 100%; } .jcb-news-block-scroll__article__media__image.height { margin-top: -94px; } .jcb-news-block-scroll__article__content { background: #262626; padding: 30px; } .jcb-news-block-scroll__article__content p { margin: 0; } .jcb-news-block-scroll__article__content .jcb-btn--default { margin-top: 15px; } .jcb-social-block-scroll__item { width: 226px; margin-right: 30px; margin-bottom: 30px; display: inline-block; } .jcb-social-block-scroll__item:last-of-type { margin-right: 0; } .jcb-social-block-scroll__article { width: 100%; } .jcb-social-block-scroll__article__media__image { width: 100%; display: block; } .jcb-social-block-scroll__article__content { background: #262626; padding: 30px; } .jcb-social-block-scroll__article__content p { margin: 0; } .jcb-social-block-scroll__article__link { margin-top: 15px; display: block; } .jcb-social-block-scroll__article__footer { background: #f9b004; height: 48px; } .jcb-social-block-scroll__article__footer__date { line-height: 48px; color: black; padding-left: 15px; font-size: 0.875em; } .jcb-social-block-scroll__article__footer__icon { height: 48px; float: right; } .jcb-feature-video { font-size: 1rem; padding: 0 0 3.5rem; } .jcb-feature-video [data-fitvid] { padding-left: 0; padding-right: 0; } .jcb-feature-video__title { margin: 30px 0 15px; color: black; } .jcb-feature-video__video { width: 100%; } @media only screen and (min-width: 768px) { .jcb-feature-video { padding-top: 3.5rem; } .jcb-feature-video [data-fitvid] { padding-left: 15px; padding-right: 15px; } .jcb-feature-video .container { display: table; } .jcb-feature-video__content { vertical-align: middle; height: 100%; } .jcb-feature-video__content p { font-size: 1.5em; line-height: 1.3em; } .jcb-feature-video__content-inner { display: table; height: 100%; } .jcb-feature-video__content-wrap,.jcb-feature-video__video-wrap { display: table-cell; vertical-align: middle; } .jcb-feature-video__title { margin-top: 0; margin-bottom: 30px; } } @media only screen and (min-width: 1230px) { .jcb-feature-video__title { font-size: 2.2em; } } .jcb-nav-blocks { font-size: 1rem; padding-top: 3.5rem; } @media only screen and (max-width: 23.4375rem) { .jcb-nav-blocks>.container>.row>[class*="col-xs-"] { width: 100%; } } .jcb-nav-block { font-size: 1rem; margin-bottom: 3.5rem; } .jcb-nav-block a:hover:not([class*="jcb-btn"]) { color:white; } .jcb-nav-block__title { padding: 20px 10px; background: #f9b004; color: black; font-size: 1em; } .jcb-nav-block__image-wrap { height: 200px; overflow: hidden; background: #262626; } .jcb-nav-block__image { width: 100%; display: block; } .jcb-nav-block__btn { font-size: 0.875em; margin-bottom: 15px; } .jcb-nav-block__btn:last-of-type { margin-bottom: 0; } .jcb-nav-block__text { margin-top: 10px; } @media only screen and (min-width: 992px) { .jcb-nav-block__title { padding: 20px; font-size: 1em; } .jcb-nav-block__text,.jcb-nav-block__btn { margin-top: 30px; } } @media only screen and (min-width: 1230px) { .jcb-nav-block__title { font-size: 1.2em; } } .bx-wrapper { position: relative; padding: 0; *zoom: 1; } .bx-wrapper .bx-viewport { -webkit-transform: translatez(0); -ms-transform: translatez(0); transform: translatez(0); } .bx-wrapper .bx-pager,.bx-wrapper .bx-controls-auto { position: absolute; left: 0; top: 0; } .bx-wrapper .bx-loading { min-height: 50px; height: 100%; width: 100%; position: absolute; top: 0; left: 0; z-index: 2000; } .bx-wrapper .bx-pager { text-align: center; font-size: 0.85em; font-family: Arial; font-weight: bold; color: #666; padding-top: 20px; } .bx-wrapper .bx-pager .bx-pager-item,.bx-wrapper .bx-controls-auto .bx-controls-auto-item { display: inline-block; *zoom: 1; *display: inline; } .bx-wrapper .bx-pager.bx-default-pager a { background: black; text-indent: -9999px; display: block; width: 15px; height: 15px; margin: 0 5px; outline: 0; } .bx-wrapper .bx-pager.bx-default-pager a:hover,.bx-wrapper .bx-pager.bx-default-pager a.active { background: #f9b004; } .bx-wrapper .bx-prev { left: 10px; } .bx-wrapper .bx-next { right: 10px; } .bx-wrapper .bx-prev:hover { background-position: 0 0; } .bx-wrapper .bx-next:hover { background-position: -43px 0; } .bx-wrapper .bx-controls-direction a { position: absolute; top: 50%; margin-top: -16px; outline: 0; width: 32px; height: 32px; text-indent: -9999px; z-index: 9999; display: none; } .bx-wrapper .bx-controls-direction a.disabled { display: none; } .bx-wrapper .bx-controls-auto { text-align: center; } .bx-wrapper .bx-controls-auto .bx-start { display: block; text-indent: -9999px; width: 10px; height: 11px; outline: 0; background: url(images/controls.png) -86px -11px no-repeat; margin: 0 3px; } .bx-wrapper .bx-controls-auto .bx-start:hover,.bx-wrapper .bx-controls-auto .bx-start.active { background-position: -86px 0; } .bx-wrapper .bx-controls-auto .bx-stop { display: block; text-indent: -9999px; width: 9px; height: 11px; outline: 0; background: url(images/controls.png) -86px -44px no-repeat; margin: 0 3px; } .bx-wrapper .bx-controls-auto .bx-stop:hover,.bx-wrapper .bx-controls-auto .bx-stop.active { background-position: -86px -33px; } .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager { text-align: left; width: 80%; } .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto { right: 0; width: 35px; } .bx-wrapper .bx-caption { position: absolute; bottom: 0; left: 0; background: #666 \9; background: rgba(80,80,80,0.75); width: 100%; } .bx-wrapper .bx-caption span { color: #fff; font-family: Arial; display: block; font-size: 0.85em; padding: 10px; } .jcb-carousel { font-size: 1rem; } .jcb-carousel__item__image { width: 100%; display: block; } .jcb-carousel__item__content__title { font-family: "JCBEuroRomanRegular"; } .jcb-carousel__item__content { padding: 15px 0 30px; color: white; } .jcb-carousel__item__content__text { padding: 15px 0; } .jcb-carousel__item__content__control { position: absolute; bottom: 100px; } .jcb-carousel__item__content__control>* { cursor: pointer; display: none; font-size: 1.875rem; } .jcb-carousel__item__content__control i { margin-top: 2px; margin-left: 2px; } @media only screen and (min-width: 768px) { .jcb-carousel__item { position: relative; } .jcb-carousel__item__image--small { display: none; } .jcb-carousel__item__image--large { display: block; } .jcb-carousel__item__content { position: absolute; top: 50%; width: 400px; } .jcb-carousel__item__content [class*="jcb-btn"] { display: inline-block; margin-right: 15px; } .jcb-carousel__item__content__title { font-family: "JCBEuroBoldRegular"; } .jcb-carousel__item__content__text { font-size: 1.3em; line-height: 1.2em; } .bx-wrapper .bx-pager { top: auto; bottom: 15px; right: 0; text-align: left; left: 0; } .bx-wrapper .bx-pager a { color: rgba(0,0,0,0); } .jcb-carousel-item__shadow { text-shadow: 3px 3px 3px rgba(0,0,0,0.7); } } @media only screen and (min-width: 992px) { .jcb-carousel__item__content { width: 450px; } .bx-wrapper .bx-pager.bx-default-pager a { width: 15px; height: 15px; } } @media only screen and (min-width: 1230px) { .jcb-carousel__item__content { width: 580px; } .jcb-carousel__item__content [class*="jcb-btn"] { margin-top: 30px; } .jcb-carousel__item__content__title { font-size: 3em; } .jcb-carousel__item__content__text { font-size: 1.7em; padding-top: 30px; } .bx-wrapper .bx-pager { text-align: right; } } .jcb-cookie-policy { font-size: 1rem; padding: 15px 0; background: #262626; } .jcb-cookie-policy__title { font-family: "JCBEuroBoldRegular"; margin-bottom: 15px; } .jcb-cookie-policy__link { text-decoration: underline; margin-top: 15px; display: block; } .jcb-cookie-policy__btn { margin: 15px 0 0; } .jcb-cookie-policy__content { margin-right: 3rem; } @media only screen and (min-width: 768px) { .jcb-cookie-policy__btn { margin: 0; } .jcb-cookie-policy__content { margin-right: 0; } } .jcb-newspaper-content { font-size: 1rem; padding: 0 0 3.5rem; } .jcb-newspaper-content__content { margin-bottom: 30px; } .jcb-newspaper-content__content:last-of-type { margin: 0; } @media only screen and (min-width: 768px) { .jcb-newspaper-content__wrap { -webkit-columns: 3; -moz-columns: 3; columns: 3; -webkit-column-gap: 30px; -moz-column-gap: 30px; column-gap: 30px; } } .jcb-current-industry { font-size: 1rem; background: #262626; padding: 15px; } .jcb-current-industry__label span { text-transform: capitalize; color: #f9b004; } @media only screen and (min-width: 768px) { .jcb-current-industry__label { padding-left: 15px; padding-right: 15px; } } .jcb-testimonial { font-size: 1rem; padding: 0 0 3.5rem; } .jcb-testimonial [class*="icon"] { font-size: 0.75em; } .jcb-testimonial [class*="icon"]:first-of-type { margin-right: 5px; } .jcb-testimonial [class*="icon"]:last-of-type { margin-left: 5px; } .jcb-testimonial__wrap { margin: 1.75rem 0; } .jcb-testimonial__image { display: block; width: calc(100% + 30px); margin: 0-15px; } .jcb-testimonial__content { margin: 15px 0; } .jcb-testimonial__title { font-size: 1.5em; line-height: 1.2em; } .jcb-yellow .jcb-testimonial__title { color: black; } @media only screen and (min-width: 768px) { .jcb-testimonial { padding-top: 3.5rem; } .jcb-testimonial__title { font-size: 1.25em; } .jcb-testimonial__image { margin: 0; width: 100%; } } @media only screen and (min-width: 992px) { .jcb-testimonial__title { font-size: 1.5em; } .jcb-testimonial__wrap { margin: 3.5rem 0; } .jcb-testimonial__content { margin: 15px 0; } } @media only screen and (min-width: 1230px) { .jcb-testimonial__title { font-size: 2em; } .jcb-testimonial__content { margin: 30px 0; } } .jcb-product__desc p { margin-bottom: 15px; } .jcb-product__desc p:first-of-type { font-family: "JCBEuroBoldRegular"; } .jcb-product__desc p:last-of-type { margin-bottom: 3.5rem; } .jcb-product__package .jcb-scrollbar { margin-bottom: 0; } .jcb-product__package__title { margin-bottom: 30px; } .jcb-quick-spec { background: #f9b004; overflow: hidden; padding: 30px 15px; margin-left: -15px; margin-right: -15px; margin-bottom: 3.5rem; } .jcb-quick-spec--view { margin: 0; padding: 0; background: none; color: white; overflow: visible; } .jcb-quick-spec--view .jcb-quick-spec__spec { color: white; } .jcb-quick-spec--view .jcb-quick-spec__title { display: none; } .jcb-quick-spec__spec { border-top: 1px dotted #262626; padding: 7.5px 0; color: black; } .jcb-quick-spec__spec:last-of-type { border-bottom: 1px dotted #262626; } .jcb-quick-spec__spec--right { text-align: right; } .jcb-quick-spec__title { color: black; padding-bottom: 15px; } @media only screen and (min-width: 768px) { .jcb-quick-spec { margin: auto; margin-bottom: 3.5rem; padding: 30px; } .jcb-quick-spec--view { margin: 0; padding: 0; } } .jcb-features__wrap { border-top: 1px dotted #262626; list-style: none; display: table; } .jcb-features__item { padding: 10px 0; border-bottom: 1px dotted #262626; } .jcb-features__all-btn { background: #262626; } .jcb-features__all-btn a { display: block; padding: 10px 15px; } .jcb-features__all-btn i { float: right; margin-top: 2px; } @media only screen and (min-width: 992px) { .jcb-features__item { width: 50%; float: left; } .jcb-features__item span { position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); display: block; } .jcb-features__item:nth-child(odd) { padding-right: 15px; } .jcb-features__item:nth-child(even) { padding-left: 15px; } } .jcb-video { } .jcb-video__title { padding: 30px 15px; background: #f9b004; color: black; } .jcb-video__video { width: 100%; } @media only screen and (min-width: 768px) { .jcb-video { margin: 0 0 3.5rem 0; } .jcb-video__title { padding: 22.5px 30px; } } .jcb-product__aspects__wrap__image { width: 100%; display: block; } .jcb-aspect-images__wrap { padding: 0; } .jcb-aspect-images__wrap__image { width: 100%; display: block; } .jcb-image-swap__image img { cursor: pointer; } .jcb-image-swap__hero.jcb-image-swap__image img { cursor: auto; } .jcb-image-swap__wrap { margin-bottom: 30px; } .jcb-image-swap__hero { margin-bottom: 30px; } @media only screen and (min-width: 768px) { .jcb-image-swap__wrap { margin-bottom: 0; } } @media only screen and (min-width: 992px) { .jcb-aspect-images__wrap__image { margin-bottom: 0; } } .jcb-accordion a { border-top: 1px dashed white; } .jcb-accordion i { float: right; margin-top: 2px; display: inline-block; } .jcb-accordion dt.open i { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .jcb-accordion__list { border-bottom: 1px dashed white; } .jcb-yellow .jcb-accordion a { border-top: 1px solid #dd970c; } .jcb-yellow .jcb-accordion__list { border-bottom: 1px solid #dd970c; } .jcb-accordion__title a { color: black; font-family: "JCBEuroBoldRegular"; padding: 15px 0; display: block; } .jcb-accordion__content { padding: 15px 0; } .jcb-accordion__content p { margin-bottom: 15px; } @media only screen and (max-width: 767px) { .jcb-product__accordion__wrap { padding: 0; } } @media only screen and (min-width: 768px) { .jcb-product__accordion { padding-top: 3.5rem; } } .jcb-collapse { border-top: 1px solid #262626; border-bottom: 1px solid #262626; } .jcb-collapse a { padding: 15px 0; display: block; font-family: "JCBEuroBoldRegular"; } .jcb-collapse i { float: right; margin-top: 2px; display: inline-block; } .jcb-collapse dt.open i { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .jcb-collapse dd { padding-bottom: 15px; } .jcb-yellow .jcb-collapse { border-color: #dd970c; } .jcb-product__package__package { margin-bottom: 30px; } .jcb-product__package__package__title { margin-bottom: 30px; } .jcb-product__package__package__list { padding-left: 20px; } .jcb-product__package__package__item { margin-bottom: 15px; } .jcb-product__package__package__item:last-of-type { margin-bottom: 0; } .jcb-product__pricing { font-size: 1rem; margin-bottom: 3.5rem; background: #262626; padding: 30px 0; } .jcb-product__pricing__wrap { margin-bottom: 30px; } .jcb-product__pricing__wrap:last-of-type { margin-bottom: 0; } .jcb-product__pricing__title { margin-bottom: 30px; padding: 0 15px; } .jcb-product__pricing__price-title { margin-bottom: 10px; } .jcb-product__pricing__price__cost { font-size: 2.5em; font-family: "JCBEuroBoldRegular"; } .jcb-product__pricing__price__info { font-size: 0.875em; } @media only screen and (min-width: 768px) { .jcb-product__pricing { border-left: 1px solid #262626; background: none; padding-top: 0; } .jcb-product__pricing__title,.jcb-product__pricing__price-title,.jcb-product__pricing__price { padding-left: 15px; padding-right: 15px; } } .jcb-product__attachments { font-size: 1rem; margin-bottom: 3.5rem; } .jcb-related-products { font-size: 1rem; padding: 3.5rem 0; } .jcb-banner { font-size: 1rem; position: relative; margin: 0; padding: 0; } .jcb-banner__image { width: 100%; display: block; } .jcb-banner__content { padding: 15px 0 30px; } .jcb-banner__content__title { margin-bottom: 15px; font-family: "JCBEuroRomanRegular"; } @media only screen and (min-width: 768px) { .jcb-banner__content { position: absolute; width: 25rem; top: 50%; } .jcb-banner__content__title { font-family: "JCBEuroBoldRegular"; } .jcb-banner__content_excerpt { font-size: 1.2em; line-height: 1.3em; } .jcb-banner__shadow { text-shadow: 3px 3px 3px rgba(0,0,0,0.7); } } @media only screen and (min-width: 992px) { .jcb-banner__content { width: 28.125rem; } } @media only screen and (min-width: 1230px) { .jcb-banner__content { width: 36.25rem; } .jcb-banner__content__title { font-size: 3rem; } .jcb-banner__content__excerpt { padding-top: 30px; font-size: 1.7em; line-height: 1.2em; } } .jcb-content { padding-top: 0; } .jcb-content__banner { width: calc(100% + 30px); margin-left: -15px; margin-right: -15px; display: block; } .jcb-content__title { background: #f9b004; color: black; padding: 30px 15px; } .jcb-content__content { background: #262626; padding: 59px 15px 30px; } .jcb-content__content p { margin-bottom: 30px; } .jcb-content__content p:last-of-type { margin-bottom: 0; } .jcb-content__image { width: 100%; display: block; } .jcb-content__wrap { position: relative; } .jcb-content__top-button,.jcb-content__menu { width: 2.75rem; height: 2.75rem; text-align: center; position: absolute; font-size: 1rem; z-index: 9998; } .jcb-content__top-button i,.jcb-content__menu i { font-size: 1.2em; display: block; line-height: 2.75rem; } .jcb-content__top-button:hover,.jcb-content__menu:hover { text-decoration: none; } .jcb-content__top-button { background: #f9b004; color: black; } .jcb-content__menu { background: black; color: white; left: 2.75em; } .jcb-content__nav { min-height: 0; } .jcb-content__mobile-nav { position: relative; } @media only screen and (min-width: 768px) { .jcb-content__nav { min-height: 1px; } .jcb-content__wrap { position: initial; } .jcb-content__title,.jcb-content__content { padding-left: 30px; padding-right: 30px; } .jcb-content__content { padding: 30px; } .jcb-content__content p { margin-bottom: 30px; } .jcb-content__top-button,.jcb-content__menu { display: none; } } .jcb-content-navigation { margin-left: -15px; margin-right: -15px; position: absolute; z-index: 9997; width: 100%; background: black; border-bottom: 2px solid #f9b004; display: none; } .jcb-content-navigation.open { display: block; } .jcb-content-navigation__wrap { list-style: none; } .jcb-content-navigation__link { padding: 10px 15px; display: block; border-bottom: 1px dotted #262626; } .jcb-content-navigation__link i { float: right; margin-top: 2px; } .jcb-content-navigation__title { padding: 10px 15px; background: #262626; } .jcb-content-navigation__title .jcb-content__top-button { display: inline-block; margin: -15px 15px-15px-15px; position: relative; } @media only screen and (min-width: 768px) { .jcb-content-navigation { position: static; display: block; border-bottom: 0 none; } .jcb-content-navigation__link { padding: 10px 0 10px 15px; } .jcb-content-navigation__link:hover,.jcb-content-navigation__link.active { background: #262626; } } .jcb-dealer-locator { padding-top: 30px; } .jcb-dealer-locator__title { color: white; border-bottom: 1px dotted white; padding-bottom: 15px; margin-bottom: 15px; } .jcb-dealer-locator__map { width: 100%; height: 250px; } .jcb-dealer-locator__map__marker-label { color: black; text-align: center; font-size: 16px; } .jcb-dealer-locator__dealer-list { list-style: none; } .jcb-dealer-locator__form { margin-bottom: 15px; margin-top: -3.5rem; } .jcb-dealer-locator__form__button,.jcb-dealer-locator__form__input { width: 100%; } .jcb-dealer-locator__form__trigger { margin-bottom: 15px; display: block; } .jcb-dealer-locator__form__wrap { } .jcb-dealer-locator__form__industry-list { list-style: none; } .jcb-dealer-locator__form__industry-list>* { float: left; width: 50%; } @media only screen and (min-width: 768px) { .jcb-dealer-locator__map { height: 300px; } .jcb-dealer-locator__form__trigger { display: none; } .jcb-dealer-locator__form__industry-list>* { width: auto; margin-right: 30px; } .jcb-dealer-locator__form__wrap { display: block; } .jcb-dealer-locator__form__button { width: auto; } } @media only screen and (min-width: 992px) { .jcb-dealer-locator__map { height: 350px; } } @media only screen and (min-width: 1230px) { .jcb-dealer-locator__map { height: 400px; } } .jcb-dealer { padding: 30px 15px; background: #262626; } .jcb-dealer__section { margin-bottom: 15px; } .jcb-dealer__contact { margin-bottom: 15px; } .jcb-dealer__title { font-family: "JCBEuroBoldRegular"; margin-bottom: 10px; } .jcb-dealer__contact-value__link { color: #f9b004; } .jcb-dealer__button { font-family: "JCBEuroBoldRegular"; } .jcb-dealer__distance { margin-bottom: 5px; } .jcb-dealer__distance:last-of-type { margin-bottom: 0; } .jcb-dealer__distance__value { font-size: 2em; color: #f9b004; margin-right: 10px; } .jcb-dealer__opening__day { padding: 5px 0; } .jcb-dealer__opening__day:nth-child(even) { background: black; } address.jcb-dealer__contact-value { font-style: normal; } .jcb-dealer__collapse { margin-top: 15px; } .jcb-dealer__collapse .jcb-dealer__title { border-top: 1px solid black; border-bottom: 1px solid black; } .jcb-dealer__collapse .open .jcb-dealer__title { border-bottom: none; } .jcb-dealer__address-section { margin-bottom: 30px; } .jcb-dealer__left-section { margin-bottom: 0; } .jcb-dealer__right-section { margin-bottom: 30px; } .jcb-dealer__view-on-map { text-decoration: underline; margin-top: 15px; } .jcb-dealer__placeholder-icon { position: relative; float: right; width: 50px; height: 50px; top: -10px; } .jcb-dealer__placeholder-icon__image { height: 100%; width: 100%; position: absolute; top: 0; left: 0; } .jcb-dealer__placeholder-icon__text { position: absolute; color: black; width: 100%; height: 100%; text-align: center; line-height: 20px; padding-top: 20%; } .jcb-dealer__industry-icon { border-radius: 50%; width: 10px; height: 10px; background: black; display: inline-block; margin-right: 15px; } .construction { background-color: red; } .light-equiptment { background-color: #000099; } .utility-vehicles { background-color: #3399ff; } .agriculture { background-color: #33cc33; } .industrial,.compaction { background-color: #993366; } .generators { background-color: #ffcc00; } @media only screen and (min-width: 768px) { .jcb-dealer__left-section { padding-right: 15px; } .jcb-dealer__right-section { padding-left: 15px; } .jcb-dealer__address-section { border-top: 1px dotted white; border-bottom: 1px dotted white; padding-top: 15px; } } @media only screen and (min-width: 992px) { .jcb-dealer { padding: 30px; } } .jcb-request-quote__chosen .jcb-spacing-line { padding-bottom: 15px; } .jcb-request-quote__chosen__image { max-width: 100%; } .jcb-request-quote__chosen__product { font-family: "JCBEuroBoldRegular"; } .jcb-request-quote__form__title { margin-bottom: 30px; } .jcb-request-quote__form__input,.jcb-request-quote__form__select,.jcb-request-quote__form__checkbox-label { width: 100%; margin-bottom: 15px; margin-top: 0; } .jcb-request-quote-form .jcb-request-quote-select:last-of-type { margin-bottom: 0; } .jcb-request-quote__form__legal__title { margin-bottom: 10px; font-size: 1rem; } p.jcb-request-quote__form__legal__content { margin-bottom: 15px; } .jcb-request-quote__form__button { width: 100%; font-size: 1.3em; padding-top: 15px; padding-bottom: 15px; } .jcb-request-quote__contact__title { margin-bottom: 15px; padding-top: 3.5rem; } .jcb-request-quote__contact__number { font-size: 1.7em; color: #f9b004; padding-bottom: 3.5rem; display: block; } @media only screen and (min-width: 768px) { .jcb-request-quote__chosen .jcb-spacing-line { padding-bottom: 30px; } .jcb-request-quote__chosen__label { margin-bottom: 15px; } .jcb-request-quote__chosen__product { font-size: 1.6em; } .jcb-request-quote__form__checkbox-label { margin-top: 15px; } } @media only screen and (min-width: 992px) { .jcb-request-quote__form__input,.jcb-request-quote__form__select,.jcb-request-quote__form__checkbox-label { margin-bottom: 30px; } } .jcb-modal { font-size: 1rem; position: relative; background: white; padding: 30px; width: auto; max-width: 100%; max-height: 80vh; color: black; margin: auto; background: black; color: white; border: 1px solid #f9b004; } .jcb-modal .mfp-close { color: white; top: auto; bottom: 0; } @media only screen and (min-width: 768px) { .jcb-modal { width: 90%; } } @media only screen and (min-width: 992px) { .jcb-modal { width: 80%; padding: 30px; } } @media only screen and (min-width: 1230px) { .jcb-modal { width: calc(1230px - 20%); } } .jcb-quick-spec-modal { height: 100%; } .jcb-quick-spec-modal__inner { max-height: calc(80vh - 60px); overflow-x: hidden; } .jcb-quick-spec-modal__image { width: 100%; margin-bottom: 30px; } .jcb-quick-spec-modal__specs { margin-bottom: 30px; background: #f9b004; padding-top: 10px; padding-bottom: 10px; color: black; } .jcb-quick-spec-modal__specs__row { border-bottom: 1px dotted #262626; } .jcb-quick-spec-modal__specs__row:last-of-type { border-bottom: 0; } .jcb-quick-spec-modal__specs__item { padding: 10px 0; } .jcb-social--profiles { color: white; } .jcb-social--share { width: 100%; margin-bottom: 3.5rem; } @media only screen and (min-width: 768px) { .jcb-social--share { width: auto; } } .jcb-header-search { display: table; height: 100%; font-size: 1rem; } .jcb-header-search__wrap { display: table-cell; vertical-align: middle; position: relative; } .jcb-header-search__field { background: #dd970c; border: 0 none; border-radius: 25px; padding: 8px 35px 8px 15px; outline: none; width: 13.6875rem; } .jcb-header-search__field:-moz-placeholder { color: black; } .jcb-header-search__field::-moz-placeholder { color: black; } .jcb-header-search__field:-ms-input-placeholder { color: black; } .jcb-header-search__field::-webkit-input-placeholder { color: black; } .jcb-header-search__form { position: relative; } .jcb-header-search__button { position: absolute; top: 5px; right: 15px; background: none; border: 0 none; } .jcb-header-search__button i { margin-top: 4px; font-size: 0.85em; } .jcb-header-link { display: table; } .jcb-header-link__link { display: table-cell; vertical-align: middle; color: black; font-family: "JCBEuroBoldRegular"; } .jcb-header-link__link i { margin-top: 2px; margin-right: 2px; float: left; } .jcb-feature-article { font-size: 1rem; margin-top: -3.5rem; } .jcb-feature-article__media { padding: 0; } .jcb-feature-article__image { width: 100%; } .jcb-feature-article__title { margin: 30px 0 15px; } .jcb-feature-article__button { margin-top: 40px; } .jcb-feature-article__video { margin-bottom: 0; } @media only screen and (min-width: 768px) { .jcb-feature-article { margin-top: 0; } .jcb-feature-article__media { padding: 0 15px; } .jcb-feature-article__title { margin-top: 15px; } .jcb-feature-article__content p { font-size: 1.5em; line-height: 1.3em; } .jcb-feature-article__inner-wrap { display: table; height: 100%; } .jcb-feature-article__inner-content { display: table-cell; vertical-align: middle; } } @media only screen and (min-width: 1230px) { .jcb-feature-article__title { font-size: 2.2em; } } .half-section,.full-section { width: 100%; float: left; } .scfSectionContent>div { padding-left: 15px; padding-right: 15px; position: relative; } .scfSectionContent .scfRequired { position: absolute; top: 0; right: 15px; color: white; } .scfSubmitButtonBorder { clear: both; padding-left: 15px; padding-right: 15px; } .scfCheckbox { margin: 15px 0; display: block; } .scfCheckbox label { padding-left: 15px; } @media only screen and (min-width: 768px) { .half-section { width: 50%; } } .jcb-contact-number { font-size: 1rem; border-top: 1px dotted #cccccc; border-bottom: 1px dotted #cccccc; padding: 15px 0; } .jcb-contact-number--heading { margin-bottom: 15px; } .jcb-contact-number--title { font-size: 1.375em; margin-bottom: 7.5px; } .jcb-contact-number--number { font-size: 1.7em; color: #f9b004; } .circle { border-radius: 50%; position: relative; display: inline-block; width: 100%; height: 0; padding: 50% 0; text-align: center; } .jcb-process-action__shape-wrap { max-width: 8.4375rem; color: black; font-size: 4.25rem; margin: auto; } .jcb-process-action__shape-wrap span { display: block; margin-top: -10px; } .jcb-process-action__content { text-align: center; width: 80%; margin: auto; margin-top: 15px; } .arthref { position: fixed; top: 0; left: 0; z-index: 99; } .arthref .overlay { z-index: 100; position: fixed; width: 100%; height: 100%; opacity: 0; background: rgba(0,0,0,0.8); pointer-events: none; display: none; transition: all 200ms ease-in-out; } .arthref .opaque { background: rgba(0,0,0,0.7) !important; } .arthref .overlay.active { opacity: 1; pointer-events: all; } .arthref .icon-container { z-index: 101; position: absolute; top: 0; left: 0; bottom: 0; right: 0; text-align: center; } .arthref .icon-container:before { content: ''; height: 100%; display: inline-block; vertical-align: middle; } .arthref .icon-container .centered { display: inline-block; vertical-align: middle; text-align: left; width: 90%; max-width: 725px; } .arthref .icon-container ul { margin: 0; padding: 0; list-style-type: none; text-align: center; opacity: 0; transition: all 200ms ease-in-out; pointer-events: none; } .arthref .icon-container ul.active { opacity: 1; pointer-events: auto; } .arthref .icon-container ul li { display: inline-block; width: 110px; height: 110px; overflow: hidden; min-width: 70px; margin-bottom: 15px; } @media only screen and (max-width: 767px) { .arthref .icon-container ul li { width: 50px; height: 70px; } } .arthref .icon-container ul li a { background-color: #617385; border-radius: 10px; display: block; width: 80px; height: 80px; margin: 0 15px 10px 15px; display: inline-block; } @media only screen and (max-width: 767px) { .arthref .icon-container ul li a { width: 40px; height: 40px; } } .arthref .icon-container ul li span { text-align: center; font-size: 10px; color: #e5e5e5; font-style: normal !important; } @media only screen and (min-width: 768px) { .arthref .icon-container ul li span { font-size: 12px; } } .arthref .icon-container ul li>span { font-family: "Arial"; text-shadow: 0 1px 1px rgba(0,0,0,0.9); } .arthref .icon-container ul li a.aApple span { background-position: 0 0; } .arthref .icon-container ul li a.aMySpace span { background-position: -40px 0; } .arthref .icon-container ul li a.aBlackBerry span { background-position: -80px 0; } .arthref .icon-container ul li a.aWikipedia span { background-position: -120px 0; } .arthref .icon-container ul li a.aEMail span { background-position: -160px 0; } .arthref .icon-container ul li a.aWordpress span { background-position: -200px 0; } .arthref .icon-container ul li a.aDeviantart span { background-position: -240px 0; } .arthref .icon-container ul li a.aForrst span { background-position: 0 -40px; } .arthref .icon-container ul li a.aTechnorati span { background-position: -40px -40px; } .arthref .icon-container ul li a.aXBox span { background-position: -80px -40px; } .arthref .icon-container ul li a.aAndroid span { background-position: -120px -40px; } .arthref .icon-container ul li a.aEvernote span { background-position: -160px -40px; } .arthref .icon-container ul li a.aZerply span { background-position: -200px -40px; } .arthref .icon-container ul li a.aXing span { background-position: -240px -40px; } .arthref .icon-container ul li a.aVimeo span { background-position: 0 -80px; } .arthref .icon-container ul li a.aTumblr span { background-position: -40px -80px; } .arthref .icon-container ul li a.aFacebook span { background-position: -80px -80px; } .arthref .icon-container ul li a.aDigg span { background-position: -120px -80px; } .arthref .icon-container ul li a.aDelicious span { background-position: -160px -80px; } .arthref .icon-container ul li a.aFriendFeed span { background-position: -200px -80px; } .arthref .icon-container ul li a.aLinkedIn span { background-position: -240px -80px; } .arthref .icon-container ul li a.aPaypal span { background-position: 0 -120px; } .arthref .icon-container ul li a.aBehance span { background-position: -40px -120px; } .arthref .icon-container ul li a.aFoursquare span { background-position: -80px -120px; } .arthref .icon-container ul li a.aWindows span { background-position: -120px -120px; } .arthref .icon-container ul li a.aSkype span { background-position: -160px -120px; } .arthref .icon-container ul li a.aTwitter span { background-position: -200px -120px; } .arthref .icon-container ul li a.aPosterous span { background-position: -240px -120px; } .arthref .icon-container ul li a.aLastFm span { background-position: 0 -160px; } .arthref .icon-container ul li a.aQuora span { background-position: -40px -160px; } .arthref .icon-container ul li a.aYouTube span { background-position: -80px -160px; } .arthref .icon-container ul li a.aPinterest span { background-position: -120px -160px; } .arthref .icon-container ul li a.aPath span { background-position: -160px -160px; } .arthref .icon-container ul li a.aGooglePlus span { background-position: -200px -160px; } .arthref .icon-container ul li a.aFlud span { background-position: -240px -160px; } .arthref .icon-container ul li a.aStumbleUpon span { background-position: 0 -200px; } .arthref .icon-container ul li a.aReddit span { background-position: -40px -200px; } .arthref .icon-container ul li a.aRSS span { background-position: -80px -200px; } .arthref .icon-container ul li a.aScoutzie span { background-position: -120px -200px; } .arthref .icon-container ul li a.aBlogger span { background-position: -160px -200px; } .arthref .icon-container ul li a.aGrovershark span { background-position: -200px -200px; } .arthref .icon-container ul li a.aAIM span { background-position: -240px -240px; } .arthref .icon-container ul li a.aYahoo span { background-position: 0 -240px; } .arthref .icon-container ul li a.aFlickr span { background-position: -40px -240px; } .arthref .icon-container ul li a.aDribbble span,.arthref .icon-container ul li a.aDribble span { background-position: -80px -240px; } .arthref .icon-container ul li a.aInstagram span { background-position: -120px -240px; } @media only screen and (min-width: 768px) { .arthref .icon-container ul li a.aApple span { background-position: 0 0; } .arthref .icon-container ul li a.aMySpace span { background-position: -80px 0; } .arthref .icon-container ul li a.aBlackBerry span { background-position: -160px 0; } .arthref .icon-container ul li a.aWikipedia span { background-position: -240px 0; } .arthref .icon-container ul li a.aEMail span { background-position: -320px 0; } .arthref .icon-container ul li a.aWordpress span { background-position: -400px 0; } .arthref .icon-container ul li a.aDeviantart span { background-position: -480px 0; } .arthref .icon-container ul li a.aForrst span { background-position: 0 -80px; } .arthref .icon-container ul li a.aTechnorati span { background-position: -80px -80px; } .arthref .icon-container ul li a.aXBox span { background-position: -160px -80px; } .arthref .icon-container ul li a.aAndroid span { background-position: -240px -80px; } .arthref .icon-container ul li a.aEvernote span { background-position: -320px -80px; } .arthref .icon-container ul li a.aZerply span { background-position: -400px -80px; } .arthref .icon-container ul li a.aXing span { background-position: -480px -80px; } .arthref .icon-container ul li a.aVimeo span { background-position: 0 -160px; } .arthref .icon-container ul li a.aTumblr span { background-position: -80px -160px; } .arthref .icon-container ul li a.aFacebook span { background-position: -160px -160px; } .arthref .icon-container ul li a.aDigg span { background-position: -240px -160px; } .arthref .icon-container ul li a.aDelicious span { background-position: -320px -160px; } .arthref .icon-container ul li a.aFriendFeed span { background-position: -400px -160px; } .arthref .icon-container ul li a.aLinkedIn span { background-position: -480px -160px; } .arthref .icon-container ul li a.aPaypal span { background-position: 0 -240px; } .arthref .icon-container ul li a.aBehance span { background-position: -80px -240px; } .arthref .icon-container ul li a.aFoursquare span { background-position: -160px -240px; } .arthref .icon-container ul li a.aWindows span { background-position: -240px -240px; } .arthref .icon-container ul li a.aSkype span { background-position: -320px -240px; } .arthref .icon-container ul li a.aTwitter span { background-position: -400px -240px; } .arthref .icon-container ul li a.aPosterous span { background-position: -480px -240px; } .arthref .icon-container ul li a.aLastFm span { background-position: 0 -320px; } .arthref .icon-container ul li a.aQuora span { background-position: -80px -320px; } .arthref .icon-container ul li a.aYouTube span { background-position: -160px -320px; } .arthref .icon-container ul li a.aPinterest span { background-position: -240px -320px; } .arthref .icon-container ul li a.aPath span { background-position: -320px -320px; } .arthref .icon-container ul li a.aGooglePlus span { background-position: -400px -320px; } .arthref .icon-container ul li a.aFlud span { background-position: -480px -320px; } .arthref .icon-container ul li a.aStumbleUpon span { background-position: 0 -400px; } .arthref .icon-container ul li a.aReddit span { background-position: -80px -400px; } .arthref .icon-container ul li a.aRSS span { background-position: -160px -400px; } .arthref .icon-container ul li a.aScoutzie span { background-position: -240px -400px; } .arthref .icon-container ul li a.aBlogger span { background-position: -320px -400px; } .arthref .icon-container ul li a.aGrovershark span { background-position: -400px -400px; } .arthref .icon-container ul li a.aAIM span { background-position: -480px -480px; } .arthref .icon-container ul li a.aYahoo span { background-position: 0 -480px; } .arthref .icon-container ul li a.aFlickr span { background-position: -80px -480px; } .arthref .icon-container ul li a.aDribbble span,.arthref .icon-container ul li a.aDribble span { background-position: -160px -480px; } .arthref .icon-container ul li a.aInstagram span { background-position: -240px -480px; } } .arthref .icon-container ul li a.aApple { background-color: #272727; } .arthref .icon-container ul li a.aMySpace { background-color: #272727; } .arthref .icon-container ul li a.aBlackBerry { background-color: #2c2c2c; } .arthref .icon-container ul li a.aWikipedia { background-color: #303030; } .arthref .icon-container ul li a.aEMail { background-color: #434343; } .arthref .icon-container ul li a.aWordpress { background-color: #444; } .arthref .icon-container ul li a.aDeviantArt { background-color: #40504c; } .arthref .icon-container ul li a.aForrst { background-color: #254619; } .arthref .icon-container ul li a.aTechnorati { background-color: #48aa26; } .arthref .icon-container ul li a.aXBox { background-color: #61a500; } .arthref .icon-container ul li a.aAndroid { background-color: #8acd16; } .arthref .icon-container ul li a.aEvernote { background-color: #78ba4e; } .arthref .icon-container ul li a.aZerply { background-color: #99bd67; } .arthref .icon-container ul li a.aXing { background-color: #036567; } .arthref .icon-container ul li a.aVimeo { background-color: #627486; } .arthref .icon-container ul li a.aTumblr { background-color: #365471; } .arthref .icon-container ul li a.aFacebook { background-color: #3b5998; } .arthref .icon-container ul li a.aDigg { background-color: #1b5891; } .arthref .icon-container ul li a.aDelicious { background-color: #3274d1; } .arthref .icon-container ul li a.aFriendFeed { background-color: #5e94d6; } .arthref .icon-container ul li a.aLinkedIn { background-color: #2086bc; } .arthref .icon-container ul li a.aPaypal { background-color: #478fda; } .arthref .icon-container ul li a.aBehance { background-color: #0d8af8; } .arthref .icon-container ul li a.aFoursquare { background-color: #17a4d7; } .arthref .icon-container ul li a.aWindows { background-color: #22aee7; } .arthref .icon-container ul li a.aSkype { background-color: #00aff0; } .arthref .icon-container ul li a.aTwitter { background-color: #00b6f3; } .arthref .icon-container ul li a.aPosterous { background-color: #8ab4cd; } .arthref .icon-container ul li a.aLastFm { background-color: #b70300; } .arthref .icon-container ul li a.aQuora { background-color: #c21d11; } .arthref .icon-container ul li a.aYouTube { background-color: #c8312b; } .arthref .icon-container ul li a.aPinterest { background-color: #cb2027; } .arthref .icon-container ul li a.aPath { background-color: #bf3119; } .arthref .icon-container ul li a.aGooglePlus { background-color: #cf4231; } .arthref .icon-container ul li a.aFlud { background-color: #ff503e; } .arthref .icon-container ul li a.aStumbleUpon { background-color: #eb4924; } .arthref .icon-container ul li a.aReddit { background-color: #ff500f; } .arthref .icon-container ul li a.aRSS { background-color: #ff7722; } .arthref .icon-container ul li a.aScoutzie { background-color: #f87242; } .arthref .icon-container ul li a.aBlogger { background-color: #fc9c4a; } .arthref .icon-container ul li a.aGrovershark { background-color: #fca204; } .arthref .icon-container ul li a.aAIM { background-color: #ffba00; } .arthref .icon-container ul li a.aYahoo { background-color: #640e6b; } .arthref .icon-container ul li a.aFlickr { background-color: #ff0084; } .arthref .icon-container ul li a.aDribbble,.arthref .icon-container ul li a.aDribble { background-color: #ff0084; } .arthref .icon-container ul li a.aInstagram { background-color: #723f2d; } .arthref .icon-container ul li a span { display: block; width: 80px; height: 80px; font-size: 3em; line-height: 80px; } @media only screen and (max-width: 767px) { .arthref .icon-container ul li a span { width: 40px; height: 40px; background-size: 280px 280px; font-size: 1.5em; line-height: 40px; } } .arthref .icon-container ul li a { background-image: radial-gradient(center center, 80px 80px, rgba(255, 255, 255, 0.15) 0%, rgba(0, 0, 0, 0.15) 100%); } .arthref .icon-container ul li:hover a { background-image: radial-gradient(center center, 80px 80px, rgba(255, 255, 255, 0.3) 0%, rgba(0, 0, 0, 0.3) 100%); } .arthref .launchpad .icon-container ul { -webkit-transform-origin: center 20%; -webkit-transform: scale(0.8); -moz-transform-origin: center 20%; -moz-transform: scale(0.8); -o-transform-origin: center 20%; -o-transform: scale(0.8); -ms-transform-origin: center 20%; -ms-transform: scale(0.8); -webkit-transform-origin: center 20%; -ms-transform-origin: center 20%; transform-origin: center 20%; -webkit-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); } .arthref .launchpad.active .icon-container ul { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .arthref .launchpadReverse .icon-container ul { -webkit-transform-origin: center 20%; -webkit-transform: scale(1.2); -moz-transform-origin: center 20%; -moz-transform: scale(1.2); -o-transform-origin: center 20%; -o-transform: scale(1.2); -ms-transform-origin: center 20%; -ms-transform: scale(1.2); -webkit-transform-origin: center 20%; -ms-transform-origin: center 20%; transform-origin: center 20%; -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); } .arthref .launchpadReverse.active .icon-container ul { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .arthref .slideTop { top: -100%; } .arthref .slideTop.active { top: 0; } .arthref .slideRight { left: 100%; } .arthref .slideRight.active { left: 0; } .arthref .slideBottom { top: 100%; } .arthref .slideBottom.active { top: 0; } .arthref .slideLeft { left: -100%; } .arthref .slideLeft.active { left: 0; } .arthref .chain .icon-container ul li { opacity: 0; } .blurred { transition: -webkit-filter 300ms ease-in-out, filter 300ms ease-in-out; transition: filter 300ms ease-in-out; -webkit-filter: blur(15px); } .fluid-width-video-wrapper { padding: 0; position: relative; width: 100%; } .fluid-width-video-wrapper iframe, .fluid-width-video-wrapper object, .fluid-width-video-wrapper embed { height: 100%; left: 0; position: absolute; top: 0; width: 100%; }