/*! * ay min Font Awesome Free 5.15.2 by @fontawesome - https://fontawesome.com * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) */ .fa,.fab,.fad,.fal,.far,.fas{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:inline-block;font-style:normal;font-variant:normal;text-rendering:auto;line-height:1}.fa-lg{font-size:1.33333em;line-height:.75em;vertical-align:-.0667em}.fa-xs{font-size:.75em}.fa-sm{font-size:.875em}.fa-1x{font-size:1em}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-6x{font-size:6em}.fa-7x{font-size:7em}.fa-8x{font-size:8em}.fa-9x{font-size:9em}.fa-10x{font-size:10em}.fa-fw{text-align:center;width:1.25em}.fa-ul{list-style-type:none;margin-left:2.5em;padding-left:0}.fa-ul>li{position:relative}.fa-li{left:-2em;position:absolute;text-align:center;width:2em;line-height:inherit}.fa-border{border:.08em solid #eee;border-radius:.1em;padding:.2em .25em .15em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left,.fab.fa-pull-left,.fal.fa-pull-left,.far.fa-pull-left,.fas.fa-pull-left{margin-right:.3em}.fa.fa-pull-right,.fab.fa-pull-right,.fal.fa-pull-right,.far.fa-pull-right,.fas.fa-pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s linear infinite;animation:fa-spin 2s linear infinite}.fa-pulse{-webkit-animation:fa-spin 1s steps(8) infinite;animation:fa-spin 1s steps(8) infinite}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.fa-rotate-90{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";-webkit-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";-webkit-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";-webkit-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";-webkit-transform:scaleX(-1);transform:scaleX(-1)}.fa-flip-vertical{-webkit-transform:scaleY(-1);transform:scaleY(-1)}.fa-flip-both,.fa-flip-horizontal.fa-flip-vertical,.fa-flip-vertical{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"}.fa-flip-both,.fa-flip-horizontal.fa-flip-vertical{-webkit-transform:scale(-1);transform:scale(-1)}:root .fa-flip-both,:root .fa-flip-horizontal,:root .fa-flip-vertical,:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270{-webkit-filter:none;filter:none}.fa-stack{display:inline-block;height:2em;line-height:2em;position:relative;vertical-align:middle;width:2.5em}.fa-stack-1x,.fa-stack-2x{left:0;position:absolute;text-align:center;width:100%}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-500px:before{content:"\f26e"}.fa-accessible-icon:before{content:"\f368"}.fa-accusoft:before{content:"\f369"}.fa-acquisitions-incorporated:before{content:"\f6af"}.fa-ad:before{content:"\f641"}.fa-address-book:before{content:"\f2b9"}.fa-address-card:before{content:"\f2bb"}.fa-adjust:before{content:"\f042"}.fa-adn:before{content:"\f170"}.fa-adversal:before{content:"\f36a"}.fa-affiliatetheme:before{content:"\f36b"}.fa-air-freshener:before{content:"\f5d0"}.fa-airbnb:before{content:"\f834"}.fa-algolia:before{content:"\f36c"}.fa-align-center:before{content:"\f037"}.fa-align-justify:before{content:"\f039"}.fa-align-left:before{content:"\f036"}.fa-align-right:before{content:"\f038"}.fa-alipay:before{content:"\f642"}.fa-allergies:before{content:"\f461"}.fa-amazon:before{content:"\f270"}.fa-amazon-pay:before{content:"\f42c"}.fa-ambulance:before{content:"\f0f9"}.fa-american-sign-language-interpreting:before{content:"\f2a3"}.fa-amilia:before{content:"\f36d"}.fa-anchor:before{content:"\f13d"}.fa-android:before{content:"\f17b"}.fa-angellist:before{content:"\f209"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-down:before{content:"\f107"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angry:before{content:"\f556"}.fa-angrycreative:before{content:"\f36e"}.fa-angular:before{content:"\f420"}.fa-ankh:before{content:"\f644"}.fa-app-store:before{content:"\f36f"}.fa-app-store-ios:before{content:"\f370"}.fa-apper:before{content:"\f371"}.fa-apple:before{content:"\f179"}.fa-apple-alt:before{content:"\f5d1"}.fa-apple-pay:before{content:"\f415"}.fa-archive:before{content:"\f187"}.fa-archway:before{content:"\f557"}.fa-arrow-alt-circle-down:before{content:"\f358"}.fa-arrow-alt-circle-left:before{content:"\f359"}.fa-arrow-alt-circle-right:before{content:"\f35a"}.fa-arrow-alt-circle-up:before{content:"\f35b"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-down:before{content:"\f063"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrows-alt:before{content:"\f0b2"}.fa-arrows-alt-h:before{content:"\f337"}.fa-arrows-alt-v:before{content:"\f338"}.fa-artstation:before{content:"\f77a"}.fa-assistive-listening-systems:before{content:"\f2a2"}.fa-asterisk:before{content:"\f069"}.fa-asymmetrik:before{content:"\f372"}.fa-at:before{content:"\f1fa"}.fa-atlas:before{content:"\f558"}.fa-atlassian:before{content:"\f77b"}.fa-atom:before{content:"\f5d2"}.fa-audible:before{content:"\f373"}.fa-audio-description:before{content:"\f29e"}.fa-autoprefixer:before{content:"\f41c"}.fa-avianex:before{content:"\f374"}.fa-aviato:before{content:"\f421"}.fa-award:before{content:"\f559"}.fa-aws:before{content:"\f375"}.fa-baby:before{content:"\f77c"}.fa-baby-carriage:before{content:"\f77d"}.fa-backspace:before{content:"\f55a"}.fa-backward:before{content:"\f04a"}.fa-bacon:before{content:"\f7e5"}.fa-bacteria:before{content:"\e059"}.fa-bacterium:before{content:"\e05a"}.fa-bahai:before{content:"\f666"}.fa-balance-scale:before{content:"\f24e"}.fa-balance-scale-left:before{content:"\f515"}.fa-balance-scale-right:before{content:"\f516"}.fa-ban:before{content:"\f05e"}.fa-band-aid:before{content:"\f462"}.fa-bandcamp:before{content:"\f2d5"}.fa-barcode:before{content:"\f02a"}.fa-bars:before{content:"\f0c9"}.fa-baseball-ball:before{content:"\f433"}.fa-basketball-ball:before{content:"\f434"}.fa-bath:before{content:"\f2cd"}.fa-battery-empty:before{content:"\f244"}.fa-battery-full:before{content:"\f240"}.fa-battery-half:before{content:"\f242"}.fa-battery-quarter:before{content:"\f243"}.fa-battery-three-quarters:before{content:"\f241"}.fa-battle-net:before{content:"\f835"}.fa-bed:before{content:"\f236"}.fa-beer:before{content:"\f0fc"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-bell:before{content:"\f0f3"}.fa-bell-slash:before{content:"\f1f6"}.fa-bezier-curve:before{content:"\f55b"}.fa-bible:before{content:"\f647"}.fa-bicycle:before{content:"\f206"}.fa-biking:before{content:"\f84a"}.fa-bimobject:before{content:"\f378"}.fa-binoculars:before{content:"\f1e5"}.fa-biohazard:before{content:"\f780"}.fa-birthday-cake:before{content:"\f1fd"}.fa-bitbucket:before{content:"\f171"}.fa-bitcoin:before{content:"\f379"}.fa-bity:before{content:"\f37a"}.fa-black-tie:before{content:"\f27e"}.fa-blackberry:before{content:"\f37b"}.fa-blender:before{content:"\f517"}.fa-blender-phone:before{content:"\f6b6"}.fa-blind:before{content:"\f29d"}.fa-blog:before{content:"\f781"}.fa-blogger:before{content:"\f37c"}.fa-blogger-b:before{content:"\f37d"}.fa-bluetooth:before{content:"\f293"}.fa-bluetooth-b:before{content:"\f294"}.fa-bold:before{content:"\f032"}.fa-bolt:before{content:"\f0e7"}.fa-bomb:before{content:"\f1e2"}.fa-bone:before{content:"\f5d7"}.fa-bong:before{content:"\f55c"}.fa-book:before{content:"\f02d"}.fa-book-dead:before{content:"\f6b7"}.fa-book-medical:before{content:"\f7e6"}.fa-book-open:before{content:"\f518"}.fa-book-reader:before{content:"\f5da"}.fa-bookmark:before{content:"\f02e"}.fa-bootstrap:before{content:"\f836"}.fa-border-all:before{content:"\f84c"}.fa-border-none:before{content:"\f850"}.fa-border-style:before{content:"\f853"}.fa-bowling-ball:before{content:"\f436"}.fa-box:before{content:"\f466"}.fa-box-open:before{content:"\f49e"}.fa-box-tissue:before{content:"\e05b"}.fa-boxes:before{content:"\f468"}.fa-braille:before{content:"\f2a1"}.fa-brain:before{content:"\f5dc"}.fa-bread-slice:before{content:"\f7ec"}.fa-briefcase:before{content:"\f0b1"}.fa-briefcase-medical:before{content:"\f469"}.fa-broadcast-tower:before{content:"\f519"}.fa-broom:before{content:"\f51a"}.fa-brush:before{content:"\f55d"}.fa-btc:before{content:"\f15a"}.fa-buffer:before{content:"\f837"}.fa-bug:before{content:"\f188"}.fa-building:before{content:"\f1ad"}.fa-bullhorn:before{content:"\f0a1"}.fa-bullseye:before{content:"\f140"}.fa-burn:before{content:"\f46a"}.fa-buromobelexperte:before{content:"\f37f"}.fa-bus:before{content:"\f207"}.fa-bus-alt:before{content:"\f55e"}.fa-business-time:before{content:"\f64a"}.fa-buy-n-large:before{content:"\f8a6"}.fa-buysellads:before{content:"\f20d"}.fa-calculator:before{content:"\f1ec"}.fa-calendar:before{content:"\f133"}.fa-calendar-alt:before{content:"\f073"}.fa-calendar-check:before{content:"\f274"}.fa-calendar-day:before{content:"\f783"}.fa-calendar-minus:before{content:"\f272"}.fa-calendar-plus:before{content:"\f271"}.fa-calendar-times:before{content:"\f273"}.fa-calendar-week:before{content:"\f784"}.fa-camera:before{content:"\f030"}.fa-camera-retro:before{content:"\f083"}.fa-campground:before{content:"\f6bb"}.fa-canadian-maple-leaf:before{content:"\f785"}.fa-candy-cane:before{content:"\f786"}.fa-cannabis:before{content:"\f55f"}.fa-capsules:before{content:"\f46b"}.fa-car:before{content:"\f1b9"}.fa-car-alt:before{content:"\f5de"}.fa-car-battery:before{content:"\f5df"}.fa-car-crash:before{content:"\f5e1"}.fa-car-side:before{content:"\f5e4"}.fa-caravan:before{content:"\f8ff"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-caret-square-down:before{content:"\f150"}.fa-caret-square-left:before{content:"\f191"}.fa-caret-square-right:before{content:"\f152"}.fa-caret-square-up:before{content:"\f151"}.fa-caret-up:before{content:"\f0d8"}.fa-carrot:before{content:"\f787"}.fa-cart-arrow-down:before{content:"\f218"}.fa-cart-plus:before{content:"\f217"}.fa-cash-register:before{content:"\f788"}.fa-cat:before{content:"\f6be"}.fa-cc-amazon-pay:before{content:"\f42d"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-apple-pay:before{content:"\f416"}.fa-cc-diners-club:before{content:"\f24c"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-jcb:before{content:"\f24b"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-cc-visa:before{content:"\f1f0"}.fa-centercode:before{content:"\f380"}.fa-centos:before{content:"\f789"}.fa-certificate:before{content:"\f0a3"}.fa-chair:before{content:"\f6c0"}.fa-chalkboard:before{content:"\f51b"}.fa-chalkboard-teacher:before{content:"\f51c"}.fa-charging-station:before{content:"\f5e7"}.fa-chart-area:before{content:"\f1fe"}.fa-chart-bar:before{content:"\f080"}.fa-chart-line:before{content:"\f201"}.fa-chart-pie:before{content:"\f200"}.fa-check:before{content:"\f00c"}.fa-check-circle:before{content:"\f058"}.fa-check-double:before{content:"\f560"}.fa-check-square:before{content:"\f14a"}.fa-cheese:before{content:"\f7ef"}.fa-chess:before{content:"\f439"}.fa-chess-bishop:before{content:"\f43a"}.fa-chess-board:before{content:"\f43c"}.fa-chess-king:before{content:"\f43f"}.fa-chess-knight:before{content:"\f441"}.fa-chess-pawn:before{content:"\f443"}.fa-chess-queen:before{content:"\f445"}.fa-chess-rook:before{content:"\f447"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-down:before{content:"\f078"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-chevron-up:before{content:"\f077"}.fa-child:before{content:"\f1ae"}.fa-chrome:before{content:"\f268"}.fa-chromecast:before{content:"\f838"}.fa-church:before{content:"\f51d"}.fa-circle:before{content:"\f111"}.fa-circle-notch:before{content:"\f1ce"}.fa-city:before{content:"\f64f"}.fa-clinic-medical:before{content:"\f7f2"}.fa-clipboard:before{content:"\f328"}.fa-clipboard-check:before{content:"\f46c"}.fa-clipboard-list:before{content:"\f46d"}.fa-clock:before{content:"\f017"}.fa-clone:before{content:"\f24d"}.fa-closed-captioning:before{content:"\f20a"}.fa-cloud:before{content:"\f0c2"}.fa-cloud-download-alt:before{content:"\f381"}.fa-cloud-meatball:before{content:"\f73b"}.fa-cloud-moon:before{content:"\f6c3"}.fa-cloud-moon-rain:before{content:"\f73c"}.fa-cloud-rain:before{content:"\f73d"}.fa-cloud-showers-heavy:before{content:"\f740"}.fa-cloud-sun:before{content:"\f6c4"}.fa-cloud-sun-rain:before{content:"\f743"}.fa-cloud-upload-alt:before{content:"\f382"}.fa-cloudflare:before{content:"\e07d"}.fa-cloudscale:before{content:"\f383"}.fa-cloudsmith:before{content:"\f384"}.fa-cloudversify:before{content:"\f385"}.fa-cocktail:before{content:"\f561"}.fa-code:before{content:"\f121"}.fa-code-branch:before{content:"\f126"}.fa-codepen:before{content:"\f1cb"}.fa-codiepie:before{content:"\f284"}.fa-coffee:before{content:"\f0f4"}.fa-cog:before{content:"\f013"}.fa-cogs:before{content:"\f085"}.fa-coins:before{content:"\f51e"}.fa-columns:before{content:"\f0db"}.fa-comment:before{content:"\f075"}.fa-comment-alt:before{content:"\f27a"}.fa-comment-dollar:before{content:"\f651"}.fa-comment-dots:before{content:"\f4ad"}.fa-comment-medical:before{content:"\f7f5"}.fa-comment-slash:before{content:"\f4b3"}.fa-comments:before{content:"\f086"}.fa-comments-dollar:before{content:"\f653"}.fa-compact-disc:before{content:"\f51f"}.fa-compass:before{content:"\f14e"}.fa-compress:before{content:"\f066"}.fa-compress-alt:before{content:"\f422"}.fa-compress-arrows-alt:before{content:"\f78c"}.fa-concierge-bell:before{content:"\f562"}.fa-confluence:before{content:"\f78d"}.fa-connectdevelop:before{content:"\f20e"}.fa-contao:before{content:"\f26d"}.fa-cookie:before{content:"\f563"}.fa-cookie-bite:before{content:"\f564"}.fa-copy:before{content:"\f0c5"}.fa-copyright:before{content:"\f1f9"}.fa-cotton-bureau:before{content:"\f89e"}.fa-couch:before{content:"\f4b8"}.fa-cpanel:before{content:"\f388"}.fa-creative-commons:before{content:"\f25e"}.fa-creative-commons-by:before{content:"\f4e7"}.fa-creative-commons-nc:before{content:"\f4e8"}.fa-creative-commons-nc-eu:before{content:"\f4e9"}.fa-creative-commons-nc-jp:before{content:"\f4ea"}.fa-creative-commons-nd:before{content:"\f4eb"}.fa-creative-commons-pd:before{content:"\f4ec"}.fa-creative-commons-pd-alt:before{content:"\f4ed"}.fa-creative-commons-remix:before{content:"\f4ee"}.fa-creative-commons-sa:before{content:"\f4ef"}.fa-creative-commons-sampling:before{content:"\f4f0"}.fa-creative-commons-sampling-plus:before{content:"\f4f1"}.fa-creative-commons-share:before{content:"\f4f2"}.fa-creative-commons-zero:before{content:"\f4f3"}.fa-credit-card:before{content:"\f09d"}.fa-critical-role:before{content:"\f6c9"}.fa-crop:before{content:"\f125"}.fa-crop-alt:before{content:"\f565"}.fa-cross:before{content:"\f654"}.fa-crosshairs:before{content:"\f05b"}.fa-crow:before{content:"\f520"}.fa-crown:before{content:"\f521"}.fa-crutch:before{content:"\f7f7"}.fa-css3:before{content:"\f13c"}.fa-css3-alt:before{content:"\f38b"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-cut:before{content:"\f0c4"}.fa-cuttlefish:before{content:"\f38c"}.fa-d-and-d:before{content:"\f38d"}.fa-d-and-d-beyond:before{content:"\f6ca"}.fa-dailymotion:before{content:"\e052"}.fa-dashcube:before{content:"\f210"}.fa-database:before{content:"\f1c0"}.fa-deaf:before{content:"\f2a4"}.fa-deezer:before{content:"\e077"}.fa-delicious:before{content:"\f1a5"}.fa-democrat:before{content:"\f747"}.fa-deploydog:before{content:"\f38e"}.fa-deskpro:before{content:"\f38f"}.fa-desktop:before{content:"\f108"}.fa-dev:before{content:"\f6cc"}.fa-deviantart:before{content:"\f1bd"}.fa-dharmachakra:before{content:"\f655"}.fa-dhl:before{content:"\f790"}.fa-diagnoses:before{content:"\f470"}.fa-diaspora:before{content:"\f791"}.fa-dice:before{content:"\f522"}.fa-dice-d20:before{content:"\f6cf"}.fa-dice-d6:before{content:"\f6d1"}.fa-dice-five:before{content:"\f523"}.fa-dice-four:before{content:"\f524"}.fa-dice-one:before{content:"\f525"}.fa-dice-six:before{content:"\f526"}.fa-dice-three:before{content:"\f527"}.fa-dice-two:before{content:"\f528"}.fa-digg:before{content:"\f1a6"}.fa-digital-ocean:before{content:"\f391"}.fa-digital-tachograph:before{content:"\f566"}.fa-directions:before{content:"\f5eb"}.fa-discord:before{content:"\f392"}.fa-discourse:before{content:"\f393"}.fa-disease:before{content:"\f7fa"}.fa-divide:before{content:"\f529"}.fa-dizzy:before{content:"\f567"}.fa-dna:before{content:"\f471"}.fa-dochub:before{content:"\f394"}.fa-docker:before{content:"\f395"}.fa-dog:before{content:"\f6d3"}.fa-dollar-sign:before{content:"\f155"}.fa-dolly:before{content:"\f472"}.fa-dolly-flatbed:before{content:"\f474"}.fa-donate:before{content:"\f4b9"}.fa-door-closed:before{content:"\f52a"}.fa-door-open:before{content:"\f52b"}.fa-dot-circle:before{content:"\f192"}.fa-dove:before{content:"\f4ba"}.fa-download:before{content:"\f019"}.fa-draft2digital:before{content:"\f396"}.fa-drafting-compass:before{content:"\f568"}.fa-dragon:before{content:"\f6d5"}.fa-draw-polygon:before{content:"\f5ee"}.fa-dribbble:before{content:"\f17d"}.fa-dribbble-square:before{content:"\f397"}.fa-dropbox:before{content:"\f16b"}.fa-drum:before{content:"\f569"}.fa-drum-steelpan:before{content:"\f56a"}.fa-drumstick-bite:before{content:"\f6d7"}.fa-drupal:before{content:"\f1a9"}.fa-dumbbell:before{content:"\f44b"}.fa-dumpster:before{content:"\f793"}.fa-dumpster-fire:before{content:"\f794"}.fa-dungeon:before{content:"\f6d9"}.fa-dyalog:before{content:"\f399"}.fa-earlybirds:before{content:"\f39a"}.fa-ebay:before{content:"\f4f4"}.fa-edge:before{content:"\f282"}.fa-edge-legacy:before{content:"\e078"}.fa-edit:before{content:"\f044"}.fa-egg:before{content:"\f7fb"}.fa-eject:before{content:"\f052"}.fa-elementor:before{content:"\f430"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-ello:before{content:"\f5f1"}.fa-ember:before{content:"\f423"}.fa-empire:before{content:"\f1d1"}.fa-envelope:before{content:"\f0e0"}.fa-envelope-open:before{content:"\f2b6"}.fa-envelope-open-text:before{content:"\f658"}.fa-envelope-square:before{content:"\f199"}.fa-envira:before{content:"\f299"}.fa-equals:before{content:"\f52c"}.fa-eraser:before{content:"\f12d"}.fa-erlang:before{content:"\f39d"}.fa-ethereum:before{content:"\f42e"}.fa-ethernet:before{content:"\f796"}.fa-etsy:before{content:"\f2d7"}.fa-euro-sign:before{content:"\f153"}.fa-evernote:before{content:"\f839"}.fa-exchange-alt:before{content:"\f362"}.fa-exclamation:before{content:"\f12a"}.fa-exclamation-circle:before{content:"\f06a"}.fa-exclamation-triangle:before{content:"\f071"}.fa-expand:before{content:"\f065"}.fa-expand-alt:before{content:"\f424"}.fa-expand-arrows-alt:before{content:"\f31e"}.fa-expeditedssl:before{content:"\f23e"}.fa-external-link-alt:before{content:"\f35d"}.fa-external-link-square-alt:before{content:"\f360"}.fa-eye:before{content:"\f06e"}.fa-eye-dropper:before{content:"\f1fb"}.fa-eye-slash:before{content:"\f070"}.fa-facebook:before{content:"\f09a"}.fa-facebook-f:before{content:"\f39e"}.fa-facebook-messenger:before{content:"\f39f"}.fa-facebook-square:before{content:"\f082"}.fa-fan:before{content:"\f863"}.fa-fantasy-flight-games:before{content:"\f6dc"}.fa-fast-backward:before{content:"\f049"}.fa-fast-forward:before{content:"\f050"}.fa-faucet:before{content:"\e005"}.fa-fax:before{content:"\f1ac"}.fa-feather:before{content:"\f52d"}.fa-feather-alt:before{content:"\f56b"}.fa-fedex:before{content:"\f797"}.fa-fedora:before{content:"\f798"}.fa-female:before{content:"\f182"}.fa-fighter-jet:before{content:"\f0fb"}.fa-figma:before{content:"\f799"}.fa-file:before{content:"\f15b"}.fa-file-alt:before{content:"\f15c"}.fa-file-archive:before{content:"\f1c6"}.fa-file-audio:before{content:"\f1c7"}.fa-file-code:before{content:"\f1c9"}.fa-file-contract:before{content:"\f56c"}.fa-file-csv:before{content:"\f6dd"}.fa-file-download:before{content:"\f56d"}.fa-file-excel:before{content:"\f1c3"}.fa-file-export:before{content:"\f56e"}.fa-file-image:before{content:"\f1c5"}.fa-file-import:before{content:"\f56f"}.fa-file-invoice:before{content:"\f570"}.fa-file-invoice-dollar:before{content:"\f571"}.fa-file-medical:before{content:"\f477"}.fa-file-medical-alt:before{content:"\f478"}.fa-file-pdf:before{content:"\f1c1"}.fa-file-powerpoint:before{content:"\f1c4"}.fa-file-prescription:before{content:"\f572"}.fa-file-signature:before{content:"\f573"}.fa-file-upload:before{content:"\f574"}.fa-file-video:before{content:"\f1c8"}.fa-file-word:before{content:"\f1c2"}.fa-fill:before{content:"\f575"}.fa-fill-drip:before{content:"\f576"}.fa-film:before{content:"\f008"}.fa-filter:before{content:"\f0b0"}.fa-fingerprint:before{content:"\f577"}.fa-fire:before{content:"\f06d"}.fa-fire-alt:before{content:"\f7e4"}.fa-fire-extinguisher:before{content:"\f134"}.fa-firefox:before{content:"\f269"}.fa-firefox-browser:before{content:"\e007"}.fa-first-aid:before{content:"\f479"}.fa-first-order:before{content:"\f2b0"}.fa-first-order-alt:before{content:"\f50a"}.fa-firstdraft:before{content:"\f3a1"}.fa-fish:before{content:"\f578"}.fa-fist-raised:before{content:"\f6de"}.fa-flag:before{content:"\f024"}.fa-flag-checkered:before{content:"\f11e"}.fa-flag-usa:before{content:"\f74d"}.fa-flask:before{content:"\f0c3"}.fa-flickr:before{content:"\f16e"}.fa-flipboard:before{content:"\f44d"}.fa-flushed:before{content:"\f579"}.fa-fly:before{content:"\f417"}.fa-folder:before{content:"\f07b"}.fa-folder-minus:before{content:"\f65d"}.fa-folder-open:before{content:"\f07c"}.fa-folder-plus:before{content:"\f65e"}.fa-font:before{content:"\f031"}.fa-font-awesome:before{content:"\f2b4"}.fa-font-awesome-alt:before{content:"\f35c"}.fa-font-awesome-flag:before{content:"\f425"}.fa-font-awesome-logo-full:before{content:"\f4e6"}.fa-fonticons:before{content:"\f280"}.fa-fonticons-fi:before{content:"\f3a2"}.fa-football-ball:before{content:"\f44e"}.fa-fort-awesome:before{content:"\f286"}.fa-fort-awesome-alt:before{content:"\f3a3"}.fa-forumbee:before{content:"\f211"}.fa-forward:before{content:"\f04e"}.fa-foursquare:before{content:"\f180"}.fa-free-code-camp:before{content:"\f2c5"}.fa-freebsd:before{content:"\f3a4"}.fa-frog:before{content:"\f52e"}.fa-frown:before{content:"\f119"}.fa-frown-open:before{content:"\f57a"}.fa-fulcrum:before{content:"\f50b"}.fa-funnel-dollar:before{content:"\f662"}.fa-futbol:before{content:"\f1e3"}.fa-galactic-republic:before{content:"\f50c"}.fa-galactic-senate:before{content:"\f50d"}.fa-gamepad:before{content:"\f11b"}.fa-gas-pump:before{content:"\f52f"}.fa-gavel:before{content:"\f0e3"}.fa-gem:before{content:"\f3a5"}.fa-genderless:before{content:"\f22d"}.fa-get-pocket:before{content:"\f265"}.fa-gg:before{content:"\f260"}.fa-gg-circle:before{content:"\f261"}.fa-ghost:before{content:"\f6e2"}.fa-gift:before{content:"\f06b"}.fa-gifts:before{content:"\f79c"}.fa-git:before{content:"\f1d3"}.fa-git-alt:before{content:"\f841"}.fa-git-square:before{content:"\f1d2"}.fa-github:before{content:"\f09b"}.fa-github-alt:before{content:"\f113"}.fa-github-square:before{content:"\f092"}.fa-gitkraken:before{content:"\f3a6"}.fa-gitlab:before{content:"\f296"}.fa-gitter:before{content:"\f426"}.fa-glass-cheers:before{content:"\f79f"}.fa-glass-martini:before{content:"\f000"}.fa-glass-martini-alt:before{content:"\f57b"}.fa-glass-whiskey:before{content:"\f7a0"}.fa-glasses:before{content:"\f530"}.fa-glide:before{content:"\f2a5"}.fa-glide-g:before{content:"\f2a6"}.fa-globe:before{content:"\f0ac"}.fa-globe-africa:before{content:"\f57c"}.fa-globe-americas:before{content:"\f57d"}.fa-globe-asia:before{content:"\f57e"}.fa-globe-europe:before{content:"\f7a2"}.fa-gofore:before{content:"\f3a7"}.fa-golf-ball:before{content:"\f450"}.fa-goodreads:before{content:"\f3a8"}.fa-goodreads-g:before{content:"\f3a9"}.fa-google:before{content:"\f1a0"}.fa-google-drive:before{content:"\f3aa"}.fa-google-pay:before{content:"\e079"}.fa-google-play:before{content:"\f3ab"}.fa-google-plus:before{content:"\f2b3"}.fa-google-plus-g:before{content:"\f0d5"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-wallet:before{content:"\f1ee"}.fa-gopuram:before{content:"\f664"}.fa-graduation-cap:before{content:"\f19d"}.fa-gratipay:before{content:"\f184"}.fa-grav:before{content:"\f2d6"}.fa-greater-than:before{content:"\f531"}.fa-greater-than-equal:before{content:"\f532"}.fa-grimace:before{content:"\f57f"}.fa-grin:before{content:"\f580"}.fa-grin-alt:before{content:"\f581"}.fa-grin-beam:before{content:"\f582"}.fa-grin-beam-sweat:before{content:"\f583"}.fa-grin-hearts:before{content:"\f584"}.fa-grin-squint:before{content:"\f585"}.fa-grin-squint-tears:before{content:"\f586"}.fa-grin-stars:before{content:"\f587"}.fa-grin-tears:before{content:"\f588"}.fa-grin-tongue:before{content:"\f589"}.fa-grin-tongue-squint:before{content:"\f58a"}.fa-grin-tongue-wink:before{content:"\f58b"}.fa-grin-wink:before{content:"\f58c"}.fa-grip-horizontal:before{content:"\f58d"}.fa-grip-lines:before{content:"\f7a4"}.fa-grip-lines-vertical:before{content:"\f7a5"}.fa-grip-vertical:before{content:"\f58e"}.fa-gripfire:before{content:"\f3ac"}.fa-grunt:before{content:"\f3ad"}.fa-guilded:before{content:"\e07e"}.fa-guitar:before{content:"\f7a6"}.fa-gulp:before{content:"\f3ae"}.fa-h-square:before{content:"\f0fd"}.fa-hacker-news:before{content:"\f1d4"}.fa-hacker-news-square:before{content:"\f3af"}.fa-hackerrank:before{content:"\f5f7"}.fa-hamburger:before{content:"\f805"}.fa-hammer:before{content:"\f6e3"}.fa-hamsa:before{content:"\f665"}.fa-hand-holding:before{content:"\f4bd"}.fa-hand-holding-heart:before{content:"\f4be"}.fa-hand-holding-medical:before{content:"\e05c"}.fa-hand-holding-usd:before{content:"\f4c0"}.fa-hand-holding-water:before{content:"\f4c1"}.fa-hand-lizard:before{content:"\f258"}.fa-hand-middle-finger:before{content:"\f806"}.fa-hand-paper:before{content:"\f256"}.fa-hand-peace:before{content:"\f25b"}.fa-hand-point-down:before{content:"\f0a7"}.fa-hand-point-left:before{content:"\f0a5"}.fa-hand-point-right:before{content:"\f0a4"}.fa-hand-point-up:before{content:"\f0a6"}.fa-hand-pointer:before{content:"\f25a"}.fa-hand-rock:before{content:"\f255"}.fa-hand-scissors:before{content:"\f257"}.fa-hand-sparkles:before{content:"\e05d"}.fa-hand-spock:before{content:"\f259"}.fa-hands:before{content:"\f4c2"}.fa-hands-helping:before{content:"\f4c4"}.fa-hands-wash:before{content:"\e05e"}.fa-handshake:before{content:"\f2b5"}.fa-handshake-alt-slash:before{content:"\e05f"}.fa-handshake-slash:before{content:"\e060"}.fa-hanukiah:before{content:"\f6e6"}.fa-hard-hat:before{content:"\f807"}.fa-hashtag:before{content:"\f292"}.fa-hat-cowboy:before{content:"\f8c0"}.fa-hat-cowboy-side:before{content:"\f8c1"}.fa-hat-wizard:before{content:"\f6e8"}.fa-hdd:before{content:"\f0a0"}.fa-head-side-cough:before{content:"\e061"}.fa-head-side-cough-slash:before{content:"\e062"}.fa-head-side-mask:before{content:"\e063"}.fa-head-side-virus:before{content:"\e064"}.fa-heading:before{content:"\f1dc"}.fa-headphones:before{content:"\f025"}.fa-headphones-alt:before{content:"\f58f"}.fa-headset:before{content:"\f590"}.fa-heart:before{content:"\f004"}.fa-heart-broken:before{content:"\f7a9"}.fa-heartbeat:before{content:"\f21e"}.fa-helicopter:before{content:"\f533"}.fa-highlighter:before{content:"\f591"}.fa-hiking:before{content:"\f6ec"}.fa-hippo:before{content:"\f6ed"}.fa-hips:before{content:"\f452"}.fa-hire-a-helper:before{content:"\f3b0"}.fa-history:before{content:"\f1da"}.fa-hive:before{content:"\e07f"}.fa-hockey-puck:before{content:"\f453"}.fa-holly-berry:before{content:"\f7aa"}.fa-home:before{content:"\f015"}.fa-hooli:before{content:"\f427"}.fa-hornbill:before{content:"\f592"}.fa-horse:before{content:"\f6f0"}.fa-horse-head:before{content:"\f7ab"}.fa-hospital:before{content:"\f0f8"}.fa-hospital-alt:before{content:"\f47d"}.fa-hospital-symbol:before{content:"\f47e"}.fa-hospital-user:before{content:"\f80d"}.fa-hot-tub:before{content:"\f593"}.fa-hotdog:before{content:"\f80f"}.fa-hotel:before{content:"\f594"}.fa-hotjar:before{content:"\f3b1"}.fa-hourglass:before{content:"\f254"}.fa-hourglass-end:before{content:"\f253"}.fa-hourglass-half:before{content:"\f252"}.fa-hourglass-start:before{content:"\f251"}.fa-house-damage:before{content:"\f6f1"}.fa-house-user:before{content:"\e065"}.fa-houzz:before{content:"\f27c"}.fa-hryvnia:before{content:"\f6f2"}.fa-html5:before{content:"\f13b"}.fa-hubspot:before{content:"\f3b2"}.fa-i-cursor:before{content:"\f246"}.fa-ice-cream:before{content:"\f810"}.fa-icicles:before{content:"\f7ad"}.fa-icons:before{content:"\f86d"}.fa-id-badge:before{content:"\f2c1"}.fa-id-card:before{content:"\f2c2"}.fa-id-card-alt:before{content:"\f47f"}.fa-ideal:before{content:"\e013"}.fa-igloo:before{content:"\f7ae"}.fa-image:before{content:"\f03e"}.fa-images:before{content:"\f302"}.fa-imdb:before{content:"\f2d8"}.fa-inbox:before{content:"\f01c"}.fa-indent:before{content:"\f03c"}.fa-industry:before{content:"\f275"}.fa-infinity:before{content:"\f534"}.fa-info:before{content:"\f129"}.fa-info-circle:before{content:"\f05a"}.fa-innosoft:before{content:"\e080"}.fa-instagram:before{content:"\f16d"}.fa-instagram-square:before{content:"\e055"}.fa-instalod:before{content:"\e081"}.fa-intercom:before{content:"\f7af"}.fa-internet-explorer:before{content:"\f26b"}.fa-invision:before{content:"\f7b0"}.fa-ioxhost:before{content:"\f208"}.fa-italic:before{content:"\f033"}.fa-itch-io:before{content:"\f83a"}.fa-itunes:before{content:"\f3b4"}.fa-itunes-note:before{content:"\f3b5"}.fa-java:before{content:"\f4e4"}.fa-jedi:before{content:"\f669"}.fa-jedi-order:before{content:"\f50e"}.fa-jenkins:before{content:"\f3b6"}.fa-jira:before{content:"\f7b1"}.fa-joget:before{content:"\f3b7"}.fa-joint:before{content:"\f595"}.fa-joomla:before{content:"\f1aa"}.fa-journal-whills:before{content:"\f66a"}.fa-js:before{content:"\f3b8"}.fa-js-square:before{content:"\f3b9"}.fa-jsfiddle:before{content:"\f1cc"}.fa-kaaba:before{content:"\f66b"}.fa-kaggle:before{content:"\f5fa"}.fa-key:before{content:"\f084"}.fa-keybase:before{content:"\f4f5"}.fa-keyboard:before{content:"\f11c"}.fa-keycdn:before{content:"\f3ba"}.fa-khanda:before{content:"\f66d"}.fa-kickstarter:before{content:"\f3bb"}.fa-kickstarter-k:before{content:"\f3bc"}.fa-kiss:before{content:"\f596"}.fa-kiss-beam:before{content:"\f597"}.fa-kiss-wink-heart:before{content:"\f598"}.fa-kiwi-bird:before{content:"\f535"}.fa-korvue:before{content:"\f42f"}.fa-landmark:before{content:"\f66f"}.fa-language:before{content:"\f1ab"}.fa-laptop:before{content:"\f109"}.fa-laptop-code:before{content:"\f5fc"}.fa-laptop-house:before{content:"\e066"}.fa-laptop-medical:before{content:"\f812"}.fa-laravel:before{content:"\f3bd"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-laugh:before{content:"\f599"}.fa-laugh-beam:before{content:"\f59a"}.fa-laugh-squint:before{content:"\f59b"}.fa-laugh-wink:before{content:"\f59c"}.fa-layer-group:before{content:"\f5fd"}.fa-leaf:before{content:"\f06c"}.fa-leanpub:before{content:"\f212"}.fa-lemon:before{content:"\f094"}.fa-less:before{content:"\f41d"}.fa-less-than:before{content:"\f536"}.fa-less-than-equal:before{content:"\f537"}.fa-level-down-alt:before{content:"\f3be"}.fa-level-up-alt:before{content:"\f3bf"}.fa-life-ring:before{content:"\f1cd"}.fa-lightbulb:before{content:"\f0eb"}.fa-line:before{content:"\f3c0"}.fa-link:before{content:"\f0c1"}.fa-linkedin:before{content:"\f08c"}.fa-linkedin-in:before{content:"\f0e1"}.fa-linode:before{content:"\f2b8"}.fa-linux:before{content:"\f17c"}.fa-lira-sign:before{content:"\f195"}.fa-list:before{content:"\f03a"}.fa-list-alt:before{content:"\f022"}.fa-list-ol:before{content:"\f0cb"}.fa-list-ul:before{content:"\f0ca"}.fa-location-arrow:before{content:"\f124"}.fa-lock:before{content:"\f023"}.fa-lock-open:before{content:"\f3c1"}.fa-long-arrow-alt-down:before{content:"\f309"}.fa-long-arrow-alt-left:before{content:"\f30a"}.fa-long-arrow-alt-right:before{content:"\f30b"}.fa-long-arrow-alt-up:before{content:"\f30c"}.fa-low-vision:before{content:"\f2a8"}.fa-luggage-cart:before{content:"\f59d"}.fa-lungs:before{content:"\f604"}.fa-lungs-virus:before{content:"\e067"}.fa-lyft:before{content:"\f3c3"}.fa-magento:before{content:"\f3c4"}.fa-magic:before{content:"\f0d0"}.fa-magnet:before{content:"\f076"}.fa-mail-bulk:before{content:"\f674"}.fa-mailchimp:before{content:"\f59e"}.fa-male:before{content:"\f183"}.fa-mandalorian:before{content:"\f50f"}.fa-map:before{content:"\f279"}.fa-map-marked:before{content:"\f59f"}.fa-map-marked-alt:before{content:"\f5a0"}.fa-map-marker:before{content:"\f041"}.fa-map-marker-alt:before{content:"\f3c5"}.fa-map-pin:before{content:"\f276"}.fa-map-signs:before{content:"\f277"}.fa-markdown:before{content:"\f60f"}.fa-marker:before{content:"\f5a1"}.fa-mars:before{content:"\f222"}.fa-mars-double:before{content:"\f227"}.fa-mars-stroke:before{content:"\f229"}.fa-mars-stroke-h:before{content:"\f22b"}.fa-mars-stroke-v:before{content:"\f22a"}.fa-mask:before{content:"\f6fa"}.fa-mastodon:before{content:"\f4f6"}.fa-maxcdn:before{content:"\f136"}.fa-mdb:before{content:"\f8ca"}.fa-medal:before{content:"\f5a2"}.fa-medapps:before{content:"\f3c6"}.fa-medium:before{content:"\f23a"}.fa-medium-m:before{content:"\f3c7"}.fa-medkit:before{content:"\f0fa"}.fa-medrt:before{content:"\f3c8"}.fa-meetup:before{content:"\f2e0"}.fa-megaport:before{content:"\f5a3"}.fa-meh:before{content:"\f11a"}.fa-meh-blank:before{content:"\f5a4"}.fa-meh-rolling-eyes:before{content:"\f5a5"}.fa-memory:before{content:"\f538"}.fa-mendeley:before{content:"\f7b3"}.fa-menorah:before{content:"\f676"}.fa-mercury:before{content:"\f223"}.fa-meteor:before{content:"\f753"}.fa-microblog:before{content:"\e01a"}.fa-microchip:before{content:"\f2db"}.fa-microphone:before{content:"\f130"}.fa-microphone-alt:before{content:"\f3c9"}.fa-microphone-alt-slash:before{content:"\f539"}.fa-microphone-slash:before{content:"\f131"}.fa-microscope:before{content:"\f610"}.fa-microsoft:before{content:"\f3ca"}.fa-minus:before{content:"\f068"}.fa-minus-circle:before{content:"\f056"}.fa-minus-square:before{content:"\f146"}.fa-mitten:before{content:"\f7b5"}.fa-mix:before{content:"\f3cb"}.fa-mixcloud:before{content:"\f289"}.fa-mixer:before{content:"\e056"}.fa-mizuni:before{content:"\f3cc"}.fa-mobile:before{content:"\f10b"}.fa-mobile-alt:before{content:"\f3cd"}.fa-modx:before{content:"\f285"}.fa-monero:before{content:"\f3d0"}.fa-money-bill:before{content:"\f0d6"}.fa-money-bill-alt:before{content:"\f3d1"}.fa-money-bill-wave:before{content:"\f53a"}.fa-money-bill-wave-alt:before{content:"\f53b"}.fa-money-check:before{content:"\f53c"}.fa-money-check-alt:before{content:"\f53d"}.fa-monument:before{content:"\f5a6"}.fa-moon:before{content:"\f186"}.fa-mortar-pestle:before{content:"\f5a7"}.fa-mosque:before{content:"\f678"}.fa-motorcycle:before{content:"\f21c"}.fa-mountain:before{content:"\f6fc"}.fa-mouse:before{content:"\f8cc"}.fa-mouse-pointer:before{content:"\f245"}.fa-mug-hot:before{content:"\f7b6"}.fa-music:before{content:"\f001"}.fa-napster:before{content:"\f3d2"}.fa-neos:before{content:"\f612"}.fa-network-wired:before{content:"\f6ff"}.fa-neuter:before{content:"\f22c"}.fa-newspaper:before{content:"\f1ea"}.fa-nimblr:before{content:"\f5a8"}.fa-node:before{content:"\f419"}.fa-node-js:before{content:"\f3d3"}.fa-not-equal:before{content:"\f53e"}.fa-notes-medical:before{content:"\f481"}.fa-npm:before{content:"\f3d4"}.fa-ns8:before{content:"\f3d5"}.fa-nutritionix:before{content:"\f3d6"}.fa-object-group:before{content:"\f247"}.fa-object-ungroup:before{content:"\f248"}.fa-octopus-deploy:before{content:"\e082"}.fa-odnoklassniki:before{content:"\f263"}.fa-odnoklassniki-square:before{content:"\f264"}.fa-oil-can:before{content:"\f613"}.fa-old-republic:before{content:"\f510"}.fa-om:before{content:"\f679"}.fa-opencart:before{content:"\f23d"}.fa-openid:before{content:"\f19b"}.fa-opera:before{content:"\f26a"}.fa-optin-monster:before{content:"\f23c"}.fa-orcid:before{content:"\f8d2"}.fa-osi:before{content:"\f41a"}.fa-otter:before{content:"\f700"}.fa-outdent:before{content:"\f03b"}.fa-page4:before{content:"\f3d7"}.fa-pagelines:before{content:"\f18c"}.fa-pager:before{content:"\f815"}.fa-paint-brush:before{content:"\f1fc"}.fa-paint-roller:before{content:"\f5aa"}.fa-palette:before{content:"\f53f"}.fa-palfed:before{content:"\f3d8"}.fa-pallet:before{content:"\f482"}.fa-paper-plane:before{content:"\f1d8"}.fa-paperclip:before{content:"\f0c6"}.fa-parachute-box:before{content:"\f4cd"}.fa-paragraph:before{content:"\f1dd"}.fa-parking:before{content:"\f540"}.fa-passport:before{content:"\f5ab"}.fa-pastafarianism:before{content:"\f67b"}.fa-paste:before{content:"\f0ea"}.fa-patreon:before{content:"\f3d9"}.fa-pause:before{content:"\f04c"}.fa-pause-circle:before{content:"\f28b"}.fa-paw:before{content:"\f1b0"}.fa-paypal:before{content:"\f1ed"}.fa-peace:before{content:"\f67c"}.fa-pen:before{content:"\f304"}.fa-pen-alt:before{content:"\f305"}.fa-pen-fancy:before{content:"\f5ac"}.fa-pen-nib:before{content:"\f5ad"}.fa-pen-square:before{content:"\f14b"}.fa-pencil-alt:before{content:"\f303"}.fa-pencil-ruler:before{content:"\f5ae"}.fa-penny-arcade:before{content:"\f704"}.fa-people-arrows:before{content:"\e068"}.fa-people-carry:before{content:"\f4ce"}.fa-pepper-hot:before{content:"\f816"}.fa-perbyte:before{content:"\e083"}.fa-percent:before{content:"\f295"}.fa-percentage:before{content:"\f541"}.fa-periscope:before{content:"\f3da"}.fa-person-booth:before{content:"\f756"}.fa-phabricator:before{content:"\f3db"}.fa-phoenix-framework:before{content:"\f3dc"}.fa-phoenix-squadron:before{content:"\f511"}.fa-phone:before{content:"\f095"}.fa-phone-alt:before{content:"\f879"}.fa-phone-slash:before{content:"\f3dd"}.fa-phone-square:before{content:"\f098"}.fa-phone-square-alt:before{content:"\f87b"}.fa-phone-volume:before{content:"\f2a0"}.fa-photo-video:before{content:"\f87c"}.fa-php:before{content:"\f457"}.fa-pied-piper:before{content:"\f2ae"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-pied-piper-hat:before{content:"\f4e5"}.fa-pied-piper-pp:before{content:"\f1a7"}.fa-pied-piper-square:before{content:"\e01e"}.fa-piggy-bank:before{content:"\f4d3"}.fa-pills:before{content:"\f484"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-p:before{content:"\f231"}.fa-pinterest-square:before{content:"\f0d3"}.fa-pizza-slice:before{content:"\f818"}.fa-place-of-worship:before{content:"\f67f"}.fa-plane:before{content:"\f072"}.fa-plane-arrival:before{content:"\f5af"}.fa-plane-departure:before{content:"\f5b0"}.fa-plane-slash:before{content:"\e069"}.fa-play:before{content:"\f04b"}.fa-play-circle:before{content:"\f144"}.fa-playstation:before{content:"\f3df"}.fa-plug:before{content:"\f1e6"}.fa-plus:before{content:"\f067"}.fa-plus-circle:before{content:"\f055"}.fa-plus-square:before{content:"\f0fe"}.fa-podcast:before{content:"\f2ce"}.fa-poll:before{content:"\f681"}.fa-poll-h:before{content:"\f682"}.fa-poo:before{content:"\f2fe"}.fa-poo-storm:before{content:"\f75a"}.fa-poop:before{content:"\f619"}.fa-portrait:before{content:"\f3e0"}.fa-pound-sign:before{content:"\f154"}.fa-power-off:before{content:"\f011"}.fa-pray:before{content:"\f683"}.fa-praying-hands:before{content:"\f684"}.fa-prescription:before{content:"\f5b1"}.fa-prescription-bottle:before{content:"\f485"}.fa-prescription-bottle-alt:before{content:"\f486"}.fa-print:before{content:"\f02f"}.fa-procedures:before{content:"\f487"}.fa-product-hunt:before{content:"\f288"}.fa-project-diagram:before{content:"\f542"}.fa-pump-medical:before{content:"\e06a"}.fa-pump-soap:before{content:"\e06b"}.fa-pushed:before{content:"\f3e1"}.fa-puzzle-piece:before{content:"\f12e"}.fa-python:before{content:"\f3e2"}.fa-qq:before{content:"\f1d6"}.fa-qrcode:before{content:"\f029"}.fa-question:before{content:"\f128"}.fa-question-circle:before{content:"\f059"}.fa-quidditch:before{content:"\f458"}.fa-quinscape:before{content:"\f459"}.fa-quora:before{content:"\f2c4"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-quran:before{content:"\f687"}.fa-r-project:before{content:"\f4f7"}.fa-radiation:before{content:"\f7b9"}.fa-radiation-alt:before{content:"\f7ba"}.fa-rainbow:before{content:"\f75b"}.fa-random:before{content:"\f074"}.fa-raspberry-pi:before{content:"\f7bb"}.fa-ravelry:before{content:"\f2d9"}.fa-react:before{content:"\f41b"}.fa-reacteurope:before{content:"\f75d"}.fa-readme:before{content:"\f4d5"}.fa-rebel:before{content:"\f1d0"}.fa-receipt:before{content:"\f543"}.fa-record-vinyl:before{content:"\f8d9"}.fa-recycle:before{content:"\f1b8"}.fa-red-river:before{content:"\f3e3"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-alien:before{content:"\f281"}.fa-reddit-square:before{content:"\f1a2"}.fa-redhat:before{content:"\f7bc"}.fa-redo:before{content:"\f01e"}.fa-redo-alt:before{content:"\f2f9"}.fa-registered:before{content:"\f25d"}.fa-remove-format:before{content:"\f87d"}.fa-renren:before{content:"\f18b"}.fa-reply:before{content:"\f3e5"}.fa-reply-all:before{content:"\f122"}.fa-replyd:before{content:"\f3e6"}.fa-republican:before{content:"\f75e"}.fa-researchgate:before{content:"\f4f8"}.fa-resolving:before{content:"\f3e7"}.fa-restroom:before{content:"\f7bd"}.fa-retweet:before{content:"\f079"}.fa-rev:before{content:"\f5b2"}.fa-ribbon:before{content:"\f4d6"}.fa-ring:before{content:"\f70b"}.fa-road:before{content:"\f018"}.fa-robot:before{content:"\f544"}.fa-rocket:before{content:"\f135"}.fa-rocketchat:before{content:"\f3e8"}.fa-rockrms:before{content:"\f3e9"}.fa-route:before{content:"\f4d7"}.fa-rss:before{content:"\f09e"}.fa-rss-square:before{content:"\f143"}.fa-ruble-sign:before{content:"\f158"}.fa-ruler:before{content:"\f545"}.fa-ruler-combined:before{content:"\f546"}.fa-ruler-horizontal:before{content:"\f547"}.fa-ruler-vertical:before{content:"\f548"}.fa-running:before{content:"\f70c"}.fa-rupee-sign:before{content:"\f156"}.fa-rust:before{content:"\e07a"}.fa-sad-cry:before{content:"\f5b3"}.fa-sad-tear:before{content:"\f5b4"}.fa-safari:before{content:"\f267"}.fa-salesforce:before{content:"\f83b"}.fa-sass:before{content:"\f41e"}.fa-satellite:before{content:"\f7bf"}.fa-satellite-dish:before{content:"\f7c0"}.fa-save:before{content:"\f0c7"}.fa-schlix:before{content:"\f3ea"}.fa-school:before{content:"\f549"}.fa-screwdriver:before{content:"\f54a"}.fa-scribd:before{content:"\f28a"}.fa-scroll:before{content:"\f70e"}.fa-sd-card:before{content:"\f7c2"}.fa-search:before{content:"\f002"}.fa-search-dollar:before{content:"\f688"}.fa-search-location:before{content:"\f689"}.fa-search-minus:before{content:"\f010"}.fa-search-plus:before{content:"\f00e"}.fa-searchengin:before{content:"\f3eb"}.fa-seedling:before{content:"\f4d8"}.fa-sellcast:before{content:"\f2da"}.fa-sellsy:before{content:"\f213"}.fa-server:before{content:"\f233"}.fa-servicestack:before{content:"\f3ec"}.fa-shapes:before{content:"\f61f"}.fa-share:before{content:"\f064"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-share-square:before{content:"\f14d"}.fa-shekel-sign:before{content:"\f20b"}.fa-shield-alt:before{content:"\f3ed"}.fa-shield-virus:before{content:"\e06c"}.fa-ship:before{content:"\f21a"}.fa-shipping-fast:before{content:"\f48b"}.fa-shirtsinbulk:before{content:"\f214"}.fa-shoe-prints:before{content:"\f54b"}.fa-shopify:before{content:"\e057"}.fa-shopping-bag:before{content:"\f290"}.fa-shopping-basket:before{content:"\f291"}.fa-shopping-cart:before{content:"\f07a"}.fa-shopware:before{content:"\f5b5"}.fa-shower:before{content:"\f2cc"}.fa-shuttle-van:before{content:"\f5b6"}.fa-sign:before{content:"\f4d9"}.fa-sign-in-alt:before{content:"\f2f6"}.fa-sign-language:before{content:"\f2a7"}.fa-sign-out-alt:before{content:"\f2f5"}.fa-signal:before{content:"\f012"}.fa-signature:before{content:"\f5b7"}.fa-sim-card:before{content:"\f7c4"}.fa-simplybuilt:before{content:"\f215"}.fa-sink:before{content:"\e06d"}.fa-sistrix:before{content:"\f3ee"}.fa-sitemap:before{content:"\f0e8"}.fa-sith:before{content:"\f512"}.fa-skating:before{content:"\f7c5"}.fa-sketch:before{content:"\f7c6"}.fa-skiing:before{content:"\f7c9"}.fa-skiing-nordic:before{content:"\f7ca"}.fa-skull:before{content:"\f54c"}.fa-skull-crossbones:before{content:"\f714"}.fa-skyatlas:before{content:"\f216"}.fa-skype:before{content:"\f17e"}.fa-slack:before{content:"\f198"}.fa-slack-hash:before{content:"\f3ef"}.fa-slash:before{content:"\f715"}.fa-sleigh:before{content:"\f7cc"}.fa-sliders-h:before{content:"\f1de"}.fa-slideshare:before{content:"\f1e7"}.fa-smile:before{content:"\f118"}.fa-smile-beam:before{content:"\f5b8"}.fa-smile-wink:before{content:"\f4da"}.fa-smog:before{content:"\f75f"}.fa-smoking:before{content:"\f48d"}.fa-smoking-ban:before{content:"\f54d"}.fa-sms:before{content:"\f7cd"}.fa-snapchat:before{content:"\f2ab"}.fa-snapchat-ghost:before{content:"\f2ac"}.fa-snapchat-square:before{content:"\f2ad"}.fa-snowboarding:before{content:"\f7ce"}.fa-snowflake:before{content:"\f2dc"}.fa-snowman:before{content:"\f7d0"}.fa-snowplow:before{content:"\f7d2"}.fa-soap:before{content:"\e06e"}.fa-socks:before{content:"\f696"}.fa-solar-panel:before{content:"\f5ba"}.fa-sort:before{content:"\f0dc"}.fa-sort-alpha-down:before{content:"\f15d"}.fa-sort-alpha-down-alt:before{content:"\f881"}.fa-sort-alpha-up:before{content:"\f15e"}.fa-sort-alpha-up-alt:before{content:"\f882"}.fa-sort-amount-down:before{content:"\f160"}.fa-sort-amount-down-alt:before{content:"\f884"}.fa-sort-amount-up:before{content:"\f161"}.fa-sort-amount-up-alt:before{content:"\f885"}.fa-sort-down:before{content:"\f0dd"}.fa-sort-numeric-down:before{content:"\f162"}.fa-sort-numeric-down-alt:before{content:"\f886"}.fa-sort-numeric-up:before{content:"\f163"}.fa-sort-numeric-up-alt:before{content:"\f887"}.fa-sort-up:before{content:"\f0de"}.fa-soundcloud:before{content:"\f1be"}.fa-sourcetree:before{content:"\f7d3"}.fa-spa:before{content:"\f5bb"}.fa-space-shuttle:before{content:"\f197"}.fa-speakap:before{content:"\f3f3"}.fa-speaker-deck:before{content:"\f83c"}.fa-spell-check:before{content:"\f891"}.fa-spider:before{content:"\f717"}.fa-spinner:before{content:"\f110"}.fa-splotch:before{content:"\f5bc"}.fa-spotify:before{content:"\f1bc"}.fa-spray-can:before{content:"\f5bd"}.fa-square:before{content:"\f0c8"}.fa-square-full:before{content:"\f45c"}.fa-square-root-alt:before{content:"\f698"}.fa-squarespace:before{content:"\f5be"}.fa-stack-exchange:before{content:"\f18d"}.fa-stack-overflow:before{content:"\f16c"}.fa-stackpath:before{content:"\f842"}.fa-stamp:before{content:"\f5bf"}.fa-star:before{content:"\f005"}.fa-star-and-crescent:before{content:"\f699"}.fa-star-half:before{content:"\f089"}.fa-star-half-alt:before{content:"\f5c0"}.fa-star-of-david:before{content:"\f69a"}.fa-star-of-life:before{content:"\f621"}.fa-staylinked:before{content:"\f3f5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-steam-symbol:before{content:"\f3f6"}.fa-step-backward:before{content:"\f048"}.fa-step-forward:before{content:"\f051"}.fa-stethoscope:before{content:"\f0f1"}.fa-sticker-mule:before{content:"\f3f7"}.fa-sticky-note:before{content:"\f249"}.fa-stop:before{content:"\f04d"}.fa-stop-circle:before{content:"\f28d"}.fa-stopwatch:before{content:"\f2f2"}.fa-stopwatch-20:before{content:"\e06f"}.fa-store:before{content:"\f54e"}.fa-store-alt:before{content:"\f54f"}.fa-store-alt-slash:before{content:"\e070"}.fa-store-slash:before{content:"\e071"}.fa-strava:before{content:"\f428"}.fa-stream:before{content:"\f550"}.fa-street-view:before{content:"\f21d"}.fa-strikethrough:before{content:"\f0cc"}.fa-stripe:before{content:"\f429"}.fa-stripe-s:before{content:"\f42a"}.fa-stroopwafel:before{content:"\f551"}.fa-studiovinari:before{content:"\f3f8"}.fa-stumbleupon:before{content:"\f1a4"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-subscript:before{content:"\f12c"}.fa-subway:before{content:"\f239"}.fa-suitcase:before{content:"\f0f2"}.fa-suitcase-rolling:before{content:"\f5c1"}.fa-sun:before{content:"\f185"}.fa-superpowers:before{content:"\f2dd"}.fa-superscript:before{content:"\f12b"}.fa-supple:before{content:"\f3f9"}.fa-surprise:before{content:"\f5c2"}.fa-suse:before{content:"\f7d6"}.fa-swatchbook:before{content:"\f5c3"}.fa-swift:before{content:"\f8e1"}.fa-swimmer:before{content:"\f5c4"}.fa-swimming-pool:before{content:"\f5c5"}.fa-symfony:before{content:"\f83d"}.fa-synagogue:before{content:"\f69b"}.fa-sync:before{content:"\f021"}.fa-sync-alt:before{content:"\f2f1"}.fa-syringe:before{content:"\f48e"}.fa-table:before{content:"\f0ce"}.fa-table-tennis:before{content:"\f45d"}.fa-tablet:before{content:"\f10a"}.fa-tablet-alt:before{content:"\f3fa"}.fa-tablets:before{content:"\f490"}.fa-tachometer-alt:before{content:"\f3fd"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-tape:before{content:"\f4db"}.fa-tasks:before{content:"\f0ae"}.fa-taxi:before{content:"\f1ba"}.fa-teamspeak:before{content:"\f4f9"}.fa-teeth:before{content:"\f62e"}.fa-teeth-open:before{content:"\f62f"}.fa-telegram:before{content:"\f2c6"}.fa-telegram-plane:before{content:"\f3fe"}.fa-temperature-high:before{content:"\f769"}.fa-temperature-low:before{content:"\f76b"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-tenge:before{content:"\f7d7"}.fa-terminal:before{content:"\f120"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-th:before{content:"\f00a"}.fa-th-large:before{content:"\f009"}.fa-th-list:before{content:"\f00b"}.fa-the-red-yeti:before{content:"\f69d"}.fa-theater-masks:before{content:"\f630"}.fa-themeco:before{content:"\f5c6"}.fa-themeisle:before{content:"\f2b2"}.fa-thermometer:before{content:"\f491"}.fa-thermometer-empty:before{content:"\f2cb"}.fa-thermometer-full:before{content:"\f2c7"}.fa-thermometer-half:before{content:"\f2c9"}.fa-thermometer-quarter:before{content:"\f2ca"}.fa-thermometer-three-quarters:before{content:"\f2c8"}.fa-think-peaks:before{content:"\f731"}.fa-thumbs-down:before{content:"\f165"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbtack:before{content:"\f08d"}.fa-ticket-alt:before{content:"\f3ff"}.fa-tiktok:before{content:"\e07b"}.fa-times:before{content:"\f00d"}.fa-times-circle:before{content:"\f057"}.fa-tint:before{content:"\f043"}.fa-tint-slash:before{content:"\f5c7"}.fa-tired:before{content:"\f5c8"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-toilet:before{content:"\f7d8"}.fa-toilet-paper:before{content:"\f71e"}.fa-toilet-paper-slash:before{content:"\e072"}.fa-toolbox:before{content:"\f552"}.fa-tools:before{content:"\f7d9"}.fa-tooth:before{content:"\f5c9"}.fa-torah:before{content:"\f6a0"}.fa-torii-gate:before{content:"\f6a1"}.fa-tractor:before{content:"\f722"}.fa-trade-federation:before{content:"\f513"}.fa-trademark:before{content:"\f25c"}.fa-traffic-light:before{content:"\f637"}.fa-trailer:before{content:"\e041"}.fa-train:before{content:"\f238"}.fa-tram:before{content:"\f7da"}.fa-transgender:before{content:"\f224"}.fa-transgender-alt:before{content:"\f225"}.fa-trash:before{content:"\f1f8"}.fa-trash-alt:before{content:"\f2ed"}.fa-trash-restore:before{content:"\f829"}.fa-trash-restore-alt:before{content:"\f82a"}.fa-tree:before{content:"\f1bb"}.fa-trello:before{content:"\f181"}.fa-tripadvisor:before{content:"\f262"}.fa-trophy:before{content:"\f091"}.fa-truck:before{content:"\f0d1"}.fa-truck-loading:before{content:"\f4de"}.fa-truck-monster:before{content:"\f63b"}.fa-truck-moving:before{content:"\f4df"}.fa-truck-pickup:before{content:"\f63c"}.fa-tshirt:before{content:"\f553"}.fa-tty:before{content:"\f1e4"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-tv:before{content:"\f26c"}.fa-twitch:before{content:"\f1e8"}.fa-twitter:before{content:"\f099"}.fa-twitter-square:before{content:"\f081"}.fa-typo3:before{content:"\f42b"}.fa-uber:before{content:"\f402"}.fa-ubuntu:before{content:"\f7df"}.fa-uikit:before{content:"\f403"}.fa-umbraco:before{content:"\f8e8"}.fa-umbrella:before{content:"\f0e9"}.fa-umbrella-beach:before{content:"\f5ca"}.fa-uncharted:before{content:"\e084"}.fa-underline:before{content:"\f0cd"}.fa-undo:before{content:"\f0e2"}.fa-undo-alt:before{content:"\f2ea"}.fa-uniregistry:before{content:"\f404"}.fa-unity:before{content:"\e049"}.fa-universal-access:before{content:"\f29a"}.fa-university:before{content:"\f19c"}.fa-unlink:before{content:"\f127"}.fa-unlock:before{content:"\f09c"}.fa-unlock-alt:before{content:"\f13e"}.fa-unsplash:before{content:"\e07c"}.fa-untappd:before{content:"\f405"}.fa-upload:before{content:"\f093"}.fa-ups:before{content:"\f7e0"}.fa-usb:before{content:"\f287"}.fa-user:before{content:"\f007"}.fa-user-alt:before{content:"\f406"}.fa-user-alt-slash:before{content:"\f4fa"}.fa-user-astronaut:before{content:"\f4fb"}.fa-user-check:before{content:"\f4fc"}.fa-user-circle:before{content:"\f2bd"}.fa-user-clock:before{content:"\f4fd"}.fa-user-cog:before{content:"\f4fe"}.fa-user-edit:before{content:"\f4ff"}.fa-user-friends:before{content:"\f500"}.fa-user-graduate:before{content:"\f501"}.fa-user-injured:before{content:"\f728"}.fa-user-lock:before{content:"\f502"}.fa-user-md:before{content:"\f0f0"}.fa-user-minus:before{content:"\f503"}.fa-user-ninja:before{content:"\f504"}.fa-user-nurse:before{content:"\f82f"}.fa-user-plus:before{content:"\f234"}.fa-user-secret:before{content:"\f21b"}.fa-user-shield:before{content:"\f505"}.fa-user-slash:before{content:"\f506"}.fa-user-tag:before{content:"\f507"}.fa-user-tie:before{content:"\f508"}.fa-user-times:before{content:"\f235"}.fa-users:before{content:"\f0c0"}.fa-users-cog:before{content:"\f509"}.fa-users-slash:before{content:"\e073"}.fa-usps:before{content:"\f7e1"}.fa-ussunnah:before{content:"\f407"}.fa-utensil-spoon:before{content:"\f2e5"}.fa-utensils:before{content:"\f2e7"}.fa-vaadin:before{content:"\f408"}.fa-vector-square:before{content:"\f5cb"}.fa-venus:before{content:"\f221"}.fa-venus-double:before{content:"\f226"}.fa-venus-mars:before{content:"\f228"}.fa-vest:before{content:"\e085"}.fa-vest-patches:before{content:"\e086"}.fa-viacoin:before{content:"\f237"}.fa-viadeo:before{content:"\f2a9"}.fa-viadeo-square:before{content:"\f2aa"}.fa-vial:before{content:"\f492"}.fa-vials:before{content:"\f493"}.fa-viber:before{content:"\f409"}.fa-video:before{content:"\f03d"}.fa-video-slash:before{content:"\f4e2"}.fa-vihara:before{content:"\f6a7"}.fa-vimeo:before{content:"\f40a"}.fa-vimeo-square:before{content:"\f194"}.fa-vimeo-v:before{content:"\f27d"}.fa-vine:before{content:"\f1ca"}.fa-virus:before{content:"\e074"}.fa-virus-slash:before{content:"\e075"}.fa-viruses:before{content:"\e076"}.fa-vk:before{content:"\f189"}.fa-vnv:before{content:"\f40b"}.fa-voicemail:before{content:"\f897"}.fa-volleyball-ball:before{content:"\f45f"}.fa-volume-down:before{content:"\f027"}.fa-volume-mute:before{content:"\f6a9"}.fa-volume-off:before{content:"\f026"}.fa-volume-up:before{content:"\f028"}.fa-vote-yea:before{content:"\f772"}.fa-vr-cardboard:before{content:"\f729"}.fa-vuejs:before{content:"\f41f"}.fa-walking:before{content:"\f554"}.fa-wallet:before{content:"\f555"}.fa-warehouse:before{content:"\f494"}.fa-watchman-monitoring:before{content:"\e087"}.fa-water:before{content:"\f773"}.fa-wave-square:before{content:"\f83e"}.fa-waze:before{content:"\f83f"}.fa-weebly:before{content:"\f5cc"}.fa-weibo:before{content:"\f18a"}.fa-weight:before{content:"\f496"}.fa-weight-hanging:before{content:"\f5cd"}.fa-weixin:before{content:"\f1d7"}.fa-whatsapp:before{content:"\f232"}.fa-whatsapp-square:before{content:"\f40c"}.fa-wheelchair:before{content:"\f193"}.fa-whmcs:before{content:"\f40d"}.fa-wifi:before{content:"\f1eb"}.fa-wikipedia-w:before{content:"\f266"}.fa-wind:before{content:"\f72e"}.fa-window-close:before{content:"\f410"}.fa-window-maximize:before{content:"\f2d0"}.fa-window-minimize:before{content:"\f2d1"}.fa-window-restore:before{content:"\f2d2"}.fa-windows:before{content:"\f17a"}.fa-wine-bottle:before{content:"\f72f"}.fa-wine-glass:before{content:"\f4e3"}.fa-wine-glass-alt:before{content:"\f5ce"}.fa-wix:before{content:"\f5cf"}.fa-wizards-of-the-coast:before{content:"\f730"}.fa-wodu:before{content:"\e088"}.fa-wolf-pack-battalion:before{content:"\f514"}.fa-won-sign:before{content:"\f159"}.fa-wordpress:before{content:"\f19a"}.fa-wordpress-simple:before{content:"\f411"}.fa-wpbeginner:before{content:"\f297"}.fa-wpexplorer:before{content:"\f2de"}.fa-wpforms:before{content:"\f298"}.fa-wpressr:before{content:"\f3e4"}.fa-wrench:before{content:"\f0ad"}.fa-x-ray:before{content:"\f497"}.fa-xbox:before{content:"\f412"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-y-combinator:before{content:"\f23b"}.fa-yahoo:before{content:"\f19e"}.fa-yammer:before{content:"\f840"}.fa-yandex:before{content:"\f413"}.fa-yandex-international:before{content:"\f414"}.fa-yarn:before{content:"\f7e3"}.fa-yelp:before{content:"\f1e9"}.fa-yen-sign:before{content:"\f157"}.fa-yin-yang:before{content:"\f6ad"}.fa-yoast:before{content:"\f2b1"}.fa-youtube:before{content:"\f167"}.fa-youtube-square:before{content:"\f431"}.fa-zhihu:before{content:"\f63f"}.sr-only{border:0;clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.sr-only-focusable:active,.sr-only-focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}@font-face{font-family:"FontAwesome";font-style:normal;font-weight:400;font-display:block;src:url(/fonts/fa-brands-400.eot);src:url(/fonts/fa-brands-400.eot?#iefix) format("embedded-opentype"),url(/fonts/fa-brands-400.woff2) format("woff2"),url(/fonts/fa-brands-400.woff) format("woff"),url(/fonts/fa-brands-400.ttf) format("truetype"),url(/fonts/fa-brands-400.svg#fontawesome) format("svg")} @font-face { font-family: 'FontAwesomeRegular'; font-style: normal; font-weight: 400; font-display: block; src: url("/fonts/fa-regular-400.eot"); src: url("/fonts/fa-regular-400.eot?#iefix") format("embedded-opentype"), url("/fonts/fa-regular-400.woff2") format("woff2"), url("/fonts/fa-regular-400.woff") format("woff"), url("/fonts/fa-regular-400.ttf") format("truetype"), url("/fonts/fa-regular-400.svg#fontawesome") format("svg"); } @font-face { font-family: 'FontAwesomeBold'; font-style: normal; font-weight: 900; font-display: block; src: url("/fonts/fa-solid-900.eot"); src: url("/fonts/fa-solid-900.eot?#iefix") format("embedded-opentype"), url("/fonts/fa-solid-900.woff2") format("woff2"), url("/fonts/fa-solid-900.woff") format("woff"), url("/fonts/fa-solid-900.ttf") format("truetype"), url("/fonts/fa-solid-900.svg#fontawesome") format("svg"); } @font-face{font-family:"FontAwesome";font-style:normal;font-weight:400;font-display:block;src:url(/webfonts/fa-regular-400.eot);src:url(/webfonts/fa-regular-400.eot?#iefix) format("embedded-opentype"),url(/webfonts/fa-regular-400.woff2) format("woff2"),url(/webfonts/fa-regular-400.woff) format("woff"),url(/webfonts/fa-regular-400.ttf) format("truetype"),url(/webfonts/fa-regular-400.svg#fontawesome) format("svg")}.fab,.far{font-weight:400}@font-face{font-family:"FontAwesome";font-style:normal;font-weight:900;font-display:block;src:url(/webfonts/fa-solid-900.eot);src:url(/webfonts/fa-solid-900.eot?#iefix) format("embedded-opentype"),url(/webfonts/fa-solid-900.woff2) format("woff2"),url(/webfonts/fa-solid-900.woff) format("woff"),url(/webfonts/fa-solid-900.ttf) format("truetype"),url(/webfonts/fa-solid-900.svg#fontawesome) format("svg")}.fa,.far,.fas{font-family:"FontAwesome"}.fa,.fas{font-weight:900} /* Global css */ /* Fonts */ @font-face { font-family: 'Assistant'; font-style: normal; font-weight: 400; src: url('/fonts/assistant-v4-latin_hebrew-regular.eot'); src: url('/fonts/assistant-v4-latin_hebrew-regular.eot?#iefix') format('embedded-opentype'), url('/fonts/assistant-v4-latin_hebrew-regular.woff2') format('woff2'), url('/fonts/assistant-v4-latin_hebrew-regular.woff') format('woff'), url('/fonts/assistant-v4-latin_hebrew-regular.ttf') format('truetype'), url('/fonts/assistant-v4-latin_hebrew-regular.svg#Assistant') format('svg'); font-display: swap; } @font-face { font-family: 'Assistant'; font-style: normal; font-weight: 700; src: url('/fonts/assistant-v4-latin_hebrew-700.eot'); src: url('/fonts/assistant-v4-latin_hebrew-700.eot?#iefix') format('embedded-opentype'), url('/fonts/assistant-v4-latin_hebrew-700.woff2') format('woff2'), url('/fonts/assistant-v4-latin_hebrew-700.woff') format('woff'), url('/fonts/assistant-v4-latin_hebrew-700.ttf') format('truetype'), url('/fonts/assistant-v4-latin_hebrew-700.svg#Assistant') format('svg'); font-display: swap; } @font-face { font-family: 'Assistant'; font-style: normal; font-weight: 800; src: url('/fonts/assistant-v4-latin_hebrew-800.eot'); src: url('/fonts/assistant-v4-latin_hebrew-800.eot?#iefix') format('embedded-opentype'), url('/fonts/assistant-v4-latin_hebrew-800.woff2') format('woff2'), url('/fonts/assistant-v4-latin_hebrew-800.woff') format('woff'), url('/fonts/assistant-v4-latin_hebrew-800.ttf') format('truetype'), url('/fonts/assistant-v4-latin_hebrew-800.svg#Assistant') format('svg'); font-display: swap; } body{font-family:Assistant} h2,h3 {font-family:Assistant} /* Global */ input[type='text'],textarea{caret-color: #3ae8a1;} ::-webkit-input-placeholder {color: #2b303a;opacity:1;} :-moz-placeholder {color: #2b303a;opacity:1;} ::-moz-placeholder {color: #2b303a;opacity:1;} :-ms-input-placeholder{color: #2b303a;opacity: 1;} .inherit_placeholder::-webkit-input-placeholder {color: inherit;opacity:1;} .inherit_placeholder:-moz-placeholder {color: inherit;opacity:1;} .inherit_placeholder::-moz-placeholder {color: inherit;opacity:1;} .inherit_placeholder:-ms-input-placeholder{color: inherit;opacity: 1;} ::selection{background: #3ae8a1;color:#2b303a;} ::-moz-selection{background: #3ae8a1;color:#2b303a;} ::-ms-clear{display: none;} /* Video background */ .video_bg{direction: ltr;position: absolute;top:0;left:0;width:100%;height: 100%;overflow: hidden;z-index:0;} .video_bg .video{min-width: 113%;min-height: 100%;width: auto;height: auto;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);} .video_bg .cover{display: none;} /* Flickity carousel */ .flickity-enabled{position:relative;} .flickity-enabled:focus{outline:none;} .flickity-viewport{overflow:hidden;position:relative;height:100%;} .flickity-slider{position:absolute;width:100%;height:100%;} .flickity-enabled.is-draggable{-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;} .flickity-enabled.is-draggable .flickity-viewport{cursor:move;cursor:-webkit-grab;cursor:grab;} .flickity-enabled.is-draggable .flickity-viewport.is-pointer-down{cursor:-webkit-grabbing;cursor:grabbing;} .flickity-button{position:absolute;background:hsla(0,0%,100%,0.75);border:none;color:#333;} .flickity-button:disabled{opacity:0.5;cursor:auto;pointer-events:none;} .flickity-button-icon{fill:currentColor;} .flickity-prev-next-button{top:50%;width:44px;height:44px;border-radius:50%;transform:translateY(-50%);} .flickity-prev-next-button.previous{left:0;} .flickity-prev-next-button.next{right:0;} .flickity-rtl .flickity-prev-next-button.previous{left:auto;right:0;} .flickity-rtl .flickity-prev-next-button.next{right:auto;left:0;} .flickity-prev-next-button .flickity-button-icon{position:absolute;left:20%;top:20%;width:60%;height:60%;} .flickity-page-dots{position:absolute;width:100%;bottom:-25px;padding:0;margin:0;list-style:none;text-align:center;line-height:1;} .flickity-rtl .flickity-page-dots{direction:rtl;} .flickity-page-dots .dot{display:inline-block;width:10px;height:10px;margin:0 8px;background:#333;border-radius:50%;opacity:0.25;cursor:pointer;} .flickity-page-dots .dot.is-selected{opacity:1;} .flickity-prev-next-button{z-index:10;border-radius:0;height:auto;width:auto;padding:1.9375rem;background:none;} .flickity-prev-next-button.previous:after{transform:scaleX(-1);} .flickity-prev-next-button .flickity-button-icon{display: none;} .btn_pause{width:28px;height:28px;display:block;border-radius:50%;outline:none;position:relative;background:transparent;z-index:25;border:none;padding:0;left:3px;margin-bottom:10px;border:2px solid #FFF;} .btn_pause .icon-play{width:0;height:0;border-style:solid;border-width:5px 0 5px 6px;border-color:transparent transparent transparent #FFF;position:absolute;left:2px;top:0;right:0;bottom:0;display:block;margin:auto;opacity:0;z-index:3;} .btn_pause .icon_pause{width:8px;height:10px;position:absolute;left:0;right:0;bottom:0;top:0;margin:auto;z-index:3;} .btn_pause .icon_pause:after,.btn_pause .icon_pause:before{position:absolute;left:0;top:0;width:2px;height:100%;content:'';background:#FFF;} .btn_pause .icon_pause:after{left:auto;right:0;} .slider_pause .btn_pause .icon_pause{opacity:0;} .slider_pause .btn_pause .icon-play{opacity:1;} /* List slice */ .list_slice .item_slice_animate{-webkit-transition: opacity 0.5s ease-out;-moz-transition: opacity 0.5s ease-out;-o-transition: opacity 0.5s ease-out;transition:opacity 0.5s ease-out;} .list_slice .item_slice_hide{display: none!important;} .list_slice .item_slice_hidden{opacity:0;} /* Video player */ .video_box .bg,.play_btn{-webkit-transition: -webkit-transform 0.4s ease-out,opacity 0.4s ease-out;-moz-transition: -moz-transform 0.4s ease-out,opacity 0.4s ease-out;-o-transition: -o-transform 0.4s ease-out,opacity 0.4s ease-out;transition:transform 0.4s ease-out,opacity 0.4s ease-out;} .video_box .inner{-webkit-transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);-moz-transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);-o-transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);transition:all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);} .video_box{padding-bottom:72%;overflow: hidden;position: relative;background-color: #000;} .video_box .inner{position: absolute;left:0;top:0;z-index:2;width:100%;height:100%;background-color: #000;} .video_box.played .inner{opacity: 0;visibility: hidden;} .video_box .bg{position: absolute;left:0;top:0;width:100%;height:100%;opacity:0.75;z-index:1;-moz-transform:scale(1.02) rotate(-0.01deg);-webkit-transform:scale(1.02) rotate(-0.01deg);-o-transform:scale(1.02) rotate(-0.01deg);-ms-transform:scale(1.02) rotate(-0.01deg);transform: scale(1.02) rotate(-0.01deg);} .play_btn{position: absolute;left:0;top:0;right:0;bottom:0;margin:auto;width: 75px;height: 75px;line-height:70px;font-size:30px;padding-left:5px;border: 2px solid #FFF;border-width:0.25rem;color:#FFF;-moz-border-radius: 50%;-webkit-border-radius: 50%;border-radius: 50%;background-color: rgba(0, 0, 0, 0.51);z-index:2;text-align:center;} .video_box .iframe_cont{width:100%;height:100%;position: absolute;left:0;top:0;z-index:0;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;overflow: hidden;} .video_box .iframe{width:100%;height:100%;position: absolute;left:0;top:0;z-index:0;} .video_box:not(.picture_box) .inner:hover .bg{-moz-transform:scale(1.002) rotate(-0.01deg);-webkit-transform:scale(1.002) rotate(-0.01deg);-o-transform:scale(1.002) rotate(-0.01deg);-ms-transform:scale(1.002) rotate(-0.01deg);transform: scale(1.002) rotate(-0.01deg);opacity:0.9;} /**GotFriends***/ html, button, input, select, textarea { color: #222; } html { font-size: 1em; line-height: 1.4; } ::-moz-selection { background: #b3d4fc; text-shadow: none; } ::selection { background: #b3d4fc; text-shadow: none; } hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; } audio, canvas, img, video { vertical-align: middle; } fieldset { border: 0; margin: 0; padding: 0; } textarea { resize: vertical; } .browsehappy { margin: 0.2em 0; background: #ccc; color: #000; padding: 0.2em 0; } /* ========================================================================== foundation-5.3.0 ========================================================================== */ meta.foundation-version { font-family: "/5.2.3/"; } meta.foundation-mq-small { font-family: "/only screen/"; width: 0em; } meta.foundation-mq-medium { font-family: "/only screen and (min-width:40.063em)/"; width: 40.063em; } meta.foundation-mq-large { font-family: "/only screen and (min-width:64.063em)/"; width: 64.063em; } meta.foundation-mq-xlarge { font-family: "/only screen and (min-width:90.063em)/"; width: 90.063em; } meta.foundation-mq-xxlarge { font-family: "/only screen and (min-width:120.063em)/"; width: 120.063em; } meta.foundation-data-attribute-namespace { font-family: false; } html, body { height: 100%; } *, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } html, body { font-size: 100%; } body { background: #EDEDED; font-family: 'Assistant', arial, tahoma; text-align: right; direction: rtl; color: #2b303a; overflow-x: hidden; font-weight: normal; font-style: normal; line-height: 1; position: relative; cursor: default; } a:hover { cursor: pointer; } img { max-width: 100%; height: auto; } img { -ms-interpolation-mode: bicubic; } img { display: inline-block; vertical-align: middle; } #map_canvas img, #map_canvas embed, #map_canvas object, .map_canvas img, .map_canvas embed, .map_canvas object { max-width: none !important; } .left { float: right !important; } .right { float: left !important; } .clearfix:before, .clearfix:after { content: " "; display: table; } .clearfix:after { clear: both; } .hide { display: none; } .wide { width: 100% } .antialiased { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } textarea { height: auto; min-height: 50px; } select { width: 100%; } .row { width: 100%; margin-right: auto; margin-left: auto; margin-top: 0; margin-bottom: 0; max-width: 61.25em; } .row:before, .row:after { content: " "; display: table; } .row:after { clear: both; } .row.collapse > .column, .row.collapse > .columns { padding-left: 0; padding-right: 0; } .row.collapse .row { margin-left: 0; margin-right: 0; } .row .row { width: auto; /*margin-right: -0.625em; margin-left: -0.625em;*/ margin-top: 0; margin-bottom: 0; max-width: none; } .row .row:before, .row .row:after { content: " "; display: table; } .row .row:after { clear: both; } .row .row.collapse { width: auto; margin: 0; max-width: none; } .row .row.collapse:before, .row .row.collapse:after { content: " "; display: table; } .row .row.collapse:after { clear: both; } .column, .columns { padding-left: 0.625em; padding-right: 0.625em; width: 100%; float: right; } [class*="column"] + [class*="column"]:last-child { float: left; } [class*="column"] + [class*="column"].end { float: right; } a { text-decoration-color: #3ae8a1; } .textBlue { color: #0000ff; } .textBlue a { color: #0000ff !important; } ul{list-style:none;} figure { margin: 0; } /**normalize***/ /*! normalize.css v1.1.3 | MIT License | git.io/normalize */ /* ========================================================================== HTML5 display definitions ========================================================================== */ /** * Correct `block` display not defined in IE 6/7/8/9 and Firefox 3. */ article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; } audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; } audio:not([controls]) { display: none; height: 0; } [hidden] { display: none; } html { font-size: 100%; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ } html, button, input, select, textarea { font-family: sans-serif; } body { margin: 0; direction: rtl; } a:active, a:hover { outline: 0; } h1 { font-size: 2em; margin: 0.67em 0; } h2 { font-size: 1.5em; margin: 0.83em 0; } h3 { font-size: 1.17em; margin: 1em 0; } h4 { font-size: 1em; margin: 1.33em 0; } h5 { font-size: 0.83em; margin: 1.67em 0; } h6 { font-size: 0.67em; margin: 2.33em 0; } b, strong { font-weight: bold; } blockquote { margin: 1em 40px; } dfn { font-style: italic; } hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; } mark { background: #ff0; color: #000; } p, pre { margin: 1em 0; } code, kbd, pre, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; } pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; } q { quotes: none; } q:before, q:after { content: ''; content: none; } 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; } dl, menu, ol, ul { margin: 1em 0; } dd { margin: 0 0 0 40px; } menu, ol, ul { padding: 0 0 0 40px; } nav ul, nav ol { list-style: none; list-style-image: none; } img { border: 0; /* 1 */ -ms-interpolation-mode: bicubic; /* 2 */ } svg:not(:root) { overflow: hidden; } figure { margin: 0; } form { margin: 0; } fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } legend { border: 0; /* 1 */ padding: 0; white-space: normal; /* 2 */ *margin-left: -7px; /* 3 */ } button, input, select, textarea { font-size: 100%; /* 1 */ margin: 0; /* 2 */ vertical-align: baseline; /* 3 */ *vertical-align: middle; /* 3 */ } button, input { line-height: normal; } button, select { text-transform: none; } button, html input[type="button"], /* 1 */ input[type="reset"], input[type="submit"] { -webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ *overflow: visible; /* 4 */ } button[disabled], html input[disabled] { cursor: default; } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ *height: 13px; /* 3 */ *width: 13px; /* 3 */ } input[type="search"] { -webkit-appearance: textfield; /* 1 */ -moz-box-sizing: content-box; -webkit-box-sizing: content-box; /* 2 */ box-sizing: content-box; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } textarea { overflow: auto; /* 1 */ vertical-align: top; /* 2 */ } table { border-collapse: collapse; border-spacing: 0; } .video_hp {height:100%; max-height:550px} /*****/ @media only screen { .column, .columns { position: relative; padding-left: 0.625em; padding-right: 0.625em; float: right; } .small-1 { width: 8.33333%; } .small-2 { width: 16.66667%; } .small-3 { width: 25%; } .small-4 { width: 33.33333%; } .small-5 { width: 41.66667%; } .small-6 { width: 50%; } .small-7 { width: 58.33333%; } .small-8 { width: 66.66667%; } .small-9 { width: 75%; } .small-10 { width: 83.33333%; } .small-11 { width: 91.66667%; } .small-12 { width: 100%; } .small-reset-order { margin-right: 0; margin-left: 0; left: auto; right: auto; float: right; } .column.small-centered, .columns.small-centered { margin-right: auto; margin-left: auto; float: none; } .column.small-uncentered, .columns.small-uncentered { margin-right: 0; margin-left: 0; float: right; } .column.small-centered:last-child, .columns.small-centered:last-child { float: none; } .column.small-uncentered:last-child, .columns.small-uncentered:last-child { float: right; } .column.small-uncentered.opposite, .columns.small-uncentered.opposite { float: left; } } @media only screen and (min-width: 40.063em) { .column, .columns { position: relative; padding-left: 0.625em; padding-right: 0.625em; float: right; } .medium-1 { width: 8.33333%; } .medium-2 { width: 16.66667%; } .medium-3 { width: 25%; } .medium-4 { width: 33.33333%; } .medium-5 { width: 41.66667%; } .medium-6 { width: 50%; } .medium-7 { width: 58.33333%; } .medium-8 { width: 66.66667%; } .medium-9 { width: 75%; } .medium-10 { width: 83.33333%; } .medium-11 { width: 91.66667%; } .medium-12 { width: 100%; } .medium-reset-order { margin-right: 0; margin-left: 0; left: auto; right: auto; float: right; } .column.medium-centered, .columns.medium-centered { margin-right: auto; margin-left: auto; float: none; } .column.medium-uncentered, .columns.medium-uncentered { margin-right: 0; margin-left: 0; float: right; } .column.medium-centered:last-child, .columns.medium-centered:last-child { float: none; } .column.medium-uncentered:last-child, .columns.medium-uncentered:last-child { float: right; } .column.medium-uncentered.opposite, .columns.medium-uncentered.opposite { float: left; } } @media only screen and (min-width: 64.063em) { .column, .columns { position: relative; padding-left: 0.625em; padding-right: 0.625em; float: right; } .large-1 { width: 8.33333%; } .large-2 { width: 16.66667%; } .large-3 { width: 25%; } .large-4 { width: 33.33333%; } .large-5 { width: 41.66667%; } .large-6 { width: 50%; } .large-7 { width: 58.33333%; } .large-8 { width: 66.66667%; } .large-9 { width: 75%; } .large-10 { width: 83.33333%; } .large-11 { width: 91.66667%; } .large-12 { width: 100%; } .large-reset-order { margin-right: 0; margin-left: 0; left: auto; right: auto; float: right; } .column.large-centered, .columns.large-centered { margin-right: auto; margin-left: auto; float: none; } .column.large-uncentered, .columns.large-uncentered { margin-right: 0; margin-left: 0; float: right; } .column.large-centered:last-child, .columns.large-centered:last-child { float: none; } .column.large-uncentered:last-child, .columns.large-uncentered:last-child { float: right; } .column.large-uncentered.opposite, .columns.large-uncentered.opposite { float: left; } } button, .button { border: 1px solid transparent; cursor: pointer; font-weight: normal; line-height: normal; margin: 0 0 1.25rem; position: relative; text-decoration: none; text-align: center; -webkit-appearance: none; -webkit-border-radius: 20px; border-radius: 20px; display: inline-block; padding-top: 1rem; padding-left: 1rem; padding-bottom: 1rem; padding-right: 1rem; font-size: 1rem; background-color: #3ae8a1; border: 1px solid transparent; color: #2b303a; transition: background-color 300ms ease-out; } button:hover, button:focus, .button:hover, .button:focus { background-color: #2b303a; color: #3ae8a1; border: 1px solid #3ae8a1 } button.secondary, .button.secondary { background-color: #e9e9e9; border-color: #bababa; color: #333333; } button.secondary:hover, button.secondary:focus, .button.secondary:hover, .button.secondary:focus { background-color: #bababa; } button.secondary:hover, button.secondary:focus, .button.secondary:hover, .button.secondary:focus { color: #333333; } button.success, .button.success { background-color: #5da423; border-color: #4a831c; color: white; } button.success:hover, button.success:focus, .button.success:hover, .button.success:focus { background-color: #4a831c; } button.success:hover, button.success:focus, .button.success:hover, .button.success:focus { color: white; } button.alert, .button.alert { background-color: #c60f13; border-color: #9e0c0f; color: white; } button.alert:hover, button.alert:focus, .button.alert:hover, .button.alert:focus { background-color: #9e0c0f; } button.alert:hover, button.alert:focus, .button.alert:hover, .button.alert:focus { color: white; } button.large, .button.large { padding-top: 1.125rem; padding-left: 2.25rem; padding-bottom: 1.1875rem; padding-right: 2.25rem; font-size: 1.25rem; } button.small, .button.small { padding-top: 0.875rem; padding-left: 1.75rem; padding-bottom: 0.9375rem; padding-right: 1.75rem; font-size: 0.8125rem; } button.tiny, .button.tiny { padding-top: 0.625rem; padding-left: 1.25rem; padding-bottom: 0.6875rem; padding-right: 1.25rem; font-size: 0.6875rem; } button.expand, .button.expand { padding-right: 0; padding-left: 0; width: 100%; } button.left-align, .button.left-align { text-align: left; text-indent: 0.75rem; } button.right-align, .button.right-align { text-align: right; padding-right: 0.75rem; } button.radius, .button.radius { border-radius: 5px; } button.round, .button.round { border-radius: 1000px; } button.disabled, button[disabled], .button.disabled, .button[disabled] { background-color: #3ae8a1; border-color: #3ae8a1; color: white; cursor: default; opacity: 0.7; box-shadow: none; } button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus { background-color: #3ae8a1; } button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus { color: white; } button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus { background-color: #3ae8a1; } button.disabled.secondary, button[disabled].secondary, .button.disabled.secondary, .button[disabled].secondary { background-color: #e9e9e9; border-color: #bababa; color: #333333; cursor: default; opacity: 0.7; box-shadow: none; } button.disabled.secondary:hover, button.disabled.secondary:focus, button[disabled].secondary:hover, button[disabled].secondary:focus, .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary:hover, .button[disabled].secondary:focus { background-color: #bababa; } button.disabled.secondary:hover, button.disabled.secondary:focus, button[disabled].secondary:hover, button[disabled].secondary:focus, .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary:hover, .button[disabled].secondary:focus { color: #333333; } button.disabled.secondary:hover, button.disabled.secondary:focus, button[disabled].secondary:hover, button[disabled].secondary:focus, .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary:hover, .button[disabled].secondary:focus { background-color: #e9e9e9; } button.disabled.success, button[disabled].success, .button.disabled.success, .button[disabled].success { background-color: #5da423; border-color: #4a831c; color: white; cursor: default; opacity: 0.7; box-shadow: none; } button.disabled.success:hover, button.disabled.success:focus, button[disabled].success:hover, button[disabled].success:focus, .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success:hover, .button[disabled].success:focus { background-color: #4a831c; } button.disabled.success:hover, button.disabled.success:focus, button[disabled].success:hover, button[disabled].success:focus, .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success:hover, .button[disabled].success:focus { color: white; } button.disabled.success:hover, button.disabled.success:focus, button[disabled].success:hover, button[disabled].success:focus, .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success:hover, .button[disabled].success:focus { background-color: #5da423; } button.disabled.alert, button[disabled].alert, .button.disabled.alert, .button[disabled].alert { background-color: #c60f13; border-color: #9e0c0f; color: white; cursor: default; opacity: 0.7; box-shadow: none; } button.disabled.alert:hover, button.disabled.alert:focus, button[disabled].alert:hover, button[disabled].alert:focus, .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert:hover, .button[disabled].alert:focus { background-color: #9e0c0f; } button.disabled.alert:hover, button.disabled.alert:focus, button[disabled].alert:hover, button[disabled].alert:focus, .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert:hover, .button[disabled].alert:focus { color: white; } button.disabled.alert:hover, button.disabled.alert:focus, button[disabled].alert:hover, button[disabled].alert:focus, .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert:hover, .button[disabled].alert:focus { background-color: #c60f13; } .button.bigButton{width:150px;text-align:center;} @media only screen and (min-width: 40.063em) { button, .button { display: inline-block; } } meta.foundation-mq-topbar { font-family: "/only screen and (min-width:40.063em)/"; width: 40.063em; } /* Wrapped around .top-bar to contain to grid width */ .contain-to-grid { width: 100%; background: #f4f5f6; } .contain-to-grid .top-bar { margin-bottom: 0; } .fixed { width: 100%; right: 0; position: fixed; top: 0; z-index: 99; } .fixed.expanded:not(.top-bar) { overflow-y: auto; height: auto; width: 100%; max-height: 100%; } .fixed.expanded:not(.top-bar) .title-area { position: fixed; width: 100%; z-index: 99; } .fixed.expanded:not(.top-bar) .top-bar-section { z-index: 98; margin-top: 45px; } .top-bar { overflow: hidden; height: 47px; line-height: 47px; position: relative; background: #333333; margin-bottom: 0; } .top-bar ul { margin-bottom: 0; list-style: none; } .top-bar .row { max-width: none; } .top-bar form, .top-bar input { margin-bottom: 0; } .top-bar input { height: auto; padding-top: .35rem; padding-bottom: .35rem; font-size: 0.75rem; } .top-bar .button, .top-bar button { padding-top: .45rem; padding-bottom: .35rem; margin-bottom: 0; font-size: 0.75rem; } .top-bar .title-area { position: relative; margin: 0; } .top-bar .name { height: 47px; margin: 0; font-size: 16px; } .top-bar .name h1 { line-height: 47px; font-size: 1.0625rem; margin: 0; } .top-bar .name h1 a { font-weight: normal; color: white; width: 75%; display: block; padding: 0 15px; } .top-bar .toggle-topbar { position: absolute; left: 0; top: 0; } .top-bar .toggle-topbar a { color: white; text-transform: uppercase; font-size: 0.8125rem; font-weight: bold; position: relative; display: block; padding: 0 15px; height: 45px; line-height: 45px; } .top-bar .toggle-topbar.menu-icon { top: 50%; margin-top: -16px; } .top-bar .toggle-topbar.menu-icon a { text-indent: -58px; height: 34px; line-height: 33px; padding: 0 40px 0 15px; color: white; position: relative; } .top-bar .toggle-topbar.menu-icon a span::after { content: ""; position: absolute; display: block; height: 0; top: 50%; margin-top: -8px; left: 15px; box-shadow: 0 0px 0 1px white, 0 7px 0 1px white, 0 14px 0 1px white; width: 16px; } .top-bar .toggle-topbar.menu-icon a span:hover:after { box-shadow: 0 0px 0 1px white, 0 7px 0 1px white, 0 14px 0 1px white; } .top-bar.expanded { height: auto; background: transparent; } .top-bar.expanded .title-area { background: #333333; } .top-bar.expanded .toggle-topbar a { color: #888888; } .top-bar.expanded .toggle-topbar a::after { box-shadow: 0 10px 0 1px #888888, 0 16px 0 1px #888888, 0 22px 0 1px #888888; } .top-bar-section { right: 0; position: relative; width: auto; transition: right 300ms ease-out; } .top-bar-section ul { padding: 0; width: 100%; height: auto; display: block; font-size: 16px; margin: 0; } .top-bar-section .divider, .top-bar-section [role="separator"] { border-top: solid 1px #1a1a1a; clear: both; height: 1px; width: 100%; } .top-bar-section ul li { background: #333333; } .top-bar-section ul li > a { display: block; width: 100%; color: white; padding: 12px 0 12px 0; padding-right: 15px; font-size: 0.8125rem; font-weight: normal; text-transform: none; } .top-bar-section ul li > a.button { font-size: 0.8125rem; padding-left: 15px; padding-right: 15px; background-color: #3ae8a1; border-color: #3ae8a1; color: white; } .top-bar-section ul li > a.button:hover, .top-bar-section ul li > a.button:focus { background-color: #3ae8a1; } .top-bar-section ul li > a.button:hover, .top-bar-section ul li > a.button:focus { color: white; } .top-bar-section ul li > a.button.secondary { background-color: #e9e9e9; border-color: #bababa; color: #333333; } .top-bar-section ul li > a.button.secondary:hover, .top-bar-section ul li > a.button.secondary:focus { background-color: #bababa; } .top-bar-section ul li > a.button.secondary:hover, .top-bar-section ul li > a.button.secondary:focus { color: #333333; } .top-bar-section ul li > a.button.success { background-color: #5da423; border-color: #4a831c; color: white; } .top-bar-section ul li > a.button.success:hover, .top-bar-section ul li > a.button.success:focus { background-color: #4a831c; } .top-bar-section ul li > a.button.success:hover, .top-bar-section ul li > a.button.success:focus { color: white; } .top-bar-section ul li > a.button.alert { background-color: #c60f13; border-color: #9e0c0f; color: white; } .top-bar-section ul li > a.button.alert:hover, .top-bar-section ul li > a.button.alert:focus { background-color: #9e0c0f; } .top-bar-section ul li > a.button.alert:hover, .top-bar-section ul li > a.button.alert:focus { color: white; } .top-bar-section ul li > button { font-size: 0.8125rem; padding-left: 15px; padding-right: 15px; background-color: #3ae8a1; border-color: #3ae8a1; color: white; } .top-bar-section ul li > button:hover, .top-bar-section ul li > button:focus { background-color: #3ae8a1; } .top-bar-section ul li > button:hover, .top-bar-section ul li > button:focus { color: white; } .top-bar-section ul li > button.secondary { background-color: #e9e9e9; border-color: #bababa; color: #333333; } .top-bar-section ul li > button.secondary:hover, .top-bar-section ul li > button.secondary:focus { background-color: #bababa; } .top-bar-section ul li > button.secondary:hover, .top-bar-section ul li > button.secondary:focus { color: #333333; } .top-bar-section ul li > button.success { background-color: #5da423; border-color: #4a831c; color: white; } .top-bar-section ul li > button.success:hover, .top-bar-section ul li > button.success:focus { background-color: #4a831c; } .top-bar-section ul li > button.success:hover, .top-bar-section ul li > button.success:focus { color: white; } .top-bar-section ul li > button.alert { background-color: #c60f13; border-color: #9e0c0f; color: white; } .top-bar-section ul li > button.alert:hover, .top-bar-section ul li > button.alert:focus { background-color: #9e0c0f; } .top-bar-section ul li > button.alert:hover, .top-bar-section ul li > button.alert:focus { color: white; } .top-bar-section ul li:hover:not(.has-form) > a { background-color: #555555; background: #272727; color: white; } .top-bar-section ul li.active > a { background: #3ae8a1; color: white; } .top-bar-section ul li.active > a:hover { background: #d35309; color: white; } .top-bar-section .has-form { padding: 15px; } .top-bar-section .has-dropdown { position: relative; } .top-bar-section .has-dropdown > a:after { content: ""; display: block; width: 0; height: 0; border: inset 5px; border-color: transparent rgba(255, 255, 255, 0.4) transparent transparent; border-right-style: solid; margin-left: 15px; margin-top: -4.5px; position: absolute; top: 50%; left: 0; } .top-bar-section .has-dropdown.moved { position: static; } .top-bar-section .has-dropdown.moved > .dropdown { display: block; position: static !important; height: auto; width: auto; overflow: visible; clip: auto; position: absolute !important; width: 100%; } .top-bar-section .has-dropdown.moved > a:after { display: none; } .top-bar-section .dropdown { padding: 0; position: absolute; right: 100%; top: 0; z-index: 99; display: block; position: absolute !important; height: 1px; width: 1px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); } .top-bar-section .dropdown li { width: 100%; height: auto; } .top-bar-section .dropdown li a { font-weight: normal; padding: 8px 15px; } .top-bar-section .dropdown li a.parent-link { font-weight: normal; } .top-bar-section .dropdown li.title h5 { margin-bottom: 0; margin-top: 0; } .top-bar-section .dropdown li.title h5 a { color: white; line-height: 22.5px; display: block; } .top-bar-section .dropdown li.has-form { padding: 8px 15px; } .top-bar-section .dropdown li .button, .top-bar-section .dropdown li button { top: auto; } .top-bar-section .dropdown label { padding: 8px 15px 2px; margin-bottom: 0; text-transform: uppercase; color: #777777; font-weight: bold; font-size: 0.625rem; } .js-generated { display: block; } @media only screen and (min-width: 40.063em) { .top-bar { background: #f4f5f6; overflow: visible; } .top-bar:before, .top-bar:after { content: " "; display: table; } .top-bar:after { clear: both; } .top-bar .toggle-topbar { display: none; } .top-bar .title-area { float: right; } .top-bar .name h1 a { width: auto; } .top-bar input, .top-bar .button, .top-bar button { font-size: 0.875rem; position: relative; top: 7px; } .top-bar.expanded { background: #333333; } .contain-to-grid .top-bar { max-width: 92.5em; margin: 0 auto; margin-bottom: 0; } .top-bar-section { transition: none 0 0; right: 0 !important; } .top-bar-section ul { width: auto; height: auto !important; display: inline; } .top-bar-section ul li { float: right; } .top-bar-section ul li .js-generated { display: none; } .top-bar-section li.hover > a:not(.button) { background-color: #555555; background: #272727; color: white; } .top-bar-section li:not(.has-form) a:not(.button) { padding: 0 15px; line-height: 45px; background: #333333; } .top-bar-section li:not(.has-form) a:not(.button):hover { background-color: #555555; background: #272727; } .top-bar-section li.active:not(.has-form) a:not(.button) { padding: 0 15px; line-height: 45px; color: white; background: #3ae8a1; } .top-bar-section li.active:not(.has-form) a:not(.button):hover { background: #d35309; } .top-bar-section .has-dropdown > a { padding-left: 35px !important; } .top-bar-section .has-dropdown > a:after { content: ""; display: block; width: 0; height: 0; border: inset 5px; border-color: rgba(255, 255, 255, 0.4) transparent transparent transparent; border-top-style: solid; margin-top: -2.5px; top: 22.5px; } .top-bar-section .has-dropdown.moved { position: relative; } .top-bar-section .has-dropdown.moved > .dropdown { display: block; position: absolute !important; height: 1px; width: 1px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); } .top-bar-section .has-dropdown.hover > .dropdown, .top-bar-section .has-dropdown.not-click:hover > .dropdown { display: block; position: static !important; height: auto; width: auto; overflow: visible; clip: auto; position: absolute !important; } .top-bar-section .has-dropdown .dropdown li.has-dropdown > a:after { border: none; content: "\00bb"; top: 1rem; margin-top: -1px; left: 5px; line-height: 1.2; } .top-bar-section .dropdown { right: 0; top: auto; background: transparent; min-width: 100%; } .top-bar-section .dropdown li a { color: white; line-height: 45px; white-space: nowrap; padding: 12px 15px; background: #333333; } .top-bar-section .dropdown li:not(.has-form) a:not(.button) { color: white; background: #333333; } .top-bar-section .dropdown li:not(.has-form):hover > a:not(.button) { color: white; background-color: #555555; background: #272727; } .top-bar-section .dropdown li label { white-space: nowrap; background: #333333; } .top-bar-section .dropdown li .dropdown { right: 100%; top: 0; } .top-bar-section > ul > .divider, .top-bar-section > ul > [role="separator"] { border-bottom: none; border-top: none; border-left: solid 1px #4e4e4e; clear: none; height: 45px; width: 0; } .top-bar-section .has-form { background: #333333; padding: 0 15px; height: 45px; } .top-bar-section .right li .dropdown { right: auto; left: 0; } .top-bar-section .right li .dropdown li .dropdown { left: 100%; } .top-bar-section .left li .dropdown { left: auto; right: 0; } .top-bar-section .left li .dropdown li .dropdown { right: 100%; } .no-js .top-bar-section ul li:hover > a { background-color: #555555; background: #272727; color: white; } .no-js .top-bar-section ul li:active > a { background: #3ae8a1; color: white; } .no-js .top-bar-section .has-dropdown:hover > .dropdown { display: block; position: static !important; height: auto; width: auto; overflow: visible; clip: auto; position: absolute !important; } } /*.breadcrumbs { display: block; padding: 0.5625rem 0.875rem 0.5625rem; overflow: hidden; margin-right: 0; list-style: none; border-style: solid; border-width: 1px; background-color: whitesmoke; border-color: #dddddd; border-radius: 5px; }.breadcrumbs > * { margin: 0; float: right; font-size: 0.6875rem; line-height: 0.6875rem; text-transform: uppercase; color: #3ae8a1; }.breadcrumbs > *:hover a, .breadcrumbs > *:focus a { text-decoration: underline; }.breadcrumbs > * a { color: #3ae8a1; }.breadcrumbs > *.current { cursor: default; color: #333333; }.breadcrumbs > *.current a { cursor: default; color: #333333; }.breadcrumbs > *.current:hover, .breadcrumbs > *.current:hover a, .breadcrumbs > *.current:focus, .breadcrumbs > *.current:focus a { text-decoration: none; }.breadcrumbs > *.unavailable { color: #999999; }.breadcrumbs > *.unavailable a { color: #999999; }.breadcrumbs > *.unavailable:hover, .breadcrumbs > *.unavailable:hover a, .breadcrumbs > *.unavailable:focus,.breadcrumbs > *.unavailable a:focus { text-decoration: none; color: #999999; cursor: default; }.breadcrumbs > *:before { content: "/"; color: #aaaaaa; margin: 0 0.75rem; position: relative; top: 1px; }.breadcrumbs > *:first-child:before { content: " "; margin: 0; }*/ .alert-box { border-style: solid; border-width: 1px; display: block; font-weight: normal; margin-bottom: 1.25rem; position: relative; padding: 0.875rem 1.5rem 0.875rem 0.875rem; font-size: 0.8125rem; transition: opacity 300ms ease-out; background-color: #3ae8a1; border-color: #d35309; color: white; } .alert-box .close { font-size: 1.375rem; padding: 9px 6px 4px; line-height: 0; position: absolute; top: 50%; margin-top: -0.6875rem; left: 0.25rem; color: #333333; opacity: 0.3; } .alert-box .close:hover, .alert-box .close:focus { opacity: 0.5; } .alert-box.radius { border-radius: 5px; } .alert-box.round { border-radius: 1000px; } .alert-box.success { background-color: #5da423; border-color: #508d1e; color: white; } .alert-box.alert { background-color: #c60f13; border-color: #aa0d10; color: white; } .alert-box.secondary { background-color: #e9e9e9; border-color: #c8c8c8; color: #4f4f4f; } .alert-box.warning { background-color: #f08a24; border-color: #de770f; color: white; } .alert-box.info { background-color: #a0d3e8; border-color: #74bfdd; color: #4f4f4f; } .alert-box.alert-close { opacity: 0; } .inline-list { margin: 0 auto 1.0625rem auto; margin-right: -1.375rem; margin-left: 0; padding: 0; list-style: none; overflow: hidden; } .inline-list > li { list-style: none; float: right; margin-right: 1.375rem; display: block; } .inline-list > li > * { display: block; } .button-group { list-style: none; margin: 0; right: 0; } .button-group:before, .button-group:after { content: " "; display: table; } .button-group:after { clear: both; } .button-group > li { margin: 0; float: right; } .button-group > li > button, .button-group > li .button { border-right: 1px solid; border-color: rgba(255, 255, 255, 0.5); } .button-group > li:first-child button, .button-group > li:first-child .button { border-right: 0; } .button-group > li:first-child { margin-right: 0; } .button-group.radius > * > button, .button-group.radius > * .button { border-right: 1px solid; border-color: rgba(255, 255, 255, 0.5); } .button-group.radius > *:first-child button, .button-group.radius > *:first-child .button { border-right: 0; } .button-group.radius > *, .button-group.radius > * > a, .button-group.radius > * > button, .button-group.radius > * > .button { border-radius: 0; } .button-group.radius > *:first-child, .button-group.radius > *:first-child > a, .button-group.radius > *:first-child > button, .button-group.radius > *:first-child > .button { border-bottom-right-radius: 5px; border-top-right-radius: 5px; } .button-group.radius > *:last-child, .button-group.radius > *:last-child > a, .button-group.radius > *:last-child > button, .button-group.radius > *:last-child > .button { border-bottom-left-radius: 5px; border-top-left-radius: 5px; } .button-group.round > * > button, .button-group.round > * .button { border-right: 1px solid; border-color: rgba(255, 255, 255, 0.5); } .button-group.round > *:first-child button, .button-group.round > *:first-child .button { border-right: 0; } .button-group.round > *, .button-group.round > * > a, .button-group.round > * > button, .button-group.round > * > .button { border-radius: 0; } .button-group.round > *:first-child, .button-group.round > *:first-child > a, .button-group.round > *:first-child > button, .button-group.round > *:first-child > .button { border-bottom-right-radius: 1000px; border-top-right-radius: 1000px; } .button-group.round > *:last-child, .button-group.round > *:last-child > a, .button-group.round > *:last-child > button, .button-group.round > *:last-child > .button { border-bottom-left-radius: 1000px; border-top-left-radius: 1000px; } .button-group.even-2 li { width: 50%; } .button-group.even-2 li > button, .button-group.even-2 li .button { border-right: 1px solid; border-color: rgba(255, 255, 255, 0.5); } .button-group.even-2 li:first-child button, .button-group.even-2 li:first-child .button { border-right: 0; } .button-group.even-2 li button, .button-group.even-2 li .button { width: 100%; } .button-group.even-3 li { width: 33.33333%; } .button-group.even-3 li > button, .button-group.even-3 li .button { border-right: 1px solid; border-color: rgba(255, 255, 255, 0.5); } .button-group.even-3 li:first-child button, .button-group.even-3 li:first-child .button { border-right: 0; } .button-group.even-3 li button, .button-group.even-3 li .button { width: 100%; } .button-group.even-4 li { width: 25%; } .button-group.even-4 li > button, .button-group.even-4 li .button { border-right: 1px solid; border-color: rgba(255, 255, 255, 0.5); } .button-group.even-4 li:first-child button, .button-group.even-4 li:first-child .button { border-right: 0; } .button-group.even-4 li button, .button-group.even-4 li .button { width: 100%; } .button-group.even-5 li { width: 20%; } .button-group.even-5 li > button, .button-group.even-5 li .button { border-right: 1px solid; border-color: rgba(255, 255, 255, 0.5); } .button-group.even-5 li:first-child button, .button-group.even-5 li:first-child .button { border-right: 0; } .button-group.even-5 li button, .button-group.even-5 li .button { width: 100%; } .button-group.even-6 li { width: 16.66667%; } .button-group.even-6 li > button, .button-group.even-6 li .button { border-right: 1px solid; border-color: rgba(255, 255, 255, 0.5); } .button-group.even-6 li:first-child button, .button-group.even-6 li:first-child .button { border-right: 0; } .button-group.even-6 li button, .button-group.even-6 li .button { width: 100%; } .button-group.even-7 li { width: 14.28571%; } .button-group.even-7 li > button, .button-group.even-7 li .button { border-right: 1px solid; border-color: rgba(255, 255, 255, 0.5); } .button-group.even-7 li:first-child button, .button-group.even-7 li:first-child .button { border-right: 0; } .button-group.even-7 li button, .button-group.even-7 li .button { width: 100%; } .button-group.even-8 li { width: 12.5%; } .button-group.even-8 li > button, .button-group.even-8 li .button { border-right: 1px solid; border-color: rgba(255, 255, 255, 0.5); } .button-group.even-8 li:first-child button, .button-group.even-8 li:first-child .button { border-right: 0; } .button-group.even-8 li button, .button-group.even-8 li .button { width: 100%; } .button-bar:before, .button-bar:after { content: " "; display: table; } .button-bar:after { clear: both; } .button-bar .button-group { float: right; margin-left: 0.625rem; } .button-bar .button-group div { overflow: hidden; } /* Panels */ .panel { border-style: solid; border-width: 1px; margin-bottom: 1.25rem; padding: 1.50rem 1.25rem 1.25rem 1.25rem; } .panel > :first-child { margin-top: 0; } .panel > :last-child { margin-bottom: 0; } .panel h1, .panel h2, .panel h3, .panel h4, .panel h5, .panel h6, .panel p, .panel li, .panel dl { color: #333333; } .panel h1, .panel h2, .panel h3, .panel h4, .panel h5, .panel h6 { line-height: 1; margin-bottom: 0.625rem; } .panel h1.subheader, .panel h2.subheader, .panel h3.subheader, .panel h4.subheader, .panel h5.subheader, .panel h6.subheader { line-height: 1.4; } .panel.callout { border-style: solid; border-width: 1px; border-color: #fcd4bc; margin-bottom: 1.25rem; padding: 1.25rem; background: #fef6f0; } .panel.callout > :first-child { margin-top: 0; } .panel.callout > :last-child { margin-bottom: 0; } .panel.callout h1, .panel.callout h2, .panel.callout h3, .panel.callout h4, .panel.callout h5, .panel.callout h6, .panel.callout p, .panel.callout li, .panel.callout dl { color: #333333; } .panel.callout h1, .panel.callout h2, .panel.callout h3, .panel.callout h4, .panel.callout h5, .panel.callout h6 { line-height: 1; margin-bottom: 0.625rem; } .panel.callout h1.subheader, .panel.callout h2.subheader, .panel.callout h3.subheader, .panel.callout h4.subheader, .panel.callout h5.subheader, .panel.callout h6.subheader { line-height: 1.4; } .panel.callout a:not(.button) { color: #3ae8a1; } .panel.radius { border-radius: 5px; } .dropdown.button, button.dropdown { position: relative; padding-left: 3.5625rem; } .dropdown.button:after, button.dropdown:after { position: absolute; content: ""; width: 0; height: 0; display: block; border-style: solid; border-color: white transparent transparent transparent; top: 50%; } .dropdown.button:after, button.dropdown:after { border-width: 0.375rem; left: 1.40625rem; margin-top: -0.15625rem; } .dropdown.button:after, button.dropdown:after { border-color: white transparent transparent transparent; } .dropdown.button.tiny, button.dropdown.tiny { padding-left: 2.625rem; } .dropdown.button.tiny:before, button.dropdown.tiny:before { border-width: 0.375rem; left: 1.125rem; margin-top: -0.125rem; } .dropdown.button.tiny:after, button.dropdown.tiny:after { border-color: white transparent transparent transparent; } .dropdown.button.small, button.dropdown.small { padding-left: 3.0625rem; } .dropdown.button.small:after, button.dropdown.small:after { border-width: 0.4375rem; left: 1.3125rem; margin-top: -0.15625rem; } .dropdown.button.small:after, button.dropdown.small:after { border-color: white transparent transparent transparent; } .dropdown.button.large, button.dropdown.large { padding-left: 3.625rem; } .dropdown.button.large:after, button.dropdown.large:after { border-width: 0.3125rem; left: 1.71875rem; margin-top: -0.15625rem; } .dropdown.button.large:after, button.dropdown.large:after { border-color: white transparent transparent transparent; } .dropdown.button.secondary:after, button.dropdown.secondary:after { border-color: #333333 transparent transparent transparent; } /* Image Thumbnails */ .th { line-height: 0; display: inline-block; border: solid 4px white; max-width: 100%; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2); transition: all 200ms ease-out; } .th:hover, .th:focus { box-shadow: 0 0 6px 1px rgba(245, 97, 10, 0.5); } .th.radius { border-radius: 5px; } /* Pricing Tables */ .pricing-table { border: solid 1px #dddddd; margin-right: 0; margin-bottom: 1.25rem; } .pricing-table * { list-style: none; line-height: 1; } .pricing-table .title { background-color: #333333; padding: 0.9375rem 1.25rem; text-align: center; color: #eeeeee; font-weight: normal; font-size: 1rem; } .pricing-table .price { background-color: #f6f6f6; padding: 0.9375rem 1.25rem; text-align: center; color: #333333; font-weight: normal; font-size: 2rem; } .pricing-table .description { background-color: white; padding: 0.9375rem; text-align: center; color: #777777; font-size: 0.75rem; font-weight: normal; line-height: 1.4; border-bottom: dotted 1px #dddddd; } .pricing-table .bullet-item { background-color: white; padding: 0.9375rem; text-align: center; color: #333333; font-size: 0.875rem; font-weight: normal; border-bottom: dotted 1px #dddddd; } .pricing-table .cta-button { background-color: white; text-align: center; padding: 1.25rem 1.25rem 0; } [data-magellan-expedition], [data-magellan-expedition-clone] { background: white; z-index: 50; min-width: 100%; padding: 10px; } [data-magellan-expedition] .sub-nav, [data-magellan-expedition-clone] .sub-nav { margin-bottom: 0; } [data-magellan-expedition] .sub-nav dd, [data-magellan-expedition-clone] .sub-nav dd { margin-bottom: 0; } [data-magellan-expedition] .sub-nav a, [data-magellan-expedition-clone] .sub-nav a { line-height: 1.8em; } .text-left { text-align: right !important; } .text-right { text-align: left !important; } .text-center { text-align: center !important; padding-bottom: 20px; } .text-justify { text-align: justify !important; } @media only screen and (max-width: 40em) { .panel > :first-child { margin-top: 70px } .small-only-text-left { text-align: right !important; } .small-only-text-right { text-align: left !important; } .small-only-text-center { text-align: center !important; } .small-only-text-justify { text-align: justify !important; } .text-center .title p { font-size: 1.5rem } } @media only screen { .small-text-left { text-align: right !important; } .small-text-right { text-align: left !important; } .small-text-center { text-align: center !important; } .small-text-justify { text-align: justify !important; } } @media only screen and (min-width: 40.063em) and (max-width: 64em) { .medium-only-text-left { text-align: right !important; } .medium-only-text-right { text-align: left !important; } .medium-only-text-center { text-align: center !important; } .medium-only-text-justify { text-align: justify !important; } } @media only screen and (min-width: 40.063em) { .medium-text-left { text-align: right !important; } .medium-text-right { text-align: left !important; } .medium-text-center { text-align: center !important; } .medium-text-justify { text-align: justify !important; } } @media only screen and (min-width: 64.063em) and (max-width: 90em) { .large-only-text-left { text-align: right !important; } .large-only-text-right { text-align: left !important; } .large-only-text-center { text-align: center !important; } .large-only-text-justify { text-align: justify !important; } } @media only screen and (min-width: 64.063em) { .large-text-left { text-align: right !important; } .large-text-right { text-align: left !important; } .large-text-center { text-align: center !important; } .large-text-justify { text-align: justify !important; } } @media only screen and (min-width: 90.063em) and (max-width: 120em) { .xlarge-only-text-left { text-align: right !important; } .xlarge-only-text-right { text-align: left !important; } .xlarge-only-text-center { text-align: center !important; } .xlarge-only-text-justify { text-align: justify !important; } } @media only screen and (min-width: 90.063em) { .xlarge-text-left { text-align: right !important; } .xlarge-text-right { text-align: left !important; } .xlarge-text-center { text-align: center !important; } .xlarge-text-justify { text-align: justify !important; } } @media only screen and (min-width: 120.063em) and (max-width: 99999999em) { .xxlarge-only-text-left { text-align: right !important; } .xxlarge-only-text-right { text-align: left !important; } .xxlarge-only-text-center { text-align: center !important; } .xxlarge-only-text-justify { text-align: justify !important; } } @media only screen and (min-width: 120.063em) { .xxlarge-text-left { text-align: right !important; } .xxlarge-text-right { text-align: left !important; } .xxlarge-text-center { text-align: center !important; } .xxlarge-text-justify { text-align: justify !important; } } /* Assistanty resets */ div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, th, td { margin: 0; padding: 0; } /* Default Link Styles */ a { color: #3ae8a1; text-decoration: none; line-height: inherit; } /*a:hover, a:focus { color: #d35309; }*/ a img { border: none; } /* Default paragraph styles */ p { font-family: inherit; font-weight: normal; font-size: 1rem; line-height: 1.6; margin-bottom: 1.25rem; text-rendering: optimizeLegibility; } p.lead { font-size: 1.21875rem; line-height: 1.6; } p aside { font-size: 0.875rem; line-height: 1.35; font-style: italic; } /* Default header styles */ h1, h2, h3, h4, h5, h6 { font-weight: normal; font-style: normal; color: #2a2a2a; text-rendering: optimizeLegibility; margin-top: 0.2rem; margin-bottom: 0.5rem; line-height: 1.4; } h1 small, h2 small, h3 small, h4 small, h5 small, h6 small { font-size: 60%; color: #757575; line-height: 0; } h1 { font-size: 2.125rem; } h2 { font-size: 1.6875rem; } h3 { font-size: 1.375rem; } h4 { font-size: 1.125rem; } h5 { font-size: 1.125rem; } h6 { font-size: 1rem; } .subheader { line-height: 1.4; color: #757575; font-weight: normal; margin-top: 0.2rem; margin-bottom: 0.5rem; } hr { border: solid #dddddd; border-width: 1px 0 0; clear: both; margin: 1.25rem 0 1.1875rem; height: 0; } /* Helpful Assistanty Defaults */ em, i { font-style: italic; line-height: inherit; } strong, b { font-weight: bold; line-height: inherit; } small { font-size: 60%; line-height: inherit; } code { font-family: Consolas, "Liberation Mono", Courier, monospace; font-weight: bold; color: #910b0e; } /* Lists */ ul, ol, dl { font-size: 1rem; line-height: 1.6; margin-bottom: 1.25rem; list-style-position: outside; font-family: inherit; } ul { margin-right: 1.1rem; } ul.no-bullet { margin-right: 0; } ul.no-bullet li ul, ul.no-bullet li ol { margin-right: 1.25rem; margin-bottom: 0; list-style: none; } /* Unordered Lists */ ul li ul, ul li ol { margin-right: 1.25rem; margin-bottom: 0; } ul.square li ul, ul.circle li ul, ul.disc li ul { list-style: inherit; } ul.square { list-style-type: square; margin-right: 1.1rem; } ul.circle { list-style-type: circle; margin-right: 1.1rem; } ul.disc { list-style-type: disc; margin-right: 1.1rem; } ul.no-bullet { list-style: none; } /* Ordered Lists */ ol { margin-right: 1.4rem; } ol li ul, ol li ol { margin-right: 1.25rem; margin-bottom: 0; } /* Definition Lists */ dl dt { margin-bottom: 0.3rem; font-weight: bold; } dl dd { margin-bottom: 0.75rem; } /* Abbreviations */ /*abbr, acronym { text-transform: uppercase; font-size: 90%; color: #2b303a; border-bottom: 1px dotted #dddddd; cursor: help; }*/ abbr { text-transform: none; } /* Blockquotes */ blockquote { margin: 0 0 1.25rem; padding: 0.5625rem 1.25rem 0 1.1875rem; border-right: 1px solid #dddddd; } blockquote cite { display: block; font-size: 0.8125rem; color: #5b5b5b; } blockquote cite:before { content: "\2014 \0020"; } blockquote cite a, blockquote cite a:visited { color: #5b5b5b; } blockquote, blockquote p { line-height: 1.6; color: #757575; } /* Microformats */ .vcard { display: inline-block; margin: 0 0 1.25rem 0; border: 1px solid #dddddd; padding: 0.625rem 0.75rem; } .vcard li { margin: 0; display: block; } .vcard .fn { font-weight: bold; font-size: 0.9375rem; } .vevent .summary { font-weight: bold; } .vevent abbr { cursor: default; text-decoration: none; font-weight: bold; border: none; padding: 0 0.0625rem; } @media only screen and (min-width: 40.063em) { h1, h2, h3, h4, h5, h6 { line-height: 1.4; } h1 { font-size: 2.75rem; } h2 { font-size: 2.3125rem; } h3 { font-size: 1.6875rem; } h4 { font-size: 1.4375rem; } h5 { font-size: 1.125rem; } h6 { font-size: 1rem; } } /* * Print styles. * * Inlined to avoid required HTTP connection: www.phpied.com/delay-loading-your-print-css/ * Credit to Paul Irish and HTML5 Boilerplate (html5boilerplate.com)*/ .print-only { display: none !important; } @media print { * { background: transparent !important; color: black !important; /* Black prints faster: h5bp.com/s */ box-shadow: none !important; text-shadow: none !important; } a, a:visited { text-decoration: underline; } a[href]:after { content: " (" attr(href) ")"; } abbr[title]:after { content: " (" attr(title) ")"; } .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } pre, blockquote { border: 1px solid #999999; page-break-inside: avoid; } thead { display: table-header-group; /* h5bp.com/t */ } tr, img { page-break-inside: avoid; } img { max-width: 100% !important; } @page { margin: 0.5cm; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } .hide-on-print { display: none !important; } .print-only { display: block !important; } .hide-for-print { display: none !important; } .show-for-print { display: inherit !important; } } .tabs { margin-bottom: 0 !important; margin-right: 0; } .tabs:before, .tabs:after { content: " "; display: table; } .tabs:after { clear: both; } .tabs dd, .tabs .tab-title { position: relative; margin-bottom: 0 !important; list-style: none; float: right; } .tabs dd > a, .tabs .tab-title > a { display: block; background: #efefef; color: #222222; padding: 1rem 2rem; font-size: 1rem; } .tabs dd > a:hover, .tabs .tab-title > a:hover { background: #e1e1e1; } .tabs dd.active a, .tabs .tab-title.active a { background: white; color: #222222; } .tabs.radius dd:first-child a, .tabs.radius .tab:first-child a { border-bottom-right-radius: 5px; border-top-right-radius: 5px; } .tabs.radius dd:last-child a, .tabs.radius .tab:last-child a { border-bottom-left-radius: 5px; border-top-left-radius: 5px; } .tabs.vertical dd, .tabs.vertical .tab-title { position: inherit; float: none; display: block; top: auto; } .tabs-content { margin-bottom: 1.5rem; width: 100%; } .tabs-content:before, .tabs-content:after { content: " "; display: table; } .tabs-content:after { clear: both; } .tabs-content > .content { display: none; float: right; padding: 0.625em 0; width: 100%; } .tabs-content > .content.active { display: block; float: none; } .tabs-content > .content.contained { padding: 0.625em; } .tabs-content.vertical { display: block; } .tabs-content.vertical > .content { padding: 0 0.625em; } @media only screen and (min-width: 40.063em) { .tabs.vertical { width: 20%; float: right; margin-bottom: 1.25rem; } .tabs-content.vertical { width: 80%; float: right; margin-right: -1px; } } .no-js .tabs-content > .content { display: block; float: none; } ul.pagination { display: block; min-height: 1.5rem; margin-right: -0.3125rem; } ul.pagination li { height: 1.5rem; color: #222222; font-size: 0.875rem; margin-right: 0.3125rem; } ul.pagination li a { display: block; padding: 0.0625rem 0.625rem 0.0625rem; color: #999999; border-radius: 5px; } ul.pagination li:hover a, ul.pagination li a:focus { background: #e6e6e6; } ul.pagination li.unavailable a { cursor: default; color: #999999; } ul.pagination li.unavailable:hover a, ul.pagination li.unavailable a:focus { background: transparent; } ul.pagination li.current a { background: #3ae8a1; color: white; font-weight: bold; cursor: default; } ul.pagination li.current a:hover, ul.pagination li.current a:focus { background: #3ae8a1; } ul.pagination li { float: right; display: block; } /* Pagination centred wrapper */ .pagination-centered { text-align: center; } .pagination-centered ul.pagination li { float: none; display: inline-block; } .side-nav { display: block; margin: 0; padding: 0.875rem 0; list-style-type: none; list-style-position: outside; } .side-nav li { margin: 0 0 0.4375rem 0; font-size: 0.875rem; } .side-nav li a:not(.button) { display: block; color: #3ae8a1; margin: 0; padding: 0.4375rem 0.875rem; } .side-nav li a:not(.button):hover, .side-nav li a:not(.button):focus { background: rgba(0, 0, 0, 0.025); color: #f89054; } .side-nav li.active > a:first-child:not(.button) { color: #f89054; font-weight: normal; } .side-nav li.divider { border-top: 1px solid; height: 0; padding: 0; list-style: none; border-top-color: white; } .side-nav li.heading { color: #3ae8a1; font-size: 0.875rem; font-weight: bold; text-transform: uppercase; } .accordion { margin-bottom: 0; } .accordion:before, .accordion:after { content: " "; display: table; } .accordion:after { clear: both; } .accordion .accordion-navigation, .accordion dd { display: block; margin-bottom: 0 !important; } .accordion .accordion-navigation.active > a, .accordion dd.active > a { background: #e8e8e8; } .accordion .accordion-navigation > a, .accordion dd > a { background: #efefef; color: #222222; padding: 1rem; display: block; font-size: 1rem; } .accordion .accordion-navigation > a:hover, .accordion dd > a:hover { background: #e3e3e3; } .accordion .accordion-navigation > .content, .accordion dd > .content { display: none; padding: 0.625em; } .accordion .accordion-navigation > .content.active, .accordion dd > .content.active { display: block; background: white; } .split.button { position: relative; padding-left: 5.0625rem; } .split.button span { display: block; height: 100%; position: absolute; left: 0; top: 0; border-right: solid 1px; } .split.button span:after { position: absolute; content: ""; width: 0; height: 0; display: block; border-style: inset; top: 50%; right: 50%; } .split.button span:active { background-color: rgba(0, 0, 0, 0.1); } .split.button span { border-right-color: rgba(255, 255, 255, 0.5); } .split.button span { width: 3.09375rem; } .split.button span:after { border-top-style: solid; border-width: 0.375rem; top: 48%; margin-right: -0.375rem; } .split.button span:after { border-color: white transparent transparent transparent; } .split.button.secondary span { border-right-color: rgba(255, 255, 255, 0.5); } .split.button.secondary span:after { border-color: white transparent transparent transparent; } .split.button.alert span { border-right-color: rgba(255, 255, 255, 0.5); } .split.button.success span { border-right-color: rgba(255, 255, 255, 0.5); } .split.button.tiny { padding-left: 3.75rem; } .split.button.tiny span { width: 2.25rem; } .split.button.tiny span:after { border-top-style: solid; border-width: 0.375rem; top: 48%; margin-right: -0.375rem; } .split.button.small { padding-left: 4.375rem; } .split.button.small span { width: 2.625rem; } .split.button.small span:after { border-top-style: solid; border-width: 0.4375rem; top: 48%; margin-right: -0.375rem; } .split.button.large { padding-left: 5.5rem; } .split.button.large span { width: 3.4375rem; } .split.button.large span:after { border-top-style: solid; border-width: 0.3125rem; top: 48%; margin-right: -0.375rem; } .split.button.expand { padding-left: 2rem; } .split.button.secondary span:after { border-color: #333333 transparent transparent transparent; } .split.button.radius span { border-bottom-left-radius: 5px; border-top-left-radius: 5px; } .split.button.round span { border-bottom-left-radius: 1000px; border-top-left-radius: 1000px; } .reveal-modal-bg { position: fixed; height: 100%; width: 100%; background: black; background: rgba(0, 0, 0, 0.45); z-index: 99; display: none; top: 0; right: 0; } dialog, .reveal-modal { visibility: hidden; display: none; position: absolute; z-index: 100; width: 100vw; top: 0; right: 0; background-color: white; padding: 1.25rem; border: solid 1px #666666; box-shadow: 0 0 10px rgba(0, 0, 0, 0.4); } @media only screen and (max-width: 40em) { dialog, .reveal-modal { min-height: 100vh; } } @media only screen and (min-width: 40.063em) { dialog, .reveal-modal { right: 50%; } } dialog .column, dialog .columns, .reveal-modal .column, .reveal-modal .columns { min-width: 0; } dialog > :first-child, .reveal-modal > :first-child { margin-top: 0; } dialog > :last-child, .reveal-modal > :last-child { margin-bottom: 0; } @media only screen and (min-width: 40.063em) { dialog, .reveal-modal { margin-right: -40%; width: 80%; } } @media only screen and (min-width: 40.063em) { dialog, .reveal-modal { top: 6.25rem; } } dialog .close-reveal-modal, .reveal-modal .close-reveal-modal { font-size: 2.5rem; line-height: 1; position: absolute; top: 0.5rem; left: 0.6875rem; color: #aaaaaa; font-weight: bold; cursor: pointer; } dialog[open] { display: block; visibility: visible; } @media only screen and (min-width: 40.063em) { dialog, .reveal-modal { padding: 1.875rem; } dialog.radius, .reveal-modal.radius { border-radius: 5px; } dialog.round, .reveal-modal.round { border-radius: 1000px; } dialog.collapse, .reveal-modal.collapse { padding: 0; } dialog.full, .reveal-modal.full { top: 0; left: 0; height: 100vh; min-height: 100vh; margin-left: 0 !important; } } @media only screen and (min-width: 40.063em) and (min-width: 40.063em) { dialog.tiny, .reveal-modal.tiny { margin-right: -15%; width: 30%; } } @media only screen and (min-width: 40.063em) and (min-width: 40.063em) { dialog.small, .reveal-modal.small { margin-right: -20%; width: 40%; } } @media only screen and (min-width: 40.063em) and (min-width: 40.063em) { dialog.medium, .reveal-modal.medium { margin-right: -30%; width: 60%; } } @media only screen and (min-width: 40.063em) and (min-width: 40.063em) { dialog.large, .reveal-modal.large { margin-right: -35%; width: 70%; } } @media only screen and (min-width: 40.063em) and (min-width: 40.063em) { dialog.xlarge, .reveal-modal.xlarge { margin-right: -47.5%; width: 95%; } } @media only screen and (min-width: 40.063em) and (min-width: 40.063em) { dialog.full, .reveal-modal.full { margin-right: -50vw; width: 100vw; } } @media print { dialog, .reveal-modal { background: white !important; } } /* Tooltips */ .has-tip { border-bottom: dotted 1px #cccccc; cursor: help; font-weight: bold; color: #333333; } .has-tip:hover, .has-tip:focus { border-bottom: dotted 1px #6e2c05; color: #3ae8a1; } .has-tip.tip-left, .has-tip.tip-right { float: none !important; } .tooltip { display: none; position: absolute; z-index: 999; font-weight: normal; font-size: 0.875rem; line-height: 1.3; padding: 0.75rem; max-width: 300px; right: 50%; width: 100%; color: white; background: #333333; } .tooltip > .nub { display: block; right: 5px; position: absolute; width: 0; height: 0; border: solid 5px; border-color: transparent transparent #333333 transparent; top: -10px; } .tooltip > .nub.rtl { left: auto; left: 5px; } .tooltip.radius { border-radius: 5px; } .tooltip.round { border-radius: 1000px; } .tooltip.round > .nub { left: 2rem; } .tooltip.opened { color: #3ae8a1 !important; border-bottom: dotted 1px #6e2c05 !important; } .tap-to-close { display: block; font-size: 0.625rem; color: #777777; font-weight: normal; } @media only screen and (min-width: 40.063em) { .tooltip > .nub { border-color: transparent transparent #333333 transparent; top: -10px; } .tooltip.tip-top > .nub { border-color: #333333 transparent transparent transparent; top: auto; bottom: -10px; } .tooltip.tip-left, .tooltip.tip-right { float: none !important; } .tooltip.tip-left > .nub { border-color: transparent transparent transparent #333333; right: -10px; left: auto; top: 50%; margin-top: -5px; } .tooltip.tip-right > .nub { border-color: transparent #333333 transparent transparent; right: auto; left: -10px; top: 50%; margin-top: -5px; } } /* Clearing Styles */ .clearing-thumbs, [data-clearing] { margin-bottom: 0; margin-right: 0; list-style: none; } .clearing-thumbs:before, .clearing-thumbs:after, [data-clearing]:before, [data-clearing]:after { content: " "; display: table; } .clearing-thumbs:after, [data-clearing]:after { clear: both; } .clearing-thumbs li, [data-clearing] li { float: right; margin-left: 10px; } .clearing-thumbs[class*="block-grid-"] li, [data-clearing][class*="block-grid-"] li { margin-left: 0; } .clearing-blackout { background: #333333; position: fixed; width: 100%; height: 100%; top: 0; right: 0; z-index: 998; } .clearing-blackout .clearing-close { display: block; } .clearing-container { position: relative; z-index: 998; height: 100%; overflow: hidden; margin: 0; } .clearing-touch-label { position: absolute; top: 50%; left: 50%; color: #aaa; font-size: 0.6em; } .visible-img { height: 95%; position: relative; } .visible-img img { position: absolute; right: 50%; top: 50%; margin-right: -50%; max-height: 100%; max-width: 100%; } .clearing-caption { color: #cccccc; font-size: 0.875em; line-height: 1.3; margin-bottom: 0; text-align: center; bottom: 0; background: #333333; width: 100%; padding: 10px 30px 20px; position: absolute; right: 0; } .clearing-close { z-index: 999; padding-right: 20px; padding-top: 10px; font-size: 30px; line-height: 1; color: #cccccc; display: none; } .clearing-close:hover, .clearing-close:focus { color: #ccc; } .clearing-assembled .clearing-container { height: 100%; } .clearing-assembled .clearing-container .carousel > ul { display: none; } .clearing-feature li { display: none; } .clearing-feature li.clearing-featured-img { display: block; } @media only screen and (min-width: 40.063em) { .clearing-main-prev, .clearing-main-next { position: absolute; height: 100%; width: 40px; top: 0; } .clearing-main-prev > span, .clearing-main-next > span { position: absolute; top: 50%; display: block; width: 0; height: 0; border: solid 12px; } .clearing-main-prev > span:hover, .clearing-main-next > span:hover { opacity: 0.8; } .clearing-main-prev { right: 0; } .clearing-main-prev > span { right: 5px; border-color: transparent; border-left-color: #cccccc; } .clearing-main-next { left: 0; } .clearing-main-next > span { border-color: transparent; border-right-color: #cccccc; } .clearing-main-prev.disabled, .clearing-main-next.disabled { opacity: 0.3; } .clearing-assembled .clearing-container .carousel { background: rgba(51, 51, 51, 0.8); height: 120px; margin-top: 10px; text-align: center; } .clearing-assembled .clearing-container .carousel > ul { display: inline-block; z-index: 999; height: 100%; position: relative; float: none; } .clearing-assembled .clearing-container .carousel > ul li { display: block; width: 120px; min-height: inherit; float: right; overflow: hidden; margin-left: 0; padding: 0; position: relative; cursor: pointer; opacity: 0.4; clear: none; } .clearing-assembled .clearing-container .carousel > ul li.fix-height img { height: 100%; max-width: none; } .clearing-assembled .clearing-container .carousel > ul li a.th { border: none; box-shadow: none; display: block; } .clearing-assembled .clearing-container .carousel > ul li img { cursor: pointer !important; width: 100% !important; } .clearing-assembled .clearing-container .carousel > ul li.visible { opacity: 1; } .clearing-assembled .clearing-container .carousel > ul li:hover { opacity: 0.8; } .clearing-assembled .clearing-container .visible-img { background: #333333; overflow: hidden; height: 85%; } .clearing-close { position: absolute; top: 10px; left: 20px; padding-right: 0; padding-top: 0; } } /* Progress Bar */ .progress { background-color: #f6f6f6; height: 1.5625rem; border: 1px solid white; padding: 0.125rem; margin-bottom: 0.625rem; } .progress .meter { background: #3ae8a1; height: 100%; display: block; } .progress.secondary .meter { background: #e9e9e9; height: 100%; display: block; } .progress.success .meter { background: #5da423; height: 100%; display: block; } .progress.alert .meter { background: #c60f13; height: 100%; display: block; } .progress.radius { border-radius: 5px; } .progress.radius .meter { border-radius: 4px; } .progress.round { border-radius: 1000px; } .progress.round .meter { border-radius: 999px; } .sub-nav { display: block; width: auto; overflow: hidden; margin: -0.25rem 0 1.125rem; padding-top: 0.25rem; margin-left: 0; margin-right: -0.75rem; } .sub-nav dt { text-transform: uppercase; } .sub-nav dt, .sub-nav dd, .sub-nav li { float: right; display: inline; margin-right: 1rem; margin-bottom: 0.625rem; font-weight: normal; font-size: 0.875rem; color: #999999; } .sub-nav dt a, .sub-nav dd a, .sub-nav li a { text-decoration: none; color: #999999; padding: 0.1875rem 1rem; } .sub-nav dt a:hover, .sub-nav dd a:hover, .sub-nav li a:hover { color: #737373; } .sub-nav dt.active a, .sub-nav dd.active a, .sub-nav li.active a { border-radius: 3px; font-weight: normal; background: #3ae8a1; padding: 0.1875rem 1rem; cursor: default; color: white; } .sub-nav dt.active a:hover, .sub-nav dd.active a:hover, .sub-nav li.active a:hover { background: #d35309; } /* Foundation Joyride */ .joyride-list { display: none; } /* Default styles for the container */ .joyride-tip-guide { display: none; position: absolute; background: #333333; color: white; z-index: 101; top: 0; right: 2.5%; font-family: inherit; font-weight: normal; width: 95%; } .lt-ie9 .joyride-tip-guide { max-width: 800px; right: 50%; margin-right: -400px; } .joyride-content-wrapper { width: 100%; padding: 1.125rem 1.25rem 1.5rem; } .joyride-content-wrapper .button { margin-bottom: 0 !important; } /* Add a little css triangle pip, older browser just miss out on the fanciness of it */ .joyride-tip-guide .joyride-nub { display: block; position: absolute; right: 22px; width: 0; height: 0; border: 10px solid #333333; } .joyride-tip-guide .joyride-nub.top { border-top-style: solid; border-color: #333333; border-top-color: transparent !important; border-right-color: transparent !important; border-left-color: transparent !important; top: -20px; } .joyride-tip-guide .joyride-nub.bottom { border-bottom-style: solid; border-color: #333333 !important; border-bottom-color: transparent !important; border-right-color: transparent !important; border-left-color: transparent !important; bottom: -20px; } .joyride-tip-guide .joyride-nub.right { right: -20px; } .joyride-tip-guide .joyride-nub.left { left: -20px; } /* Assistanty */ .joyride-tip-guide h1, .joyride-tip-guide h2, .joyride-tip-guide h3, .joyride-tip-guide h4, .joyride-tip-guide h5, .joyride-tip-guide h6 { line-height: 1.25; margin: 0; font-weight: bold; color: white; } .joyride-tip-guide p { margin: 0 0 1.125rem 0; font-size: 0.875rem; line-height: 1.3; } .joyride-timer-indicator-wrap { width: 50px; height: 3px; border: solid 1px #555555; position: absolute; left: 1.0625rem; bottom: 1rem; } .joyride-timer-indicator { display: block; width: 0; height: inherit; background: #666666; } .joyride-close-tip { position: absolute; left: 12px; top: 10px; color: #777777 !important; text-decoration: none; font-size: 24px; font-weight: normal; line-height: 0.5 !important; } .joyride-close-tip:hover, .joyride-close-tip:focus { color: #eeeeee !important; } .joyride-modal-bg { position: fixed; height: 100%; width: 100%; background: transparent; background: rgba(0, 0, 0, 0.5); z-index: 100; display: none; top: 0; right: 0; cursor: pointer; } .joyride-expose-wrapper { background-color: #ffffff; position: absolute; border-radius: 3px; z-index: 102; box-shadow: 0 0 15px white; } .joyride-expose-cover { background: transparent; border-radius: 3px; position: absolute; z-index: 9999; top: 0; left: 0; } /* Styles for screens that are at least 768px; */ @media only screen and (min-width: 40.063em) { .joyride-tip-guide { width: 300px; right: inherit; } .joyride-tip-guide .joyride-nub.bottom { border-color: #333333 !important; border-bottom-color: transparent !important; border-right-color: transparent !important; border-left-color: transparent !important; bottom: -20px; } .joyride-tip-guide .joyride-nub.right { border-color: #333333 !important; border-top-color: transparent !important; border-right-color: transparent !important; border-bottom-color: transparent !important; top: 22px; left: auto; right: -20px; } .joyride-tip-guide .joyride-nub.left { border-color: #333333 !important; border-top-color: transparent !important; border-left-color: transparent !important; border-bottom-color: transparent !important; top: 22px; left: -20px; right: auto; } } .label { font-weight: normal; text-align: center; text-decoration: none; line-height: 1; white-space: nowrap; display: inline-block; position: relative; margin-bottom: inherit; padding: 0.25rem 0.5rem 0.375rem; font-size: 0.6875rem; background-color: #3ae8a1; color: white; } .label.radius { border-radius: 5px; } .label.round { border-radius: 1000px; } .label.alert { background-color: #c60f13; color: white; } .label.success { background-color: #5da423; color: white; } .label.secondary { background-color: #e9e9e9; color: #333333; } .off-canvas-wrap { -webkit-backface-visibility: hidden; position: relative; width: 100%; overflow: hidden; } .off-canvas-wrap.move-right, .off-canvas-wrap.move-left { min-height: 100%; -webkit-overflow-scrolling: touch; } .inner-wrap { -webkit-backface-visibility: hidden; position: relative; width: 100%; -webkit-transition: -webkit-transform 500ms ease; -moz-transition: -moz-transform 500ms ease; -ms-transition: -ms-transform 500ms ease; -o-transition: -o-transform 500ms ease; transition: transform 500ms ease; } .inner-wrap:before, .inner-wrap:after { content: " "; display: table; } .inner-wrap:after { clear: both; } .tab-bar { -webkit-backface-visibility: hidden; background: #333333; color: white; height: 2.8125rem; line-height: 2.8125rem; position: relative; } .tab-bar h1, .tab-bar h2, .tab-bar h3, .tab-bar h4, .tab-bar h5, .tab-bar h6 { color: white; font-weight: bold; line-height: 2.8125rem; margin: 0; } .tab-bar h1, .tab-bar h2, .tab-bar h3, .tab-bar h4 { font-size: 1.125rem; } .left-small { width: 2.8125rem; height: 2.8125rem; position: absolute; top: 0; border-right: solid 1px #1a1a1a; left: 0; } .right-small { width: 2.8125rem; height: 2.8125rem; position: absolute; top: 0; border-left: solid 1px #1a1a1a; right: 0; } .tab-bar-section { padding: 0 0.625rem; position: absolute; text-align: center; height: 2.8125rem; top: 0; } @media only screen and (min-width: 40.063em) { .tab-bar-section { text-align: left; } /*.off-canvas-wrap { -webkit-backface-visibility: hidden; position: relative; width: 100%; overflow:visible; }*/ } .tab-bar-section.left { left: 0; right: 2.8125rem; } .tab-bar-section.right { left: 2.8125rem; right: 0; } .tab-bar-section.middle { left: 2.8125rem; right: 2.8125rem; } .tab-bar .menu-icon { text-indent: 2.1875rem; width: 2.8125rem; height: 2.8125rem; display: block; padding: 0; color: white; position: relative; transform: translate3d(0, 0, 0); } .tab-bar .menu-icon span::after { content: ""; position: absolute; display: block; height: 0; top: 50%; margin-top: -0.5rem; left: 0.90625rem; box-shadow: 0 0px 0 1px white, 0 7px 0 1px white, 0 14px 0 1px white; width: 1rem; } .tab-bar .menu-icon span:hover:after { box-shadow: 0 0px 0 1px #b3b3b3, 0 7px 0 1px #b3b3b3, 0 14px 0 1px #b3b3b3; } .left-off-canvas-menu { -webkit-backface-visibility: hidden; width: 14rem; top: 70px; /*bottom: 0;*/ position: absolute; overflow-y: auto; background: #333333; z-index: 1001; box-sizing: content-box; -webkit-transition: -webkit-transform 500ms ease 0s; transition: transform 500ms ease 0s; -webkit-overflow-scrolling: touch; -ms-transform: translate(-100%, 0); -webkit-transform: translate3d(-100%, 0, 0); -moz-transform: translate3d(-100%, 0, 0); -ms-transform: translate3d(-100%, 0, 0); -o-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); left: 0; border-right: 2px solid #3ae8a1; } .left-off-canvas-menu * { -webkit-backface-visibility: hidden; } .right-off-canvas-menu { -webkit-backface-visibility: hidden; width: 15.625rem; top: 0; bottom: 0; position: absolute; overflow-y: auto; background: #333333; z-index: 1001; box-sizing: content-box; -webkit-transition: -webkit-transform 500ms ease 0s; transition: transform 500ms ease 0s; -webkit-overflow-scrolling: touch; -ms-transform: translate(100%, 0); -webkit-transform: translate3d(100%, 0, 0); -moz-transform: translate3d(100%, 0, 0); -ms-transform: translate3d(100%, 0, 0); -o-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); right: 0; } .right-off-canvas-menu * { -webkit-backface-visibility: hidden; } ul.off-canvas-list { list-style-type: none; padding: 0; margin: 0; } ul.off-canvas-list li label { display: block; padding: 0.3rem 0.9375rem; color: #999999; text-transform: uppercase; font-size: 0.75rem; font-weight: bold; background: #444444; border-top: 1px solid #5e5e5e; border-bottom: none; margin: 0; } ul.off-canvas-list li a { display: block; padding: 0.66667rem; color: rgba(255, 255, 255, 0.7); border-bottom: 1px solid #262626; transition: background 300ms ease; } ul.off-canvas-list li a:hover { background: #242424; } .move-right > .inner-wrap { -ms-transform: translate(15.625rem, 0); -webkit-transform: translate3d(15.625rem, 0, 0); -moz-transform: translate3d(15.625rem, 0, 0); -ms-transform: translate3d(15.625rem, 0, 0); -o-transform: translate3d(15.625rem, 0, 0); transform: translate3d(15.625rem, 0, 0); } .move-right .exit-off-canvas { -webkit-backface-visibility: hidden; transition: background 300ms ease; cursor: pointer; box-shadow: -4px 0 4px rgba(0, 0, 0, 0.5), 4px 0 4px rgba(0, 0, 0, 0.5); display: block; position: absolute; background: rgba(255, 255, 255, 0.2); top: 0; bottom: 0; left: 0; right: 0; z-index: 1002; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } @media only screen and (min-width: 40.063em) { .move-right .exit-off-canvas:hover { background: rgba(255, 255, 255, 0.05); } } .move-left > .inner-wrap { -ms-transform: translate(-15.625rem, 0); -webkit-transform: translate3d(-15.625rem, 0, 0); -moz-transform: translate3d(-15.625rem, 0, 0); -ms-transform: translate3d(-15.625rem, 0, 0); -o-transform: translate3d(-15.625rem, 0, 0); transform: translate3d(-15.625rem, 0, 0); } .move-left .exit-off-canvas { -webkit-backface-visibility: hidden; transition: background 300ms ease; cursor: pointer; box-shadow: -4px 0 4px rgba(0, 0, 0, 0.5), 4px 0 4px rgba(0, 0, 0, 0.5); display: block; position: absolute; background: rgba(255, 255, 255, 0.2); top: 0; bottom: 0; left: 0; right: 0; z-index: 1002; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } @media only screen and (min-width: 40.063em) { .move-left .exit-off-canvas:hover { background: rgba(255, 255, 255, 0.05); } } .offcanvas-overlap .left-off-canvas-menu, .offcanvas-overlap .right-off-canvas-menu { -ms-transform: none; -webkit-transform: none; -moz-transform: none; -o-transform: none; transform: none; z-index: 1003; } .offcanvas-overlap .exit-offcanvas-menu { -webkit-backface-visibility: hidden; transition: background 300ms ease; cursor: pointer; box-shadow: -4px 0 4px rgba(0, 0, 0, 0.5), 4px 0 4px rgba(0, 0, 0, 0.5); display: block; position: absolute; background: rgba(255, 255, 255, 0.2); top: 0; bottom: 0; left: 0; right: 0; z-index: 1002; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); z-index: 1002; } @media only screen and (min-width: 40.063em) { .offcanvas-overlap .exit-offcanvas-menu:hover { background: rgba(255, 255, 255, 0.05); } } .no-csstransforms .left-off-canvas-menu { left: -15.625rem; } .no-csstransforms .right-off-canvas-menu { right: -15.625rem; } .no-csstransforms .move-left > .inner-wrap { right: 15.625rem; } .no-csstransforms .move-right > .inner-wrap { left: 15.625rem; } /* Foundation Dropdowns */ .f-dropdown { position: absolute; left: -9999px; list-style: none; margin-right: 0; width: 100%; max-height: none; height: auto; background: white; border: solid 1px #cccccc; font-size: 0.875rem; z-index: 99; margin-top: 2px; max-width: 200px; } .f-dropdown > *:first-child { margin-top: 0; } .f-dropdown > *:last-child { margin-bottom: 0; } .f-dropdown:before { content: ""; display: block; width: 0; height: 0; border: inset 6px; border-color: transparent transparent white transparent; border-bottom-style: solid; position: absolute; top: -12px; right: 10px; z-index: 99; } .f-dropdown:after { content: ""; display: block; width: 0; height: 0; border: inset 7px; border-color: transparent transparent #cccccc transparent; border-bottom-style: solid; position: absolute; top: -14px; right: 9px; z-index: 98; } .f-dropdown.right:before { left: auto; right: 10px; } .f-dropdown.right:after { left: auto; right: 9px; } .f-dropdown.drop-right { position: absolute; left: -9999px; list-style: none; margin-right: 0; width: 100%; max-height: none; height: auto; background: white; border: solid 1px #cccccc; font-size: 0.875rem; z-index: 99; margin-top: 0; margin-left: 2px; max-width: 200px; } .f-dropdown.drop-right > *:first-child { margin-top: 0; } .f-dropdown.drop-right > *:last-child { margin-bottom: 0; } .f-dropdown.drop-right:before { content: ""; display: block; width: 0; height: 0; border: inset 6px; border-color: transparent white transparent transparent; border-right-style: solid; position: absolute; top: 10px; right: -12px; z-index: 99; } .f-dropdown.drop-right:after { content: ""; display: block; width: 0; height: 0; border: inset 7px; border-color: transparent #cccccc transparent transparent; border-right-style: solid; position: absolute; top: 9px; right: -14px; z-index: 98; } .f-dropdown.drop-left { position: absolute; left: -9999px; list-style: none; margin-right: 0; width: 100%; max-height: none; height: auto; background: white; border: solid 1px #cccccc; font-size: 0.875rem; z-index: 99; margin-top: 0; margin-left: -2px; max-width: 200px; } .f-dropdown.drop-left > *:first-child { margin-top: 0; } .f-dropdown.drop-left > *:last-child { margin-bottom: 0; } .f-dropdown.drop-left:before { content: ""; display: block; width: 0; height: 0; border: inset 6px; border-color: transparent transparent transparent white; border-left-style: solid; position: absolute; top: 10px; left: -12px; left: auto; z-index: 99; } .f-dropdown.drop-left:after { content: ""; display: block; width: 0; height: 0; border: inset 7px; border-color: transparent transparent transparent #cccccc; border-left-style: solid; position: absolute; top: 9px; left: -14px; left: auto; z-index: 98; } .f-dropdown.drop-top { position: absolute; left: -9999px; list-style: none; margin-right: 0; width: 100%; max-height: none; height: auto; background: white; border: solid 1px #cccccc; font-size: 0.875rem; z-index: 99; margin-top: -2px; margin-left: 0; max-width: 200px; } .f-dropdown.drop-top > *:first-child { margin-top: 0; } .f-dropdown.drop-top > *:last-child { margin-bottom: 0; } .f-dropdown.drop-top:before { content: ""; display: block; width: 0; height: 0; border: inset 6px; border-color: white transparent transparent transparent; border-top-style: solid; position: absolute; top: auto; bottom: -12px; right: 10px; right: auto; z-index: 99; } .f-dropdown.drop-top:after { content: ""; display: block; width: 0; height: 0; border: inset 7px; border-color: #cccccc transparent transparent transparent; border-top-style: solid; position: absolute; top: auto; bottom: -14px; right: 9px; right: auto; z-index: 98; } .f-dropdown li { font-size: 0.875rem; cursor: pointer; line-height: 1.125rem; margin: 0; } .f-dropdown li:hover, .f-dropdown li:focus { background: #eeeeee; } .f-dropdown li a { display: block; padding: 0.5rem; color: #555555; } .f-dropdown.content { position: absolute; left: -9999px; list-style: none; margin-right: 0; padding: 1.25rem; width: 100%; height: auto; max-height: none; background: white; border: solid 1px #cccccc; font-size: 0.875rem; z-index: 99; max-width: 200px; } .f-dropdown.content > *:first-child { margin-top: 0; } .f-dropdown.content > *:last-child { margin-bottom: 0; } .f-dropdown.tiny { max-width: 200px; } .f-dropdown.small { max-width: 300px; } .f-dropdown.medium { max-width: 500px; } .f-dropdown.large { max-width: 800px; } table { background: white; margin-bottom: 1.25rem; border: solid 1px #dddddd; } table caption { background: transparent; color: #222222; font-size: 1rem; font-weight: bold; } table thead { background: whitesmoke; } table thead tr th, table thead tr td { padding: 0.5rem 0.625rem 0.625rem; font-size: 0.875rem; font-weight: bold; color: #222222; } table tfoot { background: whitesmoke; } table tfoot tr th, table tfoot tr td { padding: 0.5rem 0.625rem 0.625rem; font-size: 0.875rem; font-weight: bold; color: #222222; } table tr th, table tr td { padding: 0.5625rem 0.625rem; font-size: 0.875rem; color: #222222; text-align: right; } table tr.even, table tr.alt, table tr:nth-of-type(even) { background: #f9f9f9; } table thead tr th, table tfoot tr th, table tfoot tr td, table tbody tr th, table tbody tr td, table tr td { display: table-cell; line-height: 1.125rem; } /* Standard Forms */ form { margin: 0 0 1rem; } /* Using forms within rows, we need to set some defaults */ form .row .row { margin: 0 -0.5rem; } form .row .row .column, form .row .row .columns { padding: 0 0.5rem; } form .row .row.collapse { margin: 0; } form .row .row.collapse .column, form .row .row.collapse .columns { padding: 0; } form .row .row.collapse input { border-bottom-left-radius: 0; border-top-left-radius: 0; } form .row input.column, form .row input.columns, form .row textarea.column, form .row textarea.columns { padding-right: 0.5rem; } /* Label Styles */ label { font-size: 0.875rem; color: #4d4d4d; cursor: pointer; display: block; font-weight: normal; line-height: 1.5; margin-bottom: 0; /* Styles for required inputs */ } label.right { float: none !important; text-align: right; } label.inline { margin: 0 0 1rem 0; padding: 0.5625rem 0; } label small { text-transform: capitalize; color: #676767; } select::-ms-expand { display: none; } /* Attach elements to the beginning or end of an input */ .prefix, .postfix { display: block; position: relative; z-index: 2; text-align: center; width: 100%; padding-top: 0; padding-bottom: 0; border-style: solid; border-width: 1px; overflow: hidden; font-size: 0.875rem; height: 2.3125rem; line-height: 2.3125rem; } /* Adjust padding, alignment and radius if pre/post element is a button */ .postfix.button { padding-right: 0; padding-left: 0; padding-top: 0; padding-bottom: 0; text-align: center; line-height: 2.125rem; border: none; } .prefix.button { padding-right: 0; padding-left: 0; padding-top: 0; padding-bottom: 0; text-align: center; line-height: 2.125rem; border: none; } .prefix.button.radius { border-radius: 0; border-bottom-right-radius: 5px; border-top-right-radius: 5px; } .postfix.button.radius { border-radius: 0; border-bottom-left-radius: 5px; border-top-left-radius: 5px; } .prefix.button.round { border-radius: 0; border-bottom-right-radius: 1000px; border-top-right-radius: 1000px; } .postfix.button.round { border-radius: 0; border-bottom-left-radius: 1000px; border-top-left-radius: 1000px; } /* Separate prefix and postfix styles when on span or label so buttons keep their own */ span.prefix, label.prefix { background: #f2f2f2; border-left: none; color: #333333; border-color: #cccccc; } span.prefix.radius, label.prefix.radius { border-radius: 0; border-bottom-right-radius: 5px; border-top-right-radius: 5px; } span.postfix, label.postfix { background: #f2f2f2; border-right: none; color: #333333; border-color: #cccccc; } span.postfix.radius, label.postfix.radius { border-radius: 0; border-bottom-left-radius: 5px; border-top-left-radius: 5px; } /* We use this to get basic styling on all basic form elements */ input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], textarea { -webkit-appearance: none; background-color: white; font-family: inherit; border: 1px solid #cccccc; box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); color: rgba(0, 0, 0, 0.75); display: block; font-size: 0.875rem; margin: 0 0 1rem 0; padding: 0.5rem; height: 2.3125rem; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; transition: box-shadow 0.45s, border-color 0.45s ease-in-out; } input[type="text"]:focus, input[type="password"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="time"]:focus, input[type="url"]:focus, textarea:focus { box-shadow: 0 0 5px #999999; border-color: #999999; } input[type="text"]:focus, input[type="password"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="time"]:focus, input[type="url"]:focus, textarea:focus { background: #fafafa; border-color: #999999; outline: none; } input[type="text"][disabled], fieldset[disabled] input[type="text"], input[type="password"][disabled], fieldset[disabled] input[type="password"], input[type="date"][disabled], fieldset[disabled] input[type="date"], input[type="datetime"][disabled], fieldset[disabled] input[type="datetime"], input[type="datetime-local"][disabled], fieldset[disabled] input[type="datetime-local"], input[type="month"][disabled], fieldset[disabled] input[type="month"], input[type="week"][disabled], fieldset[disabled] input[type="week"], input[type="email"][disabled], fieldset[disabled] input[type="email"], input[type="number"][disabled], fieldset[disabled] input[type="number"], input[type="search"][disabled], fieldset[disabled] input[type="search"], input[type="tel"][disabled], fieldset[disabled] input[type="tel"], input[type="time"][disabled], fieldset[disabled] input[type="time"], input[type="url"][disabled], fieldset[disabled] input[type="url"], textarea[disabled], fieldset[disabled] textarea { background-color: #dddddd; } input[type="text"].radius, input[type="password"].radius, input[type="date"].radius, input[type="datetime"].radius, input[type="datetime-local"].radius, input[type="month"].radius, input[type="week"].radius, input[type="email"].radius, input[type="number"].radius, input[type="search"].radius, input[type="tel"].radius, input[type="time"].radius, input[type="url"].radius, textarea.radius { border-radius: 5px; } input[type="submit"] { -webkit-appearance: none; } /* Respect enforced amount of rows for textarea */ textarea[rows] { height: auto; } #contactForm textarea[rows] { height: 100px; } /* Add height value for select elements to match text input height */ select { -webkit-appearance: none !important; background-color: #fafafa; background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeD0iMTJweCIgeT0iMHB4IiB3aWR0aD0iMjRweCIgaGVpZ2h0PSIzcHgiIHZpZXdCb3g9IjAgMCA2IDMiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDYgMyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBvbHlnb24gcG9pbnRzPSI1Ljk5MiwwIDIuOTkyLDMgLTAuMDA4LDAgIi8+PC9zdmc+); background-position: 0% center; background-repeat: no-repeat; border: 1px solid #cccccc; padding: 0.5rem; font-size: 0.875rem; color: rgba(0, 0, 0, 0.75); line-height: normal; border-radius: 0; height: 2.3125rem; } select.radius { border-radius: 5px; } select:hover { background-color: #f3f3f3; border-color: #999999; } /* Adjust margin for form elements below */ input[type="file"], input[type="checkbox"], input[type="radio"], select { margin: 0 0 1rem 0; } input[type="checkbox"] + label, input[type="radio"] + label { display: inline-block; margin-right: 0.7rem; margin-left: 0.5rem; margin-bottom: 0; vertical-align: baseline; } /* Normalize file input width */ input[type="file"] { width: 100%; } /* We add basic fieldset styling */ fieldset { border: 1px solid #dddddd; padding: 1.25rem; margin: 1.125rem 0; } fieldset legend { font-weight: bold; background: white; padding: 0 0.1875rem; margin: 0; margin-right: -0.1875rem; } /* Error Handling */ [data-abide] .error small.error, [data-abide] span.error, [data-abide] small.error { display: block; padding: 0.375rem 0.5625rem 0.5625rem; margin-top: -1px; margin-bottom: 1rem; font-size: 0.75rem; font-weight: normal; font-style: italic; background: #c60f13; color: white; } [data-abide] span.error, [data-abide] small.error { display: none; } span.error, small.error { display: block; padding: 0.375rem 0.5625rem 0.5625rem; margin-top: -1px; margin-bottom: 1rem; font-size: 0.75rem; font-weight: normal; font-style: italic; background: #c60f13; color: white; } .error input, .error textarea, .error select { margin-bottom: 0; } .error input[type="checkbox"], .error input[type="radio"] { margin-bottom: 1rem; } .error label, .error label.error { color: #c60f13; } .error small.error { display: block; padding: 0.375rem 0.5625rem 0.5625rem; margin-top: -1px; margin-bottom: 1rem; font-size: 0.75rem; font-weight: normal; font-style: italic; background: #c60f13; color: white; } .error > label > small { color: #676767; background: transparent; padding: 0; text-transform: capitalize; font-style: normal; font-size: 60%; margin: 0; display: inline; } .error span.error-message { display: block; } input.error, textarea.error { margin-bottom: 0; } label.error { color: #c60f13; } [class*="block-grid-"] { display: block; padding: 0; margin: 0 -0.625rem; } [class*="block-grid-"]:before, [class*="block-grid-"]:after { content: " "; display: table; } [class*="block-grid-"]:after { clear: both; } [class*="block-grid-"] > li { display: block; height: auto; float: right; padding: 0 0.625rem 1.25rem; } @media only screen and (max-width: 40.063em) { [class*="block-grid-"] > li { display: block; height: auto; float: none; padding: 0 0.625rem 1.25rem; } } @media only screen { .small-block-grid-1 > li { width: 100%; list-style: none; } .small-block-grid-1 > li:nth-of-type(1n) { clear: none; } .small-block-grid-1 > li:nth-of-type(1n+1) { clear: both; } .small-block-grid-2 > li { width: 50%; list-style: none; } .small-block-grid-2 > li:nth-of-type(1n) { clear: none; } .small-block-grid-2 > li:nth-of-type(2n+1) { clear: both; } .small-block-grid-3 > li { width: 33.33333%; list-style: none; } .small-block-grid-3 > li:nth-of-type(1n) { clear: none; } .small-block-grid-3 > li:nth-of-type(3n+1) { clear: both; } .small-block-grid-4 > li { width: 25%; list-style: none; } .small-block-grid-4 > li:nth-of-type(1n) { clear: none; } .small-block-grid-4 > li:nth-of-type(4n+1) { clear: both; } .small-block-grid-5 > li { width: 20%; list-style: none; } .small-block-grid-5 > li:nth-of-type(1n) { clear: none; } .small-block-grid-5 > li:nth-of-type(5n+1) { clear: both; } .small-block-grid-6 > li { width: 16.66667%; list-style: none; } .small-block-grid-6 > li:nth-of-type(1n) { clear: none; } .small-block-grid-6 > li:nth-of-type(6n+1) { clear: both; } .small-block-grid-7 > li { width: 14.28571%; list-style: none; } .small-block-grid-7 > li:nth-of-type(1n) { clear: none; } .small-block-grid-7 > li:nth-of-type(7n+1) { clear: both; } .small-block-grid-8 > li { width: 12.5%; list-style: none; } .small-block-grid-8 > li:nth-of-type(1n) { clear: none; } .small-block-grid-8 > li:nth-of-type(8n+1) { clear: both; } .small-block-grid-9 > li { width: 11.11111%; list-style: none; } .small-block-grid-9 > li:nth-of-type(1n) { clear: none; } .small-block-grid-9 > li:nth-of-type(9n+1) { clear: both; } .small-block-grid-10 > li { width: 10%; list-style: none; } .small-block-grid-10 > li:nth-of-type(1n) { clear: none; } .small-block-grid-10 > li:nth-of-type(10n+1) { clear: both; } .small-block-grid-11 > li { width: 9.09091%; list-style: none; } .small-block-grid-11 > li:nth-of-type(1n) { clear: none; } .small-block-grid-11 > li:nth-of-type(11n+1) { clear: both; } .small-block-grid-12 > li { width: 8.33333%; list-style: none; } .small-block-grid-12 > li:nth-of-type(1n) { clear: none; } .small-block-grid-12 > li:nth-of-type(12n+1) { clear: both; } } @media only screen and (min-width: 40.063em) { .medium-block-grid-1 > li { width: 100%; list-style: none; } .medium-block-grid-1 > li:nth-of-type(1n) { clear: none; } .medium-block-grid-1 > li:nth-of-type(1n+1) { clear: both; } .medium-block-grid-2 > li { width: 50%; list-style: none; } .medium-block-grid-2 > li:nth-of-type(1n) { clear: none; } .medium-block-grid-2 > li:nth-of-type(2n+1) { clear: both; } .medium-block-grid-3 > li { width: 33.33333%; list-style: none; } .medium-block-grid-3 > li:nth-of-type(1n) { clear: none; } .medium-block-grid-3 > li:nth-of-type(3n+1) { clear: both; } .medium-block-grid-4 > li { width: 25%; list-style: none; } .medium-block-grid-4 > li:nth-of-type(1n) { clear: none; } .medium-block-grid-4 > li:nth-of-type(4n+1) { clear: both; } .medium-block-grid-5 > li { width: 20%; list-style: none; } .medium-block-grid-5 > li:nth-of-type(1n) { clear: none; } .medium-block-grid-5 > li:nth-of-type(5n+1) { clear: both; } .medium-block-grid-6 > li { width: 16.66667%; list-style: none; } .medium-block-grid-6 > li:nth-of-type(1n) { clear: none; } .medium-block-grid-6 > li:nth-of-type(6n+1) { clear: both; } .medium-block-grid-7 > li { width: 14.28571%; list-style: none; } .medium-block-grid-7 > li:nth-of-type(1n) { clear: none; } .medium-block-grid-7 > li:nth-of-type(7n+1) { clear: both; } .medium-block-grid-8 > li { width: 12.5%; list-style: none; } .medium-block-grid-8 > li:nth-of-type(1n) { clear: none; } .medium-block-grid-8 > li:nth-of-type(8n+1) { clear: both; } .medium-block-grid-9 > li { width: 11.11111%; list-style: none; } .medium-block-grid-9 > li:nth-of-type(1n) { clear: none; } .medium-block-grid-9 > li:nth-of-type(9n+1) { clear: both; } .medium-block-grid-10 > li { width: 10%; list-style: none; } .medium-block-grid-10 > li:nth-of-type(1n) { clear: none; } .medium-block-grid-10 > li:nth-of-type(10n+1) { clear: both; } .medium-block-grid-11 > li { width: 9.09091%; list-style: none; } .medium-block-grid-11 > li:nth-of-type(1n) { clear: none; } .medium-block-grid-11 > li:nth-of-type(11n+1) { clear: both; } .medium-block-grid-12 > li { width: 8.33333%; list-style: none; } .medium-block-grid-12 > li:nth-of-type(1n) { clear: none; } .medium-block-grid-12 > li:nth-of-type(12n+1) { clear: both; } } @media only screen and (min-width: 64.063em) { .large-block-grid-1 > li { width: 100%; list-style: none; } .large-block-grid-1 > li:nth-of-type(1n) { clear: none; } .large-block-grid-1 > li:nth-of-type(1n+1) { clear: both; } .large-block-grid-2 > li { width: 50%; list-style: none; } .large-block-grid-2 > li:nth-of-type(1n) { clear: none; } .large-block-grid-2 > li:nth-of-type(2n+1) { clear: both; } .large-block-grid-3 > li { width: 33.33333%; list-style: none; } .large-block-grid-3 > li:nth-of-type(1n) { clear: none; } .large-block-grid-3 > li:nth-of-type(3n+1) { clear: both; } .large-block-grid-4 > li { width: 25%; list-style: none; } .large-block-grid-4 > li:nth-of-type(1n) { clear: none; } .large-block-grid-4 > li:nth-of-type(4n+1) { clear: both; } .large-block-grid-5 > li { width: 20%; list-style: none; } .large-block-grid-5 > li:nth-of-type(1n) { clear: none; } .large-block-grid-5 > li:nth-of-type(5n+1) { clear: both; } .large-block-grid-6 > li { width: 16.66667%; list-style: none; } .large-block-grid-6 > li:nth-of-type(1n) { clear: none; } .large-block-grid-6 > li:nth-of-type(6n+1) { clear: both; } .large-block-grid-7 > li { width: 14.28571%; list-style: none; } .large-block-grid-7 > li:nth-of-type(1n) { clear: none; } .large-block-grid-7 > li:nth-of-type(7n+1) { clear: both; } .large-block-grid-8 > li { width: 12.5%; list-style: none; } .large-block-grid-8 > li:nth-of-type(1n) { clear: none; } .large-block-grid-8 > li:nth-of-type(8n+1) { clear: both; } .large-block-grid-9 > li { width: 11.11111%; list-style: none; } .large-block-grid-9 > li:nth-of-type(1n) { clear: none; } .large-block-grid-9 > li:nth-of-type(9n+1) { clear: both; } .large-block-grid-10 > li { width: 10%; list-style: none; } .large-block-grid-10 > li:nth-of-type(1n) { clear: none; } .large-block-grid-10 > li:nth-of-type(10n+1) { clear: both; } .large-block-grid-11 > li { width: 9.09091%; list-style: none; } .large-block-grid-11 > li:nth-of-type(1n) { clear: none; } .large-block-grid-11 > li:nth-of-type(11n+1) { clear: both; } .large-block-grid-12 > li { width: 8.33333%; list-style: none; } .large-block-grid-12 > li:nth-of-type(1n) { clear: none; } .large-block-grid-12 > li:nth-of-type(12n+1) { clear: both; } } .flex-video { position: relative; padding-top: 1.5625rem; padding-bottom: 67.5%; height: 0; margin-bottom: 1rem; overflow: hidden; } .flex-video.widescreen { padding-bottom: 56.34%; } .flex-video.vimeo { padding-top: 0; } .flex-video iframe, .flex-video object, .flex-video embed, .flex-video video { position: absolute; top: 0; right: 0; width: 100%; height: 100%; } .keystroke, kbd { background-color: #ededed; border-color: #dddddd; color: #222222; border-style: solid; border-width: 1px; margin: 0; font-family: "Consolas", "Menlo", "Courier", monospace; font-size: inherit; padding: 0.125rem 0.25rem 0; border-radius: 5px; } /* small displays */ @media only screen { .show-for-small-only, .show-for-small-up, .show-for-small, .show-for-small-down, .hide-for-medium-only, .hide-for-medium-up, .hide-for-medium, .show-for-medium-down, .hide-for-large-only, .hide-for-large-up, .hide-for-large, .show-for-large-down, .hide-for-xlarge-only, .hide-for-xlarge-up, .hide-for-xxlarge-only, .hide-for-xxlarge-up { display: inherit !important; } .hide-for-small-only, .hide-for-small-up, .hide-for-small, .hide-for-small-down, .show-for-medium-only, .show-for-medium-up, .show-for-medium, .hide-for-medium-down, .show-for-large-only, .show-for-large-up, .show-for-large, .hide-for-large-down, .show-for-xlarge-only, .show-for-xlarge-up, .show-for-xxlarge-only, .show-for-xxlarge-up { display: none !important; } .visible-for-small-only, .visible-for-small-up, .visible-for-small, .visible-for-small-down, .hidden-for-medium-only, .hidden-for-medium-up, .hidden-for-medium, .visible-for-medium-down, .hidden-for-large-only, .hidden-for-large-up, .hidden-for-large, .visible-for-large-down, .hidden-for-xlarge-only, .hidden-for-xlarge-up, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up { position: static !important; height: auto; width: auto; overflow: visible; clip: auto; } .hidden-for-small-only, .hidden-for-small-up, .hidden-for-small, .hidden-for-small-down, .visible-for-medium-only, .visible-for-medium-up, .visible-for-medium, .hidden-for-medium-down, .visible-for-large-only, .visible-for-large-up, .visible-for-large, .hidden-for-large-down, .visible-for-xlarge-only, .visible-for-xlarge-up, .visible-for-xxlarge-only, .visible-for-xxlarge-up { position: absolute !important; height: 1px; width: 1px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); } table.show-for-small-only, table.show-for-small-up, table.show-for-small, table.show-for-small-down, table.hide-for-medium-only, table.hide-for-medium-up, table.hide-for-medium, table.show-for-medium-down, table.hide-for-large-only, table.hide-for-large-up, table.hide-for-large, table.show-for-large-down, table.hide-for-xlarge-only, table.hide-for-xlarge-up, table.hide-for-xxlarge-only, table.hide-for-xxlarge-up { display: table; } thead.show-for-small-only, thead.show-for-small-up, thead.show-for-small, thead.show-for-small-down, thead.hide-for-medium-only, thead.hide-for-medium-up, thead.hide-for-medium, thead.show-for-medium-down, thead.hide-for-large-only, thead.hide-for-large-up, thead.hide-for-large, thead.show-for-large-down, thead.hide-for-xlarge-only, thead.hide-for-xlarge-up, thead.hide-for-xxlarge-only, thead.hide-for-xxlarge-up { display: table-header-group !important; } tbody.show-for-small-only, tbody.show-for-small-up, tbody.show-for-small, tbody.show-for-small-down, tbody.hide-for-medium-only, tbody.hide-for-medium-up, tbody.hide-for-medium, tbody.show-for-medium-down, tbody.hide-for-large-only, tbody.hide-for-large-up, tbody.hide-for-large, tbody.show-for-large-down, tbody.hide-for-xlarge-only, tbody.hide-for-xlarge-up, tbody.hide-for-xxlarge-only, tbody.hide-for-xxlarge-up { display: table-row-group !important; } tr.show-for-small-only, tr.show-for-small-up, tr.show-for-small, tr.show-for-small-down, tr.hide-for-medium-only, tr.hide-for-medium-up, tr.hide-for-medium, tr.show-for-medium-down, tr.hide-for-large-only, tr.hide-for-large-up, tr.hide-for-large, tr.show-for-large-down, tr.hide-for-xlarge-only, tr.hide-for-xlarge-up, tr.hide-for-xxlarge-only, tr.hide-for-xxlarge-up { display: table-row !important; } th.show-for-small-only, td.show-for-small-only, th.show-for-small-up, td.show-for-small-up, th.show-for-small, td.show-for-small, th.show-for-small-down, td.show-for-small-down, th.hide-for-medium-only, td.hide-for-medium-only, th.hide-for-medium-up, td.hide-for-medium-up, th.hide-for-medium, td.hide-for-medium, th.show-for-medium-down, td.show-for-medium-down, th.hide-for-large-only, td.hide-for-large-only, th.hide-for-large-up, td.hide-for-large-up, th.hide-for-large, td.hide-for-large, th.show-for-large-down, td.show-for-large-down, th.hide-for-xlarge-only, td.hide-for-xlarge-only, th.hide-for-xlarge-up, td.hide-for-xlarge-up, th.hide-for-xxlarge-only, td.hide-for-xxlarge-only, th.hide-for-xxlarge-up, td.hide-for-xxlarge-up { display: table-cell !important; } } /* medium displays 640 40.063 */ @media only screen and (min-width: 40.063em) { .hide-for-small-only, .show-for-small-up, .hide-for-small, .hide-for-small-down, .show-for-medium-only, .show-for-medium-up, .show-for-medium, .show-for-medium-down, .hide-for-large-only, .hide-for-large-up, .hide-for-large, .show-for-large-down, .hide-for-xlarge-only, .hide-for-xlarge-up, .hide-for-xxlarge-only, .hide-for-xxlarge-up { display: inherit !important; } .show-for-small-only, .hide-for-small-up, .show-for-small, .show-for-small-down, .hide-for-medium-only, .hide-for-medium-up, .hide-for-medium, .hide-for-medium-down, .show-for-large-only, .show-for-large-up, .show-for-large, .hide-for-large-down, .show-for-xlarge-only, .show-for-xlarge-up, .show-for-xxlarge-only, .show-for-xxlarge-up { display: none !important; } .hidden-for-small-only, .visible-for-small-up, .hidden-for-small, .hidden-for-small-down, .visible-for-medium-only, .visible-for-medium-up, .visible-for-medium, .visible-for-medium-down, .hidden-for-large-only, .hidden-for-large-up, .hidden-for-large, .visible-for-large-down, .hidden-for-xlarge-only, .hidden-for-xlarge-up, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up { position: static !important; height: auto; width: auto; overflow: visible; clip: auto; } .visible-for-small-only, .hidden-for-small-up, .visible-for-small, .visible-for-small-down, .hidden-for-medium-only, .hidden-for-medium-up, .hidden-for-medium, .hidden-for-medium-down, .visible-for-large-only, .visible-for-large-up, .visible-for-large, .hidden-for-large-down, .visible-for-xlarge-only, .visible-for-xlarge-up, .visible-for-xxlarge-only, .visible-for-xxlarge-up { position: absolute !important; height: 1px; width: 1px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); } table.hide-for-small-only, table.show-for-small-up, table.hide-for-small, table.hide-for-small-down, table.show-for-medium-only, table.show-for-medium-up, table.show-for-medium, table.show-for-medium-down, table.hide-for-large-only, table.hide-for-large-up, table.hide-for-large, table.show-for-large-down, table.hide-for-xlarge-only, table.hide-for-xlarge-up, table.hide-for-xxlarge-only, table.hide-for-xxlarge-up { display: table; } thead.hide-for-small-only, thead.show-for-small-up, thead.hide-for-small, thead.hide-for-small-down, thead.show-for-medium-only, thead.show-for-medium-up, thead.show-for-medium, thead.show-for-medium-down, thead.hide-for-large-only, thead.hide-for-large-up, thead.hide-for-large, thead.show-for-large-down, thead.hide-for-xlarge-only, thead.hide-for-xlarge-up, thead.hide-for-xxlarge-only, thead.hide-for-xxlarge-up { display: table-header-group !important; } tbody.hide-for-small-only, tbody.show-for-small-up, tbody.hide-for-small, tbody.hide-for-small-down, tbody.show-for-medium-only, tbody.show-for-medium-up, tbody.show-for-medium, tbody.show-for-medium-down, tbody.hide-for-large-only, tbody.hide-for-large-up, tbody.hide-for-large, tbody.show-for-large-down, tbody.hide-for-xlarge-only, tbody.hide-for-xlarge-up, tbody.hide-for-xxlarge-only, tbody.hide-for-xxlarge-up { display: table-row-group !important; } tr.hide-for-small-only, tr.show-for-small-up, tr.hide-for-small, tr.hide-for-small-down, tr.show-for-medium-only, tr.show-for-medium-up, tr.show-for-medium, tr.show-for-medium-down, tr.hide-for-large-only, tr.hide-for-large-up, tr.hide-for-large, tr.show-for-large-down, tr.hide-for-xlarge-only, tr.hide-for-xlarge-up, tr.hide-for-xxlarge-only, tr.hide-for-xxlarge-up { display: table-row !important; } th.hide-for-small-only, td.hide-for-small-only, th.show-for-small-up, td.show-for-small-up, th.hide-for-small, td.hide-for-small, th.hide-for-small-down, td.hide-for-small-down, th.show-for-medium-only, td.show-for-medium-only, th.show-for-medium-up, td.show-for-medium-up, th.show-for-medium, td.show-for-medium, th.show-for-medium-down, td.show-for-medium-down, th.hide-for-large-only, td.hide-for-large-only, th.hide-for-large-up, td.hide-for-large-up, th.hide-for-large, td.hide-for-large, th.show-for-large-down, td.show-for-large-down, th.hide-for-xlarge-only, td.hide-for-xlarge-only, th.hide-for-xlarge-up, td.hide-for-xlarge-up, th.hide-for-xxlarge-only, td.hide-for-xxlarge-only, th.hide-for-xxlarge-up, td.hide-for-xxlarge-up { display: table-cell !important; } } /* large displays 1024 */ @media only screen and (min-width: 64.063em) { .hide-for-small-only, .show-for-small-up, .hide-for-small, .hide-for-small-down, .hide-for-medium-only, .show-for-medium-up, .hide-for-medium, .hide-for-medium-down, .show-for-large-only, .show-for-large-up, .show-for-large, .show-for-large-down, .hide-for-xlarge-only, .hide-for-xlarge-up, .hide-for-xxlarge-only, .hide-for-xxlarge-up { display: inherit !important; } .show-for-small-only, .hide-for-small-up, .show-for-small, .show-for-small-down, .show-for-medium-only, .hide-for-medium-up, .show-for-medium, .show-for-medium-down, .hide-for-large-only, .hide-for-large-up, .hide-for-large, .hide-for-large-down, .show-for-xlarge-only, .show-for-xlarge-up, .show-for-xxlarge-only, .show-for-xxlarge-up { display: none !important; } .hidden-for-small-only, .visible-for-small-up, .hidden-for-small, .hidden-for-small-down, .hidden-for-medium-only, .visible-for-medium-up, .hidden-for-medium, .hidden-for-medium-down, .visible-for-large-only, .visible-for-large-up, .visible-for-large, .visible-for-large-down, .hidden-for-xlarge-only, .hidden-for-xlarge-up, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up { position: static !important; height: auto; width: auto; overflow: visible; clip: auto; } .visible-for-small-only, .hidden-for-small-up, .visible-for-small, .visible-for-small-down, .visible-for-medium-only, .hidden-for-medium-up, .visible-for-medium, .visible-for-medium-down, .hidden-for-large-only, .hidden-for-large-up, .hidden-for-large, .hidden-for-large-down, .visible-for-xlarge-only, .visible-for-xlarge-up, .visible-for-xxlarge-only, .visible-for-xxlarge-up { position: absolute !important; height: 1px; width: 1px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); } table.hide-for-small-only, table.show-for-small-up, table.hide-for-small, table.hide-for-small-down, table.hide-for-medium-only, table.show-for-medium-up, table.hide-for-medium, table.hide-for-medium-down, table.show-for-large-only, table.show-for-large-up, table.show-for-large, table.show-for-large-down, table.hide-for-xlarge-only, table.hide-for-xlarge-up, table.hide-for-xxlarge-only, table.hide-for-xxlarge-up { display: table; } thead.hide-for-small-only, thead.show-for-small-up, thead.hide-for-small, thead.hide-for-small-down, thead.hide-for-medium-only, thead.show-for-medium-up, thead.hide-for-medium, thead.hide-for-medium-down, thead.show-for-large-only, thead.show-for-large-up, thead.show-for-large, thead.show-for-large-down, thead.hide-for-xlarge-only, thead.hide-for-xlarge-up, thead.hide-for-xxlarge-only, thead.hide-for-xxlarge-up { display: table-header-group !important; } tbody.hide-for-small-only, tbody.show-for-small-up, tbody.hide-for-small, tbody.hide-for-small-down, tbody.hide-for-medium-only, tbody.show-for-medium-up, tbody.hide-for-medium, tbody.hide-for-medium-down, tbody.show-for-large-only, tbody.show-for-large-up, tbody.show-for-large, tbody.show-for-large-down, tbody.hide-for-xlarge-only, tbody.hide-for-xlarge-up, tbody.hide-for-xxlarge-only, tbody.hide-for-xxlarge-up { display: table-row-group !important; } tr.hide-for-small-only, tr.show-for-small-up, tr.hide-for-small, tr.hide-for-small-down, tr.hide-for-medium-only, tr.show-for-medium-up, tr.hide-for-medium, tr.hide-for-medium-down, tr.show-for-large-only, tr.show-for-large-up, tr.show-for-large, tr.show-for-large-down, tr.hide-for-xlarge-only, tr.hide-for-xlarge-up, tr.hide-for-xxlarge-only, tr.hide-for-xxlarge-up { display: table-row !important; } th.hide-for-small-only, td.hide-for-small-only, th.show-for-small-up, td.show-for-small-up, th.hide-for-small, td.hide-for-small, th.hide-for-small-down, td.hide-for-small-down, th.hide-for-medium-only, td.hide-for-medium-only, th.show-for-medium-up, td.show-for-medium-up, th.hide-for-medium, td.hide-for-medium, th.hide-for-medium-down, td.hide-for-medium-down, th.show-for-large-only, td.show-for-large-only, th.show-for-large-up, td.show-for-large-up, th.show-for-large, td.show-for-large, th.show-for-large-down, td.show-for-large-down, th.hide-for-xlarge-only, td.hide-for-xlarge-only, th.hide-for-xlarge-up, td.hide-for-xlarge-up, th.hide-for-xxlarge-only, td.hide-for-xxlarge-only, th.hide-for-xxlarge-up, td.hide-for-xxlarge-up { display: table-cell !important; } } /* xlarge displays */ @media only screen and (min-width: 90.063em) { .hide-for-small-only, .show-for-small-up, .hide-for-small, .hide-for-small-down, .hide-for-medium-only, .show-for-medium-up, .hide-for-medium, .hide-for-medium-down, .hide-for-large-only, .show-for-large-up, .hide-for-large, .hide-for-large-down, .show-for-xlarge-only, .show-for-xlarge-up, .hide-for-xxlarge-only, .hide-for-xxlarge-up { display: inherit !important; } .show-for-small-only, .hide-for-small-up, .show-for-small, .show-for-small-down, .show-for-medium-only, .hide-for-medium-up, .show-for-medium, .show-for-medium-down, .show-for-large-only, .hide-for-large-up, .show-for-large, .show-for-large-down, .hide-for-xlarge-only, .hide-for-xlarge-up, .show-for-xxlarge-only, .show-for-xxlarge-up { display: none !important; } .hidden-for-small-only, .visible-for-small-up, .hidden-for-small, .hidden-for-small-down, .hidden-for-medium-only, .visible-for-medium-up, .hidden-for-medium, .hidden-for-medium-down, .hidden-for-large-only, .visible-for-large-up, .hidden-for-large, .hidden-for-large-down, .visible-for-xlarge-only, .visible-for-xlarge-up, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up { position: static !important; height: auto; width: auto; overflow: visible; clip: auto; } .visible-for-small-only, .hidden-for-small-up, .visible-for-small, .visible-for-small-down, .visible-for-medium-only, .hidden-for-medium-up, .visible-for-medium, .visible-for-medium-down, .visible-for-large-only, .hidden-for-large-up, .visible-for-large, .visible-for-large-down, .hidden-for-xlarge-only, .hidden-for-xlarge-up, .visible-for-xxlarge-only, .visible-for-xxlarge-up { position: absolute !important; height: 1px; width: 1px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); } table.hide-for-small-only, table.show-for-small-up, table.hide-for-small, table.hide-for-small-down, table.hide-for-medium-only, table.show-for-medium-up, table.hide-for-medium, table.hide-for-medium-down, table.hide-for-large-only, table.show-for-large-up, table.hide-for-large, table.hide-for-large-down, table.show-for-xlarge-only, table.show-for-xlarge-up, table.hide-for-xxlarge-only, table.hide-for-xxlarge-up { display: table; } thead.hide-for-small-only, thead.show-for-small-up, thead.hide-for-small, thead.hide-for-small-down, thead.hide-for-medium-only, thead.show-for-medium-up, thead.hide-for-medium, thead.hide-for-medium-down, thead.hide-for-large-only, thead.show-for-large-up, thead.hide-for-large, thead.hide-for-large-down, thead.show-for-xlarge-only, thead.show-for-xlarge-up, thead.hide-for-xxlarge-only, thead.hide-for-xxlarge-up { display: table-header-group !important; } tbody.hide-for-small-only, tbody.show-for-small-up, tbody.hide-for-small, tbody.hide-for-small-down, tbody.hide-for-medium-only, tbody.show-for-medium-up, tbody.hide-for-medium, tbody.hide-for-medium-down, tbody.hide-for-large-only, tbody.show-for-large-up, tbody.hide-for-large, tbody.hide-for-large-down, tbody.show-for-xlarge-only, tbody.show-for-xlarge-up, tbody.hide-for-xxlarge-only, tbody.hide-for-xxlarge-up { display: table-row-group !important; } tr.hide-for-small-only, tr.show-for-small-up, tr.hide-for-small, tr.hide-for-small-down, tr.hide-for-medium-only, tr.show-for-medium-up, tr.hide-for-medium, tr.hide-for-medium-down, tr.hide-for-large-only, tr.show-for-large-up, tr.hide-for-large, tr.hide-for-large-down, tr.show-for-xlarge-only, tr.show-for-xlarge-up, tr.hide-for-xxlarge-only, tr.hide-for-xxlarge-up { display: table-row !important; } th.hide-for-small-only, td.hide-for-small-only, th.show-for-small-up, td.show-for-small-up, th.hide-for-small, td.hide-for-small, th.hide-for-small-down, td.hide-for-small-down, th.hide-for-medium-only, td.hide-for-medium-only, th.show-for-medium-up, td.show-for-medium-up, th.hide-for-medium, td.hide-for-medium, th.hide-for-medium-down, td.hide-for-medium-down, th.hide-for-large-only, td.hide-for-large-only, th.show-for-large-up, td.show-for-large-up, th.hide-for-large, td.hide-for-large, th.hide-for-large-down, td.hide-for-large-down, th.show-for-xlarge-only, td.show-for-xlarge-only, th.show-for-xlarge-up, td.show-for-xlarge-up, th.hide-for-xxlarge-only, td.hide-for-xxlarge-only, th.hide-for-xxlarge-up, td.hide-for-xxlarge-up { display: table-cell !important; } } /* xxlarge displays */ @media only screen and (min-width: 120.063em) { .hide-for-small-only, .show-for-small-up, .hide-for-small, .hide-for-small-down, .hide-for-medium-only, .show-for-medium-up, .hide-for-medium, .hide-for-medium-down, .hide-for-large-only, .show-for-large-up, .hide-for-large, .hide-for-large-down, .hide-for-xlarge-only, .show-for-xlarge-up, .show-for-xxlarge-only, .show-for-xxlarge-up { display: inherit !important; } .show-for-small-only, .hide-for-small-up, .show-for-small, .show-for-small-down, .show-for-medium-only, .hide-for-medium-up, .show-for-medium, .show-for-medium-down, .show-for-large-only, .hide-for-large-up, .show-for-large, .show-for-large-down, .show-for-xlarge-only, .hide-for-xlarge-up, .hide-for-xxlarge-only, .hide-for-xxlarge-up { display: none !important; } .hidden-for-small-only, .visible-for-small-up, .hidden-for-small, .hidden-for-small-down, .hidden-for-medium-only, .visible-for-medium-up, .hidden-for-medium, .hidden-for-medium-down, .hidden-for-large-only, .visible-for-large-up, .hidden-for-large, .hidden-for-large-down, .hidden-for-xlarge-only, .visible-for-xlarge-up, .visible-for-xxlarge-only, .visible-for-xxlarge-up { position: static !important; height: auto; width: auto; overflow: visible; clip: auto; } .visible-for-small-only, .hidden-for-small-up, .visible-for-small, .visible-for-small-down, .visible-for-medium-only, .hidden-for-medium-up, .visible-for-medium, .visible-for-medium-down, .visible-for-large-only, .hidden-for-large-up, .visible-for-large, .visible-for-large-down, .visible-for-xlarge-only, .hidden-for-xlarge-up, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up { position: absolute !important; height: 1px; width: 1px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); } table.hide-for-small-only, table.show-for-small-up, table.hide-for-small, table.hide-for-small-down, table.hide-for-medium-only, table.show-for-medium-up, table.hide-for-medium, table.hide-for-medium-down, table.hide-for-large-only, table.show-for-large-up, table.hide-for-large, table.hide-for-large-down, table.hide-for-xlarge-only, table.show-for-xlarge-up, table.show-for-xxlarge-only, table.show-for-xxlarge-up { display: table; } thead.hide-for-small-only, thead.show-for-small-up, thead.hide-for-small, thead.hide-for-small-down, thead.hide-for-medium-only, thead.show-for-medium-up, thead.hide-for-medium, thead.hide-for-medium-down, thead.hide-for-large-only, thead.show-for-large-up, thead.hide-for-large, thead.hide-for-large-down, thead.hide-for-xlarge-only, thead.show-for-xlarge-up, thead.show-for-xxlarge-only, thead.show-for-xxlarge-up { display: table-header-group !important; } tbody.hide-for-small-only, tbody.show-for-small-up, tbody.hide-for-small, tbody.hide-for-small-down, tbody.hide-for-medium-only, tbody.show-for-medium-up, tbody.hide-for-medium, tbody.hide-for-medium-down, tbody.hide-for-large-only, tbody.show-for-large-up, tbody.hide-for-large, tbody.hide-for-large-down, tbody.hide-for-xlarge-only, tbody.show-for-xlarge-up, tbody.show-for-xxlarge-only, tbody.show-for-xxlarge-up { display: table-row-group !important; } tr.hide-for-small-only, tr.show-for-small-up, tr.hide-for-small, tr.hide-for-small-down, tr.hide-for-medium-only, tr.show-for-medium-up, tr.hide-for-medium, tr.hide-for-medium-down, tr.hide-for-large-only, tr.show-for-large-up, tr.hide-for-large, tr.hide-for-large-down, tr.hide-for-xlarge-only, tr.show-for-xlarge-up, tr.show-for-xxlarge-only, tr.show-for-xxlarge-up { display: table-row !important; } th.hide-for-small-only, td.hide-for-small-only, th.show-for-small-up, td.show-for-small-up, th.hide-for-small, td.hide-for-small, th.hide-for-small-down, td.hide-for-small-down, th.hide-for-medium-only, td.hide-for-medium-only, th.show-for-medium-up, td.show-for-medium-up, th.hide-for-medium, td.hide-for-medium, th.hide-for-medium-down, td.hide-for-medium-down, th.hide-for-large-only, td.hide-for-large-only, th.show-for-large-up, td.show-for-large-up, th.hide-for-large, td.hide-for-large, th.hide-for-large-down, td.hide-for-large-down, th.hide-for-xlarge-only, td.hide-for-xlarge-only, th.show-for-xlarge-up, td.show-for-xlarge-up, th.show-for-xxlarge-only, td.show-for-xxlarge-only, th.show-for-xxlarge-up, td.show-for-xxlarge-up { display: table-cell !important; } } /* Orientation targeting */ .show-for-landscape, .hide-for-portrait { display: inherit !important; } .hide-for-landscape, .show-for-portrait { display: none !important; } /* Specific visibility for tables */ table.hide-for-landscape, table.show-for-portrait { display: table; } thead.hide-for-landscape, thead.show-for-portrait { display: table-header-group !important; } tbody.hide-for-landscape, tbody.show-for-portrait { display: table-row-group !important; } tr.hide-for-landscape, tr.show-for-portrait { display: table-row !important; } td.hide-for-landscape, td.show-for-portrait, th.hide-for-landscape, th.show-for-portrait { display: table-cell !important; } @media only screen and (orientation: landscape) { .show-for-landscape, .hide-for-portrait { display: inherit !important; } .hide-for-landscape, .show-for-portrait { display: none !important; } /* Specific visibility for tables */ table.show-for-landscape, table.hide-for-portrait { display: table; } thead.show-for-landscape, thead.hide-for-portrait { display: table-header-group !important; } tbody.show-for-landscape, tbody.hide-for-portrait { display: table-row-group !important; } tr.show-for-landscape, tr.hide-for-portrait { display: table-row !important; } td.show-for-landscape, td.hide-for-portrait, th.show-for-landscape, th.hide-for-portrait { display: table-cell !important; } } @media only screen and (orientation: portrait) { .show-for-portrait, .hide-for-landscape { display: inherit !important; } .hide-for-portrait, .show-for-landscape { display: none !important; } /* Specific visibility for tables */ table.show-for-portrait, table.hide-for-landscape { display: table; } thead.show-for-portrait, thead.hide-for-landscape { display: table-header-group !important; } tbody.show-for-portrait, tbody.hide-for-landscape { display: table-row-group !important; } tr.show-for-portrait, tr.hide-for-landscape { display: table-row !important; } td.show-for-portrait, td.hide-for-landscape, th.show-for-portrait, th.hide-for-landscape { display: table-cell !important; } } /* Touch-enabled device targeting */ .show-for-touch { display: none !important; } .hide-for-touch { display: inherit !important; } .touch .show-for-touch { display: inherit !important; } .touch .hide-for-touch { display: none !important; } /* Specific visibility for tables */ table.hide-for-touch { display: table; } .touch table.show-for-touch { display: table; } thead.hide-for-touch { display: table-header-group !important; } .touch thead.show-for-touch { display: table-header-group !important; } tbody.hide-for-touch { display: table-row-group !important; } .touch tbody.show-for-touch { display: table-row-group !important; } tr.hide-for-touch { display: table-row !important; } .touch tr.show-for-touch { display: table-row !important; } td.hide-for-touch { display: table-cell !important; } .touch td.show-for-touch { display: table-cell !important; } th.hide-for-touch { display: table-cell !important; } .touch th.show-for-touch { display: table-cell !important; } /* Print visibility */ @media print { .show-for-print { display: block; } .hide-for-print { display: none; } table.show-for-print { display: table; } thead.show-for-print { display: table-header-group !important; } tbody.show-for-print { display: table-row-group !important; } tr.show-for-print { display: table-row !important; } td.show-for-print { display: table-cell !important; } th.show-for-print { display: table-cell !important; } } /* ========================================================================== Author's custom styles ========================================================================== */ body { font-family: "Assistant",Arial,sans-serif; font-weight: 300; } a:hover { text-decoration: underline; text-decoration-color: #3ae8a1; } /* Default header styles */ h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-family: "Assistant", Arial, sans-serif; font-weight: bold; } h1, .h1 { font-size: 2rem; } h2, .h2 { font-size: 1.4375rem; } h3, .h3 { font-size: 1.3125rem; } h4, .h4 { font-size: 1.125rem; } @media only screen and (min-width: 40.063em) { h1, .h1 { font-size: 3.125rem; } h2, .h2 { font-size: 2.25rem; } h3, .h3 { font-size: 2.125rem; } h4, .h4 { font-size: 1.875rem; } } p { font-weight: 300; } /*section*/ .section { width: 100%; margin-bottom: 1.25rem; } /* heading */ .page-heading { margin-bottom: 1.0rem; font-size: 2.125rem; font-weight: 700; line-height: 1; } #jobsLobby .page-heading { font-weight: 400; } #jobsLobby .page-heading:before { content: ""; display: inline-block; width: 0.1875rem; height: 0.625em; margin: 0.1875em 0 0 0.1875em; float: right; } .headline { font-family: "Assistant",Arial,sans-serif; font-size: 2.25rem; font-weight: bold; line-height: 1; padding: 1rem 0 0 0; } .headline .small { font-size: 60%; } /*p.title { font-size: 0.75rem; line-height: 1.4;}*/ p.title.large { font-size: 1.125rem; } @media only screen and (min-width: 40.063em) { .headline { font-size: 4rem; padding: 1rem 0 1rem 0; } .title > p { font-size: 1.375rem; } .title.strong > p { font-weight: bold; } } /* read more link */ .read-more:hover { /*text-decoration: underline;*/ } .read-more:after { /*font-awsome*/ display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f0d9" /*caret-left*/; padding: 0 0.5em; vertical-align: middle; } /* Panels */ .panel { position: relative; } .panel h1, .panel h2, .panel h3, .panel h4, .panel h5, .panel h6, .panel p, .panel li, .panel dl { color: inherit; } .panel.large { padding: 1.5rem 3rem; } .panel.window { padding: 0; border: 0; border-radius: 10px; } .panel.panel-fixed { width: 230px; z-index: 96; } .panel.empty { border: 0 none; margin: 0; background: none; } .panel.blank { padding: 1.25rem; margin-bottom: 1.25rem; border: 0 none; } .panel.blank.radius { border-radius: 10px; } .panel.job { padding: 0.8215rem; margin-bottom: 1.25rem; border: 0 none; } .panel.job .action { overflow: hidden; padding: 5px 6px; padding: 0.3125rem 0.375rem; border-radius: 10px; font-size: 12px; font-size: 0.75rem; font-weight: bold; position: relative; line-height: 1.5; } .panel.job .action .add-fly { position: absolute; top: 0; right: 0; visibility: hidden; } .panel.job .action .check-job { float: right; } .panel.job .action .send-cv { float: left; } .panel.job .action .send-job { float: right; } .panel.job.radius { border-radius: 8px; } .panel.job.hot .hotornot { position: absolute; left: -1px; top: -1px; cursor: default; } .panel.job.hot .hotornot.ir { width: 94px; height: 70px; background-image: url(); } .panel.default { padding: 0; margin: 0; border: 0 none; } .panel.primary { border: 0 none; margin-top: 40px /*relate to header*/; margin-top: 2rem /*relate to header*/; } .panel.primarySmall { border: 0 none; margin-top: 16px /*relate to header*/; margin-top: 1rem /*relate to header*/; } .panel.primary .header { text-align: center; font-size: 36px; font-size: 1.75rem; background: transparent; display: block; margin: -2.25rem -1.25rem 1rem; padding-right: 4px; padding-right: 0.25rem; padding-left: 4px; padding-left: 0.25rem; line-height: 1; } .headerSmall { background: #2b303a; font-size: 16px; display: block; margin: -36px -20px 10px; margin: -2.25rem -1.25rem 0.625rem; padding-right: 4px; padding-right: 0.25rem; padding-left: 4px; padding-left: 0.25rem; line-height: 1; } .panel.secondary { border-style: solid; border-width: 0 1px 1px; } @media only screen and (min-width: 40.063em) { .panel.job { padding: 0.3125rem; } .panel.job.radius { border-radius: 5px; } .panel.job .action { padding: 4px 10px; padding: 0.25rem 0.625rem; font-size: 14px; font-size: 0.875rem; font-weight: 300; } } .hr.arrow { height: 36px; background: url(/images/hr-arrow.png) no-repeat 50% 0; background-size: cover; margin: 0; z-index: 1; position: relative; border: 0 none; } /* Pagination */ ul.pagination { line-height: 1.4; } ul.pagination li { height: auto; font-size: 1.875rem; font-weight: bold; margin-right: 0.3125rem; } ul.pagination li.arrow { font-size: 3rem; } ul.pagination li > a { padding: 0.5rem; } ul.pagination li.arrow > a .fa { vertical-align: middle;font-family:FontAwesomeBold } ul.pagination li:hover a, ul.pagination li a:focus { background-color: transparent; } /*user info*/ .user-nav .user-info { float: right; font-size: 0.875rem; } .user-nav .user-login { float: right; font-size: 0.875rem; } .user-nav .user-login:before { content: "|"; display: inline; padding: 0 0.5rem; } .user-nav .user-login:after { content: "|"; display: inline; padding: 0 0.6rem; } .user-nav .upperNavLink { float: right; font-size: 0.875rem; /*margin-right: 10px;*/ } .user-nav .upperNavLink a { color: #000 !important; } .user-nav .upperNavLink.buffer:before { content: "|"; display: inline; padding: 0 0.6rem 0 0.6rem } .user-nav .user-info .fa{font-family:FontAwesomeBold} /* mobile bar */ .mobile-bar { position: fixed; height: 70px; width: 100%; z-index: 1000; } .mobile-bar .top-bar { height: 70px; width: 100%; } .mobile-bar .top-bar > header.ir { width: 131px; height: 91px; position: absolute; bottom: 0; right: 50%; margin-right: -65px; } .mobile-bar .top-bar .nav-icon { position: absolute; top: 50%; margin-top: -20px; height: 40px; padding: 0.5em; color: #fff; } .mobile-bar .top-bar .nav-icon.for-menu { left: 0.875rem; background-image: url('/images/mobile_sprite.png'); background-repeat: no-repeat; background-position: 0 0; float: right; width: 45px; height: 43px; } .mobile-bar .top-bar .nav-icon.for-search { right: 0.875rem; background: url('/images/search.png') no-repeat 0 0; float: right; width: 49px; height: 48px; } .logoLink { width: 95px; height: 65px; } /* aside bar */ .left-off-canvas-menu.aside-bar.inactive { -ms-transform: translate(-100%, 0); -webkit-transform: translate3d(-100%, 0, 0); -moz-transform: translate3d(-100%, 0, 0); -ms-transform: translate3d(-100%, 0, 0); -o-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } .left-off-canvas-menu.aside-bar { width: 95%; z-index: 98;min-height:550px } .aside-bar .user-nav { padding-top: 1.5rem; padding-bottom: 1.5rem; font-size: 1.0625rem; margin-right: 2.5rem; } .aside-bar .menu-nav { padding-top: 1.5rem; padding-bottom: 1.5rem; margin-right: 2.5rem; } .aside-bar .menu-nav .menu { margin-right: 0; list-style: none; } .aside-bar .menu-nav .menu > li { display: block; padding-bottom: 1.25rem; border-bottom: 1px solid; margin-bottom: 1.5rem; } .aside-bar .menu-nav .menu > li a { display: block; font-size: 1.5rem; font-weight: bold; color: #fff; } /* main bar min-width: 40.063em */ @media only screen and (min-width: 40.063em ) { #side_form { display: none !important; } .user-bar { } .main-bar { } .main-bar .top-bar { height: 91px; } .top-bar header { position: absolute; left: 0.625rem; } .main-menu { margin: 0; } .main-menu:before, .main-menu:after { content: " "; display: table; } .main-menu:after { clear: both; } .main-menu > li { float: right; padding: 0 0.1rem; } .main-menu > li + li { border-right: 0px solid; } .main-menu > li:hover, .main-menu > li.active, .main-menu > li:hover + li, .main-menu > li.active + li { border-color: transparent; } .main-menu > li > a { z-index: 2; position: relative; display: block; padding: 0 15px; padding: 0 0.625rem; text-align: center; font-size: 18px; font-size: 1.125rem; font-weight: 700; text-decoration: none; } .main-menu > li:hover > a, .main-menu > li.active > a { border-bottom: 8px solid #3ae8a1; } /*.main-menu > li:hover > a:before, .main-menu > li.active > a:before { content: ""; display: block; height: 0; border-right: 4px solid transparent !important; border-left: 4px solid transparent !important; border-bottom: 4px solid #3ae8a1; position: absolute; top: -4px; right: -4px; left: -4px; }*/ .main-menu > li > a > .icon { display: none; } .main-menu > li:hover > a > .icon { display: block; } .main-menu .megamenu-container { z-index: 10000; position: absolute; top: 100%; right: 0.625rem; left: 0.625rem; margin-top: -1.525rem; padding: 2.5rem; background: url() no-repeat scroll 20px 100%; background-size: 100% auto; border-radius: 5px; display: none; } .main-menu > li:hover .megamenu-container { display: block; } .mega-menu:before, .mega-menu:after { content: " "; display: table; } .mega-menu:after { clear: both; } .mega-menu { margin: 0; width: 35.75rem; } .mega-menu > li { display: block; width: 16.25rem; margin-left: 1.625rem; padding: 0.875rem 0 0.5rem; float: right; border-style: solid; border-width: 1px 0; border-color: transparent; } .mega-menu > li + li + li { margin-top: -1px; } .mega-menu > li > a { position: relative; display: block; padding: 0 0.5625rem; font-size: 1.075rem; font-weight: 700; height: 1.75rem; line-height: 1.75rem; text-decoration: none; } .mega-menu > li:hover > a, .mega-menu > li.active > a { padding-right: 0.875rem; margin-right: -0.3125rem; } .mega-menu > li:hover > a:before, .mega-menu > li.active > a:before { content: ""; display: block; width: 0.5625rem; height: 1.75rem; position: absolute; top: 0; left: -0.3125rem; } .mega-menu > li:hover > a:after, .mega-menu > li.active > a:after { content: ""; display: block; width: 0; height: 0; position: absolute; top: 0; left: -0.875rem; border-right: 0.5625rem solid; border-top: 0.875rem solid transparent !important; border-bottom: 0.875rem solid transparent !important; direction: ltr; } .mega-menu > li > a > span { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } } /* aside bottom */ .aside-bottom { position: fixed; bottom: 0; right: 0; left: 0; z-index: 97; -webkit-transition: height 0.3s; transition: height 0.3s; height: 0; text-align: center; } .aside-bottom .toggle-bottom { display: block; } .aside-bottom .toggle-bottom-button { display: block; background: #3ae8a1; color: #fff; width: 10rem; margin: 0 auto; text-align: center; padding: 0.25rem; } .aside-bottom > .header .title { padding: 0.3125rem 3.625rem; background: #3ae8a1; color: #fff; } .aside-bottom > .header .title h3 { font-size: 1.5rem; margin: 0; color: #fff; } .aside-bottom > .main { text-align: right; padding: 0 1.25rem; background: #3ae8a1; color: #fff; } .aside-bottom > .main label { } .aside-bottom > .header { } .aside-bottom > .header .button-toggle { display: inline-block; font-size: 1.125rem; line-height: 1; padding: 0 1.25rem; background: #3ae8a1; } .aside-bottom .search-info > * { display: inline-block; margin-bottom: 0; } /**bottom mobile cv****/ .aside-bottom .bottomBars { background: #3ae8a1 url('/images/mobile_sprite.png') no-repeat 16px -237px; width: 130px; height: 20px; } .aside-bottom .send { background: #3ae8a1 url('/images/mobile_sprite.png') no-repeat 0 -142px; width: 37px; height: 44px; float: left; } /*Page Footer*/ .about-footer { padding-top: 1.125rem; padding-bottom: 3rem; } .footer-about, .footer-copy { font-size: 0.875rem; } ul.footer-jobs ul { margin-right: 0; list-style: none; } ul.footer-jobs li > a { color: inherit; font-size: 0.875rem; } /* social-links-footer */ ul.social-links-footer { line-height: 1.4; margin-left: -0.625rem; margin-right: 0; } .social-links-footer > li { float: left; margin-left: 0.625rem; margin-right: 0; } ul.social-links-footer > li > a { border-radius: 50%; display: block; width: 2rem; height: 2rem; line-height: 2.25rem; font-size: 1.125rem; text-align: center; } /* footer links */ ul.footer-links { margin-right: 0; list-style: none; float: left; } .footer-links > li { font-weight: bold; } ul.footer-links > li > a { font-size: 0.9375rem; font-weight: bold; color: inherit; } .about-footer h5 { font-size: 1.3125rem; } .fa-tiktok{font-weight:normal} .social-links-footer .fa{font-weight:400!important} @media only screen and (min-width: 40.063em) { .about-footer { padding-top: 2rem; padding-bottom: 5rem; } /* social-links-footer */ ul.social-links-footer > li > a { width: 2.25rem; height: 2.25rem; line-height: 2.5rem; font-size: 1.25rem; } .footer-links { overflow: hidden; } .footer-links > li { display: inline-block; } .footer-links > li + li:before { content: "|"; display: inline-block; padding: 0 0.875rem; } ul.footer-links > li > a { font-size: 1.125rem; } .about-footer h5 { font-size: 1.125rem; } } /*partners*/ .about-partners { position: relative; margin-top: -20px; text-align: center; } .about-partners .title { display: inline-block; font-size: 1.5rem; font-weight: 700; margin: 0; padding: 0.25rem 0.9375rem; background: #3ae8a1; border-radius: 4px; line-height: 1.4; } .about-partners .partner-list-container { height: 82px; overflow: hidden; padding: 1.5rem; background: #f5f5f5; border-top: 0.25rem solid; border-color: #3ae8a1; box-shadow: inset 0px 1px 4px 0px rgba(0,0,0, 0.5); } .about-partners .partner-list-container .caroufredsel_wrapper{z-index:0!important} .partner-list { margin: 0; list-style: none; z-index: 16 !important } /* .about-partners .partner-list:before, .about-partners .partner-list:after { content: " "; display: table; }*/ .about-partners .partner-list:after { clear: both; } .about-partners .partner-list > li { display: block; float: left; margin: 0 1.5rem; } .about-partners .partner-list-container .row { height: 43px; overflow: hidden; } .about-partners h5{margin-bottom:0} @media only screen and (min-width: 40.063em) { .about-partners .partner-list-container { height: 100px; } } .page-footer { float: right; width: 100%;margin-top:24px; } .page-footer .topMargin{margin-top:50px;} @media only screen and (max-width: 40.063em) { .page-footer { float: right; width: 100%;margin-top:10px; } .about-footer { padding-top: 1.125rem; padding-bottom: 0rem; } .mobile-footer-links { margin-top: -80px; float: left; } .page-footer .linkedIn { margin: 0 15px; } } /*logo*/ .logo-main.ir { display: block; width: 202px; height: 80px; margin: 0 auto; background: url() no-repeat scroll 50% 50%; background-size: contain; } @media only screen and (max-width: 40.063em) { .logo-main.ir { display: block; width: 95px; height: 65px; margin: 0 auto; background: url() no-repeat scroll 50% 50%; background-size: contain; } } /* logo blog */ .logo-blog.ir { display: inline-block; width: 160px; height: 55px; background-image: url(); background-repeat: no-repeat; background-size: contain; } /*hp search*/ .hp-search { position: relative; } .hp-search .slider { position: relative; height: 430px; overflow: hidden; margin-bottom: 3rem; } @media only screen and (min-width: 40.063em) { .hp-search .search { position: absolute; bottom: 0; width: 100%; } } /*main header*/ .role-main > header { position: relative; width: 100%; margin-bottom: 26px; margin-bottom: 1.0rem; /*margin-top: 40px;*/ } #jobProfessionPartial .jobsHeader { position: relative; width: 100%; height: 100px; margin-bottom: 26px; margin-bottom: 1.625rem; } /**only for jobs lobby on mobile***/ @media only screen and (max-width: 40.063em) { #jobsLobby header { margin-top: 40px; } .upperPartSpace { position: relative; width: 100%; height: 70px; float: right; } } .role-main > header .intro { position: relative; } .role-main > header .about-jobs { font-size: 1.25rem; line-height: 1; } .role-main > header .about-jobs:before, .role-main > header .about-jobs:after { content: " "; display: table; } .role-main > header .about-jobs:after { clear: both; } /*.role-main > header .about-jobs dt, .role-main > header .about-jobs > :empty { display: none; } .role-main > header .about-jobs dd { margin-bottom: 0; }*/ .role-main > header .about-jobs .jobs-area { font-size: 2rem; font-weight: 700; } .role-main > header .about-jobs .jobs-count:before { content: "("; } .role-main > header .about-jobs .jobs-count:after { content: ")"; } .role-main > header h1 { font-size: 2rem; line-height: 1; margin: 0; } .role-main > header h2 { font-size: 2rem; line-height: 1; margin: 0; } .role-main > header .subheader { font-size: 1.25rem; line-height: 1; margin: 0; } /***for mobile**/ @media only screen and (max-width: 40.063em) { .role-main .introMobile { width: 100%; height: auto; } .role-main .header-container { position: absolute; top: 5rem; width: 100%; color: #fff; } .role-main .header-container h1 { color: #fff; } .role-main .header-container p { color: #fff; } .role-main > header .about-jobs {padding:0 10px; } #jobProfessionPartial .jobsHeader { position: relative; width: 100%; height: 0; margin-bottom: 26px; margin-bottom: 1.625rem; } #jobProfessionPartial .headerContainer { position: relative; width: 100%; color: #3ae8a1; font-weight: 500 !important; } #jobProfessionPartial .jobs-count { font-size: 1.8rem; line-height: 1.8rem; } #jobProfessionPartial .about-jobs .jobs-area, #jobProfessionPartial .jobs-update-date { font-size: 1.2rem; } #jobProfessionPartial h1 { font-size: 2.4375rem; line-height: 2rem; direction: rtl; color: #3ae8a1; font-weight: bold !important; } #jobProfessionPartialh2 { font-size: 2.4375rem; direction: rtl; color: #3ae8a1; } #jobProfessionPartial.subheader { font-size: 1.875rem; font-weight: bold; } .role-main > header .intro { margin: 1rem 0 2rem 0; min-height: 12.5rem; background: url() no-repeat 50% 100%; background-size: auto 12.5em; } } @media only screen and (min-width: 40.063em) { .role-main > header { margin-bottom: 30px; margin-bottom: 1.0rem; padding: 0.25rem 0; } #jobProfessionPartial #jobsHeader { margin-bottom: 44px; margin-bottom: 2.75rem; padding: 3.25rem 0 !important; } .role-main > header .intro { margin: -1.25rem 0; min-height: 22.5rem; background: url() no-repeat 0 100%; background-size: auto 22.5rem; } .role-main .header-container { position: absolute; width: 60%; top: 50%; margin-top: -132.5px; } .role-main > header .intro .header-container { position: absolute; width: 50%; } .role-main > header .jobs-count { font-size: 1.275rem; } .role-main > header .about-jobs { font-size: 1.875rem; } .role-main > header .about-jobs li { font-size: 1.875rem; } .role-main > header .about-jobs .jobs-area { font-size: 3.4375rem; } .role-main > header .about-jobs .jobs-area, .role-main > header .about-jobs .jobs-area + .jobs-count { display: inline-block; } .role-main > header h1 { font-size: 3.4375rem; direction: rtl; } .role-main > header h2 { /*font-size: 2.5rem;*/ font-size: 38px; direction: rtl; } .role-main > header .subheader { font-size: 1.875rem; } #jobProfessionPartial .headerContainer { position: relative; width: 100%; color: #3ae8a1; font-weight: 500 !important; } #jobProfessionPartial .jobs-count { font-size: 1.8rem; line-height: 1.8rem; } #jobProfessionPartial .about-jobs { } #jobProfessionPartial .about-jobs .jobs-area, /*#jobProfessionPartial .about-jobs .jobs-area + .jobs-count { display: inline-block; }*/ #jobProfessionPartial .jobs-update-date { font-size: 1.2rem; } #jobProfessionPartial h1 { font-size: 2.4375rem; line-height: 2rem; direction: rtl; color: #3ae8a1; font-weight: bold !important; } #jobProfessionPartialh2 { font-size: 2.4375rem; direction: rtl; color: #3ae8a1; } #jobProfessionPartial.subheader { font-size: 1.875rem; font-weight: bold; } } /* accordion select-box */ .accordion-select-box { border: none !important; } /**NEW***/ .accordion-select-box > .accordion-navigation { padding-bottom: 0 !important; } .tabs-content.tabs-content-select-box { border-radius: 5px; position: absolute; z-index: 1; } /*bg-content-img*/ .bg-content-img { background-image: url(); background-repeat: no-repeat; background-attachment: scroll; background-position: 0 0; background-size: 100% auto; } /*list of jobs*/ article.job h1 { font-size: 18px; font-size: 1.125rem; line-height: 1.6; border-bottom: 1px solid; } article.job .info dl { font-size: 0.9375rem; margin-bottom: 0.5rem; } article.job .info dl:after { content: ""; display: table; clear: both; } article.job .info dl dt { display: none; } article.job .info dl dd { display: inline-block; float: right; margin: 0 0 0 1rem; } article.job .info .info-data { font-weight: bold; } article.job .description { font-size: 14px; font-size: 0.875rem; position: relative; width: 90%; } article.job .description p { font-size: inherit; line-height: 1.4; margin-bottom: 0.5rem; } article.job .more .go-more { display: inline-block; } article.job .more .go-more .button { font-size: 0.75rem; font-weight: 700; margin-bottom: 0.5rem; padding: 0.125rem 0.75rem; } /*sharethis*/ .send-job ul.sharethis { display: inline-block; margin: 0; list-style: none; line-height: 1; vertical-align: middle; } .send-job ul.sharethis > li { display: inline-block; padding: 0 0.125rem; } .send-job ul.sharethis > li > a { cursor: pointer; font-size: 1.125rem; } @media only screen and (max-width: 40em) { article.job .info dl { font-size: 1.325rem; } article.job .description { font-size: 1.325rem; width: 100%; } article.job h1 { font-size: 1.5rem; font-weight: 700; } article.job .go-more { display: block; color: inherit; text-align: left; } article.job .go-more-arrow:before { /*font-awsome*/ display: inline-block; font-family: FontAwesomeRegular; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f104"; font-size: 80px; font-size: 5rem; } } @media only screen and (min-width: 40.063em) { article.job { width: 95%; margin: auto; } article.job h1 { font-size: 30px; font-size: 1.875rem; font-weight: 300; } article.job .info dl { font-size: 0.875rem; } article.job .info .info-data { font-weight: normal; } } /*main jobs*/ #hp-jobs .main-tabs { margin: 0; } #hp-jobs .main-tabs .tab-title { padding: 0; } #hp-jobs .main-tabs .tab-title > a { text-align: center; font-size: 20px; font-size: 1.25rem; line-height: 1; padding: 20px; padding: 1.25rem; height: 100%; position: relative; font-family: "Assistant",Arial,sans-serif; border-bottom: 8px solid; text-decoration: none; } #hp-jobs .main-tabs .tab-title > a:hover, #hp-jobs .main-tabs .tab-title.active > a { z-index: 2; font-weight: bold; } #hp-jobs .main-tabs .tab-title > a > .icon { display: none; } #hp-jobs .main-tabs .tab-title > a:hover > .icon, #hp-jobs .main-tabs .tab-title.active > a > .icon { display: block; } #hp-jobs .jobs-content-container { } #hp-jobs .jobs-content-container .jobs-content-profess, #hp-jobs .jobs-content-container .jobs-content-positions { position: relative; float: right; height: 24.1875rem; } #hp-jobs .jobs-content-container .jobs-content-profess { width: 38%; border-top-right-radius: 5px; border-bottom-right-radius: 5px; z-index: 1; } #hp-jobs .jobs-content-container .jobs-content-profess .title { margin: 1.0rem 0 0.5rem; font-size: 1.425rem; font-weight: 700; line-height: 1; padding: 0 0.55rem; height: 1.625rem; overflow: hidden; } #hp-jobs .jobs-content-container .jobs-content-profess .list { margin: 2.875rem -10px 3.125rem 3.375rem; list-style: none; line-height: 1; font-size: 1.25rem; height: 15.75rem; overflow: hidden; padding-right: 10px; } #hp-jobs .jobs-content-container .jobs-content-profess .list > li { position: relative; margin-left: 12px; text-align: right; } #hp-jobs .jobs-content-container .jobs-content-profess .list > li > a { display: block; font-size: 1rem; padding: 0 0.5rem 0 0; line-height: 2.25rem; height: 2.25rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; text-decoration: none; } #hp-jobs .jobs-content-container .jobs-content-profess .list > li:hover, #hp-jobs .jobs-content-container .jobs-content-profess .list > li.active { padding-right: 10px; margin-right: -10px; } #hp-jobs .jobs-content-container .jobs-content-profess .list > li:hover:before, #hp-jobs .jobs-content-container .jobs-content-profess .list > li.active:before { content: ""; display: block; width: 0; height: 0; border-right: 10px solid transparent !important; border-left: 0px solid transparent !important; border-top: 10px solid; position: absolute; top: 100%; right: 0; direction: ltr; } #hp-jobs .jobs-content-container .jobs-content-profess .list > li:hover:after, #hp-jobs .jobs-content-container .jobs-content-profess .list > li.active:after { content: ""; display: block; width: 0; height: 0; border-right: 12px solid; border-right: 0.75rem solid; border-top: 18px solid transparent !important; border-top: 1.125rem solid transparent !important; border-bottom: 18px solid transparent !important; border-bottom: 1.125rem solid transparent !important; position: absolute; top: 0; left: -12px; left: -0.75rem; direction: ltr; } #hp-jobs .jobs-content-container .jobs-content-profess .nav-list { display: block !important; height: 2.25rem; position: absolute; right: 0; left: 0; z-index: 999; } #hp-jobs .jobs-content-container .jobs-content-profess .nav-list.inactive { opacity: 0.5; } #hp-jobs .jobs-content-container .jobs-content-profess .nav-list .ir { display: block; width: 2.75rem; height: 1rem; position: absolute; top: 50%; right: 50%; margin: -0.5rem -1.375rem 0 0; background: url() no-repeat scroll 50% 0; background-size: 2.75rem 1rem; } #hp-jobs .jobs-content-container .jobs-content-profess .nav-list.prev { top: 2.875rem; } #hp-jobs .jobs-content-container .jobs-content-profess .nav-list.next { top: 21.875rem; } #hp-jobs .jobs-content-container .jobs-content-positions { width: 62%; border-top-left-radius: 5px; border-bottom-left-radius: 5px; z-index: 2; } #hp-jobs .jobs-content-container .jobs-content-positions:before { content: ""; display: block; width: 2.75rem; height: 24.1875rem; position: absolute; top: 0; right: -2.75rem; } #hp-jobs .jobs-content-container .jobs-content-positions .tabs-content { margin: 0; } #hp-jobs .jobs-content-container .jobs-content-positions .tabs-content > .content { padding: 0; } #hp-jobs .last-updated-positions .title { font-size: 1.375rem; font-weight: 700; padding: 0 0.9375rem; margin: 1.25rem 0 1.5rem; line-height: 1; height: 1.375rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } #hp-jobs .last-updated-positions .list-update { font-size: 0.875rem; line-height: 1; margin-bottom: 0; padding: 0 1.5rem; height: 17.475rem; overflow: hidden; } #hp-jobs .last-updated-positions .list-update dt { font-size: 1.35rem; font-weight: 700; margin-bottom: 0.5rem; line-height: 1.4; height: 2rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } #hp-jobs .last-updated-positions .list-update dt:before { /*font-awsome*/ display: inline-block; font-family: FontAwesomeRegular; font-style: normal; font-weight: normal; line-height: inherit; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f0d9" /*caret-left*/; vertical-align: middle; width: 1.25rem; text-align: right; } #hp-jobs .last-updated-positions .list-update .excerpt { height: 1.95rem; overflow: hidden; margin-bottom: 1rem; padding-right: 1.25rem; } #hp-jobs .last-updated-positions .show-more { padding: 0 1.375rem; } #hp-jobs .last-updated-positions .show-more > a { float: left; display: block; height: 1.5rem; padding: 0 0.75rem 0 1.5rem; font-size: 0.9375rem; line-height: 1.5rem; margin-left: 8px; margin-left: 0.5rem; position: relative; } #hp-jobs .last-updated-positions .show-more > a:after { content: ""; display: block; width: 0; height: 0; border-right: 8px solid; border-right: 0.5rem solid; border-top: 12px solid transparent !important; border-top: 0.75rem solid transparent !important; border-bottom: 12px solid transparent !important; border-bottom: 0.75rem solid transparent !important; position: absolute; top: 0; left: -8px; left: -0.5rem; direction: ltr; } /*image crop*/ .img-crop { display: block; position: absolute; top: 0; right: 50%; max-width: 2200px; margin-right: -960px; } /*job-group*/ .accordion-job-group > dd { margin-bottom: 4px !important; margin-bottom: 0.25rem !important; } .accordion-job-group > dd > a { position: relative; border-bottom: 5px solid; padding: 1rem; display: block; font-size: 17px; font-size: 1.0625rem; font-family: "Assistant",Arial,sans-serif; } .accordion-job-group > dd > a .icon { margin-left: 0.5em; } .accordion-job-group > dd > a:after { position: absolute; top: 50%; left: 3%; margin-top: -0.75rem; font-size: 1.5rem; /*font-awsome*/ display: inline-block; font-family: FontAwesomeRegular; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f0d7"; /*caret-down*/ } .accordion-job-group > dd.active > a:after { content: "\f0d8" /*caret-up*/; } .accordion-job-group > dd > .content { border: 1px solid; border-radius: 0 0 16px 16px; margin-bottom: 20px; margin-bottom: 1.25rem; } .accordion-job-group .item-group { margin: 0; list-style: none; } .accordion-job-group .item-group > li + li { border-top: 1px solid; } .accordion-job-group .item-group > li > a { display: block; padding: 8px 0; padding: 0.5rem 0; font-size: 12px; font-size: 0.75rem; color: inherit; } .accordion-job-group .item-group > li .label { float: left; } @media only screen and (max-width: 40.063em) { .accordion-job-group > dd > a { position: relative; border-bottom: 5px solid; padding: 1rem; display: block; font-size: 1.5625rem; font-family: "Assistant",Arial,sans-serif; } .accordion-job-group .item-group > li > a { display: block; padding: 8px 0; padding: 0.5rem 0; font-size: 1.375rem; color: inherit; } } @media only screen and (min-width: 40.063em) { .about-got-friends { /*border-radius: 20px;*/ } } /* HP Search job */ @media only screen and (min-width: 40.063em) { #hp-search-job .accordion .content { position: absolute; right: 10px; right: 0.625rem; left: 10px; left: 0.625rem; z-index: 103; margin-top: 2px; border-radius: 5px; } #hp-search-job .accordion .content .choose-list > li { padding-bottom: 0.5rem; } #search-job .choose-list > li { padding-bottom: 0.5rem; } } /* blog category */ .blog-category { margin-top: 30px; } .blog-category article { font-size: 0.9375rem; margin-bottom: 1.25rem; border-bottom: 1px solid; } .blog-category article figure { height: auto; display: block; width: 100%; overflow: hidden; } .blog-category article h2 { font-size: 1rem; font-weight: bold; color: #2b303a; margin-bottom: 0.5rem } .blog-category article h2 a { font-size: 1.05rem; font-weight: bold; color: #2b303a; text-decoration: none; } .blog-category article .excerpt { margin-bottom: 1rem; } .blog-category article .excerpt > :last-child { margin-bottom: 0; } .blog-category article .more { font-size: 1.125rem; font-weight: 700 } .sharePart { background: #2b303a; width: 100%; padding: 5px; float: right; margin-top: 10px; border-radius: 5px; } .sharePart a { color: #fff; font-size: 14px; float: left; } @media only screen and (min-width: 40.063em) { .blog-category .category-row { margin-bottom: 0.5rem; margin-top: 3rem; } .blog-category .panel > .category-row { padding-top: 3rem; padding-bottom: 3rem; } .blog-category article figure { margin-bottom: 1.5rem; } .blog-category article { font-size: 1rem; margin-bottom: 0; border-bottom: 0 none; } .blog-category article h2 { font-size: 1.4375rem; line-height: 1; height: 2.875rem; overflow: hidden; } .blog-category article h2 a { font-size: 1.4375rem; color: inherit; } .blog-category article .excerpt { font-size: 1rem; line-height: 1.4; height: 4.2rem; overflow: hidden; margin-bottom: 1.5rem; } .blog-category article .excerpt p { font-size: inherit; line-height: inherit; margin-bottom: 1rem; } } @media only screen and (max-width: 40.063em) { .blog-category article { font-size: 1.25rem; } .blog-category article figure img { width: 100%; } .blog-category article h2 { font-size: 1.4375rem; } .blog-category p { font-size: 1.25rem; } .blog-category article .excerpt p { font-size: 1.25rem; line-height: 1.2; } } /*HP blog carousel*/ @media only screen and (min-width: 40.063em) { #carousel-hpblog > * { display: block; float: left; text-align: right; width: 320px; padding: 0 10px; } #carouselnav-hpblog a { display: block; position: absolute; top: 50%; margin-top: -55px; font-size: 110px; /*font-awsome*/ display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-align: center; cursor: pointer; } #carouselnav-hpblog a.disabled { cursor: default; } #carouselnav-hpblog .prev { left: -55px; } #carouselnav-hpblog .prev:before { /*font-awsome*/ content: "\f104"; } #carouselnav-hpblog .next { right: -55px; } #carouselnav-hpblog .next:before { /*font-awsome*/ content: "\f105"; } } /*HP blog side*/ .blogsSide article .excerpt { margin-bottom: 0 !important; } .blogsSide .blog-category article { margin-bottom: 10px !important; border-bottom: 1px solid #ccc !important; } .blogsSide .blog-category article:last-child { margin-bottom: 10px !important; border-bottom: 0 solid #ccc !important; } .blogsSide .blog-category article .more { margin-bottom: 5px; } @media only screen and (min-width: 40.063em) { .blogsSide { border: 1px solid #ccc; border-radius: 8px; padding: 10px; } .blogsSide .more { text-align: left; } .blogsSide article figure { box-shadow: none; height: auto; } } /* BLOG post */ article.post { font-size: 0.75rem; margin-bottom: 1.25rem; color: #2b303a; } article.post ul{list-style:disc;margin-right:10px;} article.post .orangeBorderBox {padding:10px;} article.post ul li{margin-right:10px;} article.post .datetime { float: right; position: absolute; z-index: 10; margin-top: 1rem; } article.post h1 { font-size: 1.125rem; font-weight: bold; } article.post h2 { font-size: 1.75rem; font-weight: bold;float:right; } article.post .main { } article.post .figure { padding: 0.1875rem; margin-bottom: 1.25rem; } article.post .subheader { font-size: 0.9375rem; font-weight: bold; line-height: 1; margin-bottom: 1rem; } article.post .subheader p { font: inherit; line-height: inherit; } article.post p { font-size: 0.75rem; line-height: 1.4; } article.post a { color: #2b303a } @media only screen and (max-width: 40.063em) { article .post { font-size: 1.375rem; margin-bottom: 1.25rem; } article.post p { font-size: 1.375rem; line-height: 1.6;text-align:justify; } article.post .subheader { font-size: 1.3rem; margin-right: 3.5rem; } } @media only screen and (min-width: 40.063em) { article.post { font-size: 1.375rem; } article.post .datetime { margin-top: 2rem; } article.post h1 { font-size: 2.25rem; } article.post h2 { font-size: 2.25rem;width:100%; } article.post .main { padding: 2rem 3rem; border-radius: 5px; } #blogPage article.post .main { padding: 1rem 0rem 2rem 3rem; border-radius: 5px; } #blogPage article.post .main .rowBlog { padding-right: 3rem; } #blogPage article.post .main { padding: 1rem 0rem 2rem 3rem; border-radius: 5px; } #blogPage article.post .main .rowBlog { padding-right: 3rem; } #blogSpecialPage article.post .main { padding: 0rem 0rem 1rem 0rem; border-radius: 5px; } article.post .figure { padding: 0.4375rem; margin-bottom: 2.5rem; } article.post .subheader { font-size: 1.5rem; margin-right: 3.5rem; } article.post p { font-size: 1.375rem; text-align:justify;} } /* post list */ .post-list { margin-right: 0; list-style: none; } .post-list > li { padding-bottom: 0.75rem; border-bottom: 1px solid; margin-bottom: 1.25rem; } .post-list > li:last-child { margin-bottom: 0; } .post-list article { position: relative; padding-right: 3.5rem; } .post-list article h1 { font-size: 1.25rem; font-weight: bold; } .post-list article h1 a { color: inherit; } .post-list article .author, .post-list article [rel="author"] { display: block; font-size: 0.875rem; } .post-list article .datetime { position: absolute; top: 0; right: 0; } .panel > .post-list article { margin-right: -1.25rem; margin-left: -1.25rem; padding-left: 1.25rem; } /*hpLeftBanner*/ #hpLeftBanner { position: relative; } #hpLeftBanner #imgHolder { position: absolute; bottom: 0; width: 100%; padding: 0.625rem 0; } /* contact list */ .contact-list { margin-right: 0; list-style: none; font-size: 0.875rem; font-weight: bold; line-height: 1.6; } .contact-list li { margin-bottom: 0.5rem; } .contact-list li:before, .contact-list li:after { content: ""; display: table; } .contact-list li:after { clear: both; } .contact-list li .data-label { float: right; display: block; width: 30%; padding-left: 1.6em; } .contact-list li .data { float: right; display: block; width: 70%; } @media only screen and (min-width: 40.063em) { .contact-list { font-size: 1.25rem; } } /*search job*/ .job-search-form form { margin: 0; } #search-job { position: relative; z-index: 1; } #search-job .accordion dd { margin-bottom: 0.625rem !important; } #search-job button { width: 100%; color: #2b303a; margin-bottom: 40px; } #search-job button:hover { color: #fff; } @media only screen and (min-width: 40.063em) { } .job-search-form.panel.primary { height: auto; padding-bottom: 80px; background: #2b303a; color: #fff; } .search-info { margin-bottom: 0; } .search-info #jobCounter { border-radius: 50%; width: 3rem; height: 3rem; line-height: 3rem; font-size: 1.9375rem; font-weight: bold; text-align: center; display: inline-block; margin-bottom: 0.3rem; } #upload-cv { position: relative; z-index: 1; margin-top: -1.5rem; margin-right: -1.25rem; margin-left: -1.25rem; padding-right: 1.125rem; padding-left: 1.125rem; } #upload-cv .hr.arrow { margin-right: -1.125rem; margin-left: -1.125rem; } #upload-cv .upload-title { font-size: 1.911875rem; font-weight: 700; line-height: 1; margin: 0; } #upload-cv .upload-subtitle { font-size: 0.875rem; font-weight: 300; line-height: 1; } /*filter tags*/ .filter-tags > li { margin-bottom: 0.5rem; } /* jobs lobby */ .jobs-lobby > li { padding-bottom: 3.5625rem; } .jobs-lobby article { border-bottom: 9px solid; } .jobs-lobby article figure { /*height: 8.75rem;*/ overflow: hidden; margin-bottom: 1.5rem; } .jobs-lobby article figure img { min-width: 100%; } .jobs-lobby article h1 { font-size: 1.875rem; line-height: 1; font-weight: 700; height: 1.875rem; overflow: hidden; margin-bottom: 1.25rem; } .jobs-lobby article h1 a { color: inherit; } .jobs-lobby article .about { font-size: 1.125rem; font-weight: 300; line-height: 1; height: 162px; overflow: hidden; margin-bottom: 5px; } .jobs-lobby article .about > p { font-size: inherit; font-weight: inherit; line-height: inherit; margin-bottom: 1rem; } .jobs-lobby article .about > p:last-child { margin-bottom: 0; } .jobs-lobby article .about h2 { line-height: 1; font-size: 1.75rem; } .jobs-lobby article p a { font-size: 1rem; background: #2b303a; color: #3ae8a1; border: 1px solid #3ae8a1; text-decoration: none; border-radius: 15px; padding: 0 10px; } .jobs-lobby article p a:hover { background: #3ae8a1; color: #2b303a; border: 1px solid #3ae8a1; } .jobs-lobby article .all-profess { margin-bottom: 1.25rem; } .jobs-lobby article .all-profess > li { display: block; /*width: 50%;*/ float: right; padding-right: 0.5rem; padding-left: 1rem; position: relative; } .jobs-lobby article .all-profess > li:before { content: ""; display: block; width: 0.25rem; height: 0.25rem; border-radius: 50%; position: absolute; top: 50%; right: 0; margin-top: -0.125rem; } .jobs-lobby article .all-profess > li > a { display: block; font-size: 1.05rem; font-weight: 700; } .jobs-lobby article p.all { line-height: 1; font-weight: 700; } .jobs-lobby .fa-angle-left{font-weight:900; font-family:"FontAwesomeBold";} .jobs-lobby a { text-decoration: none } .jobs-lobby a:hover { text-decoration-color: #3ae8a1; text-decoration: underline } .specialBlog .careers_top { color: #4B4A4D; padding-top: 10px; margin-bottom: 26px; } .specialBlog .careers_top .title_section { font-size: 28px; font-weight: 700; line-height: 1.0909; margin-bottom: 8px; display: block; letter-spacing: 0.01em; } .specialBlog .careers_top .desc { font-size: 18px; line-height: 1.1; font-weight: 700; margin-bottom: 24px; letter-spacing: 0.021em; } .specialBlog .careers_top ul { margin-left: -16px; } .specialBlog .careers_top ul:after { content: ''; clear: both; display: table; } .specialBlog .careers_top ul > li { float: right; margin-bottom: 18px; width: 33%; padding-bottom: 0; } .specialBlog .careers_top ul > li > a { display: block; color: #2b303a; height: 34px; line-height: 34px; font-size: 19px; letter-spacing: 0.01em; padding-right: 0.01em; font-weight: 700; background-color: #3ae8a1; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; text-align: center; display: block; color: #2b303a; text-decoration: none; -webkit-transition: background 0.2s ease; -moz-transition: background 0.2s ease; -o-transition: background 0.2s ease; transition: background 0.2s ease; } .specialBlog .careers_top ul > li > a:hover, .specialBlog .careers_top ul > li > a.active { background: #2b303a; color: #3ae8a1 } /*****new for Sharon**/ .text ul.buttons{ list-style-type: none; margin-bottom: 10px;width:100%;float:right; } .text ul.buttons li a {float:right;margin-bottom:20px; text-align: right; display: block; width: 30%; margin-left:1%;color: #2b303a; height: 34px; line-height: 34px; font-size: 19px; letter-spacing: 0.01em; padding-right: 0.01em; font-weight: 700; background-color: #3ae8a1; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; text-align: center; display: block; color: #2b303a; text-decoration: none; -webkit-transition: background 0.2s ease; -moz-transition: background 0.2s ease; -o-transition: background 0.2s ease; transition: background 0.2s ease; } .text ul.buttons li a:hover, .text ul.buttons li a.active { background: #2b303a; color: #3ae8a1 } @media only screen and (max-width: 40.063em) { .text ul.buttons li a {float:right;margin-bottom:20px; text-align: center; display: block; width: 90%; color: #2b303a; height: 34px; line-height: 34px; font-size: 19px; letter-spacing: 0.01em; padding-right: 0.01em; font-weight: 700; background-color: #3ae8a1; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; text-align: center; display: block; color: #2b303a; text-decoration: none; -webkit-transition: background 0.2s ease; -moz-transition: background 0.2s ease; -o-transition: background 0.2s ease; transition: background 0.2s ease; } .specialBlog .careers_top ul > li { float: right; margin-bottom: 18px; width: 96%; padding-bottom: 0; } } /***for BlogSpecialPage**/ .specialBlog article .about { font-size: 1.125rem; font-weight: 300; line-height: 1; height: 42px; overflow: hidden; margin-bottom: 1rem; } .specialBlog .medium-block-grid-2 > li { padding-bottom: 20px } .specialBlog .all-profess { margin-bottom: 0px !important; } /*custom radio*/ input[type="radio"].custom { display: none; } input[type="radio"].custom + label { margin-right: 0; font-size: 1.125rem; font-weight: 500; } input[type="radio"].custom + label:before { content: ""; display: inline-block; vertical-align: middle; text-align: center; font-size: 62.5%; width: 1.6em; height: 1.6em; line-height: 1.6em; margin-left: 0.5em; /*font awsome*/ font-family: FontAwesome; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } input[type="radio"].custom:checked + label:before { content: "\f111"; } /*custom checkbox*/ input[type="checkbox"].custom { display: none; } input[type="checkbox"].custom + label { margin-right: 0; font-size: 1rem; font-weight: 700; } input[type="checkbox"].custom + label:before { content: ""; display: inline-block; vertical-align: middle; text-align: center; font-size: 80%; width: 1.25em; height: 1.25em; line-height: 1.25em; margin-left: 0.5em; border-radius: 0.25em; /*font awsome*/ font-family: FontAwesomeBold; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } input[type="checkbox"].custom:checked + label:before { content: "\f00c"; } .panel.job .action .check-job input[type="checkbox"].custom + label { font-size: inherit; color: inherit; } .panel.job .action .check-job input[type="checkbox"].custom + label:before { width: 2em; border-radius: 0.375em; } /*labels*/ .label { padding: 0.1875rem 0.9375rem; border-radius: 3px; } .label.date { width: 3.3125rem; padding: 0 4px /*watch :after width*/; border-radius: 5px 5px 0px 5px; text-align: center; font-family: "Assistant",Arial,sans-serif; margin-bottom: 6px /*watch :after radius*/; margin-right: -4px /*watch :after width*/; } .label.date .day { display: block; font-size: 1.5rem; font-weight: bold; } .label.date .month { display: block; font-size: 0.75rem; font-weight: bold; } .label.date .year { display: block; font-size: 0.5625rem; font-weight: normal; } .label.date:after { content: ""; display: inline-block; height: 8px; width: 4px; -moz-border-radius: 0 6px 8px 0; -webkit-border-radius: 0 6px 8px 0; border-radius: 0 6px 8px 0; border-style: solid; border-width: 2px 0px 0px 0px; position: absolute; bottom: -6px; right: 0; } .label.date.small { width: 1.375rem; padding: 0 2px /*watch :after width*/; border-radius: 2px 2px 0px 2px; margin-bottom: 2px; /*watch :after radius*/ margin-right: -2px; /*watch :after width*/ } .label.date.small .day { font-size: 0.6875rem; } .label.date.small .month { font-size: 0.375rem; } .label.date.small .year { font-size: 0.25rem; visibility: hidden; } .label.date.small:after { height: 4px; width: 2px; -moz-border-radius: 0 3px 4px 0; -webkit-border-radius: 0 3px 4px 0; border-radius: 0 3px 4px 0; border-width: 1px 0px 0px 0px; bottom: -3px; } @media only screen and (min-width: 40.063em) { .label.date { width: 6.625rem; padding: 0 8px /*watch :after width*/; margin-bottom: 12px /*watch :after radius*/; margin-right: -8px /*watch :after width*/; } .label.date .day { font-size: 3rem; } .label.date .month { font-size: 1.5rem; } .label.date .year { font-size: 1.125rem; } .label.date:after { height: 16px; width: 8px; -moz-border-radius: 0 12px 16px 0; -webkit-border-radius: 0 12px 16px 0; border-radius: 0 12px 16px 0; border-width: 4px 0px 0px 0px; bottom: -12px; } .label.date.small { width: 2.6875rem; padding: 0 4px /*watch :after width*/; border-radius: 3px 3px 0px 3px; margin-bottom: 4px; /*watch :after radius*/ margin-right: -4px; /*watch :after width*/ } .label.date.small .day { font-size: 1.375rem; } .label.date.small .month { font-size: 0.6875rem; } .label.date.small .year { font-size: 0.5rem; } .label.date.small:after { height: 8px; width: 4px; -moz-border-radius: 0 6px 8px 0; -webkit-border-radius: 0 6px 8px 0; border-radius: 0 6px 8px 0; border-width: 2px 0px 0px 0px; bottom: -6px; } } .label.tag { font-size: 15px; font-size: 0.9375rem; font-weight: bold; text-transform: uppercase; } .label.tag .remove { display: inline-block; margin-right: -8px; margin-left: 15px; } .label.tag .remove:before { /*font awsome*/ display: inline-block; font-family: FontAwesomeRegular; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f057"; } .label.item { font-size: 12px; font-size: 0.75rem; line-height: 1; margin-left: 4px; margin-left: 0.5rem; padding: 3px 14px 3px 10px; padding: 3px 0.875rem 3px 0.625rem; position: relative; border-radius: 0; } .label.item:after { content: ""; display: block; width: 0; height: 0; border-right: 4px solid; border-top: 9px solid transparent !important; border-bottom: 9px solid transparent !important; position: absolute; top: 0; left: -4px; z-index: 1; direction: ltr; } .label.category { position: relative; display: block; padding: 0.1875rem; font-size: 1.25rem; font-weight: 700; text-align: right; } .label.category > a { position: relative; display: block; padding: 0.875rem 0.875rem 0.875rem 1.25rem; color: inherit; text-decoration: none; overflow: hidden; text-overflow: ellipsis; } .label.category > a:after { content: ""; position: absolute; top: 0; bottom: 0; left: 0; width: 1.25rem; line-height: 3rem; /*font awsome*/ display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f104" /*angle left*/; } /*buttons*/ button, .button { font-family: "Assistant",Arial,sans-serif; font-weight: bold; font-size: 1rem; padding-top: 0.375rem; padding-bottom: 0.375rem; text-decoration: none !important; } button.small, .button.small { font-size: 1.25rem; padding-top: 0.75rem; padding-bottom: 0.75rem; } button.large, .button.large { font-size: 1.75rem; padding-top: 1rem; padding-bottom: 1rem; padding-right: 2.5rem; padding-left: 2.5rem; } @media only screen and (min-width: 40.063em) { button.small, .button.small { font-size: 1.5rem; } button.large, .button.large { font-size: 2.0625rem; } } button.expand, .button.expand { padding-right: 0; padding-left: 0; width: 100%; } button.shadow, .button.shadow { } button.naked, .button.naked { background: transparent; font-weight: normal; } button.link, .button.link { font-size: 1rem; text-decoration: underline; } /*forms*/ input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], textarea { font-size: 18px; font-size: 1.125rem; height: 42px; height: 2.625rem; padding: 8px 20px; padding: 0.5rem 1.25rem; border: 2px solid; } select, .select-box > a, .accordion .accordion-navigation.select-box > a { font-size: 18px; font-size: 1.125rem; height: 44px; height: 2.75rem; padding: 8px 20px; padding: 0.5rem 1.25rem; border: 2px solid; border-radius: 3px; font-family: "Assistant", Arial, sans-serif; cursor: pointer; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-decoration: none; } select.strong { font-size: 1.5rem; font-weight: bold; } .input-file { display: block; position: relative; overflow: hidden !important; padding: 2px; cursor: pointer; height: 44px; } .input-file:before, .input-file:after { content: ""; display: table; } .input-file:after { clear: both; } /*.input-file input[type="file"] { position: absolute; top: 0; left: 0; z-index: 1; font-size: 200px !important; filter: alpha(opacity=0); opacity: 0; margin: 0; padding: 0; cursor: pointer; }*/ .input-file .select { float: right; margin-top: 0.5rem; margin-bottom: 0.5rem; margin-right: 0.5rem; font-size: 1rem; font-weight: 700; padding: 0px 20px; } /*for icon*/ .input-file .file { direction: ltr; display: block; height: 2.1875rem; line-height: 2.1875rem; margin-top: 0.5rem; margin-bottom: 0.5rem; display: none; } .input-file .send { position: absolute; z-index: 2; top: 0; right: 0.5rem; } .sendForm { position: relative; padding: 0; } .sendForm .send { position: absolute; z-index: 2; top: 67px; left: 0.5rem; } .sendForm .row .row { margin-right: 0 !important; margin-left: 0 !important; } .sendForm button { color: #2b303a; margin-top: 10px; } .sendForm button:hover { color: #3ae8a1; } @media only screen and (max-width: 40em) { #sendMobileCV .mobileForm { padding: 50px 10px 30px 10px; float: right; width: 100%; } #sendMobileCV .mobileForm .sendForm .send { text-align: center; position: relative !important; top: 20px !important; z-index: 2; /*width: 100% !important;*/ } #sendMobileCV .mobileForm .sendCvMobile { width: 100%; float: right; } .sendCvMobile .button.small { font-size: 0.85rem; width: 100% } .sendCvMobile .input-file { box-shadow: none !important; background: transparent !important; border-radius: 0px !important } .sendForm .send { position: absolute; z-index: 2; top: 67px; left: 0; width: 100%; } .sendForm.column { padding: 0 } } .input-file button, .input-file .button { margin-bottom: 0; } @media only screen and (min-width: 40.063em) { .form-container.inrow input, .form-container.inrow select, .form-container.inrow button, .form-container.inrow .button { margin-bottom: 0; } } /*about-whyGF*/ .about-whyGF { } .about-whyGF .whyGF-icon { float: right; display: block; width: 7.5rem; height: 7.5rem; margin-left: 1.5rem; background: url() no-repeat scroll 50% 50%; } .about-whyGF .whyGF-content { float: right; width: 100%; padding-right: 9rem; margin-right: -9rem; } .about-whyGF .whyGF-content .title { font-size: 1.5rem; } .about-whyGF .whyGF-content p { font-size: 1.375rem; line-height: 1.4; } .about-whyGF.small .whyGF-icon { width: 5.6875rem; height: 5.6875rem; margin-left: 1.75rem; } .about-whyGF.small .whyGF-content { padding-right: 7.4375rem; margin-right: -7.4375rem; } .about-whyGF.small .whyGF-content .title { font-size: 1.25rem; } .about-whyGF.small .whyGF-content p { font-size: 1rem; } .about-whyGF.small .whyGF-content a { color: #2b303a; text-decoration: underline } /**for mobile**/ @media only screen and (max-width: 40.063em) { .about-whyGF { width: 100%; text-align: center; } .about-whyGF .whyGF-content { float: right; width: 100%; padding-right: 1rem; margin-right: -1rem; } /******/ .about-whyGF .whyGF-icon { float: right; display: block; width: 100%; height: 9rem; /*margin-left: 1.5rem;*/ margin: auto; background: url() no-repeat scroll 50% 50%; } .about-whyGF.small .whyGF-icon { width: 100%; height: 9rem; margin: auto; } .about-whyGF.small .whyGF-content { width: 100%; padding-right: 1rem; margin-right: -1rem; } .about-whyGF.small .whyGF-content a { color: #2b303a; text-decoration: underline } } /*about-applicant*/ .about-applicant { position: relative; height: 14rem; overflow: hidden; } .about-applicant a { text-decoration: none; } .about-applicant figure { height: 14rem; cursor: pointer; text-align: center; } .about-applicant .applicant-details { padding: 1.25rem; height: 14rem; overflow: hidden; } .about-applicant .applicant-details dd { margin: 0; text-align: center; font-size: 1.125rem; line-height: 1; } .about-applicant .applicant-details .name { font-size: 1.25rem; line-height: 1; } .about-applicant .applicant-details .position { font-weight: 700; font-size: 1rem; line-height: 1; } .about-applicant .applicant-details .quote { font-size: 1rem; line-height: 1; } .about-applicant .applicant-details .quote blockquote { border: 0 none; position: relative; color: inherit; line-height: 1; margin: 1rem 0 0.5rem; padding-top: 0.5rem; text-align: right; } .about-applicant .applicant-details .quote blockquote:before { content: '"'; font-size: 2.75rem; line-height: 1; position: absolute; top: 0; right: 0; opacity: 0.5; } .about-applicant .mask { position: absolute; bottom: 0; top: 100%; right: 0; left: 0; } /**FriendsPartial**/ .friend-quote blockquote { margin: 0; padding: 2rem 0 0 0; border-style: none; border-width: 0; font-size: 1.375rem; } .friend-quote figure img { width: 100%; } .friend-quote blockquote footer cite { font-family: "Assistant", Arial, sans-serif; font-weight: bold; font-size: 1.375rem; font-style: normal; } .friend-quote blockquote footer cite:before { content: none; } .friend-quote blockquote footer cite .name { font-size: 1.75rem; } .friend-quote blockquote footer cite .position:before { content: "|"; display: inline; padding: 0 0.25rem; } .friend-quote blockquote footer .cite-img { max-width: 100px; } /*about-howitworks*/ .about-howitworks { padding: 6.5rem 0; } .howitworks-details { width: 10.75rem; margin: 0 auto; text-align: center; line-height: 1.4; } .howitworks-details dd { margin: 0; } .howitworks-details .figure { margin: 1.25rem 0; } .howitworks-details .figure .howitworks-icon { display: block; width: 10.75rem; height: 10.75rem; background: url() no-repeat scroll 50% 50%; background-size: contain; } .howitworks-details .step { font-size: 3.75rem; } .howitworks-details .title { font-size: 1.75rem; font-weight: 700; } .howitworks-details .description { font-size: 1.5rem; } /*banner-wrapper*/ .banner-wrapper { position: relative; } .banner-wrapper .banner-container { position: absolute; right: 0; left: 0; top: 54px; width: 100%; } #articlePage .banner-wrapper .banner-container { position: absolute; right: 0; left: 0; top: 290px; width: 100%; } #homePage .banner-wrapper .banner-container { top: 60px } /*#searchForMobile*/ #homePage #searchForMobile{width:100%;float:right;position:relative;} #homePage #searchForMobile .left-off-canvas-menu{position:relative;left:100%;width:100%;min-height:100%;margin:0 auto;border-right:none;} #homePage .aside-bar { background: #2f333e; color: #fff; } #homePage #closeMobileSearch.closeSearch{display:none;} #homePage .linkedIn { margin-top: 0; } #agentEditPage .banner-wrapper .banner-container { position: absolute; right: 0; left: 0; top: 5rem; width: 100%; } #agentEditPage .labelCaption { font-size: 22px; } @media only screen and (min-width:40.063em) { #homePage .banner-wrapper .banner-container { top: 275px } .banner-container h1 { color: inherit; font-size: 4.5rem; margin: 0; line-height: 1; text-align: center; } } /**for mobile***/ @media only screen and (max-width: 40.063em) { #articlePage .banner-wrapper .banner-container { position: absolute; right: 0; left: 0; top: 170px; width: 100%; } .banner-container h1 { color: inherit; font-size: 2rem; margin: 0; line-height: 1; text-align: center; } #agentEditPage .banner-wrapper .banner-container { position: absolute; right: 0; left: 0; top: 1rem; width: 100%; } #contactPage .banner-wrapper { position: relative; } #contactPage .banner-wrapper iframe { height: 220px !important; } #homePage .banner-wrapper .banner-container { top: 140px } } .banner-container .title { width: 80%; margin: 0 auto; text-align: center; } .banner-container .title p { line-height: 1; } /*about us quote*/ .quote-about_us figure { float: right; width: 15.375rem; margin-left: 1.5rem; } .quote-about_us blockquote { position: relative; padding: 0; margin: 0; border: 0 none; float: right; width: 100%; padding-top: 4.75rem; padding-right: 16.875rem; margin-right: -16.875rem; } .quote-about_us blockquote:before { content: '"'; position: absolute; top: 0; right: 16.875rem; font-size: 10.75rem; line-height: 1; } .quote-about_us blockquote > p { font-size: 1.25rem; font-weight: 700; width: 100%; } .quote-about_us blockquote footer { text-align: left; } .quote-about_us blockquote cite { font-size: 1.25rem; line-height: 1; } .quote-about_us blockquote cite:before { content: none; } .quote-about_us blockquote cite .author-name, .quote-about_us blockquote cite .author-role { display: block; } /**for mobile***/ @media only screen and (max-width: 40em) { .quote-about_us blockquote { position: relative; padding: 0; margin: 0; border: 0 none; float: right; width: 100%; padding-top: 4.75rem; } .quote-about_us blockquote:before { content: '"'; position: absolute; top: 0; right: 0; font-size: 10.75rem; line-height: 1; } } /*banner agent*/ .banner-agent { position: fixed; top: 0; right: 0; left: 0; z-index: 100; padding: 1.25rem; text-align: center; display: none; } /*flip icons*/ .fa-send, .fa-paper-plane { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1); -webkit-transform: scale(-1, 1); -moz-transform: scale(-1, 1); -ms-transform: scale(-1, 1); -o-transform: scale(-1, 1); transform: scale(-1, 1); } /*helpers*/ strong, .strong, b { font-weight: bold; } /* Fix ShareThis Scroll */ #stwrapper { left: auto; right: -999px; } #stOverlay { left: auto; right: 0; } /* ========================================================================== minisite speed sourcing ========================================================================== */ meta.mq-speedsourcing-mobile { font-family: "/only screen and (max-width: 47.9375em)/"; width: 47.9375em; } .minisite-speedsourcing { font-family: Assistant,Arial,sans-serif; font-weight: normal; position: relative; display: block; width: 320px; padding: 235px 0 0; margin: 70px auto 0 auto; background: url('/images/speed-sourcing/speed-sourcing-mobile.png') scroll no-repeat 50% 0; background-size: contain; text-shadow: 2px 1px 0px rgba(0,0,0,0.4); } .minisite-speedsourcing .details { position: relative; overflow: hidden; width: 100%; padding: 24px 13px 24px 18px; background: url('/images/speed-sourcing/details-mobile.png') scroll repeat 50% 0; background-size: contain; color: #fff; } .minisite-speedsourcing .details h6 { font-family: Assistant; font-weight: normal; text-align: center; font-size: 17px; line-height: 1; color: #fff; } .minisite-speedsourcing .details .event-date { display: block; line-height: 0.6667; text-align: center; padding-right: 124px; position: relative; } .minisite-speedsourcing .details .event-date:before { content: ''; position: absolute; top: 0; right: 11px; width: 96px; height: 67px; background-image: url('/images/logo.png'); background-size: contain; } .minisite-speedsourcing .details .event-date .day { display: block; font-size: 61px; } .minisite-speedsourcing .details .event-date .time { display: block; font-size: 22px; } .minisite-speedsourcing .reg-form { margin-top: 18px; } .minisite-speedsourcing .reg-form fieldset { border: 0 none; padding: 0; margin: 0; margin: 0 0 8px; } .minisite-speedsourcing .reg-form label { line-height: 1.6; font-size: 22px; color: #fff; } .minisite-speedsourcing .reg-form input { background: none; background-color: #fff; color: #000; border: 1px solid; border-color: #fff; box-shadow: none; height: 29px; font-size: 22px; padding: 0 7px; margin: 0 0 8px; } .minisite-speedsourcing .reg-form .optional-button { display: block; width: 100%; text-align: center; } .minisite-speedsourcing button, .minisite-speedsourcing .button { font-family: Assistant; font-weight: normal; box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.5); border-radius: 5px; font-size: 16px; padding: 7px 7px 8px 7px; margin: 0 0 8px; float: none; width: 100%; } .minisite-speedsourcing button.primary, .minisite-speedsourcing .button.primary { background-color: #48361e; color: #fff; } .minisite-speedsourcing button.secondary, .minisite-speedsourcing .button.secondary { background-color: #416490; color: #fff; } .minisite-speedsourcing .reg-form .optional-button { font-size: 16px; margin-bottom: 8px; float: right; display: block; width: 58px; height: 32px; line-height: 32px; } .minisite-speedsourcing .footer { line-height: 1; text-align: center; } .minisite-speedsourcing .footer .footer-inner { font-size: 16px; display: block; padding: 13px; background-color: #f4600a; color: #fff; } .minisite-speedsourcing .footer .address { display: block; } .minisite-speedsourcing .center { text-align: center; width: 100%; color: #000; } .bottom-footer { padding: 30px 20px; background: #262626; color: #eaeaea; } @media only screen and (min-width: 48em) { .minisite-speedsourcing { width: 100%; background: url('/images/speed-sourcing/speed-sourcing.png') scroll no-repeat 50% 50%; background-size: cover; margin: 0 auto 0 auto; } .minisite-speedsourcing .details { position: absolute; top: 0; bottom: 0; left: 0; right: auto; height: 100%; background: url('/images/speed-sourcing/details.png') scroll no-repeat 50% 50%; background-size: cover; } .minisite-speedsourcing .details .event-date { padding-right: 0; } .minisite-speedsourcing .details .event-date:before { display: none; } .minisite-speedsourcing button, .minisite-speedsourcing .button { float: none; width: 100%; } .minisite-speedsourcing .reg-form .optional-button { float: none; width: 100%; height: auto; line-height: 1; } .minisite-speedsourcing .footer { position: absolute; right: 0; } .minisite-speedsourcing .footer .footer-inner { display: inline-block; } .minisite-speedsourcing .footer .address { display: inline-block; } } @media only screen and (min-width: 48em) { .minisite-speedsourcing { padding-left: 176px; } .minisite-speedsourcing .details { width: 176px; padding: 18px 18px; } .minisite-speedsourcing .details h6 { font-size: 11px; padding: 0 11px; margin: 0 0 11px 0; } .minisite-speedsourcing .details .event-date .day { font-size: 53px; } .minisite-speedsourcing .details .event-date .time { font-size: 19px; } .minisite-speedsourcing .reg-form { margin-top: 30px; } .minisite-speedsourcing .reg-form fieldset { margin: 0 0 8px; } .minisite-speedsourcing .reg-form label { font-size: 12px; } .minisite-speedsourcing .reg-form input { height: 16px; font-size: 12px; padding: 0 3px; margin: 0 0 8px; } .minisite-speedsourcing .reg-form button, .minisite-speedsourcing .reg-form .button { font-size: 12px; padding: 3px 3px 4px 3px; margin: 0 0 8px; } .minisite-speedsourcing .reg-form .optional-button { font-size: 12px; margin-bottom: 8px; } .minisite-speedsourcing .footer { bottom: 9px; left: 176px; } .minisite-speedsourcing .footer .footer-inner { font-size: 12px; padding: 7px 14px; } } @media only screen and (min-width: 64em) { .minisite-speedsourcing { padding-left: 234px; } .minisite-speedsourcing .details { width: 234px; padding: 24px 24px; } .minisite-speedsourcing .details h6 { font-size: 15px; padding: 0 15px; margin: 0 0 15px 0; } .minisite-speedsourcing .details .event-date .day { font-size: 71px; } .minisite-speedsourcing .details .event-date .time { font-size: 25px; } .minisite-speedsourcing .reg-form { margin-top: 40px; } .minisite-speedsourcing .reg-form fieldset { margin: 0 0 11px; } .minisite-speedsourcing .reg-form label { font-size: 16px; } .minisite-speedsourcing .reg-form input { height: 21px; font-size: 16px; padding: 0 4px; margin: 0 0 11px; } .minisite-speedsourcing .reg-form button, .minisite-speedsourcing .reg-form .button { font-size: 16px; padding: 4px 4px 5px 4px; margin: 0 0 8px; } .minisite-speedsourcing .reg-form .optional-button { font-size: 16px; margin-bottom: 11px; } .minisite-speedsourcing .footer { bottom: 12px; left: 234px; } .minisite-speedsourcing .footer .footer-inner { font-size: 16px; padding: 9px 19px; } } @media only screen and (min-width: 80em) { .minisite-speedsourcing { padding-left: 293px; } .minisite-speedsourcing .details { width: 293px; padding: 30px 30px; } .minisite-speedsourcing .details h6 { font-size: 18px; padding: 0 18px; margin: 0 0 18px 0; } .minisite-speedsourcing .details .event-date .day { font-size: 88px; } .minisite-speedsourcing .details .event-date .time { font-size: 32px; } .minisite-speedsourcing .reg-form { margin-top: 50px; } .minisite-speedsourcing .reg-form fieldset { margin: 0 0 13px; } .minisite-speedsourcing .reg-form label { font-size: 20px; } .minisite-speedsourcing .reg-form input { height: 27px; font-size: 20px; padding: 0 5px; margin: 0 0 13px; } .minisite-speedsourcing .reg-form button, .minisite-speedsourcing .reg-form .button { font-size: 20px; padding: 5px 5px 6px 5px; margin: 0 0 13px; } .minisite-speedsourcing .reg-form .optional-button { font-size: 20px; margin-bottom: 13px; } .minisite-speedsourcing .footer { bottom: 15px; left: 293px; } .minisite-speedsourcing .footer .footer-inner { font-size: 20px; padding: 11px 23px; } } @media only screen and (min-width: 90em) { .minisite-speedsourcing { padding-left: 330px; } .minisite-speedsourcing .details { width: 330px; padding: 34px 34px; } .minisite-speedsourcing .details h6 { font-size: 20px; padding: 0 20px; margin: 0 0 20px 0; } .minisite-speedsourcing .details .event-date .day { font-size: 99px; } .minisite-speedsourcing .details .event-date .time { font-size: 36px; } .minisite-speedsourcing .reg-form { margin-top: 56px; } .minisite-speedsourcing .reg-form fieldset { margin: 0 0 15px; } .minisite-speedsourcing .reg-form label { font-size: 22px; } .minisite-speedsourcing .reg-form input { height: 30px; font-size: 22px; padding: 0 6px; margin: 0 0 15px; } .minisite-speedsourcing .reg-form button, .minisite-speedsourcing .reg-form .button { font-size: 22px; padding: 6px 6px 7px 6px; margin: 0 0 15px; } .minisite-speedsourcing .reg-form .optional-button { font-size: 22px; margin-bottom: 15px; } .minisite-speedsourcing .footer { bottom: 17px; left: 330px; } .minisite-speedsourcing .footer .footer-inner { font-size: 23px; padding: 13px 26px; } } @media only screen and (min-width: 100em) { .minisite-speedsourcing { padding-left: 367px; } .minisite-speedsourcing .details { width: 367px; padding: 37px 37px; } .minisite-speedsourcing .details h6 { font-size: 23px; padding: 0 23px; margin: 0 0 23px 0; } .minisite-speedsourcing .details .event-date .day { font-size: 110px; } .minisite-speedsourcing .details .event-date .time { font-size: 40px; } .minisite-speedsourcing .reg-form { margin-top: 62px; } .minisite-speedsourcing .reg-form fieldset { margin: 0 0 17px; } .minisite-speedsourcing .reg-form label { font-size: 25px; } .minisite-speedsourcing .reg-form input { height: 33px; font-size: 25px; padding: 0 7px; margin: 0 0 17px; } .minisite-speedsourcing .reg-form button, .minisite-speedsourcing .reg-form .button { font-size: 25px; padding: 7px 7px 8px 7px; margin: 0 0 17px; } .minisite-speedsourcing .reg-form .optional-button { font-size: 25px; margin-bottom: 17px; } .minisite-speedsourcing .footer { bottom: 19px; left: 367px; } .minisite-speedsourcing .footer .footer-inner { font-size: 25px; padding: 14px 29px; } } @media only screen and (min-width: 120em) { .minisite-speedsourcing { padding-left: 440px; } .minisite-speedsourcing .details { width: 440px; padding: 45px 45px; } .minisite-speedsourcing .details h6 { font-size: 28px; padding: 0 28px; margin: 0 0 28px 0; } .minisite-speedsourcing .details .event-date .day { font-size: 132px; } .minisite-speedsourcing .details .event-date .time { font-size: 48px; } .minisite-speedsourcing .reg-form { margin-top: 75px; } .minisite-speedsourcing .reg-form fieldset { margin: 0 0 20px; } .minisite-speedsourcing .reg-form label { font-size: 32px; } .minisite-speedsourcing .reg-form input { height: 49px; font-size: 32px; padding: 0 7px; margin: 0 0 20px; } .minisite-speedsourcing .reg-form button, .minisite-speedsourcing .reg-form .button { font-size: 32px; padding: 7px 7px 8px 7px; margin: 0 0 20px; } .minisite-speedsourcing .reg-form .optional-button { font-size: 32px; margin-bottom: 20px; } .minisite-speedsourcing .footer { bottom: 23px; left: 440px; } .minisite-speedsourcing .footer .footer-inner { font-size: 30px; padding: 18px 36px; } } @media only screen and (min-width: 35em) { } @media print, (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) { } /* ========================================================================== Helper classes ========================================================================== */ .ir { background-color: transparent; border: 0; overflow: hidden; *text-indent: -9999px; } .ir:before { content: ""; display: block; width: 0; height: 150%; } .hidden { display: none !important; visibility: hidden; } .visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; } .invisible { visibility: hidden; } .clearfix:before, .clearfix:after { content: " "; display: table; } .clearfix:after { clear: both; } .clearfix { *zoom: 1; } /********friends lobby*******/ .friendsCvBG { background: url('/images/friendsCvBG.jpg') no-repeat 50% 50%; width: 100%; height: 570px; position: relative; background-size: cover; } #friendsFormDiv { width: 350px; margin: 80px 45% 0 200px; } #friendsFormDiv .title { font-size: 1.5rem; color: #fff; margin-bottom: 1.0rem; font-weight: bold; } #friendsFormDiv input[type="text"], #friendsFormDiv input[type="file"] { height: 2rem; margin-bottom: 0rem; color: #000; } #friendsFormDiv .inputDiv { width: 49%; float: right; margin-bottom: 1.25rem; } #friendsFormDiv .inputRight { margin-left: 2%; } #friendsLobby #friendsMiddle { background: url('/images/friendsMiddleBG.jpg') no-repeat 50% 50%; width: 100%; height: 866px; background-size: cover; } #friendsLobby .select { float: right; cursor: pointer; background: #c4c4c4; color: #4b4a4d; border-radius: 5px; box-shadow: inset 0px -8px 0px 0px rgba(0,0,0, 0.25); } #friendsLobby .button { /*margin-top: 1.0rem;*/ } #friendsLobby .field-validation-error { color: #fff; height: 10px; /*margin-top: -10px;*/ } #friendsLobby .field-validation-valid { color: #fff; height: 10px; } #friendsLobby .link a { color: #fff; font-weight: bold; } #friendsLobby .banner { width: 100%; } #friendsLobby .g-recaptcha { transform: scale(0.9); -webkit-transform: scale(0.9); transform-origin: 0 0; -webkit-transform-origin: 0 0; } #friendsLobby .friendsText { width: 100%; padding: 10px 0 0 0; font-size: 30px; font-weight: bold; text-align: center; margin-top: -90px; } #friendsLobby .friendsText p { margin-bottom: 0; font-weight: 700; } #friendsLobby .introBannerHigh { height: 350px; width: 100%; background: #343434 url() no-repeat top center; } #friendsLobby.previousEmployees{margin-bottom:-50px; } #friendsFormDiv.previousEmployees { width: 350px; margin: 200px 43% 0 200px; margin-bottom:-50px;} #friendsFormDiv.previousEmployees { width: 350px; margin: 200px 43% 0 200px; } #friendsFormDiv.previousEmployees .title { font-size: 1.5rem; color: #fff; margin-bottom: 1.0rem; font-weight: bold; } #friendsFormDiv.previousEmployees input[type="text"], #friendsFormDiv input[type="file"] { height: 2rem; margin-bottom: 0rem; color: #000;background:#fff; } #friendsFormDiv.previousEmployees .inputDiv { width: 100%; float: right; margin-bottom: 1.25rem; } #friendsFormDiv.previousEmployees .linkedIn {border:1px solid #3ae8a1} #friendsFormDiv.previousEmployees .popupLinkedInOpen{width: 120px;height: 23px;margin-left:15px;margin-right: 15px;} .previousEmployees .friendsCvBG { background: no-repeat 50% 50%; width: 100%; height: 600px; background-size: cover; } .previousEmployees .previousBG { background-position:center;background-repeat:no-repeat; width: 100%; height: 1000px; background-size: cover; } .previousEmployees .introBannerHigh { height: 400px; width: 100%; background: #343434 url() no-repeat top center;background-size: cover; } /**for mobile**friendsFormMobileBG*/ @media only screen and (max-width: 40em) { #friendsLobby .introBannerHigh {/* height: 600px;*/ height:425px; width: 100%; background: #343434 url() no-repeat top center; } #friendsLobby #friendsMiddle { background: url('/images/friendsMiddleBGMobile.jpg') no-repeat 50% 50%; width: 100%; background-size: 100% auto; min-height: 150px;height:1050px } #friendsFormDiv { width: 100%; margin: 70px 0 0 0; } #friendsLobby .banner { width: 100%; height: auto; } #friendsLobby .friendsText { background: #eee; width: 100%; padding: 10px 0; font-size: 30px; font-weight: bold; text-align: center; margin-top: -2px; } #friendsLobby .friendsText p { margin-bottom: 0; font-weight: 700; font-size: 20px; line-height: 22px; } #friendsLobby .friendsCvBG { background:#2c303b no-repeat 50% 50%; width: 100%; height: 600px; background-size: cover; } .friend-quote figure{text-align:center;} .friend-quote figure img{width:50%;} .previousEmployees .friendsCvBG { background:#2c303b; width: 100%; height: auto; position: relative; } .previousEmployees .previousBG { background-position:center;background-repeat:no-repeat; width: 100%;height:780px; position: relative;background-size: cover; } .previousEmployees .introBannerHigh { height: 300px; width: 100%; background: #343434 url() no-repeat top center; } #friendsFormDiv.previousEmployees{width: 90%;margin:auto;} .topMargin{margin-top:0} } /* ========================================================================== Print styles ========================================================================== */ @media print { * { background: transparent !important; color: #000 !important; box-shadow: none !important; text-shadow: none !important; } a, a:visited { text-decoration: underline; } a[href]:after { content: " (" attr(href) ")"; } abbr[title]:after { content: " (" attr(title) ")"; } .ir a:after, 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; } @page { margin: 0.5cm; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } } /***Breadcrumbs****/ .breadcrumbs { margin-right: 0 !important; display: block; width: 100%; text-align: right; margin-bottom: 10px; color: #2b303a; list-style: none; } .breadcrumbs li { float: right; } .breadcrumbs a { text-decoration: none; color: #2b303a; line-height: 20px; margin-left: 3px; } .breadcrumbs a:hover { text-decoration: underline; } .breadcrumbs .icon { font-size: 20px; margin-left: 3px; } .breadcrumbs li strong { line-height: 30px; margin-top: 5px; } @media screen and (max-width: 768px) { /**hide in small screens**/ .breadcrumbs { display: none; } } /****from theme*/ body { background: #fff; color: #2b303a; } /* Default header styles */ h1.primary, h2.primary, h3.primary, h4.primary, h5.primary, h6.primary { color: #3ae8a1; } /*color*/ .color-primary, article a { color: #2b303a; text-decoration: underline; } footer .color-primary { color: #3ae8a1; text-decoration: none; } /*image*/ img.round { -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } /* heading */ .page-heading { color: #4b4a4d; } #jobsLobby .page-heading:before { background: #3ae8a1; } p.headline { color: #000; text-shadow: 0px 0.06em 0px rgba(0,0,0,0.25); } .title.strong > p { color: #000; } /* read more link*/ .read-more { color: #2b303a; } .shadow { box-shadow: 0px 10px 20px -8px rgba(0,0,0,0.5); } .shadowBlack { box-shadow: 0px 10px 20px -8px rgba(0,0,0,0.6); z-index: 4; } /***was 20*/ /*panels*/ .panel.shadow { box-shadow: 0px 10px 20px -8px rgba(0,0,0,0.5); } .panel.window { box-shadow: inset 1px 1px 1px 1px rgba(0,0,0,0.5); } section .panel.default { background: #f5f5f5; } .panel.blank { background: #2b303a; } .panel.job { background: #fff; box-shadow: 0px 5px 10px -5px #828282; } .panel.job .action { background: #2b303a; color: #fff; } .panel.job .action a { color: #fff; } .panel.job.hot { background: #3ae8a1; color: #fff; } .panel.job.hot .hotornot.ir { background-image: url('/images/hama.png'); } .panel.job.hot .action { background: #fff; color: #2b303a; } .panel.job.hot .action a { color: #2b303a; } .panel.primary { background: #2b303a; color: #fff; } .panel.primary .header { text-shadow: 1px 0px 5px #2b303a, 2px 0px 4px #2b303a, 3px 0px 3px #2b303a, 4px 0px 2px #2b303a, 5px 0px 1px #2b303a, -1px 0px 5px #2b303a, -2px 0px 4px #2b303a, -3px 0px 3px #2b303a, -4px 0px 2px #2b303a, -5px 0px 1px #2b303a, 0px 1px 5px #2b303a, 0px 2px 4px #2b303a, 0px 3px 3px #2b303a, 0px 4px 2px #2b303a, 0px 5px 1px #2b303a, 0px -1px 5px #2b303a, 0px -2px 4px #2b303a, 0px -3px 3px #2b303a, 0px -4px 2px #2b303a, 0px -5px 1px #2b303a; color: #fff; } html.lt-ie10 .panel.primary .header { background: #2b303a; } .hr.arrow.primary { background-image: url('/images/hr-arrow-primary.png'); } .panel.secondary { background-color: #faf9f9; border-color: #e4e4e4; box-shadow: 0px 4px 4px -1px #adadad; } .panel.quote { background-color: #f1f1f1; } /* Pagination */ ul.pagination li > a { color: #2b303a; } ul.pagination li.current > a { background-color: transparent; color: #3ae8a1; } ul.pagination li.current a:hover, ul.pagination li.current a:focus { background-color: transparent; } ul.pagination li.arrow > a { color: #3ae8a1; } ul.pagination li.unavailable a { color: #828282; } ul.pagination li.arrow.unavailable a { color: #eee; } /* accordion */ .accordion .content { background: #fff; color: #2b303a; box-shadow: 0 0 20px 4px rgba(0,0,0,0.5); } /*user info*/ /*.user-nav { color: #fff; }*/ /*.user-nav .user-login a { color: #cbcbcb; }*/ /*logo*/ .logo-main.ir { background-image: url('/images/logo.png'); } @media only screen and (max-width: 40.063em ) { .logo-main.ir { background-image: url('/images/logo.png'); } } /* mobile bar */ .mobile-bar { background: #f5f4f4; background: -moz-linear-gradient(top, #fcfcfc 0%, #f5f4f4 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcfcfc), color-stop(100%,#f5f4f4)); background: -webkit-linear-gradient(top, #fcfcfc 0%,#f5f4f4 100%); background: -o-linear-gradient(top, #fcfcfc 0%,#f5f4f4 100%); background: -ms-linear-gradient(top, #fcfcfc 0%,#f5f4f4 100%); background: linear-gradient(to bottom, #fcfcfc 0%,#f5f4f4 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#f5f4f4',GradientType=0 ); border-bottom: 1px solid #ffffff; box-shadow: 0px 5px 8px 0px rgba(0,0,0,0.25); } .mobile-bar:after { border-color: #fff; background: #f5f5f5; box-shadow: 0px 5px 8px 0px rgba(0,0,0,0.25); } .mobile-bar .top-bar { background: none; } /* aside bar */ .aside-bar { background: #2d2d2d; color: #fff; } .aside-bar .menu-nav .menu > li { border-bottom-color: #9a9a9a; } .aside-bar .menu-nav .menu > li a.active { color: #3ae8a1; } .aside-bar .menu-nav .menu .lastActive a { color: #3ae8a1; } /* main bar min-width: 40.063em*/ @media only screen and (min-width: 40.063em ) { .main-bar { background: #fff; } .main-bar .top-bar { background: none; } .main-menu > li + li { border: none } .main-menu > li > a { color: #323232; padding-top: 5px; padding-bottom: 5px; } .main-menu > li:hover > a, .main-menu > li.active > a { color: #2b303a; } /*** lastActive*/ .main-menu > li.lastActive > a { color: #2b303a; background-color: #3ae8a1; border-radius: 26px; } .main-menu > li.lastActive > a:hover { color: #fff; border-bottom: none; border-width: 0px; } /*.mega-menu > li.lastActive a { background-color: #3ae8a1; width: 100px; border-radius: 10px }*/ .main-menu > li:hover > a:before, .main-menu > li.active > a:before { border-color: #3ae8a1; border-width: 5px; } .main-menu > li.lastActive a:before { border-bottom: none; border-width: 0px; } .main-menu .megamenu-container { background-color: #fff; box-shadow: 0 0 20px 4px rgba(0,0,0,0.5); } .mega-menu > li + li + li { border-color: #d8d8d8; } .mega-menu > li > a { color: #262626; } .mega-menu > li:hover > a, .mega-menu > li.active > a { background-color: #262626; color: #fff; } .mega-menu > li:hover > a:before, .mega-menu > li.active > a:before { background-color: #3ae8a1; } .mega-menu > li:hover > a:after, .mega-menu > li.active > a:after { border-color: #3ae8a1; } } /*main header*/ @media only screen and (min-width: 40.063em) { .role-main > header { background: url('/images/mainHeader.png') repeat-y scroll 50% 50%; color: #fff; box-shadow: 0px 1px 8px 1px #c7c7c7, inset 0px 6px 10px -4px #979797; } #jobProfessionPartial #jobsHeader { background: url('/images/mainHeader.png') repeat-y scroll 50% 50%; height: 100px; color: #fff; box-shadow: 0px 1px 8px 1px #c7c7c7, inset 0px 6px 10px -4px #979797; } .role-main .upperHeader { padding: 2rem 0; background: url('/images/mainHeader.png') repeat-y scroll 50% 50%; color: #fff; box-shadow: 0px 1px 8px 1px #c7c7c7, inset 0px 6px 10px -4px #979797; } .role-main > header h1 { color: #fff; } .role-main > header h2 { color: #fff; } .role-main > header .subheader { color: #fff; } } /**for mobile**/ @media only screen and (max-width: 40.063em) { #jobProfessionPartial #jobsHeader { background-size: contain; height: 0px !important; margin-bottom: 10px !important; box-shadow: 0px 1px 8px 1px #c7c7c7, inset 0px 6px 10px -4px #979797; } } /*Page Footer*/ .about-footer { background: #262626; color: #eaeaea; } .about-footer h1, .about-footer h2, .about-footer h3, .about-footer h4, .about-footer h5, .about-footer h6 { color: #3ae8a1; } #created { width: 100%; padding: 1rem 0; background: #f5f5f5; color: #000; text-align: center; font-size: 1rem; } #created a { color: #000; } @media only screen and (max-width: 40.063em) { #created { width: 100%; padding: 1rem 0 1rem 0; background: #f5f5f5; color: #000; text-align: center; font-size: 1rem; } } /* social-links-footer */ ul.social-links-footer > li > a { background: #626262; color: #fff; } /* footer links */ .footer-links > li { color: #3ae8a1; } /* logo blog */ .logo-blog.ir { background-image: url('/images/logo-blog.png'); margin-bottom: 10px; } /*hp search*/ .hp-search .slider { box-shadow: 0px 20px 36px -8px rgba(0,0,0,0.8); } /* accordion select-box */ .tabs-content.tabs-content-select-box { background: #fff; } /*list of jobs*/ article.job h1 { border-bottom-color: #b9b9b9; } .panel.hot article.job h1 { border-bottom-color: #f99d67; color: #fff; } .panel.job article.job .info { color: #a9a9a9; } .panel.job article.job .info dl > dd:first-child { color: #3ae8a1; } .panel.job.hot article.job .info { color: #fff; } .panel.job.hot article.job .info dl > dd:first-child { color: #fff; } /*sharethis*/ .send-job ul.sharethis > li > a { color: #eee; } .add-fly { /*font-awsome*/ font-size: 32px; font-size: 2rem; display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #eee; /*rtl flip horizontal*/ filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1); -webkit-transform: scale(-1, 1); -moz-transform: scale(-1, 1); -ms-transform: scale(-1, 1); -o-transform: scale(-1, 1); transform: scale(-1, 1); } .add-fly:before { content: "\f1d8"; } /*contact*/ .panel.contact-us { background: url('/images/bg-contact.png') no-repeat scroll -4px 100%, url('/images/bg-p-l.png') no-repeat scroll 70% 48%, url('/images/bg-p-r.png') no-repeat scroll 40% 52%; background-color: #faf9f9; } /*main jobs*/ #hp-jobs .main-tabs .tab-title > a { background: #f0efef; box-shadow: inset 0px 0px 8px 1px #e8e8e8; color: #2b2a2c; border-color: transparent; } #hp-jobs .main-tabs .tab-title > a:hover, #hp-jobs .main-tabs .tab-title.active > a { border-color: #3ae8a1; box-shadow: 0px 0px 26px -4px #000; } #hp-jobs .jobs-content-container .jobs-content-profess { background: #f5f4f4; } #hp-jobs .jobs-content-container .jobs-content-profess .list > li > a { color: #121212; } #hp-jobs .jobs-content-container .jobs-content-profess .list > li:hover, #hp-jobs .jobs-content-container .jobs-content-profess .list > li.active { background: #3ae8a1; } #hp-jobs .jobs-content-container .jobs-content-profess .list > li:hover:before, #hp-jobs .jobs-content-container .jobs-content-profess .list > li.active:before { border-color: #2b303a; } #hp-jobs .jobs-content-container .jobs-content-profess .list > li:hover:after, #hp-jobs .jobs-content-container .jobs-content-profess .list > li.active:after { border-color: #3ae8a1; } #hp-jobs .jobs-content-container .jobs-content-profess .list > li:hover > a, #hp-jobs .jobs-content-container .jobs-content-profess .list > li.active > a { color: #000; } #hp-jobs .jobs-content-container .jobs-content-profess .nav-list { background: #dbdbdb; color: #000; } #hp-jobs .jobs-content-container .jobs-content-profess .nav-list.prev .ir { background-image: url('/images/nav-list-up.png'); } #hp-jobs .jobs-content-container .jobs-content-profess .nav-list.next .ir { background-image: url('/images/nav-list-down.png'); } #hp-jobs .jobs-content-container .jobs-content-positions { background: #f2f2f2; } #hp-jobs .jobs-content-container .jobs-content-positions:before { background: url('/images/bg-content-positions.png') no-repeat scroll 0 50%; } #hp-jobs .last-updated-positions .list-update dt { color: #3ae8a1; } #hp-jobs .last-updated-positions .list-update .excerpt { color: #2b303a; } #hp-jobs .last-updated-positions .list-update dt a { color: #2b303a; } #hp-jobs .last-updated-positions .show-more > a { background: #2b303a; color: #fff; } #hp-jobs .last-updated-positions .show-more > a:after { border-color: #2b303a; } /*job-group*/ .accordion-job-group > dd > a { background: #f8f8f8; background: -moz-linear-gradient(top, #f8f8f8 0%, #e3e3e3 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e3e3e3), color-stop(100%,#e3e3e3)); background: -webkit-linear-gradient(top, #f8f8f8 0%,#e3e3e3 100%); background: -o-linear-gradient(top, #f8f8f8 0%,#e3e3e3 100%); background: -ms-linear-gradient(top, #f8f8f8 0%,#e3e3e3 100%); background: linear-gradient(to bottom, #f8f8f8 0%,#e3e3e3 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f8', endColorstr='#e3e3e3',GradientType=0 ); color: #2b2a2c; box-shadow: inset 0px 1px 3px 0px #eee; border-bottom-color: #bbb; } .accordion-job-group > dd.active > a { border-bottom-color: #3ae8a1; } .accordion-job-group > dd > .content { border-color: #e5e5e5; box-shadow: 0px 1px 1px 0px #a2a2a2; } .accordion-job-group .item-group > li + li { border-top-color: #b9b9b9; } /* got friends */ /*got friends*/ .got-friends { background: url('/images/bottomBigBanner.png') no-repeat top center; background-size: cover; padding: 6.5rem 0; width: 100%; height: 450px; } .about-got-friends { height: 100%; width: 100%; float: right; text-align: center; } .about-got-friends .subTitle { font-size: 1.5rem; } #bottomBannerLink { margin: auto; width: 100%; margin-top: 24%; } #bottomBannerLink .button { background: #3ae8a1; color: #000; border-radius: 25px; height: 32px; font-size: 1rem; float: none; } /* blog category */ .blog-category article { border-bottom-color: #929292; } .blog-category article figure { width: 100%; /*box-shadow: 0px 15px 10px -15px #989898;*/ } .blog-category article h1 { color: #000; } .blog-category article p { color: #2c2c2c; } #blogFriends .blog-category article figure { /*height:290px;*/ } #blogFriends .blog-category article figure img { width: 100%; } /*HP blog carousel*/ @media only screen and (min-width: 40.063em) { #carouselnav-hpblog a { color: #bbb; } #carouselnav-hpblog a.disabled { color: rgba(187,187,187,0.1); } } /* BLOG post */ article.post .figure { background: #fff; /*box-shadow: 0px 2px 10px 0px #b3b3b3;*/ } article.post .subheader { color: #2b303a; } article.post p, article.post h2 { color: #2b303a; } article.post h1 { color: #2b303a; } @media only screen and (min-width: 40.063em) { article.post h1 { background: #fff; } /*article.post .main { background: #faf9f9; }*/ } /* post list */ .post-list > li { border-bottom-color: #3c3c3c; } .post-list article h1 { color: #fff; } .post-list article .author, .post-list article [rel="author"] { color: #bababa; } /* contact list */ .contact-list li .data-label { color: #fff; } .contact-list li .data { color: #fff; } .contact-list li .data a { color: #fff; } /* jobs lobby */ .jobs-lobby article { border-color: #e2e2e2; } .jobs-lobby article h1 a { color: #2a2a2a; } .jobs-lobby article figure { box-shadow: 0 1.125rem 1.125rem -1rem #000; } .all-profess > li:before { background: #3ae8a1; } .all-profess > li > a { color: #000; } /*custom radio*/ input[type="radio"].custom + label { color: #7c7c7c; } input[type="radio"].custom:checked + label { color: #080808; } input[type="radio"].custom + label:before { background: #c6c6c6; color: #080808; border-radius: 50%; } /*custom checkbox*/ input[type="checkbox"].custom + label { color: #7c7c7c; } input[type="checkbox"].custom:checked + label { color: #080808; } input[type="checkbox"].custom + label:before { background-color: #e4e4e4; color: #2b303a; border-color: #fff; box-shadow: inset 0px 1px 2px 0px #b8b8b8; } .panel.job .action .check-job input[type="checkbox"].custom + label:before { background-color: #fff; color: #3ae8a1; border-color: #fff; } .panel.job.hot .action .check-job input[type="checkbox"].custom + label:before { background-color: #cbcbcb; color: #3ae8a1; border-color: #cbcbcb; } /*labels*/ .label { background: #e9e9e9; color: #757575; } .label.date { background: #3ae8a1; color: #fff; } .label.date:after { background: #262626; border-color: #3ae8a1; } .label.tag .remove:before { color: #000; } .label.item { background: #3ae8a1; color: #fff; } .label.item:after { border-color: #3ae8a1; } .label.category { background: #fff; color: #000; box-shadow: 0px 1px 3px 1px #e5e5e5; } .label.category > a { border-radius: 3px; background: #e9e9e9; background: -moz-linear-gradient(top, #ffffff 0%, #e9e9e9 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e9e9e9)); background: -webkit-linear-gradient(top, #ffffff 0%,#e9e9e9 100%); background: -o-linear-gradient(top, #ffffff 0%,#e9e9e9 100%); background: -ms-linear-gradient(top, #ffffff 0%,#e9e9e9 100%); background: linear-gradient(to bottom, #ffffff 0%,#e9e9e9 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e9e9e9',GradientType=0 ); } .label.category > a:after { color: #e65b09; } /*forms*/ input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], input[type="file"], textarea { border: 2px solid #fff; border-radius: 10px; color: #2b303a; } select, .select-box > a, .accordion .accordion-navigation.select-box > a { background: #e8e8e8; background: url('/images/select.png'); background: url('/images/select.png'), -moz-linear-gradient(top, #ffffff 0%, #e8e8e8 100%); background: url('/images/select.png'), -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e8e8e8)); background: url('/images/select.png'), -webkit-linear-gradient(top, #ffffff 0%,#e8e8e8 100%); background: url('/images/select.png'), -o-linear-gradient(top, #ffffff 0%,#e8e8e8 100%); background: url('/images/select.png'), -ms-linear-gradient(top, #ffffff 0%,#e8e8e8 100%); background: url('/images/select.png'), linear-gradient(to bottom, #ffffff 0%,#e8e8e8 100%); background-repeat: no-repeat,repeat; background-position: 3% 50%, 0 0; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e8e8e8',GradientType=0 ); border-color: #fff; box-shadow: 0px 1px 2px 1px #dadada; color: #4b4a4d; } select:hover, .select-box > a:hover, .accordion .accordion-navigation.select-box > a:hover { background-image: url('/images/select.png'); background-image: url('/images/select.png'), -webkit-linear-gradient(top, #ffffff 0%, #e8e8e8 100%); background-image: url('/images/select.png'), linear-gradient(to bottom, #ffffff 0%, #e8e8e8 100%); background-repeat: no-repeat,repeat-x; background-position: 3% 50%, 0 0; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e8e8e8', GradientType=0); border: 2px solid #fff; box-shadow: 0px 1px 2px 1px #dadada; } select:focus, .select-box > a:focus, .accordion .accordion-navigation.select-box > a:focus { outline-color: transparent; } .select-box.active > a, .accordion .accordion-navigation.select-box.active > a { background-image: url('/images/select-active.png'); background-image: url('/images/select-active.png'), -webkit-linear-gradient(top, #ffffff 0%, #e8e8e8 100%); background-image: url('/images/select-active.png'), linear-gradient(to bottom, #ffffff 0%, #e8e8e8 100%); background-repeat: no-repeat,repeat-x; background-position: 3% 50%, 0 0; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e8e8e8', GradientType=0); color: #3ae8a1; } .input-file { background: #fff; border-radius: 10px; margin-top: 10px; } .input-file .input[type="file"] { border: none; padding: 0; } .input-file .select { color: #2b303a; border-radius: 10px; } /* buttons */ /*button, .button { background-color: #3ae8a1; border-color: transparent; color: #2b303a; border-radius: 20px; font-size: 1.1rem; } duplicate*/ .hot .button { background-color: #fff; border-color: #3ae8a1; color: #3ae8a1; border-radius: 20px; } button.invert, .button.invert { background: #2b303a; } button.naked, .button.naked { color: #000; } button.link, .button.link { color: #000; } button.transparent, .button.transparent { background: none; background-color: transparent; color: #fff; box-shadow: inset 0px 0px 0px 1px #fff; } /*about-whyGF*/ .about-whyGF .whyGF-icon { /*background-color: #3ae8a1;*/ border-radius: 50%; } /*about-applicant*/ .about-applicant .applicant-details { background: #000; background: rgba(0,0,0,0.5); color: #fff; } /*about-howitworks*/ .about-howitworks { background: rgba(0,0,0,0.8); color: #fff; } /*banner-wrapper*/ .banner-container { color: #fff; } /*about us quote*/ .quote-about_us blockquote { color: #000; } .quote-about_us blockquote:before { color: #969797; } .quote-about_us blockquote footer { color: #5a5a5a; } /*banner agent*/ .banner-agent { background: url('/images/bg-banner-agent.png') repeat scroll 0 0; background-color: #000; } /* Specifics Override */ #upload-cv { background-image: -webkit-linear-gradient(top, #1a1a1a 0%, #2b303a 100%); background-image: linear-gradient(to bottom, #1a1a1a 0%, #2b303a 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1a1a1a', endColorstr='#2b303a', GradientType=0); color: #fff; } .search-info #jobCounter { background: #3ae8a1; color: #fff; } /**FriendsPartial**/ .friend-quote blockquote { color: #2b303a; } .friend-quote blockquote cite { color: #2b303a; } /***from GotFriends***/ button:focus { outline: 0; } *:focus { outline: 0; } .bold { font-weight: bold; } .cursor { cursor: pointer; } .cursorDefault { cursor: default !important; } .none { display: none; } .red { color: red; } /**editor styles**/ .orangeText { color: #2b303a; } .orangeBold { color: #2b303a; font-weight: bold; } .orangeBorderBox { border: 1px solid #3ae8a1; background: #fff; width: 100%; float: right; } .text18 { font-size: 18px; } .text20 { font-size: 20px; } .text26 { font-size: 26px; } /**additional css***/ .logofBtn { background: #f4f5f4; color: #000; border: none; top: 0px !important; } /***sitemap**/ #sitemap .home a { color: #3ae8a1; font-size: 24px; } #sitemap .level0 a { color: #3ae8a1; font-size: 20px; } #sitemap .level1 a { color: #333; font-size: 18px; } #loadingDiv { position: fixed; z-index: 1000; width: 100%; height: 100px; text-align: center; top: 50%; } /***search alert***/ #alertWrapper { width: 200px; height: 50px; float: right; padding: 20px; position: absolute; top: 140px; left: 50%; margin-left: -100px; border-bottom: 3px solid #3ae8a1; box-shadow: 0px 0px 26px -4px #000; background: #eee; z-index: 9800; color: #333; } /*.close { background: url('/images/closePopup.png') no-repeat top left; width: 40px; height: 40px; margin: -30px 0 0 -30px; float: left; cursor: pointer; }*/ .sendCvThanks { background: url('/images/sendCvThanks.png') no-repeat top left; width: 320px; height: 300px; float: right; } #mobile-search li { text-align: right; } #popupForm { padding: 20px; width: 400px; height: 250px; background: #eee; border: 1px solid #3ae8a1; } /****cv popup**********/ .popupForgot {position:relative; background: #2b303a;margin:auto; z-index: 98; width: 600px; height: 400px; padding: 40px 70px 25px 25px; color: #555 !important; } .popupTalentBG { background: none; z-index: 98; width: 680px; height: 520px; padding: 5px 25px 25px 25px; float: right; color: #555 !important; } .popupTalentBG .popupImage { width: 750px; height: auto; } #popupFacebook { background: url('/images/popFacebookBG.png') no-repeat top left; width: 710px !important; height: 310px; float: right; padding: 260px 25px 0 40px; } #PopupForgotPassword .popupForgot .close_btn { width: 2.4375em; height: 2.4375em; border-radius: 50%; position: absolute; right: 100%; bottom: 100%; z-index:10000; background: url('/images/About/icon-close.png') no-repeat center center #3AE8A1; left: auto; top: -25px; margin-right: 0; background-size: 0.875em; } /**popup agent**/ #popupJobsPageAgent .facebookLogin { background: url('/images/btnFacebook.png') no-repeat 0 0; float: right; width: 293px; height: 58px; cursor: pointer; border: none; } #popupJobsPageAgent .registerButton { background: url('/images/btnRegister.png') no-repeat 0 0; float: right; width: 300px; height: 58px; cursor: pointer; border: none; } #popupJobsPageAgent { background: url('/images/popupAgentBG.png') no-repeat top left; width: 710px; height: 570px; padding: 400px 55px 50px 55px; float: right; } .popupSection .title { font-size: 2.7rem; color: #fff; } .popupSection .subTitle { font-size: 1.2rem; color: #fff; } .popupSection .text { font-size: 1.0rem; line-height: 1.3; margin-bottom: 1.5rem; color: #fff; } .popupSection .textWhite { font-size: 26px; line-height: 1.3; margin-bottom: 0.5rem; color: #fff; font-weight: bold; } .popupSection .logo-main { height: 131px; width: 100%; } #popupHpCV .panel, #popupSideCV .panel { padding: 0; background: none; } #popupJobText { width: 100%; margin: 1rem 0; float: right; } .popupJobText { color: #fff; float: right; } .popupCV .space { padding: 0 5px; } #popupJobName { width: 100%; margin: 10px 0; color: #3ae8a1; } #jobsLobby #sendCVpart { display: none; } /*#popupHpCV .sendForm .send, #popupSideCV .sendForm .send { position: absolute; z-index: 2; bottom:-10px; right: 0; }*/ #popupHpCV .sendForm button, #popupSideCV .sendForm button { color: #fff; margin-top: 20px; border-radius: 10px; color: #2b303a; } #popupHpCV .sendForm .fa, #popupSideCV .sendForm .fa { display: none; } #jobsLobby .marginBottom img { margin-bottom: 20px; } #jobsLobby h2 a { color: #000; } .megaMenuButton { width: 15%; height: 38px; background: #3ae8a1; color: #2b303a; float: left; padding: 10px; text-align: center; margin-left: 3rem; margin-top: -5rem; border-radius: 10px; } .megaMenuButton .link { color: #2b303a; font-size: 16px; display: block; line-height: 20px; font-weight: 600; } #applicantsLobby #sendCVpart { display: none; } #applicantsLobby .banner-wrapper .banner-container { top: 45px } #applicantsLobby .introBanner img { width: 100%; } #applicantsLobby .introBanner { height: 336px; min-height: 336px; width: 100%; } /*#applicantsLobby h1{font-size: 4rem;line-height:1.5}*/ #applicantsLobby .banner-container .title p { font-size: 1.175rem; line-height: 24px; font-size: 22px; } #applicantsLobby .text-center { width: 60%; margin: 0 auto; } #applicantsLobby .linkedIn { margin-top: 0; width: 199px; padding-left: 0 } #applicantsLobby #popupHpOpen { float: right; } #employersLobby h2 { font-size: 2rem; } #employersLobby .introBanner { min-height: 684px; } #employersLobby .about-partners .title{display:none;} .homePartners .about-partners .title{display:none;} .ui-button { background: url('/images/icon_close.png') no-repeat left top !important; width: 40px; height: 40px; margin: 0 0 -25px -15px; float: left; cursor: pointer; font-size: 0; border-left-style: none !important; border-left-color: inherit !important; border-left-width: medium; border-right-style: none !important; border-right-color: inherit !important; border-right-width: medium; border-top-style: none !important; border-top-color: inherit !important; border-top-width: medium; border-bottom-style: none !important; border-bottom-color: inherit !important; border-bottom-width: medium; } .ui-button:hover { background: url('/images/icon_close.png') no-repeat left top !important; width: 40px; height: 40px; margin: 0 0 -25px -15px; float: left; cursor: pointer; font-size: 0; border-left-style: none !important; border-left-color: inherit !important; border-left-width: medium; border-right-style: none !important; border-right-color: inherit !important; border-right-width: medium; border-top-style: none !important; border-top-color: inherit !important; border-top-width: medium; border-bottom-style: none !important; border-bottom-color: inherit !important; border-bottom-width: medium; } .ui-widget-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 98; background: rgba(0,0,0, 0.8); } .ui-dialog { margin: auto !important; margin-top: 50px !important } .ui-dialog-content, .ui-widget-content { /*width: 750px; height: auto;*/ z-index: 98; } .ui-dialog-titlebar { width: 100%; height: auto; } /******/ .forgotLink { color: #3ae8a1 !important; font-weight: bold !important; } /***validation**/ .field-validation-error { color: red; font-size: 13px; } .popupSection .field-validation-error { color: red; font-size: 16px; font-weight: bold; } #mobileSendCV .sendForm { margin-top: 10px; } #mobileSendCV .field-validation-error { color: #fff; font-size: 16px; font-weight: bold; } .sendCvMobileBG { padding: 10px 0 0 0; background: #3ae8a1; color: #2b303a; } #mobileSendCV .sendCvMobile .button { color: #fff; width: 100%; float: right; margin-top: 10px; margin-bottom: 5px !important; font-size: 18px; padding: 10px 0; } #mobileSendCV .h3 { font-size: 18px !important; } #mobileSendCV .h4 { font-size: 16px !important; } #mobileSendCV .linkedIn button { margin-bottom: 10px !important; } .input-validation-error { border: 1px solid Red !important; } .bannerEditAgentBG { background: url('/images/mainHeader.png') no-repeat 50% 50%; float: right; width: 100%; height: 360px; } .bannerAgentBG { float: right; width: 100%; height: 360px; background-size: cover; } .userWelcome { color: #fff; font-size: 3rem; font-weight: bold; } .fbImageSmall { width: 30px; height: 30px; margin: 0 0 0 5px; border-radius: 50%; } .fbImageBig { width: 241px; height: 241px; border: 5px solid #fff; border-radius: 50%; } .fbImageDefault { width: 241px; height: 241px; } .facebookLoginButton { background: url('/images/facebookSgnInButton.png') no-repeat 0 0; float: right; width: 337px; height: 67px; cursor: pointer; } .facebookLoginButtonSmall { background: url('/images/facebookLoginButtonSmall.png') no-repeat top center; width: 100%; height: 37px; cursor: pointer; float: right; } .agentLink { width: auto; float: left; color: #fff; font-weight: bold; margin-left: 60px; margin-top: 5px } .agentLink a { color: #fff; font-weight: bold; padding: 0 10px; font-size: 16px !important; margin: 0 !important; top: 0 !important; } .agentLink .button { background-color: #2b303a !important; padding-left: 20px; padding-right: 20px; color: #3ae8a1; height: 33px; border-radius: 20px; line-height: 15px; text-align: center; } #popupHpOpen { padding: 10px; background-color: #3ae8a1; border-radius: 20px; color: #000; font-size: 20px; float: right; font-weight: bold; } #popupHpOpen:hover { color: #fff; } #popupSideOpen { font-size: 22px; background-color: #3ae8a1; color: #2b303a; padding: 0; width: 100%; line-height: 50px; margin-bottom: 20px; margin-top: 20px; border: 1px solid transparent } #popupSideOpen:hover { background-color: #2b303a; color: #3ae8a1; border: 1px solid #3ae8a1 } .fb_iframe_widget { float: left; margin-top: 30px; } .fb_iframe_widget span { line-height: 60px !important; height: 60px; } ._h7l { background: #000 !important; } /* Styles for validation helpers-----------------------------------------------------------*/ .field-validation-error { color: #ff0000; float: right; } .field-validation-valid { float: right; } .input-validation-error { border: 1px solid #ff0000; background-color: #ffeeee; float: right; } .validation-summary-errors { font-weight: bold; color: #ff0000; } .validation-summary-valid { display: none; } #agentEditPage .column .desc { font-size: 2rem; color: #fff; line-height: 2.5rem; } #agentEditPage .column .desc a { font-size: 2rem; color: #fff; } .headerBlogsBanner { position: relative; width: 100%; margin: -0.25rem 0; height: 361px; background-position: center; background-repeat: no-repeat; background-size: cover; box-shadow: 0px 1px 8px 1px #c7c7c7, inset 0px 6px 10px -4px #979797; } #blogSpecialPage .headerBlogsBanner { position: relative; width: 100%; margin: -0.25rem 0; margin-bottom: 2.75rem; height: 270px; background-position: center; background-repeat: no-repeat; background-size: cover; box-shadow: 0px 1px 8px 1px #c7c7c7, inset 0px 6px 10px -4px #979797; } /**for mobile***/ @media only screen and (max-width: 40em) { .headerBlogsBanner {margin-top: 50px;position: relative;width: 100%;min-height: 250px;height: auto;background-position: 50% 0;background-repeat: no-repeat;box-shadow: 0px 1px 8px 1px #c7c7c7, inset 0px 6px 10px -4px #979797;} .bannerEditAgentBG { background: #2b303a; float: right; width: 100%; min-height: 360px; height: auto; } .fbImageBig { width: 90%; height: auto; margin: 0 5%; border: 5px solid #fff; border-radius: 50%; } .fbImageDefault { width: 90%; height: auto; margin: 0 5%; } .userWelcome { color: #fff; font-size: 3rem; font-weight: bold; text-align: center; padding-bottom: 1rem; } .sendCvMobile .input-file { box-shadow: none; background: transparent; border-radius: unset } #applicantsLobby .linkedIn { margin-bottom: 20px; width: 199px; padding-left: 0 } #blogSpecialPage .headerBlogsBanner { position: relative; width: 100%; margin: -0.25rem 0; height: 130px; background-position: 50% 0; background-repeat: no-repeat; background-size: 100% 130px; box-shadow: 0px 1px 8px 1px #c7c7c7, inset 0px 6px 10px -4px #979797; } } .bannerSideCareer, .bannerSideAgent { margin-bottom: 20px; } .bannerSideCareer img, .bannerSideAgent img { width: 225px; } .bannerSideAgent { margin-top: -20px; } #blogSpecialPage .bannerSideAgent { margin-top: 0; } .introBanner { margin: -0.25rem 0; min-height: 560px; background: url() no-repeat top center; background-size: auto 100%; } .introBannerHigh { margin: -0.25rem 0; height: 100%; background: url() no-repeat top center; background-size: auto 100%; } #friendsFormDiv .captcha { color: red; margin-top: 10px; } #friendsFormDiv .captcha div { margin: 0 auto; } #contactPage .contactText { background: url('/images/text_contact.png') no-repeat 0 0; float: right; width: 395px; height: 175px; } #contactPage .captcha { color: red; } #contactPage .captcha div { margin: 0 auto; } #contactPage .formColumn { min-width: 304px; } #contactPage .medium-4 { min-width: 304px; width: 36%; } #contactPage .contact-form .captcha { width: 100%; text-align: center; margin: 0; } #contactPage .contactCaption { color: #fff } @media only screen and (max-width: 40em) { #contactPage .medium-4 { min-width: 304px; width: 100%; } #contactPage .contact-form .captcha { width: 100%; text-align: center; margin: 0 auto; } } @media only screen and (max-width: 1024px) { #contactPage .medium-4 { min-width: 304px; width: 46%; } } @media only screen and (max-width: 768px) { #contactPage .medium-4 { min-width: 304px; width: 100%; } } #homePage .title { font-size: 1.75rem; } #articlePage .down { top: 4.5rem; bottom: auto; } #articlePage .bigBottom { width: 100%; height: 820px; float: right; } #articlePage .bottomText { margin-top: 50px; } #articlePage .bottomText .link { margin-top: 1rem; font-size: 1.0rem; line-height: 0.8rem } #articlePage .bottomText .bigText { padding: 1.5rem; } #articlePage p { font-size: 1.375rem; } #articlePage ul { font-size: 1.375rem; list-style-type: square; } /*#blogPage ul { font-size: 1.375rem; }*/ #blogPage .linkedIn img { width: 80%; } .upperText p { font-size: 1.375rem; } .upperText p a { color: #2b303a; text-decoration: underline; } /**for mobile***/ @media only screen and (max-width: 40em) { .introBanner { margin: -0.25rem 0; min-height: 50px; } #articlePage .bottomText { margin-top: 0rem; } #articlePage .bottomText .link { margin-top: 1rem; font-size: 1.5rem; } #articlePage .bigBottom p { font-size: 1rem; line-height: 1rem; } #articlePage .down { top: 1.0rem; bottom: auto; } #articlePage .banner-wrapper .banner-container { position: absolute; right: 0; left: 0; top: 170px; width: 100%; } } .errorImage { float: right; width: 100%; position: relative; } .errorImage .banner-wrapper { width: 100%; height: 600px; } .errorImage .buttonDiv { position: absolute; right: 46%; bottom: 100px; z-index: 10000; float: right; width: 340px; text-align: center; background: #3ae8a1; color: #2b303a; font-weight: bold; font-size: 28px; border-radius: 18px; padding: 16px; } .errorImage .buttonDiv a { color: #2b303a; } .thanksImage { float: right; width: 100%; } .thanksImage .introBanner { background-size: 100% } .thanksImage .banner-wrapper { width: 100%; height: 602px; } .thanksImage .banner-wrapperSmall { width: 100%; height: 300px; margin-bottom: 30px; } .thanksImage .banner-container-thanks { position: absolute; top: 195px; width: 100%; } .thanksImage #currentName { color: #fff; font-size: 3rem; font-weight: bold; float: right; text-align: right; } #middleBannerHolder { width: 100%; height: auto; float: right; } #middleBannerHolder img { width: 100%; height: auto; float: right; } @media only screen and (max-width: 768px) { .thanksImage .banner-wrapperSmall { width: 100%; height: 300px; margin-bottom: 76px; } } @media only screen and (max-width: 1024px) { .errorImage .banner-wrapper { width: 100%; height: auto; } .thanksImage .banner-wrapper { width: 100%; height: auto; } .errorImage .buttonDiv { position: absolute; bottom: 50px; right: 0; z-index: 10000; float: right; width: 80%; margin: 0 10%; text-align: center; background: #3ae8a1; color: #2b303a; font-weight: bold; font-size: 26px; border-radius: 18px; padding: 16px; } } /**for agent pages**/ .agent { width: 100%; margin-bottom: 2rem; } /*#noticeLink {width:100px;display:inline-block ;margin:0 30px 0 0;font-weight:bold;}*/ /**hidden on 26-10-2015*/ #noticeLink { display: none; } .about-partners { width: 100%; float: right; } #partnerList { width: 100%; height: 36px; left: 0 !important; } #partnerList .item { height: 43px; padding: 0 20px; width: auto; float: left; } #partnerList .item img { max-height: 43px; } /**for ApplicantsLobby and EmployersLobby ***/ .innerPartners .about-partners .title { display: inline-block; font-size: 0; font-weight: 700; margin: 0; padding: 0 0.9375rem; background: #3ae8a1; color: #fff; border-radius: 4px; line-height: 0; } .innerPartners .about-partners .partner-list-container { z-index: 16; padding: 1.5rem; background: #f5f5f5; border-top: 0.25rem solid; border-color: #3ae8a1; box-shadow: inset 0px 1px 4px 0px rgba(0,0,0, 0.5); } .homePartners .about-partners .title { display: none; } .homePartners.show-for-medium-up{display:block!important} @media only screen and (max-width: 768px) { #partnerList .item { height: 40px; padding: 0 20px; width:136px; float: left; } .homePartners{margin-top:20px;} .homePartners.home{margin-top:230px;} #homePage .panel > :first-child{margin-top:20px;} } #blogs { margin-bottom: 4rem; margin-top: 2rem; } .upperTitle { margin: 1.5rem 0; } .fa { padding: 0 5px;font-family:FontAwesome} #status { width: 100%; height: 20px; float: left; text-align: right; } #closeMenu { float: left; } /**chat***/ #olark { direction: rtl !important; text-align: right !important; } #habla_window_div * { direction: rtl !important; text-align: right !important; } #habla_offline_body_input { height: 30px !important; width: 90%; } .habla_button { float: left !important; } #habla_wcsend_input { height: 50px !important; width: 90%; } /****linkedIn****/ .linkedIn { background-color: #2b303a; margin-top: 10px; float: left; text-decoration: none; padding: 10px 5px 0px 5px; border: 1px solid transparent; border-radius: 20px; } #mobileSendCV .linkedIn { width: 200px !important; float: none !important; text-align: center; margin: 0 auto 10px auto; } .sendMobileCV { width: 100%; } .linkedIn button { background-color: #efefef !important; border-color: #eee !important; } .popupLInkedInBG { background: url('/images/linkedInPopBG.png') no-repeat top left; margin-top: 10px; z-index: 98; width: 680px; height: 520px; padding: 40px 25px 25px 25px; float: right; color: #555 !important; } .popupLInkedInBG .popupSection { color: #000; margin-top: 130px; direction: rtl; width: 355px; float: right; } .popupLInkedInBG .popupSection .title { color: #000; background: none; margin: 0; text-align: right; font-size: 28px; line-height: 30px; margin-bottom: 10px } .popupLInkedInBG .popupSection .title.strong { font-size: 32px; } .popupLInkedInBG .field-validation-error { width: 100%; text-align: right; padding-right: 28px; } #popupLinkedIn form { width: 654px; height: 500px; padding-top: 10px; } #popupLinkedIn form input[type="text"] { width: 50%; } .job-search-form .linkedIn img { width: 80%; } .job-search-form .linkedIn { width: 100%; } .linkedIn:hover { border: 1px solid #3ae8a1; border-radius: 20px; text-decoration: none } .popupLinkedInOpen:hover { text-decoration: none } .popupLinkedInOpen {display: block; margin-left: 25px; background: url('/images/in.png') no-repeat top left; width: 166px; height: 30px; color: #3ae8a1; font-size: 22px; } .previousEmployees .popupLinkedInOpen { font-size: 16px;font-weight:bold; } a.popupLinkedInOpen{color:#3ae8a1;} .job-search-form .popupLinkedInOpen { width: 135px; margin: 0 auto; } @media only screen and (max-width: 40em) { .linkedIn button { margin-bottom: 50px; background-color: #efefef !important; border-color: #eee !important; } .popupLInkedInBG { background: #fff url('/images/linkedInPopBGMobile.jpg') no-repeat top left; background-size: contain; margin-top: 30px; z-index: 98; width: 100%; height: 155px; padding: 40px 0px 45px 0px; float: right; color: #555 !important; } #popupLinkedIn form { width: 100%; height: 150px; padding-top: 20px; text-align: center } #popupLinkedIn form input[type="text"] { width: 100%; height: 36px; } .popupLInkedInBG .popupSection { margin-top: 60px; } .popupLInkedInBG .popupSection .title { text-align: center; } .popup_linkedin .bottom .input .labelLinkedIn { line-height: 2.9em } .popup_linkedin .bottom { padding-top: 1em } .popupLinkedInOpen {display: block; text-align:right; background: url('/images/in.png') no-repeat top left; width: 97%; height: 30px; color: #3ae8a1; font-size: 20px; } .ui-button { background: url('/images/closePopup.png') no-repeat left top !important; width: 40px; height: 40px; margin: 20px 0 -40px -40px; float: left; cursor: pointer; font-size: 0; border-left-style: none !important; border-left-color: inherit !important; border-left-width: medium; border-right-style: none !important; border-right-color: inherit !important; border-right-width: medium; border-top-style: none !important; border-top-color: inherit !important; border-top-width: medium; border-bottom-style: none !important; border-bottom-color: inherit !important; border-bottom-width: medium; } .ui-button:hover { background: url('/images/closePopup.png') no-repeat left top !important; width: 40px; height: 40px; margin: 20px 0 -40px -40px; float: left; cursor: pointer; font-size: 0; border-left-style: none !important; border-left-color: inherit !important; border-left-width: medium; border-right-style: none !important; border-right-color: inherit !important; border-right-width: medium; border-top-style: none !important; border-top-color: inherit !important; border-top-width: medium; border-bottom-style: none !important; border-bottom-color: inherit !important; border-bottom-width: medium; } /*.ui-widget { left: 0 !important; }*/ } /*****positionItem NEW*******/ .positionItem .panel { background: #f2f2f2 none repeat scroll 0 0; border-color: #d8d8d8; border-style: solid; border-width: 1px; margin-bottom: 1.25rem; padding: 1.5rem 1.25rem 1.25rem; float: right; } .positionItem .panel.job { background: #fff none repeat scroll 0 0; box-shadow: 0 2px 4px -2px #828282; padding: 0; overflow: hidden; } .positionItem .positionInner { padding: 0 10px; } .positionItem .positionPanel { width: 100%; } .positionItem h2 { font-size: 30px; color: #2b303a; background: #3ae8a1; font-weight: 500; letter-spacing: 0.5px; margin: 0 0 1.5rem; line-height: 1.6; padding: 0 20px; } .positionItem h1 { font-size: 30px; color: #fff; background: #2b303a; font-weight: 500; letter-spacing: 0.5px; margin: 0 0 1.5rem; line-height: 1.6; padding: 0 20px; } .positionItem .positionArticle a { color: #fff; } .positionItem .desc { font-size: 16px; } .positionItem .desc p { font-size: 16px; } .positionItem .desc .title_c { color: #2b303a; font-size: 18px; line-height: 1; font-weight: 700; display: block; margin-bottom: 6px; } .positionItem .meta { font-size: 12px; float: left; position: relative; } .positionItem .meta, .positionItem .description, .positionItem .requirements { color: #2b303a; padding: 0 1.25rem; } .positionItem .requirements { color: #2b303a; padding: 0 1.25rem 1.25rem; } .positionItem .number { color: #2b303a; padding: 0; font-size: 14px; float: left; width: 130px; } .positionItem .number strong { float: right; font-size: 14px; } .positionItem .number span { float: right; } .positionItem strong { font-weight: 700; font-size: 16px; } .positionItem p { margin: 10px 0; } .positionItem .description { margin-bottom: 15px; } .positionItem .bottom { background: #2b303a; font-size: 12px; color: #ffffff; width: 100%; float: left; } .positionItem .job.hot .action { background: #2b303a; font-size: 12px; color: #ffffff; width: 100%; float: left; } .positionItem .job.hot .action a { color: #fff; } .positionItem .bottom .btns { float: left; } .positionItem .hot .btns .button { background-color: #3ae8a1 !important; } .positionItem .add-to { padding: 5px 27px 0 7px; background: url(/images/checkbox-bg.png) no-repeat right; display: inline-block; height: 20px; } .positionItem .send-to { background: url(/images/share-icon.png) no-repeat left; padding: 5px 0 0 22px; display: inline-block; height: 20px; margin-left: 10px; } .positionItem .hot .send-to { background: url(/images/share-icon.png) no-repeat left; padding: 5px 0 0 22px; display: inline-block; height: 20px; margin-left: 10px; } .positionItem .linked-btn, .positionItem .send-btn { display: inline-block; height: 29px; float: right; } .positionItem .linked-btn { width: 132px; background: url(/images/linked-btn.png) no-repeat; margin-left: 5px; } .positionItem .third { width: 31%; margin-left: 2.9%; float: right; } .positionItem .third .similar { height: 310px; float: right; } .positionItem .third .similar .title { height: 90px; float: right; } .positionItem .third.last { margin: 0; } .positionItem .panel.job.third .bottom { padding: 1.15rem 2%; width: 100%; } .positionItem .panel.job.third h2 { font-size: 15px; background: none; color: #2b303a; line-height: 1.2; font-weight: 700; margin: 1.15rem 0.15rem; } .positionItem .panel.job.third a:hover { color: #2b303a; } .positionItem .panel.job.third .description { height: 140px; overflow: hidden; } .positionItem .panel.job.third .meta { font-size: 14px; margin-bottom: 10px; float: right; width: 100%; } .positionItem .panel.job.third .meta span { display: block; float: right; padding-left: 5px; } .positionItem .panel.job.third .more { margin: 0 auto 15px; width: 28px; height: 7px; background: url(/images/more-icon.png) no-repeat; } .positionItem .panel.job .action { border-radius: 0 !important; padding: 1.15rem 3% 0 3%; } .positionItem p { color: #2b303a; } .positionItem .button { font-size: 18px !important; } .positionItem .add-fly:before { content: ""; } .positionItem .check-job, .positionItem .send-job { margin-top: 10px; line-height: 23px; } .positionItem .fa-share-alt:before { font-size: 17px; } .positionItem input[type="checkbox"].custom + label { color: #fff; } .positionItem .hot { color: #3ae8a1; } .positionItem .linkedIn { width: 138px; float: right; margin-left: 10px; } #similarPositions{margin-top:20px;float:right;} .positionBottomButton{text-align:center;width:100%;} /**for linkedin**/ .positionItem button.small { font-size: 1rem; padding: 0.5rem 0.5rem 0.75rem 0.5rem; } @media only screen and (max-width: 825px) { .positionItem .third .similar { height: auto; float: right; } .positionItem .panel.job.third .description { height: auto; overflow: hidden; } .positionItem .bottom .btns { float: right; margin-top: 10px; width: 100%; } .positionItem .third { width: 100%; margin-left: 0; } .positionItem .linkedIn { /*display: none; */width: 100%; float: left; margin-left: 0px; margin-top: 10px;text-align:center; } } @media only screen and (max-width: 520px) { .positionItem .panel.job h2 { font-size: 30px; color: #fff; background: #3ae8a1; font-weight: 500; letter-spacing: 0.5px; margin: 0 0 1.5rem; line-height: 32px; padding: 10px 20px; } } /***contact us on employers lobby***/ .form-container h1 { display: none; } .form-container .field-validation-error { color: red; } /**hide h1 on the original form**/ /**transform - not working in IE9 **/ /*#employersLobby .contact-form { background: #2b303a; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; color: #fff; font-size: 18px; margin-top: 70px; position: relative; padding: 30px 60px 20px 40px; float: right; }#employersLobby .contact-form .button{ margin: 15px 20px 0 0;float:right; }#employersLobby .contact-form h1 {display:block; font-size: 48px; text-align: right; position: absolute; top: -42px; right: -5px; padding: 10px; background: url(/images/contact-form-title-bg.png) no-repeat center center; }#employersLobby .contact-form input { margin: 0 20px 10px 0; display: inline-block; position: relative; width: 250px; float: right; }#employersLobby .contact-form textarea {width: 250px; height: 63px; padding: 10px; float: right;margin: 0 20px 10px 0; }#employersLobby .contact-form .captcha {float:right; width: 250px; height: 57px; margin: 0 20px 0 0;}#employersLobby .field-validation-error {display:none; }#employersLobby #status .field-validation-error {display:block; }#employersLobby .g-recaptcha {float:left;transform:scale(0.83);-ms-transform:scale(0.83);-webkit-transform:scale(0.83);transform-origin:0 0;-webkit-transform-origin:0 0;}*/ #employersLobby .contact-form { background: #2b303a; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; color: #fff; font-size: 18px; margin-top: 70px; position: relative; padding: 30px 5px 20px 10px; float: right; } #employersLobby .contact-form .button { margin: 27px 10px 0 0; float: right; } #employersLobby .contact-form h1 { display: block; font-size: 48px; text-align: right; position: absolute; top: -42px; right: -5px; padding: 10px; background: url(/images/contact-form-title-bg.png) no-repeat center center; } #employersLobby .contact-form input { margin: 0 10px 10px 0; display: inline-block; position: relative; width: 304px; float: right; } #employersLobby .contact-form input[type="checkbox"] { width: auto !important; } #employersLobby .contact-form #contactAgree:checked::after {top: auto !important; left: auto !important;right: 8px;} #employersLobby .contact-form textarea { width: 304px; height: 74px; padding: 10px; float: right; margin: 0 10px 10px 0; } #employersLobby .contact-form .captcha { float: right; width: 304px; height: 57px; margin: 0 10px 0 0; } #employersLobby .field-validation-error { display: none; } /**no place for this validation error*/ #employersLobby #status .field-validation-error { display: block; } #employersLobby .mobileColumn { } @media only screen and (max-width: 1080px) { /*#employersLobby .contact-form input { width: 304px; }*/ } #employersLobby .g-recaptcha{} @media only screen and (max-width: 825px) { #employersLobby .panel.quote { padding: 14.5rem 1.25rem 1.25rem 1.25rem; } #employersLobby .banner-container { top: 100px; } #employersLobby .contact-form { background: #2b303a; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; color: #fff; font-size: 18px; margin-top: 70px; position: relative; padding: 30px 30px 20px 30px; float: right; } #employersLobby .contact-form input, #employersLobby .contact-form textarea { float: left; margin: 0 0 10px 0; width: 100%; } #employersLobby .contact-form input[type="button"] { margin-top: 0; } #employersLobby .contact-form .captcha { width: 100%; text-align: center; margin: 0; } #employersLobby .g-recaptcha { transform: scale(0.9); -webkit-transform: scale(0.9); transform-origin: 0 0; -webkit-transform-origin: 0 0; } } @media only screen and (max-width: 768px) { #employersLobby .panel.quote { padding: 14.5rem 1.25rem 1.25rem 1.25rem; } #employersLobby .banner-container { top: 100px; } #employersLobby .contact-form { background: #2b303a; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; color: #fff; font-size: 18px; margin-top: 70px; position: relative; padding: 30px 10px 20px 10px; float: right; } #employersLobby .contact-form input, #employersLobby .contact-form textarea { float: left; margin: 0 0 10px 0; width: 100%; } #employersLobby .contact-form input[type="button"] { margin-top: 0; } #employersLobby .contact-form .button { margin: 30px 0 0 0; } #employersLobby .contact-form .captcha { width: 100%; text-align: center; margin: 0; } #employersLobby .g-recaptcha { float: right; } } @media only screen and (max-width: 640px) { #employersLobby .panel.quote { padding: 25.5rem 1.25rem 1.25rem 1.25rem; } #employersLobby .banner-container { top: 100px; } #employersLobby .contact-form { background: #2b303a; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; color: #fff; font-size: 18px; margin-top: 46px; position: relative; float: right; text-align: center; } #employersLobby .contact-form input, #employersLobby .contact-form textarea { width: 100%; margin: 0 0 10px 0; } #employersLobby .contact-form .button { margin: 27px 0px 0 0; float: right; } #employersLobby .contact-form .captcha { width: 100%; text-align: center; margin: 0; } } @media only screen and (max-width: 320px) { #employersLobby .panel.quote { padding: 27.5rem 1.25rem 1.25rem 1.25rem; } #employersLobby .banner-container { top: 100px; } #employersLobby .contact-form { background: #2b303a; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; color: #fff; font-size: 18px; margin-top: 46px; padding: 20px 3px; position: relative; float: right; text-align: center; } #employersLobby .contact-form input, #employersLobby .contact-form textarea { width: 100%; margin: 0 0 10px 0; float: right; } #employersLobby .contact-form .button { margin: 27px 0px 0 0; float: right; } #employersLobby .contact-form .captcha { width: 100%; text-align: center; margin: 0; } #employersLobby .quote { float: right; } } .jobsWidget { width: 740px; height: 200px; } .jobsWidget .title { background: url(/images/logo.png) no-repeat left; width: 740px; height: 100px; float: right; color: #3ae8a1; font-size: 24px; } .jobsWidget .title h1 { color: #3ae8a1; } .jobsWidget .widget { width: 740px; float: right; } .jobsWidget .widget .item { position: relative; border: 1px solid #eee; width: 185px; float: right; } .jobsWidget .professionCaption { background: #3ae8a1; padding: 15px 20px; height: 100px; text-align: center; width: 100%; color: #fff; font-size: 20px; font-weight: bold; } .jobsWidget .jobCaption { background: #fff; width: 100%; height: 100px; padding: 10px 20px; text-align: center; color: #000; font-size: 18px; } .jobsWidget .professionCaption a { color: #fff; } .jobsWidget .allJobs { float: right; background: #3ae8a1; padding: 10px 20px; text-align: center; width: 100%; color: #fff; font-size: 20px; font-weight: bold; } .jobsWidget .allJobs a { background: url(/images/ar_white.png) no-repeat left; color: #fff; font-size: 24px; padding-left: 20px; } .jobsWidget .sendCV { color: #000; float: right; width: 100%; height: 20px; text-align: center; position: absolute; top: 176px; } .jobsWidget .sendCV a { color: #000; font-weight: bold; } .jobsWidget .sendCV .open { background: url(/images/ar_black.png) no-repeat left; font-size: 18px; color: #000; padding-left: 10px; } /***jobsWidgetNew***/ .jobsWidgetNew { width: 740px; height: 200px; } .jobsWidgetNew .titleBG { background: url(/images/arDownWidget.jpg) no-repeat center; float: right; padding: 20px 0; height: 95px; } .jobsWidgetNew .title { background: #212121 url(/images/logo.png) no-repeat 99%; background-size: contain; width: 740px; height: 48px; float: right; color: #fff; } .jobsWidgetNew .title h1 { color: #fff; padding-right: 100px; width: 590px; float: right; font-size: 36px; line-height: 38px; font-weight: bold; } .jobsWidgetNew .orangeBG { background: #3ae8a1; float: right; } .jobsWidgetNew .widget { width: 740px; float: right; } .jobsWidgetNew .widget .item { background: #fff; height: 170px; position: relative; width: 165px; float: right; margin: 20px 10px; padding: 10px; } .jobsWidgetNew .professionCaptionGreen { background: #71d01d; height: 120px; padding: 40px 20px; text-align: center; width: 100%; color: #fff; font-size: 20px; font-weight: bold; } .jobsWidgetNew .professionCaptionBlue { background: #2384f2; height: 120px; padding: 40px 20px; text-align: center; width: 100%; color: #fff; font-size: 20px; font-weight: bold; } .arrowDownBlue { width: 0px; height: 0px; margin-right: 65px; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #2384f2; } .arrowDownGreen { width: 0px; height: 0px; margin-right: 65px; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #71d01d; } .jobsWidgetNew .jobCaption { background: #fff; width: 100%; height: 100px; padding: 10px 20px; text-align: center; color: #000; font-size: 18px; } .jobsWidgetNew .professionCaptionGreen a, .jobsWidgetNew .professionCaptionBlue a { color: #fff; } .jobsWidgetNew .allJobs { float: left; background: #3ae8a1; padding: 8px 10px; text-align: center; width: 135px; color: #fff; font-size: 20px; font-weight: bold; margin-left: 5px; margin-top: 2px; } .jobsWidgetNew .allJobs a { background: url(/images/ar_white.png) no-repeat left; color: #fff; font-size: 20px; padding-left: 20px; } .jobsWidgetNew .sendCV { color: #000; float: right; width: 100%; height: 20px; text-align: center; margin-top: 10px; } .jobsWidgetNew .sendCV a { color: #000; font-weight: bold; } .jobsWidgetNew .sendCV .open { background: url(/images/ar_black.png) no-repeat left; font-size: 18px; color: #000; padding-left: 10px; } .upperText { padding: 10px } .upperText .upperCaption { font-size: 24px; font-weight: bold; margin-bottom: 10px; line-height: 28px; } .upperText .upperDescription { font-size: 20px; margin-bottom: 10px; line-height: 26px; } /**for salary table*/ .post tr:hover { background: #3ae8a1 !important; color: #fff !important; } .post .color-primary:hover { color: #fff !important; } /******salaryTable*/ .jobsSalaryList { font-family: Heebo } .jobsSalaryList .salaryText { float: right; width: 90%; margin: 0 0 20px 0; } .jobsSalaryList .col8 { width: 70%; float: right; } .jobsSalaryList .col4 { width: 30%; float: right; } .salaryTable { width: 100%; float: right; /*border: 1px solid #7d7d7d;*/ margin-bottom: 50px; } .salaryTable .areaHeader { background: #2b303a; border-radius: 5px 5px 0 0; padding: 15px 0; text-align: center; color: #fff; font-size: 20px; font-weight: bold; width: 100%; float: right; } .salaryTable .salaryHeader { background: #39403a; padding: 10px 0; text-align: center; color: #fff; font-size: 16px; width: 100%; float: right; } .salaryTable .salaryHeader .price { border: none;width:20% } .salaryTable .listRow { font-size: 18px;line-height:20px;width: 100%; border-right: 1px solid #c6c4c4; border-left: 1px solid #c6c4c4; float: right; border-bottom: 1px solid #c6c4c4; color: #000; height: auto; overflow: hidden; } .salaryTable .listRow:hover { background: #3ae8a1; color: #2b303a; } .salaryTable .listRow:hover a { color: #2b303a; } .salaryTable .listRow a { color: #000; overflow: hidden; display: inline-block; font-size: 16px; } .salaryTable .professionName { width: 24%; float: right; padding: 10px 0.5%; } .salaryTable .professionSalary { width: 76%; float: right; padding: 0 2%; } .salaryTable .price.type { width: 19%; float: right; border-right: 1px solid #c6c4c4; padding: 10px 1%; text-align: center; font-size: 16px;height:45px; } .salaryTable .price { width: 24%; float: right; border-right: 1px solid #c6c4c4; padding: 10px 1%; text-align: center; font-size: 16px; } .salaryFooter { width: 100%; float: right; padding: 5px 0; border-radius: 0 0 5px 5px; margin-bottom: 20px; border: 1px solid #c6c4c4; border-top: 0; } .salaryFooter .bottomLink { padding: 10px 10px 10px 20px; color: #2b303a; font-size: 16px; font-weight: bold; } .shekel { padding: 0 3px } .leftArrowSmall { float: right; position: relative; } .leftArrowSmall:before { content: ' '; position: absolute; left: -10px; top: 10px; margin-top: 0; margin-left: 10px; display: block; width: 0; height: 0; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-right: 7px solid #3ae8a1; } .salaryHeader .upperScrollerWrapper { width: 100%; min-width: 1000px; height: 225px; margin: 0 auto; position: relative; overflow: hidden; } .salaryHeader .upperScrollerWrapper #BGScrollerInner { width: 100%; min-width: 1080px; } .salaryHeader .upperScrollerWrapper .innerImg { background-repeat: no-repeat; width: 100%; background-size: cover; height: 225px; float: left; position: relative; background-position-y: 0; } .salaryHeader .upperScrollerWrapper .textWrapper { width: 1000px !important; height: 225px; float: none; position: absolute; left: 50%; margin-left: -500px; } .salaryHeader .upperScrollerWrapper .titleWrapper { width: 1000px !important; height: 30px; float: right; position: absolute; margin: 25% 1% 0 0; } .salaryHeader .upperScrollerWrapper .facebook { width: 200px; height: 40px; padding: 10px; background: url(/images/f.png) no-repeat; z-index: 20; float: right; color: #fff; font-weight: bold; text-align: right; } .salaryHeader .upperScrollerWrapper .webpage { width: 120px; height: 40px; padding: 10px; background: url(/images/s.png) no-repeat; z-index: 20; float: right; color: #fff; font-weight: bold; text-align: right; } .salaryTable .price .jobLink {background:#3ae8a1;color:#fff;text-align:center;height:20px;width:100%; line-height:20px; font-size:16px;border-radius:5px;text-decoration:none;font-weight:bold;} .salaryTable .price .link {min-height:23px;width:100%; line-height:23px; font-size:16px;float:right;} @media screen and (max-width: 767px) { .salaryTable .listRow { height: 54px; } .salaryTable .listRow .price { height: 54px; line-height: 34px; } .salaryTable .listRow a { line-height: 20px; } } /***backOfficeTable***/ .backOfficeTable { direction: rtl; margin: 0; width: 100%; } .backOfficeTable .gridHeader { color: dodgerblue; padding: 10px; background: #e9e9e9; background: -moz-linear-gradient(top, #ffffff 0, #e9e9e9 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0,#ffffff), color-stop(100%,#e9e9e9)); background: -webkit-linear-gradient(top, #ffffff 0,#e9e9e9 100%); background: -o-linear-gradient(top, #ffffff 0,#e9e9e9 100%); background: -ms-linear-gradient(top, #ffffff 0,#e9e9e9 100%); background: linear-gradient(to bottom, #ffffff 0,#e9e9e9 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e9e9e9',GradientType=0 ); } .backOfficeTable .headerLeft { padding: 5px 10px; text-align: right; } /* Footer */ .footer { background-color: #1E1D1D; color: #A3A2A2; font-size: 18px;padding-top:30px; } .footer .top { padding: 10px 0 0; } .footer .top:after { content: ''; clear: both; display: table; } .footer .top .col { float: right; width: 100%; line-height: 24px; padding-right: 0; position: relative; } .footer .title { padding-bottom: 14px; margin-bottom: 10px; position: relative; color: #3ae8a1; } .footer .title:after { content: ''; width: 80px; height: 1px; background: #363535; position: absolute; bottom: 0; right: 0; } .footer a { color: #A3A2A2; font-weight: 300; -webkit-transition: color 0.1s ease-in-out; -moz-transition: color 0.1s ease-in-out; -o-transition: color 0.1s ease-in-out; transition: color 0.1s ease-in-out; } .footer a:hover { color: #FFF; } .footer ul { list-style: none !important; margin-right: 0 !important; padding: 0 0 30px 20px; } .footer .top .col .links > li strong { font-weight: 400; display: block; margin-bottom: 5px; } .footer .top .col .links > li { display: inline-block; margin-bottom: 8px; width: 100%; } .footer .bottom { text-align: center; padding-bottom: 32px; } .footer .bottom .col { margin-bottom: 20px; position: relative; } .footer .bottom .col .title { padding-bottom: 0; margin-bottom: 0; } .footer .bottom .col .title:after { left: 0; margin: 0 auto; } .footer .bottom .col .links { width: 100%; margin: 0 auto; margin-right: 0 !important; } .footer .bottom .col .links > li { display: inline-block; margin-bottom: 5px; } /*.footer .bottom .col .links > li:after{content:'';height:6px;width:6px;vertical-align: middle;display: inline-block;background:#a2a2a2;margin:0 13px 0 10px;-moz-border-radius: 50%;-webkit-border-radius: 50%;border-radius: 50%;}*/ .footer .bottom .col .links > li:last-child:after, .footer .bottom .col .links > li:nth-child(4):after { display: none; } .footer .bottom .col .links > li > a { font-weight: 400; letter-spacing: -0.1px; } .footer .bottom .links_bottom { margin-bottom: 25px; } .footer .bottom .links_bottom > li { display: inline-block; margin: 0 5px; } .footer .bottom .links_bottom > li > a { font-size: 15px; font-weight: 400; color: #FFF; } .footer .bottom .links_bottom > li > a:hover { text-decoration: underline; } .footer .bottom .copyright .logo { width: 111px; height: 30px; background: url('/images/logo_footer.png') no-repeat 0 0; background-size: 100%; display: block; margin: 0 auto; margin-bottom: 20px; } .footer .bottom .copyright .text { color: #FFF; line-height: 25px; font-size: 12px; padding-right: 0; } @media screen and (max-width: 767px) { .footer .col { border-bottom: 1px solid #363535; } .footer .col .title { padding-bottom: 0; margin-bottom: 0; height: 44px; line-height: 40px; cursor: pointer; position: relative; padding-right: 10px; } .footer .col .title:before { content: "\f0d7"; display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: absolute; left: 10px; top: 0; line-height: 44px; } .footer .col.open .title:before { content: "\f0d8"; } .footer .col .title { border-bottom: 1px solid #363535; margin-bottom: -1px; } .footer .col .links { padding: 15px 10px 13px; } .footer .col .links > li { margin-bottom: 5px; } .footer .bottom .col { text-align: right; border: none; } .footer .title:after { display: none; } .footer .bottom .col .links > li { display: block; } .footer .bottom .col .links > li:after { display: none; } .footer .bottom .col .links > li > a { font-weight: 300; } } @media screen and (min-width: 768px) { .footer .top { padding: 40px 0 20px; } .footer .top .col { width: 33.3333%; padding-right: 15px; } .footer .top .col .links { display: block !important; } .footer .bottom { padding-bottom: 60px; } .footer .bottom .col .title { padding-bottom: 14px; margin-bottom: 14px; } .footer .bottom .col .links { width: 708px; } .footer .bottom .links_bottom { margin-bottom: 35px; } .footer .bottom .links_bottom > li { margin: 0 12px; } .footer .bottom .links_bottom > li > a { font-size: 18px; } .footer .bottom .copyright .logo { width: 177px; height: 48px; } .footer .bottom .copyright .text { font-size: 14px; padding-right: 6px; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .footer .top .col { margin-bottom: 40px; } .footer .top .col:first-child { width: 66.6666%; padding-top: 48px; -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -webkit-column-gap: 0; -moz-column-gap: 0; column-gap: 0; } .footer .top .col:first-child .title { position: absolute; right: 15px; top: 0; } .footer .top .col:nth-child(3) { clear: both; } .footer .bottom .col .links > li:nth-child(4):after { display: inline-block; } .footer .bottom .col .links > li:nth-child(3):after, .footer .bottom .col .links > li:nth-child(6):after { display: none; } } @media screen and (min-width: 1024px) { .footer { font-size: 16px;margin-top:20px } .footer .top { padding: 44px 0 37px; } .footer .top .col { width: 20%; line-height: 22px; padding-right: 0; } .footer .bottom { padding-bottom: 73px; } .footer .bottom .col .title { padding-bottom: 12px; } .footer .bottom .col .links { width: 940px; } .footer .bottom .links_bottom { margin-bottom: 25px; } .footer .bottom .links_bottom > li > a { font-size: 16px; } } @media screen and (min-width: 1280px) { .footer { font-size: 18px; } .footer .top .col { line-height: 23.47px; padding-right: 2.7%; } .footer .title:after { width: 120px; } .footer .bottom { padding-bottom: 93px; } .footer .bottom .col { margin-bottom: 26px; } .footer .bottom .col .links { width: 1040px; } .footer .bottom .links_bottom > li > a { font-size: 17px; } } @media screen and (min-width: 1440px) { .footer { font-size: 20px;} .footer .top { padding: 49px 0 42px; } .footer .top .col { line-height: 25.47px; } .footer .title { padding-bottom: 16px; margin-bottom: 12px; } .footer .title:after { width: 150px; } .footer .bottom { padding-bottom: 113px; } .footer .bottom .col { margin-bottom: 31px; } .footer .bottom .col .links { width: 1140px; } .footer .bottom .col .links > li:after { height: 8px; width: 8px; } .footer .bottom .links_bottom { margin-bottom: 30px; } .footer .bottom .links_bottom > li > a { font-size: 18px; } .footer .bottom .copyright .logo { width: 199px; height: 54px; } } @media screen and (min-width: 1800px) { .footer { font-size: 22px; } .footer .top { padding: 59px 0 52px; } .footer .top .col { line-height: 27.47px; padding-right: 5.7%; } .footer .bottom { padding-bottom: 133px; } .footer .bottom .col { margin-bottom: 41px; } .footer .bottom .col .links > li:after { height: 10px; width: 10px; margin: 0 16px 0 13px; } .footer .bottom .links_bottom { margin-bottom: 35px; } .footer .bottom .links_bottom > li { margin: 0 15px; } .footer .bottom .links_bottom > li > a { font-size: 20px; } .footer .bottom .copyright .logo { width: 236px; height: 64px; margin-bottom: 25px; } .footer .bottom .copyright .text { padding-right: 24px; } } /*****************NEW********************/ /*.no-margin-left{margin-left:0!important;}.animate_all{-webkit-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out;-o-transition: all 0.2s ease-out;transition: all 0.2s ease-out;}.animate_normal{-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}.animate_btn{-webkit-transition: all 0.2s ease;-moz-transition: all 0.2s ease;-o-transition: all 0.2s ease;transition: all 0.2s ease;}.animate_fast{-webkit-transition: all 0.1s ease-out;-moz-transition: all 0.1s ease-out;-o-transition: all 0.1s ease-out;transition: all 0.1s ease-out;}.d-ltr{direction: ltr;}.sticky{position: relative;width:100%;top:0;right:0;direction:rtl;text-align:right;z-index:10;}.sticky.active .nav{position: fixed;width:100%;top:0;right:0;}.cover{-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;background-position: 50% 50%;background-repeat: no-repeat;-webkit-transform: translate3d(0,0,0);}.contain{-webkit-background-size: contain;-moz-background-size: contain;-o-background-size: contain;background-size: contain;background-position: 50% 50%;background-repeat: no-repeat;-webkit-transform: translate3d(0,0,0);}.icon{vertical-align: middle;display: inline-block;}.btn{overflow: hidden;position: relative;}*/ /* Companies section */ /*.container_demo{width:100%;max-width:100%;margin:0 auto;padding:0;}.container_demo .inner_demo{background:#faf9f9;padding:32px 16px 32px 16px;}*/ .companies_section .title_section { color: #000; font-size: 24px; font-weight: 700; display: block; margin-bottom: 24px; } .companies_section .list { margin-left: -8px; } .companies_section .list:after { content: ''; clear: both; display: table; } .companies_section .list .item { float: right; padding-left: 8px; width: 50%; margin-bottom: 16px; } .companies_section .list .item .item_inner { padding: 0 21px 21px; width: 100%; height: 120px; position: relative; background-color: #FFF; -moz-box-shadow: 0 3px 3px rgba(1, 1, 1, 0.21); -webkit-box-shadow: 0 3px 3px rgba(1, 1, 1, 0.21); box-shadow: 0 3px 3px rgba(1, 1, 1, 0.21); display: block; -webkit-transition: -webkit-box-shadow 0.3s ease; -moz-transition: -moz-box-shadow 0.3s ease; -o-transition: -o-box-shadow 0.3s ease; transition: box-shadow 0.3s ease; } .companies_section .list .item .item_inner:hover { -moz-box-shadow: 0 3px 13px rgba(1, 1, 1, 0.21); -webkit-box-shadow: 0 3px 13px rgba(1, 1, 1, 0.21); box-shadow: 0 3px 13px rgba(1, 1, 1, 0.21); } .companies_section .list .item .item_inner .image { height: 100%; width: 100%; position: relative; } .companies_section .list .item .item_inner .image img { position: absolute; margin: auto; left: 0; right: 0; top: 0; bottom: 0; max-width: 100%; max-height: 100%; display: block; } .companies_section .list .item .item_inner .link_text { color: #3ae8a1; font-size: 18px; font-weight: 300; line-height: 36px; padding: 0 21px; position: absolute; left: 0; bottom: 0; width: 100%; text-align: left; } .companies_section .list .item .item_inner .link_text:after { content: ''; display: inline-block; vertical-align: middle; width: 7px; height: 12px; background: url('/images/icon-arrow_left.png') no-repeat 0 0; background-size: 100%; margin-right: 7px; } @media screen and (min-width: 568px) and (max-width: 767px) { .companies_section .list .item { width: 33.3333%; } } @media screen and (min-width: 768px) { .container_demo .inner_demo { padding: 50px 30px 50px 30px; } .companies_section .title_section { margin-bottom: 31px; } .companies_section .list .item { width: 33.33333%; margin-bottom: 25px; } .companies_section .list .item .item_inner { height: 155px; } .companies_section .list .item .item_inner .link_text:after { margin-right: 7px; } } @media screen and (min-width: 1024px) { .container_demo { max-width: 980px; padding: 0 10px 0 255px; } .container_demo .inner_demo { padding: 50px 48px 50px 20px; } } /**umb_name:text18*/ .text18 { font-size: 18px; } /**umb_name:text20*/ .text20 { font-size: 20px; } /**umb_name:text26*/ .text26 { font-size: 26px; } /* NEW JobsPosition = Careers page */ .jobs_list { width: 100%; float: right; } .jobs_list .text_results { letter-spacing: 0.01em; color: #000; font-size: 18px; line-height: 1; font-weight: 700; margin-bottom: 8px; padding-right: 4px; } .jobs_list .text_results strong { color: #2b303a; font-size: 24px; } .jobs_list .list { margin-bottom: 24px; background-color: #f9f9f9; /*border: 1px solid #E6E6E6;*/ -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; overflow: hidden; } .jobs_list .list .item { background: #fff; border: 1px solid #fff; position: relative; margin-bottom: 10px; float: right; width: 100%; } .jobs_list .list .item:last-child { border: none; } .jobs_list .list .item .item_open h2 { font-size: 30px; color: #fff; background: #3ae8a1; font-weight: 500; letter-spacing: 0.5px; margin: 0 0 1.5rem; line-height: 1.6; padding: 0 20px; } .jobs_list .list .item .meta { font-size: 12px; float: left; position: relative; padding-left: 30px; } .jobs_list .list .item .hotornot { position: absolute; left: -1px; top: -1px; cursor: default; } .jobs_list .list .item .hotornot.ir { width: 94px; height: 70px; background-image: url('/images/hama.png'); } .jobs_list .list .item .position h2 { width: 100%; font-size: 30px; color: #fff; background: #2b303a; font-weight: 500; padding: 10px 20px; margin-top: 0; } .text20 a, .jobs_list .list .item .desc a { color: #2b303a; text-decoration: underline } .jobs_list .list .item .item_open .desc { font-size: 16px; line-height: 0.8333; font-weight: 300; letter-spacing: 0; } .jobs_list .list .item .item_content { display: block; position: relative; } .jobs_list .list .item .item_content .inner { padding-top: 2px; color: #000; position: relative; opacity: 1; } .jobs_list .list .item .item_content .desc { padding: 14px 10px 14px 10px; font-size: 18px; line-height: 1.2; font-weight: 300; } .jobs_list .list .item .item_content .desc p { font-size: 18px; } .jobs_list .list .item .item_content .desc .title_c { font-size: 18px; line-height: 1; font-weight: 700; display: block; margin-bottom: 6px; } .jobs_list .list .item .item_content .career_num { font-size: 14px; line-height: 1; font-weight: 300; text-align: left; margin-left: 10px; /*position: absolute; left: 0; bottom: 0;*/ } .jobs_list .list .item .item_content .bottom { padding: 10px 10px 5px 10px; background: #2b303a; position: relative; margin-top: 8px; } .jobs_list .list .item .item_content .bottom .input_file { width: 100%; height: 34px; padding-left: 95px; background-color: #FFF; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; position: relative; } .jobs_list .list .item .item_content .bottom .input_file .file { width: 100%; height: 100%; position: relative; font-size: 18px; line-height: 34px; direction: ltr; text-align: left; padding-right: 93px; } .jobs_list .list .item .item_content .bottom .input_file .file:after { content: 'Choose File'; text-align: center; position: absolute; right: 4px; top: 0; bottom: 0; margin: auto 0; width: 80px; line-height: 21px; height: 26px; color: #000; font-size: 12px; font-weight: 300; background-color: #F7F7F7; background-image: -moz-linear-gradient(bottom, #E5E5E5 0%, #FFF 100%); background-image: -o-linear-gradient(bottom, #E5E5E5 0%, #FFF 100%); background-image: -webkit-linear-gradient(bottom, #E5E5E5 0%, #FFF 100%); background-image: linear-gradient(to top, #E5E5E5 0%, #FFF 100%); border: 3px solid #E6E6E6; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .jobs_list .list .item .item_content .bottom .input_file .file input[type='file'] { margin-bottom: 0; width: 100%; height: 100%; position: absolute; left: 0; top: 0; opacity: 0; cursor: pointer; z-index: 2; } .jobs_list .list .item .item_content .bottom .input_file .submit_file { width: 82px; padding: 0; height: 26px; color: #2b303a; font-size: 18px; font-weight: 700; background-color: #3ae8a1; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; border: none; position: absolute; left: 4px; top: 0; bottom: 0; margin: auto 0; -webkit-transition: background 0.2s ease; -moz-transition: background 0.2s ease; -o-transition: background 0.2s ease; transition: background 0.2s ease; } .jobs_list .list .item .item_content .bottom .input_file .submit_file:hover { background: #3ae8a1; } .jobs_list .list .item .item_content .bottom .input_file .filename { color: #000; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .jobs_list .list .item .item_content .bottom .share_bar { list-style-type: none; position: absolute; left: 0; top: 0; bottom: 0; margin: auto 0; height: 26px; } .jobs_list .list .item .item_content .bottom .share_bar > li { float: left; margin-right: 10px; } .jobs_list .list .item .item_content .bottom .share_bar > li > a { display: block; } .jobs_list .list .item .item_content .bottom .share_bar > li .icon_c { width: 26px; height: 26px; display: block; background-repeat: no-repeat; background-position: 0 0; background-size: 100%; } .jobs_list .list .item .item_content .bottom .share_bar > li .icon_facebook { background-image: url('/images/icon_facebook.png'); } .jobs_list .list .item .item_content .bottom .share_bar > li .icon_twitter { background-image: url('/images/icon_twitter.png'); } .jobs_list .list .item .item_content .bottom .share_bar > li .icon_linkedin { background-image: url('/images/icon_linkedin.png'); } .jobs_list .list .item .item_content .bottom .share_bar > li .icon_google { background-image: url('/images/icon_google.png'); } .jobs_list .list .item .item_content .bottom .share_bar > li .icon_email { background-image: url('/images/icon_email.png'); width: 38px; } .jobs_list .list .item .item_content .bottom .share_bar > li .icon_whatsapp { background-image: url('/images/icon_whatsapp.png'); width: 38px; } .jobs_list .bottom .popupHpOpen { float: none; margin-bottom: 10px; } .jobs_list .pagination { font-size: 0; text-align: center; margin-bottom: 32px; } .jobs_list .pagination > li { display: inline-block; vertical-align: middle; } .jobs_list .pagination { direction:ltr; } .jobs_list .pagination > li .nav { display: block; padding: 5px; margin: 0 10px; } .jobs_list .pagination > li .nav .icon { width: 12px; height: 21px; background: url('/images/icon_arrow_right.png') no-repeat 0 0; background-size: 100%; display: block; } .jobs_list .pagination > li .nav.nav_next .icon { background-image: url('/images/icon_arrow_left.png'); } .jobs_list .pagination > li .page { display: block; width: 28px; line-height: 26px; height: 28px; font-size: 24px; color: #3ae8a1; font-weight: 700; background-color: #FFF; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; text-align: center; } .jobs_list .pagination > li .page.active { background-color: #3ae8a1; color: #FFF; } .pagination{direction:ltr; } @media screen and (max-width: 767px) { .jobs_list .list .item .item_open .title { line-height: 1; } .jobs_list .list .item .item_open .desc { line-height: 1; } .jobs_list .list .item .item_content .career_num { position: relative; padding-right: 10px; padding-bottom: 8px; margin-top: 10px; } .jobs_list .list .item .item_content .bottom .share_bar { position: relative; font-size: 0; text-align: center; margin-top: 10px; } .jobs_list .list .item .item_content .bottom .share_bar > li { display: inline-block; float: none;margin-left:150px;margin-top:10px; } .jobs_list button { padding: 0; } .jobs_list .bottom .popupHpOpen { width: 60%;max-width:300px; float: none; margin: auto; margin-bottom: 10px; padding: 10px; } .jobs_list .list .item .item_content .bottom { text-align: center;padding-bottom: 25px; } .careers_list .item .bottom .linkedIn, .positionItem.linkedIn {float:none; margin:0 auto;width:60%; padding-top: 5px;padding-right: 10px; border:1px solid #3ae8a1;} .jobs_list .list .item .item_content .bottom .jobs_list .popupLinkedInOpen{margin-left: 15px; width: 130px; font-size: 1rem; font-weight: bold; } .jobs_list .list .item .item_content .bottom .share_bar {display:none;}/***hidden for mobile*/ } @media screen and (min-width: 768px) { .jobs_list .list { margin-bottom: 26px; } .jobs_list .list .item .item_open { padding: 14px 12px; } .jobs_list .list .item .item_open:after { width: 21px; height: 12px; left: 12px; } .jobs_list .list .item .item_open .title { font-size: 24px; } .jobs_list .list .item .item_open .desc { font-size: 18px; } .jobs_list .list .item .item_content .inner { padding-top: 12px; } .jobs_list .list .item .item_content .desc { padding: 12px 13px 7px 30px; font-size: 18px; } .jobs_list .list .item .item_content .career_num { font-size: 14px; left: 14px; bottom: 8px; } .jobs_list .list .item .item_content .bottom { padding: 16px 16px 16px 16px;height:85px;} .jobs_list .list .item .item_content .bottom .input_file { width: 339px; padding-left: 106px; } .jobs_list .list .item .item_content .bottom .input_file .file { padding-right: 116px; } .jobs_list .list .item .item_content .bottom .input_file .file:after { width: 103px; font-size: 16px; } .jobs_list .list .item .item_content .bottom .input_file .submit_file { width: 93px; } .jobs_list .list .item .item_content .bottom .share_bar { left: 10px; } .jobs_list .list .item .item_content .bottom .share_bar > li { margin-right: 5px; } .jobs_list .pagination { margin-bottom: 47px; } .jobs_list .pagination > li .nav { margin: 0 5px; } .jobs_list .pagination > li .page { width: 24px; line-height: 24px; height: 24px; font-size: 23px; } .jobs_list .bottom .popupHpOpen {float:right;margin-top:10px;margin-left:10px;} .positionItem .linkedIn, .careers_list .item .bottom .linkedIn {cursor:pointer; margin-left: 15px;width: 175px; padding-top: 5px;padding-right: 10px;float:right; border:1px solid #3ae8a1;} .careers_list .item .bottom .linkedIn:hover{ border:1px solid transparent;} .jobs_list .popupLinkedInOpen{margin-left: 15px; width: 150px; font-size: 1rem;line-height:1.5rem; font-weight: bold; } } @media screen and (min-width: 1024px) { .jobs_list .list .item .item_content .desc p { font-size: 18px; } .jobs_list .list .item .item_open .desc { font-size: 18px; } .jobs_list .list .item .item_content .desc { font-size: 18px; } .jobs_list .list .item .item_content .bottom .input_file .file { padding-right: 106px; } .jobs_list .list .item .item_content .bottom .input_file .file:after { width: 93px; font-size: 12px; } } /* Featbox section */ .featbox_section { padding: 32px 0 40px; } .featbox_section .list { margin-left: -16px; } .featbox_section .list:after { content: ''; clear: both; display: table; } .featbox_section .list .item { padding-left: 16px; float: right; width: 100%; text-align: center; color: #2b303a; } .featbox_section .list .item .image { display: block; padding-bottom: 36.5%; position: relative; margin-bottom: 24px; } .featbox_section .list .item .image .cover { position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .featbox_section .list .item .titlea { font-size: 26px; font-weight: 700; display: block; margin: 0; padding: 0; line-height: 1; letter-spacing: 0.025em; margin-bottom: 10px; } .featbox_section .list .item .desc { font-size: 18px; font-weight: 300; line-height: 1.0589; letter-spacing: 0.02em; height: auto; overflow: hidden; margin-bottom: 18px; } .featbox_section .list .item .btn_read { display: block; width: 97px; margin: 0 auto; background-color: #3ae8a1; height: 29px; line-height: 29px; color: #2b303a; font-size: 21px; font-weight: 700; position: relative; left: 4px; padding-right: 4px; border-radius: 20px; } /*.featbox_section .list .item .btn_read:after { content: ''; width: 0; border-width: 14.5px 7px 14.5px 0; position: absolute; right: 100%; top: 0; height: 0; border-style: solid; border-color: transparent #3ae8a1 transparent transparent; -webkit-transition: border-color 0.2s ease; -moz-transition: border-color 0.2s ease; -o-transition: border-color 0.2s ease; transition: border-color 0.2s ease; }*/ .featbox_section .list .item .btn_read:hover { background: #3ed899; } .featbox_section .list .item .btn_read:hover:after { border-color: transparent #3ed899 transparent transparent; } #blogSpecialPage .innerpagei .rowi {display:grid} @media screen and (max-width: 767px) { .featbox_section .list .item { margin-bottom: 32px; } .featbox_section .list .item:last-child { margin-bottom: 0; } } @media screen and (min-width: 568px) and (max-width: 767px) { .featbox_section .list .item { margin-bottom: 0; } .featbox_section .list .item { width: 50%; } .featbox_section .list .item .desc { height: 57px; } } @media screen and (min-width: 768px) { .featbox_section { padding: 33px 0 38px; } .featbox_section .list { margin-left: -34px; } .featbox_section .list .item { padding-left: 34px; width: 50%; } .featbox_section .list .item .image { margin-bottom: 30px; } .featbox_section .list .item .titlea { font-size: 29px; margin-bottom: 13px; } .featbox_section .list .item .desc { font-size: 21px; height: 66px; } } @media screen and (max-width: 768px) { .video_hp { max-width: 768px !important; width: 100%; } } @media screen and (max-width: 425px) { .video_hp { max-width: 425px !important; width: 100%; } } @media screen and (max-width: 375px) { .video_hp { max-width: 375px !important; width: 100%; } } @media screen and (max-width: 320px) { .video_hp { max-width: 320px !important; width: 100%; } } @media screen and (min-width: 1024px) { .featbox_section { padding: 45px 0 51px; } .featbox_section .list { margin-left: -46px; } .featbox_section .list .item { padding-left: 46px; } .featbox_section .list .item .image { margin-bottom: 40px; } .featbox_section .list .item .titlea { font-size: 40px; margin-bottom: 17px; } .featbox_section .list .item .desc { font-size: 28px; height: 89px; margin-bottom: 24px; } .featbox_section .list .item .btn_read { width: 131px; height: 39px; line-height: 39px; font-size: 28px; left: 5px; padding-right: 5px; } .featbox_section .list .item .btn_read:after { border-width: 19.5px 10px 19.5px 0; } } /* Header career */ .header_career { position: relative; background: #05161e; min-width: 320px; padding: 38px 0 44px; margin-bottom: 0px;margin-top:68px; } .header_career:after { content: ''; width: 100%; max-width: 984px; height: 31px; position: absolute; top: 100%; left: 0; right: 0; margin: 0 auto; background: url('/images/bg_shadow.png') no-repeat 0 0; background-size: 100%; } .header_career .bg { width: 100%; height: 100%; position: absolute; left: 0; top: 0; overflow: hidden; } .header_career .bg .cover { width: 100%; height: 100%; position: absolute; left: 0; top: 0; background-position: bottom center; background-repeat: no-repeat; } .header_career .innerpage { width: 100%; position: relative; margin: 0 auto; text-align: center; padding: 0 16px; } .header_career .main_title { color: #3ae8a1; font-size: 32px; font-weight: 700; display: block; margin-bottom: 12px; line-height: 0.8; text-shadow: 0 5px 5px rgba(0, 0, 0, 0.75); } .header_career .sec_title { color: #FFF; font-size: 20px; font-weight: 700; display: block; line-height: 0.8; text-shadow: 0 5px 5px rgba(0, 0, 0, 0.75); margin-bottom: 24px; } .header_career .main_title, .header_career .sec_title, .header_career .input_row { opacity: 1; } .header_career .input_row { padding-left: 0; position: relative; width: 100%; margin: 0 auto; } .header_career .input_file { width: 100%; height: 37px; padding-left: 92px; background-color: #FFF; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; position: relative; -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.43); -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.43); box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.43); } .header_career .input_file .file { width: 100%; height: 100%; position: relative; font-size: 18px; line-height: 34px; direction: ltr; text-align: left; padding-right: 70px; } .header_career .input_file .file:after { content: 'בחר קובץ'; text-align: center; position: absolute; right: 1px; top: 1px; bottom: 0; margin: auto 0; -moz-border-radius: 0 5px 5px 0; -webkit-border-radius: 0 5px 5px 0; border-radius: 0 5px 5px 0; color: #345663; font-size: 16px; font-weight: 300; width: 70px; height: 33px; background-color: #FFF; background-image: -moz-linear-gradient(bottom, #CCC 0%, #FFF 100%); background-image: -o-linear-gradient(bottom, #CCC 0%, #FFF 100%); background-image: -webkit-linear-gradient(bottom, #CCC 0%, #FFF 100%); background-image: linear-gradient(to top, #CCC 0%, #FFF 100%); } .header_career .input_file .file input[type='file'] { width: 100%; height: 100%; position: absolute; left: 0; top: 0; opacity: 0; cursor: pointer; z-index: 2; } .header_career .input_file .submit_file { width: 110px; height: 27px; padding: 0; color: #2b303a; font-size: 18px; font-weight: 700; background-color: #3ae8a1; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; position: absolute; left: 4px; top: 4px; -webkit-transition: background 0.2s ease; -moz-transition: background 0.2s ease; -o-transition: background 0.2s ease; transition: background 0.2s ease; border: none; } .header_career .input_file .submit_file:after { content: ''; display: inline-block; vertical-align: middle; height: 15px; background-size: 100%; margin-right: 3px; } .header_career .input_file .submit_file:hover { background: #2b303a; color: #3ae8a1 } .header_career .input_file .filename { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; line-height: 37px; } .header_career .btn_linkedin { color: #231F20; font-size: 18px; font-weight: 700; position: absolute; left: 0; top: 0; width: 100%; height: 30px; line-height: 30px; background-color: #FFF; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; } .header_career .btn_linkedin .iconl { width: 67px; height: 18px; display: inline-block; vertical-align: middle; background: url('/images/logo_linkedin.png') no-repeat 0 0; background-size: 100%; position: relative; top: -2px; } .header_career .field-validation-error { position: absolute; top: 12px; right: 125px; } @media screen and (max-width: 767px) { .header_career .input_file { margin-bottom: 16px; } .header_career .btn_linkedin { position: relative; display: block; } .header_career .input_file .submit_file:after { display: none; } .header_career .input_file .filename { font-size: 16px; } } @media screen and (min-width: 768px) { .header_career { padding: 49px 0; margin-bottom: 0px;margin-top:0 } .header_career:after { height: 61px; } .header_career .innerpage { width: 680px; padding: 0; } .header_career .main_title { font-size: 50px; line-height: 1.3; margin-bottom: 0; } .header_career .sec_title { font-size: 34px; margin-bottom: 22px; } .header_career .input_row { /*padding-left: 187px; removed because of linkedin*/ width: 655px; } .header_career .input_file { padding-left: 153px; } .header_career .input_file .file { padding-right: 93px; } .header_career .input_file .file:after { font-size: 18px; width: 116px; } .header_career .input_file .submit_file { width: 170px; } .header_career .btn_linkedin { top: 3px; width: 176px; } } /****jobs.css***************************************/ #JobsProfessionArea #jobsHeader { margin-bottom: 44px; margin-bottom: 2.75rem; padding: 3.25rem 0 !important; } /* Companies section */ .companies_section .title_section { color: #000; font-size: 24px; font-weight: 700; display: block; margin-bottom: 24px; } .companies_section .list { margin-left: -8px; } .companies_section .list:after { content: ''; clear: both; display: table; } .companies_section .list .item { float: right; padding-left: 8px; width: 50%; margin-bottom: 16px; } .companies_section .list .item .item_inner { padding: 0 21px 21px; width: 100%; height: 120px; position: relative; background-color: #FFF; -moz-box-shadow: 0 3px 3px rgba(1, 1, 1, 0.21); -webkit-box-shadow: 0 3px 3px rgba(1, 1, 1, 0.21); box-shadow: 0 3px 3px rgba(1, 1, 1, 0.21); display: block; -webkit-transition: -webkit-box-shadow 0.3s ease; -moz-transition: -moz-box-shadow 0.3s ease; -o-transition: -o-box-shadow 0.3s ease; transition: box-shadow 0.3s ease; } .companies_section .list .item .item_inner:hover { -moz-box-shadow: 0 3px 13px rgba(1, 1, 1, 0.21); -webkit-box-shadow: 0 3px 13px rgba(1, 1, 1, 0.21); box-shadow: 0 3px 13px rgba(1, 1, 1, 0.21); } .companies_section .list .item .item_inner .image { height: 100%; width: 100%; position: relative; } .companies_section .list .item .item_inner .image img { position: absolute; margin: auto; left: 0; right: 0; top: 0; bottom: 0; max-width: 100%; max-height: 100%; display: block; } .companies_section .list .item .item_inner .link_text { color: #3ae8a1; font-size: 18px; font-weight: 300; line-height: 36px; padding: 0 21px; position: absolute; left: 0; bottom: 0; width: 100%; text-align: left; } .companies_section .list .item .item_inner .link_text:after { content: ''; display: inline-block; vertical-align: middle; width: 7px; height: 12px; background: url('/images/icon-arrow_left.png') no-repeat 0 0; background-size: 100%; margin-right: 7px; } @media screen and (min-width: 568px) and (max-width: 767px) { .companies_section .list .item { width: 33.3333%; } } @media screen and (min-width: 768px) { .companies_section .title_section { margin-bottom: 31px; } .companies_section .list .item { width: 33.33333%; margin-bottom: 25px; } .companies_section .list .item .item_inner { height: 155px; } .companies_section .list .item .item_inner .link_text:after { margin-right: 7px; } } /* Careers page */ .careers_top { color: #4B4A4D; padding: 10px; margin-bottom: 16px; } .careers_top .title_section { font-size: 28px; font-weight: 700; line-height: 1.0909; margin-bottom: 8px; display: block; letter-spacing: 0.01em; } .careers_top .desc { font-size: 18px; line-height: 1.1; font-weight: 700; margin-bottom: 24px; letter-spacing: 0.021em; } .careers_top ul { margin-left: -10px; list-style-type: none; } .careers_top ul:after { content: ''; clear: both; display: table; } .careers_top ul > li { float: right; padding-left: 10px; margin-bottom: 10px; width: 50%; } .careers_top ul > li > a { display: block; height: 34px; line-height: 34px; font-size: 19px; letter-spacing: 0.01em; padding-right: 0.01em; font-weight: 700; background-color: #3ae8a1; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; text-align: center; display: block; color: #2b303a; -webkit-transition: background 0.2s ease; -moz-transition: background 0.2s ease; -o-transition: background 0.2s ease; transition: background 0.2s ease; } .careers_top ul > li > a:hover, .careers_top ul > li > a.active { background: #2b303a; color: #3ae8a1 } @media screen and (max-width: 767px) { } @media screen and (min-width: 768px) { .careers_top { padding-top: 10px; margin-bottom: 30px; } .careers_top .title_section { font-size: 33px; margin-bottom: 7px; } .careers_top .desc { font-size: 20px; margin-bottom: 30px; } .careers_top ul { margin-left: -15px; } .careers_top ul > li { padding-left: 15px; margin-bottom: 15px; width: 20%; } .careers_top ul > li > a { height: 37px; line-height: 37px; } } @media screen and (min-width: 1024px) { .careers_top { margin-bottom: 31px; } .careers_top .desc { margin-bottom: 38px; } .careers_top ul { margin-left: -33px; list-style: none; } .careers_top ul > li { padding-left: 33px; margin-bottom: 18px; } } /***got.css***/ .right { float: right; } .left { float: left; } .hide { display: none; } .relative { position: relative; } .table { display: table; } .table-thead { display: table-header-group; } .table-tbody { display: table-row-group; } .table-row { display: table-row; } .table-cell { display: table-cell; } .d-ltr { direction: ltr; } .underline { text-decoration: underline; } .cover { -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-position: 50% 50%; background-repeat: no-repeat; } .contain { -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain; background-size: contain; background-position: 50% 50%; background-repeat: no-repeat; } .icon { vertical-align: middle; display: inline-block; position: relative; } .btn { overflow: hidden; position: relative; border: none; } a { color: #2b303a; } .bg, .cover { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 0; } .clear:after { content: ''; clear: both; display: table; } /* Transitions */ a { transition: color 0.15s ease; } /* Layout */ .container { position: relative; z-index: 2; min-width: 320px; overflow: hidden; } .container-scroll { z-index: 2; width: 100%; position: relative; overflow: hidden; background: #FFF; } .container-scroll.sm-active { position: fixed; left: 0; top: 0; } .container-scroll section { backface-visibility: hidden; } .sm-disabled { height: auto !important; } .sm-disabled .container-scroll.sm-active { position: relative; left: 0; top: 0; } .sm-disabled .container-scroll section { transform: none !important; } .innerpagei { width: 100%; max-width: 1920px; margin: 0 auto; position: relative; padding: 0 16px; } .innerpagei .rowi { position: relative; } .innerpagei .rowi-col { clear: both; position: relative; } .innerpagei:after, .rowi:after, .rowi-col:after { content: ''; clear: both; display: table; } .innerpagei.tight { padding: 0; max-width: 100%; } @media screen and (min-width: 768px) { .innerpagei { padding: 0 30px; } } @media screen and (max-width: 1023px) { .container-scroll.sm-active { position: relative; } .container-scroll.sm-active section { transform: none !important; visibility: visible !important; } .container-scroll.sm-active .parallax-move { transform: none !important; } } @media screen and (min-width: 1024px) { .innerpagei { padding: 0 25px; } } /* ScrollMagic */ .sm-imagereveal { overflow: hidden; } .sm-imagereveal:before, .sm-imagereveal:after { content: ''; width: 100%; height: 20%; z-index: 2; position: absolute; left: 0; top: 0; background: #FFF; transform-origin: 100% 0%; transition: transform 1.0s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.3s; } .sm-imagereveal:after { height: 80%; top: auto; bottom: 0; transform-origin: 100% 100%; } .sm-imagereveal:not(.sm-imagerevealcarousel) .cover, .sm-imagerevealcarousel .right_in { transform: translate3d(0,0,0) scale(1.25); transition: transform 1.8s cubic-bezier(0.165, 0.84, 0.44, 1) 0.3s; transform-origin: 50% 100%; } .sm-imagereveal.sm-active:before, .sm-imagereveal.sm-active:after { transform: scaleY(0); } .sm-imagereveal.sm-active:not(.sm-imagerevealcarousel) .cover, .sm-imagerevealcarousel.sm-active .right_in { transform: translate3d(0,0,0) scale(1.0001); } .sm-fadein { opacity: 0; } .sm-fadein.sm-active { opacity: 1; transition: opacity 0.75s ease 0.25s; } .sm-splittext.title-1, .sm-splittext.title-2 { line-height: 0; } .sm-splittext.title-1 .char { line-height: 0.9; } .sm-splittext.title-2 .char { line-height: 1; } .sm-splittext { position: relative; } .sm-splittext .original_text, .home_top .home_slider .texts .text .original_text { position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; z-index: 2; line-height: 1; letter-spacing: -0.0313rem; } .sm-splittext .word { overflow: hidden; perspective: 400px; } .sm-splittext .char { transform: translate3d(0,3.75rem,0) rotateX(-35deg); transition: transform 1.0s cubic-bezier(.245,.495,0,.99),opacity 1.0s cubic-bezier(.245,.495,0,.99); opacity: 0; } .sm-splittext.sm-active .char, .page_head.loaded .sm-splittext .char, .twocol_section.loaded .page_top .title_section.sm-splittext .char { transform: translate3d(0,0px,0) rotateX(0deg); opacity: 1; } .sm-splittext .word:not(:last-child):after { content: '\00a0'; display: inline; } /* Template - About */ .em_size { font-size: 16px; } .page_top:not(.loaded) .box .title { opacity: 0; } .page_top { height: auto; max-height: none; min-height: 0; background: #2B303A; position: relative; /*overflow:hidden;*/ } /**ay*/ .page_top .bg { opacity: 0.1; height: 100%; top: 0; transition: opacity 2.8s cubic-bezier(0.39, 0.575, 0.565, 1) 0.15s; } /**ay*/ .page_top.loaded .bg { opacity: 0.4; } .page_top .innerpagei { z-index: 2; height: 100%; color: #FFF; } .page_top .rowi { height: 100%; } .page_top .box { width: 42.5625em; position: absolute; left: 0; right: 0; margin: 0 auto; top: 50%; transform: translateY(-50%); text-align: center; } .page_top .box .title { font-size: 78px; font-weight: 400; line-height: 1; margin-bottom: 4em; color: #FFF; } .page_top .box .title > div { font-size: 82em; line-height: 1; } .page_top .box .desc { font-size: 1.4625rem; font-weight: 700; line-height: 0.96; text-shadow: 0 3px 6px rgba(0, 0, 0, 0.4); margin-bottom: 10px; } .page_top .box .desc p { font-size: 1.4625rem; font-size: 22px; font-weight: 500; line-height: 1.45; text-shadow: 0 3px 6px rgba(0, 0, 0, 0.4); margin-bottom: 10px; } /***ay*/ .page_top.loaded .sm-fadein { opacity: 1; transition: opacity 0.75s ease 0.25s; } .read_more_linki { font-size: 1.0625em; font-weight: 700; color: #FFF; display: inline-block; position: relative; } .read_more_linki:after { content: ''; width: calc(100% + 0.2352em); left: -0.1176em; bottom: -0.1176em; position: absolute; background: #3AE8A1; height: 0.1875em; transition: transform 0.175s ease; } .read_more_linki:hover { color: #FFF; } .read_more_linki:hover:after { transform: scaleX(1.1); } .texti_section { background: #EDEDED; padding: 2.9375em 0 4.5625em; color: #2B303A; } .texti_section .rowi { max-width: 46.75em; margin: 0 auto; text-align: center; } .texti_section .title { font-size: 3.0em; font-weight: 700; line-height: 1; margin-bottom: 0.2542em; } .texti_section .desc { font-size: 1.25em; font-weight: 400; line-height: 1.6; } .videoi_section { background-color: #39404e; overflow: hidden; } .videoi_section .innerpagei { padding: 0; } .videoi_section .video_box { padding-bottom: 75%; } .videoi_section .video_box .inner:after { content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 3; background-image: linear-gradient(270deg, #2b303a 0%, rgba(43, 48, 58, 0) 100%); opacity: 0.81; } .videoi_section .video_box .bg { opacity: 1; } .videoi_section .video_box .box { position: absolute; right: 30px; top: 50%; transform: translateY(-50%); z-index: 6; } .videoi_section .video_box .play_btn { position: relative; right: 0; top: 0; text-align: right; margin: 0; border: none; background: #3AE8A1; margin-bottom: 1.375em; width: 6.625em; height: 6.625em; font-size: inherit; } .videoi_section .video_box .play_btn:after { content: ''; position: absolute; left: 0.5625em; right: 0; top: 0; bottom: 0; margin: auto; width: 0; height: 0; border-style: solid; border-width: 1.25em 0 1.25em 2.1875em; border-color: transparent transparent transparent #39404E; } .videoi_section .video_box .title { font-size: 0.0625em; font-weight: 700; line-height: 6rem; color: #e2ebff; } .videoi_section .video_box .title > div { font-size: 74em; } .videoi_section .video_box h2 { font-size: 74em; } /***ay*/ /***home*/ .videoi_section.homeVideo { background-color: transparent; overflow: hidden; position: relative; margin: 0 auto } .videoi_section .iframe_cont iframe { height: 100%; min-height: 100%; z-index: 66 } .infoi_section { background: #39404E; } .infoi_section .innerpagei { padding: 74px 16px 64px; min-height: 30.125em; } .infoi_section .rowi { max-width: 61.25em; padding-right: 0; margin: 0 auto; color: #ffffff; } .infoi_section .circle { width: 19.8125em; height: 19.8125em; position: absolute; right: 0; top: 0.6875em; transform: scale(0.5); } .infoi_section .circle:before { content: ''; width: 100%; height: 100%; position: absolute; right: 0; top: 0; background: #3AE8A1; border-radius: 50%; } .infoi_section .circle .bg { top: auto; bottom: 0; height: auto; padding-bottom: 114.2%; border-radius: 9.9063em; overflow: hidden; } .infoi_section .circle .bg .cover { transform: translate3d(0, 100%, 0); } .infoi_section .title { font-size: 0.0625em; line-height: 1; font-weight: 700; margin-bottom: 10em; } .infoi_section .title > div { font-size: 61em; } .infoi_section .desc { font-size: 1.25em; line-height: 1.6; font-weight: 400; max-width: 19.95em; margin-bottom: 0.8em; } .infoi_section .innerpagei:nth-child(even) { background: #2B303A; } .infoi_section .innerpagei:nth-child(even) .rowi { padding-right: 0; padding-left: 0; } .infoi_section .innerpagei:nth-child(even) .circle { left: 0; right: auto; } .infoi_section .circle, .infoi_section .circle .bg .cover { transition: transform 1.0s cubic-bezier(.245,.495,0,.99); } .infoi_section .circle.sm-active { transform: scale(1); } .infoi_section .circle.sm-active .bg .cover { transform: translate3d(0, 0, 0); } .ourstuff_section { background-color: #ededed; padding: 3.1875em 0 34px; color: #2b303a; } .ourstuff_section .innerpagei { padding: 0; } .ourstuff_section .title_section { text-align: center; color: #2b303a; font-size: 0.0625em; font-weight: 700; line-height: 1; } .ourstuff_section .title_section > div { font-size: 49em; } .ourstuff_section .carousel { margin-top: 0; } .ourstuff_section .item { padding: 1.875em 8px; } .ourstuff_section .item .inner { padding: 1.6625em 16px 4.5625em; box-shadow: 0 0 0 rgba(0, 0, 0, 0.16); border-radius: 10px; height: 34em; border: 1px solid #a9adb4; background-color: #f5f5f5; width: calc(100vw - 64px); display: block; position: relative; opacity: 0.5; overflow: hidden; } .ourstuff_section .item .inner:hover { color: #2b303a; } .ourstuff_section .item .in { width: 100%; height: 100%; position: relative; z-index: 2; opacity: 0; } .ourstuff_section .item .in:before { content: ''; width: 2em; height: 1.53125em; position: relative; margin-bottom: 0.56875em; background: url('/images/About/quote.png') no-repeat 0 0; background-size: 100%; display: block; transform: scale(0); } .ourstuff_section .item .desc { font-size: 1.25em; font-weight: 400; line-height: 1.6; max-height: 120px; overflow: hidden; } .ourstuff_section .item .desc p { font-size: 1.25em; font-weight: 400; line-height: 1.2; } /**ay*/ .ourstuff_section .item .name { font-size: 2.0625rem; line-height: 1; font-weight: 700; position: absolute; right: 0; bottom: 0; } .ourstuff_section .item .name span { font-size: 16px; font-weight: 400; display: block; margin-top: 10px; } .ourstuff_section .item .contain { width: 15.375em; position: absolute; left: 0; bottom: 0; background-position: center bottom; z-index: 0; height: 100%; transform: translate3d(0, 0, 0); filter: grayscale(100%); } .ourstuff_section .item .cover { filter: grayscale(100%); } .ourstuff_section .item .inner, .ourstuff_section .item.is-selected .in, .ourstuff_section .item.is-selected .contain, .ourstuff_section .item .cover, .ourstuff_section .item .in:before { transition: all 0.8s ease,transform 0.55s cubic-bezier(0.215, 0.61, 0.355, 1),box-shadow 0.7s cubic-bezier(0.215, 0.61, 0.355, 1) 0.2s; } .ourstuff_section .item.is-selected .inner { box-shadow: 0 0.8125em 1em rgba(0, 0, 0, 0.16); opacity: 1;display:block } .ourstuff_section .item.is-selected .in { opacity: 1; } .ourstuff_section .item.is-selected .contain, .ourstuff_section .item.is-selected .cover { transform: translate3d(0, 0, 0); filter: grayscale(0%); } .ourstuff_section .item.is-selected .in:before { transform: scale(1); } .flickity-prev-next-button { width: 48px; padding: 0; height: 100%; } .flickity-prev-next-button:after { content: ''; position: absolute; left: 8px; top: 0; bottom: 0; width: 1.3125em; height: 2.4375em; margin: auto 0; background: url('/images/About/icon-chev_left.png') no-repeat 0 0; background-size: 100%; } .flickity-prev-next-button svg { display: none !important; } .flickity-prev-next-button.previous:after { left: auto; right: 8px; } .lightbox .mask_lightbox { background: #2B303A; opacity: 0.8; } .lightbox .box.popup_quote { border-radius: 10px; border: none !important;width:50em; max-width: 40em; box-shadow: none; background: #39404E; } .lightbox .box.popup_quote .close_btn { width: 2.4375em; height: 2.4375em; border-radius: 50%; position: absolute; right: 100%; bottom: 100%; background: url('/images/About/icon-close.png') no-repeat center center #3AE8A1; left: auto; top: auto; margin-right: 1em; background-size: 0.875em; } .popup_quote .scrollbar-inner { border-radius: 10px; overflow-y: auto; max-height: calc(100vh - 10em); position: relative; } .lightbox .box.popup_quote .inner { padding: 0; } .popup_quote .top { position: relative; height: 18.25em; background-color: #fff } .popup_quote .top .boxi { color: #2B303A; position: absolute; right: 16px; top: 50%; transform: translate3d(0,-50%,0); line-height: 1; } .popup_quote .top .boxi .title { font-size: 2.5625em; } .popup_quote .top .boxi .desc { font-size: 1.125em; } .popup_quote .top .boxi img { display: block; margin-top: 0.625em; height: 1.675em; } .popup_quote .bottom { background: #39404E; padding: 3.25em 16px 1.25em; } .popup_quote .bottom .quote { width: 2em; height: 1.53125em; position: relative; margin-bottom: 1.1875em; background: url('/images/About/quote.png') no-repeat 0 0; background-size: 100%; display: block; } .popup_quote .bottom .desc { font-size: 1.25em; color: #FFF; line-height: 1.6; } .popup_quote .bottom .desc p { font-size: 1.25em; color: #FFF; line-height: 1.6; } /**ay*/ .lightbox .box.popup_gonext { border-radius: 10px; border: none !important; max-width: 40em; box-shadow: none; background: #39404E; } .lightbox .box.popup_gonext .close_btn { width: 2.4375em; height: 2.4375em; border-radius: 50%; position: absolute; right: 100%; bottom: 100%; background: url('/images/About/icon-close.png') no-repeat center center #3AE8A1; left: auto; top: auto; margin-right: 1em; background-size: 0.875em; } .popup_gonext .scrollbar-inner { border-radius: 10px; overflow-y: auto; max-height: calc(100vh - 10em); position: relative; } .lightbox .box.popup_gonext .inner { padding: 0; } .popup_gonext .top { position: relative; height: 18.25em; background-color: #fff } .popup_gonext .top .boxi { color: #2B303A; position: absolute; right: 16px; top: 50%; transform: translate3d(0,-50%,0); line-height: 1; } .popup_gonext .top .boxi .title { font-size: 2.5625em; } .popup_gonext .top .boxi .desc { font-size: 1.125em; } .popup_gonext .top .boxi img { display: block; margin-top: 0.625em; height: 1.675em; } .popup_gonext .bottom { background: #39404E; padding: 3.25em 16px 1.25em; } .popup_gonext .bottom .quote { width: 2em; height: 1.53125em; position: relative; margin-bottom: 1.1875em; background: url('/images/About/quote.png') no-repeat 0 0; background-size: 100%; display: block; } .popup_gonext .bottom .desc { font-size: 1.25em; color: #FFF; line-height: 1.6;text-align:center; } .popup_gonext .bottom .desc p { font-size: 1.25em; color: #FFF; line-height: 1.6; } #lightboxNext.lightbox{display:block!important} @media screen and (min-width: 768px) and (max-width: 1023px) { .infoi_section .circle { font-size: 14px; } } @media screen and (max-width: 767px) { .page_top .box { position: relative; transform: none; padding: 95px 0; width: 100%; } .page_top .box .desc { margin-bottom: 10px; margin-top: 90px } .texti_section .title { font-size: 40px; } .videoi_section .video_box { font-size: 10px; } .infoi_section { text-align: center; } .infoi_section .circle { position: relative; margin: 0 auto; font-size: 12px; margin-bottom: 40px; } .ourstuff_section .item .name { position: relative; padding-top: 16px; } .ourstuff_section .item .contain { left: 0; right: 0; bottom: 0; top: auto; margin: 0 auto; width: 200px; height: 200px; } .lightbox .box.popup_quote { max-width: 100% } .popup_quote .cover { background-position: left center; } .popup_about .cover { background-position: center; } .lightbox .box.popup_quote .close_btn { margin-right: 0; left: 16px; top: -40px; bottom: auto; right: auto; } .popup_quote .scrollbar-inner { overflow-y: scroll; -webkit-overflow-scrolling: touch; } .popup_quote .top .boxi { max-width: 130px; color: #2B303A; position: absolute; right: 16px; top: 50%; transform: translate3d(0,-50%,0); line-height: 1; } .popup_quote .top .boxi .title { font-size: 1.5em } .popup_quote .top .boxi .title, .popup_quote .top .boxi .desc, .popup_quote .top .boxi img { /*background:rgba(255,255,255,1);*/ float: right; clear: both; padding: 0 0.225em; } .popup_quote .top .boxi img { padding: 0.225em } .lightbox .box.popup_gonext { max-width: 100% } .popup_gonext .cover { background-position: left center; } .lightbox .box.popup_gonext .close_btn { margin-right: 0; left: 16px; top: -40px; bottom: auto; right: auto; } .popup_gonext .scrollbar-inner { overflow-y: scroll; -webkit-overflow-scrolling: touch; } .popup_gonext .top .boxi { max-width: 130px; color: #2B303A; position: absolute; right: 16px; top: 50%; transform: translate3d(0,-50%,0); line-height: 1; } .popup_gonext .top .boxi .title { font-size: 1.5em } .popup_gonext .top .boxi .title, .popup_gonext .top .boxi .desc, .popup_gonext .top .boxi img { float: right; clear: both; padding: 0 0.225em; } .popup_gonext .top .boxi img { padding: 0.225em } .popup_gonext .top { position: relative; height: 11.35em; background-color: #fff } } @media screen and (min-width: 768px) { .page_top { height: calc(100vh - 8.625em); max-height: 75em; min-height: 28.125em; overflow: hidden; } /**ay*/ .page_top .box .title { margin-bottom: 0.211em; } .page_top .box .title > div { font-size: 142em; } .page_top .box h1 { font-size: 142em; font-weight: 700; } /***ay*/ .page_top .box .desc { font-size: 1.5625em; } .videoi_section .video_box { padding-bottom: 65%; } .infoi_section .innerpagei { padding: 5.75em 30px 8.25em; } .infoi_section .rowi { padding-right: 22.0625em; } .infoi_section .title { margin-bottom: 19em; } .infoi_section .title > div { font-size: 71em; } .infoi_section h2 { font-size: 71em; } .infoi_section .innerpagei:nth-child(even) .rowi { /*padding-left: 22.0625em; ay*/ } .ourstuff_section { padding: 4.1875em 0 4.8125em; } .ourstuff_section .title_section > div { font-size: 59em; line-height: 1.15 } .ourstuff_section .carousel { margin-top: 0.6875em; overflow: hidden; } .ourstuff_section .item { padding: 1.875em 15px; } .ourstuff_section .item .inner { padding: 3.5625em 30px 4.5625em; height: 29em; width: 600px; } .ourstuff_section .item .in { width: 19.4375em; } .ourstuff_section .item .in:before { width: 4em; height: 3.0625em; margin-bottom: 1.9375em; } .ourstuff_section .item .name { font-size: 2.5625rem; line-height: 1.2 } .ourstuff_section .item .name span { font-size: 0.439em; } .ourstuff_section .item .contain { transform: translate3d(60%, 0, 0); } .flickity-prev-next-button { width: 10%; } .flickity-prev-next-button:after { left: 15px; } .flickity-prev-next-button.previous:after { right: 15px; } .popup_quote .scrollbar-inner { max-height: calc(100vh - 6.875em); } .popup_quote .top .boxi { right: 3.25em; } .popup_quote .top .boxi img { height: 2.375em; } .popup_quote .bottom { padding: 3.00em 1.875em 1.25em 2.875em; } .popup_quote .bottom .quote { width: 4em; height: 3.0625em; } .popup_gonext .scrollbar-inner { max-height: calc(100vh - 6.875em); } .popup_gonext .top .boxi { right: 3.25em; } .popup_gonext .top .boxi img { height: 2.375em; } .popup_gonext .bottom { padding: 3em; } .popup_gonext .bottom .quote { width: 4em; height: 3.0625em; } } @media screen and (min-width: 1024px) { .em_size { font-size: 15px; } .page_top .bg { height: calc(100% + 6.125em); top: -6.125em; } .texti_section .title { font-size: 3.6875em; } .videoi_section .video_box { padding-bottom: 39.05%; } .videoi_section .video_box .box { right: 44px; } .videoi_section .video_box .title > div { font-size: 84em; } .employersVideo.videoi_section .video_box .title > div { font-size: 2em; }/**employersVideo*/ .infoi_section .innerpagei { padding: 5.75em 0 8.25em; } .infoi_section .rowi { padding-right: 26.0625em; } .infoi_section .innerpagei:nth-child(even) .rowi { /*padding-left: 32.3125em; ay*/ } .infoi_section .innerpagei:nth-child(even) .circle { left: 6.25em; } .ourstuff_section .item { padding: 1.875em 1.25em; } .ourstuff_section .item .inner { padding: 3.5625em 3.4375em 4.5625em; width: 47.25em; } .ourstuff_section .item .in { width: 23.4375em; } .ourstuff_section .item .contain { width: 25.375em; } .flickity-prev-next-button { width: 12%; } .flickity-prev-next-button:after { left: 1.625em; width: 2.3125em; height: 3.4375em; } .flickity-prev-next-button.previous:after { right: 1.625em; } } @media screen and (min-width: 1280px) { .videoi_section .video_box .box { right: 7.75em; } .videoi_section .video_box .title > div { font-size: 104em; } .employersVideo.videoi_section .video_box .title > div { font-size: 3em; } .ourstuff_section .item { padding: 1.875em 1.875em; } .ourstuff_section .item .inner { padding: 3.5625em 5.4375em 4.5625em; width: 61.25em; } .ourstuff_section .item .contain { width: 29.375em; } } @media screen and (min-width: 1440px) { .em_size { font-size: 16px; } .flickity-prev-next-button { width: 14%; } } @media screen and (min-width: 1800px) { .videoi_section .video_box .box { right: 13.75em; } .flickity-prev-next-button { width: 22%; } } /* Template - Life at got */ .page_top.got .box .title { margin-bottom: 0.125em; } .page_top.got .box .title > div, .page_top.got .box .title { font-size: 5rem; font-weight: 700; } .page_top.got .box .title > strong > div:after { content: ''; } .page_top.got .box .btni { background: #3AE8A1; height: 2.4em; line-height: 2.4em; display: block; margin: 0 auto; width: 8.1em; font-size: 1.25em; color: #2B303A; font-weight: 700; margin-top: 1.8em; border-radius: 1em; } .page_top.got.loaded .bg { opacity: 1; } .page_top.got:after { content: ''; width: 100%; height: 100%; background-image: linear-gradient(to top, #2b303a 0%, rgba(43, 48, 58, 0) 100%); z-index: 1; left: 0; top: 0; position: absolute; opacity: 0.57; } /*.videoi_section.got .video_box .title > div { font-size: 74em; line-height: 6rem }*/ .infoi_section.got .innerpagei { background: #39404E; } .infoi_section.got .innerpagei:nth-child(odd) { background: #2B303A; } .infoi_section.got .item_why { padding-bottom: 64px; min-height: 0; } .infoi_section.got .item_why .rowi { padding-left: 0; } .infoi_section.got .item_why .logo_g { position: absolute; left: 0; top: 0; transform: scale(0.5); transition: transform 1.0s cubic-bezier(.245,.495,0,.99); } .infoi_section.got .item_why .logo_g.sm-active { transform: scale(1); } .infoi_section.got .item_why .desc { max-width: 100%; margin-bottom: 0; } .infoi_section.got .item_quote { padding-bottom: 64px; } .infoi_section.got .item_quote .rowi { padding-right: 0; } .infoi_section.got .item_quote .circle { font-size: 12px; right: 0; top: 0; } .infoi_section.got .item_quote .title { line-height: 0.75; margin-bottom: 35em; } .infoi_section.got .item_quote .title:before { content: ''; width: 32em; height: 24.5em; position: absolute; left: 100%; margin-left: 0; top: -10%; background: url('/images/About/quote.png') no-repeat 0 0; background-size: 100%; display: block; } .infoi_section.got .item_quote .title > div { font-size: 48em; font-weight: 400; } .infoi_section.got .item_quote .job { font-size: 2em; margin-bottom: 0.40625em; } .infoi_section.got .item_quote .job img { height: 0.78125em; display: inline-block; margin-right: 0.15625em; margin-bottom: 0.25625em; } .infoi_section.got .item_quote .desc { max-width: none; font-size: 1.4375em; margin-bottom: 0; } .gotfun_section.ourstuff_section.white_bg { background: #FFF; } .gotfun_section.ourstuff_section .title_section.d-ltr { margin-bottom: 16.25em; } .gotfun_section.ourstuff_section .desc_section { max-width: 40.65em; margin: 0 auto; text-align: center; font-size: 1.25em; line-height: 1.6; } .gotfun_section.ourstuff_section .item .inner { border: none; color: #FFF; } .gotfun_section.ourstuff_section .item .cover { border-radius: 10px; } .gotfun_section.ourstuff_section .item .cover:after { content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background-image: linear-gradient(270deg, #2b303a 0%, rgba(43, 48, 58, 0) 100%); } .gotfun_section.ourstuff_section .item .in { height: auto; top: auto; bottom: 2.5625em; right: 16px; position: absolute; } .gotfun_section.ourstuff_section .item .in:before { display: none; } .gotfun_section.ourstuff_section .item .title { font-size: 3em; font-weight: 700; line-height: 1; margin-bottom: 0.0416em; } .gotfun_section.ourstuff_section .item .desc { line-height: 1.2; font-weight: 400; } .gotfun_section.ourstuff_section .item .btni { background: #3AE8A1; padding: 0 1.5em; height: 2.4em; line-height: 2.4em; display: inline-block; font-size: 1.25em; color: #2B303A; font-weight: 700; margin-top: 1.6em; border-radius: 1em; text-align: center; } .insta_section { background: #EDEDED; padding: 64px 0 48px; } .insta_section .title_section { margin-bottom: 0.7083em; text-align: center; font-size: 3em; font-weight: 700; line-height: 1.5; position: relative; z-indeX: 2; } .insta_section .rowi { max-width: 61.25em; margin: 0 auto; } .insta_section .list { position: relative; margin-left: -1em; } .insta_section .list:before { content: ''; width: 29.3125em; height: 29.9375em; background: url('/images/About/icon_ig.png') no-repeat 0 0; background-size: 100%; position: absolute; left: -15.8125em; top: -7em; left: -15.8125em; opacity: 0.2; z-index: 0; } .insta_section .list .item { float: right; width: 33.3333%; padding-left: 1em; padding-bottom: 1em; opacity: 0; transform: scale(0.75); transition: all 0.65s cubic-bezier(0.215, 0.61, 0.355, 1); } .insta_section .list .item .inner { display: block; padding-bottom: 100%; position: relative; border-radius: 10px; overflow: hidden; z-index: 1; } .insta_section .list .item .cover { background-blend-mode: multiply; background-color: #FFF; transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1); } .insta_section .list .item:hover .cover { background-color: #3AE8A1; } .insta_section .list .item.sm-active { opacity: 1; transform: scale(1); } .insta_section .title_section h2 { color: #2B303A } @media screen and (max-width: 767px) { .page_top.got .box .title { margin-bottom: 24px; } .page_top.got .box .title > div, .page_top.got .box .title { font-size: 4rem; } .infoi_section.got .item_quote .title:before { left: auto; right: 0; } .infoi_section.got .item_why .logo_g { margin: 0 auto; position: relative; right: 0; left: 0; top: 0; width: 237px; margin-bottom: 25px; } .videoi_section.got .video_box .title { border-radius: 5px; padding: 0 5px; } .gotfun_section.ourstuff_section .desc_section { padding: 0 16px; } .gotfun_section.ourstuff_section .item .in { padding-left: 32px; } } @media screen and (min-width: 768px) { .infoi_section.got .item_why { padding-bottom: 8.4375em; min-height: 29.375em; } .infoi_section.got .item_why .rowi { padding-left: 20.9375em; } .infoi_section.got .item_quote { padding-bottom: 5.625em; } .infoi_section.got .item_quote .rowi { padding-right: 20.9375em; } .infoi_section.got .item_quote .circle { font-size: 0.7937em; right: 1.875em; top: 1.5625em; } .infoi_section.got .item_quote .title:before { width: 64em; height: 49em; margin-left: 14em; top: -30%; } .infoi_section.got .item_quote .title > div { font-size: 62em; } .gotfun_section.ourstuff_section .item .in { right: 2.3125em; } .insta_section { padding: 5.3125em 0 5.0625em; } .insta_section .list .item { width: 16.667%; } } /***contact us***/ .page-form { background: -webkit-gradient(linear, left top, right top, from(transparent), to(#2b303a)), url(/images/Employers/form-bg-mobile.png) no-repeat top center; background: linear-gradient(to right, transparent, #2b303a), url(/images/Employers/form-bg-mobile.png) no-repeat top center; background-size: cover; } @media (min-width: 1025px) { .page-form { background: -webkit-gradient(linear, left top, right top, from(transparent), to(#2b303a)), url(/images/Employers/form-bg.png) no-repeat top center; background: linear-gradient(to right, transparent, #2b303a), url(/images/Employers/form-bg.png) no-repeat top center; background-position: 100% 100%; background-size: cover; } } .page-form .wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; } @media (min-width: 1025px) { .page-form .wrapper { max-width: 981px; margin: 0 auto; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 5.375rem 0 4.125rem; } } @media (max-width: 640px) { .page-form .wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column wrap; flex-flow: column wrap; } } @media (max-width: 640px) { .page-form .info-block { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column wrap; flex-flow: column wrap; -ms-flex-line-pack: start; align-content: flex-start; padding: 4rem 1rem 0 1.75rem; } } .page-form .info-block .block-title { color: #fff; font-size: 3rem; line-height: 3rem; font-weight: 600; width: 100%; max-height: 16.25rem; overflow: hidden; margin-bottom: 3.75rem; } @media (min-width: 1025px) { .page-form .info-block .block-title { width: 18.75rem; max-height: 16.25rem; overflow: hidden; } } .page-service .buttons-row .button, .page-form .info-block .button { background-color: #3ae8a1; color: #2b303a; border: 1px solid #3ae8a1 !important; } .page-service .buttons-row .button:hover, .page-form .info-block .button:hover { background-color: #2b303a; color: #3ae8a1; border: 1px solid #2b303a; } .button.whatsapp { background: #3ae8a1 url(/images/Employers/whatsapp-logo-black.png) no-repeat 96%; padding-right: 47px; } .button.whatsapp:hover { background: #2b303a url(/images/Employers/whatsapp-logo.png) no-repeat 96%; padding-right: 47px; } @media (max-width: 640px) { .page-form .wrapper .info-block .button { width: 80%; } } .page-form .wrapper form { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media (max-width: 640px) { .page-form .wrapper form { border-radius: 0.625rem; padding: 1rem 0.2rem; margin: 2rem 0.2rem; background: url(/images/Employers/form-blur-mobile.jpg) no-repeat center center; } .page-form .wrapper form textarea { height: 3.3125rem !important; font-size: 1.125rem; resize: none !important; border: none; border-radius: 10px; padding: 0.5rem 1.25rem } } @media (min-width: 1025px) { .page-form .wrapper form { padding: 1.2rem 5.25rem; background: url(/images/Employers/form-blur.jpg) no-repeat center center; width: 30.125rem; height: 31.125rem; overflow: hidden; } } .page-form .wrapper .form-title { color: #fff; font-size: 1.5rem; font-weight: 600; margin-bottom: 20px; width: 100% } .page-form .wrapper form > *:not(.form-title) { margin: 0.6875rem 0; } .page-form .wrapper form textarea { height: 3.3125rem !important; font-size: 1.125rem; resize: none !important; border: none; border-radius: 10px !important; padding: 0.5rem 1.25rem } .page-form input[type="text"] { border: none; } /*.hover-bg { display: none; width: 100vw; height: 100vh; background: rgba(58, 64, 78, 0.8); position: fixed; top: 0; right: 0; z-index: 999; } .hover-bg.active { display: -webkit-box; display: -ms-flexbox; display: flex; }*/ .page-form .captcha { margin-top: 30px; } /****custom*/ .sideForm { position: fixed; z-index: 100; left: 0; top: -40px; bottom: 0; margin: auto 0; height: 140px; direction: rtl; } .sideForm .btn_open { cursor: pointer; width: auto; height: 49px; display: block; background-color: #3ae8a1; position: relative; top: 90px; padding: 10px; -moz-border-radius: 0 0 10px 10px; -webkit-border-radius: 0 0 10px 10px; border-radius: 0 0 10px 10px; color: #2B303A; border-top: none; font-size: 24px; font-weight: 700; transform: rotate(-90deg); transform-origin: 0 0; outline: none; padding-left: 1rem; padding-right: 1rem; text-align: center; } .sideForm .btn_open:hover { color: #fff } .carousel.staff { height: 650px; overflow: hidden; } .carousel button:hover, .carousel button:focus, .carousel .button:hover, .carousel .button:focus { background-color: transparent; border: none; } @media (min-width: 1025px) { .carousel.staff { height: 535px; overflow: hidden; } } .main-bar .top-bar { z-index: 10000; } .footer { z-index: 10000 } .infoi_section h2 { color: #fff; } .texti_section .rowi h2 { color: #2B303A; } /*.page-header{z-index:10000}*/ .insta_section .title_section h2 { color: #2B303A; } .gotfun_section.ourstuff_section .item h3 { color: #fff; font-size: 2em; line-height: 1.5 } /*.field-validation-error { color: #fff; }*/ a:hover { text-decoration: none; } .menuSection { position: relative; z-index: 5 } /***end got.css***/ .video_bg { direction: ltr; position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; z-index: 0; opacity: 1; } .video_bg .video { min-width: 113%; min-height: 100%; width: auto; height: auto; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .video_bg .cover { display: none; position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; } /**for mobile**/ .carousel_services { display: none } @media (max-width: 768px) { .page-service { display: none } /* Carousel services */ .carousel_services { position: relative; color: #FFF; padding: 1.6rem 0; display: block } .carousel_services .bg { background-color: #2B303A; z-index: 0; } .carousel_services .innerpagei { z-index: 2; } .carousel_services .title { font-size: 32px; line-height: 1; margin-bottom: 20px; text-align: center; color: #FFF; } .carousel_services .desc { font-size: 1.15rem; text-align: center; margin-bottom: 2.9375rem; } .carousel_services .carousel { margin: 0 -16px 30px; } .carousel_services .item { padding: 0 1rem; } .carousel_services .item .inner { width: 18.75rem; height: 14.5rem; padding: 1rem 1.0625rem; border-radius: 0.625rem; background: #39404E; overflow: hidden; position: relative; } .carousel_services .item .front img { max-height: 22px; display: block; margin-bottom: 32px; } .carousel_services .item .front .desc_item { font-size: 1.125rem; line-height: 1.6rem; } .carousel_services .item .contain { position: absolute; right: 0; top: 0; width: 100%; height: 100%; z-index: 2; background-position: bottom center; background-color: #3AE8A1; border-radius: 0.625rem; opacity: 0; transition: 0.2s ease; } .carousel_services .item .inner:hover .contain { opacity: 1; } .carousel_services .flickity-page-dots { bottom: -35px; } .carousel_services .flickity-page-dots .dot { background: #FFF; } } /* Lightbox */ .lightbox { width: 100%; height: 100%; position: fixed; z-index: 999; left: 0; top: 0; display: none; direction: rtl; min-width: 320px; opacity: 0; } .lightbox.active { display: block;opacity: 1; } .lightbox .mask_lightbox { width: 100%; height: 100%; left: 0; top: 0; position: absolute; z-index: 0; background: #000; opacity: 0.77; } .lightbox .relative { width: 100%; height: 100%; } .lightbox .table { width: 100%; height: 100%; display: table; } .lightbox .table > .table-row { width: 100%; height: 100%; display: table-row; } .lightbox .table > .table-row > .table-cell { width: 100%; height: 100%; text-align: center; vertical-align: middle; padding: 0; display: table-cell; } .lightbox .box { margin: 0 auto; position: relative; -ms-transform: scale(0.95); -moz-transform: scale(0.95); -webkit-transform: scale(0.95); transform: scale(0.95); display: none; /*background: #FFF;*/ } .lightbox .box:after { clear: both; display: table; content: ''; } .lightbox .box .inner { /*padding: 30px 60px;*/ } .lightbox .box .inner .scrollbar-inner { width: 100%; height: 100%; } .lightbox .box .close_btn { position: absolute; left: 0; top: 0; } .lightbox .box .close_btn:focus { outline: 0; } .box.popup_service { width: 40.9375em; height: 20.1875em; background: none; background-size: 100%; font-size: 12px; } .box.popup_service .close_btn { width: 22px; height: 22px; background: url('/images/service-close.png') no-repeat 0 0; background-size: 100%; left: -1.5em; top: -0.05em; } .box.popup_service .inner { width: 100%; height: 100%; text-align: right; padding-right: 42%; padding-top: 4em; } .box.popup_service .img { position: absolute; right: -3.75em; top: 1.25em; } .box.popup_service .title { color: #004397; font-size: 2.0em; font-weight: 700; line-height: 0.95; letter-spacing: 0.045em; margin-bottom: 0.45em; } .box.popup_service .desc { font-weight: 300; color: #000000; font-size: 1.35em; letter-spacing: 0.034em; line-height: 1.35; margin-bottom: 0.75em; } .box.popup_service .link { color: #004397; font-size: 1.65em; font-weight: 700; line-height: 0.95; letter-spacing: 0.025em; text-decoration: none; } .box.popup_service .link:after { content: ''; width: 0.6439em; height: 1.0606em; background: url('/images/service_arrow.png') no-repeat 0 0; background-size: 100%; display: inline-block; vertical-align: middle; margin-right: 0.25em; transition: transform 0.15s ease-out; } .box.popup_service .link:hover:after { transform: translate3d(-0.25em,0,0); } @media (max-width:767px) { .box.popup_service { width: 288px; background-size: 650px; height: 400px; } .box.popup_service .close_btn { left: 0; } .box.popup_service .inner { padding-right: 10%; padding-left: 30px; } .box.popup_service .img { width: 200px; top: auto; bottom: 0; right: 35px; } .box.popup_service .title { font-size: 1.7em; } .box.popup_service .link { font-size: 1.5em; } } @media (min-width:768px) { .box.popup_service { font-size: 15px; } } @media (min-width:1024px) { .box.popup_service { font-size: 15.52px; } } @media (min-width:1024px) { .box.popup_service { font-size: 16px; } /* Side form */ /* .side_form {display:none;}*/ .side_form .checkbox { display: inline-block; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; position: relative; } .side_form .checkbox input[type='checkbox'] { display: none; } .side_form .checkbox .label { cursor: pointer; padding-right: 30px; max-width: 300px; } .side_form .checkbox input[type='checkbox']:checked + .label .check_c:after { opacity: 1; } .side_form .checkbox .check_c { display: inline-block; text-align: center; position: absolute; right: 0; top: 13px; width: 21px; height: 18px; background-color: #FFF; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.43); -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.43); box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.43); -webkit-transition: all 0.15s ease-in-out; -moz-transition: all 0.15s ease-in-out; -o-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; } .side_form .checkbox .check_c:after { content: ''; opacity: 0; background: #3ae8a1; width: 13px; height: 10px; position: absolute; left: 4px; top: 4px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; -webkit-transition: opacity 0.15s ease-in-out; -moz-transition: opacity 0.15s ease-in-out; -o-transition: opacity 0.15s ease-in-out; transition: opacity 0.15s ease-in-out; } .side_form { position: fixed; z-index: 100; left: 0; top: -100px; bottom: 0; margin: auto 0; height: 140px; direction: rtl; } .side_form .btn_opencont { -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.785, 0.135, 0.15, 0.86); -moz-transition: -moz-transform 0.5s cubic-bezier(0.785, 0.135, 0.15, 0.86); -o-transition: -o-transform 0.5s cubic-bezier(0.785, 0.135, 0.15, 0.86); transition: transform 0.5s cubic-bezier(0.785, 0.135, 0.15, 0.86); } .side_form .btn_open { cursor: pointer; /*width: 162px;*/ height: 49px; display: block; background-color: #3ae8a1; position: relative; top: 90px; padding-bottom: 4px; -moz-border-radius: 0 0 10px 10px; -webkit-border-radius: 0 0 10px 10px; border-radius: 0 0 10px 10px; -moz-box-shadow: 0 7px 18px rgba(0, 0, 0, 0.36); -webkit-box-shadow: 0 7px 18px rgba(0, 0, 0, 0.36); box-shadow: 0 7px 18px rgba(0, 0, 0, 0.36); border-top: none; font-size: 22px; font-weight: 700; transform: rotate(-90deg); transform-origin: 0 0; outline: none; padding-left: 1rem; padding-right: 1rem; } .side_form .box { margin: 0; width: 358px; font-size: 14px; font-weight: 400; line-height: 1.2857; padding: 17px 20px 25px 20px; color: #FFF; position: absolute; left: -120px; top: -100px; z-index: 2; background-color: #2b303a; border: 3px solid #FFF; border-left: none; -moz-border-radius: 0 10px 10px 0; -webkit-border-radius: 0 10px 10px 0; border-radius: 0 10px 10px 0; -moz-box-shadow: 0 7px 18px rgba(0, 0, 0, 0.36); -webkit-box-shadow: 0 7px 18px rgba(0, 0, 0, 0.36); box-shadow: 0 7px 18px rgba(0, 0, 0, 0.36); -ms-transform: translate(-363px,0); -moz-transform: translate(-363px,0); -webkit-transform: translate3d(-363px,0,0); transform: translate3d(-363px,0,0); -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.785, 0.135, 0.15, 0.86); -moz-transition: -moz-transform 0.5s cubic-bezier(0.785, 0.135, 0.15, 0.86); -o-transition: -o-transform 0.5s cubic-bezier(0.785, 0.135, 0.15, 0.86); transition: transform 0.5s cubic-bezier(0.785, 0.135, 0.15, 0.86); outline: none; } .side_form .box fieldset { margin: 0; padding: 0; border: none; } .side_form.open .btn_opencont { -ms-transform: translate(-72px,0); -moz-transform: translate(-72px,0); -webkit-transform: translate3d(-72px,0,0); transform: translate3d(-72px,0,0); } .side_form.open .box { left: 0; -ms-transform: translate(0,0); -moz-transform: translate(0,0); -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } .side_form .box .btn_close { padding: 0; cursor: pointer; top: -18px; right: -15px; width: 37px; height: 37px; position: absolute; background: url('/images/icon_close.png') no-repeat 0 0; background-size: 100%; border: none; } .side_form .box .legend { font-size: 22px; font-weight: 700; padding: 0; margin: 0; display: block; line-height: 1; margin-bottom: 9px; } .side_form .box .desc { margin-bottom: 15px; } .side_form .box .input { margin-bottom: 11px; width: 100%; float: right; max-width: 300px; } .side_form .box .input input[type='text'] { margin: 0; font-size: 16px; background-image: none; box-shadow: none; height: 41px; text-indent: 14px; background-color: #FFF; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; display: block; width: 100%; border: none; padding: 0; color: #000; max-width: 300px; } .side_form .box .input .input_file .file { height: 41px; background-color: #FFF; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; position: relative; overflow: hidden; } .side_form .box .input .input_file .file input[type='file'] { position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; z-index: 4; cursor: pointer; max-width: 300px; } .side_form .box .input .input_file .file .filename { position: absolute; left: 13px; top: 0; color: #000; font-size: 14px; font-weight: 400; line-height: 41px; } .side_form .box .input .input_file .file .text_file { width: 104px; height: 33px; line-height: 33px; color: #000; position: absolute; right: 4px; top: 4px; background-color: #D7D7D7; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; text-align: center; z-index: 2; } .side_form .box .input .checkbox { display: block; padding-top: 7px; padding-bottom: 7px; } .side_form .box .input .checkbox .check_c { top: 16px; right: 2px; width: 18px; height: 18px; background: none; border: 2px solid #FFF; border-radius: 2px; box-shadow: none; } .side_form .box .input .checkbox .check_c:after { width: 18px; height: 18px; background: #3ae8a1 url('/images/icon_check.png') no-repeat 0 0; background-size: 100%; top: 0; left: 0; } /**anna**/ .side_form .box .input .checkbox .selected { top: 16px; width: 18px; height: 18px; border: 1px solid #2b303a; border-radius: 2px; box-shadow: none; background: #3ae8a1 url('/images/icon_check.png') no-repeat 0 0; background-size: 100%; color: #2b303a; } .side_form .field-validation-error { width: 100%; float: right; } .side_form .file .field-validation-error { width: 100%; float: right; margin-right: 130px; margin-top: 12px; } .side_form #statusSide { width: 100%; position: relative; float: right; } .side_form .box .input .checkbox .label { display: block; background: none; color: #fff; font-size: 16px; width: 300px; white-space: normal; text-align: right; } .side_form .box .btn { cursor: pointer; height: 41px; background-color: #3ae8a1; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; display: block; width: 100%; border: none; padding: 0; color: #2b303a; font-size: 22px; font-weight: 700; max-width: 300px; } .side_form .btn_open:hover { color: #fff } /**override poptin css**/ .ui-resizable-ne, .ui-resizable-se, .ui-resizable-sw, .ui-resizable-nw { border: 0 solid #ffffff !important; } blockquote a { color: #2b303a; text-decoration: underline } .mixelwcag { top: 80px; } .mixelwcag ul { margin-right: 5px; list-style: none; width: 130px; } } /***sendForm**/ .sendForm .checkbox input[type='checkbox'] { display: none; } .sendForm .checkbox input[type='checkbox']:checked + .label .check_c:after { opacity: 1; } .sendForm .checkbox .check_c { display: inline-block; text-align: center; position: absolute; right: 0; top: 13px; width: 22px; height: 22px; background-color: #FFF; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.43); -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.43); box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.43); -webkit-transition: all 0.15s ease-in-out; -moz-transition: all 0.15s ease-in-out; -o-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; } .sendForm .checkbox .check_c:after { content: ''; opacity: 0; background: #3ae8a1; width: 22px; height: 22px; position: absolute; left: 4px; top: 4px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; -webkit-transition: opacity 0.15s ease-in-out; -moz-transition: opacity 0.15s ease-in-out; -o-transition: opacity 0.15s ease-in-out; transition: opacity 0.15s ease-in-out; } .sendForm .input .checkbox { display: block; padding-top: 7px; padding-bottom: 7px; } .sendForm .input .checkbox .check_c { top: 0px; right: -26px; width: 22px; height: 22px; background: none; border: 2px solid #FFF; border-radius: 2px; box-shadow: none; cursor: pointer; } .sendForm .input .checkbox .check_c:after { width: 22px; height: 22px; background: #3ae8a1 url('/images/icon_check.png') no-repeat 0 0; background-size: 100%; top: 0; left: 0; } .sendForm .input .checkbox .selected { top: 0px; right: -26px; width: 22px; height: 22px; border: 1px solid #2b303a; border-radius: 2px; box-shadow: none; background: #3ae8a1 url('/images/icon_check.png') no-repeat 0 0; background-size: 100%; color: #2b303a; } .sendForm .input .input_file .file { height: 41px; width: 80%; background-color: #FFF; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; position: relative; overflow: hidden; } .sendForm .input .input_file .file input[type='file'] { position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; z-index: 4; cursor: pointer; max-width: 450px; } .sendForm .input .input_file .file .filename { position: absolute; left: 13px; top: 0; color: #000; font-size: 14px; font-weight: 400; line-height: 41px; } .sendForm .input .input_file .file .text_file { width: 104px; height: 33px; line-height: 33px; color: #000; position: absolute; right: 4px; top: 4px; background-color: #D7D7D7; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; text-align: center; z-index: 2; } .popupCV .sendForm .send { position: relative; top: 0 } .popupCV .sendForm .checkbox { margin-top: 20px; float: right } .sendForm .checkbox .label { width: 86%; font-size: 18px; color: #fff; background: none; white-space: normal; text-align: right; float: right; padding: 0 0; margin: 15px 30px 0 0 } .sendForm .checkbox .label p { font-size: 18px; line-height: 20px; } .sendForm .checkbox .label p a { color: #fff; text-decoration: underline; } .popupBG { background: url('/images/popupBG-new.png') no-repeat bottom left; z-index: 98; width: 800px; height: 620px; padding: 90px 25px 20px 25px; float: right; } .popupBG .panel { padding: 2rem 0.25rem 1.25rem 1.25rem; text-align: right; border: none; } .lightbox .box .close_btn { position: absolute; left: 0; top: 0; z-index: 999; width: 40px; height: 40px; background: url('/images/close.png') no-repeat 0 0; background-size: 100%; } .sendForm .input_file .field-validation-error { color: #ff0000; float: right; margin-top: 6px } .sendForm .checkbox .field-validation-error { color: #ff0000; float: right; margin-top: -25px } .box.popup_careerc .close_btn { z-index: 999; width: 40px; height: 40px; background: url('/images/close.png') no-repeat 0 0; background-size: 100%; left: 0; top: 94px; } .box.popup_gonext .close_btn { z-index: 999; width: 40px; height: 40px; background: url('/images/close.png') no-repeat 0 0; background-size: 100%; left: 0; top: 94px; } @media screen and (max-width: 767px) { .lightbox .table > .table-row > .table-cell { width: 100%; height: 100%; text-align: right; vertical-align: middle; padding: 0; display: table-cell; } .sendForm .field-validation-error { color: #ff0000; float: right; margin-top: 5px } .sendForm .checkbox .field-validation-error { color: #ff0000; float: right; margin-top: -28px } .popupBG { background: #2b303a; z-index: 98000; width: 100%; max-width: 100%; height: auto; padding: 40px 25px 20px 25px; float: right; } .popupBG .panel { border: none; width: 100%; padding: 0 !important; text-align: right; } .popupBG .panel > :first-child { margin-top: 20px; } .popupSection .title { font-size: 1.5rem } .mixelwcag { bottom: 50px !important; } .box.popup_careerc .close_btn { z-index: 999; width: 40px; height: 40px; background: url('/images/close.png') no-repeat 0 0; background-size: 100%; left: 0; top: -10px; } .box.popup_gonext .close_btn { z-index: 999; width: 40px; height: 40px; background: url('/images/close.png') no-repeat 0 0; background-size: 100%; left: 0; top: -10px; } .sendForm .checkbox .label { width: 86%; font-size: 18px; color: #fff; background: none; white-space: normal; text-align: right; float: right; padding: 0 0; margin: 0px 30px 0 0 } } @media screen and (max-width: 400px) { .sendForm .checkbox .label { width: 86%; font-size: 18px; color: #fff; background: none; white-space: normal; text-align: right; float: right; padding: 0 0; margin: -30px 30px 0 0 } } #forgotPassword h2 { color: #fff; } #forgotPassword h5 { color: #fff; } /***trial checkbox absolutely marvelous***/ .sendForm input[type=checkbox] { position: relative; cursor: pointer; float: right; display: block !important; top: 14px; } input[type=checkbox]:before { content: ""; display: block; position: absolute; width: 25px; height: 25px; top: 0; left: 0; background-color: #222; border: 3px solid #3ae8a1; border-radius: 5px; } input[type=checkbox]:checked:before { background-color: #3ae8a1; } input[type=checkbox]:checked:after { content: ""; display: block; width: 10px; height: 15px; border: solid white; border-width: 0 4px 4px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); position: absolute; top: 5px; left: 9px; } /*********************************************************************/ /* Lightbox */ .lightboxLinkedIn { width: 100%; height: 100%; position: fixed; z-index: 10020; left: 0; top: 70px; display: none; direction: rtl; min-width: 320px; opacity: 0; } .lightboxLinkedIn.active { display: block; } .lightboxLinkedIn .mask_lightbox { width: 100%; height: 100%; left: 0; top: 0; position: absolute; z-index: 0; background: #000; opacity: 0.76; } .lightboxLinkedIn .relative { width: 100%; height: 100%; } .lightboxLinkedIn .table { width: 100%; height: 100%; display: table; } .lightboxLinkedIn .table > .table-row { width: 100%; height: 100%; display: table-row; } .lightboxLinkedIn .table > .table-row > .table-cell { width: 100%; height: 100%; vertical-align: middle; text-align: center; padding: 16px; display: table-cell; } .lightboxLinkedIn .box { z-index: 10; margin: 0 auto; position: relative; -ms-transform: scale(0.95); -moz-transform: scale(0.95); -webkit-transform: scale(0.95); transform: scale(0.95); display: none; background: #FFF; box-shadow: 3px 4px 27px rgba(0, 0, 0, 0.75); border: 3px solid #ffffff; border-radius: 3px; } .lightboxLinkedIn .box:after { clear: both; display: table; content: ''; } .lightboxLinkedIn .box .inner .scrollbar-inner { width: 100%; height: 100%; } .lightboxLinkedIn .box .close_btn { position: absolute; left: -20px; top: -23px; width: 33px; height: 33px; border-radius: 50%; background: url('/images/LinkedIn/icon_close.png') no-repeat center center #FFF; background-size: 16px; z-index: 3; } .lightboxLinkedIn .box .close_btn:focus { outline: 0; } /***********new*****************/ /*.field-validation-error*/ /* Popup linkedin */ .popup_linkedin { font-size: 12px; max-width: 43.6875em; width: 100%; text-align: right; } .popup_linkedin .top { height: auto; background: url('/images/LinkedIn/bg_head.jpg') no-repeat 50% 50%; background-size: cover; padding: 20px 16px 24px; color: #FFF; } .popup_linkedin .top .titleLinkedIn { font-size: 3.375em; font-weight: 700; line-height: 0.94; color: #fff; } .popup_linkedin .top h1 { font-size: 3.375em; font-weight: 700; line-height: 0.94; text-align: right; color: #fff !important; } .popup_linkedin .top .descLinkedIn { line-height: 1; font-size: 1.6875em; } .popup_linkedin .bottom { padding: 1.9375em 16px 2.125em; color: #000000; position: relative; } .popup_linkedin .bottom .bg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 0; } .popup_linkedin .bottom .bg:after { content: ''; width: 100%; height: 100%; display: block; background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 75%); } .popup_linkedin .bottom .in { width: 100%; position: relative; z-index: 10; } .popup_linkedin .bottom .titleLinkedIn { width: 100%; font-size: 2.50em; line-height: 0.94; margin-bottom: 0.3em; text-align: right; } .popup_linkedin .bottom h2 { width: 100%; font-size: 2.50em; line-height: 0.94; margin-bottom: 0.3em; text-align: right; } .popup_linkedin .bottom .descLinkedIn { width: 100%; line-height: 1.06; font-size: 1.375em; margin-bottom: 1em; } .popup_linkedin .bottom .input { margin-bottom: 20px; position: relative; font-size: 18px; color: #3d3d3d; height: 50px; } .popup_linkedin .bottom .input:last-child { margin-bottom: 0; } .popup_linkedin .bottom .input .labelLinkedIn { position: absolute; right: 0; top: 0; line-height: 1.90em; padding: 0 0.65em; font-size: 1.15em; } /*.popup_linkedin .bottom .input input[type="text"] { display: block; width: 100%; border: none; border-radius: 10px; height: 45px !important; direction: ltr; padding-right: 6.35em; text-indent: 0.65em; font-size: 18px; }*/ .popup_linkedin .bottom .input .labelLinkedIn img { /*display:block;*/ height: 1.25em; margin-top: 0.55em; } .popup_linkedin .captcha { text-align: right; display: block; width: 10px; height: 100px; } .popup_linkedin .bottom .input .btn { background-color: #3ae8a1; width: 100%; height: 1.5em; margin-top: 20px; border: none; border-radius: 10px; font-size: 1.5em; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.42); font-weight: 700; color: #ffffff; transition: all 0.2s ease-out; } .popup_linkedin .bottom .input .btn:hover { background: #3ae8a1; } .popup_linkedin .g-recaptcha { } .popup_linkedin .field-validation-error { position: absolute; top: -15px; right: 0px; } .prTitle {text-align:center; margin: 0 0 2rem 0;font-size: 2rem; } ul.promotedJob {display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); width:100%;margin: 0 0 5rem 0;} .promotedJob li {margin:10px 5px; padding:20px 30px; background-color:#3ae8a1;border-radius:10px} .promotedJob li > p {font-size: 23px;color: #2b303a; font-weight:bold;font-family: "Assistant",Arial,sans-serif;} .promotedJob li > a { font-size:16px; color:#2b303a;font-weight:600; text-decoration:underline} .promotedJob li > a:hover {text-decoration:none} @media screen and (max-width: 767px) { .lightboxLinkedIn .box .close_btn { left: -16px; top: -14px; } .popup_linkedin { width: 100%; height: 654px; display: block; } .popup_linkedin .inner { height: 100%; width: 100%; position: absolute; left: 0; top: 0; overflow: hidden; overflow-y: scroll; -webkit-overflow-scrolling: touch; } .popup_linkedin .bottom .bg { display: none; } .popup_linkedin .bottom .input .labelLinkedIn { position: absolute; right: 0; top: 0; line-height: 2.90em; padding: 0 0.65em; font-size: 1.15em; } .sendForm input[type=checkbox] { top: 8px; } ul.promotedJob { grid-template-columns: repeat(1, minmax(0, 1fr));} .promotedJob li {margin:10px} } @media screen and (min-width: 768px) { .lightboxLinkedIn { top: 0px; } .popup_linkedin .g-recaptcha { transform: scale(0.8); -webkit-transform: scale(0.8); transform-origin: 0 0; -webkit-transform-origin: 0 0; } .popup_linkedin .g-recaptcha div { max-height: 60px; } .popup_linkedin { font-size: 16px; } .popup_linkedin .top { height: 9.125em; padding: 2.125em 1.8125em 0; } .popup_linkedin .bottom { padding: 1.9375em 2.125em 2.125em; } .popup_linkedin .bottom .in { width: 24.75em; } .popup_linkedin .bottom .input { margin-bottom: 1.25em; font-size: 1.25em; } .popup_linkedin .bottom .input .btn { width: 8.33em; } } @media screen and (min-width: 1024px) { .popup_linkedin { font-size: 14px; } } @media screen and (min-width: 1440px) { .popup_linkedin { font-size: 16px; } } /* ========================================================================== Media Queries ========================================================================== */ /* Template - FAQ */ .faq_section .item .question,.careers_section .item .bottom .open_answer .icon,.careers_section .item .share_career a{transition:color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s;} .faq_section .item.open .question,.careers_section .item.open .bottom .open_answer .icon,.careers_section .item.open .share_career a{transition-delay:0s;} .faq_section .item{transition:border-color 0.4s cubic-bezier(0.645, 0.045, 0.355, 1), box-shadow 0.25s ease;} .faq_section .item:before{transition:opacity 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);} .faq_section .item .icon:before,.faq_section .item .in,.faq_section .item .icon{transition:transform 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);} .page_top_faq.em_size, .faq_section.em_size{font-size:10px;} .page_top_faq{height:auto;font-family:'Assistant';background:#000000;} .page_top_faq .bg .cover{height:100%;top:0;} .page_top_faq .rowi{max-width:60em;margin:0 auto;} .page_top_faq .box{width:100%;padding:0 0.625em;top:0;} .page_top_faq .box .title{font-size:5em;font-weight:800;} .page_top_faq .box .title > div{font-size:1em;} .page_top_faq .box .desc{font-size:16px;line-height:1.4545;font-weight:400;} .faq_section{font-family:'Assistant';background:#FFFFFF;padding:5em 0 10.125em;} .faq_section h2.title_section{text-align:center;line-height:1;font-size:3.6em!important;color:#2B303A;margin-bottom:0.7em;} .faq_section .title_section{text-align:center;line-height:1;font-size:3.6em;color:#2B303A;margin-bottom:0.7em;} .faq_section .icon-question{width:6.6563em;position:absolute;left:100%;margin-left:6.9375em;top:-2.3125em;} .faq_section .rowi{max-width:60em;margin:0 auto;} .faq_section .item{margin-bottom:2em;position:relative;padding:0 1.4375em 0 0;-webkit-tap-highlight-color:rgba(255, 255, 255, 0);border:2px solid #A9ADB4;border-radius:0.625em;box-shadow:0 0 0 rgba(0, 0, 0, 0.16);} .faq_section .item:last-child{margin-bottom:0;} .faq_section .open_answer{-webkit-tap-highlight-color:rgba(255, 255, 255, 0);} .faq_section .item:not(.open):hover{box-shadow:4px 8px 16px rgba(0, 0, 0, 0.16);} .faq_section .item:before{content:'';width:0.5em;background-color:#3AE8A1;position:absolute;right:0;top:0;height:100%;border-radius:0 0.625em 0.625em 0;} .faq_section .item .in{position:relative;z-index:2;} .faq_section .item .question{position:relative;z-index:2;display:block;color:#000;font-size:1.75em;font-weight:800;} .faq_section .item .question .title_question{padding:0.964em 0 1.142em 2.214em;} .faq_section .item .question .title_question:focus{outline:none;} .faq_section .item .icon{position:absolute;left:0.7em;top:50%;transform:translate3d(0,-50%,0);width:1.142em;} .faq_section .item .icon:before{display:block;} .faq_section .item .answer{position:relative;display:none;z-index:2;line-height:1.3;} .faq_section .item .answer .answer_inner{font-size:16px;padding-bottom:1.5em;padding-left:1.5em;} .faq_section .item .answer .answer_inner a{color:#000;text-decoration:underline;font-weight:700;} .faq_section .item .answer .answer_inner a:hover{color:#3AE8A1;} .faq_section .item.open .icon{transform:translate3d(0,-50%,0) rotate(-180deg);} .faq_section .btn-cont{text-align:center;margin-bottom:-3.875em;padding-top:3.5em;} .faq_section .btn-cont .btni{display:inline-block;height:36px;line-height:36px;padding:0 17px;background:#3AE8A1;border-radius:1.125em;} .faq_section .btn-cont .btni span{font-size:16px;color:#000000;font-weight:700;} @media screen and (max-width: 767px) { .page_top_faq{padding:60px 0;} .page_top_faq .box .title{margin-bottom:10px;} .faq_section .btn-cont .btni{border-radius: 18px;} } @media screen and (min-width: 768px) { .page_top_faq.em_size, .faq_section.em_size{font-size:14px;} .page_top_faq{height:28.25em;} .page_top_faq .box{top:50%;} .page_top_faq .box .desc{font-size:1.375em;} .faq_section{padding:5em 0 8em;} .faq_section .title_section{font-size:3em;} .faq_section h2.title_section{font-size:3em!important;} .faq_section .item .question .title_question{padding:0.964em 0 1.142em 3.214em;} .faq_section .item .icon{left:1.1em;} .faq_section .item .answer .answer_inner{font-size:16px;padding-left:4.5em;max-width:850px;} .faq_section .btn-cont .btni{height:2.25em;line-height:2.25em;padding:0 1.0625em;} } @media screen and (min-width: 1024px) { .page_top_faq.em_size, .faq_section.em_size{font-size:12px;} .page_top_faq .bg .cover{height:calc(100% + 3.75em);top:-3.75em;} .page_top_faq .box{top:45%;} .faq_section .icon-question{margin-left:3.9375em;} } @media screen and (min-width: 1280px) { .faq_section .icon-question{margin-left:6.9375em;} } @media screen and (min-width: 1440px) { .page_top_faq.em_size, .faq_section.em_size{font-size:15px;} } @media screen and (min-width: 1800px) { .page_top_faq.em_size, .faq_section.em_size{font-size:16px;} } /* Template - Profs tags */ /* Template - Profs tags */ .specialBlog .profs_tags {float:right;width:100%} .profs_tags{font-family: 'Assistant';} .profs_tags .rowi{max-width:61.25em;margin:0 auto;} .profs_tags ul{margin: 0 -0.25em;text-align: center;} .profs_tags ul > li{display: inline-block;vertical-align: top;margin: 0 0.25em 0.875em;} .profs_tags ul > li > a{ text-decoration:none;font-size:1.1875em;font-weight:500;display: block;line-height: 1;border: 1px solid #2b303a;color: #2b303a;border-radius: 1.3684em;padding: 0.2631em 0.8421em;position: relative;white-space: nowrap;transition: all 0.15s ease-out;} .profs_tags ul > li > a:not(.active):hover{border-color:#3ae8a1;} .profs_tags ul > li > a.active{background:#3ae8a1;color:#2b303a;border-color:#3ae8a1;} @media screen and (max-width: 767px) { .profs_tags ul{text-align:right;} .profs_tags ul > li{display: inline-block;vertical-align: top;margin: 0 0.25rem 0.875rem;} .profs_tags ul > li > a{font-size:1.0625em;} } .profs_tags .rowi{max-width:61.25em;margin:0 auto;} .profs_tags ul{margin: 0 -0.25em;text-align: center;} .profs_tags ul > li{float:right; /*display: inline-block;*/vertical-align: top;margin: 0 0.25em 0.875em;} .profs_tags ul > li > a{font-size:1.1875em;font-weight:500;cursor:pointer; display: block;line-height: 1;border: 1px solid #2b303a;color: #2b303a;border-radius: 1.3684em;padding: 0.2631em 0.8421em;position: relative;white-space: nowrap;transition: all 0.15s ease-out;} .profs_tags ul > li > a:not(.active):hover{border-color:#3ae8a1;} .profs_tags ul > li > a.active{background:#3ae8a1;color:#2b303a;border-color:#3ae8a1;} @media screen and (max-width: 767px) { .profs_tags ul{text-align:right;} .profs_tags ul > li{display: inline-block;vertical-align: top;margin: 0 0.25rem 0.875rem;} .profs_tags ul > li > a{font-size:1.0625em;} } .page-about { background-color: #EDEDED; } @media (max-width: 640px) { .page-about { padding: 0.5rem; } } .page-about .wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; max-width: 981px; margin: 0 auto; padding: 3.125rem; } .page-expert .wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; margin: 0 auto; padding: 3.125rem; } .page-expert .about-items .item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row nowrap;flex-flow: row nowrap; -webkit-box-align: start; -ms-flex-align: start; align-items: self-end; margin: 0 2rem 2.125rem 0; width: -webkit-fill-available; width: 30%;} @media (max-width: 640px) { .page-about .wrapper { padding: 0.5rem; max-width: 100%; } } .page-about-title{ width: 100%; text-align: center; margin: 0 0 4.375rem; font-size: 3rem; } .page-expert-title{ width: 100%; text-align: center; margin: 0 0 2.375rem; font-size:3rem; } .page-expert .subtitle {width: 100%; text-align: center; margin: 0 0 3.375rem; font-size: 1.55rem; } @media (max-width: 640px) { .page-about-title { margin-bottom: 2rem; } .page-expert .subtitle { margin: 0 0 2.375rem;font-size: 1rem;line-height: 1.25;} } .page-about .about-items,.page-expert .about-items {width:100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; } @media (max-width: 640px) { .page-about .about-items,.page-expert .about-items { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column wrap; flex-flow: column wrap; } } .page-about .about-items .item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; margin-bottom: 2.125rem; } @media (min-width: 1025px) { .page-about .about-items .item { width: calc(50% - 3.125rem); margin-bottom: 3.125rem; } .page-about .about-items .item:nth-child(1), .page-about .about-items .item:nth-child(3) { margin-left: 6.25rem; } .page-about .about-items .item-image { margin-left: 3rem; } } .page-about .about-items .item-image,.page-expert .about-items .item-image { max-width: 100%; height: auto; margin-left: 3%; } @media (max-width: 1025px) { .page-expert .about-items .item { width: calc(50% - 0.125rem)} } @media (max-width: 1280px) { .page-expert .about-items .item { width: calc(50% - 3.125rem); } .page-expert .wrapper {width:100%;padding:1.125rem} } @media (max-width: 640px) { .page-about .about-items .item-image { margin-left: 1rem; max-width: 6rem; } .page-expert .about-items .item { width: calc(95% - 0.125rem);margin: 0 1rem 2.125rem 0;} .page-expert .wrapper {padding: 1.125rem;width: 100%} } .page-about .about-items .item-texts .item-title, .page-expert .about-items .item-texts .item-title {font-size: 1.5rem; font-weight: 600; line-height: 1;} .page-about .about-items .item-texts .item-description,.page-expert .about-items .item-texts .item-description { font-size: 1.15rem; line-height: 1.15; max-height: 9rem; overflow: hidden; padding-top: 0.5rem; } /*agentPage*/ @media (max-width: 640px) { #agentPage .columns{float:left} } @media (min-width: 1280px) { #agentPage .columns{float:left} #agentPage .panel-small-only{padding-top:0} #agentPage .panel.primary{height: 364px;padding-top: 67px;margin-top: 0px;} #agentPage .panel.primary .header{margin-top: -36px;font-size:2.25rem;} } @media (min-width: 1920px) { #agentPage .panel.primary{margin-top: 0px;padding-top: 65px;height: 364px;} } /****custom***/ .btn_section{margin-top:20px;} .btn_section .button{height:45px;line-height:24px; padding:10px 30px;font-size:20px;} .btn_section .button:hover{color:#3ae8a1;} .buttonBack{width:200px;margin:0 auto;margin-top:150px;text-align:center;} .buttonBack .button{height:auto;line-height:1rem; padding:10px 30px;font-size:1rem;} .buttonBack .button:hover{color:#3ae8a1;} .forgotPassword .field-validation-error { color: #ff0000; float: right; margin-top: 6px } #blogSpecialPage .header_career{margin-bottom:0px;height:255px;padding:45px 0;} #blogSpecialPage .header_career:after{background:none;} #blogSpecialPage .header_career .popupHpOpen{margin:2.5rem auto} #blogSpecialPage .header_career .bg {overflow:visible} #blogSpecialPage .header_career .input_row{top: 65px;} /* Mixel - 13/12/2021 */ /*.banner-container .accordion .accordion-navigation .icon-caret,*/ .nav_mobile, .mega-menu-sub{display: none;} @media screen and (max-width: 767px) { .logo-main.ir{width:148px;height:70px;} .mobile-bar{background:#F9F9F9;border:none;} .mobile-bar .top-bar .nav-icon.for-search{background:#3AE8A1;height:41px;width:91px;border-radius:40px;padding:0;line-height:1;font-weight:900;color:#2F333E;font-size:11.789px;line-height:1.125;padding-top:7px;padding-right:41px;outline:none;-webkit-tap-highlight-color: transparent;} .mobile-bar .top-bar .nav-icon.for-search:before{content:'';width:23.5px;height:23.5px;background:url('/images/icon-search.png') no-repeat 0 0;background-size:100%;position: absolute;right:12px;top:0;bottom:0;margin:auto 0;} .mobile-bar .toggleMenu{background:transparent;padding:0;outline:none;-webkit-tap-highlight-color: transparent;left:0.875rem;float: right;width: 45px;height: 43px;position: absolute;top: 50%;margin-top: -20px;} .mobile-bar .toggleMenu:active{transition: 0;} .mobile-bar .toggleMenu .stroke,.mobile-bar .toggleMenu .stroke .middle,.mobile-bar .toggleMenu .stroke:before,.mobile-bar .toggleMenu .stroke:after{display:block;width:25px;height:3px;background-color:#000000;position:relative;content:'';border-radius:6px;transition:all 0.6s cubic-bezier(0.77,0,0.175,1);} .mobile-bar .toggleMenu .stroke{margin:auto auto;top:-4px;bottom:0;position: absolute;left:0;} .mobile-bar .toggleMenu .stroke{background:none;} .mobile-bar .toggleMenu .stroke .middle{transform-origin:35% 50%;} .mobile-bar .toggleMenu .stroke:before,.mobile-bar .toggleMenu .stroke:after{position:absolute;left:0;content: ' ';-webkit-transform-origin:4px center;transform-origin:4px center;} .mobile-bar .toggleMenu .stroke:before{top:9px;left:auto;right:0;} .mobile-bar .toggleMenu .stroke:after{top:-9px;} .active-mobile-nav .mobile-bar .toggleMenu .stroke{background:transparent;} .active-mobile-nav .mobile-bar .toggleMenu .stroke:before,.active-mobile-nav .mobile-bar .toggleMenu .stroke:after{-webkit-transform-origin:50% 50%;transform-origin:50% 50%;top:0;} .active-mobile-nav .mobile-bar .toggleMenu .stroke:before{-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);} .active-mobile-nav .mobile-bar .toggleMenu .stroke:after{-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);} .active-mobile-nav .mobile-bar .toggleMenu .stroke .middle{transform: scaleX(0);} .active-mobile-nav .nav_mobile{-ms-transform: translate(0, 0);-moz-transform: translate(0, 0);-webkit-transform: translate3d(0, 0, 0);transform: translate(0, 0);} .banner-wrapper{background:#2F333E;padding-top:10px;/*padding-bottom:49px;border-bottom:4px solid #3AE8A1;*/} .banner-wrapper .introBanner{margin:0 auto;width:100%;height:220px;background-size:100%!important;margin-bottom:26px;} .banner-wrapper #sendCVpart{display: none;} .banner-wrapper .panel.primary{margin:0;box-shadow: none;padding:0;background:transparent;} .banner-wrapper .banner-container .column{padding:0;width:250px;margin:0 auto;float:none;} .banner-wrapper .banner-container .columns{padding:0;} .banner-wrapper .panel.primary .header{font-size:17.664px;font-weight:900;line-height:1;text-shadow: none;margin:0;padding:0;white-space: nowrap;margin-bottom:14px;} .banner-wrapper .panel.primary button{margin-bottom:0;float:left;margin-top:6px;height:35px;width:113px;padding:0 0 2px;;font-weight:700;font-size:17.664px;} .banner-wrapper .banner-container .columns .small-block-grid-1{margin:0;} .banner-wrapper .banner-container .columns .small-block-grid-1 > li{padding-left:0;padding-right:0;padding-bottom:9px;} .banner-wrapper .select-box > a, .banner-wrapper .accordion .accordion-navigation.select-box > a{box-shadow:none;border:none;/*background:#FFFFFF;*/height:35px;line-height:33px;padding:0;text-align:center;color:#2B2F3A;border-radius:5px;font-weight:400;font-size:17.664px;} .banner-wrapper #professionAreas > li{width:100%;} .banner-wrapper .accordion .accordion-navigation{position: relative;} .banner-wrapper .accordion .accordion-navigation .icon-caret{color:#8A8A8A;position: absolute;left:3px;top:0;z-index:2;height:35px;line-height: 35px;padding:0;pointer-events: none;font-size:24px;display: block;} .banner-wrapper .accordion .accordion-navigation.active .icon-caret{transform: scaleY(-1);} .nav_mobile{display: block;position: fixed;left:0;top:70px;width:calc(100% - 18px);height:calc(100% - 70px);z-index:999;border-right:2px solid #3ae8a1;background:#2F333E;color:#FFF;transform: translate3d(-100%,0,0);transition:transform 0.6s cubic-bezier(0.645, 0.045, 0.355, 1);} .active-mobile-nav .nav_mobile{transform: translate3d(0,0,0);} .nav_mobile .inner{width:100%;height:100%;overflow-y:scroll;-webkit-overflow-scrolling: touch;} .nav_mobile .user-nav{padding-right:40px;padding-top:22px;padding-bottom:30px;} .nav_mobile .user-nav:after{content:'';clear:both;display: table;} .nav_mobile .user-nav .user-login:after{display: none;} .nav_mobile .menu{padding-right:40px;} .nav_mobile .menu a{color:#FFF;} .nav_mobile .main-menu{margin:0;padding-bottom:40px;list-style:none;} .nav_mobile .main-menu .btn-expand{width:82px;height:82px;position: absolute;left:0;top:0;border-radius:0;background:transparent;color:#9A9A9A;outline:none;border:none;padding:0;margin:0;} .nav_mobile .main-menu .btn-expand .fa{transition:transform 0.4s ease;padding:0;} .nav_mobile .main-menu li{position: relative;} .nav_mobile .main-menu > li{border-bottom:1px solid #9a9a9a;} .nav_mobile .main-menu > li.open > .btn-expand .fa{transform: rotate(180deg);} .nav_mobile .main-menu > li > a{font-size: 1.5rem;display: block;line-height:1;font-weight:700;height:82px;line-height:80px;} .nav_mobile .main-menu > li.lastActive > a,.nav_mobile .main-menu > li.active > a{color:#3ae8a1;} .nav_mobile .main-menu .megamenu-container{background:none!important;display: none;} .nav_mobile .main-menu .megamenu-container:after{content:'';clear:both;display: table;} .nav_mobile .main-menu .mega-menu{margin:0;border-top:1px solid #9a9a9a;padding-top:17px;padding-left:57px;padding-bottom:29px;} .nav_mobile .main-menu .mega-menu li .btn-expand{height:35.59px;width:35.59px;} .nav_mobile .main-menu .mega-menu li.open .btn-expand .fa{transform: rotate(180deg);} .nav_mobile .main-menu .mega-menu li:not(:last-child){margin-bottom:5px;} .nav_mobile .main-menu .mega-menu li a{font-size:18px;font-weight:700;display: block;padding:6px 17px 8px;line-height:1.2;} .nav_mobile .main-menu .mega-menu li a.active{background:#3ae8a1;color:#2F333E;} .nav_mobile .main-menu .megaMenuButton{float:none;margin-top:0;margin-left:0;background:none;width:auto;height:auto;padding:0;border-radius:0;padding-right:17px;padding-bottom:32px;} .nav_mobile .main-menu .megaMenuButton .link{height:35px;line-height:33px;padding:0;width:151px;display: block;background:#3ae8a1;border-radius:6px;font-weight:700;color:#2B2F3A;font-size:18px;} .nav_mobile .main-menu .mega-menu .mega-menu-sub{display: block;padding-right:17px;margin:0;display: none;} .nav_mobile .main-menu .mega-menu .mega-menu-sub > li:first-child{padding-top:10px;} .nav_mobile .main-menu .mega-menu .mega-menu-sub > li:last-child{padding-bottom:10px;} .nav_mobile .main-menu .mega-menu .mega-menu-sub a{font-size:16px;} #closeMobileSearch{width:100%;height:25px;float:right;margin-top:-10px;} #closeMobileSearch.closeSearch{width:25px;height:25px;color:#fff!important;float:right!important} #closeMobileSearch.fa-close:before{color:#fff;font-size:20px;} } @media screen and (max-width: 359px) { .logo-main.ir{width:100px;} } .goNextPopup{background-color:white;} .hpPopup{ background-color:white; padding:10px;} .whiteTxt, .whiteTxt p { color: #fff; font-size: 1.45rem; line-height: 1.5; } .greySection { padding: 20px 0; text-align: center; } .lightGray { background-color: #f1f1f1; font-size: 1.45rem; line-height: 1.5; } .greySection h2, #EmployersMiddleTextGrey h2 {margin-bottom:20px; } .white { color: #fff; } a.white,a.gray { font-size: 0.875rem; text-decoration:underline } .mr-1 {margin-right:1.5rem} .mt-1 { margin-top: 1rem; } #agentsAgree:before { background-color: transparent; border: none; } #friendsAgree, #contactAgree { margin-left: 10px; } #friendsAgree:checked::after, #linkedinAgree::after, #agentsAgree::after { top: 7px !important; left: auto !important; right: 7px; } #friendsAgree:before, #contactAgree:before, #linkedinAgree:before, #agentsAgree:before { top: auto !important; left: auto !important; } .form-container .field-validation-error { color: red; padding-bottom: 5px; } #contactAgree:checked::after { top: auto !important; left: auto !important; right: 17px; } #AgentRegisterForm .input { display: flex; align-items: baseline; } @media screen and (max-width: 768px) { .side_form { display: none; } .debug-reset { left: 9px; bottom: 70px; } }