html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
/*!
* Font Awesome Pro 5.0.9 by @fontawesome - https://fontawesome.com
* License - https://fontawesome.com/license (Commercial License)
*/
.fa,.fab,.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:a 2s infinite linear;animation:a 2s infinite linear}.fa-pulse{-webkit-animation:a 1s infinite steps(8);animation:a 1s infinite steps(8)}@-webkit-keyframes a{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes a{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-horizontal.fa-flip-vertical,.fa-flip-vertical{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"}.fa-flip-horizontal.fa-flip-vertical{-webkit-transform:scale(-1);transform:scale(-1)}: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:2em}.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-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-alarm-clock:before{content:"\f34e"}.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-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-angrycreative:before{content:"\f36e"}.fa-angular:before{content:"\f420"}.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-pay:before{content:"\f415"}.fa-archive:before{content:"\f187"}.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-alt-down:before{content:"\f354"}.fa-arrow-alt-from-bottom:before{content:"\f346"}.fa-arrow-alt-from-left:before{content:"\f347"}.fa-arrow-alt-from-right:before{content:"\f348"}.fa-arrow-alt-from-top:before{content:"\f349"}.fa-arrow-alt-left:before{content:"\f355"}.fa-arrow-alt-right:before{content:"\f356"}.fa-arrow-alt-square-down:before{content:"\f350"}.fa-arrow-alt-square-left:before{content:"\f351"}.fa-arrow-alt-square-right:before{content:"\f352"}.fa-arrow-alt-square-up:before{content:"\f353"}.fa-arrow-alt-to-bottom:before{content:"\f34a"}.fa-arrow-alt-to-left:before{content:"\f34b"}.fa-arrow-alt-to-right:before{content:"\f34c"}.fa-arrow-alt-to-top:before{content:"\f34d"}.fa-arrow-alt-up:before{content:"\f357"}.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-from-bottom:before{content:"\f342"}.fa-arrow-from-left:before{content:"\f343"}.fa-arrow-from-right:before{content:"\f344"}.fa-arrow-from-top:before{content:"\f345"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-square-down:before{content:"\f339"}.fa-arrow-square-left:before{content:"\f33a"}.fa-arrow-square-right:before{content:"\f33b"}.fa-arrow-square-up:before{content:"\f33c"}.fa-arrow-to-bottom:before{content:"\f33d"}.fa-arrow-to-left:before{content:"\f33e"}.fa-arrow-to-right:before{content:"\f340"}.fa-arrow-to-top:before{content:"\f341"}.fa-arrow-up:before{content:"\f062"}.fa-arrows:before{content:"\f047"}.fa-arrows-alt:before{content:"\f0b2"}.fa-arrows-alt-h:before{content:"\f337"}.fa-arrows-alt-v:before{content:"\f338"}.fa-arrows-h:before{content:"\f07e"}.fa-arrows-v:before{content:"\f07d"}.fa-assistive-listening-systems:before{content:"\f2a2"}.fa-asterisk:before{content:"\f069"}.fa-asymmetrik:before{content:"\f372"}.fa-at:before{content:"\f1fa"}.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-aws:before{content:"\f375"}.fa-backward:before{content:"\f04a"}.fa-badge:before{content:"\f335"}.fa-badge-check:before{content:"\f336"}.fa-balance-scale:before{content:"\f24e"}.fa-ban:before{content:"\f05e"}.fa-band-aid:before{content:"\f462"}.fa-bandcamp:before{content:"\f2d5"}.fa-barcode:before{content:"\f02a"}.fa-barcode-alt:before{content:"\f463"}.fa-barcode-read:before{content:"\f464"}.fa-barcode-scan:before{content:"\f465"}.fa-bars:before{content:"\f0c9"}.fa-baseball:before{content:"\f432"}.fa-baseball-ball:before{content:"\f433"}.fa-basketball-ball:before{content:"\f434"}.fa-basketball-hoop:before{content:"\f435"}.fa-bath:before{content:"\f2cd"}.fa-battery-bolt:before{content:"\f376"}.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-slash:before{content:"\f377"}.fa-battery-three-quarters:before{content:"\f241"}.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-bicycle:before{content:"\f206"}.fa-bimobject:before{content:"\f378"}.fa-binoculars:before{content:"\f1e5"}.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-blanket:before{content:"\f498"}.fa-blind:before{content:"\f29d"}.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-book:before{content:"\f02d"}.fa-book-heart:before{content:"\f499"}.fa-bookmark:before{content:"\f02e"}.fa-bowling-ball:before{content:"\f436"}.fa-bowling-pins:before{content:"\f437"}.fa-box:before{content:"\f466"}.fa-box-alt:before{content:"\f49a"}.fa-box-check:before{content:"\f467"}.fa-box-fragile:before{content:"\f49b"}.fa-box-full:before{content:"\f49c"}.fa-box-heart:before{content:"\f49d"}.fa-box-open:before{content:"\f49e"}.fa-box-up:before{content:"\f49f"}.fa-box-usd:before{content:"\f4a0"}.fa-boxes:before{content:"\f468"}.fa-boxes-alt:before{content:"\f4a1"}.fa-boxing-glove:before{content:"\f438"}.fa-braille:before{content:"\f2a1"}.fa-briefcase:before{content:"\f0b1"}.fa-briefcase-medical:before{content:"\f469"}.fa-browser:before{content:"\f37e"}.fa-btc:before{content:"\f15a"}.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-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-edit:before{content:"\f333"}.fa-calendar-exclamation:before{content:"\f334"}.fa-calendar-minus:before{content:"\f272"}.fa-calendar-plus:before{content:"\f271"}.fa-calendar-times:before{content:"\f273"}.fa-camera:before{content:"\f030"}.fa-camera-alt:before{content:"\f332"}.fa-camera-retro:before{content:"\f083"}.fa-capsules:before{content:"\f46b"}.fa-car:before{content:"\f1b9"}.fa-caret-circle-down:before{content:"\f32d"}.fa-caret-circle-left:before{content:"\f32e"}.fa-caret-circle-right:before{content:"\f330"}.fa-caret-circle-up:before{content:"\f331"}.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-cart-arrow-down:before{content:"\f218"}.fa-cart-plus:before{content:"\f217"}.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-certificate:before{content:"\f0a3"}.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-square:before{content:"\f14a"}.fa-chess:before{content:"\f439"}.fa-chess-bishop:before{content:"\f43a"}.fa-chess-bishop-alt:before{content:"\f43b"}.fa-chess-board:before{content:"\f43c"}.fa-chess-clock:before{content:"\f43d"}.fa-chess-clock-alt:before{content:"\f43e"}.fa-chess-king:before{content:"\f43f"}.fa-chess-king-alt:before{content:"\f440"}.fa-chess-knight:before{content:"\f441"}.fa-chess-knight-alt:before{content:"\f442"}.fa-chess-pawn:before{content:"\f443"}.fa-chess-pawn-alt:before{content:"\f444"}.fa-chess-queen:before{content:"\f445"}.fa-chess-queen-alt:before{content:"\f446"}.fa-chess-rook:before{content:"\f447"}.fa-chess-rook-alt:before{content:"\f448"}.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-double-down:before{content:"\f322"}.fa-chevron-double-left:before{content:"\f323"}.fa-chevron-double-right:before{content:"\f324"}.fa-chevron-double-up:before{content:"\f325"}.fa-chevron-down:before{content:"\f078"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-chevron-square-down:before{content:"\f329"}.fa-chevron-square-left:before{content:"\f32a"}.fa-chevron-square-right:before{content:"\f32b"}.fa-chevron-square-up:before{content:"\f32c"}.fa-chevron-up:before{content:"\f077"}.fa-child:before{content:"\f1ae"}.fa-chrome:before{content:"\f268"}.fa-circle:before{content:"\f111"}.fa-circle-notch:before{content:"\f1ce"}.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:before{content:"\f0ed"}.fa-cloud-download-alt:before{content:"\f381"}.fa-cloud-upload:before{content:"\f0ee"}.fa-cloud-upload-alt:before{content:"\f382"}.fa-cloudscale:before{content:"\f383"}.fa-cloudsmith:before{content:"\f384"}.fa-cloudversify:before{content:"\f385"}.fa-club:before{content:"\f327"}.fa-code:before{content:"\f121"}.fa-code-branch:before{content:"\f126"}.fa-code-commit:before{content:"\f386"}.fa-code-merge:before{content:"\f387"}.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-columns:before{content:"\f0db"}.fa-comment:before{content:"\f075"}.fa-comment-alt:before{content:"\f27a"}.fa-comment-alt-check:before{content:"\f4a2"}.fa-comment-alt-dots:before{content:"\f4a3"}.fa-comment-alt-edit:before{content:"\f4a4"}.fa-comment-alt-exclamation:before{content:"\f4a5"}.fa-comment-alt-lines:before{content:"\f4a6"}.fa-comment-alt-minus:before{content:"\f4a7"}.fa-comment-alt-plus:before{content:"\f4a8"}.fa-comment-alt-slash:before{content:"\f4a9"}.fa-comment-alt-smile:before{content:"\f4aa"}.fa-comment-alt-times:before{content:"\f4ab"}.fa-comment-check:before{content:"\f4ac"}.fa-comment-dots:before{content:"\f4ad"}.fa-comment-edit:before{content:"\f4ae"}.fa-comment-exclamation:before{content:"\f4af"}.fa-comment-lines:before{content:"\f4b0"}.fa-comment-minus:before{content:"\f4b1"}.fa-comment-plus:before{content:"\f4b2"}.fa-comment-slash:before{content:"\f4b3"}.fa-comment-smile:before{content:"\f4b4"}.fa-comment-times:before{content:"\f4b5"}.fa-comments:before{content:"\f086"}.fa-comments-alt:before{content:"\f4b6"}.fa-compass:before{content:"\f14e"}.fa-compress:before{content:"\f066"}.fa-compress-alt:before{content:"\f422"}.fa-compress-wide:before{content:"\f326"}.fa-connectdevelop:before{content:"\f20e"}.fa-container-storage:before{content:"\f4b7"}.fa-contao:before{content:"\f26d"}.fa-conveyor-belt:before{content:"\f46e"}.fa-conveyor-belt-alt:before{content:"\f46f"}.fa-copy:before{content:"\f0c5"}.fa-copyright:before{content:"\f1f9"}.fa-couch:before{content:"\f4b8"}.fa-cpanel:before{content:"\f388"}.fa-creative-commons:before{content:"\f25e"}.fa-credit-card:before{content:"\f09d"}.fa-credit-card-blank:before{content:"\f389"}.fa-credit-card-front:before{content:"\f38a"}.fa-cricket:before{content:"\f449"}.fa-crop:before{content:"\f125"}.fa-crosshairs:before{content:"\f05b"}.fa-css3:before{content:"\f13c"}.fa-css3-alt:before{content:"\f38b"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-curling:before{content:"\f44a"}.fa-cut:before{content:"\f0c4"}.fa-cuttlefish:before{content:"\f38c"}.fa-d-and-d:before{content:"\f38d"}.fa-dashcube:before{content:"\f210"}.fa-database:before{content:"\f1c0"}.fa-deaf:before{content:"\f2a4"}.fa-delicious:before{content:"\f1a5"}.fa-deploydog:before{content:"\f38e"}.fa-deskpro:before{content:"\f38f"}.fa-desktop:before{content:"\f108"}.fa-desktop-alt:before{content:"\f390"}.fa-deviantart:before{content:"\f1bd"}.fa-diagnoses:before{content:"\f470"}.fa-diamond:before{content:"\f219"}.fa-digg:before{content:"\f1a6"}.fa-digital-ocean:before{content:"\f391"}.fa-discord:before{content:"\f392"}.fa-discourse:before{content:"\f393"}.fa-dna:before{content:"\f471"}.fa-dochub:before{content:"\f394"}.fa-docker:before{content:"\f395"}.fa-dollar-sign:before{content:"\f155"}.fa-dolly:before{content:"\f472"}.fa-dolly-empty:before{content:"\f473"}.fa-dolly-flatbed:before{content:"\f474"}.fa-dolly-flatbed-alt:before{content:"\f475"}.fa-dolly-flatbed-empty:before{content:"\f476"}.fa-donate:before{content:"\f4b9"}.fa-dot-circle:before{content:"\f192"}.fa-dove:before{content:"\f4ba"}.fa-download:before{content:"\f019"}.fa-draft2digital:before{content:"\f396"}.fa-dribbble:before{content:"\f17d"}.fa-dribbble-square:before{content:"\f397"}.fa-dropbox:before{content:"\f16b"}.fa-drupal:before{content:"\f1a9"}.fa-dumbbell:before{content:"\f44b"}.fa-dyalog:before{content:"\f399"}.fa-earlybirds:before{content:"\f39a"}.fa-edge:before{content:"\f282"}.fa-edit:before{content:"\f044"}.fa-eject:before{content:"\f052"}.fa-elementor:before{content:"\f430"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-h-alt:before{content:"\f39b"}.fa-ellipsis-v:before{content:"\f142"}.fa-ellipsis-v-alt:before{content:"\f39c"}.fa-ember:before{content:"\f423"}.fa-empire:before{content:"\f1d1"}.fa-envelope:before{content:"\f0e0"}.fa-envelope-open:before{content:"\f2b6"}.fa-envelope-square:before{content:"\f199"}.fa-envira:before{content:"\f299"}.fa-eraser:before{content:"\f12d"}.fa-erlang:before{content:"\f39d"}.fa-ethereum:before{content:"\f42e"}.fa-etsy:before{content:"\f2d7"}.fa-euro-sign:before{content:"\f153"}.fa-exchange:before{content:"\f0ec"}.fa-exchange-alt:before{content:"\f362"}.fa-exclamation:before{content:"\f12a"}.fa-exclamation-circle:before{content:"\f06a"}.fa-exclamation-square:before{content:"\f321"}.fa-exclamation-triangle:before{content:"\f071"}.fa-expand:before{content:"\f065"}.fa-expand-alt:before{content:"\f424"}.fa-expand-arrows:before{content:"\f31d"}.fa-expand-arrows-alt:before{content:"\f31e"}.fa-expand-wide:before{content:"\f320"}.fa-expeditedssl:before{content:"\f23e"}.fa-external-link:before{content:"\f08e"}.fa-external-link-alt:before{content:"\f35d"}.fa-external-link-square:before{content:"\f14c"}.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-fast-backward:before{content:"\f049"}.fa-fast-forward:before{content:"\f050"}.fa-fax:before{content:"\f1ac"}.fa-female:before{content:"\f182"}.fa-field-hockey:before{content:"\f44c"}.fa-fighter-jet:before{content:"\f0fb"}.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-check:before{content:"\f316"}.fa-file-code:before{content:"\f1c9"}.fa-file-edit:before{content:"\f31c"}.fa-file-excel:before{content:"\f1c3"}.fa-file-exclamation:before{content:"\f31a"}.fa-file-image:before{content:"\f1c5"}.fa-file-medical:before{content:"\f477"}.fa-file-medical-alt:before{content:"\f478"}.fa-file-minus:before{content:"\f318"}.fa-file-pdf:before{content:"\f1c1"}.fa-file-plus:before{content:"\f319"}.fa-file-powerpoint:before{content:"\f1c4"}.fa-file-times:before{content:"\f317"}.fa-file-video:before{content:"\f1c8"}.fa-file-word:before{content:"\f1c2"}.fa-film:before{content:"\f008"}.fa-film-alt:before{content:"\f3a0"}.fa-filter:before{content:"\f0b0"}.fa-fire:before{content:"\f06d"}.fa-fire-extinguisher:before{content:"\f134"}.fa-firefox:before{content:"\f269"}.fa-first-aid:before{content:"\f479"}.fa-first-order:before{content:"\f2b0"}.fa-firstdraft:before{content:"\f3a1"}.fa-flag:before{content:"\f024"}.fa-flag-checkered:before{content:"\f11e"}.fa-flask:before{content:"\f0c3"}.fa-flickr:before{content:"\f16e"}.fa-flipboard:before{content:"\f44d"}.fa-fly:before{content:"\f417"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.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-fonticons:before{content:"\f280"}.fa-fonticons-fi:before{content:"\f3a2"}.fa-football-ball:before{content:"\f44e"}.fa-football-helmet:before{content:"\f44f"}.fa-forklift:before{content:"\f47a"}.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-fragile:before{content:"\f4bb"}.fa-free-code-camp:before{content:"\f2c5"}.fa-freebsd:before{content:"\f3a4"}.fa-frown:before{content:"\f119"}.fa-futbol:before{content:"\f1e3"}.fa-gamepad:before{content:"\f11b"}.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-gift:before{content:"\f06b"}.fa-git:before{content:"\f1d3"}.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-martini:before{content:"\f000"}.fa-glide:before{content:"\f2a5"}.fa-glide-g:before{content:"\f2a6"}.fa-globe:before{content:"\f0ac"}.fa-gofore:before{content:"\f3a7"}.fa-golf-ball:before{content:"\f450"}.fa-golf-club:before{content:"\f451"}.fa-goodreads:before{content:"\f3a8"}.fa-goodreads-g:before{content:"\f3a9"}.fa-google:before{content:"\f1a0"}.fa-google-drive:before{content:"\f3aa"}.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-graduation-cap:before{content:"\f19d"}.fa-gratipay:before{content:"\f184"}.fa-grav:before{content:"\f2d6"}.fa-gripfire:before{content:"\f3ac"}.fa-grunt:before{content:"\f3ad"}.fa-gulp:before{content:"\f3ae"}.fa-h-square:before{content:"\f0fd"}.fa-h1:before{content:"\f313"}.fa-h2:before{content:"\f314"}.fa-h3:before{content:"\f315"}.fa-hacker-news:before{content:"\f1d4"}.fa-hacker-news-square:before{content:"\f3af"}.fa-hand-heart:before{content:"\f4bc"}.fa-hand-holding:before{content:"\f4bd"}.fa-hand-holding-box:before{content:"\f47b"}.fa-hand-holding-heart:before{content:"\f4be"}.fa-hand-holding-seedling:before{content:"\f4bf"}.fa-hand-holding-usd:before{content:"\f4c0"}.fa-hand-holding-water:before{content:"\f4c1"}.fa-hand-lizard:before{content:"\f258"}.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-receiving:before{content:"\f47c"}.fa-hand-rock:before{content:"\f255"}.fa-hand-scissors:before{content:"\f257"}.fa-hand-spock:before{content:"\f259"}.fa-hands:before{content:"\f4c2"}.fa-hands-heart:before{content:"\f4c3"}.fa-hands-helping:before{content:"\f4c4"}.fa-hands-usd:before{content:"\f4c5"}.fa-handshake:before{content:"\f2b5"}.fa-handshake-alt:before{content:"\f4c6"}.fa-hashtag:before{content:"\f292"}.fa-hdd:before{content:"\f0a0"}.fa-heading:before{content:"\f1dc"}.fa-headphones:before{content:"\f025"}.fa-heart:before{content:"\f004"}.fa-heart-circle:before{content:"\f4c7"}.fa-heart-square:before{content:"\f4c8"}.fa-heartbeat:before{content:"\f21e"}.fa-hexagon:before{content:"\f312"}.fa-hips:before{content:"\f452"}.fa-hire-a-helper:before{content:"\f3b0"}.fa-history:before{content:"\f1da"}.fa-hockey-puck:before{content:"\f453"}.fa-hockey-sticks:before{content:"\f454"}.fa-home:before{content:"\f015"}.fa-home-heart:before{content:"\f4c9"}.fa-hooli:before{content:"\f427"}.fa-hospital:before{content:"\f0f8"}.fa-hospital-alt:before{content:"\f47d"}.fa-hospital-symbol:before{content:"\f47e"}.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-houzz:before{content:"\f27c"}.fa-html5:before{content:"\f13b"}.fa-hubspot:before{content:"\f3b2"}.fa-i-cursor:before{content:"\f246"}.fa-id-badge:before{content:"\f2c1"}.fa-id-card:before{content:"\f2c2"}.fa-id-card-alt:before{content:"\f47f"}.fa-image:before{content:"\f03e"}.fa-images:before{content:"\f302"}.fa-imdb:before{content:"\f2d8"}.fa-inbox:before{content:"\f01c"}.fa-inbox-in:before{content:"\f310"}.fa-inbox-out:before{content:"\f311"}.fa-indent:before{content:"\f03c"}.fa-industry:before{content:"\f275"}.fa-industry-alt:before{content:"\f3b3"}.fa-info:before{content:"\f129"}.fa-info-circle:before{content:"\f05a"}.fa-info-square:before{content:"\f30f"}.fa-instagram:before{content:"\f16d"}.fa-internet-explorer:before{content:"\f26b"}.fa-inventory:before{content:"\f480"}.fa-ioxhost:before{content:"\f208"}.fa-italic:before{content:"\f033"}.fa-itunes:before{content:"\f3b4"}.fa-itunes-note:before{content:"\f3b5"}.fa-jack-o-lantern:before{content:"\f30e"}.fa-jenkins:before{content:"\f3b6"}.fa-joget:before{content:"\f3b7"}.fa-joomla:before{content:"\f1aa"}.fa-js:before{content:"\f3b8"}.fa-js-square:before{content:"\f3b9"}.fa-jsfiddle:before{content:"\f1cc"}.fa-key:before{content:"\f084"}.fa-keyboard:before{content:"\f11c"}.fa-keycdn:before{content:"\f3ba"}.fa-kickstarter:before{content:"\f3bb"}.fa-kickstarter-k:before{content:"\f3bc"}.fa-korvue:before{content:"\f42f"}.fa-lamp:before{content:"\f4ca"}.fa-language:before{content:"\f1ab"}.fa-laptop:before{content:"\f109"}.fa-laravel:before{content:"\f3bd"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-leaf:before{content:"\f06c"}.fa-leaf-heart:before{content:"\f4cb"}.fa-leanpub:before{content:"\f212"}.fa-lemon:before{content:"\f094"}.fa-less:before{content:"\f41d"}.fa-level-down:before{content:"\f149"}.fa-level-down-alt:before{content:"\f3be"}.fa-level-up:before{content:"\f148"}.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-alt:before{content:"\f30d"}.fa-lock-open:before{content:"\f3c1"}.fa-lock-open-alt:before{content:"\f3c2"}.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-long-arrow-down:before{content:"\f175"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-long-arrow-up:before{content:"\f176"}.fa-loveseat:before{content:"\f4cc"}.fa-low-vision:before{content:"\f2a8"}.fa-luchador:before{content:"\f455"}.fa-lyft:before{content:"\f3c3"}.fa-magento:before{content:"\f3c4"}.fa-magic:before{content:"\f0d0"}.fa-magnet:before{content:"\f076"}.fa-male:before{content:"\f183"}.fa-map:before{content:"\f279"}.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-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-maxcdn:before{content:"\f136"}.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-meh:before{content:"\f11a"}.fa-mercury:before{content:"\f223"}.fa-microchip:before{content:"\f2db"}.fa-microphone:before{content:"\f130"}.fa-microphone-alt:before{content:"\f3c9"}.fa-microphone-slash:before{content:"\f131"}.fa-microsoft:before{content:"\f3ca"}.fa-minus:before{content:"\f068"}.fa-minus-circle:before{content:"\f056"}.fa-minus-hexagon:before{content:"\f307"}.fa-minus-octagon:before{content:"\f308"}.fa-minus-square:before{content:"\f146"}.fa-mix:before{content:"\f3cb"}.fa-mixcloud:before{content:"\f289"}.fa-mizuni:before{content:"\f3cc"}.fa-mobile:before{content:"\f10b"}.fa-mobile-alt:before{content:"\f3cd"}.fa-mobile-android:before{content:"\f3ce"}.fa-mobile-android-alt:before{content:"\f3cf"}.fa-modx:before{content:"\f285"}.fa-monero:before{content:"\f3d0"}.fa-money-bill:before{content:"\f0d6"}.fa-money-bill-alt:before{content:"\f3d1"}.fa-moon:before{content:"\f186"}.fa-motorcycle:before{content:"\f21c"}.fa-mouse-pointer:before{content:"\f245"}.fa-music:before{content:"\f001"}.fa-napster:before{content:"\f3d2"}.fa-neuter:before{content:"\f22c"}.fa-newspaper:before{content:"\f1ea"}.fa-nintendo-switch:before{content:"\f418"}.fa-node:before{content:"\f419"}.fa-node-js:before{content:"\f3d3"}.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-octagon:before{content:"\f306"}.fa-odnoklassniki:before{content:"\f263"}.fa-odnoklassniki-square:before{content:"\f264"}.fa-opencart:before{content:"\f23d"}.fa-openid:before{content:"\f19b"}.fa-opera:before{content:"\f26a"}.fa-optin-monster:before{content:"\f23c"}.fa-osi:before{content:"\f41a"}.fa-outdent:before{content:"\f03b"}.fa-page4:before{content:"\f3d7"}.fa-pagelines:before{content:"\f18c"}.fa-paint-brush:before{content:"\f1fc"}.fa-palfed:before{content:"\f3d8"}.fa-pallet:before{content:"\f482"}.fa-pallet-alt:before{content:"\f483"}.fa-paper-plane:before{content:"\f1d8"}.fa-paperclip:before{content:"\f0c6"}.fa-parachute-box:before{content:"\f4cd"}.fa-paragraph:before{content:"\f1dd"}.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-pen:before{content:"\f304"}.fa-pen-alt:before{content:"\f305"}.fa-pen-square:before{content:"\f14b"}.fa-pencil:before{content:"\f040"}.fa-pencil-alt:before{content:"\f303"}.fa-pennant:before{content:"\f456"}.fa-people-carry:before{content:"\f4ce"}.fa-percent:before{content:"\f295"}.fa-periscope:before{content:"\f3da"}.fa-person-carry:before{content:"\f4cf"}.fa-person-dolly:before{content:"\f4d0"}.fa-person-dolly-empty:before{content:"\f4d1"}.fa-phabricator:before{content:"\f3db"}.fa-phoenix-framework:before{content:"\f3dc"}.fa-phone:before{content:"\f095"}.fa-phone-plus:before{content:"\f4d2"}.fa-phone-slash:before{content:"\f3dd"}.fa-phone-square:before{content:"\f098"}.fa-phone-volume:before{content:"\f2a0"}.fa-php:before{content:"\f457"}.fa-pied-piper:before{content:"\f2ae"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-pied-piper-pp:before{content:"\f1a7"}.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-plane:before{content:"\f072"}.fa-plane-alt:before{content:"\f3de"}.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-hexagon:before{content:"\f300"}.fa-plus-octagon:before{content:"\f301"}.fa-plus-square:before{content:"\f0fe"}.fa-podcast:before{content:"\f2ce"}.fa-poo:before{content:"\f2fe"}.fa-portrait:before{content:"\f3e0"}.fa-pound-sign:before{content:"\f154"}.fa-power-off:before{content:"\f011"}.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-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-question-square:before{content:"\f2fd"}.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-racquet:before{content:"\f45a"}.fa-ramp-loading:before{content:"\f4d4"}.fa-random:before{content:"\f074"}.fa-ravelry:before{content:"\f2d9"}.fa-react:before{content:"\f41b"}.fa-readme:before{content:"\f4d5"}.fa-rebel:before{content:"\f1d0"}.fa-rectangle-landscape:before{content:"\f2fa"}.fa-rectangle-portrait:before{content:"\f2fb"}.fa-rectangle-wide:before{content:"\f2fc"}.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-redo:before{content:"\f01e"}.fa-redo-alt:before{content:"\f2f9"}.fa-registered:before{content:"\f25d"}.fa-rendact:before{content:"\f3e4"}.fa-renren:before{content:"\f18b"}.fa-repeat:before{content:"\f363"}.fa-repeat-1:before{content:"\f365"}.fa-repeat-1-alt:before{content:"\f366"}.fa-repeat-alt:before{content:"\f364"}.fa-reply:before{content:"\f3e5"}.fa-reply-all:before{content:"\f122"}.fa-replyd:before{content:"\f3e6"}.fa-resolving:before{content:"\f3e7"}.fa-retweet:before{content:"\f079"}.fa-retweet-alt:before{content:"\f361"}.fa-ribbon:before{content:"\f4d6"}.fa-road:before{content:"\f018"}.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-rupee-sign:before{content:"\f156"}.fa-safari:before{content:"\f267"}.fa-sass:before{content:"\f41e"}.fa-save:before{content:"\f0c7"}.fa-scanner:before{content:"\f488"}.fa-scanner-keyboard:before{content:"\f489"}.fa-scanner-touchscreen:before{content:"\f48a"}.fa-schlix:before{content:"\f3ea"}.fa-scribd:before{content:"\f28a"}.fa-scrubber:before{content:"\f2f8"}.fa-search:before{content:"\f002"}.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-share:before{content:"\f064"}.fa-share-all:before{content:"\f367"}.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:before{content:"\f132"}.fa-shield-alt:before{content:"\f3ed"}.fa-shield-check:before{content:"\f2f7"}.fa-ship:before{content:"\f21a"}.fa-shipping-fast:before{content:"\f48b"}.fa-shipping-timed:before{content:"\f48c"}.fa-shirtsinbulk:before{content:"\f214"}.fa-shopping-bag:before{content:"\f290"}.fa-shopping-basket:before{content:"\f291"}.fa-shopping-cart:before{content:"\f07a"}.fa-shower:before{content:"\f2cc"}.fa-shuttlecock:before{content:"\f45b"}.fa-sign:before{content:"\f4d9"}.fa-sign-in:before{content:"\f090"}.fa-sign-in-alt:before{content:"\f2f6"}.fa-sign-language:before{content:"\f2a7"}.fa-sign-out:before{content:"\f08b"}.fa-sign-out-alt:before{content:"\f2f5"}.fa-signal:before{content:"\f012"}.fa-simplybuilt:before{content:"\f215"}.fa-sistrix:before{content:"\f3ee"}.fa-sitemap:before{content:"\f0e8"}.fa-skyatlas:before{content:"\f216"}.fa-skype:before{content:"\f17e"}.fa-slack:before{content:"\f198"}.fa-slack-hash:before{content:"\f3ef"}.fa-sliders-h:before{content:"\f1de"}.fa-sliders-h-square:before{content:"\f3f0"}.fa-sliders-v:before{content:"\f3f1"}.fa-sliders-v-square:before{content:"\f3f2"}.fa-slideshare:before{content:"\f1e7"}.fa-smile:before{content:"\f118"}.fa-smile-plus:before{content:"\f4da"}.fa-smoking:before{content:"\f48d"}.fa-snapchat:before{content:"\f2ab"}.fa-snapchat-ghost:before{content:"\f2ac"}.fa-snapchat-square:before{content:"\f2ad"}.fa-snowflake:before{content:"\f2dc"}.fa-sort:before{content:"\f0dc"}.fa-sort-alpha-down:before{content:"\f15d"}.fa-sort-alpha-up:before{content:"\f15e"}.fa-sort-amount-down:before{content:"\f160"}.fa-sort-amount-up:before{content:"\f161"}.fa-sort-down:before{content:"\f0dd"}.fa-sort-numeric-down:before{content:"\f162"}.fa-sort-numeric-up:before{content:"\f163"}.fa-sort-up:before{content:"\f0de"}.fa-soundcloud:before{content:"\f1be"}.fa-space-shuttle:before{content:"\f197"}.fa-spade:before{content:"\f2f4"}.fa-speakap:before{content:"\f3f3"}.fa-spinner:before{content:"\f110"}.fa-spinner-third:before{content:"\f3f4"}.fa-spotify:before{content:"\f1bc"}.fa-square:before{content:"\f0c8"}.fa-square-full:before{content:"\f45c"}.fa-stack-exchange:before{content:"\f18d"}.fa-stack-overflow:before{content:"\f16c"}.fa-star:before{content:"\f005"}.fa-star-exclamation:before{content:"\f2f3"}.fa-star-half:before{content:"\f089"}.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-strava:before{content:"\f428"}.fa-street-view:before{content:"\f21d"}.fa-strikethrough:before{content:"\f0cc"}.fa-stripe:before{content:"\f429"}.fa-stripe-s:before{content:"\f42a"}.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-sun:before{content:"\f185"}.fa-superpowers:before{content:"\f2dd"}.fa-superscript:before{content:"\f12b"}.fa-supple:before{content:"\f3f9"}.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-tablet-android:before{content:"\f3fb"}.fa-tablet-android-alt:before{content:"\f3fc"}.fa-tablet-rugged:before{content:"\f48f"}.fa-tablets:before{content:"\f490"}.fa-tachometer:before{content:"\f0e4"}.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-telegram:before{content:"\f2c6"}.fa-telegram-plane:before{content:"\f3fe"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-tennis-ball:before{content:"\f45e"}.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-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-thumbs-down:before{content:"\f165"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbtack:before{content:"\f08d"}.fa-ticket:before{content:"\f145"}.fa-ticket-alt:before{content:"\f3ff"}.fa-times:before{content:"\f00d"}.fa-times-circle:before{content:"\f057"}.fa-times-hexagon:before{content:"\f2ee"}.fa-times-octagon:before{content:"\f2f0"}.fa-times-square:before{content:"\f2d3"}.fa-tint:before{content:"\f043"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-trademark:before{content:"\f25c"}.fa-train:before{content:"\f238"}.fa-transgender:before{content:"\f224"}.fa-transgender-alt:before{content:"\f225"}.fa-trash:before{content:"\f1f8"}.fa-trash-alt:before{content:"\f2ed"}.fa-tree:before{content:"\f1bb"}.fa-tree-alt:before{content:"\f400"}.fa-trello:before{content:"\f181"}.fa-triangle:before{content:"\f2ec"}.fa-tripadvisor:before{content:"\f262"}.fa-trophy:before{content:"\f091"}.fa-trophy-alt:before{content:"\f2eb"}.fa-truck:before{content:"\f0d1"}.fa-truck-container:before{content:"\f4dc"}.fa-truck-couch:before{content:"\f4dd"}.fa-truck-loading:before{content:"\f4de"}.fa-truck-moving:before{content:"\f4df"}.fa-truck-ramp:before{content:"\f4e0"}.fa-tty:before{content:"\f1e4"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-tv:before{content:"\f26c"}.fa-tv-retro:before{content:"\f401"}.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-uikit:before{content:"\f403"}.fa-umbrella:before{content:"\f0e9"}.fa-underline:before{content:"\f0cd"}.fa-undo:before{content:"\f0e2"}.fa-undo-alt:before{content:"\f2ea"}.fa-uniregistry:before{content:"\f404"}.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-untappd:before{content:"\f405"}.fa-upload:before{content:"\f093"}.fa-usb:before{content:"\f287"}.fa-usd-circle:before{content:"\f2e8"}.fa-usd-square:before{content:"\f2e9"}.fa-user:before{content:"\f007"}.fa-user-alt:before{content:"\f406"}.fa-user-circle:before{content:"\f2bd"}.fa-user-md:before{content:"\f0f0"}.fa-user-plus:before{content:"\f234"}.fa-user-secret:before{content:"\f21b"}.fa-user-times:before{content:"\f235"}.fa-users:before{content:"\f0c0"}.fa-ussunnah:before{content:"\f407"}.fa-utensil-fork:before{content:"\f2e3"}.fa-utensil-knife:before{content:"\f2e4"}.fa-utensil-spoon:before{content:"\f2e5"}.fa-utensils:before{content:"\f2e7"}.fa-utensils-alt:before{content:"\f2e6"}.fa-vaadin:before{content:"\f408"}.fa-venus:before{content:"\f221"}.fa-venus-double:before{content:"\f226"}.fa-venus-mars:before{content:"\f228"}.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-plus:before{content:"\f4e1"}.fa-video-slash:before{content:"\f4e2"}.fa-vimeo:before{content:"\f40a"}.fa-vimeo-square:before{content:"\f194"}.fa-vimeo-v:before{content:"\f27d"}.fa-vine:before{content:"\f1ca"}.fa-vk:before{content:"\f189"}.fa-vnv:before{content:"\f40b"}.fa-volleyball-ball:before{content:"\f45f"}.fa-volume-down:before{content:"\f027"}.fa-volume-mute:before{content:"\f2e2"}.fa-volume-off:before{content:"\f026"}.fa-volume-up:before{content:"\f028"}.fa-vuejs:before{content:"\f41f"}.fa-warehouse:before{content:"\f494"}.fa-warehouse-alt:before{content:"\f495"}.fa-watch:before{content:"\f2e1"}.fa-weibo:before{content:"\f18a"}.fa-weight:before{content:"\f496"}.fa-weixin:before{content:"\f1d7"}.fa-whatsapp:before{content:"\f232"}.fa-whatsapp-square:before{content:"\f40c"}.fa-wheelchair:before{content:"\f193"}.fa-whistle:before{content:"\f460"}.fa-whmcs:before{content:"\f40d"}.fa-wifi:before{content:"\f1eb"}.fa-wikipedia-w:before{content:"\f266"}.fa-window:before{content:"\f40e"}.fa-window-alt:before{content:"\f40f"}.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-glass:before{content:"\f4e3"}.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-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-yandex:before{content:"\f413"}.fa-yandex-international:before{content:"\f414"}.fa-yelp:before{content:"\f1e9"}.fa-yen-sign:before{content:"\f157"}.fa-yoast:before{content:"\f2b1"}.fa-youtube:before{content:"\f167"}.fa-youtube-square:before{content:"\f431"}.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:Font Awesome\ 5 Brands;font-style:normal;font-weight:400;src:url(../webfonts/fa-brands-400.eot);src:url(../webfonts/fa-brands-400.eot?#iefix) format("embedded-opentype"),url(../webfonts/fa-brands-400.woff2) format("woff2"),url(../webfonts/fa-brands-400.woff) format("woff"),url(../webfonts/fa-brands-400.ttf) format("truetype"),url(../webfonts/fa-brands-400.svg#fontawesome) format("svg")}.fab{font-family:Font Awesome\ 5 Brands}@font-face{font-family:Font Awesome\ 5 Pro;font-style:normal;font-weight:300;src:url(../webfonts/fa-light-300.eot);src:url(../webfonts/fa-light-300.eot?#iefix) format("embedded-opentype"),url(../webfonts/fa-light-300.woff2) format("woff2"),url(../webfonts/fa-light-300.woff) format("woff"),url(../webfonts/fa-light-300.ttf) format("truetype"),url(../webfonts/fa-light-300.svg#fontawesome) format("svg")}.fal{font-weight:300}@font-face{font-family:Font Awesome\ 5 Pro;font-style:normal;font-weight:400;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")}.fal,.far{font-family:Font Awesome\ 5 Pro}.far{font-weight:400}@font-face{font-family:Font Awesome\ 5 Pro;font-style:normal;font-weight:900;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,.fas{font-family:Font Awesome\ 5 Pro;font-weight:900}
/**
* Owl Carousel v2.3.4
* Copyright 2013-2018 David Deutsch
* Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
*/
.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:-webkit-grab;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:-webkit-transform .1s ease;transition:transform .1s ease;transition:transform .1s ease, -webkit-transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-webkit-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}
/**
* Owl Carousel v2.3.4
* Copyright 2013-2018 David Deutsch
* Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
*/
.owl-theme .owl-dots,.owl-theme .owl-nav{text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-nav{margin-top:10px}.owl-theme .owl-nav [class*=owl-]{color:#FFF;font-size:14px;margin:5px;padding:4px 7px;background:#D6D6D6;display:inline-block;cursor:pointer;border-radius:3px}.owl-theme .owl-nav [class*=owl-]:hover{background:#869791;color:#FFF;text-decoration:none}.owl-theme .owl-nav .disabled{opacity:.5;cursor:default}.owl-theme .owl-nav.disabled+.owl-dots{margin-top:10px}.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1}.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#D6D6D6;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:30px}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#869791}
@font-face {
font-family: Arial;
src: url(../fonts/Arial.ttf), url(../fonts/Arial.eot);
}
@font-face {
font-family: Arial-Bold;
src: url(../fonts/Arial_Bold.ttf), url(../fonts/Arial_Bold.eot);
}
@font-face {
font-family: Din-Bold;
src: url(../fonts/DIN_Condensed_Bold.ttf), url(../fonts/DIN_Cond_Bold.eot);
}
@font-face {
font-family: Oswald-Regular;
src: url(../fonts/Oswald-Regular.ttf), url(../fonts/Oswald-Regular.eot);
}
.stop-scrolling {
height: 100%;
overflow: hidden;
}
.twitterCardLinks{
display: none !important;
}
@media screen and (min-width: 1400px){
#header{
background-color: #A1A7AF;
width: 100%;
padding: 30px 0;
}
#innerHeader{
width: 1300px;
margin: 0 auto;
}
#innerHeader img{
height: 84px !important;
width: 205px !important;
}
#innerHeader a{
text-decoration: none;
}
#headerMenuIcon{
float: right;
width: 42px;
margin-top: 20px;
}
#headerMenuIcon i{
color: #fff;
font-size: 45px;
}
#headerMenuIcon .fa-times{
display: none;
}
#headerMenuIcon:hover i{
color: #ddd;
cursor: pointer;
transition: 0.2s;
}
/* follow us icons */
#headerFollowUs{
display: inline-block;
width: 220px;
margin-left: 720px;
vertical-align: top;
}
#headerFollowUs p{
color: #fff;
font-size: 22px;
font-family: Arial, sans-serif;
letter-spacing: 2px;
font-weight: 600;
}
#headerFollowUs_inner{
margin-top: 14px;
}
#headerFollowUs a{
font-size: 26px;
color: #fff;
text-decoration: none;
margin: 0 10px;
}
#headerFollowUs a:first-of-type{
margin-left: 0;
}
#headerFollowUs a:hover{
color: #d8d8d8;
}
#headerFollowUs i{
}
/* header menu */
#headerMenu{
background-color: #ddd;
position: fixed;
top: 147px;
right: -100%;
width: 100%;
height: calc(100% - 147px);
z-index: 999;
}
#headerMenu-inner{
position: relative;
width: 1300px;
margin: 0 auto;
}
#headerMenu-image{
position: absolute;
top: 0;
left: 0;
/*z-index: 0;*/
opacity: 0;
width: 100%;
overflow: hidden;
}
#headerMenu-ul{
width: 700px;
z-index: 100;
position: absolute;
margin-top: 80px;
}
#headerMenu-ul li{
display: inline-block;
width: 310px;
text-align: left;
margin-bottom: 0;
}
#headerMenu-ul a{
text-decoration: none;
color: #000;
font-size: 50px;
font-family: Din-Bold, sans-serif;
opacity: 0.2;
}
#headerMenu-ul a:hover{
text-decoration: underline;
color: #D0585A;
transition: 0.2s;
}
#headerMenu-scooter{
display: none;
width: 200px;
position: fixed;
left: -200px;
bottom: 0;
/*transition: 0.6s;*/
z-index: 9999;
}
.stopingScooter{
-webkit-transform: rotate(25deg);
transform: rotate(25deg);
-webkit-transform-origin: bottom right;
transform-origin: bottom right;
transition: 0.4s;
}
}
@media screen and (min-width: 1200px) and (max-width: 1400px){
#header{
background-color: #A1A7AF;
width: 100%;
padding: 15px 0;
}
#innerHeader{
width: 1100px;
margin: 0 auto;
}
#innerHeader img{
height: 74px;
width: auto;
}
#innerHeader a{
text-decoration: none;
}
#headerMenuIcon{
float: right;
width: 42px;
margin-top: 16px;
}
#headerMenuIcon i{
color: #fff;
font-size: 45px;
}
#headerMenuIcon .fa-times{
display: none;
}
#headerMenuIcon:hover i{
color: #ddd;
cursor: pointer;
transition: 0.2s;
}
/* follow us icons */
#headerFollowUs{
display: inline-block;
width: 220px;
margin-left: 580px;
vertical-align: top;
}
#headerFollowUs p{
color: #fff;
font-size: 21px;
font-family: Arial, sans-serif;
letter-spacing: 2px;
font-weight: 600;
}
#headerFollowUs_inner{
margin-top: 14px;
}
#headerFollowUs a{
font-size: 22px;
color: #fff;
text-decoration: none;
margin: 0 10px;
}
#headerFollowUs a:first-of-type{
margin-left: 0;
}
#headerFollowUs a:hover{
color: #d8d8d8;
}
#headerFollowUs i{
}
/* header menu */
#headerMenu{
background-color: #ddd;
position: fixed;
top: 107px;
right: -100%;
width: 100%;
height: calc(100% - 107px);
z-index: 999;
}
#headerMenu-inner{
position: relative;
width: 1100px;
margin: 0 auto;
}
#headerMenu-image{
position: absolute;
top: 0;
left: 0;
/*z-index: 0;*/
opacity: 0;
width: 100%;
overflow: hidden;
}
#headerMenu-ul{
width: 700px;
z-index: 100;
position: absolute;
margin-top: 80px;
}
#headerMenu-ul li{
display: inline-block;
width: 310px;
text-align: left;
margin-bottom: 0;
}
#headerMenu-ul a{
text-decoration: none;
color: #000;
font-size: 50px;
font-family: Din-Bold, sans-serif;
opacity: 0.2;
}
#headerMenu-ul a:hover{
text-decoration: underline;
color: #D0585A;
transition: 0.2s;
}
#headerMenu-scooter{
display: none;
width: 200px;
position: fixed;
left: -200px;
bottom: 0;
/*transition: 0.6s;*/
z-index: 9999;
}
.stopingScooter{
-webkit-transform: rotate(25deg);
transform: rotate(25deg);
-webkit-transform-origin: bottom right;
transform-origin: bottom right;
transition: 0.4s;
}
}
/*=== TABLET ===*/
@media screen and (min-width: 1022px) and (max-width: 1200px) {
#header{
background-color: #A1A7AF;
width: 100%;
padding: 15px 0;
}
#innerHeader{
width: 900px;
margin: 0 auto;
}
#innerHeader a{
text-decoration: none;
}
#innerHeader img{
height: 74px;
width: auto;
}
#headerMenuIcon{
float: right;
width: 42px;
margin-top: 16px;
}
#headerMenuIcon i{
color: #fff;
font-size: 45px;
}
#headerMenuIcon .fa-times{
display: none;
}
#headerMenuIcon:hover i{
color: #ddd;
cursor: pointer;
transition: 0.2s;
}
/* follow us icons */
#headerFollowUs{
display: inline-block;
width: 280px;
margin-left: 190px;
vertical-align: top;
}
#headerFollowUs p{
display: none;
}
#headerFollowUs_inner{
margin-top: 28px;
}
#headerFollowUs a{
font-size: 28px;
color: #fff;
text-decoration: none;
margin: 0 15px;
}
#headerFollowUs a:first-of-type{
margin-left: 0;
}
#headerFollowUs a:hover{
color: #d8d8d8;
}
#headerFollowUs i{
}
/* header menu */
#headerMenu{
background-color: #ddd;
position: fixed;
top: 107px;
right: -100%;
width: 100%;
height: calc(100% - 107px);
z-index: 999;
}
#headerMenu-inner{
position: relative;
width: 900px;
margin: 0 auto;
}
#headerMenu-image{
position: absolute;
top: 0;
left: 0;
/*z-index: 0;*/
opacity: 0;
width: 100%;
overflow: hidden;
}
#headerMenu-ul{
width: 700px;
z-index: 100;
position: absolute;
margin-top: 80px;
}
#headerMenu-ul li{
display: inline-block;
width: 310px;
text-align: left;
margin-bottom: 0;
}
#headerMenu-ul a{
text-decoration: none;
color: #000;
font-size: 50px;
font-family: Din-Bold, sans-serif;
opacity: 0.2;
}
#headerMenu-ul a:hover{
text-decoration: underline;
color: #D0585A;
transition: 0.2s;
}
#headerMenu-scooter{
display: none;
width: 200px;
position: fixed;
left: -200px;
bottom: 0;
/*transition: 0.6s;*/
z-index: 9999;
}
.stopingScooter{
-webkit-transform: rotate(25deg);
transform: rotate(25deg);
-webkit-transform-origin: bottom right;
transform-origin: bottom right;
transition: 0.4s;
}
}
@media screen and (min-width: 766px) and (max-width: 1022px) {
#header{
background-color: #A1A7AF;
width: 100%;
padding: 15px 0;
}
#innerHeader{
width: 760px;
margin: 0 auto;
}
#innerHeader a{
text-decoration: none;
}
#innerHeader img{
height: 74px;
width: auto;
}
#headerMenuIcon{
float: right;
width: 42px;
margin-top: 16px;
}
#headerMenuIcon i{
color: #fff;
font-size: 45px;
}
#headerMenuIcon .fa-times{
display: none;
}
#headerMenuIcon:hover i{
color: #ddd;
cursor: pointer;
transition: 0.2s;
}
/* follow us icons */
#headerFollowUs{
display: inline-block;
width: 280px;
margin-left: 115px;
vertical-align: top;
}
#headerFollowUs p{
display: none;
}
#headerFollowUs_inner{
margin-top: 28px;
}
#headerFollowUs a{
font-size: 28px;
color: #fff;
text-decoration: none;
margin: 0 15px;
}
#headerFollowUs a:first-of-type{
margin-left: 0;
}
#headerFollowUs a:hover{
color: #d8d8d8;
}
#headerFollowUs i{
}
/* header menu */
#headerMenu{
background-color: #ddd;
position: fixed;
top: 107px;
right: -100%;
width: 100%;
height: calc(100% - 107px);
z-index: 999;
}
#headerMenu-inner{
position: relative;
width: 760px;
margin: 0 auto;
}
#headerMenu-image{
position: absolute;
top: 0;
left: 0;
/*z-index: 0;*/
opacity: 0;
width: 100%;
overflow: hidden;
}
#headerMenu-ul{
width: 700px;
z-index: 100;
position: absolute;
margin-top: 80px;
}
#headerMenu-ul li{
display: inline-block;
width: 310px;
text-align: left;
margin-bottom: 0;
}
#headerMenu-ul a{
text-decoration: none;
color: #000;
font-size: 50px;
font-family: Din-Bold, sans-serif;
opacity: 0.2;
}
#headerMenu-ul a:hover{
text-decoration: underline;
color: #D0585A;
transition: 0.2s;
}
#headerMenu-scooter{
display: none;
width: 200px;
position: fixed;
left: -200px;
bottom: 0;
/*transition: 0.6s;*/
z-index: 9999;
}
.stopingScooter{
-webkit-transform: rotate(25deg);
transform: rotate(25deg);
-webkit-transform-origin: bottom right;
transform-origin: bottom right;
transition: 0.4s;
}
}
/*=== MOBILE ===*/
@media screen and (min-width: 478px) and (max-width: 766px) {
#header{
background-color: #A1A7AF;
width: 100%;
padding: 15px 0;
}
#innerHeader{
width: 470px;
margin: 0 auto;
}
#innerHeader a{
text-decoration: none;
}
#innerHeader img{
height: 74px;
width: auto;
}
#headerMenuIcon{
float: right;
width: 42px;
margin-top: 16px;
}
#headerMenuIcon i{
color: #fff;
font-size: 45px;
}
#headerMenuIcon .fa-times{
display: none;
}
#headerMenuIcon:hover i{
color: #ddd;
cursor: pointer;
transition: 0.2s;
}
/* follow us icons */
#headerFollowUs{
display: none;
width: 280px;
margin-left: 115px;
vertical-align: top;
}
#headerFollowUs p{
display: none;
}
#headerFollowUs_inner{
margin-top: 28px;
}
#headerFollowUs a{
font-size: 28px;
color: #fff;
text-decoration: none;
margin: 0 15px;
}
#headerFollowUs a:first-of-type{
margin-left: 0;
}
#headerFollowUs a:hover{
color: #d8d8d8;
}
#headerFollowUs i{
}
/* header menu */
#headerMenu{
background-color: #ddd;
position: fixed;
top: 107px;
right: -100%;
width: 100%;
height: calc(100% - 107px);
z-index: 999;
}
#headerMenu-inner{
position: relative;
width: 450px;
margin: 0 auto;
}
#headerMenu-image{
position: absolute;
top: 0;
left: 0;
/*z-index: 0;*/
opacity: 0;
width: 100%;
overflow: hidden;
}
#headerMenu-ul{
width: 400px;
z-index: 100;
position: absolute;
margin-top: 80px;
}
#headerMenu-ul li{
display: inline-block;
width: 310px;
text-align: left;
margin-bottom: 0;
}
#headerMenu-ul a{
text-decoration: none;
color: #000;
font-size: 50px;
font-family: Din-Bold, sans-serif;
opacity: 0.2;
}
#headerMenu-ul a:hover{
text-decoration: underline;
color: #D0585A;
transition: 0.2s;
}
#headerMenu-scooter{
display: none;
width: 200px;
position: fixed;
left: -200px;
bottom: 0;
/*transition: 0.6s;*/
z-index: 9999;
}
.stopingScooter{
-webkit-transform: rotate(25deg);
transform: rotate(25deg);
-webkit-transform-origin: bottom right;
transform-origin: bottom right;
transition: 0.4s;
}
}
@media screen and (max-width: 478px) {
#header{
background-color: #A1A7AF;
width: 100%;
padding: 15px 0;
}
#innerHeader{
width: 300px;
margin: 0 auto;
}
#innerHeader a{
text-decoration: none;
}
#innerHeader img{
height: 54px;
width: auto;
}
#headerMenuIcon{
float: right;
width: 36px;
margin-top: 5px;
}
#headerMenuIcon i{
color: #fff;
font-size: 42px;
}
#headerMenuIcon .fa-times{
display: none;
}
#headerMenuIcon:hover i{
color: #ddd;
cursor: pointer;
transition: 0.2s;
}
/* follow us icons */
#headerFollowUs{
display: none;
width: 280px;
margin-left: 115px;
vertical-align: top;
}
/* header menu */
#headerMenu{
background-color: #ddd;
position: fixed;
top: 87px;
right: -100%;
width: 100%;
height: calc(100% - 87px);
z-index: 999;
}
#headerMenu-inner{
position: relative;
width: 300px;
margin: 0 auto;
}
#headerMenu-image{
position: absolute;
top: 0;
left: 0;
/*z-index: 0;*/
opacity: 0;
width: 100%;
overflow: hidden;
}
#headerMenu-ul{
width: 300px;
z-index: 100;
position: absolute;
margin-top: 40px;
}
#headerMenu-ul li{
display: block;
width: 300px;
text-align: left;
margin-bottom: 0;
}
#headerMenu-ul a{
text-decoration: none;
color: #000;
font-size: 40px;
font-family: Din-Bold, sans-serif;
opacity: 0.2;
}
#headerMenu-ul a:hover{
text-decoration: underline;
color: #D0585A;
transition: 0.2s;
}
#headerMenu-scooter{
display: none;
width: 110px;
position: fixed;
left: -110px;
bottom: 0;
/*transition: 0.6s;*/
z-index: 9999;
}
.stopingScooter{
-webkit-transform: rotate(25deg);
transform: rotate(25deg);
-webkit-transform-origin: bottom right;
transform-origin: bottom right;
transition: 0.4s;
}
}
/* print */
@media print {
}
@media screen and (min-width: 1400px){
#footer{
background-color: #A1A7AF;
width: 100%;
padding: 50px 0;
font-family: Arial, sans-serif;
}
#footerInner{
width: 1300px;
margin: 0 auto;
}
#footerLogos{
}
#footerLogos a{
display: inline;
}
#footerLogos img{
height: 34px;
}
#footerIDA{
display: inline;
float: right;
}
#footerIDA a{
vertical-align: top;
font-size: 24px !important;
margin-right: 0 !important;
}
.footerText{
color: #fff;
text-align: justify;
font-size: 15px;
margin-top: 25px;
line-height: 1.2;
}
.footerText a{
font-size: 15px !important;
margin-right: 0 !important;
}
#footer ul{
margin-top: 30px;
padding: 0;
}
#footer li{
display: inline;
}
#footer a{
text-decoration: none;
color: #fff;
font-size: 18px;
margin-right: 15px;
}
#footer a:hover{
color: #FFCC07;
}
}
@media screen and (min-width: 1200px) and (max-width: 1400px){
#footer{
background-color: #A1A7AF;
width: 100%;
padding: 50px 0;
font-family: Arial, sans-serif;
}
#footerInner{
width: 1100px;
margin: 0 auto;
}
#footerLogos{
}
#footerLogos a{
display: inline;
}
#footerLogos img{
height: 34px;
}
#footerIDA{
display: inline;
float: right;
}
#footerIDA a{
vertical-align: top;
font-size: 24px !important;
margin-right: 0 !important;
}
.footerText{
color: #fff;
text-align: justify;
font-size: 15px;
margin-top: 25px;
line-height: 1.2;
}
.footerText a{
font-size: 15px !important;
margin-right: 0 !important;
}
#footer ul{
margin-top: 30px;
padding: 0;
}
#footer li{
display: inline;
}
#footer a{
text-decoration: none;
color: #fff;
font-size: 18px;
margin-right: 15px;
}
#footer a:hover{
color: #FFCC07;
}
}
/*=== TABLET ===*/
@media screen and (min-width: 1022px) and (max-width: 1200px) {
#footer{
background-color: #A1A7AF;
width: 100%;
padding: 50px 0;
font-family: Arial, sans-serif;
}
#footerInner{
width: 1000px;
margin: 0 auto;
}
#footerLogos{
}
#footerLogos a{
display: inline;
}
#footerLogos img{
height: 34px;
}
#footerIDA{
display: inline;
float: right;
}
#footerIDA a{
vertical-align: top;
font-size: 24px !important;
margin-right: 0 !important;
}
.footerText{
color: #fff;
text-align: justify;
font-size: 15px;
margin-top: 25px;
line-height: 1.2;
}
.footerText a{
font-size: 15px !important;
margin-right: 0 !important;
}
#footer ul{
margin-top: 30px;
padding: 0;
}
#footer li{
display: inline;
}
#footer a{
text-decoration: none;
color: #fff;
font-size: 18px;
margin-right: 15px;
}
#footer a:hover{
color: #FFCC07;
}
}
@media screen and (min-width: 766px) and (max-width: 1022px) {
#footer{
background-color: #A1A7AF;
width: 100%;
padding: 50px 0;
font-family: Arial, sans-serif;
}
#footerInner{
width: 760px;
margin: 0 auto;
}
#footerLogos{
}
#footerLogos a{
display: inline;
}
#footerLogos img{
height: 34px;
}
#footerIDA{
display: inline;
float: right;
}
#footerIDA a{
vertical-align: top;
font-size: 24px !important;
margin-right: 0 !important;
}
.footerText{
color: #fff;
text-align: justify;
font-size: 15px;
margin-top: 25px;
line-height: 1.2;
}
.footerText a{
font-size: 15px !important;
margin-right: 0 !important;
}
#footer ul{
margin-top: 30px;
padding: 0;
}
#footer li{
display: inline;
}
#footer a{
text-decoration: none;
color: #fff;
font-size: 18px;
margin-right: 15px;
}
#footer a:hover{
color: #FFCC07;
}
}
/*=== MOBILE ===*/
@media screen and (min-width: 478px) and (max-width: 766px) {
#footer{
background-color: #A1A7AF;
width: 100%;
padding: 50px 0;
font-family: Arial, sans-serif;
}
#footerInner{
width: 470px;
margin: 0 auto;
}
#footerLogos{
}
#footerLogos a{
display: inline;
}
#footerLogos img{
height: 34px;
}
#footerIDA{
display: inline;
float: right;
}
#footerIDA a{
vertical-align: top;
font-size: 24px !important;
margin-right: 0 !important;
}
.footerText{
color: #fff;
text-align: justify;
font-size: 15px;
margin-top: 25px;
line-height: 1.2;
}
.footerText a{
font-size: 15px !important;
margin-right: 0 !important;
}
#footer ul{
margin-top: 30px;
padding: 0;
}
#footer li{
display: inline;
}
#footer a{
text-decoration: none;
color: #fff;
font-size: 18px;
margin-right: 15px;
}
#footer a:hover{
color: #FFCC07;
}
}
@media screen and (max-width: 478px) {
#footer{
background-color: #A1A7AF;
width: 100%;
padding: 50px 0;
font-family: Arial, sans-serif;
}
#footerInner{
width: 300px;
margin: 0 auto;
}
#footerLogos{
}
#footerLogos a{
display: inline;
}
#footerLogos img{
height: 20px;
}
#footerIDA{
display: inline;
float: right;
}
#footerIDA a{
vertical-align: top;
font-size: 20px !important;
margin-right: 0 !important;
}
.footerText{
color: #fff;
/*text-align: justify;*/
font-size: 15px;
line-height: 1.2;
margin-top: 25px;
}
.footerText a{
font-size: 15px !important;
margin-right: 0 !important;
}
#footer ul{
margin-top: 30px;
padding: 0;
}
#footer li{
display: block;
margin: 24px;
}
#footer a{
text-decoration: none;
color: #fff;
font-size: 15px;
margin-right: 15px;
}
#footer a:hover{
color: #FFCC07;
}
#footerInternalLinks{
}
#footerInternalLinks a{
font-size: 16px;
font-weight: 400;
text-decoration: underline;
margin: 0;
}
/*#footerInternalLinks li:last-of-type{*/
/*float: right;*/
/*}*/
}
/* print */
@media print {
}
#homePage .twitterCardLinks_tw{
visibility: visible;
}
#homePage .twitterCardLinks_tw{
visibility: visible;
}
#homePage .twitterCardLinks_in{
visibility: visible;
}
#homePage .twitterCard_tw{
visibility: visible;
}
#homePage .twitterCard_li{
visibility: visible;
}
@media screen and (min-width: 1400px){
/* hero-space */
#newHerospaceGif img{
width: 100%;
height: auto;
}
#newMobileHerospaceGif{
display: none;
}
.homePage-title{
font-family: Din-Bold, Oswald-Regular, sans-serif;
font-size: 52px;
color: #000;
text-align: center;
}
.homePage-title:first-of-type{
margin-top: 50px;
}
.homePage-title:last-of-type{
margin-bottom: 50px;
}
#homePage-dedicatedTo{
width: 1300px;
margin: 40px auto 50px;
}
#homePage-dedicatedTo li{
display: inline-block;
margin: 0 14px;
width: 400px;
vertical-align: top;
}
#homePage-dedicatedTo img{
width: 100%;
height: auto;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
.dedicatedTo-text{
font-size: 22px;
font-family: Arial, sans-serif;
color: #000;
line-height: 1.2;
}
#dedicatedTo-subText{
width: 1235px;
margin: 50px auto 80px;
font-size: 22px;
font-family: Arial, sans-serif;
color: #000;
line-height: 1.2;
}
#homePage-twitterCards-cards .twitterCard{
margin: 10px 12px !important;
}
/* one third */
#homePage-oneThird {
width: 100%;
padding: 60px 0 50px;
background-color: #DCDFE4;
overflow: hidden;
margin-bottom: 100px;
}
#homePage-oneThird_inner{
width: 1300px;
height: 580px;
margin: 0 auto;
}
#homePage-oneThirdTextsMobile{
display: none;
}
#homePage-oneThirdTexts{
width: 745px;
display: inline-block;
font-family: Din-Bold, Oswald-Regular, sans-serif;
color: #000;
vertical-align: top;
}
#homePage-oneThirdTexts h2{
font-size: 125px;
margin-bottom: 5px;
}
#homePage-oneThirdTexts h3{
font-size: 110px;
margin: 0;
}
#homePage-oneThirdTexts h4{
font-size: 73px;
margin-top: 5px;
}
#homePage-oneThirdTexts p{
font-family: Arial-Bold, sans-serif;
font-size: 28px;
margin: 40px 0 65px;
line-height: 1.2;
}
#homePage-oneThirdTexts a{
text-decoration: none;
background-color: #D0585A;
border: 1px solid #D0585A;
color: #fff;
font-family: Arial-Bold, sans-serif;
font-size: 22px;
padding: 8px 35px;
border-radius: 32px;
transition: 0.2s;
}
#homePage-oneThirdTexts a:hover{
cursor: pointer;
background-color: #fff;
color: #D0585A;
transition: 0.3s;
}
#homePage-oneThirdImg{
display: inline-block;
width: 550px;
position: relative;
}
#homePage-oneThirdImg1{
position: absolute;
top: 0;
left: 0;
transition: 0.5s;
}
#homePage-oneThirdImg2{
width: 50%;
position: absolute;
top: 0;
left: 50%;
}
#homePage-oneThirdImg:hover #homePage-oneThirdImg1{
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
transition: 0.7s;
}
/* slider */
#homePage-slider{
width: 100%;
position: relative;
}
.owl-carousel{
width: 1300px;
margin: 0 auto;
}
#homePage-sliderNavbar{
position: absolute;
top: 100px;
width: 1300px;
height: 260px;
margin-left: calc(50% - 650px);
background-color: #DCDFE4;
}
.arrowsBoxes{
position: absolute;
top: 100px;
width: 60px;
height: 260px;
z-index: 9999;
}
.arrowsBoxes i{
font-size: 80px;
margin-top: 80px;
color: #000;
}
.arrowsBoxes i:hover{
cursor: pointer;
color: #444;
}
#homePage-sliderLeftArrow{
left: 0;
text-align: left;
}
#homePage-sliderRightArrow{
right: 0;
text-align: right;
}
#homePage-slider a{}
#homePage-slider img{
width: 250px;
height: auto;
transition: 0.7s;
display: block;
margin: 0 auto;
}
.owlSliderElement{
}
.owlSliderElement span{
display: none;
}
.center{
margin-top: 0 !important;
text-align: center;
}
.center img{
width: 340px !important;
transition: 0.7s;
}
.owl-item{
margin-top: 52px;
}
.owl-carousel .owl-stage-outer{
height: 500px;
}
/* symptoms */
#homePage-symptoms{
background-color: #DCDFE4;
padding: 50px 0;
margin-top: 80px;
}
#mobileTab{
display: none;
}
#homePage-symptoms table{
width: 1300px;
margin: 20px auto;
border-collapse: collapse;
border: 1px solid #fff;
}
#homePage-symptoms tr{
}
#homePage-symptoms th{
border: 1px solid #fff;
position: relative;
height: 320px;
vertical-align: middle;
background-position: center;
background-repeat: no-repeat;
background-size: contain;
}
.characterForground{
position: absolute;
background-color: rgba(208, 88, 90, 0.6);
opacity: 0;
width: 215px;
height: 155px;
top: 0;
padding-top: 165px;
}
.characterForground p{
vertical-align: middle;
color: #fff;
font-size: 27px;
font-family: Arial-Bold, sans-serif;
}
#homePage-symptoms th:hover .characterForground{
opacity: 1;
transition: 0.6s;
cursor: pointer;
}
#homePage-symptomsLink{
width: 1300px;
margin: 60px auto 40px;
text-align: center;
}
#homePage-symptomsLink a{
text-decoration: none;
background-color: #D0585A;
border: 1px solid #D0585A;
color: #fff;
font-family: Arial-Bold, sans-serif;
font-size: 22px;
padding: 8px 35px;
border-radius: 32px;
transition: 0.2s;
text-align: center;
}
#homePage-symptomsLink a:hover{
cursor: pointer;
background-color: #fff;
color: #D0585A;
transition: 0.3s;
}
/* mobile apps */
#homePage-mobileApps{
width: 100%;
padding: 50px 0;
}
#homePage-mobileApps-inner{
display: block;
width: 780px;
margin: 0 auto;
}
#homePage-mobileApps-stores{
width: 530px;
margin: 30px auto 0;
}
#homePage-mobileApps-stores a{
display: inline;
text-decoration: none;
margin: 0 20px;
}
#homePage-mobileApps-stores p{
display: inline-block;
}
#homePage-mobileApps-stores img{
width: 220px;
height: auto;
}
/* twitter cards */
#homePage-twitterCards{
width: 100%;
padding: 50px 0;
background-color: #DCDFE4;
}
#homePage-twitterCards-inner{
width: 1300px;
margin: 0 auto;
}
/* twitter cards */
#homePage .twitterCard{
width: 400px;
display: inline-block;
/*margin: 0 0 20px;*/
position: relative;
overflow: hidden;
}
#homePage .twitterCard img{
width: 400px;
height: auto;
}
#homePage .twitterCard_inner{
position: absolute;
width: 100%;
bottom: -50px;
background-color: rgba(255, 255, 255, 0.84);
padding: 10px 0;
transition: 0.3s;
}
#homePage .twitterCard_inner a{
text-decoration: none;
display: inline;
margin: 0 25px;
}
#homePage .twitterCard_inner i{
font-size: 28px;
}
#homePage .twitterCard_inner a:first-of-type{
margin-left: 110px;
}
#homePage .twitterCard_inner a:first-of-type i{
color: #00aced;
}
#homePage .twitterCard_inner a:nth-of-type(2) i{
color: #3b5998;
}
#homePage .twitterCard_inner a:nth-of-type(3) i{
color: #cd486b;
}
#homePage .twitterCard:hover .twitterCard_inner{
bottom: 0;
transition: 0.4s;
}
#homePage .twitterCard_inner i:hover{
color: #444 !important;
}
#homePage-dedicatedTo .twitterCard{
margin: 0 0 20px;
}
#homePage-twitterCards .twitterCard{
margin: 0 0 20px;
}
#homePage-twitterCards-cards{
height: 515px;
}
#homePage-twitterCardsLink{
text-align: center;
}
#homePage-twitterCardsLink a{
text-decoration: none;
background-color: #D0585A;
border: 1px solid #D0585A;
color: #fff;
font-family: Arial-Bold, sans-serif;
font-size: 22px;
padding: 8px 35px;
border-radius: 32px;
transition: 0.2s;
text-align: center;
}
#homePage-twitterCardsLink a:hover{
cursor: pointer;
background-color: #fff;
color: #D0585A;
transition: 0.3s;
}
/* materials */
#homePage-materials{
width: 1300px;
height: 650px;
margin: 0 auto;
}
#homePage-materials-inner{
}
#homePage-materials-container a{
display: none;
}
#homePage-materials-container .homePage-materialsBox{
text-decoration: none;
display: inline-block;
width: 565px;
height: 265px;
color: #fff;
vertical-align: top;
overflow: hidden;
padding: 40px 0 0 40px;
}
#homePage-materials-container .homePage-materialsBox:first-of-type{
background-color: #8DBA43;
}
#homePage-materials-container .homePage-materialsBox:last-of-type{
margin-left: 84px;
background-color: #2A3890;
}
.homePage-materialsImage{
width: 200px;
height: 245px;
overflow: hidden;
display: inline-block;
}
#homePage-materials-container img{
width: 195px;
height: auto;
transition: 0.3s;
}
/*#homePage-materials-container img:first-of-type{*/
/*background-color: #8DBA43;*/
/*}*/
.homePage-materialsTexts{
display: inline-block;
width: 350px;
vertical-align: top;
}
.homePage-materialsTexts h2{
font-family: Din-Bold, Oswald-Regular, sans-serif;
font-size: 58px;
color: #fff;
}
.homePage-materialsTexts p{
font-size: 22px;
font-family: Arial, sans-serif;
color: #fff;
line-height: 1.2;
margin-top: 10px;
}
#homePage-materialsLink{
text-align: center;
margin-top: 80px;
}
#homePage-materials-container .homePage-materialsBox:hover img{
-webkit-transform: scale(1.1);
transform: scale(1.1);
transition: 0.5s;
}
/* learn more button */
#homePage-materialsLink a{
text-decoration: none;
background-color: #D0585A;
border: 1px solid #D0585A;
color: #fff;
font-family: Arial-Bold, sans-serif;
font-size: 22px;
padding: 8px 35px;
border-radius: 32px;
transition: 0.2s;
text-align: center;
}
#homePage-materialsLink a:hover{
cursor: pointer;
background-color: #fff;
color: #D0585A;
transition: 0.3s;
}
}
@media screen and (min-width: 1200px) and (max-width: 1400px){
/* hero-space */
#newHerospaceGif img{
width: 100%;
height: auto;
}
#newMobileHerospaceGif{
display: none;
}
.homePage-title{
font-family: Din-Bold, Oswald-Regular, sans-serif;
font-size: 48px;
color: #000;
text-align: center;
}
.homePage-title:first-of-type{
margin-top: 50px;
}
.homePage-title:last-of-type{
margin-bottom: 50px;
}
#homePage-dedicatedTo{
width: 1100px;
margin: 40px auto;
}
#homePage-dedicatedTo li{
display: inline-block;
margin: 0 11px;
width: 340px;
vertical-align: top;
}
#homePage-dedicatedTo img{
width: 100%;
height: auto;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
margin-bottom: 18px;
}
.dedicatedTo-text{
font-size: 20px;
font-family: Arial, sans-serif;
color: #000;
line-height: 1.2;
}
#dedicatedTo-subText{
width: 1085px;
margin: 50px auto 80px;
font-size: 20px;
font-family: Arial, sans-serif;
color: #000;
line-height: 1.2;
}
/* one third */
#homePage-oneThird {
width: 100%;
padding: 45px 0 0;
background-color: #DCDFE4;
overflow: hidden;
margin-bottom: 100px;
}
#homePage-oneThird_inner{
width: 1100px;
height: 535px;
margin: 0 auto;
}
#homePage-oneThirdTextsMobile{
display: none;
}
#homePage-oneThirdTexts{
width: 600px;
display: inline-block;
font-family: Din-Bold, Oswald-Regular, sans-serif;
color: #000;
vertical-align: top;
}
#homePage-oneThirdTexts h2{
font-size: 112px;
margin-bottom: 5px;
}
#homePage-oneThirdTexts h3{
font-size: 98px;
margin: 0;
}
#homePage-oneThirdTexts h4{
font-size: 65px;
margin-top: 5px;
}
#homePage-oneThirdTexts p{
font-family: Arial-Bold, sans-serif;
font-size: 24px;
margin: 40px 0 65px;
line-height: 1.2;
}
#homePage-oneThirdTexts a{
text-decoration: none;
background-color: #D0585A;
border: 1px solid #D0585A;
color: #fff;
font-family: Arial-Bold, sans-serif;
font-size: 22px;
padding: 8px 35px;
border-radius: 32px;
transition: 0.2s;
}
#homePage-oneThirdTexts a:hover{
cursor: pointer;
background-color: #fff;
color: #D0585A;
transition: 0.3s;
}
#homePage-oneThirdImg{
display: inline-block;
width: 420px;
margin-left: 70px;
position: relative;
}
#homePage-oneThirdImg1{
position: absolute;
top: 0;
left: 0;
transition: 0.5s;
}
#homePage-oneThirdImg2{
width: 50%;
position: absolute;
top: 0;
left: 50%;
}
#homePage-oneThirdImg:hover #homePage-oneThirdImg1{
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
transition: 0.7s;
}
/* slider */
#homePage-slider{
width: 100%;
position: relative;
}
.owl-carousel{
width: 1100px;
margin: 0 auto;
}
#homePage-sliderNavbar{
position: absolute;
top: 100px;
width: 1100px;
height: 260px;
margin-left: calc(50% - 550px);
background-color: #DCDFE4;
}
.arrowsBoxes{
position: absolute;
top: 100px;
width: 60px;
height: 260px;
z-index: 9999;
}
.arrowsBoxes i{
font-size: 80px;
margin-top: 80px;
color: #000;
}
.arrowsBoxes i:hover{
cursor: pointer;
color: #444;
}
#homePage-sliderLeftArrow{
left: 0;
text-align: left;
}
#homePage-sliderRightArrow{
right: 0;
text-align: right;
}
#homePage-slider a{}
#homePage-slider img{
height: auto;
width: 250px;
transition: 0.7s;
display: block;
margin: 0 auto;
}
.center{
margin-top: 0 !important;
text-align: center;
}
.center img{
width: 340px !important;
transition: 0.7s;
}
.owl-item{
margin-top: 52px;
}
.owl-carousel .owl-stage-outer{
height: 500px;
}
/* symptoms */
#homePage-symptoms{
background-color: #DCDFE4;
padding: 50px 0;
margin-top: 80px;
}
#mobileTab{
display: none;
}
#homePage-symptoms table{
width: 1100px;
margin: 20px auto;
border-collapse: collapse;
border: 1px solid #fff;
}
#homePage-symptoms tr{
}
#homePage-symptoms th{
border: 1px solid #fff;
position: relative;
height: 320px;
vertical-align: middle;
background-position: center;
background-repeat: no-repeat;
background-size: contain;
}
.characterForground{
position: absolute;
background-color: rgba(208, 88, 90, 0.6);
opacity: 0;
width: 182px;
height: 155px;
top: 0;
padding-top: 165px;
}
.characterForground p{
vertical-align: middle;
color: #fff;
font-size: 27px;
font-family: Arial-Bold, sans-serif;
}
#homePage-symptoms th:hover .characterForground{
opacity: 1;
transition: 0.6s;
cursor: pointer;
}
#homePage-symptomsLink{
width: 1100px;
margin: 60px auto 40px;
text-align: center;
}
#homePage-symptomsLink a{
text-decoration: none;
background-color: #D0585A;
border: 1px solid #D0585A;
color: #fff;
font-family: Arial-Bold, sans-serif;
font-size: 22px;
padding: 8px 35px;
border-radius: 32px;
transition: 0.2s;
text-align: center;
}
#homePage-symptomsLink a:hover{
cursor: pointer;
background-color: #fff;
color: #D0585A;
transition: 0.3s;
}
/* mobile apps */
#homePage-mobileApps{
width: 100%;
padding: 50px 0;
}
#homePage-mobileApps-inner{
display: block;
width: 700px;
margin: 0 auto;
}
#homePage-mobileApps-stores{
width: 530px;
margin: 30px auto 0;
}
#homePage-mobileApps-stores a{
display: inline;
text-decoration: none;
margin: 0 20px;
}
#homePage-mobileApps-stores p{
display: inline-block;
}
#homePage-mobileApps-stores img{
width: 220px;
height: auto;
}
/* twitter cards */
#homePage-twitterCards{
width: 100%;
padding: 50px 0;
background-color: #DCDFE4;
}
#homePage-twitterCards-inner{
width: 1100px;
margin: 0 auto;
}
#homePage-twitterCards-cards{
height: 515px;
}
#homePage .twitterCard{
width: 340px;
display: inline-block;
margin: 0 10px 40px;
position: relative;
overflow: hidden;
}
#homePage .twitterCard img{
width: 340px;
height: auto;
}
#homePage .twitterCard_inner{
position: absolute;
width: 100%;
bottom: -50px;
background-color: rgba(255, 255, 255, 0.84);
padding: 10px 0;
transition: 0.3s;
}
#homePage .twitterCard_inner a{
text-decoration: none;
display: inline;
margin: 0 17px;
}
#homePage .twitterCard_inner i{
font-size: 28px;
}
#homePage .twitterCard_inner a:first-of-type{
margin-left: 100px;
}
#homePage .twitterCard_inner a:first-of-type i{
color: #00aced;
}
#homePage .twitterCard_inner a:nth-of-type(2) i{
color: #3b5998;
}
#homePage .twitterCard_inner a:nth-of-type(3) i{
color: #cd486b;
}
#homePage .twitterCard:hover .twitterCard_inner{
bottom: 0;
transition: 0.4s;
}
#homePage .twitterCard_inner i:hover{
color: #444 !important;
}
#homePage-dedicatedTo .twitterCard{
margin: 0;
}
#homePage-twitterCards .twitterCard{
margin: 0 10px 40px;
}
#homePage-twitterCardsLink{
text-align: center;
}
#homePage-twitterCardsLink a{
text-decoration: none;
background-color: #D0585A;
border: 1px solid #D0585A;
color: #fff;
font-family: Arial-Bold, sans-serif;
font-size: 22px;
padding: 8px 35px;
border-radius: 32px;
transition: 0.2s;
text-align: center;
}
#homePage-twitterCardsLink a:hover{
cursor: pointer;
background-color: #fff;
color: #D0585A;
transition: 0.3s;
}
/* materials */
#homePage-materials{
width: 1100px;
height: 650px;
margin: 0 auto;
}
#homePage-materials-inner{
}
#homePage-materials-container{
}
#homePage-materials-container a{
text-decoration: none;
display: inline-block;
width: 460px;
height: 265px;
color: #fff;
vertical-align: top;
overflow: hidden;
padding: 40px 0 0 40px;
}
#homePage-materials-container a:first-of-type{
background-color: #8DBA43;
}
#homePage-materials-container a:last-of-type{
margin-left: 84px;
background-color: #2A3890;
}
.homePage-materialsImage{
width: 140px;
height: 245px;
overflow: hidden;
display: inline-block;
}
#homePage-materials-container img{
width: 140px;
height: auto;
transition: 0.3s;
}
.homePage-materialsTexts{
display: inline-block;
width: 300px;
vertical-align: top;
}
.homePage-materialsTexts h2{
font-family: Din-Bold, Oswald-Regular, sans-serif;
font-size: 50px;
color: #fff;
}
.homePage-materialsTexts p{
font-size: 20px;
font-family: Arial, sans-serif;
color: #fff;
line-height: 1.2;
margin-top: 10px;
}
#homePage-materialsLink{
text-align: center;
margin-top: 80px;
}
#homePage-materials-container a:hover img{
-webkit-transform: scale(1.1);
transform: scale(1.1);
transition: 0.5s;
}
/* learn more button */
#homePage-materialsLink a{
text-decoration: none;
background-color: #D0585A;
border: 1px solid #D0585A;
color: #fff;
font-family: Arial-Bold, sans-serif;
font-size: 22px;
padding: 8px 35px;
border-radius: 32px;
transition: 0.2s;
text-align: center;
}
#homePage-materialsLink a:hover{
cursor: pointer;
background-color: #fff;
color: #D0585A;
transition: 0.3s;
}
}
/*=== TABLET ===*/
@media screen and (min-width: 1022px) and (max-width: 1200px) {
/* hero-space */
#newHerospaceGif img{
width: 100%;
height: auto;
}
#newMobileHerospaceGif{
display: none;
}
.homePage-title{
font-family: Din-Bold, Oswald-Regular, sans-serif;
font-size: 42px;
color: #000;
text-align: center;
}
.homePage-title:first-of-type{
margin-top: 50px;
}
.homePage-title:last-of-type{
margin-bottom: 50px;
}
#homePage-dedicatedTo{
width: 1000px;
margin: 40px auto;
}
#homePage-dedicatedTo li{
display: inline-block;
margin: 0 48px;
width: 400px;
vertical-align: top;
}
#homePage-dedicatedTo img{
width: 100%;
height: auto;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
margin-bottom: 18px;
}
.dedicatedTo-text{
font-size: 20px;
font-family: Arial, sans-serif;
color: #000;
line-height: 1.2;
}
#dedicatedTo-subText{
width: 985px;
margin: 50px auto 80px;
font-size: 20px;
font-family: Arial, sans-serif;
color: #000;
line-height: 1.2;
}
/* one third */
#homePage-oneThird {
width: 100%;
padding: 40px 0 0;
background-color: #DCDFE4;
overflow: hidden;
margin-bottom: 100px;
}
#homePage-oneThird_inner{
width: 1000px;
height: 510px;
margin: 0 auto;
}
#homePage-oneThirdTextsMobile{
display: none;
}
#homePage-oneThirdTexts{
width: 558px;
display: inline-block;
font-family: Din-Bold, Oswald-Regular, sans-serif;
color: #000;
vertical-align: top;
}
#homePage-oneThirdTexts h2{
font-size: 98px;
margin-bottom: 5px;
}
#homePage-oneThirdTexts h3{
font-size: 90px;
margin: 0;
}
#homePage-oneThirdTexts h4{
font-size: 60px;
margin-top: 5px;
}
#homePage-oneThirdTexts p{
font-family: Arial-Bold, sans-serif;
font-size: 22px;
margin: 40px 0 75px;
line-height: 1.2;
}
#homePage-oneThirdTexts a{
text-decoration: none;
background-color: #D0585A;
border: 1px solid #D0585A;
color: #fff;
font-family: Arial-Bold, sans-serif;
font-size: 22px;
padding: 8px 35px;
border-radius: 32px;
transition: 0.2s;
}
#homePage-oneThirdTexts a:hover{
cursor: pointer;
background-color: #fff;
color: #D0585A;
transition: 0.3s;
}
#homePage-oneThirdImg{
display: inline-block;
width: 420px;
margin-left: 16px;
position: relative;
}
#homePage-oneThirdImg1{
position: absolute;
top: 0;
left: 0;
transition: 0.5s;
}
#homePage-oneThirdImg2{
width: 50%;
position: absolute;
top: 0;
left: 50%;
}
#homePage-oneThirdImg:hover #homePage-oneThirdImg1{
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
transition: 0.7s;
}
/* slider */
#homePage-slider{
width: 100%;
position: relative;
}
.owl-carousel{
width: 1000px;
margin: 0 auto;
}
#homePage-sliderNavbar{
position: absolute;
top: 100px;
width: 1000px;
height: 260px;
margin-left: calc(50% - 500px);
background-color: #DCDFE4;
}
.arrowsBoxes{
position: absolute;
top: 100px;
width: 60px;
height: 260px;
z-index: 9999;
}
.arrowsBoxes i{
font-size: 80px;
margin-top: 80px;
color: #000;
}
.arrowsBoxes i:hover{
cursor: pointer;
color: #444;
}
#homePage-sliderLeftArrow{
left: 0;
text-align: left;
}
#homePage-sliderRightArrow{
right: 0;
text-align: right;
}
#homePage-slider a{}
#homePage-slider img{
width: 250px;
height: auto;
transition: 0.7s;
display: block;
margin: 0 auto;
}
.center{
margin-top: 0 !important;
text-align: center;
}
.center img{
width: 340px !important;
transition: 0.7s;
}
.owl-item{
margin-top: 52px;
}
.owl-carousel .owl-stage-outer{
height: 500px;
}
/* symptoms */
#homePage-symptoms{
background-color: #DCDFE4;
padding: 50px 0;
margin-top: 80px;
}
#mobileTab{
display: none;
}
#homePage-symptoms table{
width: 1000px;
margin: 20px auto;
border-collapse: collapse;
border: 1px solid #fff;
}
#homePage-symptoms tr{
}
#homePage-symptoms th{
border: 1px solid #fff;
position: relative;
height: 320px;
vertical-align: middle;
background-position: center;
background-repeat: no-repeat;
background-size: contain;
}
.characterForground{
position: absolute;
background-color: rgba(208, 88, 90, 0.6);
opacity: 0;
width: 164px;
height: 155px;
top: 0;
padding-top: 165px;
}
.characterForground p{
vertical-align: middle;
color: #fff;
font-size: 27px;
font-family: Arial-Bold, sans-serif;
}
#homePage-symptoms th:hover .characterForground{
opacity: 1;
transition: 0.6s;
cursor: pointer;
}
#homePage-symptomsLink{
width: 1000px;
margin: 60px auto 40px;
text-align: center;
}
#homePage-symptomsLink a{
text-decoration: none;
background-color: #D0585A;
border: 1px solid #D0585A;
color: #fff;
font-family: Arial-Bold, sans-serif;
font-size: 22px;
padding: 8px 35px;
border-radius: 32px;
transition: 0.2s;
text-align: center;
}
#homePage-symptomsLink a:hover{
cursor: pointer;
background-color: #fff;
color: #D0585A;
transition: 0.3s;
}
/* mobile apps */
#homePage-mobileApps{
width: 100%;
padding: 50px 0;
}
#homePage-mobileApps-inner{
display: block;
width: 680px;
margin: 0 auto;
}
#homePage-mobileApps-stores{
width: 530px;
margin: 30px auto 0;
}
#homePage-mobileApps-stores a{
display: inline;
text-decoration: none;
margin: 0 20px;
}
#homePage-mobileApps-stores p{
display: inline-block;
}
#homePage-mobileApps-stores img{
width: 220px;
height: auto;
}
/* twitter cards */
#homePage-twitterCards{
width: 100%;
padding: 50px 0;
background-color: #DCDFE4;
}
#homePage-twitterCards-inner{
width: 1000px;
margin: 0 auto;
}
#homePage-twitterCards-cards{
}
#homePage .twitterCard{
width: 400px;
display: inline-block;
/*margin: 0 48px 110px;*/
position: relative;
}
#homePage .twitterCard img{
width: 400px;
height: auto;
}
#homePage .twitterCard_inner{
position: absolute;
width: 100%;
bottom: -48px;
background-color: rgba(255, 255, 255, 0.84);
padding: 10px 0;
transition: 0.3s;
}
#homePage .twitterCard_inner a{
text-decoration: none;
display: inline;
margin: 0 44px;
}
#homePage .twitterCard_inner i{
font-size: 28px;
}
#homePage .twitterCard_inner a:first-of-type i{
color: #00aced;
}
#homePage .twitterCard_inner a:first-of-type{
margin-left: 68px;
}
#homePage .twitterCard_inner a:nth-of-type(2) i{
color: #3b5998;
}
#homePage .twitterCard_inner a:nth-of-type(3) i{
color: #cd486b;
}
#homePage .twitterCard_inner i:hover{
color: #444 !important;
}
#homePage-dedicatedTo .twitterCard{
margin: 52px 0 78px;
}
#homePage-twitterCards .twitterCard{
margin: 0 48px 110px;
}
#homePage-twitterCardsLink{
text-align: center;
}
#homePage-twitterCardsLink a{
text-decoration: none;
background-color: #D0585A;
border: 1px solid #D0585A;
color: #fff;
font-family: Arial-Bold, sans-serif;
font-size: 22px;
padding: 8px 35px;
border-radius: 32px;
transition: 0.2s;
text-align: center;
}
#homePage-twitterCardsLink a:hover{
cursor: pointer;
background-color: #fff;
color: #D0585A;
transition: 0.3s;
}
/* materials */
#homePage-materials{
width: 1000px;
height: 1110px;
margin: 0 auto;
}
#homePage-materials-inner{
}
#homePage-materials-container{
}
#homePage-materials-container a{
text-decoration: none;
display: block;
width: 522px;
height: 265px;
color: #fff;
vertical-align: top;
overflow: hidden;
padding: 40px 0 0 40px;
margin: 0 auto;
}
#homePage-materials-container a:first-of-type{
background-color: #8DBA43;
}
#homePage-materials-container a:last-of-type{
margin-top: 50px;
background-color: #2A3890;
}
.homePage-materialsImage{
width: 200px;
height: 245px;
overflow: hidden;
display: inline-block;
}
#homePage-materials-container img{
width: 155px;
height: auto;
transition: 0.3s;
}
.homePage-materialsTexts{
display: inline-block;
width: 300px;
vertical-align: top;
}
.homePage-materialsTexts h2{
font-family: Din-Bold, Oswald-Regular, sans-serif;
font-size: 50px;
color: #fff;
}
.homePage-materialsTexts p{
font-size: 20px;
font-family: Arial, sans-serif;
color: #fff;
line-height: 1.2;
margin-top: 10px;
}
#homePage-materialsLink{
text-align: center;
margin-top: 80px;
}
#homePage-materials-container a:hover img{
-webkit-transform: scale(1.1);
transform: scale(1.1);
transition: 0.5s;
}
/* learn more button */
#homePage-materialsLink a{
text-decoration: none;
background-color: #D0585A;
border: 1px solid #D0585A;
color: #fff;
font-family: Arial-Bold, sans-serif;
font-size: 22px;
padding: 8px 35px;
border-radius: 32px;
transition: 0.2s;
text-align: center;
}
#homePage-materialsLink a:hover{
cursor: pointer;
background-color: #fff;
color: #D0585A;
transition: 0.3s;
}
}
@media screen and (min-width: 766px) and (max-width: 1022px) {
/* hero-space */
#newHerospaceGif{
display: none;
}
#newMobileHerospaceGif img{
width: 100%;
height: auto;
}
.homePage-title{
font-family: Din-Bold, Oswald-Regular, sans-serif;
font-size: 34px;
color: #000;
text-align: center;
}
.homePage-title:first-of-type{
margin-top: 50px;
}
.homePage-title:last-of-type{
margin-bottom: 50px;
}
#homePage-dedicatedTo{
width: 700px;
margin: 40px auto;
}
#homePage-dedicatedTo li{
display: block;
margin: 0 auto 50px;
width: 500px;
}
#homePage-dedicatedTo img{
width: 100%;
height: auto;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
margin-bottom: 18px;
}
.dedicatedTo-text{
font-size: 20px;
font-family: Arial, sans-serif;
color: #000;
line-height: 1.2;
}
#dedicatedTo-subText{
width: 660px;
margin: 50px auto 80px;
font-size: 20px;
font-family: Arial, sans-serif;
color: #000;
line-height: 1.2;
}
/* one third */
#homePage-oneThird {
width: 100%;
padding: 50px 0 0;
background-color: #DCDFE4;
overflow: hidden;
margin-bottom: 100px;
}
#homePage-oneThird_inner{
width: 564px;
height: 640px;
margin: 0 auto;
}
#homePage-oneThirdTextsMobile{
width: 558px;
margin: 0 auto;
display: block;
font-family: Din-Bold, sans-serif;
color: #000;
}
#homePage-oneThirdTextsMobile h2{
font-size: 102px;
margin-bottom: 5px;
}
#homePage-oneThirdTextsMobile h3{
font-size: 90px;
margin: 0;
}
#homePage-oneThirdTextsMobile h4{
font-size: 60px;
margin-top: 5px;
}
#homePage-oneThirdTexts{
width: 300px;
display: inline-block;
font-family: Din-Bold, sans-serif;
color: #000;
vertical-align: top;
}
#homePage-oneThirdTexts h2{
display: none;
}
#homePage-oneThirdTexts h3{
display: none;
}
#homePage-oneThirdTexts h4{
display: none;
}
#homePage-oneThirdTexts p{
font-family: Arial-Bold, sans-serif;
font-size: 22px;
margin: 84px 0 100px;
line-height: 1.2;
}
#homePage-oneThirdTexts a{
text-decoration: none;
background-color: #D0585A;
border: 1px solid #D0585A;
color: #fff;
font-family: Arial-Bold, sans-serif;
font-size: 22px;
padding: 8px 35px;
border-radius: 32px;
transition: 0.2s;
}
#homePage-oneThirdTexts a:hover{
cursor: pointer;
background-color: #fff;
color: #D0585A;
transition: 0.3s;
}
#homePage-oneThirdImg{
display: inline-block;
width: 240px;
margin-left: 16px;
position: relative;
}
#homePage-oneThirdImg1{
position: absolute;
top: 0;
left: 0;
transition: 0.5s;
}
#homePage-oneThirdImg2{
width: 50%;
position: absolute;
top: 0;
left: 50%;
}
#homePage-oneThirdImg:hover #homePage-oneThirdImg1{
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
transition: 0.7s;
}
/* slider */
#homePage-slider{
width: 100%;
position: relative;
}
.owl-carousel{
width: 760px;
margin: 0 auto;
}
#homePage-sliderNavbar{
position: absolute;
top: 44px;
width: 100%;
height: 270px;
background-color: #DCDFE4;
}
.arrowsBoxes{
position: absolute;
top: 49px;
width: 60px;
height: 260px;
z-index: 9999;
}
.arrowsBoxes i{
font-size: 70px;
margin-top: 80px;
color: #000;
}
.arrowsBoxes i:hover{
cursor: pointer;
color: #444;
}
#homePage-sliderLeftArrow{
left: 0;
text-align: left;
}
#homePage-sliderRightArrow{
right: 0;
text-align: right;
}
#homePage-slider a{}
#homePage-slider img{
width: 180px;
height: auto;
transition: 0.7s;
display: block;
margin: 0 auto;
}
.center{
margin-top: 0 !important;
text-align: center;
}
.center img{
width: 260px !important;
transition: 0.7s;
}
.owl-item{
margin-top: 52px;
}
.owl-carousel .owl-stage-outer{
height: 500px;
}
/* symptoms */
#homePage-symptoms{
background-color: #DCDFE4;
padding: 50px 0;
margin-top: 80px;
}
#desktopTab{
display: none;
}
#homePage-symptoms table{
width: 760px;
margin: 20px auto;
border-collapse: collapse;
border: 1px solid #fff;
}
#homePage-symptoms tr{
}
#homePage-symptoms th{
border: 1px solid #fff;
position: relative;
height: 223px;
vertical-align: middle;
background-position: center;
background-repeat: no-repeat;
background-size: contain;
}
.characterForground{
position: absolute;
background-color: rgba(208, 88, 90, 0.6);
opacity: 0;
width: 252px;
height: 120px;
top: 0;
padding-top: 102px;
}
.characterForground p{
vertical-align: middle;
color: #fff;
font-size: 27px;
font-family: Arial-Bold, sans-serif;
}
#homePage-symptoms th:hover .characterForground{
opacity: 1;
transition: 0.6s;
cursor: pointer;
}
#homePage-symptomsLink{
width: 760px;
margin: 60px auto 40px;
text-align: center;
}
#homePage-symptomsLink a{
text-decoration: none;
background-color: #D0585A;
border: 1px solid #D0585A;
color: #fff;
font-family: Arial-Bold, sans-serif;
font-size: 22px;
padding: 8px 35px;
border-radius: 32px;
transition: 0.2s;
text-align: center;
}
#homePage-symptomsLink a:hover{
cursor: pointer;
background-color: #fff;
color: #D0585A;
transition: 0.3s;
}
/* mobile apps */
#homePage-mobileApps{
width: 100%;
padding: 50px 0;
}
#homePage-mobileApps-inner{
display: block;
width: 620px;
margin: 0 auto;
}
#homePage-mobileApps-stores{
width: 530px;
margin: 30px auto 0;
}
#homePage-mobileApps-stores a{
display: inline;
text-decoration: none;
margin: 0 20px;
}
#homePage-mobileApps-stores p{
display: inline-block;
}
#homePage-mobileApps-stores img{
width: 220px;
height: auto;
}
/* twitter cards */
#homePage-twitterCards{
width: 100%;
padding: 50px 0;
background-color: #DCDFE4;
}
#homePage-twitterCards-inner{
width: 760px;
margin: 0 auto;
}
#homePage-twitterCards-cards{
height: 700px;
}
#homePage .twitterCard{
/*display: block;*/
/*margin: 0 20px 60px 0;*/
width: 280px;
position: relative;
}
#homePage .twitterCard img{
width: 280px;
height: auto;
}
#homePage .twitterCard_inner{
position: absolute;
width: 280px;
bottom: -48px;
background-color: rgba(255, 255, 255, 0.84);
padding: 10px 0;
transition: 0.3s;
}
#homePage .twitterCard_inner a{
text-decoration: none;
display: inline;
margin: 0 30px;
}
#homePage .twitterCard_inner i{
font-size: 28px;
}
#homePage .twitterCard_inner a:first-of-type{
margin-left: 40px;
}
#homePage .twitterCard_inner a:first-of-type i{
color: #00aced;
}
#homePage .twitterCard_inner a:nth-of-type(2) i{
color: #3b5998;
}
#homePage .twitterCard_inner a:nth-of-type(3) i{
color: #cd486b;
}
#homePage .twitterCard_inner i:hover{
color: #444 !important;
}
#homePage-dedicatedTo .twitterCard{
margin: 0 auto 55px;
}
#homePage-twitterCards .twitterCard{
margin: 0 46px 75px;
display: inline-block;
}
#homePage-twitterCardsLink{
text-align: center;
}
#homePage-twitterCardsLink a{
text-decoration: none;
background-color: #D0585A;
border: 1px solid #D0585A;
color: #fff;
font-family: Arial-Bold, sans-serif;
font-size: 22px;
padding: 8px 35px;
border-radius: 32px;
transition: 0.2s;
text-align: center;
}
#homePage-twitterCardsLink a:hover{
cursor: pointer;
background-color: #fff;
color: #D0585A;
transition: 0.3s;
}
/* materials */
#homePage-materials{
width: 760px;
height: 1110px;
margin: 0 auto;
}
#homePage-materials-inner{
}
#homePage-materials-container{
}
#homePage-materials-container a{
text-decoration: none;
display: block;
width: 522px;
height: 265px;
color: #fff;
vertical-align: top;
overflow: hidden;
padding: 40px 0 0 40px;
margin: 0 auto;
}
#homePage-materials-container a:first-of-type{
background-color: #8DBA43;
}
#homePage-materials-container a:last-of-type{
margin-top: 50px;
background-color: #2A3890;
}
.homePage-materialsImage{
width: 200px;
height: 245px;
overflow: hidden;
display: inline-block;
}
#homePage-materials-container img{
width: 155px;
height: auto;
transition: 0.3s;
}
.homePage-materialsTexts{
display: inline-block;
width: 300px;
vertical-align: top;
}
.homePage-materialsTexts h2{
font-family: Din-Bold, sans-serif;
font-size: 50px;
color: #fff;
}
.homePage-materialsTexts p{
font-size: 20px;
font-family: Arial, sans-serif;
color: #fff;
line-height: 1.2;
margin-top: 10px;
}
#homePage-materialsLink{
text-align: center;
margin-top: 80px;
}
#homePage-materials-container a:hover img{
-webkit-transform: scale(1.1);
transform: scale(1.1);
transition: 0.5s;
}
/* learn more button */
#homePage-materialsLink a{
text-decoration: none;
background-color: #D0585A;
border: 1px solid #D0585A;
color: #fff;
font-family: Arial-Bold, sans-serif;
font-size: 22px;
padding: 8px 35px;
border-radius: 32px;
transition: 0.2s;
text-align: center;
}
#homePage-materialsLink a:hover{
cursor: pointer;
background-color: #fff;
color: #D0585A;
transition: 0.3s;
}
}
/*=== MOBILE ===*/
@media screen and (min-width: 478px) and (max-width: 766px) {
/* hero-space */
#newHerospaceGif{
display: none;
}
#newMobileHerospaceGif img{
width: 100%;
height: auto;
}
.homePage-title{
font-family: Din-Bold, sans-serif;
font-size: 26px;
color: #000;
text-align: center;
}
.homePage-title:first-of-type{
margin-top: 50px;
}
.homePage-title:last-of-type{
margin-bottom: 50px;
}
#homePage-dedicatedTo{
width: 470px;
margin: 40px auto;
}
#homePage-dedicatedTo li{
display: block;
margin: 0 auto 50px;
width: 470px;
}
#homePage-dedicatedTo img{
width: 100%;
height: auto;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
margin-bottom: 18px;
}
.dedicatedTo-text{
font-size: 20px;
font-family: Arial, sans-serif;
color: #000;
line-height: 1.2;
}
#dedicatedTo-subText{
width: 470px;
margin: 50px auto 80px;
font-size: 20px;
font-family: Arial, sans-serif;
color: #000;
line-height: 1.2;
}
/* one third */
#homePage-oneThird {
width: 100%;
padding: 60px 0 0;
background-color: #DCDFE4;
overflow: hidden;
margin-bottom: 100px;
}
#homePage-oneThird_inner{
width: 470px;
height: 575px;
margin: 0 auto;
}
#homePage-oneThirdTextsMobile{
width: 470px;
margin: 0 auto;
display: block;
font-family: Din-Bold, sans-serif;
color: #000;
}
#homePage-oneThirdTextsMobile h2{
font-size: 88px;
margin-bottom: 5px;
}
#homePage-oneThirdTextsMobile h3{
font-size: 76px;
margin: 0;
}
#homePage-oneThirdTextsMobile h4{
font-size: 50px;
margin-top: 5px;
}
#homePage-oneThirdTexts{
width: 236px;
display: inline-block;
font-family: Din-Bold, sans-serif;
color: #000;
vertical-align: top;
}
#homePage-oneThirdTexts h2{
display: none;
}
#homePage-oneThirdTexts h3{
display: none;
}
#homePage-oneThirdTexts h4{
display: none;
}
#homePage-oneThirdTexts p{
font-family: Arial-Bold, sans-serif;
font-size: 20px;
margin: 70px 0 75px;
line-height: 1.2;
}
#homePage-oneThirdTexts a{
text-decoration: none;
background-color: #D0585A;
border: 1px solid #D0585A;
color: #fff;
font-family: Arial-Bold, sans-serif;
font-size: 22px;
padding: 8px 35px;
border-radius: 32px;
transition: 0.2s;
}
#homePage-oneThirdTexts a:hover{
cursor: pointer;
background-color: #fff;
color: #D0585A;
transition: 0.3s;
}
#homePage-oneThirdImg{
display: inline-block;
width: 210px;
margin-left: 16px;
margin-top: 28px;
position: relative;
}
#homePage-oneThirdImg1{
position: absolute;
top: 0;
left: 0;
transition: 0.5s;
}
#homePage-oneThirdImg2{
width: 50%;
position: absolute;
top: 0;
left: 50%;
}
#homePage-oneThirdImg:hover #homePage-oneThirdImg1{
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
transition: 0.7s;
}
/* slider */
#homePage-slider{
width: 100%;
position: relative;
}
.owl-carousel{
width: 420px;
margin: 0 auto;
}
#homePage-sliderNavbar{
position: absolute;
top: 28px;
width: 100%;
height: 160px;
background-color: #DCDFE4;
}
.arrowsBoxes{
position: absolute;
top: 49px;
width: 25px;
height: 200px;
z-index: 9999;
}
.arrowsBoxes i{
font-size: 56px;
margin-top: 28px;
color: #000;
}
.arrowsBoxes i:hover{
cursor: pointer;
color: #444;
}
#homePage-sliderLeftArrow{
left: 0;
text-align: left;
}
#homePage-sliderRightArrow{
right: 0;
text-align: right;
}
#homePage-slider a{}
#homePage-slider img{
width: 100px;
height: auto;
transition: 0.7s;
display: block;
margin: 0 auto;
}
.center{
margin-top: 0 !important;
text-align: center;
}
.center img{
width: 144px !important;
transition: 0.7s;
}
.owl-item{
margin-top: 38px;
}
.owl-carousel .owl-stage-outer{
height: 215px;
}
/* symptoms */
#homePage-symptoms{
background-color: #DCDFE4;
padding: 50px 0;
margin-top: 80px;
}
#desktopTab{
display: none;
}
#homePage-symptoms table{
width: 470px;
margin: 20px auto;
border-collapse: collapse;
border: 1px solid #fff;
}
#homePage-symptoms tr{
}
#homePage-symptoms th{
border: 1px solid #fff;
position: relative;
height: 223px;
vertical-align: middle;
background-position: center;
background-repeat: no-repeat;
background-size: contain;
}
.characterForground{
position: absolute;
background-color: rgba(208, 88, 90, 0.6);
opacity: 0;
width: 156px;
height: 120px;
top: 0;
padding-top: 102px;
}
.characterForground p{
vertical-align: middle;
color: #fff;
font-size: 27px;
font-family: Arial-Bold, sans-serif;
}
#homePage-symptoms th:hover .characterForground{
opacity: 1;
transition: 0.6s;
cursor: pointer;
}
#homePage-symptomsLink{
width: 400px;
margin: 60px auto 40px;
text-align: center;
}
#homePage-symptomsLink a{
text-decoration: none;
background-color: #D0585A;
border: 1px solid #D0585A;
color: #fff;
font-family: Arial-Bold, sans-serif;
font-size: 22px;
padding: 8px 35px;
border-radius: 32px;
transition: 0.2s;
text-align: center;
}
#homePage-symptomsLink a:hover{
cursor: pointer;
background-color: #fff;
color: #D0585A;
transition: 0.3s;
}
/* mobile apps */
#homePage-mobileApps{
width: 100%;
padding: 50px 0;
}
#homePage-mobileApps-inner{
display: block;
width: 470px;
margin: 0 auto;
}
#homePage-mobileApps-stores{
width: 482px;
margin: 30px auto 0;
}
#homePage-mobileApps-stores a{
display: inline;
text-decoration: none;
margin: 0 20px;
}
#homePage-mobileApps-stores p{
display: block;
}
#homePage-mobileApps-stores img{
width: 220px;
height: auto;
margin: 0 auto;
display: block;
}
/* twitter cards */
#homePage-twitterCards{
width: 100%;
padding: 50px 0;
background-color: #DCDFE4;
}
#homePage-twitterCards-inner{
width: 470px;
margin: 0 auto;
}
#homePage-twitterCards-cards{
}
#homePage .twitterCard{
width: 360px;
display: block;
margin: 0 auto 50px;
position: relative;
}
#homePage .twitterCard img{
width: 360px;
height: auto;
}
#homePage .twitterCard_inner{
position: absolute;
width: 100%;
bottom: -48px;
background-color: rgba(255, 255, 255, 0.84);
padding: 10px 0;
transition: 0.3s;
}
#homePage .twitterCard_inner a{
text-decoration: none;
display: inline;
margin: 0 47px;
}
#homePage .twitterCard_inner i{
font-size: 28px;
}
#homePage .twitterCard_inner a:first-of-type i{
color: #00aced;
}
#homePage .twitterCard_inner a:nth-of-type(2) i{
color: #3b5998;
}
#homePage .twitterCard_inner a:nth-of-type(3) i{
color: #cd486b;
}
#homePage-dedicatedTo .twitterCard{
margin: 0 auto 55px;
}
#homePage-twitterCards .twitterCard{
margin: 0 46px 75px;
}
#homePage-twitterCardsLink{
text-align: center;
}
#homePage-twitterCardsLink a{
text-decoration: none;
background-color: #D0585A;
border: 1px solid #D0585A;
color: #fff;
font-family: Arial-Bold, sans-serif;
font-size: 22px;
padding: 8px 35px;
border-radius: 32px;
transition: 0.2s;
text-align: center;
}
#homePage-twitterCardsLink a:hover{
cursor: pointer;
background-color: #fff;
color: #D0585A;
transition: 0.3s;
}
/* materials */
#homePage-materials{
width: 470px;
height: 930px;
margin: 0 auto;
}
#homePage-materials-inner{
}
#homePage-materials-container{
}
#homePage-materials-container a{
text-decoration: none;
display: block;
width: 450px;
height: 215px;
color: #fff;
vertical-align: top;
overflow: hidden;
padding: 40px 0 0 40px;
margin: 0 auto;
}
#homePage-materials-container a:first-of-type{
background-color: #8DBA43;
}
#homePage-materials-container a:last-of-type{
margin-top: 50px;
background-color: #2A3890;
}
.homePage-materialsImage{
width: 200px;
height: 245px;
overflow: hidden;
display: inline-block;
}
#homePage-materials-container img{
width: 140px;
height: auto;
transition: 0.3s;
}
.homePage-materialsTexts{
display: inline-block;
width: 232px;
vertical-align: top;
}
.homePage-materialsTexts h2{
font-family: Din-Bold, sans-serif;
font-size: 40px;
color: #fff;
}
.homePage-materialsTexts p{
font-size: 20px;
font-family: Arial, sans-serif;
color: #fff;
line-height: 1.2;
margin-top: 10px;
}
#homePage-materialsLink{
text-align: center;
margin-top: 80px;
}
#homePage-materials-container a:hover img{
-webkit-transform: scale(1.1);
transform: scale(1.1);
transition: 0.5s;
}
/* learn more button */
#homePage-materialsLink a{
text-decoration: none;
background-color: #D0585A;
border: 1px solid #D0585A;
color: #fff;
font-family: Arial-Bold, sans-serif;
font-size: 22px;
padding: 8px 35px;
border-radius: 32px;
transition: 0.2s;
text-align: center;
}
#homePage-materialsLink a:hover{
cursor: pointer;
background-color: #fff;
color: #D0585A;
transition: 0.3s;
}
}
@media screen and (max-width: 478px) {
/* hero-space */
#newHerospaceGif{
display: none;
}
#newMobileHerospaceGif img{
width: 100%;
height: auto;
}
.homePage-title{
font-family: Din-Bold, sans-serif;
font-size: 26px;
color: #000;
text-align: center;
}
.homePage-title:first-of-type{
margin: 0 auto;
display: block;
width: 270px;
}
.homePage-title:last-of-type{
margin-bottom: 50px;
}
#homePage-dedicatedTo{
width: 320px;
margin: 40px auto;
}
#homePage-dedicatedTo li{
display: block;
margin: 0 auto 50px;
width: 320px;
}
#homePage-dedicatedTo img{
width: 100%;
height: auto;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
margin-bottom: 18px;
}
.dedicatedTo-text{
font-size: 20px;
font-family: Arial, sans-serif;
color: #000;
line-height: 1.2;
}
#dedicatedTo-subText{
width: 320px;
margin: 50px auto 80px;
font-size: 20px;
font-family: Arial, sans-serif;
color: #000;
line-height: 1.2;
}
/* one third */
#homePage-oneThird {
width: 100%;
padding: 50px 0 0;
background-color: #DCDFE4;
overflow: hidden;
margin-bottom: 50px;
}
#homePage-oneThird_inner{
width: 320px;
height: 478px;
margin: 0 auto;
}
#homePage-oneThirdTextsMobile{
width: 320px;
margin: 0 auto;
display: block;
font-family: Din-Bold, sans-serif;
color: #000;
}
#homePage-oneThirdTextsMobile h2{
font-size: 59px;
margin-bottom: 5px;
}
#homePage-oneThirdTextsMobile h3{
font-size: 51px;
margin: 0;
}
#homePage-oneThirdTextsMobile h4{
font-size: 34px;
margin-top: 5px;
}
#homePage-oneThirdTexts{
width: 180px;
display: inline-block;
font-family: Din-Bold, sans-serif;
color: #000;
vertical-align: top;
}
#homePage-oneThirdTexts h2{
display: none;
}
#homePage-oneThirdTexts h3{
display: none;
}
#homePage-oneThirdTexts h4{
display: none;
}
#homePage-oneThirdTexts p{
font-family: Arial-Bold, sans-serif;
font-size: 17px;
margin: 70px 0 75px;
line-height: 1.2;
}
#homePage-oneThirdTexts a{
text-decoration: none;
background-color: #D0585A;
border: 1px solid #D0585A;
color: #fff;
font-family: Arial-Bold, sans-serif;
font-size: 22px;
padding: 8px 35px;
border-radius: 32px;
transition: 0.2s;
text-align: center;
}
#homePage-oneThirdTexts a:hover{
cursor: pointer;
background-color: #fff;
color: #D0585A;
transition: 0.3s;
}
#homePage-oneThirdImg{
display: inline-block;
width: 130px;
margin-left: 2px;
margin-top: 54px;
position: relative;
}
#homePage-oneThirdImg1{
position: absolute;
top: 0;
left: 0;
transition: 0.5s;
}
#homePage-oneThirdImg2{
width: 50%;
position: absolute;
top: 0;
left: 50%;
}
#homePage-oneThirdImg:hover #homePage-oneThirdImg1{
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
transition: 0.7s;
}
/* slider */
#homePage-slider{
width: 100%;
position: relative;
}
.owl-carousel{
width: 320px;
margin: 0 auto;
}
#homePage-sliderNavbar{
position: absolute;
top: 14px;
width: 100%;
height: 124px;
background-color: #DCDFE4;
}
.arrowsBoxes{
position: absolute;
top: 49px;
width: 25px;
height: 50px;
z-index: 9999;
}
.arrowsBoxes i{
font-size: 37px;
margin-top: 7px;
color: #000;
}
.arrowsBoxes i:hover{
cursor: pointer;
color: #444;
}
#homePage-sliderLeftArrow{
left: 0;
text-align: left;
}
#homePage-sliderRightArrow{
right: 0;
text-align: right;
}
#homePage-slider a{}
#homePage-slider img{
width: 65px;
height: auto;
transition: 0.7s;
display: block;
margin: 0 auto;
}
.center{
margin-top: 0 !important;
text-align: center;
}
.center img{
width: 106px !important;
transition: 0.7s;
}
.owl-item{
margin-top: 30px;
}
.owl-carousel .owl-stage-outer{
height: 215px;
}
/* symptoms */
#homePage-symptoms{
background-color: #DCDFE4;
padding: 50px 0;
margin-top: 20px;
}
#desktopTab{
display: none;
}
#homePage-symptoms table{
width: 320px;
margin: 20px auto;
border-collapse: collapse;
border: 1px solid #fff;
}
#homePage-symptoms tr{
}
#homePage-symptoms th{
border: 1px solid #fff;
position: relative;
height: 223px;
vertical-align: middle;
background-position: center;
background-repeat: no-repeat;
background-size: contain;
}
.characterForground{
position: absolute;
background-color: rgba(208, 88, 90, 0.6);
opacity: 0;
width: 106px;
height: 120px;
top: 0;
padding-top: 102px;
}
.characterForground p{
vertical-align: middle;
color: #fff;
font-size: 17px;
font-family: Arial-Bold, sans-serif;
}
#homePage-symptoms th:hover .characterForground{
opacity: 1;
transition: 0.6s;
cursor: pointer;
}
#homePage-symptomsLink{
width: 300px;
margin: 60px auto 10px;
text-align: center;
}
#homePage-symptomsLink a{
text-decoration: none;
background-color: #D0585A;
border: 1px solid #D0585A;
color: #fff;
font-family: Arial-Bold, sans-serif;
font-size: 22px;
padding: 8px 35px;
border-radius: 32px;
transition: 0.2s;
text-align: center;
}
#homePage-symptomsLink a:hover{
cursor: pointer;
background-color: #fff;
color: #D0585A;
transition: 0.3s;
}
/* mobile apps */
#homePage-mobileApps{
width: 100%;
padding: 50px 0;
}
#homePage-mobileApps-inner{
display: block;
width: 320px;
margin: 0 auto;
}
#homePage-mobileApps-stores{
width: 180px;
margin: 30px auto 0;
}
#homePage-mobileApps-stores a{
display: block;
text-decoration: none;
margin: 0 auto 20px;
}
#homePage-mobileApps-stores p{
display: inline-block;
}
#homePage-mobileApps-stores img{
width: 180px;
height: auto;
}
/* twitter cards */
#homePage-twitterCards{
width: 100%;
padding: 50px 0;
background-color: #DCDFE4;
}
#homePage-twitterCards-inner{
width: 320px;
margin: 0 auto;
}
#homePage-twitterCards-cards{
}
#homePage .twitterCard{
width: 320px;
display: block;
margin: 0 auto 10px;
position: relative;
/*overflow: hidden;*/
}
#homePage .twitterCard img{
width: 320px;
height: auto;
}
#homePage .twitterCard_inner{
position: absolute;
width: 100%;
bottom: -48px;
background-color: rgba(255, 255, 255, 0.84);
padding: 10px 0;
transition: 0.3s;
}
#homePage .twitterCard_inner a{
text-decoration: none;
display: inline;
margin: 0 40px;
}
#homePage .twitterCard_inner i{
font-size: 28px;
}
#homePage .twitterCard_inner a:first-of-type i{
color: #00aced;
}
#homePage .twitterCard_inner a:nth-of-type(2) i{
color: #3b5998;
}
#homePage .twitterCard_inner a:nth-of-type(3) i{
color: #cd486b;
}
#homePage-dedicatedTo .twitterCard{
margin: 0 auto 55px;
}
#homePage-twitterCards .twitterCard{
margin: 0 auto 84px;
display: inline-block;
}
#homePage-twitterCardsLink{
text-align: center;
}
#homePage-twitterCardsLink a{
text-decoration: none;
background-color: #D0585A;
border: 1px solid #D0585A;
color: #fff;
font-family: Arial-Bold, sans-serif;
font-size: 22px;
padding: 8px 35px;
border-radius: 32px;
transition: 0.2s;
text-align: center;
}
#homePage-twitterCardsLink a:hover{
cursor: pointer;
background-color: #fff;
color: #D0585A;
transition: 0.3s;
}
/* materials */
#homePage-materials{
width: 320px;
height: 760px;
margin: 0 auto;
}
#homePage-materials-inner{
margin-top: 40px;
}
#homePage-materials-container{
}
#homePage-materials-container a{
text-decoration: none;
display: block;
width: 300px;
height: 150px;
color: #fff;
vertical-align: top;
overflow: hidden;
padding: 20px 0 0 20px;
margin: 0 auto;
}
#homePage-materials-container a:first-of-type{
background-color: #8DBA43;
}
#homePage-materials-container a:last-of-type{
margin-top: 50px;
background-color: #2A3890;
}
.homePage-materialsImage{
width: 62px;
height: 90px;
overflow: hidden;
display: inline-block;
}
#homePage-materials-container img{
width: 62px;
height: auto;
transition: 0.3s;
}
.homePage-materialsTexts{
display: inline-block;
width: 232px;
vertical-align: top;
}
.homePage-materialsTexts h2{
font-family: Din-Bold, sans-serif;
font-size: 30px;
color: #fff;
}
.homePage-materialsTexts p{
font-size: 20px;
font-family: Arial, sans-serif;
color: #fff;
line-height: 1.2;
margin-top: 10px;
}
#homePage-materialsLink{
text-align: center;
margin-top: 80px;
}
#homePage-materials-container a:hover img{
-webkit-transform: scale(1.1);
transform: scale(1.1);
transition: 0.5s;
}
/* learn more button */
#homePage-materialsLink a{
text-decoration: none;
background-color: #D0585A;
border: 1px solid #D0585A;
color: #fff;
font-family: Arial-Bold, sans-serif;
font-size: 22px;
padding: 8px 35px;
border-radius: 32px;
transition: 0.2s;
text-align: center;
}
#homePage-materialsLink a:hover{
cursor: pointer;
background-color: #fff;
color: #D0585A;
transition: 0.3s;
}
}
/* print */
@media print {
}
@media screen and (min-width: 1400px){
#aboutPageHerospace{
width: 100%;
height: calc(70vh - 147px);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
position: relative;
}
#aboutPageHerospace h1{
font-family: Din-Bold, sans-serif;
font-size: 58px;
color: #fff;
position: absolute;
text-align: center;
display: block;
width: 100%;
bottom: 50px;
z-index: 100;
}
#aboutPageHerospace img{
width: 100%;
height: auto;
position: absolute;
left: 0;
top: 0;
}
#aboutPageMobileHerospace{
display: none;
}
/* main content */
#aboutPageContent{
width: 1300px;
margin: 60px auto;
}
#aboutPageContent h2{
font-size: 23px;
font-family: Arial, sans-serif;
color: #D0585A;
line-height: 1.2;
margin-top: 20px;
font-weight: bold;
}
#aboutPageContent p{
font-size: 22px;
font-family: Arial, sans-serif;
color: #000;
line-height: 1.2;
margin-top: 22px;
}
.aboutPageContent_img{
width: 900px;
margin: 50px auto;
display: block;
}
#aboutPageContent a{
font-size: 22px;
font-family: Arial, sans-serif;
color: #D0585A;
text-decoration: none;
}
#aboutPageContent a:hover{
text-decoration: underline;
}
#aboutPageContent ul{
list-style-type: circle;
list-style-position: outside;
font-size: 22px;
font-family: Arial, sans-serif;
color: #000;
line-height: 1.2;
margin-top: 22px;
margin-left: 40px;
}
#aboutPageContent li{
margin-bottom: 22px;
}
/* causes */
#aboutPageContent-causes{
padding: 0;
margin: 0 !important;
list-style: none !important;
}
#aboutPageContent-causes li{
margin: 45px 0;
}
#aboutPageContent-causes img{
width: 100px;
height: auto;
display: inline-block;
vertical-align: top;
}
.aboutPageContent-causesTexts{
display: inline-block;
width: 1145px;
margin-left: 42px;
}
.aboutPageContent-causesTexts h2{
margin: 0 !important;
}
.aboutPageContent-causesTexts p{
}
#aboutPageContent-undiagnosed{
width: 100%;
background-color: #E0E0E0;
color: #D0585A;
padding: 32px 0;
text-align: center;
font-family: Din-Bold, sans-serif;
font-size: 58px;
margin: 50px 0;
}
/* superscripts */
sup {
font-size: 12px;
vertical-align: middle;
}
}
@media screen and (min-width: 1200px) and (max-width: 1400px){
#aboutPageHerospace{
width: 100%;
height: calc(60vh - 107px);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
position: relative;
}
#aboutPageHerospace h1{
font-family: Din-Bold, sans-serif;
font-size: 58px;
color: #fff;
position: absolute;
text-align: center;
display: block;
width: 100%;
bottom: 50px;
z-index: 100;
}
#aboutPageHerospace img{
width: 100%;
height: auto;
position: absolute;
left: 0;
top: 0;
}
#aboutPageMobileHerospace{
display: none;
}
/* main content */
#aboutPageContent{
width: 1100px;
margin: 60px auto;
}
#aboutPageContent h2{
font-size: 23px;
font-family: Arial, sans-serif;
color: #D0585A;
line-height: 1.2;
margin-top: 20px;
font-weight: bold;
}
#aboutPageContent p{
font-size: 22px;
font-family: Arial, sans-serif;
color: #000;
line-height: 1.2;
margin-top: 22px;
}
.aboutPageContent_img{
width: 800px;
margin: 50px auto;
display: block;
}
#aboutPageContent a{
font-size: 22px;
font-family: Arial, sans-serif;
color: #D0585A;
text-decoration: none;
}
#aboutPageContent a:hover{
text-decoration: underline;
}
#aboutPageContent ul{
list-style-type: circle;
list-style-position: outside;
font-size: 22px;
font-family: Arial, sans-serif;
color: #000;
line-height: 1.2;
margin-top: 22px;
margin-left: 40px;
}
#aboutPageContent li{
margin-bottom: 22px;
}
/* causes */
#aboutPageContent-causes{
padding: 0;
margin: 0 !important;
list-style: none !important;
}
#aboutPageContent-causes li{
margin: 45px 0;
}
#aboutPageContent-causes img{
width: 100px;
height: auto;
display: inline-block;
vertical-align: top;
}
.aboutPageContent-causesTexts{
display: inline-block;
width: 945px;
margin-left: 42px;
}
.aboutPageContent-causesTexts h2{
margin: 0 !important;
}
.aboutPageContent-causesTexts p{
}
#aboutPageContent-undiagnosed{
width: 100%;
background-color: #E0E0E0;
color: #D0585A;
padding: 32px 0;
text-align: center;
font-family: Din-Bold, sans-serif;
font-size: 58px;
margin: 50px 0;
}
/* superscripts */
sup {
font-size: 12px;
vertical-align: middle;
}
}
/*=== TABLET ===*/
@media screen and (min-width: 1022px) and (max-width: 1200px) {
#aboutPageHerospace{
width: 100%;
height: calc(60vh - 107px);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
position: relative;
}
#aboutPageHerospace h1{
font-family: Din-Bold, sans-serif;
font-size: 58px;
color: #fff;
position: absolute;
text-align: center;
display: block;
width: 100%;
bottom: 50px;
z-index: 100;
}
#aboutPageHerospace img{
width: 100%;
height: auto;
position: absolute;
left: 0;
top: 0;
}
#aboutPageMobileHerospace{
display: none;
}
/* main content */
#aboutPageContent{
width: 1000px;
margin: 60px auto;
}
#aboutPageContent h2{
font-size: 23px;
font-family: Arial, sans-serif;
color: #D0585A;
line-height: 1.2;
margin-top: 20px;
font-weight: bold;
}
#aboutPageContent p{
font-size: 22px;
font-family: Arial, sans-serif;
color: #000;
line-height: 1.2;
margin-top: 22px;
}
.aboutPageContent_img{
width: 600px;
margin: 50px auto;
display: block;
}
#aboutPageContent a{
font-size: 22px;
font-family: Arial, sans-serif;
color: #D0585A;
text-decoration: none;
}
#aboutPageContent a:hover{
text-decoration: underline;
}
#aboutPageContent ul{
list-style-type: circle;
list-style-position: outside;
font-size: 22px;
font-family: Arial, sans-serif;
color: #000;
line-height: 1.2;
margin-top: 22px;
margin-left: 40px;
}
#aboutPageContent li{
margin-bottom: 22px;
}
/* causes */
#aboutPageContent-causes{
padding: 0;
margin: 0 !important;
list-style: none !important;
}
#aboutPageContent-causes li{
margin: 45px 0;
}
#aboutPageContent-causes img{
width: 100px;
height: auto;
display: inline-block;
vertical-align: top;
}
.aboutPageContent-causesTexts{
display: inline-block;
width: 840px;
margin-left: 42px;
}
.aboutPageContent-causesTexts h2{
margin: 0 !important;
}
.aboutPageContent-causesTexts p{
}
#aboutPageContent-undiagnosed{
width: 100%;
background-color: #E0E0E0;
color: #D0585A;
padding: 32px 0;
text-align: center;
font-family: Din-Bold, sans-serif;
font-size: 58px;
margin: 50px 0;
}
/* superscripts */
sup {
font-size: 12px;
vertical-align: middle;
}
}
@media screen and (min-width: 766px) and (max-width: 1022px) {
#aboutPageHerospace{
display: none;
}
#aboutPageMobileHerospace{
width: 100%;
height: 250px;
/*height: calc(60vh - 107px);*/
background-position: center;
background-repeat: no-repeat;
background-size: cover;
position: relative;
}
#aboutPageMobileHerospace img{
width: 100%;
height: auto;
}
#aboutPageMobileHerospace h1{
font-family: Din-Bold, sans-serif;
font-size: 40px;
color: #fff;
position: absolute;
text-align: center;
display: block;
width: 100%;
bottom: 20px;
z-index: 100;
}
/* main content */
#aboutPageContent{
width: 760px;
margin: 60px auto;
}
#aboutPageContent h2{
font-size: 23px;
font-family: Arial, sans-serif;
color: #D0585A;
line-height: 1.2;
margin-top: 20px;
font-weight: bold;
}
#aboutPageContent p{
font-size: 22px;
font-family: Arial, sans-serif;
color: #000;
line-height: 1.2;
margin-top: 22px;
}
.aboutPageContent_img{
width: 600px;
margin: 50px auto;
display: block;
}
#aboutPageContent a{
font-size: 22px;
font-family: Arial, sans-serif;
color: #D0585A;
text-decoration: none;
}
#aboutPageContent a:hover{
text-decoration: underline;
}
#aboutPageContent ul{
list-style-type: circle;
list-style-position: outside;
font-size: 22px;
font-family: Arial, sans-serif;
color: #000;
line-height: 1.2;
margin-top: 22px;
margin-left: 40px;
}
#aboutPageContent li{
margin-bottom: 22px;
}
/* causes */
#aboutPageContent-causes{
padding: 0;
margin: 0 !important;
list-style: none !important;
}
#aboutPageContent-causes li{
margin: 45px 0;
}
#aboutPageContent-causes img{
width: 100px;
height: auto;
display: inline-block;
vertical-align: top;
}
.aboutPageContent-causesTexts{
display: inline-block;
width: 600px;
margin-left: 32px;
}
.aboutPageContent-causesTexts h2{
margin: 0 !important;
}
.aboutPageContent-causesTexts p{
}
#aboutPageContent-undiagnosed{
width: 100%;
background-color: #E0E0E0;
color: #D0585A;
padding: 32px 0;
text-align: center;
font-family: Din-Bold, sans-serif;
font-size: 58px;
margin: 50px 0;
}
/* superscripts */
sup {
font-size: 12px;
vertical-align: middle;
}
}
/*=== MOBILE ===*/
@media screen and (min-width: 478px) and (max-width: 766px) {
#aboutPageHerospace{
display: none;
}
#aboutPageMobileHerospace{
width: 100%;
height: calc(60vh - 107px);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
position: relative;
}
#aboutPageMobileHerospace img{
width: 100%;
height: auto;
}
#aboutPageMobileHerospace h1{
font-family: Din-Bold, sans-serif;
font-size: 40px;
color: #fff;
position: absolute;
text-align: center;
display: block;
width: 100%;
bottom: 20px;
z-index: 100;
}
/* main content */
#aboutPageContent{
width: 470px;
margin: 60px auto;
}
#aboutPageContent h2{
font-size: 23px;
font-family: Arial, sans-serif;
color: #D0585A;
line-height: 1.2;
margin-top: 20px;
font-weight: bold;
}
#aboutPageContent p{
font-size: 22px;
font-family: Arial, sans-serif;
color: #000;
line-height: 1.2;
margin-top: 22px;
}
.aboutPageContent_img{
width: 400px;
margin: 50px auto;
display: block;
}
#aboutPageContent a{
font-size: 22px;
font-family: Arial, sans-serif;
color: #D0585A;
text-decoration: none;
}
#aboutPageContent a:hover{
text-decoration: underline;
}
#aboutPageContent ul{
list-style-type: circle;
list-style-position: outside;
font-size: 22px;
font-family: Arial, sans-serif;
color: #000;
line-height: 1.2;
margin-top: 22px;
margin-left: 40px;
}
#aboutPageContent li{
margin-bottom: 22px;
}
/* causes */
#aboutPageContent-causes{
padding: 0;
margin: 0 !important;
list-style: none !important;
}
#aboutPageContent-causes li{
margin: 45px 0;
}
#aboutPageContent-causes img{
width: 100px;
height: auto;
display: inline-block;
vertical-align: top;
}
.aboutPageContent-causesTexts{
display: inline-block;
width: 350px;
margin-left: 12px;
}
.aboutPageContent-causesTexts h2{
margin: 0 !important;
}
.aboutPageContent-causesTexts p{
}
#aboutPageContent-undiagnosed{
width: 100%;
background-color: #E0E0E0;
color: #D0585A;
padding: 32px 0;
text-align: center;
font-family: Din-Bold, sans-serif;
font-size: 50px;
margin: 50px 0;
}
/* superscripts */
sup {
font-size: 12px;
vertical-align: middle;
}
}
@media screen and (max-width: 478px) {
#aboutPageHerospace{
display: none;
}
#aboutPageMobileHerospace{
width: 100%;
height: calc(60vh - 107px);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
position: relative;
}
#aboutPageMobileHerospace img{
width: 100%;
height: auto;
}
#aboutPageMobileHerospace h1{
font-family: Din-Bold, sans-serif;
font-size: 40px;
color: #fff;
position: absolute;
text-align: center;
display: block;
width: 100%;
bottom: 20px;
z-index: 100;
}
/* main content */
#aboutPageContent{
width: 320px;
margin: 60px auto;
}
#aboutPageContent h2{
font-size: 23px;
font-family: Arial, sans-serif;
color: #D0585A;
line-height: 1.2;
margin-top: 20px;
font-weight: bold;
}
#aboutPageContent p{
font-size: 18px;
font-family: Arial, sans-serif;
color: #000;
line-height: 1.2;
margin-top: 22px;
}
.aboutPageContent_img{
width: 300px;
margin: 50px auto;
display: block;
}
#aboutPageContent a{
font-size: 18px;
font-family: Arial, sans-serif;
color: #D0585A;
text-decoration: none;
}
#aboutPageContent a:hover{
text-decoration: underline;
}
#aboutPageContent ul{
list-style-type: circle;
list-style-position: outside;
font-size: 18px;
font-family: Arial, sans-serif;
color: #000;
line-height: 1.2;
margin-top: 22px;
margin-left: 40px;
}
#aboutPageContent li{
margin-bottom: 22px;
}
/* causes */
#aboutPageContent-causes{
padding: 0;
margin: 0 !important;
list-style: none !important;
}
#aboutPageContent-causes li{
margin: 45px 0;
}
#aboutPageContent-causes img{
width: 60px;
height: auto;
display: inline-block;
vertical-align: top;
margin-top: 12px;
}
.aboutPageContent-causesTexts{
display: inline-block;
width: 230px;
margin-left: 20px;
}
.aboutPageContent-causesTexts h2{
margin: 0 !important;
}
.aboutPageContent-causesTexts p{
}
#aboutPageContent-undiagnosed{
width: 100%;
background-color: #E0E0E0;
color: #D0585A;
padding: 32px 0;
text-align: center;
font-family: Din-Bold, sans-serif;
font-size: 32px;
margin: 50px 0;
}
/* superscripts */
sup {
font-size: 12px;
vertical-align: middle;
}
}
/* print */
@media print {
}
@media screen and (min-width: 1400px){
#cookiesBar{
display: none;
width: 100%;
background: #F1F1F1;
margin: 0;
padding: 20px 0;
font-family: Arial, sans-serif;
}
#cookiesBar_inner{
width: 1300px;
margin: 0 auto;
}
#cookiesBarText{
color: #333;
font-size: 18px;
line-height: 1.2;
display: inline-block;
width: 800px;
}
#cookiesBarText a{
color: #E81C2F;
text-decoration: none;
}
#acceptCookiesButton{
border: 1px solid #E81C2F;
color: #fff;
background-color: #E81C2F;
padding: 10px 0;
width: 90px;
/*margin-top: 20px;*/
text-align: center;
border-radius: 50px;
font-size: 15px;
display: inline-block;
float: right;
}
#acceptCookiesButton:hover{
cursor: pointer;
background-color: #fff;
color: #E81C2F;
transition: 0.2s;
}
}
@media screen and (min-width: 1200px) and (max-width: 1400px){
#cookiesBar{
display: none;
width: 100%;
background: #F1F1F1;
margin: 0;
padding: 20px 0;
font-family: Arial, sans-serif;
}
#cookiesBar_inner{
width: 1100px;
margin: 0 auto;
}
#cookiesBarText{
color: #333;
font-size: 18px;
line-height: 1.2;
display: inline-block;
width: 800px;
}
#cookiesBarText a{
color: #E81C2F;
text-decoration: none;
}
#acceptCookiesButton{
border: 1px solid #E81C2F;
color: #fff;
background-color: #E81C2F;
padding: 10px 0;
width: 90px;
/*margin-top: 20px;*/
text-align: center;
border-radius: 50px;
font-size: 15px;
display: inline-block;
float: right;
}
#acceptCookiesButton:hover{
cursor: pointer;
background-color: #fff;
color: #E81C2F;
transition: 0.2s;
}
}
/*=== TABLET ===*/
@media screen and (min-width: 1022px) and (max-width: 1200px) {
#cookiesBar{
display: none;
width: 100%;
background: #F1F1F1;
margin: 0;
padding: 20px 0;
font-family: Arial, sans-serif;
}
#cookiesBar_inner{
width: 900px;
margin: 0 auto;
}
#cookiesBarText{
color: #333;
font-size: 18px;
line-height: 1.2;
display: inline-block;
width: 700px;
}
#cookiesBarText a{
color: #E81C2F;
text-decoration: none;
}
#acceptCookiesButton{
border: 1px solid #E81C2F;
color: #fff;
background-color: #E81C2F;
padding: 10px 0;
width: 90px;
/*margin-top: 20px;*/
text-align: center;
border-radius: 50px;
font-size: 15px;
display: inline-block;
float: right;
}
#acceptCookiesButton:hover{
cursor: pointer;
background-color: #fff;
color: #E81C2F;
transition: 0.2s;
}
}
@media screen and (min-width: 766px) and (max-width: 1022px) {
#cookiesBar{
display: none;
width: 100%;
background: #F1F1F1;
margin: 0;
padding: 20px 0;
font-family: Arial, sans-serif;
}
#cookiesBar_inner{
width: 760px;
margin: 0 auto;
}
#cookiesBarText{
color: #333;
font-size: 17px;
line-height: 1.2;
display: inline-block;
width: 540px;
}
#cookiesBarText a{
color: #E81C2F;
text-decoration: none;
}
#acceptCookiesButton{
border: 1px solid #E81C2F;
color: #fff;
background-color: #E81C2F;
padding: 10px 0;
width: 90px;
/*margin-top: 20px;*/
text-align: center;
border-radius: 50px;
font-size: 15px;
display: inline-block;
float: right;
}
#acceptCookiesButton:hover{
cursor: pointer;
background-color: #fff;
color: #E81C2F;
transition: 0.2s;
}
}
/*=== MOBILE ===*/
@media screen and (min-width: 478px) and (max-width: 766px) {
#cookiesBar{
display: none;
width: 100%;
background: #F1F1F1;
margin: 0;
padding: 20px 0;
font-family: Arial, sans-serif;
}
#cookiesBar_inner{
width: 470px;
margin: 0 auto;
}
#cookiesBarText{
color: #333;
font-size: 18px;
line-height: 1.2;
display: inline-block;
width: 300px;
}
#cookiesBarText a{
color: #E81C2F;
text-decoration: none;
}
#acceptCookiesButton{
border: 1px solid #E81C2F;
color: #fff;
background-color: #E81C2F;
padding: 10px 0;
width: 90px;
margin-top: 20px;
text-align: center;
border-radius: 50px;
font-size: 15px;
display: inline-block;
float: right;
}
#acceptCookiesButton:hover{
cursor: pointer;
background-color: #fff;
color: #E81C2F;
transition: 0.2s;
}
}
@media screen and (max-width: 478px) {
#cookiesBar{
display: none;
width: 100%;
background: #F1F1F1;
margin: 0;
padding: 20px 0;
font-family: Arial, sans-serif;
}
#cookiesBar_inner{
width: 320px;
margin: 0 auto;
}
#cookiesBarText{
color: #333;
font-size: 18px;
line-height: 1.2;
display: inline-block;
width: 215px;
}
#cookiesBarText a{
color: #E81C2F;
text-decoration: none;
}
#acceptCookiesButton{
border: 1px solid #E81C2F;
color: #fff;
background-color: #E81C2F;
padding: 10px 0;
width: 90px;
margin-top: 68px;
text-align: center;
border-radius: 50px;
font-size: 15px;
display: inline-block;
float: right;
}
#acceptCookiesButton:hover{
cursor: pointer;
background-color: #fff;
color: #E81C2F;
transition: 0.2s;
}
}
/* print */
@media print {
}
@media screen and (min-width: 1400px) {
#countrySelector{
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
background-color: rgba(0, 0, 0, 0.8);
z-index: 999;
}
/*#countrySelector-modal{*/
/*position: relative;*/
/*background-color: #fff;*/
/*border-radius: 30px;*/
/*width: 765px;*/
/*margin: 60px auto 0;*/
/*font-size: 40px;*/
/*font-family: Din-Bold, sans-serif;*/
/*color: #000;*/
/*padding: 65px 120px;*/
/*overflow: hidden;*/
/*}*/
/*#countrySelector-title{*/
/*margin-bottom: 40px;*/
/*}*/
/*#countrySelector-modal a{*/
/*display: inline-block;*/
/*width: 330px;*/
/*margin: 10px 0;*/
/*color: #000;*/
/*text-decoration: none;*/
/*z-index: 9999;*/
/*}*/
/*#countrySelector-modal a:hover{*/
/*color: #D0585A;*/
/*}*/
/*#countrySelector-continue{*/
/*width: 154px;*/
/*margin-top: 30px;*/
/*text-align: center;*/
/*background-color: #D0585A;*/
/*border: 1px solid #D0585A;*/
/*color: #fff;*/
/*font-family: Arial-Bold, sans-serif;*/
/*font-size: 22px;*/
/*padding: 8px 0;*/
/*border-radius: 32px;*/
/*transition: 0.2s;*/
/*}*/
/*#countrySelector-continue:hover{*/
/*cursor: pointer;*/
/*background-color: #fff;*/
/*color: #D0585A;*/
/*transition: 0.3s;*/
/*}*/
/*#countrySelector-modal img{*/
/*width: 300px;*/
/*position: absolute;*/
/*bottom: -70px;*/
/*right: -35px;*/
/*transform: rotate(-12deg);*/
/*z-index: 1100;*/
/*}*/
/* selector - copy of irondeficiency.com */
#countrySelector2{
position: absolute;
background-color: rgba(255, 255, 255, 0.9);
border-radius: 4px;
width: 1000px;
/*margin: 60px auto 0;*/
top: calc(50% - 245px);
left: calc(50% - 500px);
font-family: Arial, sans-serif;
color: #333;
overflow: hidden;
text-align: center;
}
/* row 1 */
#countrySelector2_row1{
padding: 40px;
}
#countrySelector2_row1 h1{
font-size: 28px;
line-height: 1.2;
}
#countrySelector2_row1 .americanCheckbox{
margin: 20px 0 10px;
width: 594px;
}
#countrySelector2_row1 input{
display: inline;
}
#countrySelector2_row1 label{
font-size: 18px;
display: inline;
}
#countrySelector2_row1 .acceptButton{
border: 1px solid #E81C2F;
color: #fff;
background-color: #E81C2F;
padding: 10px 0;
width: 90px;
margin-top: 20px;
border-radius: 50px;
font-size: 15px;
}
#countrySelector2_row1 .acceptButton:hover{
cursor: pointer;
background-color: #fff;
color: #E81C2F;
transition: 0.2s;
}
.countryList{
}
.countryList p{
}
.countryList ul{
margin-top: 20px;
}
.countryList li{
width: 104px;
display: inline-block;
margin: 0 36px;
background-color: rgba(255, 255, 255, 0);
text-decoration: none;
color: black;
}
.countryList li a {
text-decoration: none;
color: black;
}
.countryList .country{
width: 100px;
height: 100px;
border-radius: 50%;
border: 2px solid #888;
transition: 0.3s;
}
.countryList .countryName{
margin-top: 6px;
}
.countryList li:hover{
cursor: pointer;
}
.countryList li:hover .country{
-webkit-transform: scale(1.1);
transform: scale(1.1);
transition: 0.3s;
}
/* row 2 */
#countrySelector2_row2{
padding: 40px;
border-top: 3px solid #fff;
border-bottom: 3px solid #fff;
}
/* row 3 */
#countrySelector2_row3{
padding: 40px;
}
#global {
background-position: center;
background-size: cover;
background-image: url("../images/countrySelector/global.png");
}
#latam {
background-position: center;
background-size: cover;
background-image: url("../images/countrySelector/latam.png");
}
#romania {
background-position: center;
background-size: cover;
background-image: url("../images/countrySelector/romania.png");
}
#czech {
background-position: center;
background-size: cover;
background-image: url("../images/countrySelector/czech.png");
}
#slovakia {
background-position: center;
background-size: cover;
background-image: url("../images/countrySelector/slovak.png");
}
#greece {
background-position: center;
background-size: cover;
background-image: url("../images/countrySelector/greece.png");
}
}
@media screen and (min-width: 1200px) and (max-width: 1400px){
#countrySelector{
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
background-color: rgba(0, 0, 0, 0.8);
z-index: 999;
}
/* selector - copy of irondeficiency.com */
#countrySelector2{
position: absolute;
background-color: rgba(255, 255, 255, 0.9);
border-radius: 4px;
width: 1000px;
/*margin: 60px auto 0;*/
top: calc(50% - 245px);
left: calc(50% - 500px);
font-family: Arial, sans-serif;
color: #333;
overflow: hidden;
text-align: center;
}
/* row 1 */
#countrySelector2_row1{
padding: 40px;
}
#countrySelector2_row1 h1{
font-size: 28px;
line-height: 1.2;
}
#countrySelector2_row1 .americanCheckbox{
margin: 20px 0 10px;
width: 594px;
}
#countrySelector2_row1 input{
display: inline;
}
#countrySelector2_row1 label{
font-size: 18px;
display: inline;
}
#countrySelector2_row1 .acceptButton{
border: 1px solid #E81C2F;
color: #fff;
background-color: #E81C2F;
padding: 10px 0;
width: 90px;
margin-top: 20px;
border-radius: 50px;
font-size: 15px;
}
#countrySelector2_row1 .acceptButton:hover{
cursor: pointer;
background-color: #fff;
color: #E81C2F;
transition: 0.2s;
}
.countryList{
}
.countryList p{
}
.countryList ul{
margin-top: 20px;
}
.countryList li{
width: 104px;
display: inline-block;
margin: 0 36px;
background-color: rgba(255, 255, 255, 0);
text-decoration: none;
color: black;
}
.countryList li a {
text-decoration: none;
color: black;
}
.countryList .country{
width: 100px;
height: 100px;
border-radius: 50%;
border: 2px solid #888;
transition: 0.3s;
}
.countryList .countryName{
margin-top: 6px;
}
.countryList li:hover{
cursor: pointer;
}
.countryList li:hover .country{
-webkit-transform: scale(1.1);
transform: scale(1.1);
transition: 0.3s;
}
/* row 2 */
#countrySelector2_row2{
padding: 40px;
border-top: 3px solid #fff;
border-bottom: 3px solid #fff;
}
/* row 3 */
#countrySelector2_row3{
padding: 40px;
}
#global {
background-position: center;
background-size: cover;
background-image: url("../images/countrySelector/global.png");
}
#latam {
background-position: center;
background-size: cover;
background-image: url("../images/countrySelector/latam.png");
}
#romania {
background-position: center;
background-size: cover;
background-image: url("../images/countrySelector/romania.png");
}
#czech {
background-position: center;
background-size: cover;
background-image: url("../images/countrySelector/czech.png");
}
#slovakia {
background-position: center;
background-size: cover;
background-image: url("../images/countrySelector/slovak.png");
}
#greece {
background-position: center;
background-size: cover;
background-image: url("../images/countrySelector/greece.png");
}
}
/*=== TABLET ===*/
@media screen and (min-width: 1022px) and (max-width: 1200px) {
#countrySelector{
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
background-color: rgba(0, 0, 0, 0.8);
z-index: 999;
}
/* selector - copy of irondeficiency.com */
#countrySelector2{
position: absolute;
background-color: rgba(255, 255, 255, 0.9);
border-radius: 4px;
width: 800px;
/*margin: 60px auto 0;*/
top: calc(50% - 245px);
left: calc(50% - 400px);
font-family: Arial, sans-serif;
color: #333;
overflow: hidden;
text-align: center;
}
/* row 1 */
#countrySelector2_row1{
padding: 40px;
}
#countrySelector2_row1 h1{
font-size: 28px;
line-height: 1.2;
}
#countrySelector2_row1 .americanCheckbox{
margin: 20px 0 10px;
width: 594px;
}
#countrySelector2_row1 input{
display: inline;
}
#countrySelector2_row1 label{
font-size: 18px;
display: inline;
}
#countrySelector2_row1 .acceptButton{
border: 1px solid #E81C2F;
color: #fff;
background-color: #E81C2F;
padding: 10px 0;
width: 90px;
margin-top: 20px;
border-radius: 50px;
font-size: 15px;
}
#countrySelector2_row1 .acceptButton:hover{
cursor: pointer;
background-color: #fff;
color: #E81C2F;
transition: 0.2s;
}
.countryList{
}
.countryList p{
}
.countryList ul{
margin-top: 20px;
}
.countryList li{
width: 104px;
display: inline-block;
margin: 0 36px;
background-color: rgba(255, 255, 255, 0);
text-decoration: none;
color: black;
}
.countryList li a {
text-decoration: none;
color: black;
}
.countryList .country{
width: 100px;
height: 100px;
border-radius: 50%;
border: 2px solid #888;
transition: 0.3s;
}
.countryList .countryName{
margin-top: 6px;
}
.countryList li:hover{
cursor: pointer;
}
.countryList li:hover .country{
-webkit-transform: scale(1.1);
transform: scale(1.1);
transition: 0.3s;
}
/* row 2 */
#countrySelector2_row2{
padding: 40px;
border-top: 3px solid #fff;
border-bottom: 3px solid #fff;
}
/* row 3 */
#countrySelector2_row3{
padding: 40px;
}
#global {
background-position: center;
background-size: cover;
background-image: url("../images/countrySelector/global.png");
}
#latam {
background-position: center;
background-size: cover;
background-image: url("../images/countrySelector/latam.png");
}
#romania {
background-position: center;
background-size: cover;
background-image: url("../images/countrySelector/romania.png");
}
#czech {
background-position: center;
background-size: cover;
background-image: url("../images/countrySelector/czech.png");
}
#slovakia {
background-position: center;
background-size: cover;
background-image: url("../images/countrySelector/slovak.png");
}
#greece {
background-position: center;
background-size: cover;
background-image: url("../images/countrySelector/greece.png");
}
}
@media screen and (min-width: 766px) and (max-width: 1022px) {
#countrySelector{
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
background-color: rgba(0, 0, 0, 0.8);
z-index: 999;
}
/* selector - copy of irondeficiency.com */
#countrySelector2{
position: absolute;
background-color: rgba(255, 255, 255, 0.9);
border-radius: 4px;
width: 700px;
/*margin: 60px auto 0;*/
top: calc(50% - 342px);
left: calc(50% - 350px);
font-family: Arial, sans-serif;
color: #333;
overflow: hidden;
text-align: center;
}
/* row 1 */
#countrySelector2_row1{
padding: 40px;
}
#countrySelector2_row1 h1{
font-size: 26px;
line-height: 1.2;
}
#countrySelector2_row1 .americanCheckbox{
margin: 20px 0 10px;
width: 594px;
}
#countrySelector2_row1 input{
display: inline;
}
#countrySelector2_row1 label{
font-size: 18px;
display: inline;
}
#countrySelector2_row1 .acceptButton{
border: 1px solid #E81C2F;
color: #fff;
background-color: #E81C2F;
padding: 10px 0;
width: 90px;
margin-top: 20px;
border-radius: 50px;
font-size: 15px;
}
#countrySelector2_row1 .acceptButton:hover{
cursor: pointer;
background-color: #fff;
color: #E81C2F;
transition: 0.2s;
}
.countryList{
}
.countryList p{
}
.countryList ul{
margin-top: 20px;
}
.countryList li{
width: 104px;
display: inline-block;
margin: 0 36px 20px;
background-color: rgba(255, 255, 255, 0);
}
.countryList li a {
text-decoration: none;
color: black;
}
.countryList .country{
width: 100px;
height: 100px;
border-radius: 50%;
border: 2px solid #888;
transition: 0.3s;
}
.countryList .countryName{
margin-top: 6px;
}
.countryList li:hover{
cursor: pointer;
}
.countryList li:hover .country{
-webkit-transform: scale(1.1);
transform: scale(1.1);
transition: 0.3s;
}
/* row 2 */
#countrySelector2_row2{
padding: 40px;
border-top: 3px solid #fff;
border-bottom: 3px solid #fff;
}
/* row 3 */
#countrySelector2_row3{
padding: 40px;
}
#global {
background-position: center;
background-size: cover;
background-image: url("../images/countrySelector/global.png");
}
#latam {
background-position: center;
background-size: cover;
background-image: url("../images/countrySelector/latam.png");
}
#romania {
background-position: center;
background-size: cover;
background-image: url("../images/countrySelector/romania.png");
}
#czech {
background-position: center;
background-size: cover;
background-image: url("../images/countrySelector/czech.png");
}
#slovakia {
background-position: center;
background-size: cover;
background-image: url("../images/countrySelector/slovak.png");
}
#greece {
background-position: center;
background-size: cover;
background-image: url("../images/countrySelector/greece.png");
}
}
/*=== MOBILE ===*/
@media screen and (min-width: 478px) and (max-width: 766px) {
#countrySelector{
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
background-color: rgba(0, 0, 0, 0.8);
z-index: 999;
overflow-y: scroll;
}
/* selector - copy of irondeficiency.com */
#countrySelector2{
position: absolute;
background-color: rgba(255, 255, 255, 0.9);
border-radius: 4px;
width: 420px;
top: 50px;
left: calc(50% - 210px);
font-family: Arial, sans-serif;
color: #333;
overflow: scroll;
text-align: center;
}
/* row 1 */
#countrySelector2_row1{
padding: 40px;
}
#countrySelector2_row1 h1{
font-size: 22px;
line-height: 1.2;
}
#countrySelector2_row1 .americanCheckbox{
margin: 20px 0 10px;
/*width: 594px;*/
}
#countrySelector2_row1 input{
display: inline;
}
#countrySelector2_row1 label{
font-size: 18px;
display: inline;
}
#countrySelector2_row1 .acceptButton{
border: 1px solid #E81C2F;
color: #fff;
background-color: #E81C2F;
padding: 10px 0;
width: 90px;
margin-top: 20px;
border-radius: 50px;
font-size: 15px;
}
#countrySelector2_row1 .acceptButton:hover{
cursor: pointer;
background-color: #fff;
color: #E81C2F;
transition: 0.2s;
}
.countryList{
}
.countryList p{
line-height: 1.2;
}
.countryList ul{
margin-top: 20px;
}
.countryList li{
width: 104px;
display: inline-block;
margin: 0 30px 20px;
background-color: rgba(255, 255, 255, 0);
}
.countryList li a {
text-decoration: none;
color: black;
}
.countryList .country{
width: 100px;
height: 100px;
border-radius: 50%;
border: 2px solid #888;
transition: 0.3s;
}
.countryList .countryName{
margin-top: 6px;
}
.countryList li:hover{
cursor: pointer;
}
.countryList li:hover .country{
-webkit-transform: scale(1.1);
transform: scale(1.1);
transition: 0.3s;
}
/* row 2 */
#countrySelector2_row2{
padding: 40px;
border-top: 3px solid #fff;
border-bottom: 3px solid #fff;
}
/* row 3 */
#countrySelector2_row3{
padding: 40px;
}
#global {
background-position: center;
background-size: cover;
background-image: url("../images/countrySelector/global.png");
}
#latam {
background-position: center;
background-size: cover;
background-image: url("../images/countrySelector/latam.png");
}
#romania {
background-position: center;
background-size: cover;
background-image: url("../images/countrySelector/romania.png");
}
#czech {
background-position: center;
background-size: cover;
background-image: url("../images/countrySelector/czech.png");
}
#slovakia {
background-position: center;
background-size: cover;
background-image: url("../images/countrySelector/slovak.png");
}
#greece {
background-position: center;
background-size: cover;
background-image: url("../images/countrySelector/greece.png");
}
}
@media screen and (max-width: 478px) {
#countrySelector{
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
background-color: rgba(0, 0, 0, 0.8);
z-index: 999;
overflow-y: scroll;
}
/* selector - copy of irondeficiency.com */
#countrySelector2{
position: absolute;
background-color: rgba(255, 255, 255, 0.9);
border-radius: 4px;
width: 320px;
top: 20px;
left: calc(50% - 160px);
font-family: Arial, sans-serif;
color: #333;
overflow: scroll;
text-align: center;
}
/* row 1 */
#countrySelector2_row1{
padding: 28px;
}
#countrySelector2_row1 h1{
font-size: 20px;
line-height: 1.2;
}
#countrySelector2_row1 .americanCheckbox{
margin: 20px 0 10px;
/*width: 594px;*/
}
#countrySelector2_row1 input{
display: inline;
}
#countrySelector2_row1 label{
font-size: 18px;
display: inline;
}
#countrySelector2_row1 .acceptButton{
border: 1px solid #E81C2F;
color: #fff;
background-color: #E81C2F;
padding: 10px 0;
width: 90px;
margin: 20px auto 0;
border-radius: 50px;
font-size: 15px;
}
#countrySelector2_row1 .acceptButton:hover{
cursor: pointer;
background-color: #fff;
color: #E81C2F;
transition: 0.2s;
}
.countryList{
}
.countryList p{
line-height: 1.2;
}
.countryList ul{
margin-top: 20px;
}
.countryList li{
width: 104px;
display: inline-block;
margin: 0 11px 20px;
background-color: rgba(255, 255, 255, 0);
}
.countryList li a {
text-decoration: none;
color: black;
}
.countryList .country{
width: 100px;
height: 100px;
border-radius: 50%;
border: 2px solid #888;
transition: 0.3s;
}
.countryList .countryName{
margin-top: 6px;
}
.countryList li:hover{
cursor: pointer;
}
.countryList li:hover .country{
-webkit-transform: scale(1.1);
transform: scale(1.1);
transition: 0.3s;
}
/* row 2 */
#countrySelector2_row2{
padding: 28px;
border-top: 3px solid #fff;
border-bottom: 3px solid #fff;
}
/* row 3 */
#countrySelector2_row3{
padding: 40px;
}
#global {
background-position: center;
background-size: cover;
background-image: url("../images/countrySelector/global.png");
}
#latam {
background-position: center;
background-size: cover;
background-image: url("../images/countrySelector/latam.png");
}
#romania {
background-position: center;
background-size: cover;
background-image: url("../images/countrySelector/romania.png");
}
#czech {
background-position: center;
background-size: cover;
background-image: url("../images/countrySelector/czech.png");
}
#slovakia {
background-position: center;
background-size: cover;
background-image: url("../images/countrySelector/slovak.png");
}
#greece {
background-position: center;
background-size: cover;
background-image: url("../images/countrySelector/greece.png");
}
}
/* print */
@media print {
}
@media screen and (min-width: 1400px) {
#eventsPage{
width: 1300px;
margin: 60px auto;
}
/* button */
#eventsPageGetInvolvedBtn{
background-color: #D0585A;
font-size: 50px;
font-family: Din-Bold, sans-serif;
color: #fff;
display: inline-block;
margin-left: 60px;
margin-right: 120px;
padding: 18px 54px;
border-radius: 15px;
}
/* page selector */
#eventsPageSelector{
display: inline-block;
width: 590px;
padding: 0 25px;
border-radius: 15px;
border: 2px solid #869791;
vertical-align: top;
margin-top: 15px;
position: relative;
}
#eventsPageSelector:hover{
cursor: pointer;
}
#eventsPageSelector p{
display: inline-block;
font-size: 30px;
font-family: Din-Bold, sans-serif;
color: #A1A7AF;
padding: 10px 0;
}
#eventsPageSelector i{
display: inline-block;
color: #A1A7AF;
font-size: 38px;
float: right;
transition: 0.5s;
margin-top: 0;
}
.rotateArrow{
margin-top: 12px !important;
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
transition: 0.5s;
}
#eventsPageSelector ul{
display: none;
position: absolute;
z-index: 999;
background-color: #fff;
width: 590px;
padding: 0 10px;
left: 14px;
margin-top: 4px;
border-bottom: 1px solid #e0e0e0;
border-left: 1px solid #e0e0e0;
border-right: 1px solid #e0e0e0;
}
#eventsPageSelector li{
font-size: 30px;
font-family: Din-Bold, sans-serif;
color: #A1A7AF;
padding: 10px 0;
}
#eventsPageSelector li:hover{
background-color: #A1A7AF;
color: #000;
}
/* table */
#eventsPageTable{
width: 100%;
border-collapse: collapse;
margin: 80px 0;
text-align: left;
}
#eventsPageTable tr{
}
#eventsPageTable th{
border-bottom: 3px solid #e0e0e0;
padding: 60px;
width: 50%;
}
#eventsPageTable th:nth-of-type(odd){
border-right: 3px solid #e0e0e0;
}
#eventsPageTable tr:last-of-type th:last-of-type{
border: none;
}
#eventsPageTable tr:last-of-type th:nth-last-child(2){
border-bottom: none;
}
#eventsPageTable h4{
font-size: 23px;
font-family: Arial, sans-serif;
color: #D0585A;
line-height: 1.2;
margin-bottom: 20px;
font-weight: bold;
text-align: left;
}
#eventsPageTable h2{
font-family: Din-Bold, sans-serif;
font-size: 50px;
color: #000;
text-align: left;
}
.eventsPageTable-Details{
margin-top: 30px;
}
.eventsPageTable-Details p{
font-size: 20px;
line-height: 1.2;
font-family: Arial, sans-serif;
color: #000;
text-align: left;
}
}
@media screen and (min-width: 1200px) and (max-width: 1400px){
}
/*=== TABLET ===*/
@media screen and (min-width: 1022px) and (max-width: 1200px) {
}
@media screen and (min-width: 766px) and (max-width: 1022px) {
}
/*=== MOBILE ===*/
@media screen and (min-width: 478px) and (max-width: 766px) {
}
@media screen and (max-width: 478px) {
}
/* print */
@media print {
}
.comingSoon{
font-family: Arial, sans-serif;
font-size: 32px;
}
@media screen and (min-width: 1400px){
/* twitter title row */
#newsroomPage-twitterTitle{
display: block;
text-decoration: none;
font-family: Arial, sans-serif;
width: 1300px;
margin: 60px auto 0;
border-top: 1px solid #E0E0E0;
border-left: 1px solid #E0E0E0;
border-right: 1px solid #E0E0E0;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
}
#newsroomPage-twitterTitle-ImgWrap{
display: inline-block;
width: 40px;
height: 40px;
border: 2px solid #630063;
border-radius: 3px;
margin: 20px 10px 20px 55px;
}
#newsroomPage-twitterTitle-ImgWrap img{
width: 38px;
height: 38px;
margin: 1px;
}
#newsroomPage-twitterTitle h4{
display: inline-block;
font-size: 18px;
color: #000;
font-weight: bold;
vertical-align: top;
margin-top: 34px;
}
#newsroomPage-twitterTitle p{
display: inline-block;
font-size: 18px;
color: #e0e0e0;
margin: 34px 0 0 10px;
vertical-align: top;
}
#newsroomPage-twitterTitle i{
display: inline-block;
float: right;
font-size: 32px;
color: #1dcaff;
margin: 25px 25px 0 0;
}
#newsroomPage-twitterTitle:hover i{
color: #c0deed;
}
/* twitter slider */
#newsroomPage-twitter{
width: 1300px;
margin: 0 auto 60px;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
border: 1px solid #E0E0E0;
overflow-x: scroll;
}
#twitterSlider{
border-top: 1px solid #869791;
width: 1900px;
}
#twitterSlider a{
text-decoration: none;
display: inline-block;
width: 370px;
padding: 30px 50px 25px;
font-family: Arial, sans-serif;
}
#twitterSlider h4{
color: #A1A7AF;
font-size: 20px;
}
#twitterSlider p{
color: #000;
font-size: 18px;
margin: 10px 0 20px;
line-height: 1.2;
}
#twitterSlider img{
width: 370px;
height: 260px;
}
.twitterSlider-actions{
color: #e0e0e0;
font-size: 25px;
}
.twitterSlider-actions i{
display: inline;
margin: 10px 20px;
color: #869791;
font-size: 18px;
}
.twitterSlider-actions p{
display: inline;
margin: 10px 20px !important;
color: #869791 !important;
font-size: 32px !important;
}
/* press release */
#pressRelease{
width: 100%;
background-color: #e0e0e0;
padding: 90px 0 30px;
}
#pressRelease-inner{
width: 1300px;
margin: 0 auto;
}
#pressRelease-title{
font-family: Din-Bold, sans-serif;
font-size: 58px;
color: #000;
text-align: left;
margin-bottom: 20px;
}
#pressRelease .owl-carousel{
}
#pressRelease .owl-item{
margin-top: 0;
}
#pressRelease .owl-stage-outer{
height: auto !important;
}
.pressRelease-carouselElement{
}
.pressRelease-carouselElementRow{
text-align: left;
vertical-align: top;
margin: 40px 0;
}
.pressRelease-carouselDate{
display: inline-block;
width: 60px;
vertical-align: top;
}
.pressRelease-carouselDate h4{
font-family: Din-Bold, sans-serif;
font-size: 50px;
color: #000;
}
.pressRelease-carouselDate h3{
font-family: Din-Bold, sans-serif;
font-size: 70px;
color: #000;
}
.pressRelease-carouselSeparator{
background-color: #D0585A;
width: 4px;
height: 110px;
margin: 0 25px;
display: inline-block;
vertical-align: top;
}
.pressRelease-carouselTexts{
display: inline-block;
width: 1000px;
vertical-align: top;
text-align: left;
}
.pressRelease-carouselTexts h2{
font-size: 23px;
font-family: Arial, sans-serif;
color: #D0585A;
font-weight: bold;
margin-bottom: 15px;
}
.pressRelease-carouselTexts p{
font-size: 20px;
line-height: 1.2;
font-family: Arial, sans-serif;
color: #000;
}
#pressRelease-sliderArrows{
width: 1300px;
margin: 10px auto;
}
#pressRelease-sliderArrows i{
color: #D0585A;
font-size: 70px;
transition: 0.2s;
}
#pressRelease-sliderArrows i:last-of-type{
float: right;
}
#pressRelease-sliderArrows i:hover{
margin: 0 6px;
cursor: pointer;
transition: 0.3s;
}
.comingSoon img{
width: 500px;
}
/* backgrounder */
#backgrounder{
width: 1300px;
margin: 60px auto 130px;
position: relative;
}
#backgrounderTitle{
font-family: Din-Bold, sans-serif;
font-size: 40px;
color: #000;
text-align: left;
}
#backgrounder img {
width: 500px;
height: auto;
display: block;
background-color: #D0585A;
margin: 40px auto;
}
#backgrounder a{
text-decoration: none;
background-color: #D0585A;
border: 1px solid #D0585A;
color: #fff;
font-family: Arial-Bold, sans-serif;
font-size: 18px;
padding: 8px 25px;
border-radius: 32px;
transition: 0.2s;
float: right;
}
#backgrounder a:hover{
transition: 0.2s;
background-color: #fff;
color: #D0585A;
}
#newsroomChar{
width: 250px;
position: absolute;
bottom: 30px;
left: -10px;
z-index: 999;
transition: 0.3s;
}
#backgrounder:hover #newsroomChar{
-webkit-transform: rotate(-10deg);
transform: rotate(-10deg);
transition: 0.4s;
}
/* FAQ */
#faq{
width: 100%;
background-color: #e0e0e0;
padding: 80px 0;
}
#faq-inner{
width: 1300px;
margin: 0 auto;
}
#faqTitle{
font-family: Din-Bold, sans-serif;
font-size: 58px;
color: #000;
text-align: left;
margin-bottom: 50px;
}
.faqTextsCols{
width: 605px;
display: inline-block;
vertical-align: top;
}
#faqLeftCol{
}
#faqRightCol{
margin-left: 75px;
}
.faqTextsCols li{
position: relative;
}
.faqQuestion{
font-size: 23px;
font-family: Arial, sans-serif;
color: #D0585A;
font-weight: bold;
margin-bottom: 20px;
line-height: 1.2;
}
.faqAnswer{
display: block;
font-size: 20px;
line-height: 1.2;
font-family: Arial, sans-serif;
color: #000;
margin-bottom: 30px;
}
.faqAnswer ul{
list-style-type: disc;
list-style-position: outside;
}
.faqAnswer li{
margin-left: 25px;
margin-bottom: 10px;
}
.faqQuestion:hover{
cursor: pointer;
}
/*media articles */
#mediaArticles{
width: 1300px;
margin: 80px auto;
}
#mediaArticlesTitle{
font-family: Din-Bold, sans-serif;
font-size: 58px;
color: #000;
text-align: left;
margin-bottom: 50px;
}
#mediaArticles ul{
}
#mediaArticles li{
display: none;
width: 390px;
margin: 0 20px 65px;
}
.visibleMediaArticles{
display: inline-block !important;
}
#mediaArticles h2{
font-size: 23px;
font-family: Arial, sans-serif;
color: #D0585A;
font-weight: bold;
margin-bottom: 20px;
line-height: 1.2;
}
#mediaArticles h3{
font-family: Din-Bold, sans-serif;
font-size: 28px;
color: #000;
text-align: left;
margin-bottom: 10px;
}
.mediaArticlesText{
border-top: 2px solid #D0585A;
padding-top: 20px;
font-size: 20px;
line-height: 1.2;
font-family: Arial, sans-serif;
color: #000;
}
#mediaArticles-loadMore{
text-align: center;
}
#mediaArticles-loadMore i{
color: #D0585A;
font-size: 50px;
transition: 0.3s;
}
#mediaArticles-loadMore i:hover{
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
transition: 0.3s;
cursor: pointer;
}
/* superscripts */
.supercripts{
font-size: 12px;
vertical-align: top;
}
#newsroomReferences{
width: 1300px;
margin: 0 auto 20px;
}
}
@media screen and (min-width: 1200px) and (max-width: 1400px){
/* twitter title row */
#newsroomPage-twitterTitle{
display: block;
text-decoration: none;
font-family: Arial, sans-serif;
width: 1100px;
margin: 60px auto 0;
border-top: 1px solid #E0E0E0;
border-left: 1px solid #E0E0E0;
border-right: 1px solid #E0E0E0;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
}
#newsroomPage-twitterTitle-ImgWrap{
display: inline-block;
width: 40px;
height: 40px;
border: 2px solid #630063;
border-radius: 3px;
margin: 20px 10px 20px 55px;
}
#newsroomPage-twitterTitle-ImgWrap img{
width: 38px;
height: 38px;
margin: 1px;
}
#newsroomPage-twitterTitle h4{
display: inline-block;
font-size: 18px;
color: #000;
font-weight: bold;
vertical-align: top;
margin-top: 34px;
}
#newsroomPage-twitterTitle p{
display: inline-block;
font-size: 18px;
color: #e0e0e0;
margin: 34px 0 0 10px;
vertical-align: top;
}
#newsroomPage-twitterTitle i{
display: inline-block;
float: right;
font-size: 32px;
color: #1dcaff;
margin: 25px 25px 0 0;
}
#newsroomPage-twitterTitle:hover i{
color: #c0deed;
}
/* twitter slider */
#newsroomPage-twitter{
width: 1100px;
margin: 0 auto 60px;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
border: 1px solid #E0E0E0;
overflow-x: scroll;
}
#twitterSlider{
border-top: 1px solid #869791;
width: 1900px;
}
#twitterSlider a{
text-decoration: none;
display: inline-block;
width: 370px;
padding: 30px 50px 25px;
font-family: Arial, sans-serif;
}
#twitterSlider h4{
color: #A1A7AF;
font-size: 20px;
}
#twitterSlider p{
color: #000;
font-size: 18px;
margin: 10px 0 20px;
line-height: 1.2;
}
#twitterSlider img{
width: 370px;
height: 260px;
}
.twitterSlider-actions{
color: #e0e0e0;
font-size: 25px;
}
.twitterSlider-actions i{
display: inline;
margin: 10px 20px;
color: #869791;
font-size: 18px;
}
.twitterSlider-actions p{
display: inline;
margin: 10px 20px !important;
color: #869791 !important;
font-size: 32px !important;
}
/* press release */
#pressRelease{
width: 100%;
background-color: #e0e0e0;
padding: 90px 0 30px;
}
#pressRelease-inner{
width: 1100px;
margin: 0 auto;
}
#pressRelease-title{
font-family: Din-Bold, sans-serif;
font-size: 58px;
color: #000;
text-align: left;
margin-bottom: 20px;
}
#pressRelease .owl-carousel{
}
#pressRelease .owl-item{
margin-top: 0;
}
#pressRelease .owl-stage-outer{
height: auto !important;
}
.pressRelease-carouselElement{
}
.pressRelease-carouselElementRow{
text-align: left;
vertical-align: top;
margin: 40px 0;
}
.pressRelease-carouselDate{
display: inline-block;
width: 60px;
vertical-align: top;
}
.pressRelease-carouselDate h4{
font-family: Din-Bold, sans-serif;
font-size: 50px;
color: #000;
}
.pressRelease-carouselDate h3{
font-family: Din-Bold, sans-serif;
font-size: 70px;
color: #000;
}
.pressRelease-carouselSeparator{
background-color: #D0585A;
width: 4px;
height: 110px;
margin: 0 25px;
display: inline-block;
vertical-align: top;
}
.pressRelease-carouselTexts{
display: inline-block;
width: 975px;
vertical-align: top;
text-align: left;
}
.pressRelease-carouselTexts h2{
font-size: 23px;
font-family: Arial, sans-serif;
color: #D0585A;
font-weight: bold;
margin-bottom: 15px;
}
.pressRelease-carouselTexts p{
font-size: 20px;
line-height: 1.2;
font-family: Arial, sans-serif;
color: #000;
}
#pressRelease-sliderArrows{
width: 1100px;
margin: 10px auto;
}
#pressRelease-sliderArrows i{
color: #D0585A;
font-size: 70px;
transition: 0.2s;
}
#pressRelease-sliderArrows i:last-of-type{
float: right;
}
#pressRelease-sliderArrows i:hover{
margin: 0 6px;
cursor: pointer;
transition: 0.3s;
}
.comingSoon img{
width: 500px;
}
/* backgrounder */
#backgrounder{
width: 1100px;
margin: 60px auto 130px;
position: relative;
}
#backgrounderTitle{
font-family: Din-Bold, sans-serif;
font-size: 40px;
color: #000;
text-align: left;
}
#backgrounder img{
width: 460px;
height: auto;
display: block;
background-color: #D0585A;
margin: 40px auto;
}
#backgrounder a{
text-decoration: none;
background-color: #D0585A;
border: 1px solid #D0585A;
color: #fff;
font-family: Arial-Bold, sans-serif;
font-size: 18px;
padding: 8px 25px;
border-radius: 32px;
transition: 0.2s;
float: right;
}
#backgrounder a:hover{
transition: 0.2s;
background-color: #fff;
color: #D0585A;
}
#newsroomChar{
width: 240px;
position: absolute;
bottom: 30px;
left: -10px;
z-index: 999;
transition: 0.3s;
}
#backgrounder:hover #newsroomChar{
-webkit-transform: rotate(-10deg);
transform: rotate(-10deg);
transition: 0.4s;
}
/* FAQ */
#faq{
width: 100%;
background-color: #e0e0e0;
padding: 80px 0;
}
#faq-inner{
width: 1100px;
margin: 0 auto;
}
#faqTitle{
font-family: Din-Bold, sans-serif;
font-size: 58px;
color: #000;
text-align: left;
margin-bottom: 50px;
}
.faqTextsCols{
width: 540px;
display: inline-block;
vertical-align: top;
}
#faqLeftCol{
}
#faqRightCol{
margin-left: 15px;
}
.faqTextsCols li{
position: relative;
}
.faqQuestion{
font-size: 23px;
font-family: Arial, sans-serif;
color: #D0585A;
font-weight: bold;
margin-bottom: 20px;
line-height: 1.2;
}
.faqAnswer{
display: block;
font-size: 20px;
line-height: 1.2;
font-family: Arial, sans-serif;
color: #000;
margin-bottom: 30px;
}
.faqAnswer ul{
list-style-type: disc;
list-style-position: outside;
}
.faqAnswer li{
margin-left: 25px;
margin-bottom: 10px;
}
.faqQuestion:hover{
cursor: pointer;
}
/*media articles */
#mediaArticles{
width: 1100px;
margin: 80px auto;
}
#mediaArticlesTitle{
font-family: Din-Bold, sans-serif;
font-size: 58px;
color: #000;
text-align: left;
margin-bottom: 50px;
}
#mediaArticles ul{
}
#mediaArticles li{
display: none;
width: 330px;
margin: 0 16px 65px;
}
.visibleMediaArticles{
display: inline-block !important;
}
#mediaArticles h2{
font-size: 23px;
font-family: Arial, sans-serif;
color: #D0585A;
font-weight: bold;
margin-bottom: 20px;
line-height: 1.2;
}
#mediaArticles h3{
font-family: Din-Bold, sans-serif;
font-size: 28px;
color: #000;
text-align: left;
margin-bottom: 10px;
}
.mediaArticlesText{
border-top: 2px solid #D0585A;
padding-top: 20px;
font-size: 20px;
line-height: 1.2;
font-family: Arial, sans-serif;
color: #000;
}
#mediaArticles-loadMore{
text-align: center;
}
#mediaArticles-loadMore i{
color: #D0585A;
font-size: 50px;
transition: 0.3s;
}
#mediaArticles-loadMore i:hover{
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
transition: 0.3s;
cursor: pointer;
}
/* superscripts */
.supercripts{
font-size: 12px;
vertical-align: top;
}
#newsroomReferences{
width: 1100px;
margin: 0 auto 20px;
}
}
/*=== TABLET ===*/
@media screen and (min-width: 1022px) and (max-width: 1200px) {
/* twitter title row */
#newsroomPage-twitterTitle{
display: block;
text-decoration: none;
font-family: Arial, sans-serif;
width: 1000px;
margin: 60px auto 0;
border-top: 1px solid #E0E0E0;
border-left: 1px solid #E0E0E0;
border-right: 1px solid #E0E0E0;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
}
#newsroomPage-twitterTitle-ImgWrap{
display: inline-block;
width: 40px;
height: 40px;
border: 2px solid #630063;
border-radius: 3px;
margin: 20px 10px 20px 55px;
}
#newsroomPage-twitterTitle-ImgWrap img{
width: 38px;
height: 38px;
margin: 1px;
}
#newsroomPage-twitterTitle h4{
display: inline-block;
font-size: 18px;
color: #000;
font-weight: bold;
vertical-align: top;
margin-top: 34px;
}
#newsroomPage-twitterTitle p{
display: inline-block;
font-size: 18px;
color: #e0e0e0;
margin: 34px 0 0 10px;
vertical-align: top;
}
#newsroomPage-twitterTitle i{
display: inline-block;
float: right;
font-size: 32px;
color: #1dcaff;
margin: 25px 25px 0 0;
}
#newsroomPage-twitterTitle:hover i{
color: #c0deed;
}
/* twitter slider */
#newsroomPage-twitter{
width: 1000px;
margin: 0 auto 60px;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
border: 1px solid #E0E0E0;
overflow-x: scroll;
}
#twitterSlider{
border-top: 1px solid #869791;
width: 1900px;
}
#twitterSlider a{
text-decoration: none;
display: inline-block;
width: 370px;
padding: 30px 50px 25px;
font-family: Arial, sans-serif;
}
#twitterSlider h4{
color: #A1A7AF;
font-size: 20px;
}
#twitterSlider p{
color: #000;
font-size: 18px;
margin: 10px 0 20px;
line-height: 1.2;
}
#twitterSlider img{
width: 370px;
height: 260px;
}
.twitterSlider-actions{
color: #e0e0e0;
font-size: 25px;
}
.twitterSlider-actions i{
display: inline;
margin: 10px 20px;
color: #869791;
font-size: 18px;
}
.twitterSlider-actions p{
display: inline;
margin: 10px 20px !important;
color: #869791 !important;
font-size: 32px !important;
}
/* press release */
#pressRelease{
width: 100%;
background-color: #e0e0e0;
padding: 90px 0 30px;
}
#pressRelease-inner{
width: 1000px;
margin: 0 auto;
}
#pressRelease-title{
font-family: Din-Bold, sans-serif;
font-size: 58px;
color: #000;
text-align: left;
margin-bottom: 20px;
}
#pressRelease .owl-carousel{
}
#pressRelease .owl-item{
margin-top: 0;
}
#pressRelease .owl-stage-outer{
height: auto !important;
}
.pressRelease-carouselElement{
}
.pressRelease-carouselElementRow{
text-align: left;
vertical-align: top;
margin: 40px 0;
}
.pressRelease-carouselDate{
display: inline-block;
width: 60px;
vertical-align: top;
}
.pressRelease-carouselDate h4{
font-family: Din-Bold, sans-serif;
font-size: 50px;
color: #000;
}
.pressRelease-carouselDate h3{
font-family: Din-Bold, sans-serif;
font-size: 70px;
color: #000;
}
.pressRelease-carouselSeparator{
background-color: #D0585A;
width: 4px;
height: 110px;
margin: 0 25px;
display: inline-block;
vertical-align: top;
}
.pressRelease-carouselTexts{
display: inline-block;
width: 872px;
vertical-align: top;
text-align: left;
}
.pressRelease-carouselTexts h2{
font-size: 23px;
font-family: Arial, sans-serif;
color: #D0585A;
font-weight: bold;
margin-bottom: 15px;
}
.pressRelease-carouselTexts p{
font-size: 20px;
line-height: 1.2;
font-family: Arial, sans-serif;
color: #000;
}
#pressRelease-sliderArrows{
width: 1000px;
margin: 10px auto;
}
#pressRelease-sliderArrows i{
color: #D0585A;
font-size: 70px;
transition: 0.2s;
}
#pressRelease-sliderArrows i:last-of-type{
float: right;
}
#pressRelease-sliderArrows i:hover{
margin: 0 6px;
cursor: pointer;
transition: 0.3s;
}
.comingSoon img{
width: 420px;
}
/* backgrounder */
#backgrounder{
width: 1000px;
margin: 60px auto 130px;
position: relative;
}
#backgrounderTitle{
font-family: Din-Bold, sans-serif;
font-size: 40px;
color: #000;
text-align: left;
}
#backgrounder img{
width: 380px;
height: auto;
display: block;
background-color: #D0585A;
margin: 40px auto;
}
#backgrounder a{
text-decoration: none;
background-color: #D0585A;
border: 1px solid #D0585A;
color: #fff;
font-family: Arial-Bold, sans-serif;
font-size: 18px;
padding: 8px 25px;
border-radius: 32px;
transition: 0.2s;
float: right;
}
#backgrounder a:hover{
transition: 0.2s;
background-color: #fff;
color: #D0585A;
}
#newsroomChar{
width: 222px;
position: absolute;
bottom: 30px;
left: -10px;
z-index: 999;
transition: 0.3s;
}
#backgrounder:hover #newsroomChar{
-webkit-transform: rotate(-10deg);
transform: rotate(-10deg);
transition: 0.4s;
}
/* FAQ */
#faq{
width: 100%;
background-color: #e0e0e0;
padding: 80px 0;
}
#faq-inner{
width: 1000px;
margin: 0 auto;
}
#faqTitle{
font-family: Din-Bold, sans-serif;
font-size: 58px;
color: #000;
text-align: left;
margin-bottom: 50px;
}
.faqTextsCols{
width: 490px;
display: inline-block;
vertical-align: top;
}
#faqLeftCol{
}
#faqRightCol{
margin-left: 15px;
}
.faqTextsCols li{
position: relative;
}
.faqQuestion{
font-size: 23px;
font-family: Arial, sans-serif;
color: #D0585A;
font-weight: bold;
margin-bottom: 20px;
line-height: 1.2;
}
.faqAnswer{
display: block;
font-size: 20px;
line-height: 1.2;
font-family: Arial, sans-serif;
color: #000;
margin-bottom: 30px;
}
.faqAnswer ul{
list-style-type: disc;
list-style-position: outside;
}
.faqAnswer li{
margin-left: 25px;
margin-bottom: 10px;
}
.faqQuestion:hover{
cursor: pointer;
}
/*media articles */
#mediaArticles{
width: 1000px;
margin: 80px auto;
}
#mediaArticlesTitle{
font-family: Din-Bold, sans-serif;
font-size: 58px;
color: #000;
text-align: left;
margin-bottom: 50px;
}
#mediaArticles ul{
}
#mediaArticles li{
display: none;
width: 462px;
margin: 0 16px 65px;
}
.visibleMediaArticles{
display: inline-block !important;
}
#mediaArticles h2{
font-size: 23px;
font-family: Arial, sans-serif;
color: #D0585A;
font-weight: bold;
margin-bottom: 20px;
line-height: 1.2;
}
#mediaArticles h3{
font-family: Din-Bold, sans-serif;
font-size: 28px;
color: #000;
text-align: left;
margin-bottom: 10px;
}
.mediaArticlesText{
border-top: 2px solid #D0585A;
padding-top: 20px;
font-size: 20px;
line-height: 1.2;
font-family: Arial, sans-serif;
color: #000;
}
#mediaArticles-loadMore{
text-align: center;
}
#mediaArticles-loadMore i{
color: #D0585A;
font-size: 50px;
transition: 0.3s;
}
#mediaArticles-loadMore i:hover{
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
transition: 0.3s;
cursor: pointer;
}
/* superscripts */
.supercripts{
font-size: 12px;
vertical-align: top;
}
#newsroomReferences{
width: 1000px;
margin: 0 auto 20px;
}
}
@media screen and (min-width: 766px) and (max-width: 1022px) {
/* twitter title row */
#newsroomPage-twitterTitle{
display: block;
text-decoration: none;
font-family: Arial, sans-serif;
width: 760px;
margin: 60px auto 0;
border-top: 1px solid #E0E0E0;
border-left: 1px solid #E0E0E0;
border-right: 1px solid #E0E0E0;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
}
#newsroomPage-twitterTitle-ImgWrap{
display: inline-block;
width: 40px;
height: 40px;
border: 2px solid #630063;
border-radius: 3px;
margin: 20px 10px 20px 55px;
}
#newsroomPage-twitterTitle-ImgWrap img{
width: 38px;
height: 38px;
margin: 1px;
}
#newsroomPage-twitterTitle h4{
display: inline-block;
font-size: 18px;
color: #000;
font-weight: bold;
vertical-align: top;
margin-top: 34px;
}
#newsroomPage-twitterTitle p{
display: inline-block;
font-size: 18px;
color: #e0e0e0;
margin: 34px 0 0 10px;
vertical-align: top;
}
#newsroomPage-twitterTitle i{
display: inline-block;
float: right;
font-size: 32px;
color: #1dcaff;
margin: 25px 25px 0 0;
}
#newsroomPage-twitterTitle:hover i{
color: #c0deed;
}
/* twitter slider */
#newsroomPage-twitter{
width: 760px;
margin: 0 auto 60px;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
border: 1px solid #E0E0E0;
overflow-x: scroll;
}
#twitterSlider{
border-top: 1px solid #869791;
width: 1900px;
}
#twitterSlider a{
text-decoration: none;
display: inline-block;
width: 370px;
padding: 30px 50px 25px;
font-family: Arial, sans-serif;
}
#twitterSlider h4{
color: #A1A7AF;
font-size: 20px;
}
#twitterSlider p{
color: #000;
font-size: 18px;
margin: 10px 0 20px;
line-height: 1.2;
}
#twitterSlider img{
width: 370px;
height: 260px;
}
.twitterSlider-actions{
color: #e0e0e0;
font-size: 25px;
}
.twitterSlider-actions i{
display: inline;
margin: 10px 20px;
color: #869791;
font-size: 18px;
}
.twitterSlider-actions p{
display: inline;
margin: 10px 20px !important;
color: #869791 !important;
font-size: 32px !important;
}
/* press release */
#pressRelease{
width: 100%;
background-color: #e0e0e0;
padding: 90px 0 30px;
}
#pressRelease-inner{
width: 760px;
margin: 0 auto;
}
#pressRelease-title{
font-family: Din-Bold, sans-serif;
font-size: 48px;
color: #000;
text-align: left;
margin-bottom: 20px;
}
#pressRelease .owl-carousel{
}
#pressRelease .owl-item{
margin-top: 0;
}
#pressRelease .owl-stage-outer{
height: auto !important;
}
.pressRelease-carouselElement{
}
.pressRelease-carouselElementRow{
text-align: left;
vertical-align: top;
margin: 40px 0;
}
.pressRelease-carouselDate{
display: inline-block;
width: 60px;
vertical-align: top;
}
.pressRelease-carouselDate h4{
font-family: Din-Bold, sans-serif;
font-size: 50px;
color: #000;
}
.pressRelease-carouselDate h3{
font-family: Din-Bold, sans-serif;
font-size: 70px;
color: #000;
}
.pressRelease-carouselSeparator{
background-color: #D0585A;
width: 4px;
height: 110px;
margin: 0 25px;
display: inline-block;
vertical-align: top;
}
.pressRelease-carouselTexts{
display: inline-block;
width: 635px;
vertical-align: top;
text-align: left;
}
.pressRelease-carouselTexts h2{
font-size: 23px;
font-family: Arial, sans-serif;
color: #D0585A;
font-weight: bold;
margin-bottom: 15px;
}
.pressRelease-carouselTexts p{
font-size: 20px;
line-height: 1.2;
font-family: Arial, sans-serif;
color: #000;
}
#pressRelease-sliderArrows{
width: 760px;
margin: 10px auto;
}
#pressRelease-sliderArrows i{
color: #D0585A;
font-size: 70px;
transition: 0.2s;
}
#pressRelease-sliderArrows i:last-of-type{
float: right;
}
#pressRelease-sliderArrows i:hover{
margin: 0 6px;
cursor: pointer;
transition: 0.3s;
}
.comingSoon img{
width: 380px;
}
/* backgrounder */
#backgrounder{
width: 760px;
margin: 60px auto 130px;
position: relative;
}
#backgrounderTitle{
font-family: Din-Bold, sans-serif;
font-size: 40px;
color: #000;
text-align: left;
}
#backgrounder img{
width: 350px;
height: auto;
display: block;
background-color: #D0585A;
margin: 40px auto;
}
#backgrounder a{
text-decoration: none;
background-color: #D0585A;
border: 1px solid #D0585A;
color: #fff;
font-family: Arial-Bold, sans-serif;
font-size: 18px;
padding: 8px 25px;
border-radius: 32px;
transition: 0.2s;
float: right;
}
#backgrounder a:hover{
transition: 0.2s;
background-color: #fff;
color: #D0585A;
}
#newsroomChar{
width: 140px;
position: absolute;
bottom: 30px;
left: -10px;
z-index: 999;
transition: 0.3s;
}
#backgrounder:hover #newsroomChar{
-webkit-transform: rotate(-10deg);
transform: rotate(-10deg);
transition: 0.4s;
}
/* FAQ */
#faq{
width: 100%;
background-color: #e0e0e0;
padding: 60px 0;
}
#faq-inner{
width: 760px;
margin: 0 auto;
}
#faqTitle{
font-family: Din-Bold, sans-serif;
font-size: 48px;
color: #000;
text-align: left;
margin-bottom: 50px;
}
.faqTextsCols{
width: 760px;
display: block;
margin: 0 auto;
}
#faqLeftCol{
}
#faqRightCol{
}
.faqTextsCols li{
position: relative;
}
.faqQuestion{
font-size: 23px;
font-family: Arial, sans-serif;
color: #D0585A;
font-weight: bold;
margin-bottom: 20px;
line-height: 1.2;
}
.faqAnswer{
display: block;
font-size: 20px;
line-height: 1.2;
font-family: Arial, sans-serif;
color: #000;
margin-bottom: 30px;
}
.faqAnswer ul{
list-style-type: disc;
list-style-position: outside;
}
.faqAnswer li{
margin-left: 25px;
margin-bottom: 10px;
}
.faqQuestion:hover{
cursor: pointer;
}
/*media articles */
#mediaArticles{
width: 760px;
margin: 80px auto;
}
#mediaArticlesTitle{
font-family: Din-Bold, sans-serif;
font-size: 48px;
color: #000;
text-align: left;
margin-bottom: 50px;
}
#mediaArticles ul{
}
#mediaArticles li{
display: block;
width: 760px;
margin: 0 auto 65px;
}
.visibleMediaArticles{
display: block;
}
#mediaArticles h2{
font-size: 23px;
font-family: Arial, sans-serif;
color: #D0585A;
font-weight: bold;
margin-bottom: 20px;
line-height: 1.2;
}
#mediaArticles h3{
font-family: Din-Bold, sans-serif;
font-size: 28px;
color: #000;
text-align: left;
margin-bottom: 10px;
}
.mediaArticlesText{
border-top: 2px solid #D0585A;
padding-top: 20px;
font-size: 20px;
line-height: 1.2;
font-family: Arial, sans-serif;
color: #000;
}
#mediaArticles-loadMore{
text-align: center;
}
#mediaArticles-loadMore i{
color: #D0585A;
font-size: 50px;
transition: 0.3s;
}
#mediaArticles-loadMore i:hover{
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
transition: 0.3s;
cursor: pointer;
}
/* superscripts */
.supercripts{
font-size: 12px;
vertical-align: top;
}
#newsroomReferences{
width: 760px;
margin: 0 auto 20px;
}
}
/*=== MOBILE ===*/
@media screen and (min-width: 478px) and (max-width: 766px) {
/* twitter title row */
#newsroomPage-twitterTitle{
display: block;
text-decoration: none;
font-family: Arial, sans-serif;
width: 470px;
margin: 60px auto 0;
border-top: 1px solid #E0E0E0;
border-left: 1px solid #E0E0E0;
border-right: 1px solid #E0E0E0;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
}
#newsroomPage-twitterTitle-ImgWrap{
display: inline-block;
width: 40px;
height: 40px;
border: 2px solid #630063;
border-radius: 3px;
margin: 20px 10px 20px 55px;
}
#newsroomPage-twitterTitle-ImgWrap img{
width: 38px;
height: 38px;
margin: 1px;
}
#newsroomPage-twitterTitle h4{
display: inline-block;
font-size: 18px;
color: #000;
font-weight: bold;
vertical-align: top;
margin-top: 34px;
}
#newsroomPage-twitterTitle p{
display: inline-block;
font-size: 18px;
color: #e0e0e0;
margin: 34px 0 0 10px;
vertical-align: top;
}
#newsroomPage-twitterTitle i{
display: inline-block;
float: right;
font-size: 32px;
color: #1dcaff;
margin: 25px 25px 0 0;
}
#newsroomPage-twitterTitle:hover i{
color: #c0deed;
}
/* twitter slider */
#newsroomPage-twitter{
width: 470px;
margin: 0 auto 60px;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
border: 1px solid #E0E0E0;
overflow-x: scroll;
}
#twitterSlider{
border-top: 1px solid #869791;
width: 1900px;
}
#twitterSlider a{
text-decoration: none;
display: inline-block;
width: 370px;
padding: 30px 50px 25px;
font-family: Arial, sans-serif;
}
#twitterSlider h4{
color: #A1A7AF;
font-size: 20px;
}
#twitterSlider p{
color: #000;
font-size: 18px;
margin: 10px 0 20px;
line-height: 1.2;
}
#twitterSlider img{
width: 370px;
height: 260px;
}
.twitterSlider-actions{
color: #e0e0e0;
font-size: 25px;
}
.twitterSlider-actions i{
display: inline;
margin: 10px 20px;
color: #869791;
font-size: 18px;
}
.twitterSlider-actions p{
display: inline;
margin: 10px 20px !important;
color: #869791 !important;
font-size: 32px !important;
}
/* press release */
#pressRelease{
width: 100%;
background-color: #e0e0e0;
padding: 90px 0 30px;
}
#pressRelease-inner{
width: 470px;
margin: 0 auto;
}
#pressRelease-title{
font-family: Din-Bold, sans-serif;
font-size: 48px;
color: #000;
text-align: left;
margin-bottom: 20px;
}
#pressRelease .owl-carousel{
width: 470px !important;
}
#pressRelease .owl-stage-outer{
height: auto !important;
}
#pressRelease .owl-item{
margin-top: 0;
}
.pressRelease-carouselElement{
}
.pressRelease-carouselElementRow{
text-align: left;
vertical-align: top;
margin: 40px 0;
}
.pressRelease-carouselDate{
display: inline-block;
width: 60px;
vertical-align: top;
}
.pressRelease-carouselDate h4{
font-family: Din-Bold, sans-serif;
font-size: 30px;
color: #000;
}
.pressRelease-carouselDate h3{
font-family: Din-Bold, sans-serif;
font-size: 50px;
color: #000;
}
.pressRelease-carouselSeparator{
background-color: #D0585A;
width: 4px;
height: 76px;
margin: 0 26px 0 0;
display: inline-block;
vertical-align: top;
}
.pressRelease-carouselTexts{
display: inline-block;
width: 364px;
vertical-align: top;
text-align: left;
}
.pressRelease-carouselTexts h2{
font-size: 23px;
font-family: Arial, sans-serif;
color: #D0585A;
font-weight: bold;
margin-bottom: 15px;
}
.pressRelease-carouselTexts p{
font-size: 20px;
line-height: 1.2;
font-family: Arial, sans-serif;
color: #000;
}
#pressRelease-sliderArrows{
width: 470px;
margin: 10px auto;
}
#pressRelease-sliderArrows i{
color: #D0585A;
font-size: 70px;
transition: 0.2s;
}
#pressRelease-sliderArrows i:last-of-type{
float: right;
}
#pressRelease-sliderArrows i:hover{
margin: 0 6px;
cursor: pointer;
transition: 0.3s;
}
.comingSoon img{
width: 330px;
}
/* backgrounder */
#backgrounder{
width: 470px;
margin: 60px auto 130px;
position: relative;
}
#backgrounderTitle{
font-family: Din-Bold, sans-serif;
font-size: 40px;
color: #000;
text-align: left;
}
#backgrounder img{
width: 320px;
height: auto;
display: block;
background-color: #D0585A;
margin: 40px auto;
}
#backgrounder a{
text-decoration: none;
background-color: #D0585A;
border: 1px solid #D0585A;
color: #fff;
font-family: Arial-Bold, sans-serif;
font-size: 18px;
padding: 8px 25px;
border-radius: 32px;
transition: 0.2s;
float: right;
}
#backgrounder a:hover{
transition: 0.2s;
background-color: #fff;
color: #D0585A;
}
#newsroomChar{
width: 140px;
position: absolute;
bottom: 30px;
left: -18px;
z-index: 999;
transition: 0.3s;
}
#backgrounder:hover #newsroomChar{
-webkit-transform: rotate(-10deg);
transform: rotate(-10deg);
transition: 0.4s;
}
/* FAQ */
#faq{
width: 100%;
background-color: #e0e0e0;
padding: 60px 0;
}
#faq-inner{
width: 470px;
margin: 0 auto;
}
#faqTitle{
font-family: Din-Bold, sans-serif;
font-size: 48px;
color: #000;
text-align: left;
margin-bottom: 50px;
}
.faqTextsCols{
width: 470px;
display: block;
margin: 0 auto;
}
#faqLeftCol{
}
#faqRightCol{
}
.faqTextsCols li{
position: relative;
}
.faqQuestion{
font-size: 23px;
font-family: Arial, sans-serif;
color: #D0585A;
font-weight: bold;
margin-bottom: 20px;
line-height: 1.2;
}
.faqAnswer{
display: block;
font-size: 20px;
line-height: 1.2;
font-family: Arial, sans-serif;
color: #000;
margin-bottom: 30px;
}
.faqAnswer ul{
list-style-type: disc;
list-style-position: outside;
}
.faqAnswer li{
margin-left: 25px;
margin-bottom: 10px;
}
.faqQuestion:hover{
cursor: pointer;
}
/*media articles */
#mediaArticles{
width: 470px;
margin: 80px auto;
}
#mediaArticlesTitle{
font-family: Din-Bold, sans-serif;
font-size: 48px;
color: #000;
text-align: left;
margin-bottom: 50px;
}
#mediaArticles ul{
}
#mediaArticles li{
display: block;
width: 470px;
margin: 0 auto 65px;
}
.visibleMediaArticles{
display: block;
}
#mediaArticles h2{
font-size: 23px;
font-family: Arial, sans-serif;
color: #D0585A;
font-weight: bold;
margin-bottom: 20px;
line-height: 1.2;
}
#mediaArticles h3{
font-family: Din-Bold, sans-serif;
font-size: 28px;
color: #000;
text-align: left;
margin-bottom: 10px;
}
.mediaArticlesText{
border-top: 2px solid #D0585A;
padding-top: 20px;
font-size: 20px;
line-height: 1.2;
font-family: Arial, sans-serif;
color: #000;
}
#mediaArticles-loadMore{
text-align: center;
}
#mediaArticles-loadMore i{
color: #D0585A;
font-size: 50px;
transition: 0.3s;
}
#mediaArticles-loadMore i:hover{
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
transition: 0.3s;
cursor: pointer;
}
/* superscripts */
.supercripts{
font-size: 12px;
vertical-align: top;
}
#newsroomReferences{
width: 470px;
margin: 0 auto 20px;
}
}
@media screen and (max-width: 478px) {
/* twitter title row */
#newsroomPage-twitterTitle{
display: block;
text-decoration: none;
font-family: Arial, sans-serif;
width: 320px;
margin: 60px auto 0;
border-top: 1px solid #E0E0E0;
border-left: 1px solid #E0E0E0;
border-right: 1px solid #E0E0E0;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
}
#newsroomPage-twitterTitle-ImgWrap{
display: inline-block;
width: 31px;
height: 32px;
border: 2px solid #630063;
border-radius: 3px;
margin: 10px 5px 10px 15px;
}
#newsroomPage-twitterTitle-ImgWrap img{
width: 30px;
height: 30px;
margin: 1px;
}
#newsroomPage-twitterTitle h4{
display: inline-block;
font-size: 12px;
color: #000;
font-weight: bold;
vertical-align: top;
margin-top: 26px;
}
#newsroomPage-twitterTitle p{
display: inline-block;
font-size: 12px;
color: #e0e0e0;
margin: 26px 0 0 5px;
vertical-align: top;
}
#newsroomPage-twitterTitle i{
display: inline-block;
float: right;
font-size: 32px;
color: #1dcaff;
margin: 15px 15px 0 0;
}
#newsroomPage-twitterTitle:hover i{
color: #c0deed;
}
/* twitter slider */
#newsroomPage-twitter{
width: 320px;
margin: 0 auto 60px;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
border: 1px solid #E0E0E0;
overflow-x: scroll;
}
#twitterSlider{
border-top: 1px solid #869791;
width: 1900px;
}
#twitterSlider a{
text-decoration: none;
display: inline-block;
width: 320px;
padding: 30px 50px 25px;
font-family: Arial, sans-serif;
}
#twitterSlider h4{
color: #A1A7AF;
font-size: 20px;
}
#twitterSlider p{
color: #000;
font-size: 18px;
margin: 10px 0 20px;
line-height: 1.2;
}
#twitterSlider img{
width: 320px;
height: 220px;
}
.twitterSlider-actions{
color: #e0e0e0;
font-size: 25px;
}
.twitterSlider-actions i{
display: inline;
margin: 10px 20px;
color: #869791;
font-size: 18px;
}
.twitterSlider-actions p{
display: inline;
margin: 10px 20px !important;
color: #869791 !important;
font-size: 32px !important;
}
/* press release */
#pressRelease{
width: 100%;
background-color: #e0e0e0;
padding: 90px 0 30px;
}
#pressRelease-inner{
width: 320px;
margin: 0 auto;
}
#pressRelease-title{
font-family: Din-Bold, sans-serif;
font-size: 40px;
color: #000;
text-align: left;
margin-bottom: 20px;
}
#pressRelease .owl-carousel{
width: 320px !important;
}
#pressRelease .owl-stage-outer{
height: auto !important;
}
#pressRelease .owl-item{
margin-top: 0;
}
.pressRelease-carouselElement{
}
.pressRelease-carouselElementRow{
text-align: left;
vertical-align: top;
margin: 40px 0;
}
.pressRelease-carouselDate{
display: inline-block;
width: 40px;
vertical-align: top;
}
.pressRelease-carouselDate h4{
font-family: Din-Bold, sans-serif;
font-size: 28px;
color: #000;
}
.pressRelease-carouselDate h3{
font-family: Din-Bold, sans-serif;
font-size: 40px;
color: #000;
}
.pressRelease-carouselSeparator{
background-color: #D0585A;
width: 3px;
height: 66px;
margin: 0 15px 0 0;
display: inline-block;
vertical-align: top;
}
.pressRelease-carouselTexts{
display: inline-block;
width: 240px;
vertical-align: top;
text-align: left;
}
.pressRelease-carouselTexts h2{
font-size: 23px;
font-family: Arial, sans-serif;
color: #D0585A;
font-weight: bold;
margin-bottom: 15px;
}
.pressRelease-carouselTexts p{
font-size: 20px;
line-height: 1.2;
font-family: Arial, sans-serif;
color: #000;
}
#pressRelease-sliderArrows{
width: 320px;
margin: 10px auto;
}
#pressRelease-sliderArrows i{
color: #D0585A;
font-size: 70px;
transition: 0.2s;
}
#pressRelease-sliderArrows i:last-of-type{
float: right;
}
#pressRelease-sliderArrows i:hover{
margin: 0 6px;
cursor: pointer;
transition: 0.3s;
}
.comingSoon img{
width: 300px;
}
/* backgrounder */
#backgrounder{
width: 320px;
margin: 60px auto 130px;
position: relative;
}
#backgrounderTitle{
font-family: Din-Bold, sans-serif;
font-size: 40px;
color: #000;
text-align: left;
}
#backgrounder img{
width: 300px;
height: auto;
display: block;
background-color: #D0585A;
margin: 40px auto;
}
#backgrounder a{
text-decoration: none;
background-color: #D0585A;
border: 1px solid #D0585A;
color: #fff;
font-family: Arial-Bold, sans-serif;
font-size: 18px;
padding: 8px 25px;
border-radius: 32px;
transition: 0.2s;
float: right;
}
#backgrounder a:hover{
transition: 0.2s;
background-color: #fff;
color: #D0585A;
}
#newsroomChar{
width: 140px;
position: absolute;
bottom: 30px;
left: -10px;
z-index: 999;
transition: 0.3s;
}
#backgrounder:hover #newsroomChar{
-webkit-transform: rotate(-10deg);
transform: rotate(-10deg);
transition: 0.4s;
}
/* FAQ */
#faq{
width: 100%;
background-color: #e0e0e0;
padding: 60px 0;
}
#faq-inner{
width: 320px;
margin: 0 auto;
}
#faqTitle{
font-family: Din-Bold, sans-serif;
font-size: 36px;
color: #000;
text-align: left;
margin-bottom: 50px;
}
.faqTextsCols{
width: 320px;
display: block;
margin: 0 auto;
}
#faqLeftCol{
}
#faqRightCol{
}
.faqTextsCols li{
position: relative;
}
.faqQuestion{
font-size: 23px;
font-family: Arial, sans-serif;
color: #D0585A;
font-weight: bold;
margin-bottom: 20px;
line-height: 1.2;
}
.faqAnswer{
display: block;
font-size: 20px;
line-height: 1.2;
font-family: Arial, sans-serif;
color: #000;
margin-bottom: 30px;
}
.faqAnswer ul{
list-style-type: disc;
list-style-position: outside;
}
.faqAnswer li{
margin-left: 25px;
margin-bottom: 10px;
}
.faqQuestion:hover{
cursor: pointer;
}
/*media articles */
#mediaArticles{
width: 320px;
margin: 80px auto;
}
#mediaArticlesTitle{
font-family: Din-Bold, sans-serif;
font-size: 40px;
color: #000;
text-align: left;
margin-bottom: 50px;
}
#mediaArticles ul{
}
#mediaArticles li{
display: block;
width: 320px;
margin: 0 auto 65px;
}
.visibleMediaArticles{
display: block;
}
#mediaArticles h2{
font-size: 23px;
font-family: Arial, sans-serif;
color: #D0585A;
font-weight: bold;
margin-bottom: 20px;
line-height: 1.2;
}
#mediaArticles h3{
font-family: Din-Bold, sans-serif;
font-size: 28px;
color: #000;
text-align: left;
margin-bottom: 10px;
}
.mediaArticlesText{
border-top: 2px solid #D0585A;
padding-top: 20px;
font-size: 20px;
line-height: 1.2;
font-family: Arial, sans-serif;
color: #000;
}
#mediaArticles-loadMore{
text-align: center;
}
#mediaArticles-loadMore i{
color: #D0585A;
font-size: 50px;
transition: 0.3s;
}
#mediaArticles-loadMore i:hover{
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
transition: 0.3s;
cursor: pointer;
}
/* superscripts */
.supercripts{
font-size: 12px;
vertical-align: top;
}
#newsroomReferences{
width: 280px;
margin: 0 auto 20px;
}
}
/* print */
@media print {
}
@media screen and (min-width: 1400px){
#patientsTestimony{
width: 1300px;
margin: 60px auto;
}
#patientsTestimony iframe{
width: 1300px;
height: 750px;
}
#patientsTestimony iframe:last-of-type{
margin-top: 90px;
}
#patientsTestimony h3{
font-size: 23px;
font-family: Arial, sans-serif;
color: #D0585A;
line-height: 1.2;
margin-top: 25px;
font-weight: bold;
}
#patientsTestimony h2{
font-family: Din-Bold, sans-serif;
color: #000;
font-size: 50px;
margin-top: 25px;
}
#patientsTestimony p{
font-size: 22px;
font-family: Arial, sans-serif;
color: #000;
line-height: 1.2;
margin-top: 30px;
}
}
@media screen and (min-width: 1200px) and (max-width: 1400px){
#patientsTestimony{
width: 1100px;
margin: 60px auto;
}
#patientsTestimony iframe{
width: 1100px;
height: 650px;
}
#patientsTestimony iframe:last-of-type{
margin-top: 90px;
}
#patientsTestimony h3{
font-size: 23px;
font-family: Arial, sans-serif;
color: #D0585A;
line-height: 1.2;
margin-top: 25px;
font-weight: bold;
}
#patientsTestimony h2{
font-family: Din-Bold, sans-serif;
color: #000;
font-size: 50px;
margin-top: 25px;
}
#patientsTestimony p{
font-size: 22px;
font-family: Arial, sans-serif;
color: #000;
line-height: 1.2;
margin-top: 30px;
}
}
/*=== TABLET ===*/
@media screen and (min-width: 1022px) and (max-width: 1200px) {
#patientsTestimony{
width: 1000px;
margin: 60px auto;
}
#patientsTestimony iframe{
width: 1000px;
height: 650px;
}
#patientsTestimony iframe:last-of-type{
margin-top: 90px;
}
#patientsTestimony h3{
font-size: 23px;
font-family: Arial, sans-serif;
color: #D0585A;
line-height: 1.2;
margin-top: 25px;
font-weight: bold;
}
#patientsTestimony h2{
font-family: Din-Bold, sans-serif;
color: #000;
font-size: 50px;
margin-top: 25px;
}
#patientsTestimony p{
font-size: 22px;
font-family: Arial, sans-serif;
color: #000;
line-height: 1.2;
margin-top: 30px;
}
}
@media screen and (min-width: 766px) and (max-width: 1022px) {
#patientsTestimony{
width: 760px;
margin: 60px auto;
}
#patientsTestimony iframe{
width: 760px;
height: 500px;
}
#patientsTestimony iframe:last-of-type{
margin-top: 50px;
}
#patientsTestimony h3{
font-size: 23px;
font-family: Arial, sans-serif;
color: #D0585A;
line-height: 1.2;
margin-top: 25px;
font-weight: bold;
}
#patientsTestimony h2{
font-family: Din-Bold, sans-serif;
color: #000;
font-size: 50px;
margin-top: 25px;
}
#patientsTestimony p{
font-size: 22px;
font-family: Arial, sans-serif;
color: #000;
line-height: 1.2;
margin-top: 30px;
}
}
/*=== MOBILE ===*/
@media screen and (min-width: 478px) and (max-width: 766px) {
#patientsTestimony{
width: 470px;
margin: 60px auto;
}
#patientsTestimony iframe{
width: 470px;
height: 300px;
}
#patientsTestimony iframe:last-of-type{
margin-top: 50px;
}
#patientsTestimony h3{
font-size: 23px;
font-family: Arial, sans-serif;
color: #D0585A;
line-height: 1.2;
margin-top: 25px;
font-weight: bold;
}
#patientsTestimony h2{
font-family: Din-Bold, sans-serif;
color: #000;
font-size: 40px;
margin-top: 25px;
}
#patientsTestimony p{
font-size: 22px;
font-family: Arial, sans-serif;
color: #000;
line-height: 1.2;
margin-top: 30px;
}
}
@media screen and (max-width: 478px) {
#patientsTestimony{
width: 300px;
margin: 60px auto;
}
#patientsTestimony iframe{
width: 300px;
height: 200px;
}
#patientsTestimony iframe:last-of-type{
margin-top: 50px;
}
#patientsTestimony h3{
font-size: 22px;
font-family: Arial, sans-serif;
color: #D0585A;
line-height: 1.2;
margin-top: 20px;
font-weight: bold;
}
#patientsTestimony h2{
font-family: Din-Bold, sans-serif;
color: #000;
font-size: 38px;
margin-top: 20px;
}
#patientsTestimony p{
font-size: 18px;
font-family: Arial, sans-serif;
color: #000;
line-height: 1.2;
margin-top: 20px;
}
}
/* print */
@media print {
}
.rotateArrow{
transition: 0.5s;
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
margin-top: 15px !important;
}
.characterImg{
display: none;
}
.characterCategory{
display: none;
}
.characterTitle{
display: none;
}
.characterText{
display: none;
}
@media screen and (min-width: 1400px){
/* main content */
.resourcesPageContent{
width: 1300px;
margin: 60px auto;
}
.resourcesPageContent h2{
font-size: 23px;
font-family: Arial, sans-serif;
color: #D0585A;
line-height: 1.2;
margin-top: 20px;
font-weight: bold;
}
.resourcesPageContent p{
font-size: 22px;
font-family: Arial, sans-serif;
color: #000;
line-height: 1.2;
margin-top: 22px;
}
/* symptoms modal */
.resourcesPage-symptomsTable{
position: relative;
}
#charactersModal{
background-color: rgba(0, 0, 0, 0.8);
position: absolute;
top: 204px;
left: calc(50% - 650px);
width: 1100px;
height: 962px;
padding: 0 100px;
color: #fff;
display: none;
z-index: 999;
}
#charactersModal-close{
height: 100px;
}
#charactersModal-close i{
color: #fff;
font-size: 40px;
float: right;
margin-top: 60px;
transition: 0.3s;
}
#charactersModal-close i:hover{
cursor: pointer;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
transition: 0.4s;
}
#charactersModal h4{
font-family: Din-Bold, sans-serif;
font-size: 28px;
margin: 60px 0 0 50px;
}
#charactersModal h3{
font-family: Din-Bold, sans-serif;
font-size: 58px;
margin: 20px 0 40px 50px;
}
#charactersModal p{
font-size: 22px;
font-family: Arial, sans-serif;
color: #fff;
line-height: 1.2;
margin: 0 0 0 50px;
}
#charactersModal img{
height: 480px;
display: block;
margin: 20px auto 0;
}
/* PDFs */
#resourcesPageContent-pdfs{
color: #000;
font-family: Din-Bold, sans-serif;
font-size: 58px;
margin-top: 50px;
}
.resourcesPageContent ul{
margin: 40px 0 90px;
}
.resourcesPageContent li{
display: inline-block;
width: 400px;
vertical-align: top;
}
.resourcesPageContent li:nth-of-type(2){
margin: 0 45px;
}
.resourcesPageContent a{
text-decoration: none;
}
.resourcesPageContent img{
width: 400px;
height: 515px;
}
.resourcesPageContent p{
font-size: 22px;
font-family: Arial, sans-serif;
color: #000;
line-height: 1.2;
margin-top: 22px;
}
/* mobile apps */
#resourcesPage-phones{
width: 900px;
height: 658px;
display: block;
margin: 20px auto;
}
#resourcesPage-apps{
width: 530px;
margin: 30px auto 0;
}
#resourcesPage-apps a{
display: inline;
text-decoration: none;
margin: 0 20px;
}
#resourcesPage-apps p{
display: inline-block;
}
#resourcesPage-apps img{
width: 220px;
height: auto;
}
/* references */
#references{
border-bottom: 1px solid #A1A7AF;
margin-top: 60px;
padding-bottom: 15px;
}
#references-inner{
}
#references-inner:hover{
cursor: pointer;
}
#references-inner h2{
font-size: 23px;
font-family: Arial, sans-serif;
color: #D0585A;
line-height: 1.2;
margin-top: 20px;
font-weight: bold;
display: inline-block;
}
#references-inner i{
display: inline-block;
color: #A1A7AF;
font-size: 38px;
float: right;
transition: 0.5s;
margin-top: 0;
}
#references-list{
padding: 0;
margin: 22px 0 40px 40px;
display: none;
}
#references-list p{
display: block;
width: 100%;
margin: 20px 0;
font-size: 18px;
font-family: Arial, sans-serif;
color: #000;
line-height: 1.2;
}
#references-list sup {
font-size: 12px;
margin-top: 0;
vertical-align: middle;
color: #A1A7AF;
}
#references-list em{
font-style: italic;
}
#references-list a{
font-size: 18px;
font-family: Arial, sans-serif;
color: #D0585A;
line-height: 1.2;
text-decoration: none;
}
#references-list a:hover{
text-decoration: underline;
}
}
@media screen and (min-width: 1200px) and (max-width: 1400px){
/* main content */
.resourcesPageContent{
width: 1100px;
margin: 60px auto;
}
.resourcesPageContent h2{
font-size: 23px;
font-family: Arial, sans-serif;
color: #D0585A;
line-height: 1.2;
margin-top: 20px;
font-weight: bold;
}
.resourcesPageContent p{
font-size: 22px;
font-family: Arial, sans-serif;
color: #000;
line-height: 1.2;
margin-top: 22px;
}
/* symptoms modal */
.resourcesPage-symptomsTable{
position: relative;
}
#charactersModal{
background-color: rgba(0, 0, 0, 0.8);
position: absolute;
top: 200px;
left: calc(50% - 550px);
width: 1000px;
height: 962px;
padding: 0 50px;
color: #fff;
display: none;
z-index: 999;
}
#charactersModal-close{
height: 100px;
}
#charactersModal-close i{
color: #fff;
font-size: 40px;
float: right;
margin-top: 60px;
transition: 0.3s;
}
#charactersModal-close i:hover{
cursor: pointer;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
transition: 0.4s;
}
#charactersModal h4{
font-family: Din-Bold, sans-serif;
font-size: 28px;
margin: 60px 0 0 50px;
}
#charactersModal h3{
font-family: Din-Bold, sans-serif;
font-size: 58px;
margin: 20px 0 40px 50px;
}
#charactersModal p{
font-size: 22px;
font-family: Arial, sans-serif;
color: #fff;
line-height: 1.2;
margin: 0 0 0 50px;
}
#charactersModal img{
height: 440px;
display: block;
margin: 20px auto 0;
}
/* PDFs */
#resourcesPageContent-pdfs{
color: #000;
font-family: Din-Bold, sans-serif;
font-size: 58px;
margin-top: 50px;
}
.resourcesPageContent ul{
margin: 40px 0 90px;
}
.resourcesPageContent li{
display: inline-block;
width: 328px;
vertical-align: top;
}
.resourcesPageContent li:nth-of-type(2){
margin: 0 50px;
}
.resourcesPageContent a{
text-decoration: none;
}
.resourcesPageContent img{
width: 328px;
height: 578px;
}
.resourcesPageContent p{
font-size: 22px;
font-family: Arial, sans-serif;
color: #000;
line-height: 1.2;
margin-top: 22px;
}
/* mobile apps */
#resourcesPage-phones{
width: 800px;
height: 585px;
display: block;
margin: 20px auto;
}
#resourcesPage-apps{
width: 530px;
margin: 30px auto 0;
}
#resourcesPage-apps a{
display: inline;
text-decoration: none;
margin: 0 20px;
}
#resourcesPage-apps p{
display: inline-block;
}
#resourcesPage-apps img{
width: 220px;
height: auto;
}
/* references */
#references{
border-bottom: 1px solid #A1A7AF;
margin-top: 60px;
padding-bottom: 15px;
}
#references-inner{
}
#references-inner:hover{
cursor: pointer;
}
#references-inner h2{
font-size: 23px;
font-family: Arial, sans-serif;
color: #D0585A;
line-height: 1.2;
margin-top: 20px;
font-weight: bold;
display: inline-block;
}
#references-inner i{
display: inline-block;
color: #A1A7AF;
font-size: 38px;
float: right;
transition: 0.5s;
margin-top: 0;
}
#references-list{
padding: 0;
margin: 22px 0 40px 40px;
display: none;
}
#references-list p{
display: block;
width: 100%;
margin: 20px 0;
font-size: 18px;
font-family: Arial, sans-serif;
color: #000;
line-height: 1.2;
}
#references-list sup {
font-size: 12px;
margin-top: 0;
vertical-align: middle;
color: #A1A7AF;
}
#references-list em{
font-style: italic;
}
#references-list a{
font-size: 18px;
font-family: Arial, sans-serif;
color: #D0585A;
line-height: 1.2;
text-decoration: none;
}
#references-list a:hover{
text-decoration: underline;
}
}
/*=== TABLET ===*/
@media screen and (min-width: 1022px) and (max-width: 1200px) {
/* main content */
.resourcesPageContent{
width: 1000px;
margin: 60px auto;
}
.resourcesPageContent h2{
font-size: 23px;
font-family: Arial, sans-serif;
color: #D0585A;
line-height: 1.2;
margin-top: 20px;
font-weight: bold;
}
.resourcesPageContent p{
font-size: 22px;
font-family: Arial, sans-serif;
color: #000;
line-height: 1.2;
margin-top: 22px;
}
/* symptoms modal */
.resourcesPage-symptomsTable{
position: relative;
}
#charactersModal{
background-color: rgba(0, 0, 0, 0.8);
position: absolute;
top: 194px;
left: calc(50% - 500px);
width: 920px;
height: 962px;
padding: 0 40px;
color: #fff;
display: none;
z-index: 999;
}
#charactersModal-close{
height: 100px;
}
#charactersModal-close i{
color: #fff;
font-size: 40px;
float: right;
margin-top: 60px;
transition: 0.3s;
}
#charactersModal-close i:hover{
cursor: pointer;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
transition: 0.4s;
}
#charactersModal h4{
font-family: Din-Bold, sans-serif;
font-size: 28px;
margin: 60px 0 0 50px;
}
#charactersModal h3{
font-family: Din-Bold, sans-serif;
font-size: 52px;
margin: 20px 0 40px 50px;
}
#charactersModal p{
font-size: 22px;
font-family: Arial, sans-serif;
color: #fff;
line-height: 1.2;
margin: 0 0 0 50px;
}
#charactersModal img{
height: 400px;
display: block;
margin: 20px auto 0;
}
/* PDFs */
#resourcesPageContent-pdfs{
color: #000;
font-family: Din-Bold, sans-serif;
font-size: 58px;
margin-top: 50px;
}
.resourcesPageContent ul{
margin: 40px 0 90px;
}
.resourcesPageContent li{
display: block;
vertical-align: top;
width: 450px;
margin: 50px auto 80px;
}
.resourcesPageContent a{
text-decoration: none;
}
.resourcesPageContent img{
width: 450px;
height: 578px;
}
.resourcesPageContent p{
font-size: 22px;
font-family: Arial, sans-serif;
color: #000;
line-height: 1.2;
margin-top: 22px;
}
/* mobile apps */
#resourcesPage-phones{
width: 700px;
height: 512px;
display: block;
margin: 20px auto;
}
#resourcesPage-apps{
width: 530px;
margin: 30px auto 0;
}
#resourcesPage-apps a{
display: inline;
text-decoration: none;
margin: 0 20px;
}
#resourcesPage-apps p{
display: inline-block;
}
#resourcesPage-apps img{
width: 220px;
height: auto;
}
/* references */
#references{
border-bottom: 1px solid #A1A7AF;
margin-top: 60px;
padding-bottom: 15px;
}
#references-inner{
}
#references-inner:hover{
cursor: pointer;
}
#references-inner h2{
font-size: 23px;
font-family: Arial, sans-serif;
color: #D0585A;
line-height: 1.2;
margin-top: 20px;
font-weight: bold;
display: inline-block;
}
#references-inner i{
display: inline-block;
color: #A1A7AF;
font-size: 38px;
float: right;
transition: 0.5s;
margin-top: 0;
}
#references-list{
padding: 0;
margin: 22px 0 40px 40px;
display: none;
}
#references-list p{
display: block;
width: 100%;
margin: 20px 0;
font-size: 18px;
font-family: Arial, sans-serif;
color: #000;
line-height: 1.2;
}
#references-list sup{
font-size: 12px;
margin-top: 0;
vertical-align: middle;
color: #A1A7AF;
}
#references-list em{
font-style: italic;
}
#references-list a{
font-size: 18px;
font-family: Arial, sans-serif;
color: #D0585A;
line-height: 1.2;
text-decoration: none;
}
#references-list a:hover{
text-decoration: underline;
}
}
@media screen and (min-width: 766px) and (max-width: 1022px) {
/* main content */
.resourcesPageContent{
width: 760px;
margin: 60px auto;
}
.resourcesPageContent h2{
font-size: 23px;
font-family: Arial, sans-serif;
color: #D0585A;
line-height: 1.2;
margin-top: 20px;
font-weight: bold;
}
.resourcesPageContent p{
font-size: 22px;
font-family: Arial, sans-serif;
color: #000;
line-height: 1.2;
margin-top: 22px;
}
/* symptoms modal */
.resourcesPage-symptomsTable{
position: relative;
}
#charactersModal{
background-color: rgba(0, 0, 0, 0.8);
position: absolute;
top: 186px;
left: calc(50% - 380px);
width: 700px;
height: 1344px;
padding: 0 30px;
color: #fff;
display: none;
z-index: 999;
}
#charactersModal-close{
height: 100px;
}
#charactersModal-close i{
color: #fff;
font-size: 40px;
float: right;
margin-top: 60px;
transition: 0.3s;
}
#charactersModal-close i:hover{
cursor: pointer;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
transition: 0.4s;
}
#charactersModal h4{
font-family: Din-Bold, sans-serif;
font-size: 28px;
margin: 60px 0 0 50px;
}
#charactersModal h3{
font-family: Din-Bold, sans-serif;
font-size: 58px;
margin: 20px 0 40px 50px;
}
#charactersModal p{
font-size: 22px;
font-family: Arial, sans-serif;
color: #fff;
line-height: 1.2;
margin: 0 0 0 50px;
}
#charactersModal img{
width: 500px;
display: block;
margin: 20px auto 0;
}
/* PDFs */
#resourcesPageContent-pdfs{
color: #000;
font-family: Din-Bold, sans-serif;
font-size: 58px;
margin-top: 50px;
}
.resourcesPageContent ul{
margin: 40px 0 90px;
}
.resourcesPageContent li{
display: block;
vertical-align: top;
width: 450px;
margin: 50px auto 80px;
}
.resourcesPageContent a{
text-decoration: none;
}
.resourcesPageContent img{
width: 450px;
height: 578px;
}
.resourcesPageContent p{
font-size: 22px;
font-family: Arial, sans-serif;
color: #000;
line-height: 1.2;
margin-top: 22px;
}
/* mobile apps */
#resourcesPage-phones{
width: 700px;
height: 512px;
display: block;
margin: 20px auto;
}
#resourcesPage-apps{
width: 530px;
margin: 30px auto 0;
}
#resourcesPage-apps a{
display: inline;
text-decoration: none;
margin: 0 20px;
}
#resourcesPage-apps p{
display: inline-block;
}
#resourcesPage-apps img{
width: 220px;
height: auto;
}
/* references */
#references{
border-bottom: 1px solid #A1A7AF;
margin-top: 60px;
padding-bottom: 15px;
}
#references-inner{
}
#references-inner:hover{
cursor: pointer;
}
#references-inner h2{
font-size: 23px;
font-family: Arial, sans-serif;
color: #D0585A;
line-height: 1.2;
margin-top: 20px;
font-weight: bold;
display: inline-block;
}
#references-inner i{
display: inline-block;
color: #A1A7AF;
font-size: 38px;
float: right;
transition: 0.5s;
margin-top: 0;
}
#references-list{
padding: 0;
margin: 22px 0 40px 40px;
display: none;
overflow: hidden;
}
#references-list p{
display: block;
width: 100%;
margin: 20px 0;
font-size: 18px;
font-family: Arial, sans-serif;
color: #000;
line-height: 1.2;
}
#references-list sup{
font-size: 12px;
margin-top: 0;
vertical-align: middle;
color: #A1A7AF;
}
#references-list em{
font-style: italic;
}
#references-list a{
font-size: 18px;
font-family: Arial, sans-serif;
color: #D0585A;
line-height: 1.2;
text-decoration: none;
}
#references-list a:hover{
text-decoration: underline;
}
}
/*=== MOBILE ===*/
@media screen and (min-width: 478px) and (max-width: 766px) {
/* main content */
.resourcesPageContent{
width: 470px;
margin: 60px auto;
}
.resourcesPageContent h2{
font-size: 23px;
font-family: Arial, sans-serif;
color: #D0585A;
line-height: 1.2;
margin-top: 20px;
font-weight: bold;
}
.resourcesPageContent p{
font-size: 22px;
font-family: Arial, sans-serif;
color: #000;
line-height: 1.2;
margin-top: 22px;
}
/* symptoms modal */
.resourcesPage-symptomsTable{
position: relative;
}
#charactersModal{
background-color: rgba(0, 0, 0, 0.8);
position: absolute;
top: 178px;
left: calc(50% - 235px);
width: 400px;
height: 1344px;
padding: 0 35px;
color: #fff;
display: none;
z-index: 999;
}
#charactersModal-close{
height: 100px;
}
#charactersModal-close i{
color: #fff;
font-size: 40px;
float: right;
margin-top: 60px;
transition: 0.3s;
}
#charactersModal-close i:hover{
cursor: pointer;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
transition: 0.4s;
}
#charactersModal h4{
font-family: Din-Bold, sans-serif;
font-size: 28px;
margin: 60px 0 0 50px;
}
#charactersModal h3{
font-family: Din-Bold, sans-serif;
font-size: 58px;
margin: 20px 0 40px 50px;
}
#charactersModal p{
font-size: 22px;
font-family: Arial, sans-serif;
color: #fff;
line-height: 1.2;
margin: 0 0 0 50px;
}
#charactersModal img{
max-width: 400px;
max-height: 400px;
display: block;
margin: 20px auto 0;
}
/* PDFs */
#resourcesPageContent-pdfs{
color: #000;
font-family: Din-Bold, sans-serif;
font-size: 58px;
margin-top: 50px;
}
.resourcesPageContent ul{
margin: 40px 0 90px;
}
.resourcesPageContent li{
display: block;
width: 450px;
margin: 50px auto 80px;
vertical-align: top;
}
.resourcesPageContent a{
text-decoration: none;
}
.resourcesPageContent img{
width: 450px;
height: 578px;
}
.resourcesPageContent p{
font-size: 22px;
font-family: Arial, sans-serif;
color: #000;
line-height: 1.2;
margin-top: 22px;
}
/* mobile apps */
#resourcesPage-phones{
width: 470px;
height: 344px;
display: block;
margin: 20px auto;
}
#resourcesPage-apps{
width: 470px;
margin: 30px auto 0;
}
#resourcesPage-apps a{
display: inline;
text-decoration: none;
margin: 0 20px;
}
#resourcesPage-apps p{
display: inline-block;
}
#resourcesPage-apps img{
width: 194px;
height: auto;
}
/* references */
#references{
border-bottom: 1px solid #A1A7AF;
margin-top: 60px;
padding-bottom: 15px;
}
#references-inner{
}
#references-inner:hover{
cursor: pointer;
}
#references-inner h2{
font-size: 23px;
font-family: Arial, sans-serif;
color: #D0585A;
line-height: 1.2;
margin-top: 20px;
font-weight: bold;
display: inline-block;
}
#references-inner i{
display: inline-block;
color: #A1A7AF;
font-size: 38px;
float: right;
transition: 0.5s;
margin-top: 0;
}
#references-list{
padding: 0;
margin: 22px 0 40px 40px;
display: none;
overflow: hidden;
}
#references-list p{
display: block;
width: 100%;
margin: 20px 0;
font-size: 18px;
font-family: Arial, sans-serif;
color: #000;
line-height: 1.2;
}
#references-list sup{
font-size: 12px;
margin-top: 0;
vertical-align: middle;
color: #A1A7AF;
}
#references-list em{
font-style: italic;
}
#references-list a{
font-size: 18px;
font-family: Arial, sans-serif;
color: #D0585A;
line-height: 1.2;
text-decoration: none;
}
#references-list a:hover{
text-decoration: underline;
}
}
@media screen and (max-width: 478px) {
/* main content */
.resourcesPageContent{
width: 320px;
margin: 60px auto;
}
.resourcesPageContent h2{
font-size: 23px;
font-family: Arial, sans-serif;
color: #D0585A;
line-height: 1.2;
margin-top: 20px;
font-weight: bold;
}
.resourcesPageContent p{
font-size: 22px;
font-family: Arial, sans-serif;
color: #000;
line-height: 1.2;
margin-top: 22px;
}
/* symptoms modal */
.resourcesPage-symptomsTable{
position: relative;
}
#charactersModal{
background-color: rgba(0, 0, 0, 0.8);
position: absolute;
top: 230px;
left: calc(50% - 160px);
width: 300px;
height: 1344px;
padding: 0 10px;
color: #fff;
display: none;
z-index: 999;
}
#charactersModal-close{
height: 100px;
}
#charactersModal-close i{
color: #fff;
font-size: 30px;
float: right;
margin-top: 20px;
margin-right: 10px;
transition: 0.3s;
}
#charactersModal-close i:hover{
cursor: pointer;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
transition: 0.4s;
}
#charactersModal h4{
font-family: Din-Bold, sans-serif;
font-size: 28px;
margin-top: 20px;
}
#charactersModal h3{
font-family: Din-Bold, sans-serif;
font-size: 58px;
margin: 20px 0;
}
#charactersModal p{
font-size: 20px;
font-family: Arial, sans-serif;
color: #fff;
line-height: 1.2;
}
#charactersModal img{
max-width: 300px;
max-height: 300px;
display: block;
margin: 20px auto 0;
}
/* PDFs */
#resourcesPageContent-pdfs{
color: #000;
font-family: Din-Bold, sans-serif;
font-size: 58px;
margin-top: 50px;
}
.resourcesPageContent ul{
margin: 40px 0 90px;
}
.resourcesPageContent li{
display: block;
width: 320px;
margin: 50px auto 80px;
vertical-align: top;
}
.resourcesPageContent a{
text-decoration: none;
}
.resourcesPageContent img{
width: 320px;
height: 412px;
}
.resourcesPageContent p{
font-size: 18px;
font-family: Arial, sans-serif;
color: #000;
line-height: 1.2;
margin-top: 22px;
}
/* mobile apps */
#resourcesPage-phones{
width: 320px;
height: 234px;
display: block;
margin: 20px auto;
}
#resourcesPage-apps{
width: 320px;
margin: 60px auto 0;
}
#resourcesPage-apps a{
text-decoration: none;
}
#resourcesPage-apps p{
display: inline-block;
}
#resourcesPage-apps img{
width: 190px;
height: auto;
display: block;
margin: 30px auto;
}
/* references */
#references{
border-bottom: 1px solid #A1A7AF;
margin-top: 60px;
padding-bottom: 15px;
}
#references-inner{
}
#references-inner:hover{
cursor: pointer;
}
#references-inner h2{
font-size: 23px;
font-family: Arial, sans-serif;
color: #D0585A;
line-height: 1.2;
margin-top: 20px;
font-weight: bold;
display: inline-block;
}
#references-inner i{
display: inline-block;
color: #A1A7AF;
font-size: 38px;
float: right;
transition: 0.5s;
margin-top: 0;
}
#references-list{
padding: 0;
margin: 22px 0 40px 40px;
display: none;
overflow: hidden;
}
#references-list span{
display: block;
width: 100%;
margin: 20px 0;
font-size: 18px;
font-family: Arial, sans-serif;
color: #000;
line-height: 1.2;
}
#references-list sup{
font-size: 12px;
margin-top: 0;
vertical-align: top;
color: #A1A7AF;
}
#references-list em{
font-style: italic;
}
#references-list a{
font-size: 18px;
font-family: Arial, sans-serif;
color: #D0585A;
line-height: 1.2;
text-decoration: none;
}
#references-list a:hover{
text-decoration: underline;
}
}
/* print */
@media print {
}
#mediaPage .twitterCard_inner a:first-of-type i{
color: #00aced;
visibility: visible;
}
#mediaPage .twitterCard_inner a:nth-of-type(2) i{
color: #3b5998;
}
#mediaPage .twitterCard_inner a:nth-of-type(3) i{
color: #cd486b;
visibility: visible;
}
@media screen and (min-width: 1400px){
#mediaPage{
width: 1300px;
margin: 80px auto;
}
#mediaPage-row1{
position: relative;
width: 100%;
height: 310px;
}
#mediaPage-row1-map{
position: absolute;
top: 0;
left: 150px;
z-index: -1;
height: 310px;
width: auto;
}
#mediaPage-row1-tc{
width: 280px;
height: auto;
margin-right: 50px;
display: inline-block;
margin-top: 65px;
}
.mediaPage-texts{
font-family: Din-Bold, sans-serif;
text-align: left;
display: inline-block;
width: 420px;
vertical-align: top;
margin-top: 65px;
}
.mediaPage-texts h2{
font-size: 50px;
color: #D0585A;
}
.mediaPage-texts h4{
font-size: 28px;
color: #000;
margin: 6px 0 15px;
}
.mediaPage-textsInn{
font-size: 28px;
color: #D0585A;
display: inline;
}
.mediaPage-textsInn h3{
font-size: 50px;
color: #000;
display: inline;
}
/* twitter cards */
#mediaPage .twitterCard{
width: 280px;
display: inline-block;
position: relative;
overflow: hidden;
}
#mediaPage .twitterCard img{
width: 280px;
height: auto;
}
#mediaPage .twitterCard_inner{
position: absolute;
width: 100%;
bottom: -50px;
background-color: rgba(255, 255, 255, 0.84);
padding: 10px 0;
transition: 0.3s;
}
#mediaPage .twitterCard_inner a{
text-decoration: none;
display: inline;
margin: 0 25px;
}
#mediaPage .twitterCard_inner i{
font-size: 18px;
}
#mediaPage .twitterCard_inner a:first-of-type{
margin-left: 66px;
}
#mediaPage .twitterCard_inner a:first-of-type i{
color: #00aced;
}
#mediaPage .twitterCard_inner a:nth-of-type(2) i{
color: #3b5998;
}
#mediaPage .twitterCard_inner a:nth-of-type(3) i{
color: #cd486b;
}
#mediaPage .twitterCard:hover .twitterCard_inner{
bottom: 0;
transition: 0.4s;
}
#mediaPage .twitterCard_inner i:hover{
color: #444 !important;
}
/* row 1 - Swiss */
#mediaPage-row1 .mediaPage-texts{
width: 440px !important;
margin-top: 0 !important;
}
#mediaPage-row1 .twitterCard{
margin: 5px 15px 0 0;
}
/* row 2 - Arctic */
#mediaPage-row2{
position: relative;
width: 100%;
/*height: 310px;*/
}
#mediaPage-row2-gif{
width: 170px;
margin-left: 100px;
margin-top: 20px;
}
#mediaPage-row2-map{
position: absolute;
top: 0;
right: 25px;
z-index: -1;
height: 370px;
width: auto;
}
#mediaPage-row2 .twitterCard{
margin: 0 0 70px 510px;
}
#mediaPage-row2 .mediaPage-texts{
display: block;
margin-left: 860px;
margin-top: -70px;
}
/* row 3 - London */
#mediaPage-row3{
position: relative;
width: 100%;
height: 310px;
}
#mediaPage-row3-map{
position: absolute;
top: 0;
left: 140px;
z-index: -1;
height: 370px;
width: auto;
}
#mediaPage-row3-tc{
width: 280px;
height: auto;
margin-right: 50px;
display: inline-block;
margin-top: 115px;
vertical-align: top;
}
#mediaPage-row3 .mediaPage-texts{
margin-top: 105px;
width: 435px;
}
#mediaPage-row3 .twitterCard{
margin: 90px 14px 0 24px;
}
/* row 4 - spain */
#mediaPage-row4{
position: relative;
width: 100%;
/*height: 310px;*/
}
#mediaPage-row4-map{
position: absolute;
top: 0;
right: 25px;
z-index: -1;
height: 370px;
width: auto;
}
#mediaPage-row4 .mediaPage-texts{
display: block;
margin-left: 795px;
margin-top: 0;
}
#mediaPage-row4 .twitterCard{
margin: 10px 0 0 600px;
}
/* row 5 - Hawaii */
#mediaPage-row5{
position: relative;
width: 100%;
height: 375px;
}
#mediaPage-row5-map{
position: absolute;
top: 0;
left: 140px;
z-index: -1;
height: 370px;
width: auto;
}
#mediaPage-row5 .mediaPage-texts{
margin-top: 105px;
width: 450px;
}
#mediaPage-row5 .twitterCard{
margin: 110px 30px 0 70px;
}
/* row 6 - amsterdam */
#mediaPage-row6{
position: relative;
width: 100%;
/*height: 310px;*/
}
#mediaPage-row6-map{
position: absolute;
top: 0;
right: 140px;
z-index: -1;
height: 370px;
width: auto;
}
#mediaPage-row6 .mediaPage-texts{
display: block;
margin-left: 795px;
margin-top: 10px;
}
#mediaPage-row6 .twitterCard{
margin: 50px 0 0 662px;
}
/* row 7 - Greece */
#mediaPage-row7{
position: relative;
width: 100%;
height: 375px;
}
#mediaPage-row7-map{
position: absolute;
top: -80px;
left: 170px;
z-index: -1;
height: 475px;
width: auto;
}
#mediaPage-row7 .mediaPage-texts{
margin-top: 105px;
width: 450px;
}
#mediaPage-row7 .twitterCard{
margin: 108px 15px 0 0;
}
/* row 8 - Japan */
#mediaPage-row8{
position: relative;
width: 100%;
/*height: 310px;*/
}
#mediaPage-row8-gif{
width: 300px;
margin-left: 100px;
margin-top: 20px;
}
#mediaPage-row8-map{
position: absolute;
top: 0;
right: 25px;
z-index: -1;
height: 450px;
width: auto;
}
#mediaPage-row8 .mediaPage-texts{
display: block;
margin-left: 860px;
margin-top: 20px;
}
#mediaPage-row8 .twitterCard{
margin: 0 0 0 305px;
}
/* row 9 - New York */
#mediaPage-row9{
position: relative;
width: 100%;
height: 310px;
}
#mediaPage-row9-map{
position: absolute;
top: -100px;
left: 0;
z-index: -1;
height: 380px;
width: auto;
}
#mediaPage-row9 .mediaPage-texts{
margin-top: 170px;
width: 450px;
}
#mediaPage-row9 .twitterCard{
margin: 170px 15px 0 0;
}
/* row 10 - Rio */
#mediaPage-row10{
position: relative;
width: 100%;
margin-top: 35px;
/*height: 310px;*/
}
#mediaPage-row10-map{
position: absolute;
top: -190px;
right: 140px;
z-index: -1;
height: 370px;
width: auto;
}
#mediaPage-row10 .mediaPage-texts{
display: block;
margin-left: 795px;
margin-top: 0;
}
#mediaPage-row10 .twitterCard{
margin: 0 0 0 700px;
}
/* row 11 - Russia */
#mediaPage-row11{
position: relative;
width: 100%;
height: 310px;
}
#mediaPage-row11-map{
position: absolute;
top: -240px;
left: 0;
z-index: -1;
height: 450px;
width: auto;
}
#mediaPage-row11 .mediaPage-texts{
margin-top: 164px;
width: 450px;
}
#mediaPage-row11 .twitterCard{
margin: 138px 15px 0 0;
}
/* row 12 - Las Vegas */
#mediaPage-row12{
position: relative;
width: 100%;
/*height: 310px;*/
}
#mediaPage-row12-gif{
width: 220px;
margin-left: 100px;
margin-top: 92px;
}
#mediaPage-row12-map{
position: absolute;
top: 0;
right: 25px;
z-index: -1;
height: 450px;
width: auto;
}
#mediaPage-row12 .mediaPage-texts{
display: block;
margin-left: 860px;
margin-top: -120px;
}
#mediaPage-row12 .twitterCard{
position: absolute;
right: 230px;
top: 124px;
}
#mediaPage-2017twitter{
color: #fff;
font-family: Din-Bold, sans-serif;
font-size: 35px;
text-align: center;
padding: 20px 0;
width: 100%;
display: block;
text-decoration: none;
background-color: #3C2768;
}
#mediaPage-2017twitter:hover{
text-decoration: underline;
}
}
@media screen and (min-width: 1200px) and (max-width: 1400px){
#mediaPage{
width: 1100px;
margin: 80px auto;
}
#mediaPage-row1{
position: relative;
width: 100%;
height: 310px;
}
#mediaPage-row1-map{
position: absolute;
top: 0;
left: 150px;
z-index: -1;
height: 310px;
width: auto;
}
#mediaPage-row1-tc{
width: 280px;
height: auto;
margin-right: 50px;
display: inline-block;
margin-top: 65px;
}
.mediaPage-texts{
font-family: Din-Bold, sans-serif;
text-align: left;
display: inline-block;
width: 420px;
vertical-align: top;
margin-top: 65px;
}
.mediaPage-texts h2{
font-size: 50px;
color: #D0585A;
}
.mediaPage-texts h4{
font-size: 28px;
color: #000;
margin: 6px 0 15px;
}
.mediaPage-textsInn{
font-size: 28px;
color: #D0585A;
display: inline;
}
.mediaPage-textsInn h3{
font-size: 50px;
color: #000;
display: inline;
}
/* twitter cards */
#mediaPage .twitterCard{
width: 280px;
display: inline-block;
position: relative;
overflow: hidden;
}
#mediaPage .twitterCard img{
width: 280px;
height: auto;
}
#mediaPage .twitterCard_inner{
position: absolute;
width: 100%;
bottom: -50px;
background-color: rgba(255, 255, 255, 0.84);
padding: 10px 0;
transition: 0.3s;
}
#mediaPage .twitterCard_inner a{
text-decoration: none;
display: inline;
margin: 0 25px;
}
#mediaPage .twitterCard_inner i{
font-size: 18px;
}
#mediaPage .twitterCard_inner a:first-of-type{
margin-left: 66px;
}
#mediaPage .twitterCard:hover .twitterCard_inner{
bottom: 0;
transition: 0.4s;
}
#mediaPage .twitterCard_inner i:hover{
color: #444 !important;
}
/* row 1 - Swiss */
#mediaPage-row1 .mediaPage-texts{
width: 445px !important;
margin-top: 0 !important;
}
#mediaPage-row1 .twitterCard{
margin: 5px 15px 0 0;
}
/* row 2 - Arctic */
#mediaPage-row2{
position: relative;
width: 100%;
/*height: 310px;*/
}
#mediaPage-row2-gif{
width: 170px;
margin-left: 100px;
margin-top: 20px;
}
#mediaPage-row2-map{
position: absolute;
top: 0;
right: 25px;
z-index: -1;
height: 370px;
width: auto;
}
#mediaPage-row2 .twitterCard{
margin-left: 250px !important;
}
#mediaPage-row2 .mediaPage-texts{
display: block;
margin-left: 700px;
margin-top: 5px;
}
#mediaPage-row2 .twitterCard{
margin: 0 0 0 510px;
}
/* row 3 - London */
#mediaPage-row3{
position: relative;
width: 100%;
height: 310px;
}
#mediaPage-row3-map{
position: absolute;
top: 0;
left: 140px;
z-index: -1;
height: 370px;
width: auto;
}
#mediaPage-row3 .mediaPage-texts{
margin-top: 105px;
width: 435px;
}
#mediaPage-row3 .twitterCard{
margin: 90px 14px 0 24px;
}
/* row 4 - spain */
#mediaPage-row4{
position: relative;
width: 100%;
/*height: 310px;*/
}
#mediaPage-row4-map{
position: absolute;
top: 0;
right: 25px;
z-index: -1;
height: 370px;
width: auto;
}
#mediaPage-row4 .mediaPage-texts{
display: block;
margin-left: 600px;
margin-top: 0;
}
#mediaPage-row4 .twitterCard{
margin: 10px 0 0 475px;
}
/* row 5 - Hawaii */
#mediaPage-row5{
position: relative;
width: 100%;
height: 375px;
}
#mediaPage-row5-map{
position: absolute;
top: 0;
left: 140px;
z-index: -1;
height: 370px;
width: auto;
}
#mediaPage-row5 .mediaPage-texts{
margin-top: 105px;
width: 450px;
}
#mediaPage-row5 .twitterCard{
margin: 110px 30px 0 70px;
}
/* row 6 - amsterdam */
#mediaPage-row6{
position: relative;
width: 100%;
/*height: 310px;*/
}
#mediaPage-row6-map{
position: absolute;
top: 0;
right: 140px;
z-index: -1;
height: 370px;
width: auto;
}
#mediaPage-row6 .twitterCard{
margin: 50px 0 0 545px;
}
#mediaPage-row6 .mediaPage-texts{
display: block;
margin-left: 675px;
margin-top: 0;
}
/* row 7 - Greece */
#mediaPage-row7{
position: relative;
width: 100%;
height: 375px;
}
#mediaPage-row7-map{
position: absolute;
top: -80px;
left: 170px;
z-index: -1;
height: 475px;
width: auto;
}
#mediaPage-row7 .mediaPage-texts{
margin-top: 105px;
width: 450px;
}
#mediaPage-row7 .twitterCard{
margin: 108px 15px 0 0;
}
/* row 8 - Japan */
#mediaPage-row8{
position: relative;
width: 100%;
/*height: 310px;*/
}
#mediaPage-row8-gif{
width: 300px;
margin-left: 100px;
margin-top: 20px;
}
#mediaPage-row8-map{
position: absolute;
top: 0;
right: 25px;
z-index: -1;
height: 450px;
width: auto;
}
#mediaPage-row8 .mediaPage-texts{
display: block;
margin-left: 675px;
margin-top: 20px;
}
#mediaPage-row8 .twitterCard{
margin: 0 0 0 305px;
}
/* row 9 - New York */
#mediaPage-row9{
position: relative;
width: 100%;
height: 310px;
}
#mediaPage-row9-map{
position: absolute;
top: -100px;
left: 0;
z-index: -1;
height: 380px;
width: auto;
}
#mediaPage-row9 .mediaPage-texts{
margin-top: 170px;
width: 450px;
}
#mediaPage-row9 .twitterCard{
margin: 170px 15px 0 0;
}
/* row 10 - Rio */
#mediaPage-row10{
position: relative;
width: 100%;
margin-top: 35px;
/*height: 310px;*/
}
#mediaPage-row10-map{
position: absolute;
top: -190px;
right: 140px;
z-index: -1;
height: 370px;
width: auto;
}
#mediaPage-row10 .mediaPage-texts{
display: block;
margin-left: 678px;
margin-top: 30px;
}
#mediaPage-row10 .twitterCard{
margin: 0 0 0 700px;
}
/* row 11 - Russia */
#mediaPage-row11{
position: relative;
width: 100%;
height: 310px;
}
#mediaPage-row11-map{
position: absolute;
top: -240px;
left: 0;
z-index: -1;
height: 450px;
width: auto;
}
#mediaPage-row11 .mediaPage-texts{
margin-top: 164px;
width: 450px;
}
#mediaPage-row11 .twitterCard{
margin: 138px 15px 0 0;
}
/* row 12 - Japan */
#mediaPage-row12{
position: relative;
width: 100%;
/*height: 310px;*/
}
#mediaPage-row12-gif{
width: 220px;
margin-left: 100px;
margin-top: 92px;
}
#mediaPage-row12-map{
position: absolute;
top: 0;
right: 25px;
z-index: -1;
height: 450px;
width: auto;
}
#mediaPage-row12 .mediaPage-texts{
display: block;
margin-left: 650px;
margin-top: -120px;
}
#mediaPage-row12 .twitterCard{
position: absolute;
right: 230px;
top: 124px;
}
#mediaPage-2017twitter{
color: #fff;
font-family: Din-Bold, sans-serif;
font-size: 35px;
text-align: center;
padding: 20px 0;
width: 100%;
display: block;
text-decoration: none;
background-color: #3C2768;
}
#mediaPage-2017twitter:hover{
text-decoration: underline;
}
}
/*=== TABLET ===*/
@media screen and (min-width: 1022px) and (max-width: 1200px) {
#mediaPage{
width: 1000px;
margin: 80px auto;
}
#mediaPage-row1{
position: relative;
width: 100%;
height: 310px;
}
#mediaPage-row1-map{
position: absolute;
top: 0;
left: 150px;
z-index: -1;
height: 310px;
width: auto;
}
#mediaPage-row1-tc{
width: 280px;
height: auto;
margin-right: 50px;
display: inline-block;
margin-top: 65px;
}
.mediaPage-texts{
font-family: Din-Bold, sans-serif;
text-align: left;
display: inline-block;
width: 420px;
vertical-align: top;
margin-top: 0;
}
.mediaPage-texts h2{
font-size: 50px;
color: #D0585A;
}
.mediaPage-texts h4{
font-size: 28px;
color: #000;
margin: 6px 0 15px;
}
.mediaPage-textsInn{
font-size: 28px;
color: #D0585A;
display: inline;
}
.mediaPage-textsInn h3{
font-size: 50px;
color: #000;
display: inline;
}
/* twitter cards */
#mediaPage .twitterCard{
width: 280px;
display: inline-block;
position: relative;
overflow: hidden;
}
#mediaPage .twitterCard img{
width: 280px;
height: auto;
}
#mediaPage .twitterCard_inner{
position: absolute;
width: 100%;
bottom: -50px;
background-color: rgba(255, 255, 255, 0.84);
padding: 10px 0;
transition: 0.3s;
}
#mediaPage .twitterCard_inner a{
text-decoration: none;
display: inline;
margin: 0 25px;
}
#mediaPage .twitterCard_inner i{
font-size: 18px;
}
#mediaPage .twitterCard_inner a:first-of-type{
margin-left: 66px;
}
#mediaPage .twitterCard_inner a:first-of-type i{
color: #00aced;
}
#mediaPage .twitterCard_inner a:nth-of-type(2) i{
color: #3b5998;
}
#mediaPage .twitterCard_inner a:nth-of-type(3) i{
color: #cd486b;
}
#mediaPage .twitterCard:hover .twitterCard_inner{
bottom: 0;
transition: 0.4s;
}
#mediaPage .twitterCard_inner i:hover{
color: #444 !important;
}
/* row 1 - Swiss */
#mediaPage-row1 .twitterCard{
margin: 5px 15px 0 0;
}
/* row 2 - Arctic */
#mediaPage-row2{
position: relative;
width: 100%;
/*height: 310px;*/
}
#mediaPage-row2-gif{
width: 170px;
margin-left: 100px;
margin-top: 20px;
}
#mediaPage-row2-map{
position: absolute;
top: 0;
right: 25px;
z-index: -1;
height: 370px;
width: auto;
}
#mediaPage-row2 .twitterCard{
margin-left: 200px !important;
margin-bottom: 50px !important;
}
#mediaPage-row2 .mediaPage-texts{
display: block;
margin-left: 580px;
margin-top: -52px;
}
/* row 3 - London */
#mediaPage-row3{
position: relative;
width: 100%;
height: 310px;
}
#mediaPage-row3-map{
position: absolute;
top: 0;
left: 140px;
z-index: -1;
height: 370px;
width: auto;
}
#mediaPage-row3-tc{
width: 280px;
height: auto;
margin-right: 50px;
display: inline-block;
margin-top: 115px;
vertical-align: top;
}
#mediaPage-row3 .mediaPage-texts{
margin-top: 105px;
width: 435px;
}
#mediaPage-row3 .twitterCard{
margin: 95px 15px 0 0;
}
/* row 4 - spain */
#mediaPage-row4{
position: relative;
width: 100%;
/*height: 310px;*/
}
#mediaPage-row4-map{
position: absolute;
top: 0;
right: 25px;
z-index: -1;
height: 370px;
width: auto;
}
#mediaPage-row4 .mediaPage-texts{
display: block;
margin-left: 578px;
margin-top: 0;
}
#mediaPage-row4 .twitterCard{
margin: 0 0 0 440px;
}
/* row 5 - Hawaii */
#mediaPage-row5{
position: relative;
width: 100%;
height: 375px;
}
#mediaPage-row5-map{
position: absolute;
top: 0;
left: 140px;
z-index: -1;
height: 370px;
width: auto;
}
#mediaPage-row5 .mediaPage-texts{
margin-top: 105px;
width: 450px;
}
#mediaPage-row5 .twitterCard{
margin: 110px 15px 0 0;
}
/* row 6 - amsterdam */
#mediaPage-row6{
position: relative;
width: 100%;
/*height: 310px;*/
}
#mediaPage-row6-map{
position: absolute;
top: 0;
right: 140px;
z-index: -1;
height: 370px;
width: auto;
}
#mediaPage-row6 .twitterCard{
margin: 22px 0 0 455px;
}
#mediaPage-row6 .mediaPage-texts{
display: block;
margin-left: 580px;
margin-top: 0;
}
/* row 7 - Greece */
#mediaPage-row7{
position: relative;
width: 100%;
height: 375px;
}
#mediaPage-row7-map{
position: absolute;
top: -80px;
left: 170px;
z-index: -1;
height: 475px;
width: auto;
}
#mediaPage-row7 .mediaPage-texts{
margin-top: 105px;
width: 450px;
}
#mediaPage-row7 .twitterCard{
margin: 108px 15px 0 0;
}
/* row 8 - Japan */
#mediaPage-row8{
position: relative;
width: 100%;
/*height: 310px;*/
}
#mediaPage-row8-gif{
width: 300px;
margin-left: 100px;
margin-top: 20px;
}
#mediaPage-row8-map{
position: absolute;
top: 0;
right: 25px;
z-index: -1;
height: 450px;
width: auto;
}
#mediaPage-row8 .mediaPage-texts{
display: block;
margin-left: 580px;
margin-top: 0;
}
#mediaPage-row8 .twitterCard{
margin: 0 0 0 100px;
}
/* row 9 - New York */
#mediaPage-row9{
position: relative;
width: 100%;
height: 310px;
}
#mediaPage-row9-map{
position: absolute;
top: -100px;
left: 0;
z-index: -1;
height: 380px;
width: auto;
}
#mediaPage-row9 .mediaPage-texts{
margin-top: 110px;
width: 450px;
}
#mediaPage-row9 .twitterCard{
margin: 110px 15px 0 0;
}
/* row 10 - Rio */
#mediaPage-row10{
position: relative;
width: 100%;
margin-top: 35px;
/*height: 310px;*/
}
#mediaPage-row10-map{
position: absolute;
top: -190px;
right: 140px;
z-index: -1;
height: 370px;
width: auto;
}
#mediaPage-row10 .mediaPage-texts{
display: block;
margin-left: 580px;
}
#mediaPage-row10 .twitterCard{
margin: 0 0 0 490px;
}
/* row 11 - Russia */
#mediaPage-row11{
position: relative;
width: 100%;
height: 310px;
}
#mediaPage-row11-map{
position: absolute;
top: -240px;
left: 0;
z-index: -1;
height: 450px;
width: auto;
}
#mediaPage-row11 .mediaPage-texts{
margin-top: 164px;
width: 450px;
}
#mediaPage-row11 .twitterCard{
margin: 142px 15px 0 0;
}
/* row 12 - Japan */
#mediaPage-row12{
position: relative;
width: 100%;
/*height: 310px;*/
}
#mediaPage-row12-gif{
width: 220px;
margin-left: 100px;
margin-top: 92px;
}
#mediaPage-row12-map{
position: absolute;
top: 0;
right: 25px;
z-index: -1;
height: 450px;
width: auto;
}
#mediaPage-row12 .mediaPage-texts{
display: block;
margin-left: 580px;
margin-top: -120px;
}
#mediaPage-row12 .twitterCard{
position: absolute;
right: 200px;
top: 124px;
}
#mediaPage-2017twitter{
color: #fff;
font-family: Din-Bold, sans-serif;
font-size: 35px;
text-align: center;
padding: 20px 0;
width: 100%;
display: block;
text-decoration: none;
background-color: #3C2768;
}
#mediaPage-2017twitter:hover{
text-decoration: underline;
}
}
@media screen and (min-width: 766px) and (max-width: 1022px) {
#mediaPage{
width: 760px;
margin: 80px auto;
}
#mediaPage-row1{
position: relative;
width: 100%;
height: 380px;
margin: 40px 0;
}
#mediaPage-row1-map{
position: absolute;
top: 0;
right: 25px;
z-index: -1;
height: 380px;
width: auto;
}
.mediaPage-texts{
font-family: Din-Bold, sans-serif;
text-align: left;
display: block;
width: 420px;
margin: 0 auto;
vertical-align: top;
}
.mediaPage-texts h2{
font-size: 50px;
color: #D0585A;
}
.mediaPage-texts h4{
font-size: 28px;
color: #000;
margin: 6px 0 15px;
}
.mediaPage-textsInn{
font-size: 28px;
color: #D0585A;
display: inline;
}
.mediaPage-textsInn h3{
font-size: 50px;
color: #000;
display: inline;
}
/* twitter cards */
#mediaPage .twitterCard{
width: 400px;
display: block;
margin: 0 auto;
position: relative;
overflow: hidden;
}
#mediaPage .twitterCard img{
width: 400px;
height: auto;
}
#mediaPage .twitterCard_inner{
position: absolute;
width: 100%;
bottom: 0;
background-color: rgba(255, 255, 255, 0.84);
padding: 10px 0;
transition: 0.3s;
}
#mediaPage .twitterCard_inner a{
text-decoration: none;
display: inline;
margin: 0 45px;
}
#mediaPage .twitterCard_inner i{
font-size: 28px;
}
#mediaPage .twitterCard_inner a:first-of-type{
margin-left: 66px;
}
#mediaPage .twitterCard_inner a:first-of-type i{
color: #00aced;
}
#mediaPage .twitterCard_inner a:nth-of-type(2) i{
color: #3b5998;
}
#mediaPage .twitterCard_inner a:nth-of-type(3) i{
color: #cd486b;
}
#mediaPage .twitterCard:hover .twitterCard_inner{
bottom: 0;
transition: 0.4s;
}
#mediaPage .twitterCard_inner i:hover{
color: #444 !important;
}
/* row 2 - Arctic */
#mediaPage-row2{
position: relative;
width: 100%;
height: 370px;
margin: 40px 0;
}
#mediaPage-row2-gif{
display: none;
}
#mediaPage-row2-map{
position: absolute;
top: 0;
right: 25px;
z-index: -1;
height: 370px;
width: auto;
}
#mediaPage-row2 .mediaPage-texts{
display: block;
margin: 0 auto;
}
/* row 3 - London */
#mediaPage-row3{
position: relative;
width: 100%;
height: 380px;
margin: 40px 0;
}
#mediaPage-row3-map{
position: absolute;
top: 0;
right: 25px;
z-index: -1;
height: 370px;
width: auto;
}
#mediaPage-row3 .mediaPage-texts{
width: 435px;
margin: 0 auto;
}
/* row 4 - spain */
#mediaPage-row4{
position: relative;
width: 100%;
height: 380px;
margin: 40px 0;
}
#mediaPage-row4-map{
position: absolute;
top: 0;
right: 25px;
z-index: -1;
height: 370px;
width: auto;
}
#mediaPage-row4 .mediaPage-texts{
display: block;
margin: 0 auto;
}
/* row 5 - Hawaii */
#mediaPage-row5{
position: relative;
width: 100%;
height: 380px;
margin: 40px 0;
}
#mediaPage-row5-map{
position: absolute;
top: 0;
right: 25px;
z-index: -1;
height: 370px;
width: auto;
}
#mediaPage-row5 .mediaPage-texts{
margin: 0 auto;
width: 450px;
}
/* row 6 - amsterdam */
#mediaPage-row6{
position: relative;
width: 100%;
height: 380px;
margin: 40px 0;
}
#mediaPage-row6-map{
position: absolute;
top: 0;
right: 25px;
z-index: -1;
height: 380px;
width: auto;
}
#mediaPage-row6 .mediaPage-texts{
display: block;
margin: 0 auto;
}
/* row 7 - Greece */
#mediaPage-row7{
position: relative;
width: 100%;
height: 380px;
margin: 40px 0;
padding-top: 30px;
}
#mediaPage-row7-map{
position: absolute;
top: 0;
right: 25px;
z-index: -1;
height: 380px;
width: auto;
}
#mediaPage-row7 .mediaPage-texts{
margin: 0 auto;
}
/* row 8 - Japan */
#mediaPage-row8{
position: relative;
width: 100%;
height: 380px;
margin: 40px 0;
}
#mediaPage-row8-gif{
display: none;
}
#mediaPage-row8-map{
position: absolute;
top: 0;
right: 25px;
z-index: -1;
height: 380px;
width: auto;
}
#mediaPage-row8 .mediaPage-texts{
display: block;
margin: 0 auto;
}
/* row 9 - New York */
#mediaPage-row9{
position: relative;
width: 100%;
height: 380px;
margin: 40px 0;
}
#mediaPage-row9-map{
position: absolute;
top: 0;
right: 25px;
z-index: -1;
height: 380px;
width: auto;
}
#mediaPage-row9 .mediaPage-texts{
margin: 0 auto;
width: 450px;
}
/* row 10 - Rio */
#mediaPage-row10{
position: relative;
width: 100%;
margin: 40px 0;
height: 380px;
}
#mediaPage-row10-map{
position: absolute;
top: 0;
right: 25px;
z-index: -1;
height: 370px;
width: auto;
}
#mediaPage-row10 .mediaPage-texts{
display: block;
margin: 0 auto;
}
/* row 11 - Russia */
#mediaPage-row11{
position: relative;
width: 100%;
height: 380px;
margin: 40px 0;
}
#mediaPage-row11-map{
position: absolute;
top: 0;
right: 25px;
z-index: -1;
height: 380px;
width: auto;
}
#mediaPage-row11 .mediaPage-texts{
margin: 0 auto;
width: 450px;
}
/* row 12 - Las Vegas */
#mediaPage-row12{
position: relative;
width: 100%;
height: 380px;
margin: 40px 0;
}
#mediaPage-row12-gif{
display: none;
}
#mediaPage-row12-map{
position: absolute;
top: 0;
right: 25px;
z-index: -1;
height: 380px;
width: auto;
}
#mediaPage-row12 .mediaPage-texts{
display: block;
margin: 0 auto;
}
/* 2017 twitter cards */
#mediaPage-2017twitter{
color: #fff;
font-family: Din-Bold, sans-serif;
font-size: 35px;
text-align: center;
padding: 20px 0;
width: 100%;
display: block;
text-decoration: none;
background-color: #3C2768;
}
#mediaPage-2017twitter:hover{
text-decoration: underline;
}
}
/*=== MOBILE ===*/
@media screen and (min-width: 478px) and (max-width: 766px) {
#mediaPage{
width: 470px;
margin: 80px auto;
}
.mediaPage-texts{
font-family: Din-Bold, sans-serif;
text-align: left;
display: block;
width: 420px;
margin-left: 25px;
margin-top: 15px;
vertical-align: top;
}
.mediaPage-texts h2{
font-size: 50px;
color: #D0585A;
}
.mediaPage-texts h4{
font-size: 28px;
color: #000;
margin: 6px 0 15px;
}
.mediaPage-textsInn{
font-size: 28px;
color: #D0585A;
display: inline;
}
.mediaPage-textsInn h3{
font-size: 50px;
color: #000;
display: inline;
}
/* twitter cards */
#mediaPage .twitterCard{
width: 410px;
display: block;
margin: 0 auto;
position: relative;
overflow: hidden;
}
#mediaPage .twitterCard img{
width: 410px;
height: auto;
}
#mediaPage .twitterCard_inner{
position: absolute;
width: 100%;
bottom: 0;
background-color: rgba(255, 255, 255, 0.84);
padding: 10px 0;
transition: 0.3s;
}
#mediaPage .twitterCard_inner a{
text-decoration: none;
display: inline;
margin: 0 47px;
}
#mediaPage .twitterCard_inner i{
font-size: 28px;
}
#mediaPage .twitterCard_inner a:first-of-type{
margin-left: 66px;
}
#mediaPage .twitterCard_inner a:first-of-type i{
color: #00aced;
}
#mediaPage .twitterCard_inner a:nth-of-type(2) i{
color: #3b5998;
}
#mediaPage .twitterCard_inner a:nth-of-type(3) i{
color: #cd486b;
}
#mediaPage .twitterCard:hover .twitterCard_inner{
bottom: 0;
transition: 0.4s;
}
#mediaPage .twitterCard_inner i:hover{
color: #444 !important;
}
/* card 1 - Swiss */
#mediaPage-row1{
position: relative;
width: 100%;
height: 380px;
margin: 40px 0;
}
#mediaPage-row1-map{
position: absolute;
top: 0;
right: 25px;
z-index: -1;
height: 380px;
width: auto;
}
/* row 2 - Arctic */
#mediaPage-row2{
position: relative;
width: 100%;
height: 370px;
margin: 40px 0;
}
#mediaPage-row2-gif{
display: none;
}
#mediaPage-row2-map{
position: absolute;
top: 0;
right: 25px;
z-index: -1;
height: 370px;
width: auto;
}
#mediaPage-row2-tc{
width: 280px;
height: auto;
display: block;
margin-top: 38px;
margin-left: 25px;
vertical-align: top;
}
#mediaPage-row2 .mediaPage-texts{
display: block;
margin-left: 25px;
margin-top: 15px;
}
/* row 3 - London */
#mediaPage-row3{
position: relative;
width: 100%;
height: 380px;
margin: 40px 0;
}
#mediaPage-row3-map{
position: absolute;
top: 0;
right: 25px;
z-index: -1;
height: 370px;
width: auto;
}
#mediaPage-row3-tc{
width: 280px;
height: auto;
display: block;
vertical-align: top;
margin-left: 25px;
}
#mediaPage-row3 .mediaPage-texts{
width: 435px;
margin-left: 25px;
margin-top: 15px;
}
/* row 4 - spain */
#mediaPage-row4{
position: relative;
width: 100%;
height: 380px;
margin: 40px 0;
}
#mediaPage-row4-map{
position: absolute;
top: 0;
right: 25px;
z-index: -1;
height: 370px;
width: auto;
}
#mediaPage-row4-tc{
width: 280px;
height: auto;
display: block;
margin-left: 25px;
vertical-align: top;
}
#mediaPage-row4 .mediaPage-texts{
display: block;
margin-left: 25px;
margin-top: 15px;
}
/* row 5 - Hawaii */
#mediaPage-row5{
position: relative;
width: 100%;
height: 380px;
margin: 40px 0;
}
#mediaPage-row5-map{
position: absolute;
top: 0;
right: 25px;
z-index: -1;
height: 370px;
width: auto;
}
#mediaPage-row5-tc{
width: 280px;
height: auto;
display: block;
margin-top: 15px;
margin-left: 25px;
vertical-align: top;
}
#mediaPage-row5 .mediaPage-texts{
margin-top: 15px;
margin-left: 25px;
width: 450px;
}
/* row 6 - amsterdam */
#mediaPage-row6{
position: relative;
width: 100%;
height: 380px;
margin: 40px 0;
}
#mediaPage-row6-map{
position: absolute;
top: 0;
right: 25px;
z-index: -1;
height: 380px;
width: auto;
}
#mediaPage-row6-tc{
width: 280px;
height: auto;
display: block;
margin-top: 0;
margin-left: 25px;
vertical-align: top;
}
#mediaPage-row6 .mediaPage-texts{
display: block;
margin-left: 25px;
margin-top: 15px;
}
/* row 7 - Greece */
#mediaPage-row7{
position: relative;
width: 100%;
height: 380px;
margin: 40px 0;
padding-top: 30px;
}
#mediaPage-row7-map{
position: absolute;
top: 0;
right: 25px;
z-index: -1;
height: 380px;
width: auto;
}
#mediaPage-row7-tc{
width: 280px;
height: auto;
display: block;
margin-top: 0;
margin-left: 25px;
vertical-align: top;
}
#mediaPage-row7 .mediaPage-texts{
margin-top: 15px;
margin-left: 25px;
width: 450px;
}
/* row 8 - Japan */
#mediaPage-row8{
position: relative;
width: 100%;
height: 380px;
margin: 40px 0;
}
#mediaPage-row8-gif{
display: none;
}
#mediaPage-row8-map{
position: absolute;
top: 0;
right: 25px;
z-index: -1;
height: 380px;
width: auto;
}
#mediaPage-row8-tc{
width: 280px;
height: auto;
margin-left: 25px;
display: block;
margin-top: 15px;
vertical-align: top;
}
#mediaPage-row8 .mediaPage-texts{
display: block;
margin-left: 25px;
margin-top: 15px;
}
/* row 9 - New York */
#mediaPage-row9{
position: relative;
width: 100%;
height: 380px;
margin: 40px 0;
}
#mediaPage-row9-map{
position: absolute;
top: 0;
right: 25px;
z-index: -1;
height: 380px;
width: auto;
}
#mediaPage-row9-tc{
width: 280px;
height: auto;
margin-left: 25px;
display: block;
vertical-align: top;
}
#mediaPage-row9 .mediaPage-texts{
margin-top: 15px;
margin-left: 25px;
width: 450px;
}
/* row 10 - Rio */
#mediaPage-row10{
position: relative;
width: 100%;
margin: 40px 0;
height: 380px;
}
#mediaPage-row10-map{
position: absolute;
top: 0;
right: 25px;
z-index: -1;
height: 370px;
width: auto;
}
#mediaPage-row10-tc{
width: 280px;
height: auto;
margin-left: 25px;
display: block;
vertical-align: top;
}
#mediaPage-row10 .mediaPage-texts{
display: block;
margin-left: 25px;
margin-top: 15px;
}
/* row 11 - Russia */
#mediaPage-row11{
position: relative;
width: 100%;
height: 380px;
margin: 40px 0;
}
#mediaPage-row11-map{
position: absolute;
top: 0;
right: 25px;
z-index: -1;
height: 380px;
width: auto;
}
#mediaPage-row11-tc{
width: 280px;
height: auto;
margin-left: 25px;
display: block;
vertical-align: top;
}
#mediaPage-row11 .mediaPage-texts{
margin-top: 15px;
margin-left: 25px;
width: 450px;
}
/* row 12 - Las Vegas */
#mediaPage-row12{
position: relative;
width: 100%;
height: 380px;
margin: 40px 0;
}
#mediaPage-row12-gif{
display: none;
}
#mediaPage-row12-map{
position: absolute;
top: 0;
right: 25px;
z-index: -1;
height: 380px;
width: auto;
}
#mediaPage-row12-tc{
width: 280px;
height: auto;
margin-left: 25px;
display: block;
vertical-align: top;
}
#mediaPage-row12 .mediaPage-texts{
display: block;
margin-left: 25px;
margin-top: 15px;
}
/* 2017 twitter cards */
#mediaPage-2017twitter{
color: #fff;
font-family: Din-Bold, sans-serif;
font-size: 35px;
text-align: center;
padding: 20px 0;
width: 100%;
display: block;
text-decoration: none;
background-color: #3C2768;
}
#mediaPage-2017twitter:hover{
text-decoration: underline;
}
}
@media screen and (max-width: 478px) {
#mediaPage{
width: 320px;
margin: 80px auto;
}
.mediaPage-texts{
font-family: Din-Bold, sans-serif;
text-align: left;
display: block;
width: 320px;
margin-top: 15px;
}
.mediaPage-texts h2{
font-size: 40px;
color: #D0585A;
}
.mediaPage-texts h4{
font-size: 24px;
color: #000;
margin: 6px 0 15px;
}
.mediaPage-textsInn{
font-size: 26px;
color: #D0585A;
display: inline;
}
.mediaPage-textsInn h3{
font-size: 40px;
color: #000;
display: inline;
}
/* twitter cards */
#mediaPage .twitterCard{
width: 280px;
display: block;
margin: 0 auto;
position: relative;
overflow: hidden;
}
#mediaPage .twitterCard img{
width: 280px;
height: auto;
}
#mediaPage .twitterCard_inner{
position: absolute;
width: 100%;
bottom: 0;
background-color: rgba(255, 255, 255, 0.84);
padding: 10px 0;
transition: 0.3s;
}
#mediaPage .twitterCard_inner a{
text-decoration: none;
display: inline;
margin: 0 33px;
}
#mediaPage .twitterCard_inner i{
font-size: 24px;
}
#mediaPage .twitterCard_inner a:first-of-type{
margin-left: 36px;
}
#mediaPage .twitterCard_inner a:first-of-type i{
color: #00aced;
}
#mediaPage .twitterCard_inner a:nth-of-type(2) i{
color: #3b5998;
}
#mediaPage .twitterCard_inner a:nth-of-type(3) i{
color: #cd486b;
}
#mediaPage .twitterCard:hover .twitterCard_inner{
bottom: 0;
transition: 0.4s;
}
#mediaPage .twitterCard_inner i:hover{
color: #444 !important;
}
/* row 1 - swiss */
#mediaPage-row1{
position: relative;
width: 100%;
height: 380px;
margin: 40px 0;
}
#mediaPage-row1-map{
position: absolute;
bottom: 0;
right: 0;
z-index: -1;
height: 200px;
width: auto;
}
#mediaPage-row1-tc{
width: 280px;
height: auto;
display: block;
margin-top: 15px;
}
/* row 2 - Arctic */
#mediaPage-row2{
position: relative;
width: 100%;
height: 380px;
margin: 40px 0;
}
#mediaPage-row2-gif{
display: none;
}
#mediaPage-row2-map{
position: absolute;
bottom: 0;
right: 0;
z-index: -1;
height: 200px;
width: auto;
}
#mediaPage-row2-tc{
width: 280px;
height: auto;
display: block;
margin-top: 38px;
}
#mediaPage-row2 .mediaPage-texts{
display: block;
margin-top: 15px;
}
/* row 3 - London */
#mediaPage-row3{
position: relative;
width: 100%;
height: 380px;
margin: 40px 0;
}
#mediaPage-row3-map{
position: absolute;
bottom: 0;
right: 0;
z-index: -1;
height: 220px;
width: auto;
}
#mediaPage-row3-tc{
width: 280px;
height: auto;
display: block;
}
#mediaPage-row3 .mediaPage-texts{
margin-top: 15px;
}
/* row 4 - spain */
#mediaPage-row4{
position: relative;
width: 100%;
height: 380px;
margin: 40px 0;
}
#mediaPage-row4-map{
position: absolute;
bottom: 0;
right: 0;
z-index: -1;
height: 220px;
width: auto;
}
#mediaPage-row4-tc{
width: 280px;
height: auto;
display: block;
}
#mediaPage-row4 .mediaPage-texts{
display: block;
margin-top: 15px;
}
/* row 5 - Hawaii */
#mediaPage-row5{
position: relative;
width: 100%;
height: 380px;
margin: 40px 0;
}
#mediaPage-row5-map{
position: absolute;
bottom: 0;
right: 0;
z-index: -1;
height: 220px;
width: auto;
}
#mediaPage-row5-tc{
width: 280px;
height: auto;
display: block;
margin-top: 15px;
}
#mediaPage-row5 .mediaPage-texts{
margin-top: 15px;
}
/* row 6 - amsterdam */
#mediaPage-row6{
position: relative;
width: 100%;
height: 380px;
margin: 40px 0;
}
#mediaPage-row6-map{
position: absolute;
bottom: 0;
right: 0;
z-index: -1;
height: 220px;
width: auto;
}
#mediaPage-row6-tc{
width: 280px;
height: auto;
display: block;
margin-top: 0;
}
#mediaPage-row6 .mediaPage-texts{
display: block;
margin-top: 15px;
}
/* row 7 - Greece */
#mediaPage-row7{
position: relative;
width: 100%;
height: 380px;
margin: 40px 0;
padding-top: 30px;
}
#mediaPage-row7-map{
position: absolute;
bottom: 0;
right: 0;
z-index: -1;
height: 220px;
width: auto;
}
#mediaPage-row7-tc{
width: 280px;
height: auto;
display: block;
margin-top: 0;
}
#mediaPage-row7 .mediaPage-texts{
margin-top: 15px;
}
/* row 8 - Japan */
#mediaPage-row8{
position: relative;
width: 100%;
height: 380px;
margin: 40px 0;
}
#mediaPage-row8-gif{
display: none;
}
#mediaPage-row8-map{
position: absolute;
bottom: 0;
right: 0;
z-index: -1;
height: 220px;
width: auto;
}
#mediaPage-row8-tc{
width: 280px;
height: auto;
display: block;
margin-top: 15px;
}
#mediaPage-row8 .mediaPage-texts{
display: block;
margin-top: 15px;
}
/* row 9 - New York */
#mediaPage-row9{
position: relative;
width: 100%;
height: 380px;
margin: 40px 0;
}
#mediaPage-row9-map{
position: absolute;
bottom: 0;
right: 0;
z-index: -1;
height: 220px;
width: auto;
}
#mediaPage-row9-tc{
width: 280px;
height: auto;
display: block;
}
#mediaPage-row9 .mediaPage-texts{
margin-top: 15px;
}
/* row 10 - Rio */
#mediaPage-row10{
position: relative;
width: 100%;
margin: 40px 0;
height: 380px;
}
#mediaPage-row10-map{
position: absolute;
bottom: 0;
right: 0;
z-index: -1;
height: 220px;
width: auto;
}
#mediaPage-row10-tc{
width: 280px;
height: auto;
display: block;
}
#mediaPage-row10 .mediaPage-texts{
display: block;
margin-top: 15px;
}
/* row 11 - Russia */
#mediaPage-row11{
position: relative;
width: 100%;
height: 380px;
margin: 40px 0;
}
#mediaPage-row11-map{
position: absolute;
bottom: 0;
right: 0;
z-index: -1;
height: 220px;
width: auto;
}
#mediaPage-row11-tc{
width: 280px;
height: auto;
display: block;
}
#mediaPage-row11 .mediaPage-texts{
margin-top: 15px;
}
/* row 12 - Las Vegas */
#mediaPage-row12{
position: relative;
width: 100%;
height: 380px;
margin: 40px 0;
}
#mediaPage-row12-gif{
display: none;
}
#mediaPage-row12-map{
position: absolute;
bottom: 0;
right: 0;
z-index: -1;
height: 220px;
width: auto;
}
#mediaPage-row12-tc{
width: 280px;
height: auto;
display: block;
}
#mediaPage-row12 .mediaPage-texts{
display: block;
margin-top: 15px;
}
/* 2017 twitter cards */
#mediaPage-2017twitter{
color: #fff;
font-family: Din-Bold, sans-serif;
font-size: 35px;
text-align: center;
padding: 20px 0;
width: 100%;
display: block;
text-decoration: none;
background-color: #3C2768;
}
#mediaPage-2017twitter:hover{
text-decoration: underline;
}
}
/* print */
@media print {
}
@media screen and (min-width: 1400px){
#termsAndConditions{
width: 1300px;
margin: 50px auto;
font-family: Arial, sans-serif;
text-align: left;
color: #000;
}
#termsAndConditions h2{
font-size: 60px;
margin-bottom: 50px;
}
#termsAndConditions p{
font-size: 18px;
line-height: 1.2;
margin-bottom: 20px;
}
#termsAndConditions span{
font-weight: bold;
}
#termsAndConditions a{
color: #D0585A;
text-decoration: none;
}
#termsAndConditions h3{
font-size: 30px;
font-weight: bold;
margin: 20px 0;
}
#termsAndConditions ul{
list-style: inside;
}
#termsAndConditions li{
margin: 10px 0;
font-size: 18px;
}
#termsAndConditions ul p{
margin: 10px 0 10px 20px !important;
}
}
@media screen and (min-width: 1200px) and (max-width: 1400px){
#termsAndConditions{
width: 1100px;
margin: 50px auto;
font-family: Arial, sans-serif;
text-align: left;
color: #000;
}
#termsAndConditions h2{
font-size: 50px;
margin-bottom: 50px;
}
#termsAndConditions p{
font-size: 18px;
line-height: 1.2;
margin-bottom: 20px;
}
#termsAndConditions span{
font-weight: bold;
}
#termsAndConditions a{
color: #D0585A;
text-decoration: none;
}
#termsAndConditions h3{
font-size: 30px;
font-weight: bold;
margin: 20px 0;
}
#termsAndConditions ul{
list-style: inside;
}
#termsAndConditions li{
margin: 10px 0;
font-size: 18px;
}
#termsAndConditions ul p{
margin: 10px 0 10px 20px !important;
}
}
/*=== TABLET ===*/
@media screen and (min-width: 1022px) and (max-width: 1200px) {
#termsAndConditions{
width: 900px;
margin: 50px auto;
font-family: Arial, sans-serif;
text-align: left;
color: #000;
}
#termsAndConditions h2{
font-size: 50px;
margin-bottom: 50px;
}
#termsAndConditions p{
font-size: 18px;
line-height: 1.2;
margin-bottom: 20px;
}
#termsAndConditions span{
font-weight: bold;
}
#termsAndConditions a{
color: #D0585A;
text-decoration: none;
}
#termsAndConditions h3{
font-size: 30px;
font-weight: bold;
margin: 20px 0;
}
#termsAndConditions ul{
list-style: inside;
}
#termsAndConditions li{
margin: 10px 0;
font-size: 18px;
}
#termsAndConditions ul p{
margin: 10px 0 10px 20px !important;
}
}
@media screen and (min-width: 766px) and (max-width: 1022px) {
#termsAndConditions{
width: 760px;
margin: 50px auto;
font-family: Arial, sans-serif;
text-align: left;
color: #000;
}
#termsAndConditions h2{
font-size: 45px;
margin-bottom: 50px;
}
#termsAndConditions p{
font-size: 18px;
line-height: 1.2;
margin-bottom: 20px;
}
#termsAndConditions span{
font-weight: bold;
}
#termsAndConditions a{
color: #D0585A;
text-decoration: none;
}
#termsAndConditions h3{
font-size: 30px;
font-weight: bold;
margin: 20px 0;
}
#termsAndConditions ul{
list-style: inside;
}
#termsAndConditions li{
margin: 10px 0;
font-size: 18px;
}
#termsAndConditions ul p{
margin: 10px 0 10px 20px !important;
}
}
/*=== MOBILE ===*/
@media screen and (min-width: 478px) and (max-width: 766px) {
#termsAndConditions{
width: 470px;
margin: 50px auto;
font-family: Arial, sans-serif;
text-align: left;
color: #000;
}
#termsAndConditions h2{
font-size: 45px;
margin-bottom: 50px;
}
#termsAndConditions p{
font-size: 18px;
line-height: 1.2;
margin-bottom: 20px;
}
#termsAndConditions span{
font-weight: bold;
}
#termsAndConditions a{
color: #D0585A;
text-decoration: none;
}
#termsAndConditions h3{
font-size: 24px;
font-weight: bold;
margin: 20px 0;
}
#termsAndConditions ul{
list-style: inside;
}
#termsAndConditions li{
margin: 10px 0;
font-size: 18px;
}
#termsAndConditions ul p{
margin: 10px 0 10px 20px !important;
}
}
@media screen and (max-width: 478px) {
#termsAndConditions{
width: 320px;
margin: 50px auto;
font-family: Arial, sans-serif;
text-align: left;
color: #000;
}
#termsAndConditions h2{
font-size: 35px;
margin-bottom: 50px;
}
#termsAndConditions p{
font-size: 18px;
line-height: 1.2;
margin-bottom: 20px;
}
#termsAndConditions span{
font-weight: bold;
}
#termsAndConditions a{
color: #D0585A;
text-decoration: none;
}
#termsAndConditions h3{
font-size: 24px;
font-weight: bold;
margin: 20px 0;
}
#termsAndConditions ul{
list-style: inside;
}
#termsAndConditions li{
margin: 10px 0;
font-size: 18px;
}
#termsAndConditions ul p{
margin: 10px 0 10px 20px !important;
}
}
/* print */
@media print {
}
/*# sourceMappingURL=style.css.map */