html,body { margin:0; padding:0; /*height:100%; overflow-y:hidden;*/ } @media only screen and (min-width: 1025px) { html,body { height:100%; overflow-y:hidden; } } @font-face { font-family:Proxima Nova; src:url(https://cdn.about.me/s3/h/fonts/446a8655/proximanova-regular-webfont.eot); src:url(https://cdn.about.me/s3/h/fonts/446a8655/proximanova-regular-webfont.eot?#iefix) format("embedded-opentype"), url(https://cdn.about.me/s3/h/fonts/67ff3116/proximanova-regular-webfont.woff2) format("woff2"), url(https://cdn.about.me/s3/h/fonts/a58c0527/proximanova-regular-webfont.woff) format("woff"), url(https://cdn.about.me/s3/h/fonts/c9531d96/proximanova-regular-webfont.ttf) format("truetype"), url(https://cdn.about.me/s3/h/fonts/f142eece/proximanova-regular-webfont.svg#proxima_novaregular) format("svg"); font-weight:400; font-style:normal; unicode-range:U+000-5ff } @font-face { font-family:Proxima Nova; src:url(https://cdn.about.me/s3/h/fonts/d532abe1/proxima_nova_reg-latin-a.eot); src:url(https://cdn.about.me/s3/h/fonts/d532abe1/proxima_nova_reg-latin-a.eot?#iefix) format("embedded-opentype"), url(https://cdn.about.me/s3/h/fonts/f46468a1/proxima_nova_reg-latin-a.woff2) format("woff2"), url(https://cdn.about.me/s3/h/fonts/55d97647/proxima_nova_reg-latin-a.woff) format("woff"), url(https://cdn.about.me/s3/h/fonts/6bc63717/proxima_nova_reg-latin-a.ttf) format("truetype"), url(https://cdn.about.me/s3/h/fonts/30bcf879/proxima_nova_reg-latin-a.svg#proxima_novaregular) format("svg"); font-weight:400; font-style:normal; unicode-range:U+0100–017f } @font-face { font-family:Proxima Nova; src:url(https://cdn.about.me/s3/h/fonts/8d2eb294/proxima_nova_reg-punc.eot); src:url(https://cdn.about.me/s3/h/fonts/8d2eb294/proxima_nova_reg-punc.eot?#iefix) format("embedded-opentype"), url(https://cdn.about.me/s3/h/fonts/fea9be33/proxima_nova_reg-punc.woff2) format("woff2"), url(https://cdn.about.me/s3/h/fonts/878abefb/proxima_nova_reg-punc.woff) format("woff"), url(https://cdn.about.me/s3/h/fonts/a8b3a2fe/proxima_nova_reg-punc.ttf) format("truetype"), url(https://cdn.about.me/s3/h/fonts/94cf53e2/proxima_nova_reg-punc.svg#proxima_novaregular) format("svg"); font-weight:400; font-style:normal; unicode-range:U+2000–206f } @font-face { font-family:Proxima Nova; src:url(https://cdn.about.me/s3/h/fonts/f14f1eb6/proximanova-bold-webfont.eot); src:url(https://cdn.about.me/s3/h/fonts/f14f1eb6/proximanova-bold-webfont.eot?#iefix) format("embedded-opentype"), url(https://cdn.about.me/s3/h/fonts/cd155566/proximanova-bold-webfont.woff2) format("woff2"), url(https://cdn.about.me/s3/h/fonts/18840092/proximanova-bold-webfont.woff) format("woff"), url(https://cdn.about.me/s3/h/fonts/cacc884f/proximanova-bold-webfont.ttf) format("truetype"), url(https://cdn.about.me/s3/h/fonts/e99b8cdf/proximanova-bold-webfont.svg#proxima_novabold) format("svg"); font-weight:700; font-style:normal; unicode-range:U+000-5ff } @font-face { font-family:Proxima Nova; src:url(https://cdn.about.me/s3/h/fonts/b2fe8d73/proxima_nova_bold-latin-a.eot); src:url(https://cdn.about.me/s3/h/fonts/b2fe8d73/proxima_nova_bold-latin-a.eot?#iefix) format("embedded-opentype"), url(https://cdn.about.me/s3/h/fonts/e5377b0e/proxima_nova_bold-latin-a.woff2) format("woff2"), url(https://cdn.about.me/s3/h/fonts/78ff1c44/proxima_nova_bold-latin-a.woff) format("woff"), url(https://cdn.about.me/s3/h/fonts/ce68a1f3/proxima_nova_bold-latin-a.ttf) format("truetype"), url(https://cdn.about.me/s3/h/fonts/827d4bfb/proxima_nova_bold-latin-a.svg#proxima_novabold) format("svg"); font-weight:700; font-style:normal; unicode-range:U+0100–017f } @font-face { font-family:Proxima Nova; src:url(https://cdn.about.me/s3/h/fonts/a9081ae3/proxima_nova_bold-punc.eot); src:url(https://cdn.about.me/s3/h/fonts/a9081ae3/proxima_nova_bold-punc.eot?#iefix) format("embedded-opentype"), url(https://cdn.about.me/s3/h/fonts/6afe9cab/proxima_nova_bold-punc.woff2) format("woff2"), url(https://cdn.about.me/s3/h/fonts/1c4bdc94/proxima_nova_bold-punc.woff) format("woff"), url(https://cdn.about.me/s3/h/fonts/d816599b/proxima_nova_bold-punc.ttf) format("truetype"), url(https://cdn.about.me/s3/h/fonts/226c5c67/proxima_nova_bold-punc.svg#proxima_novabold) format("svg"); font-weight:700; font-style:normal; unicode-range:U+2000–206f } @font-face { font-family:Proxima Nova; src:url(https://cdn.about.me/s3/h/fonts/e058ee6c/proximanova-regularit-webfont.eot); src:url(https://cdn.about.me/s3/h/fonts/e058ee6c/proximanova-regularit-webfont.eot?#iefix) format("embedded-opentype"), url(https://cdn.about.me/s3/h/fonts/446d87b2/proximanova-regularit-webfont.woff2) format("woff2"), url(https://cdn.about.me/s3/h/fonts/ac72b622/proximanova-regularit-webfont.woff) format("woff"), url(https://cdn.about.me/s3/h/fonts/9f33e797/proximanova-regularit-webfont.ttf) format("truetype"), url(https://cdn.about.me/s3/h/fonts/767b818c/proximanova-regularit-webfont.svg#proxima_novaitalic) format("svg"); font-weight:400; font-style:italic } @font-face { font-family:Proxima Nova; src:url(https://cdn.about.me/s3/h/fonts/df54612c/proximanova-boldit-webfont.eot); src:url(https://cdn.about.me/s3/h/fonts/df54612c/proximanova-boldit-webfont.eot?#iefix) format("embedded-opentype"), url(https://cdn.about.me/s3/h/fonts/8865257a/proximanova-boldit-webfont.woff2) format("woff2"), url(https://cdn.about.me/s3/h/fonts/4e689305/proximanova-boldit-webfont.woff) format("woff"), url(https://cdn.about.me/s3/h/fonts/98a24a02/proximanova-boldit-webfont.ttf) format("truetype"), url(https://cdn.about.me/s3/h/fonts/d4eed10d/proximanova-boldit-webfont.svg#proxima_novabold_italic) format("svg"); font-weight:700; font-style:italic } @font-face { font-family:Proxima Nova; src:url(https://cdn.about.me/s3/h/fonts/cc630a6d/proximanova-light-webfont.eot); src:url(https://cdn.about.me/s3/h/fonts/cc630a6d/proximanova-light-webfont.eot?#iefix) format("embedded-opentype"), url(https://cdn.about.me/s3/h/fonts/0de1fd16/proximanova-light-webfont.woff2) format("woff2"), url(https://cdn.about.me/s3/h/fonts/3162eabc/proximanova-light-webfont.woff) format("woff"), url(https://cdn.about.me/s3/h/fonts/5f8a9596/proximanova-light-webfont.ttf) format("truetype"), url(https://cdn.about.me/s3/h/fonts/083d8df5/proximanova-light-webfont.svg#proxima_novalight) format("svg"); font-weight:200; font-style:normal } /* .glyph-addon:before { content:"\F196" } .glyph-address:before { content:"\E871" } .glyph-angle-down:before { content:"\E845" } .glyph-angle-left:before { content:"\E846" } .glyph-angle-right:before { content:"\E847" } .glyph-angle-thin-down:before { content:"\E893" } .glyph-angle-thin-left:before { content:"\E894" } .glyph-angle-thin-right:before { content:"\E895" } .glyph-angle-thin-up:before { content:"\E896" } .glyph-angle-up:before { content:"\E848" } .glyph-arrow-down:before { content:"\E84D" } .glyph-arrow-left:before { content:"\E84E" } .glyph-arrow-right:before { content:"\E84F" } .glyph-arrow-up:before { content:"\E850" } .glyph-article:before { content:"\E88F" } .glyph-attention:before { content:"\E863" } .glyph-award:before { content:"\E890" } .glyph-behance:before { content:"\E85F" } .glyph-behance-circle:before { content:"\E808" } .glyph-bio:before { content:"\E800" } .glyph-bitbucket:before { content:"\E860" } .glyph-block:before { content:"\E840" } .glyph-blogger:before { content:"\E89A" } .glyph-blogger-circle:before { content:"\E809" } .glyph-bold:before { content:"\E856" } .glyph-book:before { content:"\E872" } .glyph-book-open:before { content:"\E8B3" } .glyph-brush:before { content:"\E88A" } .glyph-building:before { content:"\E85C" } .glyph-building-alt:before { content:"\E899" } .glyph-calendar:before { content:"\E83C" } .glyph-camera:before { content:"\E830" } .glyph-charity:before { content:"\E855" } .glyph-chart-bar:before { content:"\E8AE" } .glyph-chat:before { content:"\E8AC" } .glyph-check:before { content:"\E86A" } .glyph-check2:before { content:"\E8A7" } .glyph-checkbox:before { content:"\E8B2" } .glyph-chevron-down:before { content:"\E84C" } .glyph-chevron-left:before { content:"\E849" } .glyph-chevron-right:before { content:"\E84A" } .glyph-chevron-up:before { content:"\E84B" } .glyph-clock:before { content:"\E874" } .glyph-close:before { content:"\E8A6" } .glyph-coffee:before { content:"\E85A" } .glyph-cog:before { content:"\E888" } .glyph-commercial-building:before { content:"\E898" } .glyph-contact:before { content:"\E892" } .glyph-create-sig:before { content:"\E827" } .glyph-credit-card:before { content:"\E859" } .glyph-date:before { content:"\E829" } .glyph-design:before { content:"\E806" } .glyph-doc:before { content:"\E8A1" } .glyph-download:before { content:"\E835" } .glyph-download-alt:before { content:"\E8B5" } .glyph-download-cloud:before { content:"\E836" } .glyph-dribbble:before { content:"\E861" } .glyph-dribbble-circle:before { content:"\E80A" } .glyph-edit:before { content:"\E838" } .glyph-education:before { content:"\E87A" } .glyph-ellipsis:before { content:"\E879" } .glyph-email:before { content:"\E88C" } .glyph-embed:before { content:"\E837" } .glyph-etsy:before { content:"\E804" } .glyph-etsy-circle:before { content:"\E80B" } .glyph-exchange:before { content:"\E889" } .glyph-eye:before { content:"\E887" } .glyph-eyedropper:before { content:"\E88B" } .glyph-facebook:before { content:"\E87E" } .glyph-facebook-circle:before { content:"\E80C" } .glyph-facebook-squared:before { content:"\E87F" } .glyph-fitbit-circle:before { content:"\E80D" } .glyph-flag:before { content:"\E86D" } .glyph-flickr:before { content:"\E87B" } .glyph-flickr-circle:before { content:"\E80E" } .glyph-food:before { content:"\E8A3" } .glyph-forward:before { content:"\E870" } .glyph-foursquare-circle:before { content:"\E80F" } .glyph-github:before { content:"\E862" } .glyph-github-circle:before { content:"\E810" } .glyph-glass:before { content:"\E82B" } .glyph-globe:before { content:"\E8A2" } .glyph-gmail:before { content:"\E89B" } .glyph-goodreads-circle:before { content:"\E825" } .glyph-google:before { content:"\E8AB" } .glyph-gplus:before { content:"\E8AA" } .glyph-gplus-circle:before { content:"\E811" } .glyph-group:before { content:"\E89F" } .glyph-handshake:before { content:"\F2B5" } .glyph-heart:before { content:"\E82C" } .glyph-hireme:before { content:"\E85E" } .glyph-home:before { content:"\E86B" } .glyph-instagram:before { content:"\E883" } .glyph-instagram-circle:before { content:"\E812" } .glyph-italic:before { content:"\E857" } .glyph-kickstarter:before { content:"\E805" } .glyph-kickstarter-circle:before { content:"\E813" } .glyph-lightbulb:before { content:"\E83F" } .glyph-lightning:before { content:"\E897" } .glyph-link:before { content:"\E86C" } .glyph-linkedin:before { content:"\E882" } .glyph-linkedin-circle:before { content:"\E814" } .glyph-list:before { content:"\E877" } .glyph-location:before { content:"\E839" } .glyph-lock:before { content:"\E832" } .glyph-login:before { content:"\E83D" } .glyph-medium:before { content:"\E826" } .glyph-megaphone:before { content:"\E880" } .glyph-menu:before { content:"\E83B" } .glyph-minus:before { content:"\E886" } .glyph-mobile:before { content:"\E878" } .glyph-music:before { content:"\E865" } .glyph-nodes:before { content:"\E8B6" } .glyph-page:before { content:"\E8B4" } .glyph-page-text:before { content:"\F0F6" } .glyph-pages:before { content:"\F0C5" } .glyph-paper-plane:before { content:"\E8B7" } .glyph-pencil:before { content:"\E891" } .glyph-person:before { content:"\E867" } .glyph-phone:before { content:"\E83A" } .glyph-photo:before { content:"\E82F" } .glyph-picture:before { content:"\E869" } .glyph-pinterest:before { content:"\E881" } .glyph-pinterest-circle:before { content:"\E815" } .glyph-place:before { content:"\E88D" } .glyph-play:before { content:"\E8AF" } .glyph-plus:before { content:"\E885" } .glyph-podcast:before { content:"\E8AD" } .glyph-portfolio:before { content:"\E858" } .glyph-power:before { content:"\E884" } .glyph-promoted:before { content:"\E803" } .glyph-puzzle:before { content:"\E8A8" } .glyph-px500:before { content:"\E802" } .glyph-px500-circle:before { content:"\E807" } .glyph-quora-circle:before { content:"\E816" } .glyph-quote-open:before { content:"\E8B0" } .glyph-reel:before { content:"\E82D" } .glyph-reload:before { content:"\E851" } .glyph-reply:before { content:"\E86F" } .glyph-restaurant:before { content:"\E85B" } .glyph-robot:before { content:"\E824" } .glyph-search:before { content:"\E866" } .glyph-share:before { content:"\E88E" } .glyph-shop:before { content:"\E8A4" } .glyph-shuffle:before { content:"\E875" } .glyph-smile:before { content:"\E85D" } .glyph-smiley:before { content:"\E828" } .glyph-soundcloud-circle:before { content:"\E817" } .glyph-speaker:before { content:"\E83E" } .glyph-spotify-circle:before { content:"\E822" } .glyph-star:before { content:"\E8A5" } .glyph-strava-circle:before { content:"\E818" } .glyph-sun:before { content:"\E853" } .glyph-sunglasses:before { content:"\E82A" } .glyph-tada:before { content:"\E8B1" } .glyph-tag:before { content:"\E833" } .glyph-tags:before { content:"\E834" } .glyph-target:before { content:"\E876" } .glyph-thumbnails:before { content:"\E831" } .glyph-thumbsup:before { content:"\E86E" } .glyph-tools:before { content:"\E873" } .glyph-triangle-down:before { content:"\E841" } .glyph-triangle-left:before { content:"\E843" } .glyph-triangle-right:before { content:"\E844" } .glyph-triangle-up:before { content:"\E842" } .glyph-trophy:before { content:"\E852" } .glyph-tumblr:before { content:"\E89D" } .glyph-tumblr-circle:before { content:"\E819" } .glyph-tumblr-no-box:before { content:"\E89C" } .glyph-twitter:before { content:"\E87D" } .glyph-twitter-circle:before { content:"\E81A" } .glyph-upload-cloud:before { content:"\E8A9" } .glyph-users:before { content:"\E868" } .glyph-video:before { content:"\E82E" } .glyph-videocam:before { content:"\E8A0" } .glyph-vimeo:before { content:"\E87C" } .glyph-vimeo-circle:before { content:"\E81B" } .glyph-vine-circle:before { content:"\E81C" } .glyph-vk-circle:before { content:"\E81D" } .glyph-weibo-circle:before { content:"\E81E" } .glyph-wikipedia-circle:before { content:"\E823" } .glyph-wordpress:before { content:"\E89E" } .glyph-wordpress-circle:before { content:"\E81F" } .glyph-workout:before { content:"\E854" } .glyph-wow:before { content:"\E801" } .glyph-yelp-circle:before { content:"\E820" } .glyph-youtube:before { content:"\E864" } .glyph-youtube-circle:before { content:"\E821" } .glyph-addon-after:after { content:"\F196" } .glyph-address-after:after { content:"\E871" } .glyph-angle-down-after:after { content:"\E845" } .glyph-angle-left-after:after { content:"\E846" } .glyph-angle-right-after:after { content:"\E847" } .glyph-angle-thin-down-after:after { content:"\E893" } .glyph-angle-thin-left-after:after { content:"\E894" } .glyph-angle-thin-right-after:after { content:"\E895" } .glyph-angle-thin-up-after:after { content:"\E896" } .glyph-angle-up-after:after { content:"\E848" } .glyph-arrow-down-after:after { content:"\E84D" } .glyph-arrow-left-after:after { content:"\E84E" } .glyph-arrow-right-after:after { content:"\E84F" } .glyph-arrow-up-after:after { content:"\E850" } .glyph-article-after:after { content:"\E88F" } .glyph-attention-after:after { content:"\E863" } .glyph-award-after:after { content:"\E890" } .glyph-behance-after:after { content:"\E85F" } .glyph-behance-circle-after:after { content:"\E808" } .glyph-bio-after:after { content:"\E800" } .glyph-bitbucket-after:after { content:"\E860" } .glyph-block-after:after { content:"\E840" } .glyph-blogger-after:after { content:"\E89A" } .glyph-blogger-circle-after:after { content:"\E809" } .glyph-bold-after:after { content:"\E856" } .glyph-book-after:after { content:"\E872" } .glyph-book-open-after:after { content:"\E8B3" } .glyph-brush-after:after { content:"\E88A" } .glyph-building-after:after { content:"\E85C" } .glyph-building-alt-after:after { content:"\E899" } .glyph-calendar-after:after { content:"\E83C" } .glyph-camera-after:after { content:"\E830" } .glyph-charity-after:after { content:"\E855" } .glyph-chart-bar-after:after { content:"\E8AE" } .glyph-chat-after:after { content:"\E8AC" } .glyph-check-after:after { content:"\E86A" } .glyph-check2-after:after { content:"\E8A7" } .glyph-checkbox-after:after { content:"\E8B2" } .glyph-chevron-down-after:after { content:"\E84C" } .glyph-chevron-left-after:after { content:"\E849" } .glyph-chevron-right-after:after { content:"\E84A" } .glyph-chevron-up-after:after { content:"\E84B" } .glyph-clock-after:after { content:"\E874" } .glyph-close-after:after { content:"\E8A6" } .glyph-coffee-after:after { content:"\E85A" } .glyph-cog-after:after { content:"\E888" } .glyph-commercial-building-after:after { content:"\E898" } .glyph-contact-after:after { content:"\E892" } .glyph-create-sig-after:after { content:"\E827" } .glyph-credit-card-after:after { content:"\E859" } .glyph-date-after:after { content:"\E829" } .glyph-design-after:after { content:"\E806" } .glyph-doc-after:after { content:"\E8A1" } .glyph-download-after:after { content:"\E835" } .glyph-download-alt-after:after { content:"\E8B5" } .glyph-download-cloud-after:after { content:"\E836" } .glyph-dribbble-after:after { content:"\E861" } .glyph-dribbble-circle-after:after { content:"\E80A" } .glyph-edit-after:after { content:"\E838" } .glyph-education-after:after { content:"\E87A" } .glyph-ellipsis-after:after { content:"\E879" } .glyph-email-after:after { content:"\E88C" } .glyph-embed-after:after { content:"\E837" } .glyph-etsy-after:after { content:"\E804" } .glyph-etsy-circle-after:after { content:"\E80B" } .glyph-exchange-after:after { content:"\E889" } .glyph-eye-after:after { content:"\E887" } .glyph-eyedropper-after:after { content:"\E88B" } .glyph-facebook-after:after { content:"\E87E" } .glyph-facebook-circle-after:after { content:"\E80C" } .glyph-facebook-squared-after:after { content:"\E87F" } .glyph-fitbit-circle-after:after { content:"\E80D" } .glyph-flag-after:after { content:"\E86D" } .glyph-flickr-after:after { content:"\E87B" } .glyph-flickr-circle-after:after { content:"\E80E" } .glyph-food-after:after { content:"\E8A3" } .glyph-forward-after:after { content:"\E870" } .glyph-foursquare-circle-after:after { content:"\E80F" } .glyph-github-after:after { content:"\E862" } .glyph-github-circle-after:after { content:"\E810" } .glyph-glass-after:after { content:"\E82B" } .glyph-globe-after:after { content:"\E8A2" } .glyph-gmail-after:after { content:"\E89B" } .glyph-goodreads-circle-after:after { content:"\E825" } .glyph-google-after:after { content:"\E8AB" } .glyph-gplus-after:after { content:"\E8AA" } .glyph-gplus-circle-after:after { content:"\E811" } .glyph-group-after:after { content:"\E89F" } .glyph-handshake-after:after { content:"\F2B5" } .glyph-heart-after:after { content:"\E82C" } .glyph-hireme-after:after { content:"\E85E" } .glyph-home-after:after { content:"\E86B" } .glyph-instagram-after:after { content:"\E883" } .glyph-instagram-circle-after:after { content:"\E812" } .glyph-italic-after:after { content:"\E857" } .glyph-kickstarter-after:after { content:"\E805" } .glyph-kickstarter-circle-after:after { content:"\E813" } .glyph-lightbulb-after:after { content:"\E83F" } .glyph-lightning-after:after { content:"\E897" } .glyph-link-after:after { content:"\E86C" } .glyph-linkedin-after:after { content:"\E882" } .glyph-linkedin-circle-after:after { content:"\E814" } .glyph-list-after:after { content:"\E877" } .glyph-location-after:after { content:"\E839" } .glyph-lock-after:after { content:"\E832" } .glyph-login-after:after { content:"\E83D" } .glyph-medium-after:after { content:"\E826" } .glyph-megaphone-after:after { content:"\E880" } .glyph-menu-after:after { content:"\E83B" } .glyph-minus-after:after { content:"\E886" } .glyph-mobile-after:after { content:"\E878" } .glyph-music-after:after { content:"\E865" } .glyph-nodes-after:after { content:"\E8B6" } .glyph-page-after:after { content:"\E8B4" } .glyph-page-text-after:after { content:"\F0F6" } .glyph-pages-after:after { content:"\F0C5" } .glyph-paper-plane-after:after { content:"\E8B7" } .glyph-pencil-after:after { content:"\E891" } .glyph-person-after:after { content:"\E867" } .glyph-phone-after:after { content:"\E83A" } .glyph-photo-after:after { content:"\E82F" } .glyph-picture-after:after { content:"\E869" } .glyph-pinterest-after:after { content:"\E881" } .glyph-pinterest-circle-after:after { content:"\E815" } .glyph-place-after:after { content:"\E88D" } .glyph-play-after:after { content:"\E8AF" } .glyph-plus-after:after { content:"\E885" } .glyph-podcast-after:after { content:"\E8AD" } .glyph-portfolio-after:after { content:"\E858" } .glyph-power-after:after { content:"\E884" } .glyph-promoted-after:after { content:"\E803" } .glyph-puzzle-after:after { content:"\E8A8" } .glyph-px500-after:after { content:"\E802" } .glyph-px500-circle-after:after { content:"\E807" } .glyph-quora-circle-after:after { content:"\E816" } .glyph-quote-open-after:after { content:"\E8B0" } .glyph-reel-after:after { content:"\E82D" } .glyph-reload-after:after { content:"\E851" } .glyph-reply-after:after { content:"\E86F" } .glyph-restaurant-after:after { content:"\E85B" } .glyph-robot-after:after { content:"\E824" } .glyph-search-after:after { content:"\E866" } .glyph-share-after:after { content:"\E88E" } .glyph-shop-after:after { content:"\E8A4" } .glyph-shuffle-after:after { content:"\E875" } .glyph-smile-after:after { content:"\E85D" } .glyph-smiley-after:after { content:"\E828" } .glyph-soundcloud-circle-after:after { content:"\E817" } .glyph-speaker-after:after { content:"\E83E" } .glyph-spotify-circle-after:after { content:"\E822" } .glyph-star-after:after { content:"\E8A5" } .glyph-strava-circle-after:after { content:"\E818" } .glyph-sun-after:after { content:"\E853" } .glyph-sunglasses-after:after { content:"\E82A" } .glyph-tada-after:after { content:"\E8B1" } .glyph-tag-after:after { content:"\E833" } .glyph-tags-after:after { content:"\E834" } .glyph-target-after:after { content:"\E876" } .glyph-thumbnails-after:after { content:"\E831" } .glyph-thumbsup-after:after { content:"\E86E" } .glyph-tools-after:after { content:"\E873" } .glyph-triangle-down-after:after { content:"\E841" } .glyph-triangle-left-after:after { content:"\E843" } .glyph-triangle-right-after:after { content:"\E844" } .glyph-triangle-up-after:after { content:"\E842" } .glyph-trophy-after:after { content:"\E852" } .glyph-tumblr-after:after { content:"\E89D" } .glyph-tumblr-circle-after:after { content:"\E819" } .glyph-tumblr-no-box-after:after { content:"\E89C" } .glyph-twitter-after:after { content:"\E87D" } .glyph-twitter-circle-after:after { content:"\E81A" } .glyph-upload-cloud-after:after { content:"\E8A9" } .glyph-users-after:after { content:"\E868" } .glyph-video-after:after { content:"\E82E" } .glyph-videocam-after:after { content:"\E8A0" } .glyph-vimeo-after:after { content:"\E87C" } .glyph-vimeo-circle-after:after { content:"\E81B" } .glyph-vine-circle-after:after { content:"\E81C" } .glyph-vk-circle-after:after { content:"\E81D" } .glyph-weibo-circle-after:after { content:"\E81E" } .glyph-wikipedia-circle-after:after { content:"\E823" } .glyph-wordpress-after:after { content:"\E89E" } .glyph-wordpress-circle-after:after { content:"\E81F" } .glyph-workout-after:after { content:"\E854" } .glyph-wow-after:after { content:"\E801" } .glyph-yelp-circle-after:after { content:"\E820" } .glyph-youtube-after:after { content:"\E864" } .glyph-youtube-circle-after:after { content:"\E821" } @font-face{font-family:aboutme-glyphs;src:url(https://cdn.about.me/s3/h/fonts/bfe5791c/aboutme-glyphs.eot);src:url(https://cdn.about.me/s3/h/fonts/bfe5791c/aboutme-glyphs.eot?#iefix) format("embedded-opentype"),url(https://cdn.about.me/s3/h/fonts/1dc72cb3/aboutme-glyphs.woff2) format("woff2"),url(https://cdn.about.me/s3/h/fonts/fbc13ced/aboutme-glyphs.woff) format("woff"),url(https://cdn.about.me/s3/h/fonts/6df58e0f/aboutme-glyphs.ttf) format("truetype"),url(https://cdn.about.me/s3/h/fonts/1c859d72/aboutme-glyphs.svg#aboutme-glyphs) format("svg");font-weight:400;font-style:normal} .glyph-font { font-family:aboutme-glyphs; font-style:normal; font-weight:400 } [class*=" glyph-"], [class^=glyph-] { position:relative } .glyph:after, .glyph:before, [class*=" glyph-"]:after, [class*=" glyph-"]:before, [class^=glyph-]:after, [class^=glyph-]:before { font-family:aboutme-glyphs; font-style:normal; font-weight:400; speak:none; display:inline-block; text-decoration:inherit; text-align:center; line-height:1em; font-variant:normal; text-transform:none; font-size:120%; position:relative; top:.05em; width:1em } [class*=" glyph-"]:before, [class^=glyph-]:before { margin-right:.4em } [class*=" glyph-"]:after, [class^=glyph-]:after { margin-left:.4em } .glyph-svg svg { display:inline-block; text-decoration:inherit; text-align:center; position:relative; line-height:1em; width:1.2em; height:1.2em; top:.05em } .glyph-svg svg path { fill:#fff } .glyph-exclamation:before { content:"!"; font-weight:700; font-family:inherit } .glyph-question:before { content:"?"; font-family:inherit } .glyph-center { position:relative } .glyph-center:before { position:absolute!important; width:100%; height:100%; line-height:inherit; margin:0!important; padding:0!important; left:0; top:0 } .glyph-text:before { margin:0!important } .glyph-flip:before { -webkit-transform:scaleX(-1); transform:scaleX(-1); -ms-filter:fliph; -webkit-filter:fliph; filter:fliph } .button[class*=" glyph-"]:before, .button[class^=glyph-]:before { font-size:96%; margin-left:-.2em; margin-right:.5em; top:0 } .button[class*=" glyph-"]:after, .button[class^=glyph-]:after { font-size:96%; margin-right:-.2em; margin-left:.5em; top:0 } .button.glyph-twitter:before { font-size:140%; top:.15em; margin-left:-.3em } .glyph-code-after:after, .glyph-code:before { content:"\E837" } .browser-ie11 .button.glyph-twitter:before { font-size:22px } .button.glyph-facebook:before { font-size:130%; top:.12em; margin-left:-.3em; margin-right:.3em } .browser-ie11 .button.glyph-facebook:before { font-size:21px } .button.glyph-linkedin:before { top:.05em } .button.glyph-instagram:before { font-size:125%; top:.1em } .browser-ie11 .button.glyph-instagram:before { font-size:20px } .button.glyph-google:before { font-size:100% } .browser-ie11 .button.glyph-google:before { font-size:16px } .button.glyph-gplus:before { font-size:90%; margin-right:1.1em } .browser-ie11 .button.glyph-gplus:before { font-size:14px } .glyph-calendar:before, .glyph-date:before, .glyph-doc:before, .glyph-globe:before { font-size:90%; top:0 } .glyph-download-cloud:before, .glyph-megaphone:before, .glyph-place:before, .glyph-portfolio:before, .glyph-reel:before, .glyph-restaurant:before, .glyph-shop:before, .glyph-video:before { font-size:92.5%; top:0 } .glyph-clock:before, .glyph-tada:before { font-size:112%; top:0 } .glyph-calendar:before { top:-.07em } .glyph-food:before { top:-.1em } .glyph-play:before { font-size:96%; top:0 } .glyph-email:before { font-size:80%; top:-.15em; margin-right:.8em } .browser-ie11 .glyph-email:before { font-size:14px } .button.glyph-email:before { font-size:80%; top:-.15em; margin-right:.9em } .button.glyph-share:before { font-size:130%; top:1px } .browser-ie11 .button.glyph-share:before { font-size:21px } .button.glyph-angle-left:before, .button.glyph-angle-right:before { top:1px; font-size:100% } .browser-ie11 .button.glyph-angle-left:before, .browser-ie11 .button.glyph-angle-right:before { font-size:16px } .glyph-link:before { font-size:120% } .browser-ie11 .glyph-link:before { font-size:19px } .glyph-list:before { font-size:150%; top:.12em } .browser-ie11 .glyph-list:before { font-size:24px } .glyph-pencil.glyph-center:before { font-size:100%; top:.09em } .browser-ie11 .glyph-pencil.glyph-center:before { font-size:16px } .glyph-close.glyph-center:before { top:.05em; font-size:80% } .browser-ie11 .glyph-close.glyph-center:before { font-size:13px } .glyph-minus:before, .glyph-plus:before { font-size:100% } .browser-ie11 .glyph-minus:before, .browser-ie11 .glyph-plus:before { font-size:16px } .glyph-eye:before { top:.1em; font-size:135% } .browser-ie11 .glyph-eye:before { font-size:22px } .glyph-lightbulb:before { top:.1em; font-size:140% } .browser-ie11 .glyph-lightbulb:before { font-size:22px } .glyph-px500:before { top:.15em; font-size:135% } .browser-ie11 .glyph-px500:before { font-size:22px } .glyph-medium-after:after, .glyph-medium:before { font-size:90% } .browser-ie11 .glyph-medium-after:after, .browser-ie11 .glyph-medium:before { font-size:14px } .glyph-etsy-after:after, .glyph-etsy:before { font-size:100% } .browser-ie11 .glyph-etsy-after:after, .browser-ie11 .glyph-etsy:before { font-size:16px } .glyph-dribbble-after:after, .glyph-dribbble:before { font-size:135% } .browser-ie11 .glyph-dribbble-after:after, .browser-ie11 .glyph-dribbble:before { font-size:22px } */ a, abbr, acronym, address, applet, big, blockquote, body, caption, cite, code, dd, del, dfn, div, dl, dt, em, fieldset, font, form, h1, h2, h3, h4, h5, h6, html, iframe, img, ins, kbd, label, legend, li, object, ol, p, pre, q, s, samp, small, span, strike, sub, sup, table, tbody, td, tfoot, th, thead, tr, tt, ul, var { margin:0; padding:0; border:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline } body { line-height:1; color:#000 } ol, ul { list-style:none } table { border-collapse:separate; border-spacing:0 } caption, td, th { text-align:left; font-weight:400 } blockquote:after, blockquote:before, q:after, q:before { content:"" } blockquote, q { quotes:"" "" } em { font-style:italic } button { margin:0; padding:0; border:none; background-color:transparent; cursor:pointer; overflow:visible } body { font-family:Proxima Nova, Tahoma, Helvetica, Verdana, sans-serif; font-size:14px; line-height:1.3; color:#333; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100% } @media only screen and (max-width:1024px) { body { font-family:Proxima Nova, TrebuchetMS, Droid Sans, sans-serif!important } } a { color:#0872b4; text-decoration:none; outline: none !important; } a:focus { outline: none !important; } .no-touchevents a:hover { color:#07639c; text-decoration:none } hr { background-color:#999; border:0; margin:.75em 0; height:1px } .right { float:right } .left { float:left } .clear { clear:both } .inline { display:inline } .invisible { display:none!important } .clickable { cursor:pointer } * { -webkit-transition:background-color .15s ease-out, color .15s ease-out, border-color .15s ease-out, fill .15s ease-out, -webkit-box-shadow .15s ease-out; transition:background-color .15s ease-out, color .15s ease-out, border-color .15s ease-out, fill .15s ease-out, -webkit-box-shadow .15s ease-out; transition:background-color .15s ease-out, color .15s ease-out, border-color .15s ease-out, fill .15s ease-out, box-shadow .15s ease-out; transition:background-color .15s ease-out, color .15s ease-out, border-color .15s ease-out, fill .15s ease-out, box-shadow .15s ease-out, -webkit-box-shadow .15s ease-out } ul.inline, ul.inline>li { display:inline-block } ul.inline>li { vertical-align:baseline } .button.fullwidth, .fullwidth, input.fullwidth, select.fullwidth, textarea.fullwidth { -webkit-box-sizing:border-box; box-sizing:border-box; width:100% } div.pane { display:none } div.pane.active { display:block } .info-circle { color:#333; margin-top:15px; position:relative; padding-left:30px; font-size:14px; text-align:left } .info-circle:before { display:block; position:absolute; left:0; top:-1px; -webkit-border-radius:50%; border-radius:50%; background-color:#0872b4; color:#fff; content:"i"; width:20px; height:20px; line-height:20px; text-align:center; font-weight:700 } .pro-badge { display:inline-block; background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTEyIiBoZWlnaHQ9IjY0IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+PHBhdGggZD0iTTIwLjUxMSAwSDkxLjQ5YzcuMTMyIDAgOS43MTguNzQzIDEyLjMyNiAyLjEzN2ExNC41MzggMTQuNTM4IDAgMCAxIDYuMDQ4IDYuMDQ4QzExMS4yNTcgMTAuNzkzIDExMiAxMy4zOCAxMTIgMjAuNTExVjQzLjQ5YzAgNy4xMzItLjc0MyA5LjcxOC0yLjEzNyAxMi4zMjZhMTQuNTM4IDE0LjUzOCAwIDAgMS02LjA0OCA2LjA0OEMxMDEuMjA3IDYzLjI1NyA5OC42MiA2NCA5MS40ODkgNjRIMjAuNTFjLTcuMTMyIDAtOS43MTgtLjc0My0xMi4zMjYtMi4xMzdhMTQuNTM4IDE0LjUzOCAwIDAgMS02LjA0OC02LjA0OEMuNzQzIDUzLjIwNyAwIDUwLjYyIDAgNDMuNDg5VjIwLjUxYzAtNy4xMzIuNzQzLTkuNzE4IDIuMTM3LTEyLjMyNmExNC41MzggMTQuNTM4IDAgMCAxIDYuMDQ4LTYuMDQ4QzEwLjc5My43NDMgMTMuMzggMCAyMC41MTEgMHoiIGZpbGw9IiNFRkE1MDYiLz48cGF0aCBkPSJNMjAgNDcuMDE2VjE1aDE3LjA4OGM3LjQ4OCAwIDExLjUyIDQuOTkyIDExLjUyIDEwLjk5MiAwIDUuOTUyLTQuMDMyIDEwLjc1Mi0xMS41MiAxMC43NTJoLTcuMzkydjEwLjI3MkgyMHptMTguNzY4LTIxLjEyYzAtMS43MjgtMS4yOTYtMi44MzItMi45MjgtMi44MzJoLTYuMTQ0djUuNjE2aDYuMTQ0YzEuNjMyIDAgMi45MjgtMS4xMDQgMi45MjgtMi43ODR6bTEzLjAwNCAyMS4xMlYyMy44MzJoOC42NHYyLjY0YzEuNDQtMS42OCA0LjQ2NC0zLjIxNiA3LjEwNC0zLjIxNnY4LjI1NmMtLjQzMi0uMTQ0LTEuMTUyLS4yNC0xLjk2OC0uMjQtMS44MjQgMC00LjE3Ni40OC01LjEzNiAxLjYzMnYxNC4xMTJoLTguNjR6bTMwLjMzMi41NzZjLTguMjA4IDAtMTMuMDA4LTUuNzEyLTEzLjAwOC0xMi4xOTJzNC44LTEyLjE0NCAxMy4wMDgtMTIuMTQ0YzguMjU2IDAgMTMuMDU2IDUuNjY0IDEzLjA1NiAxMi4xNDRzLTQuOCAxMi4xOTItMTMuMDU2IDEyLjE5MnptMC03LjYzMmMyLjY4OCAwIDQuMTc2LTEuOTY4IDQuMTc2LTQuNTYgMC0yLjU0NC0xLjQ4OC00LjUxMi00LjE3Ni00LjUxMi0yLjY0IDAtNC4xMjggMS45NjgtNC4xMjggNC41MTIgMCAyLjU5MiAxLjQ4OCA0LjU2IDQuMTI4IDQuNTZ6IiBmaWxsPSIjRkZGIi8+PC9nPjwvc3ZnPg==); background-repeat:no-repeat; -webkit-background-size:contain; background-size:contain; background-position:50% 50%; width:28px; height:16px; vertical-align:text-bottom } #beacon-container .BeaconFabButtonFrame { -webkit-transition:opacity .25s ease-in-out; transition:opacity .25s ease-in-out; -webkit-transform:scale(.8)!important; transform:scale(.8)!important; bottom:20px!important; right:20px!important } @media only screen and (max-width:1024px) { #beacon-container .BeaconFabButtonFrame { bottom:5px!important; right:5px!important } } @media only screen and (min-width:1025px) { #beacon-container .c-ContainerFrame { right:25px!important; bottom:90px!important } } @-webkit-keyframes fullrotation { 0% { -webkit-transform:rotate(0deg); transform:rotate(0deg) } to { -webkit-transform:rotate(1turn); transform:rotate(1turn) } } @keyframes fullrotation { 0% { -webkit-transform:rotate(0deg); transform:rotate(0deg) } to { -webkit-transform:rotate(1turn); transform:rotate(1turn) } } @-webkit-keyframes bloop { 0% { -webkit-transform:scale(.75); transform:scale(.75) } to { -webkit-transform:scale(1); transform:scale(1) } } @keyframes bloop { 0% { -webkit-transform:scale(.75); transform:scale(.75) } to { -webkit-transform:scale(1); transform:scale(1) } } p { margin-bottom:.75em } p:last-child { margin-bottom:0 } ul.bulleted { padding-left:1.3em; list-style-type:disc } ul.bulleted ul.bulleted { list-style-type:circle } ul.bulleted li { margin:.75em 0 } ol.numbered { padding-left:1.3em; list-style-type:decimal } ol.numbered li { margin:.75em 0 } h1, h2, h3, h4, h5, h6 { font-size:16px; font-weight:400; margin:0 0 10px } .nowrap { white-space:nowrap } .text.small { font-size:12px!important } .text.italic { font-style:italic } .text.bold { font-weight:700 } .text.capitalize { text-transform:capitalize } .text.underline { text-decoration:underline } .text.white-underline-hover { display:inline-block; border-bottom:1px solid hsla(0, 0%, 100%, .3) } .no-touchevents .text.white-underline-hover:hover { border-bottom:1px solid #fff } .text.center { text-align:center } .text.white { color:#fff } .text.black { color:#000 } .text.gray { color:#999 } .text.yellow { color:#fc3 } .no-touchevents a.text.yellow:hover { color:#ffe7a2 } .text.link { color:#0872b4; cursor:pointer; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none } .no-touchevents .text.link:hover { color:#0a82cd } .text.ellipsis { vertical-align:bottom; white-space:nowrap; overflow-x:hidden; max-width:100%; display:inline-block; text-overflow:ellipsis } .text.break-all { word-break:break-all } .row { clear:both; margin-right:-20px; zoom:1 } .row:after { display:block; visibility:hidden; height:0; clear:both; content:"." } .row .column { float:left; padding-right:20px; -webkit-box-sizing:border-box; box-sizing:border-box } .row .column.gutter-left { padding-left:20px } .row .column.row { padding-right:0; margin-right:0; clear:none } .columns-1>.column { width:100% } .columns-2>.column { width:50% } .columns-2>.column.colspan-2 { width:100% } .columns-3>.column { width:33.3333% } .columns-3>.column.colspan-2 { width:66.6666% } .columns-3>.column.colspan-3 { width:100% } .columns-4>.column { width:25% } .columns-4>.column.colspan-2 { width:50% } .columns-4>.column.colspan-3 { width:75% } .columns-4>.column.colspan-4 { width:100% } .columns-5>.column { width:20% } .columns-5>.column.colspan-2 { width:40% } .columns-5>.column.colspan-3 { width:60% } .columns-5>.column.colspan-4 { width:80% } .columns-5>.column.colspan-5 { width:100% } .columns-6>.column { width:16.6666% } .columns-6>.column.colspan-2 { width:33.3333% } .columns-6>.column.colspan-3 { width:50% } .columns-6>.column.colspan-4 { width:66.6666% } .columns-6>.column.colspan-5 { width:83.3333% } .columns-6>.column.colspan-6 { width:100% } .columns-7>.column { width:14.2857% } .columns-7>.column.colspan-2 { width:28.5714% } .columns-7>.column.colspan-3 { width:42.8571% } .columns-7>.column.colspan-4 { width:57.1428% } .columns-7>.column.colspan-5 { width:71.4285% } .columns-7>.column.colspan-6 { width:85.7142% } .columns-7>.column.colspan-7 { width:100% } .columns-8>.column { width:12.5% } .columns-8>.column.colspan-2 { width:25% } .columns-8>.column.colspan-3 { width:37.5% } .columns-8>.column.colspan-4 { width:50% } .columns-8>.column.colspan-5 { width:62.5% } .columns-8>.column.colspan-6 { width:75% } .columns-8>.column.colspan-7 { width:87.5% } .columns-8>.column.colspan-8 { width:100% } .columns-9>.column { width:11.1111% } .columns-9>.column.colspan-2 { width:22.2222% } .columns-9>.column.colspan-3 { width:33.3333% } .columns-9>.column.colspan-4 { width:44.4444% } .columns-9>.column.colspan-5 { width:55.5555% } .columns-9>.column.colspan-6 { width:66.6666% } .columns-9>.column.colspan-7 { width:77.7777% } .columns-9>.column.colspan-8 { width:88.8888% } .columns-9>.column.colspan-9 { width:100% } .columns-10>.column { width:10% } .columns-10>.column.colspan-2 { width:20% } .columns-10>.column.colspan-3 { width:30% } .columns-10>.column.colspan-4 { width:40% } .columns-10>.column.colspan-5 { width:50% } .columns-10>.column.colspan-6 { width:60% } .columns-10>.column.colspan-7 { width:70% } .columns-10>.column.colspan-8 { width:80% } .columns-10>.column.colspan-9 { width:90% } .columns-10>.column.colspan-10 { width:100% } .columns-11>.column { width:9.0909% } .columns-11>.column.colspan-2 { width:18.1818% } .columns-11>.column.colspan-3 { width:27.2727% } .columns-11>.column.colspan-4 { width:36.3636% } .columns-11>.column.colspan-5 { width:45.4545% } .columns-11>.column.colspan-6 { width:54.5454% } .columns-11>.column.colspan-7 { width:63.6363% } .columns-11>.column.colspan-8 { width:72.7272% } .columns-11>.column.colspan-9 { width:81.8181% } .columns-11>.column.colspan-10 { width:90.909% } .columns-11>.column.colspan-11 { width:100% } .columns-12>.column { width:8.3333% } .columns-12>.column.colspan-2 { width:16.6666% } .columns-12>.column.colspan-3 { width:25% } .columns-12>.column.colspan-4 { width:33.3333% } .columns-12>.column.colspan-5 { width:41.6666% } .columns-12>.column.colspan-6 { width:50% } .columns-12>.column.colspan-7 { width:58.3333% } .columns-12>.column.colspan-8 { width:66.6666% } .columns-12>.column.colspan-9 { width:75% } .columns-12>.column.colspan-10 { width:83.3333% } .columns-12>.column.colspan-11 { width:91.6666% } .columns-12>.column.colspan-12 { width:100% } .row.gutter-10 { margin-right:-10px } .row.gutter-10 .column { padding-right:10px } .row.gutter-15 { margin-right:-15px } .row.gutter-15 .column { padding-right:15px } @media only screen and (max-width:1024px) { .row { margin:0 } .column { width:100%!important; -webkit-box-sizing:border-box; box-sizing:border-box } .row .column { padding-right:0 } } input[type=search] { -webkit-appearance:none; -moz-appearance:none; appearance:none } input[type=search]::-webkit-search-cancel-button { z-index:1 } input[type=email], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=url] { display:block; margin:0 0 5px; background-color:#fff; -webkit-box-shadow:inset 0 10px 5px -10px #ddd; box-shadow:inset 0 10px 5px -10px #ddd; font-size:16px; line-height:1.5; font-family:inherit; padding:4px; border:1px solid #ccc; -webkit-border-radius:3px; border-radius:3px; z-index:inherit } /*input[type=email]:focus, input[type=password]:focus, input[type=search]:focus, input[type=tel]:focus, input[type=text]:focus, input[type=url]:focus { z-index:1; outline-width:3px; outline-style:solid; outline-color:rgba(8, 114, 180, .3); outline-offset:1px }*/ input[type=email].input, input[type=password].input, input[type=search].input, input[type=tel].input, input[type=text].input, input[type=url].input { font-size:13px; line-height:30px; height:30px; padding:0 6px; -webkit-box-sizing:border-box; box-sizing:border-box } input[type=email].input.large, input[type=password].input.large, input[type=search].input.large, input[type=tel].input.large, input[type=text].input.large, input[type=url].input.large { font-size:16px; line-height:40px; height:40px; padding:0 10px } input[type=email].input.xlarge, input[type=password].input.xlarge, input[type=search].input.xlarge, input[type=tel].input.xlarge, input[type=text].input.xlarge, input[type=url].input.xlarge { font-size:18px; line-height:50px; height:50px; padding:0 15px } input[type=email].input.inline, input[type=password].input.inline, input[type=search].input.inline, input[type=tel].input.inline, input[type=text].input.inline, input[type=url].input.inline { display:inline-block; margin-right:3px; vertical-align:top } input[type=email].input.uppercase, input[type=password].input.uppercase, input[type=search].input.uppercase, input[type=tel].input.uppercase, input[type=text].input.uppercase, input[type=url].input.uppercase { text-transform:uppercase } input[type=email].input.uppercase::-webkit-input-placeholder, input[type=password].input.uppercase::-webkit-input-placeholder, input[type=search].input.uppercase::-webkit-input-placeholder, input[type=tel].input.uppercase::-webkit-input-placeholder, input[type=text].input.uppercase::-webkit-input-placeholder, input[type=url].input.uppercase::-webkit-input-placeholder { text-transform:none } input[type=email].input.uppercase:-ms-input-placeholder, input[type=password].input.uppercase:-ms-input-placeholder, input[type=search].input.uppercase:-ms-input-placeholder, input[type=tel].input.uppercase:-ms-input-placeholder, input[type=text].input.uppercase:-ms-input-placeholder, input[type=url].input.uppercase:-ms-input-placeholder { text-transform:none } input[type=email].input.uppercase::-ms-input-placeholder, input[type=password].input.uppercase::-ms-input-placeholder, input[type=search].input.uppercase::-ms-input-placeholder, input[type=tel].input.uppercase::-ms-input-placeholder, input[type=text].input.uppercase::-ms-input-placeholder, input[type=url].input.uppercase::-ms-input-placeholder { text-transform:none } input[type=email].input.uppercase::placeholder, input[type=password].input.uppercase::placeholder, input[type=search].input.uppercase::placeholder, input[type=tel].input.uppercase::placeholder, input[type=text].input.uppercase::placeholder, input[type=url].input.uppercase::placeholder { text-transform:none } input[type=email].input[disabled], input[type=password].input[disabled], input[type=search].input[disabled], input[type=tel].input[disabled], input[type=text].input[disabled], input[type=url].input[disabled] { opacity:.5 } textarea { display:block; font-size:16px; line-height:1.3; font-family:inherit; padding:4px; margin:0 0 5px; -webkit-box-shadow:inset 0 10px 5px -10px #ddd; box-shadow:inset 0 10px 5px -10px #ddd; background-color:#fff; border:1px solid #ccc; -webkit-border-radius:3px; border-radius:3px; resize:vertical } textarea.input { font-size:13px; padding:6px; z-index:inherit } /* textarea.input:focus { z-index:1; outline-width:3px; outline-style:solid; outline-color:rgba(8, 114, 180, .3); outline-offset:1px } */ textarea.input.large { font-size:16px; padding:10px } textarea[disabled] { opacity:.5 } input.hint, textarea.hint { color:#999 } select { margin-bottom:5px; line-height:24px; font-size:12px; border:1px solid #ccc; -webkit-border-radius:3px; border-radius:3px } label { z-index:inherit } /* label:focus { z-index:1; outline-width:3px; outline-style:solid; outline-color:rgba(8, 114, 180, .3); outline-offset:1px } */ *+fieldset, fieldset+* { margin-top:15px } label.label { font-size:14px; color:#999; font-weight:400; display:block; margin-bottom:5px } label.label.inline { margin-bottom:0; margin-right:10px; display:inline-block } label.error { display:block; font-size:14px; font-weight:700; color:#d92626; margin-top:10px } label.error.glyph-attention:before { margin-right:6px; top:-.05em; font-size:95% } label.confirmation { display:block; font-size:14px; font-weight:700; color:green; margin-top:10px } label.confirmation.glyph-check:before { margin-right:4px; top:.1em; font-size:120% } label.note { display:block; font-size:14px; margin-top:10px; color:rgba(51, 51, 51, .9) } input.input.underline, textarea.input.underline { -webkit-box-shadow:none; box-shadow:none; outline:none; -webkit-border-bottom-left-radius:0; border-bottom-left-radius:0; -webkit-border-bottom-right-radius:0; border-bottom-right-radius:0; border-color:transparent transparent #ccc; resize:none } /* input.input.underline:focus, textarea.input.underline:focus { background-color:#f8f8f8; border-bottom-color:#0872b4 } */ .element-error input.underline/*, .element-error input.underline:focus*/ { border-bottom-color:#c66 } .buttonfield .input.underline.large+.button.small { -webkit-border-radius:5px; border-radius:5px; margin-top:6px } .buttonfield { position:relative } .buttonfield input.input { width:100% } .buttonfield .button { position:absolute; top:0; right:0; -webkit-border-top-left-radius:0; border-top-left-radius:0; -webkit-border-bottom-left-radius:0; border-bottom-left-radius:0 } .buttonfield .button.light { border-top:none; border-right:none; border-bottom:none; top:1px; right:1px } .select.input, select.input { -webkit-appearance:none; -moz-appearance:none; border:1px solid #ccc; border:1px solid rgba(0, 0, 0, .2); height:30px; margin:0; background:transparent none no-repeat; -webkit-box-shadow:0 0 0 1px hsla(0, 0%, 100%, .05), inset 0 0 0 1px hsla(0, 0%, 100%, .3), inset 0 -60px 40px -40px rgba(0, 0, 0, .05); box-shadow:0 0 0 1px hsla(0, 0%, 100%, .05), inset 0 0 0 1px hsla(0, 0%, 100%, .3), inset 0 -60px 40px -40px rgba(0, 0, 0, .05); cursor:pointer; color:#333; font-family:inherit; font-size:13px; line-height:28px; display:inline-block; padding:0 40px 0 10px; z-index:inherit } /* .select.input:focus, select.input:focus { z-index:1; outline-width:3px; outline-style:solid; outline-color:rgba(8, 114, 180, .3); outline-offset:1px } */ .select.input.inline, select.input.inline { vertical-align:top; margin-right:3px; padding-left:7px } .select.input.large, select.input.large { font-size:16px; height:40px; line-height:38px; padding-left:10px } .select.input[multiple] { -webkit-box-sizing:border-box; box-sizing:border-box; position:relative; z-index:1000; counter-reset:selected; padding-right:30px } .select.input[multiple]>span:after { height:28px; line-height:28px; min-width:20px; border-left:1px solid rgba(0, 0, 0, .1); text-align:center; display:inline-block; margin-left:5px; content:counter(selected) } .select.input[multiple] * { line-height:1 } .select.input[multiple] .options { background-color:hsla(0, 0%, 100%, .85); -webkit-border-radius:5px; border-radius:5px; -webkit-box-shadow:0 0 10px rgba(0, 0, 0, .2); box-shadow:0 0 10px rgba(0, 0, 0, .2); top:0; left:-10px; position:absolute; margin-left:-9999px; padding:5px 0; z-index:1; min-width:120% } .select.input[multiple] .options input { display:block; position:absolute; margin-left:-9999px } .select.input[multiple] .options label { text-align:left; padding:3px 20px; margin:0 } .select.input[multiple] .options input+label:hover { color:#fff; background-color:#2883f0; cursor:pointer } .select.input[multiple] .options input:checked+label { color:#fff; background-color:#555; counter-increment:selected } .select.input[multiple]:not([disabled]) .options:hover, .select.input[multiple]:not([disabled]):active .options { margin-left:0 } @media screen and (min-width:0) { .select.input, select.input { -webkit-border-radius:3px; border-radius:3px; background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB0AAAAyCAYAAACgadDsAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAH9JREFUeNrs1t0KgCAMhuFv0VV0tbvabsMKOogIc+BP0CsMmQc+6IZokpaU0qqOY9KAAQoKCgoKCgraCDWza/g173FSv83NUX/Jq6MeXH8uU+Tfm6vdvse3u3eudL2hKx5S0yHdq7ORVBI5rHSPI0Ldy4MPCgoKCgoK+hN0E2AAlRpVSfyaTcsAAAAASUVORK5CYII=); background-position:100% } .select.input.dark, select.input.dark { background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB0AAAAyCAYAAACgadDsAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MEIyODI3NUZFNkVGMTFFM0I4QTZDRkRDMUMxM0IxRDEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MEIyODI3NjBFNkVGMTFFM0I4QTZDRkRDMUMxM0IxRDEiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDowQjI4Mjc1REU2RUYxMUUzQjhBNkNGREMxQzEzQjFEMSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDowQjI4Mjc1RUU2RUYxMUUzQjhBNkNGREMxQzEzQjFEMSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PmQ6+rEAAACPSURBVHja7NZRCoAgDAbgLTpF5/CAO6Beo2tYQoX4IM5cBf2DIfrgh3OITERLjHGlB2OiFwIoUKBAgQIFCtQIZeYrQwiSz81P6r2XfDQvbwn1wNMdsBdmzb+3dnf7Ht/u3nlEeY8Qk5M650SzPqy8JaAFz0iNRC1ZK3XrHilV3YsHHyhQoECBAgX6E3QTYADlyW09Tlxg5gAAAABJRU5ErkJggg==) } } .select.input:-moz-focusring, select.input:-moz-focusring { color:transparent; text-shadow:0 0 0 #000 } @media (-ms-high-contrast:none), screen and (-ms-high-contrast:active) { .select.input::-ms-expand, select.input::-ms-expand { display:none } } @media only screen and (-webkit-min-device-pixel-ratio:1.25), only screen and (-webkit-min-device-pixel-ratio:120), only screen and (min-resolution:120dppx) { .select.input, select.input { background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADoAAABkCAYAAADXPyOvAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAN1JREFUeNrs2lEOgyAMANCy7BQ7bU+7a+i+3QdZBirwSIxRIfiiaYuxRMRr27Z3TN4esUgDBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUdHVpKqW1Z6zPDE83DfspXNyvHU0Dzx/NDQvPP60NAs3G/W0Kzc/9bQPPkcZdA8+Lx37k9Ovyv2yLhf+5JCQgKGvG8aTBqHpCWibryqMpIrWv1stR6dKkvDEdcnjlpl6JeCQgKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCrpG2wUYANg8IXKvJCa2AAAAAElFTkSuQmCC); -webkit-background-size:29px 50px; background-size:29px 50px } .select.input.dark, select.input.dark { background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADoAAABkCAYAAADXPyOvAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QjE3NDhCNUIxNEVDMTFFNDkzNEFEODBEQzJBQzE1ODUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QjE3NDhCNUMxNEVDMTFFNDkzNEFEODBEQzJBQzE1ODUiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpCMTc0OEI1OTE0RUMxMUU0OTM0QUQ4MERDMkFDMTU4NSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpCMTc0OEI1QTE0RUMxMUU0OTM0QUQ4MERDMkFDMTU4NSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PgQ/SAUAAADkSURBVHja7NjbCYMwGAZQKZ2ia2TBf0Cdyb70SShWau4nEERNhEPUfMmyrutr3/dl9PpYJimgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKAFyzPHQ7dtO2sSn/q1pJS6H9E4HId8dePkfAhoXLzeJTT+vN8FNG5u1yQ0MrdvAhqF+1WBRuX+ZQJD6TlSBAQV6qt8o9HDiDb31zWPSkayrtXLVOvRqXYYjriieThLYPhhB6946Jd1QUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFB7y9vAQYARKnEOzhJepsAAAAASUVORK5CYII=) } } input.input[type=radio] { display:none } input.input[type=radio]+label { position:relative; padding-left:1.8em; text-align:left; display:block; margin-bottom:.5em; font-size:16px; cursor:pointer; z-index:inherit } /* input.input[type=radio]+label:focus { z-index:1; outline-width:3px; outline-style:solid; outline-color:rgba(8, 114, 180, .3); outline-offset:1px } */ input.input.large[type=radio]+label { font-size:18px } input.input[type=radio]+label:before { content:""; position:absolute; left:0; top:.025em; width:1em; height:1em; -webkit-border-radius:50%; border-radius:50%; border:.125em solid rgba(0, 0, 0, .3); -webkit-box-shadow:inset 0 0 0 .4em #fff; box-shadow:inset 0 0 0 .4em #fff; background-color:#fff; -webkit-transition:all .15s ease-out; transition:all .15s ease-out } input.input[type=radio]:checked+label:before { border-color:#0872b4; background-color:#0872b4; -webkit-box-shadow:inset 0 0 0 .225em #fff; box-shadow:inset 0 0 0 .225em #fff } .element.type-checkbox input[type=checkbox], input[type=checkbox].input { -webkit-appearance:none; -moz-appearance:none; appearance:none; display:inline-block; cursor:pointer; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; -webkit-border-radius:3px; border-radius:3px; border:2px solid #0872b4; text-align:center; vertical-align:middle; width:17px; height:17px; z-index:inherit; margin:-2px 7px 0 0 } /* .element.type-checkbox input[type=checkbox]:focus, input[type=checkbox].input:focus { z-index:1; outline-width:3px; outline-style:solid; outline-color:rgba(8, 114, 180, .3); outline-offset:1px } */ .element.type-checkbox input[type=checkbox]:checked, input[type=checkbox].input:checked { background-color:#0872b4; border-color:#0872b4; position:relative } .element.type-checkbox input[type=checkbox]:checked:before, input[type=checkbox].input:checked:before { position:absolute; left:-2px; top:-2px; width:17px; height:17px; line-height:17px; font-size:16px; text-align:center; display:block; font-family:aboutme-glyphs; content:"\E86A"; color:#fff } .element.type-checkbox label.label, input[type=checkbox].input+label { display:inline-block; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; cursor:pointer; color:#333; line-height:1.5 } [role=group] { display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-box-orient:horizontal; -webkit-box-direction:normal; -webkit-flex-direction:row; -ms-flex-direction:row; flex-direction:row; -webkit-flex-wrap:nowrap; -ms-flex-wrap:nowrap; flex-wrap:nowrap; -webkit-box-pack:justify; -webkit-justify-content:space-between; -ms-flex-pack:justify; justify-content:space-between; margin-bottom:15px } [role=group] [role=group-item] { width:-webkit-calc(50% - 10px); width:calc(50% - 10px) } .button { display:inline-block; text-align:center; -webkit-border-radius:5px; border-radius:5px; cursor:pointer; -webkit-box-sizing:border-box; box-sizing:border-box; white-space:nowrap; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; font-size:14px; line-height:28px; padding:0 15px; background-color:#fff; border:1px solid #ccc; color:#333 } /* .button:focus { outline-color:rgba(8, 114, 180, .4) } */ .no-touchevents .button:hover { background-color:#f5f5f5; border-color:#999; color:#000 } button.button { font-family:inherit } button.button::-moz-focus-inner { border:0; padding:0 } a.button { text-decoration:none!important } .button.xlarge { font-size:18px; line-height:48px; padding:0 30px } .button.large { /*font-size:16px;*/ font-size:18px; line-height:38px; /*padding:0 20px;*/ padding:3px 20px; } .button.small { font-size:12px; line-height:24px; padding:0 12px } .button.xsmall { font-size:10px; line-height:18px; padding:0 9px } .button[disabled] { cursor:default; pointer-events:none; opacity:.4 } .button[disabled].dark { opacity:.2 } .button .loading-text, .button.loading .default-text { display:none } .button.loading .loading-text { display:inline-block; position:relative; padding-left:calc(1em + 5px) } .button.loading .loading-text:before { content:""; display:block; position:absolute; left:-.4em; top:50%; margin-top:-.65em; width:1.2em; height:1.2em; border-style:solid; border-right:solid transparent; border-width:.2em; -webkit-border-radius:50%; border-radius:50%; -webkit-animation:fullrotation 1s linear infinite; animation:fullrotation 1s linear infinite; -webkit-box-sizing:border-box; box-sizing:border-box; margin-right:1em; opacity:.3 } .button.light { background-color:#fff; color:#0872b4; border-color:#0872b4 } .no-touchevents .button.light:hover { background-color:#edf4f9; color:#07639c; border-color:#07639c } .button.light.primary { -webkit-box-shadow:inset 0 0 0 .75px #0872b4; box-shadow:inset 0 0 0 .75px #0872b4 } .button.light.tertiary { color:rgba(51, 51, 51, .5); background-color:transparent; border-color:transparent } .no-touchevents .button.light.tertiary:hover { color:#333; border-color:rgba(51, 51, 51, .3); background-color:transparent } .button.light.quaternary { color:rgba(51, 51, 51, .9); border-color:transparent } .no-touchevents .button.light.quaternary:hover { border-color:transparent; color:#333; background-color:hsla(0, 0%, 100%, .925) } .button.dark { color:#fff; -webkit-box-shadow:0 0 0 1px hsla(0, 0%, 100%, .1); box-shadow:0 0 0 1px hsla(0, 0%, 100%, .1) } .no-touchevents .button.dark:hover { color:#fff } .button.dark.primary { background-color:#0872b4; border-color:#0872b4 } .no-touchevents .button.dark.primary:hover { background-color:#07639c; border-color:#07639c } .button.dark.secondary { background-color:#666; border-color:#666 } .no-touchevents .button.dark.secondary:hover { background-color:#555; border-color:#555 } .button.dark.danger { background-color:#d92626; border-color:#d92626 } .no-touchevents .button.dark.danger:hover { background-color:#be2121; border-color:#be2121 } .button.dark.tertiary { color:hsla(0, 0%, 100%, .7); background-color:transparent; border-color:transparent; -webkit-box-shadow:none; box-shadow:none } .no-touchevents .button.dark.tertiary:hover { color:#fff; background-color:transparent; border-color:hsla(0, 0%, 100%, .7) } .button.dark.branded.facebook { background-color:#3b5998; border-color:#3b5998 } .no-touchevents .button.dark.branded.facebook:hover { background-color:#344e85; border-color:#344e85 } .button.dark.branded.google { background-color:#4285f4; border-color:#4285f4 } .no-touchevents .button.dark.branded.google:hover { background-color:#3a74d6; border-color:#3a74d6 } .button.dark.branded.gplus { background-color:#c63d2d; border-color:#c63d2d } .no-touchevents .button.dark.branded.gplus:hover { background-color:#ad3527; border-color:#ad3527 } .button.dark.branded.twitter { background-color:#2ca9e1; border-color:#2ca9e1 } .no-touchevents .button.dark.branded.twitter:hover { background-color:#2794c5; border-color:#2794c5 } .button.dark.branded.linkedin { background-color:#4875b4; border-color:#4875b4 } .no-touchevents .button.dark.branded.linkedin:hover { background-color:#3f669e; border-color:#3f669e } .button.dark.branded.instagram { background-color:#517fa4; border-color:#517fa4 } .no-touchevents .button.dark.branded.instagram:hover { background-color:#476f90; border-color:#476f90 } .button.dark.branded.tumblr { background-color:#456f99; border-color:#456f99 } .no-touchevents .button.dark.branded.tumblr:hover { background-color:#3c6186; border-color:#3c6186 } .button.dark.branded.pinterest { background-color:#bd081c; border-color:#bd081c } .no-touchevents .button.dark.branded.pinterest:hover { background-color:#a50719; border-color:#a50719 } .buttons { line-height:30px; display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-box-orient:horizontal; -webkit-box-direction:normal; -webkit-flex-direction:row; -ms-flex-direction:row; flex-direction:row; -webkit-flex-wrap:nowrap; -ms-flex-wrap:nowrap; flex-wrap:nowrap; -webkit-box-pack:start; -webkit-justify-content:flex-start; -ms-flex-pack:start; justify-content:flex-start } .buttons.large { line-height:40px } .buttons.small { line-height:25px } .buttons .button { margin-right:15px; margin-bottom:10px } .buttons .button.small { margin-right:8px } .buttons .button:last-child { margin-right:0 } .buttons.center { -webkit-box-pack:center; -webkit-justify-content:center; -ms-flex-pack:center; justify-content:center } .buttons.center .button { margin:0 8px 10px } .page-container { width:100%; height:100%; overflow:visible } .page-content { display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-box-orient:vertical; -webkit-box-direction:normal; -webkit-flex-direction:column; -ms-flex-direction:column; flex-direction:column; min-height:100vh; transform: translate3d(0,0,0); } @media only screen and (max-width:1024px) and (orientation:portrait) { .browser-iphone .page-content { min-height:-webkit-calc(100vh - 76px); min-height:calc(100vh - 76px); max-height:auto } } @media only screen and (min-height:635px) and (orientation:portrait) { .browser-iphone .page-content { min-height:-webkit-calc(100vh - 110px); min-height:calc(100vh - 110px); max-height:auto } } main { -webkit-box-sizing:border-box; box-sizing:border-box; -webkit-box-flex:1; -webkit-flex-grow:1; -ms-flex-positive:1; flex-grow:1; -webkit-flex-shrink:0; -ms-flex-negative:0; flex-shrink:0 } nav~main { padding-top:70px } html.browser-ie11 main { min-height:100vh } footer { -webkit-box-flex:0; -webkit-flex-grow:0; -ms-flex-positive:0; flex-grow:0; -webkit-flex-shrink:1; -ms-flex-negative:1; flex-shrink:1 } /*.structure { max-width:1260px; margin-left:auto; margin-right:auto; -webkit-box-sizing:border-box; box-sizing:border-box; padding-left:20px; padding-right:20px } @media only screen and (max-width:1260px) { .structure { padding-left:5vw; padding-right:5vw } } */ .layer:not(.page-container) { position:absolute; top:0; left:0; width:100vw } .layer[scroll-disabled] { position:fixed; top:0; height:100vh; overflow:hidden; pointer-events:none } .layer[scroll-disabled], .layer[scroll-disabled]>:first-child { -webkit-box-sizing:border-box; box-sizing:border-box; left:0; width:100vw } .layer[scroll-disabled]>:first-child { position:absolute } /* @media only screen and (max-width:1024px) { .media-not-mobile { display:none } } @media only screen and (min-width:1025px) { .media-mobile { display:none } } @media only screen and (max-width:320px) { .media-not-mobile-tiny { display:none } } @media only screen and (min-width:321px) { .media-mobile-tiny { display:none } } */ .profile-scope-1zgKV .nav-frame { top:0; right:0; position:absolute; overflow:hidden; z-index:10; width:70px; height:70px; border:none; outline:none; background:none } .profile-scope-1zgKV main { padding-top:0; display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-box-orient:horizontal; -webkit-box-direction:normal; -webkit-flex-direction:row; -ms-flex-direction:row; flex-direction:row; -webkit-flex-wrap:nowrap; -ms-flex-wrap:nowrap; flex-wrap:nowrap; -webkit-box-pack:stretch; -webkit-justify-content:stretch; -ms-flex-pack:stretch; justify-content:stretch } .profile-scope-1zgKV main>:first-child { width:100% } .profile-scope-1zgKV .profile-column { display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-box-orient:horizontal; -webkit-box-direction:normal; -webkit-flex-direction:row; -ms-flex-direction:row; flex-direction:row; -webkit-flex-wrap:nowrap; -ms-flex-wrap:nowrap; flex-wrap:nowrap; -webkit-box-pack:stretch; -webkit-justify-content:stretch; -ms-flex-pack:stretch; justify-content:stretch; position:relative } .profile-scope-1zgKV .profile-column>:first-child { width:100% } @media only screen and (min-width:721px) { .profile-scope-1zgKV main { padding-right:0; -webkit-transition:padding-right .25s ease-in-out; transition:padding-right .25s ease-in-out } .panel-right .profile-scope-1zgKV main { padding-right:400px } } @media only screen and (min-width:1025px) { .profile-scope-1zgKV nav.topnav .user-link { display:inherit } .profile-scope-1zgKV nav.topnav .user-link~.topclick { display:none } } /* .unsupported { width:100%; position:fixed; top:70px; left:0; background-color:rgba(217, 38, 38, .9); -webkit-box-shadow:0 1px 0 1px rgba(0, 0, 0, .1); box-shadow:0 1px 0 1px rgba(0, 0, 0, .1); text-shadow:1px 1px 0 rgba(0, 0, 0, .5); color:#fff; font-size:16px; line-height:1.5; -webkit-box-sizing:border-box; box-sizing:border-box; z-index:1000 } @media only screen and (max-width:1024px) { .unsupported { text-align:left; padding:20px 50px 20px 20px } } @media only screen and (min-width:1025px) { .unsupported { text-align:center; padding:20px 50px } } .unsupported a { color:#fff } .unsupported.iframe { background-color:rgba(217, 38, 38, .9); top:0; padding-top:20%; height:100% } .unsupported .close { cursor:pointer; position:absolute; right:0; top:0; width:50px; height:50px; line-height:50px; font-size:18px } */ /* ----------- */ /* --- NAV --- */ /* ----------- */ nav.topnav { position:fixed !important; top:0; left:0; width:100%; z-index:4; -webkit-transform:translateZ(0); -webkit-box-sizing:border-box; box-sizing:border-box; height:70px; line-height:68px; font-size:16px; background-color:#fff; -webkit-box-shadow:0 1px 0 0 rgba(0, 0, 0, .2); box-shadow:0 1px 0 0 rgba(0, 0, 0, .2); -webkit-box-pack:justify; -webkit-justify-content:space-between; -ms-flex-pack:justify; justify-content:space-between } nav.topnav, nav.topnav>ul { display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-box-orient:horizontal; -webkit-box-direction:normal; -webkit-flex-direction:row; -ms-flex-direction:row; flex-direction:row; -webkit-flex-wrap:nowrap; -ms-flex-wrap:nowrap; flex-wrap:nowrap } nav.topnav>ul>li+li { margin-left:1px } nav.topnav>ul.applinks { -webkit-box-align:start; -webkit-align-items:flex-start; -ms-flex-align:start; align-items:flex-start } nav.topnav>ul.userlinks { -webkit-box-align:end; -webkit-align-items:flex-end; -ms-flex-align:end; align-items:flex-end } nav.topnav>ul.userlinks ul { display:none; position:absolute; right:-10px; top:68px; background-color:#fff; border:1px solid #ccc; /*border-top-color:#fff;*/ border-top:none; text-align:right; padding-bottom:5px; } nav.topnav>ul.userlinks ul li{ padding:0; } nav.topnav>ul.userlinks ul li a{ padding:5px 25px 20px 25px; line-height:100%; } nav.topnav .topclick { height:70px; cursor:pointer; } nav.topnav .logo, nav.topnav .topclick { display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-box-pack:center; -webkit-justify-content:center; -ms-flex-pack:center; justify-content:center; -webkit-box-align:center; -webkit-align-items:center; -ms-flex-align:center; align-items:center } nav.topnav .topclick svg { /* Dots in Menu */ height:20px; width:27px; vertical-align:middle; margin:0px; fill:#c4c4c4; } nav.topnav .logo { -webkit-box-sizing:border-box; box-sizing:border-box; border-radius: 99px !important; overflow: hidden; } nav.topnav .navlink {} nav.topnav .navlink a { display:block; padding:0 5px; color:#333; white-space:nowrap } nav.topnav .navlink a>span { display:inline-block; padding:0 10px; line-height:30px } .no-touchevents nav.topnav .navlink a:hover { color:#4c4c4c } /* nav.topnav .navlink a:focus { outline:none } nav.topnav .navlink a:focus>span { outline:none; -webkit-border-radius:1px; border-radius:1px; -webkit-box-shadow:0 0 2px 2px #fff, 0 0 2px 4px #0872b4; box-shadow:0 0 2px 2px #fff, 0 0 2px 4px #0872b4 } */ nav.topnav .navlink.active, nav.topnav .navlink.active a { color:#0872b4; pointer-events:none } /*nav.topnav .admin-button { width:40px; height:40px; line-height:40px; margin:15px 10px; -webkit-box-shadow:inset 0 0 0 1px rgba(0, 0, 0, .2); box-shadow:inset 0 0 0 1px rgba(0, 0, 0, .2); -webkit-border-radius:50%; border-radius:50%; font-size:14px }*/ /* nav.topnav .admin-button:focus { outline:none; -webkit-box-shadow:inset 0 0 0 1px rgba(0, 0, 0, .2), 0 0 2px 4px #fff, 0 0 2px 6px #0872b4; box-shadow:inset 0 0 0 1px rgba(0, 0, 0, .2), 0 0 2px 4px #fff, 0 0 2px 6px #0872b4 } nav.topnav .viewer-button { -webkit-appearance:none; -moz-appearance:none; appearance:none; display:block; margin:15px 10px; width:40px; height:40px; line-height:40px; position:relative; -webkit-border-radius:50%; border-radius:50% } nav.topnav .viewer-button .image { -webkit-box-shadow:inset 0 0 0 1px rgba(0, 0, 0, .1); box-shadow:inset 0 0 0 1px rgba(0, 0, 0, .1) } nav.topnav .viewer-button .gear { position:absolute; right:-8px; bottom:-2px; width:21px; height:21px; background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA3MCA3MCI+PGNpcmNsZSBmaWxsPSIjRkZGIiBjeD0iMzUiIGN5PSIzNSIgcj0iMTAiLz48cGF0aCBjbGFzcz0ic3Ryb2tlIiBmaWxsPSJub25lIiBzdHJva2U9IiNGRkYiIHN0cm9rZS13aWR0aD0iMTAiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgZD0iTTQ0LjgzMiAzNS41YzAtMi41NzQtLjkxMy00Ljc3Ny0yLjczNC02LjU5OC0xLjgyLTEuODIxLTQuMDIxLTIuNzMzLTYuNTk4LTIuNzMzLTIuNTc1IDAtNC43NzUuOTEzLTYuNTk4IDIuNzMzcy0yLjczNCA0LjAyNC0yLjczNCA2LjU5OGMwIDIuNTc2LjkxMSA0Ljc3NyAyLjczNCA2LjU5OCAxLjgyMyAxLjgyMSA0LjAyMyAyLjczMyA2LjU5OCAyLjczMyAyLjU3NiAwIDQuNzc3LS45MTIgNi41OTgtMi43MzMgMS44MjEtMS44MjEgMi43MzQtNC4wMjIgMi43MzQtNi41OTh6bTE4LjY3LTMuOTczdjguMDk0YzAgLjI4OC0uMS41Ny0uMjk2LjgzNi0uMTkzLjI2Ny0uNDM3LjQyNi0uNzI4LjQ3N2wtNi43NDcgMS4wMTdjLS40NTkgMS4zMTItLjkzNCAyLjQyMy0xLjQxNyAzLjMyMS44NDggMS4yMTQgMi4xNDkgMi44OTEgMy44OTggNS4wMjkuMjQyLjI5My4zNjcuNTk1LjM2Ny45MTIgMCAuMzE2LS4xMTIuNTkzLS4zMjguODM3LS42NTYuODk4LTEuODY0IDIuMjExLTMuNjA5IDMuOTM3LTEuNzUzIDEuNzI2LTIuODk0IDIuNTkzLTMuNDI5IDIuNTkzLS4yOTMgMC0uNjA2LS4xMTItLjk0OS0uMzI4bC01LjAzMi0zLjkzN2EyMS4yMDQgMjEuMjA0IDAgMCAxLTMuMzEzIDEuMzg1Yy0uMzkgMy4zMDItLjc0MSA1LjU2My0xLjA1NyA2Ljc3OC0uMTcxLjY4Mi0uNjExIDEuMDIzLTEuMzEyIDEuMDIzaC04LjA5N2MtLjM0IDAtLjYzOC0uMTA1LS44OTMtLjMxMWExLjA4MSAxLjA4MSAwIDAgMS0uNDItLjc4M2wtMS4wMi02LjcwOGEyMi40MzQgMjIuNDM0IDAgMCAxLTMuMjgxLTEuMzUxbC01LjE0MSAzLjkwNGExLjMyMiAxLjMyMiAwIDAgMS0uOTEyLjMyOGMtLjMzOSAwLS42NDMtLjEzNy0uOTExLS40MDQtMy4wNjItMi43NzItNS4wNjctNC44MTItNi4wMTYtNi4xMjVhMS40MjQgMS40MjQgMCAwIDEtLjI1NS0uODM3YzAtLjI5MS4wOTgtLjU3LjI5Mi0uODM3LjM2NC0uNTEyLjk4NC0xLjMxOCAxLjg2LTIuNDI3YTcyLjg5MiA3Mi44OTIgMCAwIDAgMS45NjgtMi41NyAxOC4xMiAxOC4xMiAwIDAgMS0xLjQ5Ni0zLjYwOGwtNi42NjgtLjk4NWExLjE1MSAxLjE1MSAwIDAgMS0uNzY2LS40NTYgMS4zNzcgMS4zNzcgMCAwIDEtLjI5Mi0uODU2VjMxLjM4YzAtLjI4OS4wOTgtLjU3MS4yOTItLjgzNy4xOTUtLjI2Ni40MjQtLjQyNi42OTItLjQ3Nmw2Ljc4Mi0xLjAxN2MuMzQtMS4xMjIuODE0LTIuMjM4IDEuNDIxLTMuMzU3LS45NzEtMS4zODUtMi4yNzItMy4wNjEtMy44OTktNS4wMy0uMjQ0LS4yOTItLjM2Ni0uNTg1LS4zNjYtLjg3NSAwLS4yNDQuMTA5LS41MjMuMzI4LS44MzguNjM0LS44NzYgMS44MjktMi4xODEgMy41OTEtMy45MTggMS43NjItMS43MzYgMi45MS0yLjYwOCAzLjQ0Ni0yLjYwOC4zMTYgMCAuNjMxLjEyNS45NDguMzY4bDUuMDMxIDMuODk2YTIxLjExMSAyMS4xMTEgMCAwIDEgMy4zMTctMS4zODVjLjM4OC0zLjMwMy43NDItNS41NjQgMS4wNTctNi43NzguMTcxLS42ODMuNjA5LTEuMDI0IDEuMzEyLTEuMDI0aDguMDk2Yy4zMzkgMCAuNjM4LjEwNS44OTMuMzEyLjI1Ni4yMDYuMzk2LjQ2OC40Mi43ODRsMS4wMTggNi43MDdjMS4xOTUuMzkgMi4yODQuODQgMy4yODEgMS4zNTFsNS4xNzgtMy45MDNjLjIyLS4yMTcuNTExLS4zMjguODc2LS4zMjguMzE1IDAgLjYxOC4xMjUuOTA4LjM2NyAzLjEzOCAyLjg5MiA1LjE0NiA0Ljk1OCA2LjAxOSA2LjE5NS4xNjkuMTk3LjI1NC40NjYuMjU0LjgwNSAwIC4yOTEtLjA5OC41Ny0uMjkxLjgzNi0uMzY1LjUxMi0uOTg0IDEuMzE5LTEuODYgMi40MjhhODAuMTg2IDgwLjE4NiAwIDAgMC0xLjk2OSAyLjU2OSAyMi4wOTEgMjIuMDkxIDAgMCAxIDEuNDk1IDMuNTc0bDYuNjcyIDEuMDJjLjMxOC4wNDkuNTcxLjIwMS43NjUuNDU3LjE5My4yNTEuMjkzLjUzMy4yOTMuODUyeiIvPjxwYXRoIGNsYXNzPSJmaWxsIiBmaWxsPSIjMjIyIiBkPSJNNDQuODMyIDM1LjVjMC0yLjU3NC0uOTEzLTQuNzc3LTIuNzM0LTYuNTk4LTEuODItMS44MjEtNC4wMjEtMi43MzMtNi41OTgtMi43MzMtMi41NzUgMC00Ljc3NS45MTMtNi41OTggMi43MzNzLTIuNzM0IDQuMDI0LTIuNzM0IDYuNTk4YzAgMi41NzYuOTExIDQuNzc3IDIuNzM0IDYuNTk4IDEuODIzIDEuODIxIDQuMDIzIDIuNzMzIDYuNTk4IDIuNzMzIDIuNTc2IDAgNC43NzctLjkxMiA2LjU5OC0yLjczMyAxLjgyMS0xLjgyMSAyLjczNC00LjAyMiAyLjczNC02LjU5OHptMTguNjctMy45NzN2OC4wOTRjMCAuMjg4LS4xLjU3LS4yOTYuODM2LS4xOTMuMjY3LS40MzcuNDI2LS43MjguNDc3bC02Ljc0NyAxLjAxN2MtLjQ1OSAxLjMxMi0uOTM0IDIuNDIzLTEuNDE3IDMuMzIxLjg0OCAxLjIxNCAyLjE0OSAyLjg5MSAzLjg5OCA1LjAyOS4yNDIuMjkzLjM2Ny41OTUuMzY3LjkxMiAwIC4zMTYtLjExMi41OTMtLjMyOC44MzctLjY1Ni44OTgtMS44NjQgMi4yMTEtMy42MDkgMy45MzctMS43NTMgMS43MjYtMi44OTQgMi41OTMtMy40MjkgMi41OTMtLjI5MyAwLS42MDYtLjExMi0uOTQ5LS4zMjhsLTUuMDMyLTMuOTM3YTIxLjIwNCAyMS4yMDQgMCAwIDEtMy4zMTMgMS4zODVjLS4zOSAzLjMwMi0uNzQxIDUuNTYzLTEuMDU3IDYuNzc4LS4xNzEuNjgyLS42MTEgMS4wMjMtMS4zMTIgMS4wMjNoLTguMDk3Yy0uMzQgMC0uNjM4LS4xMDUtLjg5My0uMzExYTEuMDgxIDEuMDgxIDAgMCAxLS40Mi0uNzgzbC0xLjAyLTYuNzA4YTIyLjQzNCAyMi40MzQgMCAwIDEtMy4yODEtMS4zNTFsLTUuMTQxIDMuOTA0YTEuMzIyIDEuMzIyIDAgMCAxLS45MTIuMzI4Yy0uMzM5IDAtLjY0My0uMTM3LS45MTEtLjQwNC0zLjA2Mi0yLjc3Mi01LjA2Ny00LjgxMi02LjAxNi02LjEyNWExLjQyNCAxLjQyNCAwIDAgMS0uMjU1LS44MzdjMC0uMjkxLjA5OC0uNTcuMjkyLS44MzcuMzY0LS41MTIuOTg0LTEuMzE4IDEuODYtMi40MjdhNzIuODkyIDcyLjg5MiAwIDAgMCAxLjk2OC0yLjU3IDE4LjEyIDE4LjEyIDAgMCAxLTEuNDk2LTMuNjA4bC02LjY2OC0uOTg1YTEuMTUxIDEuMTUxIDAgMCAxLS43NjYtLjQ1NiAxLjM3NyAxLjM3NyAwIDAgMS0uMjkyLS44NTZWMzEuMzhjMC0uMjg5LjA5OC0uNTcxLjI5Mi0uODM3LjE5NS0uMjY2LjQyNC0uNDI2LjY5Mi0uNDc2bDYuNzgyLTEuMDE3Yy4zNC0xLjEyMi44MTQtMi4yMzggMS40MjEtMy4zNTctLjk3MS0xLjM4NS0yLjI3Mi0zLjA2MS0zLjg5OS01LjAzLS4yNDQtLjI5Mi0uMzY2LS41ODUtLjM2Ni0uODc1IDAtLjI0NC4xMDktLjUyMy4zMjgtLjgzOC42MzQtLjg3NiAxLjgyOS0yLjE4MSAzLjU5MS0zLjkxOCAxLjc2Mi0xLjczNiAyLjkxLTIuNjA4IDMuNDQ2LTIuNjA4LjMxNiAwIC42MzEuMTI1Ljk0OC4zNjhsNS4wMzEgMy44OTZhMjEuMTExIDIxLjExMSAwIDAgMSAzLjMxNy0xLjM4NWMuMzg4LTMuMzAzLjc0Mi01LjU2NCAxLjA1Ny02Ljc3OC4xNzEtLjY4My42MDktMS4wMjQgMS4zMTItMS4wMjRoOC4wOTZjLjMzOSAwIC42MzguMTA1Ljg5My4zMTIuMjU2LjIwNi4zOTYuNDY4LjQyLjc4NGwxLjAxOCA2LjcwN2MxLjE5NS4zOSAyLjI4NC44NCAzLjI4MSAxLjM1MWw1LjE3OC0zLjkwM2MuMjItLjIxNy41MTEtLjMyOC44NzYtLjMyOC4zMTUgMCAuNjE4LjEyNS45MDguMzY3IDMuMTM4IDIuODkyIDUuMTQ2IDQuOTU4IDYuMDE5IDYuMTk1LjE2OS4xOTcuMjU0LjQ2Ni4yNTQuODA1IDAgLjI5MS0uMDk4LjU3LS4yOTEuODM2LS4zNjUuNTEyLS45ODQgMS4zMTktMS44NiAyLjQyOGE4MC4xODYgODAuMTg2IDAgMCAwLTEuOTY5IDIuNTY5IDIyLjA5MSAyMi4wOTEgMCAwIDEgMS40OTUgMy41NzRsNi42NzIgMS4wMmMuMzE4LjA0OS41NzEuMjAxLjc2NS40NTcuMTkzLjI1MS4yOTMuNTMzLjI5My44NTJ6Ii8+PC9zdmc+); -webkit-background-size:contain; background-size:contain; background-repeat:no-repeat; -webkit-transition:all .25s ease-in-out; transition:all .25s ease-in-out; -webkit-transform-origin:center center; transform-origin:center center } .panelsection-edit nav.topnav .viewer-button .gear { color:#0872b4; -webkit-transform:rotate(90deg); transform:rotate(90deg) } nav.topnav .viewer-button:focus { outline:none; -webkit-box-shadow:0 0 2px 4px #fff, 0 0 2px 6px #0872b4; box-shadow:0 0 2px 4px #fff, 0 0 2px 6px #0872b4 } */ nav.topnav .user-link { display:none; font-size:16px; max-width:-webkit-calc(100vw - 100px); max-width:calc(100vw - 100px); white-space:nowrap; overflow-x:hidden; text-overflow:ellipsis; -webkit-transform:translateY(2px); transform:translateY(2px) } nav.topnav .user-link>span { display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-box-orient:horizontal; -webkit-box-direction:normal; -webkit-flex-direction:row; -ms-flex-direction:row; flex-direction:row; -webkit-flex-wrap:nowrap; -ms-flex-wrap:nowrap; flex-wrap:nowrap } nav.topnav .user-link .domain { color:#333 } nav.topnav .user-link .divider { display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-box-orient:vertical; -webkit-box-direction:normal; -webkit-flex-direction:column; -ms-flex-direction:column; flex-direction:column; -webkit-box-pack:center; -webkit-justify-content:center; -ms-flex-pack:center; justify-content:center } nav.topnav .user-link .divider .line { display:inline-block; margin-left:20px; margin-right:20px; height:24px; width:1px; background-color:rgba(0, 0, 0, .3) } /* @media only screen and (min-width:721px) { nav.topnav .user-link { font-size:18px } } */ /* ----------------------- */ /* --- NAV MENU-INLINE --- */ /* ----------------------- */ @media only screen and (max-width:1024px) { nav.topnav { padding:0 10px; } nav.topnav .is-mobile { display:inherit; } nav.topnav .not-mobile { display:none; } nav.topnav .logo { margin-left:0px; /* logoSpace */ line-height:50px; cursor:pointer; } nav.topnav .topclick svg { /* Dots in Menu */ display:block; } body.dark nav.topnav .topclick svg { fill:#fff; } } @media only screen and (min-width:1025px) { nav.topnav { padding:0 15px; } nav.topnav .is-mobile { display:none; } nav.topnav .not-mobile { display:inherit; } nav.topnav .logo { margin-left:10px; /* logoSpace */ } nav.topnav .topclick svg { /* Dots in Menu */ display:none; } } /* @media only screen and (max-width:320px) { nav.topnav { font-size:14px } nav.topnav .logo { margin-left:0px; --- logoSpace } } .bubble.bubble-clipboard-success .bubble-close+.message-content { margin-right:40px } */ /* ---------------------- */ /* --- NAV MENU-SLIDE --- */ /* ---------------------- */ @media only screen and (max-width:1024px) { .mobile-nav { padding-top:70px; -webkit-transition:all .12s ease-in-out; /* Safari */ transition:all .12s ease-in-out; -webkit-transform:translateX(-100%); transform:translateX(-100%); position:fixed; left:0; top:0; background-color:#fff; z-index:3; width:100vw; height:100vh; -webkit-box-sizing:border-box; box-sizing:border-box; font-size:16px; opacity: 0.95; -webkit-overflow-scrolling: touch; } .mobile-nav>ul { padding:0 35px; height:100%; overflow-y:auto; border-right:1px solid #ccc; } .mobile-nav>ul>li { line-height:100%; } .mobile-nav>ul>li:last-child { padding-bottom:220px; } .mobile-nav>ul>li:not(:last-child):not(:nth-last-child(2)) { border-bottom:1px solid rgba(0, 0, 0, .05) } .mobile-nav>ul>li a { color:#333; display:block; padding:18px 0 18px 3px; } .mobile-nav>ul>li>ul { display:none; background-color:#f9f9f9; } .mobile-nav>ul>li>ul>li { line-height:100%; list-style:inside; padding-left:18px; color:#c2c2c2; } .mobile-nav>ul>li>ul>li a { /*display:inline-block; padding:13px 5px;*/ display:block; padding:13px 0; color:#000; } .mobile-nav>ul>li>ul>li:not(:last-child) { border-bottom:1px solid #fff; } .panel-mobile-nav .mobile-nav { -webkit-transform:translateX(0); transform:translateX(0); -webkit-box-shadow:1px 0 0 0 rgba(0, 0, 0, .1); box-shadow:1px 0 0 0 rgba(0, 0, 0, .1) } .mobile-nav-social {} .mobile-nav-social ul { display:block !important; padding-top:10px !important; } .mobile-nav-social ul li { border-bottom:0 !important; padding:0 3px !important; } .mobile-nav-social a { padding:0 3px; } .mobile-nav-social a svg { fill:#888; width:35px; height:35px; } } @media only screen and (min-width:1025px) { .mobile-nav { display:none; } } /* --------------- */ /* --- END NAV --- */ /* --------------- */ .profile.profile_view-scope-1Shwh { line-height:1.5; padding:10px; -webkit-box-sizing:border-box; box-sizing:border-box; min-width:320px; position:relative } .profile.profile_view-scope-1Shwh.nested { overflow:hidden } .profile.profile_view-scope-1Shwh.preview { -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; pointer-events:none } .profile.profile_view-scope-1Shwh .profile-content { color:#333; z-index:1 } .profile.profile_view-scope-1Shwh .profile-content, .profile.profile_view-scope-1Shwh .profile-content .body, .profile.profile_view-scope-1Shwh .profile-content .head { -webkit-box-sizing:border-box; box-sizing:border-box } .profile.profile_view-scope-1Shwh .profile-content .body { display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-box-orient:vertical; -webkit-box-direction:normal; -webkit-flex-direction:column; -ms-flex-direction:column; flex-direction:column; -webkit-box-align:center; -webkit-align-items:center; -ms-flex-align:center; align-items:center } .profile.profile_view-scope-1Shwh .profile-content .body>* { width:100% } .profile.profile_view-scope-1Shwh .profile-content .body-content { padding:30px 0 40px; display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-box-orient:vertical; -webkit-box-direction:normal; -webkit-flex-direction:column; -ms-flex-direction:column; flex-direction:column; -webkit-box-align:center; -webkit-align-items:center; -ms-flex-align:center; align-items:center } .profile.profile_view-scope-1Shwh .profile-content .inset { -webkit-box-sizing:border-box; box-sizing:border-box; padding:0 20px; max-width:440px; width:100% } .profile.profile_view-scope-1Shwh .profile-content section+section:not(:empty) { margin-top:30px } .profile.profile_view-scope-1Shwh .profile-content .name-headline section+section:not(:empty) { margin-top:5px } .profile.profile_view-scope-1Shwh .profile-content .image { background-color:#eee } .profile.profile_view-scope-1Shwh .profile-content .name { font-size:20px; line-height:1.2; text-transform:uppercase; letter-spacing:2px; font-weight:700; margin:0; color:#333 } .profile.profile_view-scope-1Shwh .profile-content .headline { font-size:16px; line-height:1.2; font-weight:700; margin:0 } .profile.profile_view-scope-1Shwh .profile-content .headline .role { display:inline-block; text-transform:capitalize } .profile.profile_view-scope-1Shwh .profile-content .portfolio .portfolio-thumbs { width:100%; display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-box-orient:horizontal; -webkit-box-direction:normal; -webkit-flex-direction:row; -ms-flex-direction:row; flex-direction:row; -webkit-flex-wrap:nowrap; -ms-flex-wrap:nowrap; flex-wrap:nowrap; -webkit-box-pack:center; -webkit-justify-content:center; -ms-flex-pack:center; justify-content:center } .no-touchevents .profile.profile_view-scope-1Shwh .profile-content .portfolio .portfolio-thumbs { opacity:1; -webkit-transition:opacity .15s ease-in-out; transition:opacity .15s ease-in-out; will-change:opacity } .no-touchevents .profile.profile_view-scope-1Shwh .profile-content .portfolio .portfolio-thumbs:hover { opacity:.9 } .profile.profile_view-scope-1Shwh .profile-content .portfolio .portfolio-thumbs .portfolio-item { -webkit-background-size:cover; background-size:cover; background-position:50%; background-repeat:no-repeat; width:20%; overflow:hidden; cursor:pointer } .profile.profile_view-scope-1Shwh .profile-content .portfolio .portfolio-thumbs .portfolio-item:before { display:block; width:100%; padding-bottom:100%; content:"" } .profile.profile_view-scope-1Shwh .profile-content .portfolio .portfolio-thumbs .portfolio-item:first-child { -webkit-border-top-left-radius:5px; border-top-left-radius:5px; -webkit-border-bottom-left-radius:5px; border-bottom-left-radius:5px } .profile.profile_view-scope-1Shwh .profile-content .portfolio .portfolio-thumbs .portfolio-item:last-child { -webkit-border-top-right-radius:5px; border-top-right-radius:5px; -webkit-border-bottom-right-radius:5px; border-bottom-right-radius:5px } .profile.profile_view-scope-1Shwh .profile-content .portfolio .portfolio-thumbs .portfolio-item+.portfolio-item { margin-left:4px } .profile.profile_view-scope-1Shwh .profile-content .portfolio .portfolio-thumbs.more-than-5 .portfolio-item:last-child { position:relative } .profile.profile_view-scope-1Shwh .profile-content .portfolio .portfolio-thumbs.more-than-5 .portfolio-item:last-child:before { content:""; display:block; position:absolute; background-color:rgba(0, 0, 0, .5); width:100%; height:100% } .profile.profile_view-scope-1Shwh .profile-content .portfolio .portfolio-thumbs.more-than-5 .portfolio-item:last-child:after { content:"+"; display:block; position:absolute; font-weight:700; color:#fff; text-align:center; font-size:32px; width:26px; height:26px; line-height:26px; top:50%; left:50%; margin-top:-12px; margin-left:-13px } .profile.profile_view-scope-1Shwh .profile-content .video .video-wrapper { position:relative; height:0; padding-bottom:56.25%; overflow:hidden } .profile.profile_view-scope-1Shwh .profile-content .video .video-wrapper iframe { position:absolute; width:100%; height:100%; left:0; top:0 } .profile.profile_view-scope-1Shwh .profile-content .video .video-wrapper.placeholder { -webkit-border-radius:5px; border-radius:5px; background-color:#333; background-position:50%; -webkit-background-size:cover; background-size:cover; background-repeat:no-repeat } .profile.profile_view-scope-1Shwh .profile-content .video .video-wrapper.placeholder .svg-container { position:absolute; width:100%; height:100%; left:0; top:0; display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-box-orient:horizontal; -webkit-box-direction:normal; -webkit-flex-direction:row; -ms-flex-direction:row; flex-direction:row; -webkit-box-pack:center; -webkit-justify-content:center; -ms-flex-pack:center; justify-content:center; -webkit-box-align:center; -webkit-align-items:center; -ms-flex-align:center; align-items:center } .profile.profile_view-scope-1Shwh .profile-content .video .video-wrapper.placeholder .svg-container svg { width:30%; height:auto } .profile.profile_view-scope-1Shwh .profile-content .spotlight .button { min-width:100%; -webkit-transition:all .15s ease-out; transition:all .15s ease-out } .profile.profile_view-scope-1Shwh .profile-content .spotlight .button.light { color:#333; -webkit-box-shadow:inset 0 0 0 100px rgba(0, 0, 0, .025); box-shadow:inset 0 0 0 100px rgba(0, 0, 0, .025) } .no-touchevents .profile.profile_view-scope-1Shwh .profile-content .spotlight .button.light:hover { -webkit-box-shadow:inset 0 0 0 100px rgba(0, 0, 0, .05); box-shadow:inset 0 0 0 100px rgba(0, 0, 0, .05); border-color:rgba(0, 0, 0, .23) } .profile.profile_view-scope-1Shwh .profile-content .spotlight .button.dark { color:#fff; -webkit-box-shadow:inset 0 0 0 100px hsla(0, 0%, 100%, 0); box-shadow:inset 0 0 0 100px hsla(0, 0%, 100%, 0) } .no-touchevents .profile.profile_view-scope-1Shwh .profile-content .spotlight .button.dark:hover { -webkit-box-shadow:inset 0 0 0 100px hsla(0, 0%, 100%, .1); box-shadow:inset 0 0 0 100px hsla(0, 0%, 100%, .1) } .profile.profile_view-scope-1Shwh .profile-content .spotlight .button .text.ellipsis { max-width:244px } .profile.profile_view-scope-1Shwh .profile-content .spotlight .button.glyph-checkbox:before { font-size:120%; top:1px } .profile.profile_view-scope-1Shwh .profile-content .spotlight .button.glyph-edit:before { font-size:110%; top:1px } .profile.profile_view-scope-1Shwh .profile-content .spotlight .button.glyph-handshake:before { font-size:110%; top:0; left:-3px } .profile.profile_view-scope-1Shwh .profile-content .bio { font-size:16px; text-align:left; word-wrap:break-word } .profile.profile_view-scope-1Shwh .profile-content .bio.short-bio { text-align:center } .profile.profile_view-scope-1Shwh .profile-content .bio a { color:#333; position:relative; text-decoration:underline } .no-touchevents .profile.profile_view-scope-1Shwh .profile-content .bio a:hover { color:#888 } @media only screen and (max-width:430px) { .profile.profile_view-scope-1Shwh .profile-content .bio { max-width:100% } } .profile.profile_view-scope-1Shwh .profile-content .social-links { max-width:470px } .profile.profile_view-scope-1Shwh .profile-content .social-links li.editing { -webkit-animation:bloop .3s cubic-bezier(.25, 1.5, .5, 3) .3s 1; animation:bloop .3s cubic-bezier(.25, 1.5, .5, 3) .3s 1 } .profile.profile_view-scope-1Shwh .profile-content .social-links li { padding:0; margin-top:12.5px; margin-bottom:12.5px; /*margin-left:10px; margin-right:10px;*/ width:36px; height:36px; font-size:30px; line-height:36px; cursor:pointer; display:block; -webkit-font-smoothing:antialiased; color:#999 } .profile.profile_view-scope-1Shwh .profile-content .social-links li svg { fill:#999; height:100%; width:100% } .profile.profile_view-scope-1Shwh .profile-content .social-links li.contact-me { border:2px solid; font-size:20px; -webkit-border-radius:50%; border-radius:50%; -webkit-box-sizing:border-box; box-sizing:border-box; text-align:center } .profile.profile_view-scope-1Shwh .profile-content .social-links li.contact-me svg { width:20px; height:auto } .no-touchevents .profile.profile_view-scope-1Shwh .profile-content .social-links li { opacity:1; -webkit-transition:opacity .15s ease-in-out; transition:opacity .15s ease-in-out; will-change:opacity } .no-touchevents .profile.profile_view-scope-1Shwh .profile-content .social-links li:hover { opacity:.8 } .profile.profile_view-scope-1Shwh .profile-content .meta-header { font-size:12px; text-transform:uppercase; font-weight:200; letter-spacing:2px; color:#999; margin-bottom:5px } .profile.profile_view-scope-1Shwh .profile-content ul.inline { padding:0; margin:0; list-style:none; -webkit-box-orient:horizontal; -webkit-box-direction:normal; -webkit-flex-direction:row; -ms-flex-direction:row; flex-direction:row; -webkit-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap } .profile.profile_view-scope-1Shwh .profile-content ul.inline, .profile.profile_view-scope-1Shwh .profile-content ul.meta-sections { display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-box-pack:center; -webkit-justify-content:center; -ms-flex-pack:center; justify-content:center } .profile.profile_view-scope-1Shwh .profile-content ul.meta-sections { font-size:14px } .profile.profile_view-scope-1Shwh .profile-content ul.meta-sections .meta-item { display:block } .profile.profile_view-scope-1Shwh .profile-content ul.meta-sections .meta-item+.meta-item { margin-top:.25em } @media only screen and (min-width:1025px) { .profile.profile_view-scope-1Shwh .profile-content ul.meta-sections { -webkit-box-orient:horizontal; -webkit-box-direction:normal; -webkit-flex-direction:row; -ms-flex-direction:row; flex-direction:row } .profile.profile_view-scope-1Shwh .profile-content ul.meta-sections .meta-section:nth-last-child(n+2), .profile.profile_view-scope-1Shwh .profile-content ul.meta-sections .meta-section:nth-last-child(n+2)~.meta-section { width:50%; -webkit-box-sizing:border-box; box-sizing:border-box; padding:0 5px } } @media only screen and (max-width:1024px) { .profile.profile_view-scope-1Shwh .profile-content ul.meta-sections { -webkit-box-orient:vertical; -webkit-box-direction:normal; -webkit-flex-direction:column; -ms-flex-direction:column; flex-direction:column } .profile.profile_view-scope-1Shwh .profile-content ul.meta-sections .meta-section { width:100% } .profile.profile_view-scope-1Shwh .profile-content ul.meta-sections .meta-section+.meta-section { margin-top:20px } } .profile.profile_view-scope-1Shwh .profile-content .testimonials { word-wrap:break-word } .profile.profile_view-scope-1Shwh .profile-content .testimonials .testimonial { text-align:left; padding-left:30px; margin-left:-30px; position:relative; font-size:14px } .profile.profile_view-scope-1Shwh .profile-content .testimonials .testimonial:before { position:absolute; left:0; top:3px; font-size:12px; opacity:.5; width:18px } .profile.profile_view-scope-1Shwh .profile-content .testimonials .testimonial .quote { color:#333 } .profile.profile_view-scope-1Shwh .profile-content .testimonials .testimonial .attribution { color:#999; margin-top:3px; font-weight:700; font-size:12px; line-height:21px; text-transform:uppercase } .profile.profile_view-scope-1Shwh .profile-content .testimonials .testimonial+.testimonial { margin-top:15px } .profile.profile_view-scope-1Shwh .profile-content .contact-me-form form { margin-top:10px } .profile.profile_view-scope-1Shwh .profile-content .contact-me-form fieldset { margin:0 } .profile.profile_view-scope-1Shwh .profile-content .contact-me-form fieldset+fieldset { margin-top:7px } .profile.profile_view-scope-1Shwh .profile-content .contact-me-form textarea { resize:none } .profile.profile_view-scope-1Shwh .profile-content .contact-me-form ::-webkit-input-placeholder { color:#ccc } .profile.profile_view-scope-1Shwh .profile-content .contact-me-form :-ms-input-placeholder { color:#ccc } .profile.profile_view-scope-1Shwh .profile-content .contact-me-form ::-ms-input-placeholder { color:#ccc } .profile.profile_view-scope-1Shwh .profile-content .contact-me-form ::placeholder { color:#ccc } .profile.profile_view-scope-1Shwh .profile-content .contact-me-form .message-info { display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-box-orient:horizontal; -webkit-box-direction:normal; -webkit-flex-direction:row; -ms-flex-direction:row; flex-direction:row; -webkit-flex-wrap:nowrap; -ms-flex-wrap:nowrap; flex-wrap:nowrap; -webkit-box-pack:justify; -webkit-justify-content:space-between; -ms-flex-pack:justify; justify-content:space-between; -webkit-align-content:flex-start; -ms-flex-line-pack:start; align-content:flex-start; line-height:1.2 } .profile.profile_view-scope-1Shwh .profile-content .contact-me-form .can-respond { font-size:12px; margin-right:20px; text-align:left; margin-bottom:5px } .profile.profile_view-scope-1Shwh .profile-content .contact-me-form label.maxlength { font-size:12px } .profile.profile_view-scope-1Shwh .profile-content .contact-me-form.editing { max-height:0; overflow:hidden; -webkit-transition:max-height .25s ease-in-out; transition:max-height .25s ease-in-out } .profile.profile_view-scope-1Shwh .profile-content .contact-me-form.editing:not(.active) { margin-top:0 } .profile.profile_view-scope-1Shwh .profile-content .contact-me-form.editing.active { max-height:1000px } .profile.profile_view-scope-1Shwh[max-width-1024=true] .profile-content .testimonials .testimonial { margin-left:0; padding-left:0 } .profile.profile_view-scope-1Shwh[max-width-1024=true] .profile-content .testimonials .testimonial .quote { text-indent:25px } .profile.profile_view-scope-1Shwh.small { display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-box-pack:center; -webkit-justify-content:center; -ms-flex-pack:center; justify-content:center; -webkit-flex-wrap:nowrap; -ms-flex-wrap:nowrap; flex-wrap:nowrap; -webkit-box-orient:horizontal; -webkit-box-direction:normal; -webkit-flex-direction:row; -ms-flex-direction:row; flex-direction:row; -webkit-box-align:center; -webkit-align-items:center; -ms-flex-align:center; align-items:center; padding-top:30px; padding-bottom:30px } .profile.profile_view-scope-1Shwh.small.has-nav { padding-top:100px } .profile.profile_view-scope-1Shwh.small/*.has-ledge*/ { padding-bottom:100px } .profile.profile_view-scope-1Shwh.small .profile-content { width:620px; max-width:-webkit-calc(100vw - 10px); max-width:calc(100vw - 10px); text-align:center; background-color:#fff; -webkit-border-radius:4px; border-radius:4px; margin-top:60px } .profile.profile_view-scope-1Shwh.small .head .image { -webkit-box-shadow:inset 0 0 10px 0 rgba(0, 0, 0, .2), 0 0 2px 0 rgba(0, 0, 0, .1); box-shadow:inset 0 0 10px 0 rgba(0, 0, 0, .2), 0 0 2px 0 rgba(0, 0, 0, .1); -webkit-border-radius:50%; border-radius:50%; margin:-60px auto 20px; width:120px; height:120px } .profile.profile_view-scope-1Shwh.small .name-headline { padding-left:20px; padding-right:20px } .profile.profile_view-scope-1Shwh.medium { display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-box-pack:center; -webkit-justify-content:center; -ms-flex-pack:center; justify-content:center; -webkit-flex-wrap:nowrap; -ms-flex-wrap:nowrap; flex-wrap:nowrap; -webkit-box-orient:horizontal; -webkit-box-direction:normal; -webkit-flex-direction:row; -ms-flex-direction:row; flex-direction:row; -webkit-box-align:center; -webkit-align-items:center; -ms-flex-align:center; align-items:center } @media only screen and (min-width:1025px) { .profile.profile_view-scope-1Shwh.medium { padding-top:30px; padding-bottom:30px } .profile.profile_view-scope-1Shwh.medium.has-nav { padding-top:100px } .profile.profile_view-scope-1Shwh.medium/*.has-ledge*/ { padding-bottom:100px } } @media only screen and (max-width:1024px) { .profile.profile_view-scope-1Shwh.medium { padding-top:10px; padding-bottom:10px } .profile.profile_view-scope-1Shwh.medium.has-nav { padding-top:80px } .profile.profile_view-scope-1Shwh.medium/*.has-ledge*/ { padding-bottom:80px } } .profile.profile_view-scope-1Shwh.medium .profile-content { width:620px; max-width:-webkit-calc(100vw - 10px); max-width:calc(100vw - 10px); text-align:center } .profile.profile_view-scope-1Shwh.medium .head { overflow:hidden; position:relative; -webkit-border-top-left-radius:4px; border-top-left-radius:4px; -webkit-border-top-right-radius:4px; border-top-right-radius:4px } .profile.profile_view-scope-1Shwh.medium .head .image { background-color:hsla(0, 0%, 100%, .1); -webkit-box-shadow:inset 0 -130px 200px -50px rgba(0, 0, 0, .5); box-shadow:inset 0 -130px 200px -50px rgba(0, 0, 0, .5) } .profile.profile_view-scope-1Shwh.medium .head .name-headline { display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-box-orient:vertical; -webkit-box-direction:normal; -webkit-flex-direction:column; -ms-flex-direction:column; flex-direction:column; -webkit-box-pack:end; -webkit-justify-content:flex-end; -ms-flex-pack:end; justify-content:flex-end; position:absolute; -webkit-box-sizing:border-box; box-sizing:border-box; padding:20px; bottom:0; left:0; width:100%; text-shadow:1px 1px 1px rgba(0, 0, 0, .7) } .profile.profile_view-scope-1Shwh.medium .head .name-headline .headline, .profile.profile_view-scope-1Shwh.medium .head .name-headline .name { color:#fff } .profile.profile_view-scope-1Shwh.medium .body { background-color:#fff; -webkit-border-bottom-left-radius:4px; border-bottom-left-radius:4px; -webkit-border-bottom-right-radius:4px; border-bottom-right-radius:4px } .profile.profile_view-scope-1Shwh.large { padding:0; background-color:#fff } .profile.profile_view-scope-1Shwh.large.has-nav { padding-top:70px } @media (max-width:1024px) { .profile.profile_view-scope-1Shwh.large:not([min-width-801=true]) { display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-box-orient:horizontal; -webkit-box-direction:normal; -webkit-flex-direction:row; -ms-flex-direction:row; flex-direction:row; -webkit-flex-wrap:nowrap; -ms-flex-wrap:nowrap; flex-wrap:nowrap; -webkit-box-pack:stretch; -webkit-justify-content:stretch; -ms-flex-pack:stretch; justify-content:stretch } .profile.profile_view-scope-1Shwh.large:not([min-width-801=true])>:first-child { width:100% } .profile.profile_view-scope-1Shwh.large:not([min-width-801=true]) .profile-content { width:100%; text-align:center; display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-box-orient:vertical; -webkit-box-direction:normal; -webkit-flex-direction:column; -ms-flex-direction:column; flex-direction:column; -webkit-box-pack:stretch; -webkit-justify-content:stretch; -ms-flex-pack:stretch; justify-content:stretch } .profile.profile_view-scope-1Shwh.large:not([min-width-801=true]) .head { position:relative; max-height:66.6667vh; overflow:hidden } .profile.profile_view-scope-1Shwh.large:not([min-width-801=true]) .head .image { -webkit-box-sizing:border-box; box-sizing:border-box } .profile.profile_view-scope-1Shwh.large:not([min-width-801=true]) .head .name-headline { display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-box-orient:vertical; -webkit-box-direction:normal; -webkit-flex-direction:column; -ms-flex-direction:column; flex-direction:column; -webkit-box-pack:end; -webkit-justify-content:flex-end; -ms-flex-pack:end; justify-content:flex-end; position:absolute; -webkit-box-sizing:border-box; box-sizing:border-box; padding:20px; width:100%; left:0; top:0; right:0; bottom:0; text-shadow:1px 1px 1px rgba(0, 0, 0, .7); -webkit-box-shadow:inset 0 -130px 200px -50px rgba(0, 0, 0, .5); box-shadow:inset 0 -130px 200px -50px rgba(0, 0, 0, .5) } .profile.profile_view-scope-1Shwh.large:not([min-width-801=true]) .head .name-headline .headline, .profile.profile_view-scope-1Shwh.large:not([min-width-801=true]) .head .name-headline .name { color:#fff } .profile.profile_view-scope-1Shwh.large:not([min-width-801=true]) .body { padding:0; -webkit-box-sizing:border-box; box-sizing:border-box; -webkit-box-flex:1; -webkit-flex-grow:1; -ms-flex-positive:1; flex-grow:1; -webkit-flex-shrink:1; -ms-flex-negative:1; flex-shrink:1; display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-box-orient:vertical; -webkit-box-direction:normal; -webkit-flex-direction:column; -ms-flex-direction:column; flex-direction:column; -webkit-box-pack:justify; -webkit-justify-content:space-between; -ms-flex-pack:justify; justify-content:space-between; -webkit-box-align:center; -webkit-align-items:center; -ms-flex-align:center; align-items:center } .profile.profile_view-scope-1Shwh.large:not([min-width-801=true]) .body .body-content { padding-top:0; padding-bottom:70px; } /*.has-ledge*/ .profile.profile_view-scope-1Shwh.large:not([min-width-801=true]) .body .body-content { padding-bottom:100px; } .profile.profile_view-scope-1Shwh.large:not([min-width-801=true]) .body .body-top { display:none } .profile.profile_view-scope-1Shwh.large:not([min-width-801=true]) .body .body-bottom { width:100%; position:-webkit-sticky; position:sticky; bottom:0 } .profile.profile_view-scope-1Shwh.large:not([min-width-801=true]) .body .name-headline { display:none } .profile.profile_view-scope-1Shwh.large:not([min-width-801=true]) .body ul.meta-sections { -webkit-box-orient:vertical; -webkit-box-direction:normal; -webkit-flex-direction:column; -ms-flex-direction:column; flex-direction:column } .profile.profile_view-scope-1Shwh.large:not([min-width-801=true]) .body ul.meta-sections .meta-section { padding:0; width:100% } .profile.profile_view-scope-1Shwh.large:not([min-width-801=true]) .body ul.meta-sections .meta-section+.meta-section { margin-top:20px } } .profile.profile_view-scope-1Shwh.large[max-width-800=true] { display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-box-orient:horizontal; -webkit-box-direction:normal; -webkit-flex-direction:row; -ms-flex-direction:row; flex-direction:row; -webkit-flex-wrap:nowrap; -ms-flex-wrap:nowrap; flex-wrap:nowrap; -webkit-box-pack:stretch; -webkit-justify-content:stretch; -ms-flex-pack:stretch; justify-content:stretch } .profile.profile_view-scope-1Shwh.large[max-width-800=true]>:first-child { width:100% } .profile.profile_view-scope-1Shwh.large[max-width-800=true] .profile-content { width:100%; text-align:center; display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-box-orient:vertical; -webkit-box-direction:normal; -webkit-flex-direction:column; -ms-flex-direction:column; flex-direction:column; -webkit-box-pack:stretch; -webkit-justify-content:stretch; -ms-flex-pack:stretch; justify-content:stretch } .profile.profile_view-scope-1Shwh.large[max-width-800=true] .head { position:relative; max-height:66.6667vh; overflow:hidden } .profile.profile_view-scope-1Shwh.large[max-width-800=true] .head .image { -webkit-box-sizing:border-box; box-sizing:border-box } .profile.profile_view-scope-1Shwh.large[max-width-800=true] .head .name-headline { display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-box-orient:vertical; -webkit-box-direction:normal; -webkit-flex-direction:column; -ms-flex-direction:column; flex-direction:column; -webkit-box-pack:end; -webkit-justify-content:flex-end; -ms-flex-pack:end; justify-content:flex-end; position:absolute; -webkit-box-sizing:border-box; box-sizing:border-box; padding:20px; width:100%; left:0; top:0; right:0; bottom:0; text-shadow:1px 1px 1px rgba(0, 0, 0, .7); -webkit-box-shadow:inset 0 -130px 200px -50px rgba(0, 0, 0, .5); box-shadow:inset 0 -130px 200px -50px rgba(0, 0, 0, .5) } .profile.profile_view-scope-1Shwh.large[max-width-800=true] .head .name-headline .headline, .profile.profile_view-scope-1Shwh.large[max-width-800=true] .head .name-headline .name { color:#fff } .profile.profile_view-scope-1Shwh.large[max-width-800=true] .body { padding:0; -webkit-box-sizing:border-box; box-sizing:border-box; -webkit-box-flex:1; -webkit-flex-grow:1; -ms-flex-positive:1; flex-grow:1; -webkit-flex-shrink:1; -ms-flex-negative:1; flex-shrink:1; display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-box-orient:vertical; -webkit-box-direction:normal; -webkit-flex-direction:column; -ms-flex-direction:column; flex-direction:column; -webkit-box-pack:justify; -webkit-justify-content:space-between; -ms-flex-pack:justify; justify-content:space-between; -webkit-box-align:center; -webkit-align-items:center; -ms-flex-align:center; align-items:center } .profile.profile_view-scope-1Shwh.large[max-width-800=true] .body .body-content { padding-top:0; padding-bottom:70px } /*.has-ledge*/ .profile.profile_view-scope-1Shwh.large[max-width-800=true] .body .body-content { padding-bottom:100px } .profile.profile_view-scope-1Shwh.large[max-width-800=true] .body .body-top { display:none } .profile.profile_view-scope-1Shwh.large[max-width-800=true] .body .body-bottom { width:100%; position:-webkit-sticky; position:sticky; bottom:0 } .profile.profile_view-scope-1Shwh.large[max-width-800=true] .body .name-headline { display:none } .profile.profile_view-scope-1Shwh.large[max-width-800=true] .body ul.meta-sections { -webkit-box-orient:vertical; -webkit-box-direction:normal; -webkit-flex-direction:column; -ms-flex-direction:column; flex-direction:column } .profile.profile_view-scope-1Shwh.large[max-width-800=true] .body ul.meta-sections .meta-section { padding:0; width:100% } .profile.profile_view-scope-1Shwh.large[max-width-800=true] .body ul.meta-sections .meta-section+.meta-section { margin-top:20px } @media (min-width:1025px) { .profile.profile_view-scope-1Shwh.large:not([max-width-800=true]) { display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-box-orient:horizontal; -webkit-box-direction:normal; -webkit-flex-direction:row; -ms-flex-direction:row; flex-direction:row; -webkit-flex-wrap:nowrap; -ms-flex-wrap:nowrap; flex-wrap:nowrap; -webkit-box-pack:stretch; -webkit-justify-content:stretch; -ms-flex-pack:stretch; justify-content:stretch } .profile.profile_view-scope-1Shwh.large:not([max-width-800=true])>:first-child { width:100% } .profile.profile_view-scope-1Shwh.large:not([max-width-800=true]) .profile-content { width:100%; display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-box-orient:horizontal; -webkit-box-direction:normal; -webkit-flex-direction:row; -ms-flex-direction:row; flex-direction:row; -webkit-flex-wrap:nowrap; -ms-flex-wrap:nowrap; flex-wrap:nowrap; -webkit-box-align:stretch; -webkit-align-items:stretch; -ms-flex-align:stretch; align-items:stretch } .profile.profile_view-scope-1Shwh.large:not([max-width-800=true]) .profile-content .head { width:66.6667%; -webkit-box-flex:1; -webkit-flex-grow:1; -ms-flex-positive:1; flex-grow:1; -webkit-flex-shrink:1; -ms-flex-negative:1; flex-shrink:1 } .profile.profile_view-scope-1Shwh.large:not([max-width-800=true]) .profile-content .head .image { background-color:#eee; position:fixed; width:inherit; min-height:100%; padding-bottom:0!important } .profile.profile_view-scope-1Shwh.large:not([max-width-800=true]) .profile-content .head .name-headline { display:none } .profile.profile_view-scope-1Shwh.large:not([max-width-800=true]) .profile-content .body { padding:0; width:33.3333%; -webkit-box-sizing:border-box; box-sizing:border-box; -webkit-box-flex:1; -webkit-flex-grow:1; -ms-flex-positive:1; flex-grow:1; -webkit-flex-shrink:1; -ms-flex-negative:1; flex-shrink:1; text-align:left; display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-box-orient:vertical; -webkit-box-direction:normal; -webkit-flex-direction:column; -ms-flex-direction:column; flex-direction:column; -webkit-box-pack:justify; -webkit-justify-content:space-between; -ms-flex-pack:justify; justify-content:space-between; -webkit-box-align:stretch; -webkit-align-items:stretch; -ms-flex-align:stretch; align-items:stretch } .profile.profile_view-scope-1Shwh.large:not([max-width-800=true]) .profile-content .body .body-content { padding-top:70px; padding-bottom:70px } /*.has-ledge*/ .profile.profile_view-scope-1Shwh.large:not([max-width-800=true]) .profile-content .body .body-content { padding-bottom:100px } .profile.profile_view-scope-1Shwh.large:not([max-width-800=true]) .profile-content .body .body-top { position:-webkit-sticky; position:sticky; top:70px } .profile.profile_view-scope-1Shwh.large:not([max-width-800=true]) .profile-content .body .body-bottom { position:-webkit-sticky; position:sticky; bottom:0 } .profile.profile_view-scope-1Shwh.large:not([max-width-800=true]) .profile-content .inset { padding:0 60px; max-width:520px } .profile.profile_view-scope-1Shwh.large:not([max-width-800=true]) .profile-content .headline .location, .profile.profile_view-scope-1Shwh.large:not([max-width-800=true]) .profile-content .headline .roles { white-space:normal } .profile.profile_view-scope-1Shwh.large:not([max-width-800=true]) .profile-content .portfolio .portfolio-thumbs { -webkit-box-pack:start; -webkit-justify-content:flex-start; -ms-flex-pack:start; justify-content:flex-start } .profile.profile_view-scope-1Shwh.large:not([max-width-800=true]) .profile-content .bio.short-bio { text-align:left } .profile.profile_view-scope-1Shwh.large:not([max-width-800=true]) .profile-content .social-links ul.inline { -webkit-box-pack:start; -webkit-justify-content:flex-start; -ms-flex-pack:start; justify-content:flex-start; /*margin-left:-25px;*/ text-align:center; } .profile.profile_view-scope-1Shwh.large:not([max-width-800=true]) .profile-content .social-links li { /*margin:0 0 25px 25px*/ margin-top:0; margin-bottom:25px; } .profile.profile_view-scope-1Shwh.large:not([max-width-800=true]) .profile-content ul.meta-sections { -webkit-box-orient:vertical; -webkit-box-direction:normal; -webkit-flex-direction:column; -ms-flex-direction:column; flex-direction:column; -webkit-box-pack:start; -webkit-justify-content:flex-start; -ms-flex-pack:start; justify-content:flex-start } .profile.profile_view-scope-1Shwh.large:not([max-width-800=true]) .profile-content ul.meta-sections .meta-section:nth-last-child(n+2), .profile.profile_view-scope-1Shwh.large:not([max-width-800=true]) .profile-content ul.meta-sections .meta-section:nth-last-child(n+2)~.meta-section { padding:0; width:100% } .profile.profile_view-scope-1Shwh.large:not([max-width-800=true]) .profile-content ul.meta-sections .meta-section:nth-last-child(n+2)~.meta-section { padding:0; margin-top:20px } .profile.profile_view-scope-1Shwh.large:not([max-width-800=true]).nested .profile-content .head .image { min-height:0; position:absolute; top:0; bottom:0; left:0; right:0 } } .profile.profile_view-scope-1Shwh.large[min-width-801=true] { display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-box-orient:horizontal; -webkit-box-direction:normal; -webkit-flex-direction:row; -ms-flex-direction:row; flex-direction:row; -webkit-flex-wrap:nowrap; -ms-flex-wrap:nowrap; flex-wrap:nowrap; -webkit-box-pack:stretch; -webkit-justify-content:stretch; -ms-flex-pack:stretch; justify-content:stretch } .profile.profile_view-scope-1Shwh.large[min-width-801=true]>:first-child { width:100% } .profile.profile_view-scope-1Shwh.large[min-width-801=true] .profile-content { width:100%; display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-box-orient:horizontal; -webkit-box-direction:normal; -webkit-flex-direction:row; -ms-flex-direction:row; flex-direction:row; -webkit-flex-wrap:nowrap; -ms-flex-wrap:nowrap; flex-wrap:nowrap; -webkit-box-align:stretch; -webkit-align-items:stretch; -ms-flex-align:stretch; align-items:stretch } .profile.profile_view-scope-1Shwh.large[min-width-801=true] .profile-content .head { width:66.6667%; -webkit-box-flex:1; -webkit-flex-grow:1; -ms-flex-positive:1; flex-grow:1; -webkit-flex-shrink:1; -ms-flex-negative:1; flex-shrink:1 } .profile.profile_view-scope-1Shwh.large[min-width-801=true] .profile-content .head .image { background-color:#eee; position:fixed; width:inherit; min-height:100%; padding-bottom:0!important } .profile.profile_view-scope-1Shwh.large[min-width-801=true] .profile-content .head .name-headline { display:none } .profile.profile_view-scope-1Shwh.large[min-width-801=true] .profile-content .body { padding:0; width:33.3333%; -webkit-box-sizing:border-box; box-sizing:border-box; -webkit-box-flex:1; -webkit-flex-grow:1; -ms-flex-positive:1; flex-grow:1; -webkit-flex-shrink:1; -ms-flex-negative:1; flex-shrink:1; text-align:left; display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-box-orient:vertical; -webkit-box-direction:normal; -webkit-flex-direction:column; -ms-flex-direction:column; flex-direction:column; -webkit-box-pack:justify; -webkit-justify-content:space-between; -ms-flex-pack:justify; justify-content:space-between; -webkit-box-align:stretch; -webkit-align-items:stretch; -ms-flex-align:stretch; align-items:stretch } .profile.profile_view-scope-1Shwh.large[min-width-801=true] .profile-content .body .body-content { padding-top:70px; padding-bottom:70px } /*.has-ledge*/ .profile.profile_view-scope-1Shwh.large[min-width-801=true] .profile-content .body .body-content { padding-bottom:100px } .profile.profile_view-scope-1Shwh.large[min-width-801=true] .profile-content .body .body-top { position:-webkit-sticky; position:sticky; top:70px } .profile.profile_view-scope-1Shwh.large[min-width-801=true] .profile-content .body .body-bottom { position:-webkit-sticky; position:sticky; bottom:0 } .profile.profile_view-scope-1Shwh.large[min-width-801=true] .profile-content .inset { padding:0 60px; max-width:520px } .profile.profile_view-scope-1Shwh.large[min-width-801=true] .profile-content .headline .location, .profile.profile_view-scope-1Shwh.large[min-width-801=true] .profile-content .headline .roles { white-space:normal } .profile.profile_view-scope-1Shwh.large[min-width-801=true] .profile-content .portfolio .portfolio-thumbs { -webkit-box-pack:start; -webkit-justify-content:flex-start; -ms-flex-pack:start; justify-content:flex-start } .profile.profile_view-scope-1Shwh.large[min-width-801=true] .profile-content .bio.short-bio { text-align:left } .profile.profile_view-scope-1Shwh.large[min-width-801=true] .profile-content .social-links ul.inline { -webkit-box-pack:start; -webkit-justify-content:flex-start; -ms-flex-pack:start; justify-content:flex-start; margin-left:-25px } .profile.profile_view-scope-1Shwh.large[min-width-801=true] .profile-content .social-links li { /*margin:0 0 25px 25px*/ margin-top:0; margin-bottom:25px; } .profile.profile_view-scope-1Shwh.large[min-width-801=true] .profile-content ul.meta-sections { -webkit-box-orient:vertical; -webkit-box-direction:normal; -webkit-flex-direction:column; -ms-flex-direction:column; flex-direction:column; -webkit-box-pack:start; -webkit-justify-content:flex-start; -ms-flex-pack:start; justify-content:flex-start } .profile.profile_view-scope-1Shwh.large[min-width-801=true] .profile-content ul.meta-sections .meta-section:nth-last-child(n+2), .profile.profile_view-scope-1Shwh.large[min-width-801=true] .profile-content ul.meta-sections .meta-section:nth-last-child(n+2)~.meta-section { padding:0; width:100% } .profile.profile_view-scope-1Shwh.large[min-width-801=true] .profile-content ul.meta-sections .meta-section:nth-last-child(n+2)~.meta-section { padding:0; margin-top:20px } .profile.profile_view-scope-1Shwh.large[min-width-801=true].nested .profile-content .head .image { min-height:0; position:absolute; top:0; bottom:0; left:0; right:0 } .pro-trial-minibar { background-color:currentColor; font-size:13px; line-height:1.3; position:-webkit-sticky; position:sticky; bottom:-1px; z-index:50; padding:15px 20px; -webkit-box-sizing:border-box; box-sizing:border-box; width:100%; display:none; opacity:0; -webkit-transition:opacity .5s ease-in-out; transition:opacity .5s ease-in-out; will-change:opacity } .pro-trial-minibar .upgrade-cta { color:hsla(0, 0%, 100%, .7) } .pro-trial-minibar .upgrade-cta a { display:inline-block; margin-left:1px; color:#fff; border-top:1px solid transparent; border-bottom:1px solid hsla(0, 0%, 100%, .3) } .no-touchevents .pro-trial-minibar .upgrade-cta a:hover { border-bottom:1px solid #fff } .pro-trial-minibar .remove-cta { color:#fff } .pro-trial-minibar .remove-cta span.text.link { display:inline-block; white-space:nowrap; color:hsla(0, 0%, 100%, .5); border-top:1px solid transparent; border-bottom:1px solid transparent } .no-touchevents .pro-trial-minibar .remove-cta span.text.link:hover { color:hsla(0, 0%, 100%, .8); border-bottom:1px solid hsla(0, 0%, 100%, .8) } .pro-trial-minibar[min-width-450] { opacity:1 } .pro-trial-minibar[min-width-450=true] { display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-box-orient:horizontal; -webkit-box-direction:normal; -webkit-flex-direction:row; -ms-flex-direction:row; flex-direction:row; -webkit-flex-wrap:nowrap; -ms-flex-wrap:nowrap; flex-wrap:nowrap; -webkit-box-pack:justify; -webkit-justify-content:space-between; -ms-flex-pack:justify; justify-content:space-between } .pro-trial-minibar[min-width-450=true] .upgrade-cta { text-align:left } .pro-trial-minibar[min-width-450=true] .remove-cta { margin-left:20px; text-align:right } .pro-trial-minibar[min-width-450=false] { text-align:left; display:block } .pro-trial-minibar[min-width-450=false] .upgrade-cta { display:inline; margin-right:10px } .pro-trial-minibar[min-width-450=false] .remove-cta { display:inline } .viewer_panel-scope-258yz { position:fixed; right:0; top:0; bottom:0; z-index:100; background-color:#000; display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-box-orient:horizontal; -webkit-box-direction:normal; -webkit-flex-direction:row; -ms-flex-direction:row; flex-direction:row; -webkit-flex-wrap:nowrap; -ms-flex-wrap:nowrap; flex-wrap:nowrap; -webkit-box-pack:stretch; -webkit-justify-content:stretch; -ms-flex-pack:stretch; justify-content:stretch; -webkit-box-sizing:border-box; box-sizing:border-box; padding-top:70px; -webkit-transform:translateX(100%); transform:translateX(100%); -webkit-transition:-webkit-transform .25s ease-in-out; transition:-webkit-transform .25s ease-in-out; transition:transform .25s ease-in-out; transition:transform .25s ease-in-out, -webkit-transform .25s ease-in-out } .viewer_panel-scope-258yz>:first-child { width:100% } .panel-right .viewer_panel-scope-258yz { -webkit-transform:translateX(0); transform:translateX(0) } .viewer_panel-scope-258yz:not(:empty) { -webkit-box-shadow:-1px 0 0 0 rgba(0, 0, 0, .2); box-shadow:-1px 0 0 0 rgba(0, 0, 0, .2) } @media only screen and (min-width:721px) { .viewer_panel-scope-258yz { width:400px } } @media only screen and (max-width:720px) { .viewer_panel-scope-258yz { width:100vw } } .viewer_panel-scope-258yz .drilldown { width:100% } .viewer_panel-scope-258yz .drilldown .drilldown-pane-child:not(:empty) { -webkit-box-shadow:-1px 0 0 0 rgba(0, 0, 0, .05); box-shadow:-1px 0 0 0 rgba(0, 0, 0, .05) } @media only screen and (min-width:721px) { .viewer_panel-scope-258yz .drilldown { min-width:400px } } @media only screen and (max-width:720px) { .viewer_panel-scope-258yz .drilldown { min-width:100vw } } @media only screen and (max-width:1024px) { .viewer_panel-scope-258yz .drilldown { min-width:320px } } .viewer_panel-scope-258yz>.drilldown { opacity:1; -webkit-transition:opacity .25s ease-in-out; transition:opacity .25s ease-in-out } .viewer_panel-scope-258yz.fade>.drilldown { opacity:.9 } /* -------------- */ /* --- FOOTER --- */ /* -------------- */ .ledge-scope-3dRRK { -moz-box-align: center; -moz-box-direction: normal; -moz-box-orient: horizontal; -moz-box-pack: justify; align-items: center; background-color: hsla(0, 0%, 100%, 0.8); bottom: 0; box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3); display: flex; flex-flow: row nowrap; justify-content: space-between; opacity: 0; position: fixed; transform: translateY(100%); transition: opacity 0.25s ease-in-out 0s, transform 0.25s ease-in-out 0s, -webkit-transform 0.25s ease-in-out 0s; width: 100vw; z-index: 1; } .ledge-scope-3dRRK.fade-in { opacity: 1; transform: translateY(0px); } .ledge-scope-3dRRK.fade-in, .ledge-scope-3dRRK.fade-out { transition-duration: 0.25s; } .ledge-scope-3dRRK.fade-out { opacity: 0; } .panel-right .ledge-scope-3dRRK { opacity: 0; transform: translateY(100%); } .ledge-scope-3dRRK .ledge-content { flex-shrink: 1; width: 100%; } .ledge-scope-3dRRK .ledge-close { cursor: pointer; flex-shrink: 0; font-size: 24px; height: 50px; line-height: 50px; width: 50px; } .no-touchevents .ledge-scope-3dRRK .ledge-close { opacity: 0.3; } .no-touchevents .ledge-scope-3dRRK .ledge-close:hover { opacity: 1; } /* ------------------- */ /* --- FOOTER TEXT --- */ /* ------------------- */ .anonymous_ledge_view-scope-1RSnD { -moz-box-align: baseline; -moz-box-direction: normal; -moz-box-orient: horizontal; align-items: baseline; box-sizing: border-box; /*display: flex;*/ display:block; flex-direction: row; padding: 10px 30px; width: 100%; text-align:center; } .anonymous_ledge_view-scope-1RSnD .signup-text { font-size: 16px; margin-right: 10px; } .anonymous_ledge_view-scope-1RSnD .actions { display: inline-block; } .anonymous_ledge_view-scope-1RSnD .desktop-content, .anonymous_ledge_view-scope-1RSnD .mobile-content { display: none; } @media only screen and (min-width: 1025px) { .anonymous_ledge_view-scope-1RSnD { -moz-box-pack: start; justify-content: flex-start; text-align:left; } .anonymous_ledge_view-scope-1RSnD .desktop-content { display: inline-block; } } @media only screen and (max-width: 1024px) { .anonymous_ledge_view-scope-1RSnD { -moz-box-pack: center; justify-content: center; } .anonymous_ledge_view-scope-1RSnD .mobile-content { display: block; } } /* ------------- */ /* --- LUCAS --- */ /* ------------- */ .hide { display:none; } .menu-arrow { width:0; height:0; display:inline-block; margin-left:6px; -webkit-transition:all .15s; transition:all .15s; } .menu-arrow-down { margin-bottom:2px; margin-right:0; margin-left:6px; border-left:5px solid transparent; border-right:5px solid transparent; border-top:5px solid #666; } .menu-arrow-up { margin-bottom:2px; margin-right:0; margin-left:6px; border-left:5px solid transparent; border-right:5px solid transparent; border-bottom:5px solid #666; } .menu-arrow-left { margin-bottom:0; margin-right:6px; margin-left:0; border-right:5px solid #666; border-top:5px solid transparent; border-bottom:5px solid transparent; } .menu-arrow-right { margin-bottom:0; margin-right:0; margin-left:6px; border-left:5px solid #666; border-top:5px solid transparent; border-bottom:5px solid transparent; } .maia { /*width:47px; height:47px;*/ width:50px; height:50px; } .profile-content .social-links ul.inline { display:block !important; } .profile-content .social-links ul.inline li { display:inline-block !important; } @media only screen and (min-width:1px) { .profile-content .social-links ul.inline li { margin-left:2px !important; margin-right:2px !important; } } @media only screen and (min-width:430px) { .profile-content .social-links ul.inline li { margin-left:4px !important; margin-right:4px !important; } } @media only screen and (min-width:544px) { .profile-content .social-links ul.inline li { margin-left:5px !important; margin-right:5px !important; } } @media only screen and (min-width:544px) { .profile-content .social-links ul.inline li { margin-left:6px !important; margin-right:6px !important; } } @media only screen and (min-width:1024px) { .profile-content .social-links ul.inline li { margin-left:6px !important; margin-right:6px !important; } } @media only screen and (min-width:720px) { /* Menu Desktop */ .profile-content .social-links ul.inline li { margin-left:8px !important; margin-right:8px !important; } } @media only screen and (min-width:800px) { /* Desktop */ .profile-content .social-links ul.inline li { margin-left:2px !important; margin-right:2px !important; } } @media only screen and (min-width:992px) { .profile-content .social-links ul.inline li { margin-left:2px !important; margin-right:2px !important; } } @media only screen and (min-width:1240px) { .profile-content .social-links ul.inline li { margin-left:4px !important; margin-right:4px !important; } } /* ------------- */ /* --- Modal --- */ /* ------------- */ #ui_modalFrame { z-index:100; } #ui_modalFrameBg { background-color: #000; cursor: no-drop; height: 100%; left:0; /*position: absolute;*/ position:fixed; top: 0; width: 100%; z-index: 101; } #ui_modalFrameBox { background-color: #fff; border: 1px solid #ccc; position: fixed; z-index:102; padding:20px; overflow:auto; max-width:500px; /*min-height:100px;*/ font-size:15px; } #ui_modalFrameBox a { color: #ab0000; text-decoration: none; } #ui_modalFrameBox a:hover { text-decoration: underline; } #ui_modalFrameBoxHeader { padding-bottom:10px; } #ui_modalFrameBoxHeader a { display:inline-block; text-decoration:none !important; padding-right:12px; font-weight:bold; } #ui_modalFrameBoxHeader a.active { opacity:1; } #ui_modalFrameBoxHeader a.inactive { opacity:.3; } #ui_modalFrameBoxHeaderClose { display:none; float:right; margin:0; padding:0; cursor:pointer; } #ui_modalFrameBoxHeaderClose a { font-size:0; } #ui_modalFrameBoxHeaderClose a:before { display:block; content:"x"; font-size:25px; } #ui_modalFrameBoxHeader .newModalClose { display:block; float:right; width:20px; height:20px; padding:0 !important; margin:-2px -5px 0 0 !important; } #ui_modalFrameBoxHeader .newModalClose svg { fill:#bbb; } #ui_modalFrameBoxBody { word-wrap: break-word; /* fix for long text breaking sidebar float in IE */ overflow: hidden; /* fix for long non-text content breaking IE sidebar float */ white-space: normal; /* importante para a quebra de linha */ -webkit-overflow-scrolling: touch; line-height:150%; } #ui_modalFrameBoxBody ul:not(.ui_tab):not(.ui_tabsub) { clear:both; display:block; margin:15px 0 0; padding:0; list-style:none; text-align:center; } #ui_modalFrameBoxBody ul:not(.ui_tab):not(.ui_tabsub) li { margin:0; padding:0 2px; border:none; } #ui_modalFrameBoxBody ul:not(.ui_tab):not(.ui_tabsub) li a {} #ui_modalFrameBoxBody ul:not(.ui_tab):not(.ui_tabsub) li a svg { width:33px; height:33px; fill:#bbb; } #ui_modalFrameBoxBody ul:not(.ui_tab):not(.ui_tabsub) li a:hover svg { fill:#000; } .logoexplained { text-align:center; margin-bottom:20px; } .logoexplained div { display:inline-block; width:30%; text-align:center; vertical-align:middle; } .logoexplained div a { display:inline-block; width:80px; height:80px; line-height:90px; color:#ccc !important; background-color:#fff; font-size:25px; text-align:center; vertical-align:middle; -webkit-border-radius: 99px; -moz-border-radius: 99px; border-radius: 99px; } .logoexplained div a.active { color:#000 !important; } .logoexplained div img { width:100%; height:auto; vertical-align:middle; } /* ------------ */ /* --- DARK --- */ /* ------------ */ body.dark nav.topnav { background-color:#000; -webkit-box-shadow:0 1px 0 0 rgba(255, 255, 255, .3); box-shadow:0 1px 0 0 rgba(255, 255, 255, .3); } body.dark .profile.profile_view-scope-1Shwh.large, body.dark .profile-content .head .image { /*visivel quando puxamos a rolagem alem do maximo 1 de 2 */ background-color:#000 !important; } body.dark .body { background-color:#000; color:#fff !important; } body.dark h1 { color:#fff !important; } body.dark a { color:#fff !important; } body.dark .ledge-scope-3dRRK { background-color: hsla(0, 0%, 0%, 0.75) !important; color:#fff !important; /* -webkit-box-shadow:0 0 10px 0 rgba(255, 255, 255, 0.4); box-shadow:0 0 10px 0 rgba(255, 255, 255, 0.4); */ -webkit-box-shadow:0 0 1px 0 rgba(255, 255, 255, 0.8); box-shadow:0 0 1px 0 rgba(255, 255, 255, 0.8); } body.dark .menu-arrow-down { border-top-color:#fff !important; } body.dark .menu-arrow-up { border-bottom-color:#fff !important; } body.dark nav.topnav>ul.userlinks ul { background-color:#000 !important; border-color:#333 !important; } body.dark .profile.profile_view-scope-1Shwh .profile-content .social-links li svg { fill:#fff !important; } body.dark .mobile-nav { /*visivel quando puxamos a rolagem alem do maximo 2 de 2 (com o menu mobile aberto) */ background-color:#000 !important; } body.dark .mobile-nav>ul { background-color:#000 !important; border-right-color:#000 !important; } body.dark .mobile-nav>ul>li:not(:last-child) { border-bottom-color:#333 !important; } body.dark .mobile-nav>ul>li>ul { background-color:#000 !important; } body.dark .mobile-nav>ul>li>ul>li:not(:last-child) { border-bottom-color:#333 !important; } body.dark .mobile-nav .mobile-nav-social svg { fill:#fff; } body.dark #ui_modalFrameBox { background-color:#1c252c; border-color:#1c252c; color:#fff; } body.dark #ui_modalFrameBox a { text-decoration:underline; } body.dark #ui_modalFrameBoxHeader .newModalClose svg { fill:#fff; } body.dark #ui_modalFrameBoxBody ul:not(.ui_tab):not(.ui_tabsub) li a:hover svg { fill:#fff; } body.dark .ledge-scope-3dRRK .button { background-color:#35a09c !important; border-color:#35a09c !important; } /* ------------- */ /* --- BOTAO --- */ /* ------------- */ /*.button.large:before { display:none !important; } */ .button.large svg { height:30px; vertical-align:middle; margin-bottom:5px; margin-right:5px; fill:#fff !important; } body.dark .button.large svg { }