User Experience
versus
Developer Experience

https://estelle.github.io/mscwe
Estelle Weyl

Who are your users?

A developer's desk, with very expensive computer equipment

Who are your users?

PayPal Mafia by Robyn Twomey (WP:NFCC#4), Fair use, for Fortune

The "paypal mafia" photographed at Tosca in San Francisco, Oct, 2007. Back row from left: Jawed Karim, co-founder Youtube; Jeremy Stoppelman CEO Yelp; Andrew McCormack, managing partner Laiola Restaurant; Premal Shah, Pres of Kiva; 2nd row from left: Luke Nosek, managing partner The Founders Fund; Kenny Howery, managing partner The Founders Fund; David Sacks, CEO Geni and Room 9 Entertainment; Peter Thiel, CEO Clarium Capital and Founders Fund; Keith Rabois, VP BIz Dev at Slide and original Youtube Investor; Reid Hoffman, Founder Linkedin; Max Levchin, CEO Slide; Roelof Botha, partner Sequoia Capital; Russel Simmons, CTO and co-founder of Yelp

2008 Tesla Roadster

credit: @djandywdotcom

2019 Tesla Model 3

credit: @nordique

Global Wealth Distribution 2018

credit: credit suisse via @inequality

Global Wealth Pyramid 2019

credit: credit suisse

Who are your users?

A developer's desk, with very expensive computer equipment

Who are your users?

Three upper income teen girls enjoying themselves and their mobile devices

Who are your users?

Three lower income Indian women in saris partaking in the saathi program, learning how to use mobile phones as computers

Who are your users?

Credit: Pius Utomi Ekpei

Who are your users?

A group of chinese people working on computers outdoors

Who are your users?

A Japanese woman working on a laptop in a boardroom

Who are your users?

Credit: Zaminamina

A group of five woman, Gulf tourists wearing traditional islamic full veils, called niqab, in Istanbul.

Who are your users?

Woman in a niqab carrying an infant and holding a purse.

Who are your users?

A woman with Cerebral Palsy using a computer

Who are your users?

Credit: Steve Melon

A blind woman walking with a cane using her mobile device to help navigate

Who are your users?

A woman wearing sunglasses outdoors with her tablet on the table in front of her.

Who are your users?

U.S. Dept of Defense

Several NATO troops seemingly interogating a young muslim man, taking notes on a mobile device

Who are your users?

Silhouette of a hacker with a backdrop of a matrix like screen of code.

Who are your users?

Credit: Alessio Jacona

Mark Zuckerberg

Who are your users?

Credit: Bob Nichols

Family Medicine Physician Dr. Albert Warren, MD consults with a patient and records the patient’s symptoms on an electronic tablet

Who are your users?

Credit: Virin

Emergency room CPR with 5 docs, and a technician on the other side of the window on a controlling computer

Who are your users?

credit: pixabay

Aerial view of a conference audience with several empty seats and most attendees on their laptop or smart phone

Who are your users?

credit: Cambridge Digital Humanities

Zoom room with all participants in masks.

LG 3: Running Marshmallow

credit: Kārlis Dambrāns

Estelle Weyl

www.Standardista.com
www.PerfMattersConf.com

@estellevw ·@standardista

Mobile HTML5 Front End Masters HTML5 and CSS3 for the Real World Animations and Transitions with CSS Web Performance Daybook CSS: The Definitive Guide Flexbox in CSS

LG 3: Running Marshmallow

credit: Kārlis Dambrāns

Engineering

User
Experience

Developer
Experience

Pick one:
Fast to Load OR Fast to Code

Pick Both:
Fast to Load AND Fast to Code

and Usable and Accessible

The Web

  • HTML
  • CSS
  • JavaScript
  • Other markup (XML, SVG, etc)
  • Binary files (fonts, images, etc.)

Developer Experience

  • Frameworks
  • Libraries
  • Post processors
  • Pre processors
  • Build tools
  • 3rd party scripts
  • APIs, widgets, etc.

Coding

“<div> soup has
no nutritional value.”

-- @shshaw

Developer Experience

http headers for a javascript file that is 2.264M

User Experience?

webchat pulls in 9MB webchat pulls in 9MB webchat pulls in 9MB lighthouse results

The most performant JavaScript is the omitted JavaScript.

Developer Experience

http headers for a CSS file that is 5MB and takes 14 seconds to download

via @jackfoust

Control your tools

Don't let them control you.

Coding

  • Frameworks
  • Libraries
  • Post processors
  • Pre processors
  • Build tools
  • 3rd party scripts
  • APIs, widgets, etc.

Coding v. Engineering

Elliott Sprehn @ElliottZ

So I'm reading this @TheAtlantic article and noticing the Chrome status bar is rapidly flickering lots of URLs. I opened the inspector network panel and see there's now over 9000 requests issued and 32MB used. I'm not interacting with this page at all, just reading the text.
status bar showing 32mb of download over 9272 requests October 3, 2018

Front End

  • HTML
  • CSS
  • JavaScript
  • Tools
  • Communication
  • Empathy

Front End

  • User experience
  • Performance
  • Internationalization
  • Accessibility
  • Security
  • Privacy

Front End Engineering

  • User experience
  • Performance
  • Internationalization
  • Accessibility
  • Security
  • Privacy

Engineer - en-jə-ˈnir - verb

To plan out with skill and craft. Direct in a course or show the way to be followed. Synonyms: guide, lead, steer, pilot.

  • guide: knowledge of way and difficulties.
  • lead: show the way, keep followers under control.
  • steer: keep to a course and maneuver correctly
  • pilot: guide thru dangerous/complicated course
  • engineer: avoid or overcome difficulties in achieving a goal.

Front End Engineering

  • User experience
  • Performance
  • Internationalization
  • Accessibility
  • Security
  • Privacy

User Experience

  • User experience
  • Performance
  • Internationalization
  • Accessibility
  • Security
  • Privacy

Performance

£
¥
$
$
$
¥
£
$
£
$
¥
£
$
¥
$

Bandwidth

Nigeria’s smartphone adoption continues to be hindered by expensive broadband rates and slow internet connectivity

CNN Article
Just because no one uses your mobile site, doesn't mean you don't need to improve it. Maybe no one uses it because the experience sucks. — Me
Open in separate window

Youtube Feathers:
Regular:  58 requests/1200 kB
Feathers: 14 requests/100 kB

TL;DR;

By keeping your client side code small and lightweight, you can literally open your product up to new markets.

Good performance is an asset.
Bad performance is a liability.

Pinterest

pinterest
  • JS file sizes: 2.5MB to < 200KB
  • Time-to-Interactive: 23 s to 5.6 s
  • Revenue: up 44%
  • Sign-ups: up 753%
  • Weekly active mobile users: up 103%

PWA Profits?

  • Ads: + 44%
  • Clickthrus: + 50%
  • Engagement: + 60%
Pinterest PWA Case Study
Load is not a single moment in time — it’s an experience that no one metric can fully capture. There are multiple moments during the load experience that can affect whether a user perceives it as "fast" or "slow".
— Paint Timing spec

Active v. Passive Waiting

  1. 3.0s
  2. 4.0s
  3. 5.0s
  4. 6.0s
  5. 7.0s
  6. 8.0s

  • 0%

  • 56%

  • 56%

  • 67%

  • 67%

  • 100%

  • 0%

  • 56%

  • 66%

  • 66%

  • 100%

Performance

  • Time to Load
  • Time until usable
  • Jitter
  • Responsiveness
  • Smoothness
  • Battery Life

JavaScript Kb !== Other Kb

  • Download (resources/bytes)
  • Compile
  • Parse
  • Execute

Average internet connection speed in the US
from 2007/2011 to 2017 (in Mbps), by quarter 4x

US connection speed has gone up from 2.5Mbps to 18.5Mbps over the past 10 years

Total Kilobytes: Median site size of websites from 2011 to 2017 3.5x

Median websites more than tripled in size over the past 8 years

Total Kilobytes: Median site size of JavaScript from 2011 to 2017 4x

Median JavaScript weights have more than quadrupled in size over the past 8 years

Compressed

Median page JavaScript

  • Downloads 350Kb of Javascript
  • Uncompressed to over 1MB of JavaScript
  • Taking up to 15s until interactive
  • Taking up to 28s on mobile devices

User
Experience

Developer
Experience

R D D

File Size

http headers for a javascript file that is 2.264M

JavaScript

timeline of Visa loading including a 5MB CSS file that blocks downloading for 14 seconds   timeline of DCWater loading including a 5MB CSS file that blocks downloading for 14 seconds

JavaScript

timeline of Visa loading including a 5MB CSS file that blocks downloading for 14 seconds WebPage Test

JavaScript!

  • Minimize JavaScript: All scripts loaded and parsed (even if not used)
  • Reduce JS to only what is needed
  • Are libraries really necessary?
  • Don't let 3rd party scripts be your SPOF

4,218 brains are better than 1

  • Faster, optimized, readable code
  • Function chaining & implicit iteration behavior
  • Less code. Faster to code.
  • Faster learning curve. No need to know JS?!?!

Battery

Battery

Phone Arena Article

CPU Drains the battery

  • Avoid Reflows (and repaints)
  • Minimize JavaScript (size and activity)
  • Avoid loading resources you don't need
  • No JavaScript Animations
    • requestAnimationFrame (not setInterval or setTimeout)
    • CSS Animation
  • Manage memory
  • Avoid waking up the radio - prefetch

File Size

http headers for a CSS file that is 5MB and takes 14 seconds to download

CSS?

CSS

timeline of DCWater loading including a 5MB CSS file that blocks downloading for 14 seconds WebPage Test

Control Your Tools

@-webkit-keyframes fadeOutAndMoveDown {
    0% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
    }
    100% {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
    }
}

Understand Your Output

821 selectors! (for 1 selector block!)

.btn-group .btn + .btn, .btn-group .pagination-classic > li > a + .btn, .btn-group
.pagination-classic > li > span + .btn, .btn-group .page-careers .field-name-field-search-rotator-links .field-items .field-item:first-child a + .btn, .page-careers .field-name-field-search-rotator-links .field-items .field-item:first-child .btn-group a + .btn, .btn-group .page-careers .field-name-field-what-waiting-links .field-items .field-item a + .btn, .page-careers .field-name-field-what-waiting-links .field-items .field-item .btn-group a + .btn, .btn-group .page-careers .field-name-field-job-with-partners-link .field-items .field-item a + .btn, .page-careers .field-name-field-job-with-partners-link .field-items .field-item .btn-group a + .btn, .btn-group .custom-project .view-project-event .view-footer a + .btn, .custom-project .view-project-event .view-footer .btn-group a + .btn, .btn-group .project-call-to-action .field-item a + .btn, .project-call-to-action .field-item .btn-group a + .btn, .btn-group .page-node-add-problem input.form-submit + .btn, .page-node-add-problem .btn-group input.form-submit + .btn, .btn-group .page-node-add-problem .geolocation-client-location + .btn, .page-node-add-problem .btn-group .geolocation-client-location + .btn, .btn-group .page-node-add-problem .geolocation-address-geocode + .btn, .page-node-add-problem .btn-group .geolocation-address-geocode + .btn, .btn-group #block-conf-eform-caree-page-side-slide .owl-nav > div + .btn, #block-conf-eform-caree-page-side-slide .btn-group .owl-nav > div + .btn, .btn-group .pagination-classic > li > .btn + a, .btn-group .pagination-classic > li > a + a, .btn-group
.pagination-classic > li > span + a, .btn-group .page-careers .field-name-field-search-rotator-links .field-items .field-item:first-child .pagination-classic > li > a + a, .page-careers .field-name-field-search-rotator-links .field-items .field-item:first-child .btn-group .pagination-classic > li > a + a, .btn-group .page-careers .field-name-field-what-waiting-links .field-items .field-item .pagination-classic > li > a + a, .page-careers .field-name-field-what-waiting-links .field-items .field-item .btn-group .pagination-classic > li > a + a, .btn-group .page-careers .field-name-field-job-with-partners-link .field-items .field-item .pagination-classic > li > a + a, .page-careers .field-name-field-job-with-partners-link .field-items .field-item .btn-group .pagination-classic > li > a + a, .btn-group .custom-project .view-project-event .view-footer .pagination-classic > li > a + a, .custom-project .view-project-event .view-footer .btn-group .pagination-classic > li > a + a, .btn-group .project-call-to-action .field-item .pagination-classic > li > a + a, .project-call-to-action .field-item .btn-group .pagination-classic > li > a + a, .btn-group .page-node-add-problem .pagination-classic > li > input.form-submit + a, .page-node-add-problem .btn-group .pagination-classic > li > input.form-submit + a, .btn-group .page-node-add-problem .pagination-classic > li > .geolocation-client-location + a, .page-node-add-problem .btn-group .pagination-classic > li > .geolocation-client-location + a, .btn-group .page-node-add-problem .pagination-classic > li > .geolocation-address-geocode + a, .page-node-add-problem .btn-group .pagination-classic > li > .geolocation-address-geocode + a, .btn-group #block-conf-eform-caree-page-side-slide .pagination-classic > li.owl-nav > div + a, #block-conf-eform-caree-page-side-slide .btn-group .pagination-classic > li.owl-nav > div + a, .btn-group
.pagination-classic > li > .btn + span, .btn-group .pagination-classic > li > a + span, .btn-group
.pagination-classic > li > span + span, .btn-group .page-careers .field-name-field-search-rotator-links .field-items .field-item:first-child
.pagination-classic > li > a + span, .page-careers .field-name-field-search-rotator-links .field-items .field-item:first-child .btn-group
.pagination-classic > li > a + span, .btn-group .page-careers .field-name-field-what-waiting-links .field-items .field-item
.pagination-classic > li > a + span, .page-careers .field-name-field-what-waiting-links .field-items .field-item .btn-group
.pagination-classic > li > a + span, .btn-group .page-careers .field-name-field-job-with-partners-link .field-items .field-item
.pagination-classic > li > a + span, .page-careers .field-name-field-job-with-partners-link .field-items .field-item .btn-group
.pagination-classic > li > a + span, .btn-group .custom-project .view-project-event .view-footer
.pagination-classic > li > a + span, .custom-project .view-project-event .view-footer .btn-group
.pagination-classic > li > a + span, .btn-group .project-call-to-action .field-item
.pagination-classic > li > a + span, .project-call-to-action .field-item .btn-group
.pagination-classic > li > a + span, .btn-group .page-node-add-problem
.pagination-classic > li > input.form-submit + span, .page-node-add-problem .btn-group
.pagination-classic > li > input.form-submit + span, .btn-group .page-node-add-problem
.pagination-classic > li > .geolocation-client-location + span, .page-node-add-problem .btn-group
.pagination-classic > li > .geolocation-client-location + span, .btn-group .page-node-add-problem
.pagination-classic > li > .geolocation-address-geocode + span, .page-node-add-problem .btn-group
.pagination-classic > li > .geolocation-address-geocode + span, .btn-group #block-conf-eform-caree-page-side-slide
.pagination-classic > li.owl-nav > div + span, #block-conf-eform-caree-page-side-slide .btn-group
.pagination-classic > li.owl-nav > div + span, .btn-group .page-careers .field-name-field-search-rotator-links .field-items .field-item:first-child .btn + a, .page-careers .field-name-field-search-rotator-links .field-items .field-item:first-child .btn-group .btn + a, .btn-group .page-careers .field-name-field-search-rotator-links .field-items .field-item:first-child .pagination-classic > li > a + a, .page-careers .field-name-field-search-rotator-links .field-items .field-item:first-child .btn-group .pagination-classic > li > a + a, .btn-group .page-careers .field-name-field-search-rotator-links .field-items .field-item:first-child
.pagination-classic > li > span + a, .page-careers .field-name-field-search-rotator-links .field-items .field-item:first-child .btn-group
.pagination-classic > li > span + a, .btn-group .page-careers .field-name-field-search-rotator-links .field-items .field-item:first-child a + a, .page-careers .field-name-field-search-rotator-links .field-items .field-item:first-child .btn-group a + a, .btn-group .page-careers .field-name-field-what-waiting-links .field-name-field-search-rotator-links .field-items .field-item:first-child a + a, .btn-group .page-careers .field-name-field-search-rotator-links .field-name-field-what-waiting-links .field-items .field-item:first-child a + a, .page-careers .field-name-field-what-waiting-links .field-name-field-search-rotator-links .field-items .field-item:first-child .btn-group a + a, .page-careers .field-name-field-search-rotator-links .field-name-field-what-waiting-links .field-items .field-item:first-child .btn-group a + a, .btn-group .page-careers .field-name-field-job-with-partners-link .field-name-field-search-rotator-links .field-items .field-item:first-child a + a, .btn-group .page-careers .field-name-field-search-rotator-links .field-name-field-job-with-partners-link .field-items .field-item:first-child a + a, .page-careers .field-name-field-job-with-partners-link .field-name-field-search-rotator-links .field-items .field-item:first-child .btn-group a + a, .page-careers .field-name-field-search-rotator-links .field-name-field-job-with-partners-link .field-items .field-item:first-child .btn-group a + a, .btn-group .custom-project .view-project-event .view-footer .page-careers .field-name-field-search-rotator-links .field-items .field-item:first-child a + a, .page-careers .field-name-field-search-rotator-links .field-items .field-item:first-child .btn-group .custom-project .view-project-event .view-footer a + a, .custom-project .view-project-event .view-footer .btn-group .page-careers .field-name-field-search-rotator-links .field-items .field-item:first-child a + a, .page-careers .field-name-field-search-rotator-links .field-items .field-item:first-child .custom-project .view-project-event .view-footer .btn-group a + a, .btn-group .project-call-to-action .page-careers .field-name-field-search-rotator-links .field-items .field-item:first-child a + a, .page-careers .field-name-field-search-rotator-links .field-items .btn-group .project-call-to-action .field-item:first-child a + a, .project-call-to-action .page-careers .field-name-field-search-rotator-links .field-items .field-item:first-child .btn-group a + a, .page-careers .field-name-field-search-rotator-links .field-items .project-call-to-action .field-item:first-child .btn-group a + a, .btn-group .page-node-add-problem .page-careers .field-name-field-search-rotator-links .field-items .field-item:first-child input.form-submit + a, .page-careers .field-name-field-search-rotator-links .field-items .field-item:first-child .btn-group .page-node-add-problem input.form-submit + a, .page-node-add-problem .btn-group .page-careers .field-name-field-search-rotator-links .field-items .field-item:first-child input.form-submit + a, .page-careers .field-name-field-search-rotator-links .field-items .field-item:first-child .page-node-add-problem .btn-group input.form-submit + a, .btn-group .page-node-add-problem .page-careers .field-name-field-search-rotator-links .field-items .field-item:first-child .geolocation-client-location + a, .page-careers .field-name-field-search-rotator-links .field-items .field-item:first-child .btn-group .page-node-add-problem .geolocation-client-location + a, .page-node-add-problem .btn-group .page-careers .field-name-field-search-rotator-links .field-items .field-item:first-child .geolocation-client-location + a, .page-careers .field-name-field-search-rotator-links .field-items .field-item:first-child .page-node-add-problem .btn-group .geolocation-client-location + a, .btn-group .page-node-add-problem .page-careers .field-name-field-search-rotator-links .field-items .field-item:first-child .geolocation-address-geocode + a, .page-careers .field-name-field-search-rotator-links .field-items .field-item:first-child .btn-group .page-node-add-problem .geolocation-address-geocode + a, .page-node-add-problem .btn-group .page-careers .field-name-field-search-rotator-links .field-items .field-item:first-child .geolocation-address-geocode + a, .page-careers .field-name-field-search-rotator-links .field-items .field-item:first-child .page-node-add-problem .btn-group .geolocation-address-geocode + a, .btn-group #block-conf-eform-caree-page-side-slide .page-careers .field-name-field-search-rotator-links .field-items .field-item:first-child .owl-nav > div + a, .page-careers .field-name-field-search-rotator-links .field-items .field-item:first-child .btn-group #block-conf-eform-caree-page-side-slide .owl-nav > div + a, #block-conf-eform-caree-page-side-slide .btn-group .page-careers .field-name-field-search-rotator-links .field-items .field-item:first-child .owl-nav > div + a, .page-careers .field-name-field-search-rotator-links .field-items .field-item:first-child #block-conf-eform-caree-page-side-slide .btn-group .owl-nav > div + a, .btn-group .page-careers .field-name-field-what-waiting-links .field-items .field-item .btn + a, .page-careers .field-name-field-what-waiting-links .field-items .field-item .btn-group .btn + a, .btn-group .page-careers .field-name-field-what-waiting-links .field-items .field-item .pagination-classic > li > a + a, .page-careers .field-name-field-what-waiting-links .field-items .field-item .btn-group .pagination-classic > li > a + a, .btn-group .page-careers .field-name-field-what-waiting-links .field-items .field-item
.pagination-classic > li > span + a, .page-careers .field-name-field-what-waiting-links .field-items .field-item .btn-group
.pagination-classic > li > span + a, .btn-group .page-careers .field-name-field-search-rotator-links .field-name-field-what-waiting-links .field-items .field-item:first-child a + a, .btn-group .page-careers .field-name-field-what-waiting-links .field-name-field-search-rotator-links .field-items .field-item:first-child a + a, .page-careers .field-name-field-search-rotator-links .field-name-field-what-waiting-links .field-items .field-item:first-child .btn-group a + a, .page-careers .field-name-field-what-waiting-links .field-name-field-search-rotator-links .field-items .field-item:first-child .btn-group a + a, .btn-group .page-careers .field-name-field-what-waiting-links .field-items .field-item a + a, .page-careers .field-name-field-what-waiting-links .field-items .field-item .btn-group a + a, .btn-group .page-careers .field-name-field-job-with-partners-link .field-name-field-what-waiting-links .field-items .field-item a + a, .btn-group .page-careers .field-name-field-what-waiting-links .field-name-field-job-with-partners-link .field-items .field-item a + a, .page-careers .field-name-field-job-with-partners-link .field-name-field-what-waiting-links .field-items .field-item .btn-group a + a, .page-careers .field-name-field-what-waiting-links .field-name-field-job-with-partners-link .field-items .field-item .btn-group a + a, .btn-group .custom-project .view-project-event .view-footer .page-careers .field-name-field-what-waiting-links .field-items .field-item a + a, .page-careers .field-name-field-what-waiting-links .field-items .field-item .btn-group .custom-project .view-project-event .view-footer a + a, .custom-project .view-project-event .view-footer .btn-group .page-careers .field-name-field-what-waiting-links .field-items .field-item a + a, .page-careers .field-name-field-what-waiting-links .field-items .field-item .custom-project .view-project-event .view-footer .btn-group a + a, .btn-group .project-call-to-action .page-careers .field-name-field-what-waiting-links .field-items .field-item a + a, .page-careers .field-name-field-what-waiting-links .field-items .btn-group .project-call-to-action .field-item a + a, .project-call-to-action .page-careers .field-name-field-what-waiting-links .field-items .field-item .btn-group a + a, .page-careers .field-name-field-what-waiting-links .field-items .project-call-to-action .field-item .btn-group a + a, .btn-group .page-node-add-problem .page-careers .field-name-field-what-waiting-links .field-items .field-item input.form-submit + a, .page-careers .field-name-field-what-waiting-links .field-items .field-item .btn-group .page-node-add-problem input.form-submit + a, .page-node-add-problem .btn-group .page-careers .field-name-field-what-waiting-links .field-items .field-item input.form-submit + a, .page-careers .field-name-field-what-waiting-links .field-items .field-item .page-node-add-problem .btn-group input.form-submit + a, .btn-group .page-node-add-problem .page-careers .field-name-field-what-waiting-links .field-items .field-item .geolocation-client-location + a, .page-careers .field-name-field-what-waiting-links .field-items .field-item .btn-group .page-node-add-problem .geolocation-client-location + a, .page-node-add-problem .btn-group .page-careers .field-name-field-what-waiting-links .field-items .field-item .geolocation-client-location + a, .page-careers .field-name-field-what-waiting-links .field-items .field-item .page-node-add-problem .btn-group .geolocation-client-location + a, .btn-group .page-node-add-problem .page-careers .field-name-field-what-waiting-links .field-items .field-item .geolocation-address-geocode + a, .page-careers .field-name-field-what-waiting-links .field-items .field-item .btn-group .page-node-add-problem .geolocation-address-geocode + a, .page-node-add-problem .btn-group .page-careers .field-name-field-what-waiting-links .field-items .field-item .geolocation-address-geocode + a, .page-careers .field-name-field-what-waiting-links .field-items .field-item .page-node-add-problem .btn-group .geolocation-address-geocode + a, .btn-group #block-conf-eform-caree-page-side-slide .page-careers .field-name-field-what-waiting-links .field-items .field-item .owl-nav > div + a, .page-careers .field-name-field-what-waiting-links .field-items .field-item .btn-group #block-conf-eform-caree-page-side-slide .owl-nav > div + a, #block-conf-eform-caree-page-side-slide .btn-group .page-careers .field-name-field-what-waiting-links .field-items .field-item .owl-nav > div + a, .page-careers .field-name-field-what-waiting-links .field-items .field-item #block-conf-eform-caree-page-side-slide .btn-group .owl-nav > div + a, .btn-group .page-careers .field-name-field-job-with-partners-link .field-items .field-item .btn + a, .page-careers .field-name-field-job-with-partners-link .field-items .field-item .btn-group .btn + a, .btn-group .page-careers .field-name-field-job-with-partners-link .field-items .field-item .pagination-classic > li > a + a, .page-careers .field-name-field-job-with-partners-link .field-items .field-item .btn-group .pagination-classic > li > a + a, .btn-group .page-careers .field-name-field-job-with-partners-link .field-items .field-item
.pagination-classic > li > span + a, .page-careers .field-name-field-job-with-partners-link .field-items .field-item .btn-group
.pagination-classic > li > span + a, .btn-group .page-careers .field-name-field-search-rotator-links .field-name-field-job-with-partners-link .field-items .field-item:first-child a + a, .btn-group .page-careers .field-name-field-job-with-partners-link .field-name-field-search-rotator-links .field-items .field-item:first-child a + a, .page-careers .field-name-field-search-rotator-links .field-name-field-job-with-partners-link .field-items .field-item:first-child .btn-group a + a, .page-careers .field-name-field-job-with-partners-link .field-name-field-search-rotator-links .field-items .field-item:first-child .btn-group a + a, .btn-group .page-careers .field-name-field-what-waiting-links .field-name-field-job-with-partners-link .field-items .field-item a + a, .btn-group .page-careers .field-name-field-job-with-partners-link .field-name-field-what-waiting-links .field-items .field-item a + a, .page-careers .field-name-field-what-waiting-links .field-name-field-job-with-partners-link .field-items .field-item .btn-group a + a, .page-careers .field-name-field-job-with-partners-link .field-name-field-what-waiting-links .field-items .field-item .btn-group a + a, .btn-group .page-careers .field-name-field-job-with-partners-link .field-items .field-item a + a, .page-careers .field-name-field-job-with-partners-link .field-items .field-item .btn-group a + a, .btn-group .custom-project .view-project-event .view-footer .page-careers .field-name-field-job-with-partners-link .field-items .field-item a + a, .page-careers .field-name-field-job-with-partners-link .field-items .field-item .btn-group .custom-project .view-project-event .view-footer a + a, .custom-project .view-project-event .view-footer .btn-group .page-careers .field-name-field-job-with-partners-link .field-items .field-item a + a, .page-careers .field-name-field-job-with-partners-link .field-items .field-item .custom-project .view-project-event .view-footer .btn-group a + a, .btn-group .project-call-to-action .page-careers .field-name-field-job-with-partners-link .field-items .field-item a + a, .page-careers .field-name-field-job-with-partners-link .field-items .btn-group .project-call-to-action .field-item a + a, .project-call-to-action .page-careers .field-name-field-job-with-partners-link .field-items .field-item .btn-group a + a, .page-careers .field-name-field-job-with-partners-link .field-items .project-call-to-action .field-item .btn-group a + a, .btn-group .page-node-add-problem .page-careers .field-name-field-job-with-partners-link .field-items .field-item input.form-submit + a, .page-careers .field-name-field-job-with-partners-link .field-items .field-item .btn-group .page-node-add-problem input.form-submit + a, .page-node-add-problem .btn-group .page-careers .field-name-field-job-with-partners-link .field-items .field-item input.form-submit + a, .page-careers .field-name-field-job-with-partners-link .field-items .field-item .page-node-add-problem .btn-group input.form-submit + a, .btn-group .page-node-add-problem .page-careers .field-name-field-job-with-partners-link .field-items .field-item .geolocation-client-location + a, .page-careers .field-name-field-job-with-partners-link .field-items .field-item .btn-group .page-node-add-problem .geolocation-client-location + a, .page-node-add-problem .btn-group .page-careers .field-name-field-job-with-partners-link .field-items .field-item .geolocation-client-location + a, .page-careers .field-name-field-job-with-partners-link .field-items .field-item .page-node-add-problem .btn-group .geolocation-client-location + a, .btn-group .page-node-add-problem .page-careers .field-name-field-job-with-partners-link .field-items .field-item .geolocation-address-geocode + a, .page-careers .field-name-field-job-with-partners-link .field-items .field-item .btn-group .page-node-add-problem .geolocation-address-geocode + a, .page-node-add-problem .btn-group .page-careers .field-name-field-job-with-partners-link .field-items .field-item .geolocation-address-geocode + a, .page-careers .field-name-field-job-with-partners-link .field-items .field-item .page-node-add-problem .btn-group .geolocation-address-geocode + a, .btn-group #block-conf-eform-caree-page-side-slide .page-careers .field-name-field-job-with-partners-link .field-items .field-item .owl-nav > div + a, .page-careers .field-name-field-job-with-partners-link .field-items .field-item .btn-group #block-conf-eform-caree-page-side-slide .owl-nav > div + a, #block-conf-eform-caree-page-side-slide .btn-group .page-careers .field-name-field-job-with-partners-link .field-items .field-item .owl-nav > div + a, .page-careers .field-name-field-job-with-partners-link .field-items .field-item #block-conf-eform-caree-page-side-slide .btn-group .owl-nav > div + a, .btn-group .custom-project .view-project-event .view-footer .btn + a, .custom-project .view-project-event .view-footer .btn-group .btn + a, .btn-group .custom-project .view-project-event .view-footer .pagination-classic > li > a + a, .custom-project .view-project-event .view-footer .btn-group .pagination-classic > li > a + a, .btn-group .custom-project .view-project-event .view-footer
.pagination-classic > li > span + a, .custom-project .view-project-event .view-footer .btn-group
.pagination-classic > li > span + a, .btn-group .page-careers .field-name-field-search-rotator-links .field-items .field-item:first-child .custom-project .view-project-event .view-footer a + a, .custom-project .view-project-event .view-footer .btn-group .page-careers .field-name-field-search-rotator-links .field-items .field-item:first-child a + a, .page-careers .field-name-field-search-rotator-links .field-items .field-item:first-child .btn-group .custom-project .view-project-event .view-footer a + a, .custom-project .view-project-event .view-footer .page-careers .field-name-field-search-rotator-links .field-items .field-item:first-child .btn-group a + a, .btn-group .page-careers .field-name-field-what-waiting-links .field-items .field-item .custom-project .view-project-event .view-footer a + a, .custom-project .view-project-event .view-footer .btn-group .page-careers .field-name-field-what-waiting-links .field-items .field-item a + a, .page-careers .field-name-field-what-waiting-links .field-items .field-item .btn-group .custom-project .view-project-event .view-footer a + a, .custom-project .view-project-event .view-footer .page-careers .field-name-field-what-waiting-links .field-items .field-item .btn-group a + a, .btn-group .page-careers .field-name-field-job-with-partners-link .field-items .field-item .custom-project .view-project-event .view-footer a + a, .custom-project .view-project-event .view-footer .btn-group .page-careers .field-name-field-job-with-partners-link .field-items .field-item a + a, .page-careers .field-name-field-job-with-partners-link .field-items .field-item .btn-group .custom-project .view-project-event .view-footer a + a, .custom-project .view-project-event .view-footer .page-careers .field-name-field-job-with-partners-link .field-items .field-item .btn-group a + a, .btn-group .custom-project .view-project-event .view-footer a + a, .custom-project .view-project-event .view-footer .btn-group a + a, .btn-group .project-call-to-action .field-item .custom-project .view-project-event .view-footer a + a, .custom-project .view-project-event .view-footer .btn-group .project-call-to-action .field-item a + a, .project-call-to-action .field-item .btn-group .custom-project .view-project-event .view-footer a + a, .custom-project .view-project-event .view-footer .project-call-to-action .field-item .btn-group a + a, .btn-group .page-node-add-problem .custom-project .view-project-event .view-footer input.form-submit + a, .custom-project .view-project-event .view-footer .btn-group .page-node-add-problem input.form-submit + a, .page-node-add-problem .btn-group .custom-project .view-project-event .view-footer input.form-submit + a, .custom-project .view-project-event .view-footer .page-node-add-problem .btn-group input.form-submit + a, .btn-group .page-node-add-problem .custom-project .view-project-event .view-footer .geolocation-client-location + a, .custom-project .view-project-event .view-footer .btn-group .page-node-add-problem .geolocation-client-location + a, .page-node-add-problem .btn-group .custom-project .view-project-event .view-footer .geolocation-client-location + a, .custom-project .view-project-event .view-footer .page-node-add-problem .btn-group .geolocation-client-location + a, .btn-group .page-node-add-problem .custom-project .view-project-event .view-footer .geolocation-address-geocode + a, .custom-project .view-project-event .view-footer .btn-group .page-node-add-problem .geolocation-address-geocode + a, .page-node-add-problem .btn-group .custom-project .view-project-event .view-footer .geolocation-address-geocode + a, .custom-project .view-project-event .view-footer .page-node-add-problem .btn-group .geolocation-address-geocode + a, .btn-group #block-conf-eform-caree-page-side-slide .custom-project .view-project-event .view-footer .owl-nav > div + a, .custom-project .view-project-event .view-footer .btn-group #block-conf-eform-caree-page-side-slide .owl-nav > div + a, #block-conf-eform-caree-page-side-slide .btn-group .custom-project .view-project-event .view-footer .owl-nav > div + a, .custom-project .view-project-event .view-footer #block-conf-eform-caree-page-side-slide .btn-group .owl-nav > div + a, .btn-group .project-call-to-action .field-item .btn + a, .project-call-to-action .field-item .btn-group .btn + a, .btn-group .project-call-to-action .field-item .pagination-classic > li > a + a, .project-call-to-action .field-item .btn-group .pagination-classic > li > a + a, .btn-group .project-call-to-action .field-item
.pagination-classic > li > span + a, .project-call-to-action .field-item .btn-group
.pagination-classic > li > span + a, .btn-group .page-careers .field-name-field-search-rotator-links .field-items .project-call-to-action .field-item:first-child a + a, .project-call-to-action .btn-group .page-careers .field-name-field-search-rotator-links .field-items .field-item:first-child a + a, .page-careers .field-name-field-search-rotator-links .field-items .project-call-to-action .field-item:first-child .btn-group a + a, .project-call-to-action .page-careers .field-name-field-search-rotator-links .field-items .field-item:first-child .btn-group a + a, .btn-group .page-careers .field-name-field-what-waiting-links .field-items .project-call-to-action .field-item a + a, .project-call-to-action .btn-group .page-careers .field-name-field-what-waiting-links .field-items .field-item a + a, .page-careers .field-name-field-what-waiting-links .field-items .project-call-to-action .field-item .btn-group a + a, .project-call-to-action .page-careers .field-name-field-what-waiting-links .field-items .field-item .btn-group a + a, .btn-group .page-careers .field-name-field-job-with-partners-link .field-items .project-call-to-action .field-item a + a, .project-call-to-action .btn-group .page-careers .field-name-field-job-with-partners-link .field-items .field-item a + a, .page-careers .field-name-field-job-with-partners-link .field-items .project-call-to-action .field-item .btn-group a + a, .project-call-to-action .page-careers .field-name-field-job-with-partners-link .field-items .field-item .btn-group a + a, .btn-group .custom-project .view-project-event .view-footer .project-call-to-action .field-item a + a, .project-call-to-action .field-item .btn-group .custom-project .view-project-event .view-footer a + a, .custom-project .view-project-event .view-footer .btn-group .project-call-to-action .field-item a + a, .project-call-to-action .field-item .custom-project .view-project-event .view-footer .btn-group a + a, .btn-group .project-call-to-action .field-item a + a, .project-call-to-action .field-item .btn-group a + a, .btn-group .page-node-add-problem .project-call-to-action .field-item input.form-submit + a, .project-call-to-action .field-item .btn-group .page-node-add-problem input.form-submit + a, .page-node-add-problem .btn-group .project-call-to-action .field-item input.form-submit + a, .project-call-to-action .field-item .page-node-add-problem .btn-group input.form-submit + a, .btn-group .page-node-add-problem .project-call-to-action .field-item .geolocation-client-location + a, .project-call-to-action .field-item .btn-group .page-node-add-problem .geolocation-client-location + a, .page-node-add-problem .btn-group .project-call-to-action .field-item .geolocation-client-location + a, .project-call-to-action .field-item .page-node-add-problem .btn-group .geolocation-client-location + a, .btn-group .page-node-add-problem .project-call-to-action .field-item .geolocation-address-geocode + a, .project-call-to-action .field-item .btn-group .page-node-add-problem .geolocation-address-geocode + a, .page-node-add-problem .btn-group .project-call-to-action .field-item .geolocation-address-geocode + a, .project-call-to-action .field-item .page-node-add-problem .btn-group .geolocation-address-geocode + a, .btn-group #block-conf-eform-caree-page-side-slide .project-call-to-action .field-item .owl-nav > div + a, .project-call-to-action .field-item .btn-group #block-conf-eform-caree-page-side-slide .owl-nav > div + a, #block-conf-eform-caree-page-side-slide .btn-group .project-call-to-action .field-item .owl-nav > div + a, .project-call-to-action .field-item #block-conf-eform-caree-page-side-slide .btn-group .owl-nav > div + a, .btn-group .page-node-add-problem .btn + input.form-submit, .page-node-add-problem .btn-group .btn + input.form-submit, .btn-group .page-node-add-problem .pagination-classic > li > a + input.form-submit, .page-node-add-problem .btn-group .pagination-classic > li > a + input.form-submit, .btn-group .page-node-add-problem
.pagination-classic > li > span + input.form-submit, .page-node-add-problem .btn-group
.pagination-classic > li > span + input.form-submit, .btn-group .page-careers .field-name-field-search-rotator-links .field-items .field-item:first-child .page-node-add-problem a + input.form-submit, .page-node-add-problem .btn-group .page-careers .field-name-field-search-rotator-links .field-items .field-item:first-child a + input.form-submit, .page-careers .field-name-field-search-rotator-links .field-items .field-item:first-child .btn-group .page-node-add-problem a + input.form-submit, .page-node-add-problem .page-careers .field-name-field-search-rotator-links .field-items .field-item:first-child .btn-group a + input.form-submit, .btn-group .page-careers .field-name-field-what-waiting-links .field-items .field-item .page-node-add-problem a + input.form-submit, .page-node-add-problem .btn-group .page-careers .field-name-field-what-waiting-links .field-items .field-item a + input.form-submit, .page-careers .field-name-field-what-waiting-links .field-items .field-item .btn-group .page-node-add-problem a + input.form-submit, .page-node-add-problem .page-careers .field-name-field-what-waiting-links .field-items .field-item .btn-group a + input.form-submit, .btn-group .page-careers .field-name-field-job-with-partners-link .field-items .field-item .page-node-add-problem a + input.form-submit, .page-node-add-problem .btn-group .page-careers .field-name-field-job-with-partners-link .field-items .field-item a + input.form-submit, .page-careers .field-name-field-job-with-partners-link .field-items .field-item .btn-group .page-node-add-problem a + input.form-submit, .page-node-add-problem .page-careers .field-name-field-job-with-partners-link .field-items .field-item .btn-group a + input.form-submit, .btn-group .custom-project .view-project-event .view-footer .page-node-add-problem a + input.form-submit, .page-node-add-problem .btn-group .custom-project .view-project-event .view-footer a + input.form-submit, .custom-project .view-project-event .view-footer .btn-group .page-node-add-problem a + input.form-submit, .page-node-add-problem .custom-project .view-project-event .view-footer .btn-group a + input.form-submit, .btn-group .project-call-to-action .field-item .page-node-add-problem a + input.form-submit, .page-node-add-problem .btn-group .project-call-to-action .field-item a + input.form-submit, .project-call-to-action .field-item .btn-group .page-node-add-problem a + input.form-submit, .page-node-add-problem .project-call-to-action .field-item .btn-group a + input.form-submit, .btn-group .page-node-add-problem input.form-submit + input.form-submit, .page-node-add-problem .btn-group input.form-submit + input.form-submit, .btn-group .page-node-add-problem .geolocation-client-location + input.form-submit, .page-node-add-problem .btn-group .geolocation-client-location + input.form-submit, .btn-group .page-node-add-problem .geolocation-address-geocode + input.form-submit, .page-node-add-problem .btn-group .geolocation-address-geocode + input.form-submit, .btn-group #block-conf-eform-caree-page-side-slide .page-node-add-problem .owl-nav > div + input.form-submit, .page-node-add-problem .btn-group #block-conf-eform-caree-page-side-slide .owl-nav > div + input.form-submit, #block-conf-eform-caree-page-side-slide .btn-group .page-node-add-problem .owl-nav > div + input.form-submit, .page-node-add-problem #block-conf-eform-caree-page-side-slide .btn-group .owl-nav > div + input.form-submit, .btn-group .page-node-add-problem .btn + .geolocation-client-location, .page-node-add-problem .btn-group .btn + .geolocation-client-location, .btn-group .page-node-add-problem .pagination-classic > li > a + .geolocation-client-location, .page-node-add-problem .btn-group .pagination-classic > li > a + .geolocation-client-location, .btn-group .page-node-add-problem
.pagination-classic > li > span + .geolocation-client-location, .page-node-add-problem .btn-group
.pagination-classic > li > span + .geolocation-client-location, .btn-group .page-careers .field-name-field-search-rotator-links .field-items .field-item:first-child .page-node-add-problem a + .geolocation-client-location, .page-node-add-problem .btn-group .page-careers .field-name-field-search-rotator-links .field-items .field-item:first-child a + .geolocation-client-location, .page-careers .field-name-field-search-rotator-links .field-items .field-item:first-child .btn-group .page-node-add-problem a + .geolocation-client-location, .page-node-add-problem .page-careers .field-name-field-search-rotator-links .field-items .field-item:first-child .btn-group a + .geolocation-client-location, .btn-group .page-careers .field-name-field-what-waiting-links .field-items .field-item .page-node-add-problem a + .geolocation-client-location, .page-node-add-problem .btn-group .page-careers .field-name-field-what-waiting-links .field-items .field-item a + .geolocation-client-location, .page-careers .field-name-field-what-waiting-links .field-items .field-item .btn-group .page-node-add-problem a + .geolocation-client-location, .page-node-add-problem .page-careers .field-name-field-what-waiting-links .field-items .field-item .btn-group a + .geolocation-client-location, .btn-group .page-careers .field-name-field-job-with-partners-link .field-items .field-item .page-node-add-problem a + .geolocation-client-location, .page-node-add-problem .btn-group .page-careers .field-name-field-job-with-partners-link .field-items .field-item a + .geolocation-client-location, .page-careers .field-name-field-job-with-partners-link .field-items .field-item .btn-group .page-node-add-problem a + .geolocation-client-location, .page-node-add-problem .page-careers .field-name-field-job-with-partners-link .field-items .field-item .btn-group a + .geolocation-client-location, .btn-group .custom-project .view-project-event .view-footer .page-node-add-problem a + .geolocation-client-location, .page-node-add-problem .btn-group .custom-project .view-project-event .view-footer a + .geolocation-client-location, .custom-project .view-project-event .view-footer .btn-group .page-node-add-problem a + .geolocation-client-location, .page-node-add-problem .custom-project .view-project-event .view-footer .btn-group a + .geolocation-client-location, .btn-group .project-call-to-action .field-item .page-node-add-problem a + .geolocation-client-location, .page-node-add-problem .btn-group .project-call-to-action .field-item a + .geolocation-client-location, .project-call-to-action .field-item .btn-group .page-node-add-problem a + .geolocation-client-location, .page-node-add-problem .project-call-to-action .field-item .btn-group a + .geolocation-client-location, .btn-group .page-node-add-problem input.form-submit + .geolocation-client-location, .page-node-add-problem .btn-group input.form-submit + .geolocation-client-location, .btn-group .page-node-add-problem .geolocation-client-location + .geolocation-client-location, .page-node-add-problem .btn-group .geolocation-client-location + .geolocation-client-location, .btn-group .page-node-add-problem .geolocation-address-geocode + .geolocation-client-location, .page-node-add-problem .btn-group .geolocation-address-geocode + .geolocation-client-location, .btn-group #block-conf-eform-caree-page-side-slide .page-node-add-problem .owl-nav > div + .geolocation-client-location, .page-node-add-problem .btn-group #block-conf-eform-caree-page-side-slide .owl-nav > div + .geolocation-client-location, #block-conf-eform-caree-page-side-slide .btn-group .page-node-add-problem .owl-nav > div + .geolocation-client-location, .page-node-add-problem #block-conf-eform-caree-page-side-slide .btn-group .owl-nav > div + .geolocation-client-location, .btn-group .page-node-add-problem .btn + .geolocation-address-geocode, .page-node-add-problem .btn-group .btn + .geolocation-address-geocode, .btn-group .page-node-add-problem .pagination-classic > li > a + .geolocation-address-geocode, .page-node-add-problem .btn-group .pagination-classic > li > a + .geolocation-address-geocode, .btn-group .page-node-add-problem
.pagination-classic > li > span + .geolocation-address-geocode, .page-node-add-problem .btn-group
.pagination-classic > li > span + .geolocation-address-geocode, .btn-group .page-careers .field-name-field-search-rotator-links .field-items .field-item:first-child .page-node-add-problem a + .geolocation-address-geocode, .page-node-add-problem .btn-group .page-careers .field-name-field-search-rotator-links .field-items .field-item:first-child a + .geolocation-address-geocode, .page-careers .field-name-field-search-rotator-links .field-items .field-item:first-child .btn-group .page-node-add-problem a + .geolocation-address-geocode, .page-node-add-problem .page-careers .field-name-field-search-rotator-links .field-items .field-item:first-child .btn-group a + .geolocation-address-geocode, .btn-group .page-careers .field-name-field-what-waiting-links .field-items .field-item .page-node-add-problem a + .geolocation-address-geocode, .page-node-add-problem .btn-group .page-careers .field-name-field-what-waiting-links .field-items .field-item a + .geolocation-address-geocode, .page-careers .field-name-field-what-waiting-links .field-items .field-item .btn-group .page-node-add-problem a + .geolocation-address-geocode, .page-node-add-problem .page-careers .field-name-field-what-waiting-links .field-items .field-item .btn-group a + .geolocation-address-geocode, .btn-group .page-careers .field-name-field-job-with-partners-link .field-items .field-item .page-node-add-problem a + .geolocation-address-geocode, .page-node-add-problem .btn-group .page-careers .field-name-field-job-with-partners-link .field-items .field-item a + .geolocation-address-geocode, .page-careers .field-name-field-job-with-partners-link .field-items .field-item .btn-group .page-node-add-problem a + .geolocation-address-geocode, .page-node-add-problem .page-careers .field-name-field-job-with-partners-link .field-items .field-item .btn-group a + .geolocation-address-geocode, .btn-group .custom-project .view-project-event .view-footer .page-node-add-problem a + .geolocation-address-geocode, .page-node-add-problem .btn-group .custom-project .view-project-event .view-footer a + .geolocation-address-geocode, .custom-project .view-project-event .view-footer .btn-group .page-node-add-problem a + .geolocation-address-geocode, .page-node-add-problem .custom-project .view-project-event .view-footer .btn-group a + .geolocation-address-geocode, .btn-group .project-call-to-action .field-item .page-node-add-problem a + .geolocation-address-geocode, .page-node-add-problem .btn-group .project-call-to-action .field-item a + .geolocation-address-geocode, .project-call-to-action .field-item .btn-group .page-node-add-problem a + .geolocation-address-geocode, .page-node-add-problem .project-call-to-action .field-item .btn-group a + .geolocation-address-geocode, .btn-group .page-node-add-problem input.form-submit + .geolocation-address-geocode, .page-node-add-problem .btn-group input.form-submit + .geolocation-address-geocode, .btn-group .page-node-add-problem .geolocation-client-location + .geolocation-address-geocode, .page-node-add-problem .btn-group .geolocation-client-location + .geolocation-address-geocode, .btn-group .page-node-add-problem .geolocation-address-geocode + .geolocation-address-geocode, .page-node-add-problem .btn-group .geolocation-address-geocode + .geolocation-address-geocode, .btn-group #block-conf-eform-caree-page-side-slide .page-node-add-problem .owl-nav > div + .geolocation-address-geocode, .page-node-add-problem .btn-group #block-conf-eform-caree-page-side-slide .owl-nav > div + .geolocation-address-geocode, #block-conf-eform-caree-page-side-slide .btn-group .page-node-add-problem .owl-nav > div + .geolocation-address-geocode, .page-node-add-problem #block-conf-eform-caree-page-side-slide .btn-group .owl-nav > div + .geolocation-address-geocode, .btn-group #block-conf-eform-caree-page-side-slide .owl-nav > .btn + div, #block-conf-eform-caree-page-side-slide .btn-group .owl-nav > .btn + div, .btn-group #block-conf-eform-caree-page-side-slide .pagination-classic > li.owl-nav > a + div, #block-conf-eform-caree-page-side-slide .btn-group .pagination-classic > li.owl-nav > a + div, .btn-group #block-conf-eform-caree-page-side-slide
.pagination-classic > li.owl-nav > span + div, #block-conf-eform-caree-page-side-slide .btn-group
.pagination-classic > li.owl-nav > span + div, .btn-group .page-careers .field-name-field-search-rotator-links .field-items .field-item:first-child #block-conf-eform-caree-page-side-slide .owl-nav > a + div, #block-conf-eform-caree-page-side-slide .btn-group .page-careers .field-name-field-search-rotator-links .field-items .field-item:first-child .owl-nav > a + div, .page-careers .field-name-field-search-rotator-links .field-items .field-item:first-child .btn-group #block-conf-eform-caree-page-side-slide .owl-nav > a + div, #block-conf-eform-caree-page-side-slide .page-careers .field-name-field-search-rotator-links .field-items .field-item:first-child .btn-group .owl-nav > a + div, .btn-group .page-careers .field-name-field-what-waiting-links .field-items .field-item #block-conf-eform-caree-page-side-slide .owl-nav > a + div, #block-conf-eform-caree-page-side-slide .btn-group .page-careers .field-name-field-what-waiting-links .field-items .field-item .owl-nav > a + div, .page-careers .field-name-field-what-waiting-links .field-items .field-item .btn-group #block-conf-eform-caree-page-side-slide .owl-nav > a + div, #block-conf-eform-caree-page-side-slide .page-careers .field-name-field-what-waiting-links .field-items .field-item .btn-group .owl-nav > a + div, .btn-group .page-careers .field-name-field-job-with-partners-link .field-items .field-item #block-conf-eform-caree-page-side-slide .owl-nav > a + div, #block-conf-eform-caree-page-side-slide .btn-group .page-careers .field-name-field-job-with-partners-link .field-items .field-item .owl-nav > a + div, .page-careers .field-name-field-job-with-partners-link .field-items .field-item .btn-group #block-conf-eform-caree-page-side-slide .owl-nav > a + div, #block-conf-eform-caree-page-side-slide .page-careers .field-name-field-job-with-partners-link .field-items .field-item .btn-group .owl-nav > a + div, .btn-group .custom-project .view-project-event .view-footer #block-conf-eform-caree-page-side-slide .owl-nav > a + div, #block-conf-eform-caree-page-side-slide .btn-group .custom-project .view-project-event .view-footer .owl-nav > a + div, .custom-project .view-project-event .view-footer .btn-group #block-conf-eform-caree-page-side-slide .owl-nav > a + div, #block-conf-eform-caree-page-side-slide .custom-project .view-project-event .view-footer .btn-group .owl-nav > a + div, .btn-group .project-call-to-action .field-item #block-conf-eform-caree-page-side-slide .owl-nav > a + div, #block-conf-eform-caree-page-side-slide .btn-group .project-call-to-action .field-item .owl-nav > a + div, .project-call-to-action .field-item .btn-group #block-conf-eform-caree-page-side-slide .owl-nav > a + div, #block-conf-eform-caree-page-side-slide .project-call-to-action .field-item .btn-group .owl-nav > a + div, .btn-group .page-node-add-problem #block-conf-eform-caree-page-side-slide .owl-nav > input.form-submit + div, #block-conf-eform-caree-page-side-slide .btn-group .page-node-add-problem .owl-nav > input.form-submit + div, .page-node-add-problem .btn-group #block-conf-eform-caree-page-side-slide .owl-nav > input.form-submit + div, #block-conf-eform-caree-page-side-slide .page-node-add-problem .btn-group .owl-nav > input.form-submit + div, .btn-group .page-node-add-problem #block-conf-eform-caree-page-side-slide .owl-nav > .geolocation-client-location + div, #block-conf-eform-caree-page-side-slide .btn-group .page-node-add-problem .owl-nav > .geolocation-client-location + div, .page-node-add-problem .btn-group #block-conf-eform-caree-page-side-slide .owl-nav > .geolocation-client-location + div, #block-conf-eform-caree-page-side-slide .page-node-add-problem .btn-group .owl-nav > .geolocation-client-location + div, .btn-group .page-node-add-problem #block-conf-eform-caree-page-side-slide .owl-nav > .geolocation-address-geocode + div, #block-conf-eform-caree-page-side-slide .btn-group .page-node-add-problem .owl-nav > .geolocation-address-geocode + div, .page-node-add-problem .btn-group #block-conf-eform-caree-page-side-slide .owl-nav > .geolocation-address-geocode + div, #block-conf-eform-caree-page-side-slide .page-node-add-problem .btn-group .owl-nav > .geolocation-address-geocode + div, .btn-group #block-conf-eform-caree-page-side-slide .owl-nav > div + div, #block-conf-eform-caree-page-side-slide .btn-group .owl-nav > div + div,
.btn-group-lg .btn + .btn,
.btn-group-lg .pagination-classic > li > a + .btn,
.btn-group-lg
.pagination-classic > li > span + .btn,
.btn-group-lg .page-careers .field-name-field-search-rotator-links .field-items .field-item:first-child a + .btn, .page-careers .field-name-field-search-rotator-links .field-items .field-item:first-child
.btn-group-lg a + .btn,
.btn-group-lg .page-careers .field-name-field-what-waiting-links .field-items .field-item a + .btn, .page-careers .field-name-field-what-waiting-links .field-items .field-item
.btn-group-lg a + .btn,
.btn-group-lg .page-careers .field-name-field-job-with-partners-link .field-items .field-item a + .btn, .page-careers .field-name-field-job-with-partners-link .field-items .field-item
.btn-group-lg a + .btn,
.btn-group-lg .custom-project .view-project-event .view-footer a + .btn, .custom-project .view-project-event .view-footer
.btn-group-lg a + .btn,
.btn-group-lg .project-call-to-action .field-item a + .btn, .project-call-to-action .field-item
.btn-group-lg a + .btn,
.btn-group-lg .page-node-add-problem input.form-submit + .btn, .page-node-add-problem
.btn-group-lg input.form-submit + .btn,
.btn-group-lg .page-node-add-problem .geolocation-client-location + .btn, .page-node-add-problem
.btn-group-lg .geolocation-client-location + .btn,
.btn-group-lg .page-node-add-problem .geolocation-address-geocode + .btn, .page-node-add-problem
.btn-group-lg .geolocation-address-geocode + .btn,
.btn-group-lg #block-conf-eform-caree-page-side-slide .owl-nav > div + .btn, #block-conf-eform-caree-page-side-slide
.btn-group-lg .owl-nav > div + .btn,
.btn-group-lg .pagination-classic > li > .btn + a,
.btn-group-lg .pagination-classic > li > a + a,
.btn-group-lg
.pagination-classic > li > span + a,
.btn-group-lg .page-careers .field-name-field-search-rotator-links .field-items .field-item:first-child .pagination-classic > li > a + a, .page-careers .field-name-field-search-rotator-links .field-items .field-item:first-child
.btn-group-lg .pagination-classic > li > a + a,
.btn-group-lg .page-careers .field-name-field-what-waiting-links .field-items .field-item .pagination-classic > li > a + a, .page-careers .field-name-field-what-waiting-links .field-items .field-item
.btn-group-lg .pagination-classic > li > a + a,
.btn-group-lg .page-careers .field-name-field-job-with-partners-link .field-items .field-item .pagination-classic > li > a + a, .page-careers .field-name-field-job-with-partners-link .field-items .field-item
.btn-group-lg .pagination-classic > li > a + a,
.btn-group-lg .custom-project .view-project-event .view-footer .pagination-classic > li > a + a, .custom-project .view-project-event .view-footer
.btn-group-lg .pagination-classic > li > a + a,
.btn-group-lg .project-call-to-action .field-item .pagination-classic > li > a + a, .project-call-to-action .field-item
.btn-group-lg .pagination-classic > li > a + a,
.btn-group-lg .page-node-add-problem .pagination-classic > li > input.form-submit + a, .page-node-add-problem
.btn-group-lg .pagination-classic > li > input.form-submit + a,
.btn-group-lg .page-node-add-problem .pagination-classic > li > .geolocation-client-location + a, .page-node-add-problem
.btn-group-lg .pagination-classic > li > .geolocation-client-location + a,
.btn-group-lg .page-node-add-problem .pagination-classic > li > .geolocation-address-geocode + a, .page-node-add-problem
.btn-group-lg .pagination-classic > li > .geolocation-address-geocode + a,
.btn-group-lg #block-conf-eform-caree-page-side-slide .pagination-classic > li.owl-nav > div + a, #block-conf-eform-caree-page-side-slide
.btn-group-lg .pagination-classic > li.owl-nav > div + a,
.btn-group-lg
.pagination-classic > li > .btn + span,
.btn-group-lg .pagination-classic > li > a + span,
.btn-group-lg
.pagination-classic > li > span + span,
.btn-group-lg .page-careers .field-name-field-search-rotator-links .field-items .field-item:first-child
.pagination-classic > li > a + span, .page-careers .field-name-field-search-rotator-links .field-items .field-item:first-child
.btn-group-lg
.pagination-classic > li > a + span,
.btn-group-lg .page-careers .field-name-field-what-waiting-links .field-items .field-item
.pagination-classic > li > a + span, .page-careers .field-name-field-what-waiting-links .field-items .field-item
.btn-group-lg
.pagination-classic > li > a + span,
.btn-group-lg .page-careers .field-name-field-job-with-partners-link .field-items .field-item
.pagination-classic > li > a + span, .page-careers .field-name-field-job-with-partners-link .field-items .field-item
.btn-group-lg
.pagination-classic > li > a + span,
.btn-group-lg .custom-project .view-project-event .view-footer
.pagination-classic > li > a + span, .custom-project .view-project-event .view-footer
.btn-group-lg
.pagination-classic > li > a + span,
.btn-group-lg .project-call-to-action .field-item
.pagination-classic > li > a + span, .project-call-to-action .field-item
.btn-group-lg
.pagination-classic > li > a + span,
.btn-group-lg .page-node-add-problem
.pagination-classic > li > input.form-submit + span, .page-node-add-problem
.btn-group-lg
.pagination-classic > li > input.form-submit + span,
.btn-group-lg .page-node-add-problem
.pagination-classic > li > .geolocation-client-location + span, .page-node-add-problem
.btn-group-lg
.pagination-classic > li > .geolocation-client-location + span,
.btn-group-lg .page-node-add-problem
.pagination-classic > li > .geolocation-address-geocode + span, .page-node-add-problem
.btn-group-lg
.pagination-classic > li > .geolocation-address-geocode + span,
.btn-group-lg #block-conf-eform-caree-page-side-slide
.pagination-classic > li.owl-nav > div + span, #block-conf-eform-caree-page-side-slide
.btn-group-lg
.pagination-classic > li.owl-nav > div + span,
.btn-group-lg .page-careers .field-name-field-search-rotator-links .field-items .field-item:first-child .btn + a, .page-careers .field-name-field-search-rotator-links .field-items .field-item:first-child
.btn-group-lg .btn + a,
.btn-group-lg .page-careers .field-name-field-search-rotator-links .field-items .field-item:first-child .pagination-classic > li > a + a, .page-careers .field-name-field-search-rotator-links .field-items .field-item:first-child
.btn-group-lg .pagination-classic > li > a + a,
.btn-group-lg .page-careers .field-name-field-search-rotator-links .field-items .field-item:first-child
.pagination-classic > li > span + a, .page-careers .field-name-field-search-rotator-links .field-items .field-item:first-child
.btn-group-lg
.pagination-classic > li > span + a,
.btn-group-lg .page-careers .field-name-field-search-rotator-links .field-items .field-item:first-child a + a, .page-careers .field-name-field-search-rotator-links .field-items .field-item:first-child
.btn-group-lg a + a,
.btn-group-lg .page-careers .field-name-field-what-waiting-links .field-name-field-search-rotator-links .field-items .field-item:first-child a + a,
.btn-group-lg .page-careers .field-name-field-search-rotator-links .field-name-field-what-waiting-links .field-items .field-item:first-child a + a, .page-careers .field-name-field-what-waiting-links .field-name-field-search-rotator-links .field-items .field-item:first-child
.btn-group-lg a + a, .page-careers .field-name-field-search-rotator-links .field-name-field-what-waiting-links .field-items .field-item:first-child
.btn-group-lg a + a,
.btn-group-lg .page-careers .field-name-field-job-with-partners-link .field-name-field-search-rotator-links .field-items .field-item:first-child a + a,
.btn-group-lg .page-careers .field-name-field-search-rotator-links .field-name-field-job-with-partners-link .field-items .field-item:first-child a + a, .page-careers .field-name-field-job-with-partners-link .field-name-field-search-rotator-links .field-items .field-item:first-child
.btn-group-lg a + a, .page-careers .field-name-field-search-rotator-links .field-name-field-job-with-partners-link .field-items .field-item:first-child
.btn-group-lg a + a,
.btn-group-lg .custom-project .view-project-event .view-footer .page-careers .field-name-field-search-rotator-links .field-items .field-item:first-child a + a, .page-careers .field-name-field-search-rotator-links .field-items .field-item:first-child
.btn-group-lg .custom-project .view-project-event .view-footer a + a, .custom-project .view-project-event .view-footer
.btn-group-lg .page-careers .field-name-field-search-rotator-links .field-items .field-item:first-child a + a, .page-careers .field-name-field-search-rotator-links .field-items .field-item:first-child .custom-project .view-project-event .view-footer
.btn-group-lg a + a,
.btn-group-lg .project-call-to-action .page-careers .field-name-field-search-rotator-links .field-items .field-item:first-child a + a, .page-careers .field-name-field-search-rotator-links .field-items
.btn-group-lg .project-call-to-action .field-item:first-child a + a, .project-call-to-action .page-careers .field-name-field-search-rotator-links .field-items .field-item:first-child
.btn-group-lg a + a, .page-careers .field-name-field-search-rotator-links .field-items .project-call-to-action .field-item:first-child
.btn-group-lg a + a,
.btn-group-lg .page-node-add-problem .page-careers .field-name-field-search-rotator-links .field-items .field-item:first-child input.form-submit + a, .page-careers .field-name-field-search-rotator-links .field-items .field-item:first-child
.btn-group-lg .page-node-add-problem input.form-submit + a, .page-node-add-problem
.btn-group-lg .page-careers .field-name-field-search-rotator-links .field-items .field-item:first-child input.form-submit + a, .page-careers .field-name-field-search-rotator-links .field-items .field-item:first-child .page-node-add-problem
.btn-group-lg input.form-submit + a,
.btn-group-lg .page-node-add-problem .page-careers .field-name-field-search-rotator-links .field-items .field-item:first-child .geolocation-client-location + a, .page-careers .field-name-field-search-rotator-links .field-items .field-item:first-child
.btn-group-lg .page-node-add-problem .geolocation-client-location + a, .page-node-add-problem
.btn-group-lg .page-careers .field-name-field-search-rotator-links .field-items .field-item:first-child .geolocation-client-location + a, .page-careers .field-name-field-search-rotator-links .field-items .field-item:first-child .page-node-add-problem
.btn-group-lg .geolocation-client-location + a,
.btn-group-lg .page-node-add-problem .page-careers .field-name-field-search-rotator-links .field-items .field-item:first-child .geolocation-address-geocode + a, .page-careers .field-name-field-search-rotator-links .field-items .field-item:first-child
.btn-group-lg .page-node-add-problem .geolocation-address-geocode + a, .page-node-add-problem
.btn-group-lg .page-careers .field-name-field-search-rotator-links .field-items .field-item:first-child .geolocation-address-geocode + a, .page-careers .field-name-field-search-rotator-links .field-items .field-item:first-child .page-node-add-problem
.btn-group-lg .geolocation-address-geocode + a,
.btn-group-lg #block-conf-eform-caree-page-side-slide .page-careers .field-name-field-search-rotator-links .field-items .field-item:first-child .owl-nav > div + a, .page-careers .field-name-field-search-rotator-links .field-items .field-item:first-child
.btn-group-lg #block-conf-eform-caree-page-side-slide .owl-nav > div + a, #block-conf-eform-caree-page-side-slide
.btn-group-lg .page-careers .field-name-field-search-rotator-links .field-items .field-item:first-child .owl-nav > div + a, .page-careers .field-name-field-search-rotator-links .field-items .field-item:first-child #block-conf-eform-caree-page-side-slide
.btn-group-lg .owl-nav > div + a,
.btn-group-lg .page-careers .field-name-field-what-waiting-links .field-items .field-item .btn + a, .page-careers .field-name-field-what-waiting-links .field-items .field-item
.btn-group-lg .btn + a,
.btn-group-lg .page-careers .field-name-field-what-waiting-links .field-items .field-item .pagination-classic > li > a + a, .page-careers .field-name-field-what-waiting-links .field-items .field-item
.btn-group-lg .pagination-classic > li > a + a,
.btn-group-lg .page-careers .field-name-field-what-waiting-links .field-items .field-item
.pagination-classic > li > span + a, .page-careers .field-name-field-what-waiting-links .field-items .field-item
.btn-group-lg
.pagination-classic > li > span + a,
.btn-group-lg .page-careers .field-name-field-search-rotator-links .field-name-field-what-waiting-links .field-items .field-item:first-child a + a,
.btn-group-lg .page-careers .field-name-field-what-waiting-links .field-name-field-search-rotator-links .field-items .field-item:first-child a + a, .page-careers .field-name-field-search-rotator-links .field-name-field-what-waiting-links .field-items .field-item:first-child
.btn-group-lg a + a, .page-careers .field-name-field-what-waiting-links .field-name-field-search-rotator-links .field-items .field-item:first-child
.btn-group-lg a + a,
.btn-group-lg .page-careers .field-name-field-what-waiting-links .field-items .field-item a + a, .page-careers .field-name-field-what-waiting-links .field-items .field-item
.btn-group-lg a + a,
.btn-group-lg .page-careers .field-name-field-job-with-partners-link .field-name-field-what-waiting-links .field-items .field-item a + a,
.btn-group-lg .page-careers .field-name-field-what-waiting-links .field-name-field-job-with-partners-link .field-items .field-item a + a, .page-careers .field-name-field-job-with-partners-link .field-name-field-what-waiting-links .field-items .field-item
.btn-group-lg a + a, .page-careers .field-name-field-what-waiting-links .field-name-field-job-with-partners-link .field-items .field-item
.btn-group-lg a + a,
.btn-group-lg .custom-project .view-project-event .view-footer .page-careers .field-name-field-what-waiting-links .field-items .field-item a + a, .page-careers .field-name-field-what-waiting-links .field-items .field-item
.btn-group-lg .custom-project .view-project-event .view-footer a + a, .custom-project .view-project-event .view-footer
.btn-group-lg .page-careers .field-name-field-what-waiting-links .field-items .field-item a + a, .page-careers .field-name-field-what-waiting-links .field-items .field-item .custom-project .view-project-event .view-footer
.btn-group-lg a + a,
.btn-group-lg .project-call-to-action .page-careers .field-name-field-what-waiting-links .field-items .field-item a + a, .page-careers .field-name-field-what-waiting-links .field-items
.btn-group-lg .project-call-to-action .field-item a + a, .project-call-to-action .page-careers .field-name-field-what-waiting-links .field-items .field-item
.btn-group-lg a + a, .page-careers .field-name-field-what-waiting-links .field-items .project-call-to-action .field-item
.btn-group-lg a + a,
.btn-group-lg .page-node-add-problem .page-careers .field-name-field-what-waiting-links .field-items .field-item input.form-submit + a, .page-careers .field-name-field-what-waiting-links .field-items .field-item
.btn-group-lg .page-node-add-problem input.form-submit + a, .page-node-add-problem
.btn-group-lg .page-careers .field-name-field-what-waiting-links .field-items .field-item input.form-submit + a, .page-careers .field-name-field-what-waiting-links .field-items .field-item .page-node-add-problem
.btn-group-lg input.form-submit + a,
.btn-group-lg .page-node-add-problem .page-careers .field-name-field-what-waiting-links .field-items .field-item .geolocation-client-location + a, .page-careers .field-name-field-what-waiting-links .field-items .field-item
.btn-group-lg .page-node-add-problem .geolocation-client-location + a, .page-node-add-problem
.btn-group-lg .page-careers .field-name-field-what-waiting-links .field-items .field-item .geolocation-client-location + a, .page-careers .field-name-field-what-waiting-links .field-items .field-item .page-node-add-problem
.btn-group-lg .geolocation-client-location + a,
.btn-group-lg .page-node-add-problem .page-careers .field-name-field-what-waiting-links .field-items .field-item .geolocation-address-geocode + a, .page-careers .field-name-field-what-waiting-links .field-items .field-item
.btn-group-lg .page-node-add-problem .geolocation-address-geocode + a, .page-node-add-problem
.btn-group-lg .page-careers .field-name-field-what-waiting-links .field-items .field-item .geolocation-address-geocode + a, .page-careers .field-name-field-what-waiting-links .field-items .field-item .page-node-add-problem
.btn-group-lg .geolocation-address-geocode + a,
.btn-group-lg #block-conf-eform-caree-page-side-slide .page-careers .field-name-field-what-waiting-links .field-items .field-item .owl-nav > div + a, .page-careers .field-name-field-what-waiting-links .field-items .field-item
.btn-group-lg #block-conf-eform-caree-page-side-slide .owl-nav > div + a, #block-conf-eform-caree-page-side-slide
.btn-group-lg .page-careers .field-name-field-what-waiting-links .field-items .field-item .owl-nav > div + a, .page-careers .field-name-field-what-waiting-links .field-items .field-item #block-conf-eform-caree-page-side-slide
.btn-group-lg .owl-nav > div + a,
.btn-group-lg .page-careers .field-name-field-job-with-partners-link .field-items .field-item .btn + a, .page-careers .field-name-field-job-with-partners-link .field-items .field-item
.btn-group-lg .btn + a,
.btn-group-lg .page-careers .field-name-field-job-with-partners-link .field-items .field-item .pagination-classic > li > a + a, .page-careers .field-name-field-job-with-partners-link .field-items .field-item
.btn-group-lg .pagination-classic > li > a + a,
.btn-group-lg .page-careers .field-name-field-job-with-partners-link .field-items .field-item
.pagination-classic > li > span + a, .page-careers .field-name-field-job-with-partners-link .field-items .field-item
.btn-group-lg
.pagination-classic > li > span + a,
.btn-group-lg .page-careers .field-name-field-search-rotator-links .field-name-field-job-with-partners-link .field-items .field-item:first-child a + a,
.btn-group-lg .page-careers .field-name-field-job-with-partners-link .field-name-field-search-rotator-links .field-items .field-item:first-child a + a, .page-careers .field-name-field-search-rotator-links .field-name-field-job-with-partners-link .field-items .field-item:first-child
.btn-group-lg a + a, .page-careers .field-name-field-job-with-partners-link .field-name-field-search-rotator-links .field-items .field-item:first-child
.btn-group-lg a + a,
.btn-group-lg .page-careers .field-name-field-what-waiting-links .field-name-field-job-with-partners-link .field-items .field-item a + a,
.btn-group-lg .page-careers .field-name-field-job-with-partners-link .field-name-field-what-waiting-links .field-items .field-item a + a, .page-careers .field-name-field-what-waiting-links .field-name-field-job-with-partners-link .field-items .field-item
.btn-group-lg a + a, .page-careers .field-name-field-job-with-partners-link .field-name-field-what-waiting-links .field-items .field-item
.btn-group-lg a + a,
.btn-group-lg .page-careers .field-name-field-job-with-partners-link .field-items .field-item a + a, .page-careers .field-name-field-job-with-partners-link .field-items .field-item
.btn-group-lg a + a,
.btn-group-lg .custom-project .view-project-event .view-footer .page-careers .field-name-field-job-with-partners-link .field-items .field-item a + a, .page-careers .field-name-field-job-with-partners-link .field-items .field-item
.btn-group-lg .custom-project .view-project-event .view-footer a + a, .custom-project .view-project-event .view-footer
.btn-group-lg .page-careers .field-name-field-job-with-partners-link .field-items .field-item a + a, .page-careers .field-name-field-job-with-partners-link .field-items .field-item .custom-project .view-project-event .view-footer
.btn-group-lg a + a,
.btn-group-lg .project-call-to-action .page-careers .field-name-field-job-with-partners-link .field-items .field-item a + a, .page-careers .field-name-field-job-with-partners-link .field-items
.btn-group-lg .project-call-to-action .field-item a + a, .project-call-to-action .page-careers .field-name-field-job-with-partners-link .field-items .field-item
.btn-group-lg a + a, .page-careers .field-name-field-job-with-partners-link .field-items .project-call-to-action .field-item
.btn-group-lg a + a,
.btn-group-lg .page-node-add-problem .page-careers .field-name-field-job-with-partners-link .field-items .field-item input.form-submit + a, .page-careers .field-name-field-job-with-partners-link .field-items .field-item
.btn-group-lg .page-node-add-problem input.form-submit + a, .page-node-add-problem
.btn-group-lg .page-careers .field-name-field-job-with-partners-link .field-items .field-item input.form-submit + a, .page-careers .field-name-field-job-with-partners-link .field-items .field-item .page-node-add-problem
.btn-group-lg input.form-submit + a,
.btn-group-lg .page-node-add-problem .page-careers .field-name-field-job-with-partners-link .field-items .field-item .geolocation-client-location + a, .page-careers .field-name-field-job-with-partners-link .field-items .field-item
.btn-group-lg .page-node-add-problem .geolocation-client-location + a, .page-node-add-problem
.btn-group-lg .page-careers .field-name-field-job-with-partners-link .field-items .field-item .geolocation-client-location + a, .page-careers .field-name-field-job-with-partners-link .field-items .field-item .page-node-add-problem
.btn-group-lg .geolocation-client-location + a,
.btn-group-lg .page-node-add-problem .page-careers .field-name-field-job-with-partners-link .field-items .field-item .geolocation-address-geocode + a, .page-careers .field-name-field-job-with-partners-link .field-items .field-item
.btn-group-lg .page-node-add-problem .geolocation-address-geocode + a, .page-node-add-problem
.btn-group-lg .page-careers .field-name-field-job-with-partners-link .field-items .field-item .geolocation-address-geocode + a, .page-careers .field-name-field-job-with-partners-link .field-items .field-item .page-node-add-problem
.btn-group-lg .geolocation-address-geocode + a,
.btn-group-lg #block-conf-eform-caree-page-side-slide .page-careers .field-name-field-job-with-partners-link .field-items .field-item .owl-nav > div + a, .page-careers .field-name-field-job-with-partners-link .field-items .field-item
.btn-group-lg #block-conf-eform-caree-page-side-slide .owl-nav > div + a, #block-conf-eform-caree-page-side-slide
.btn-group-lg .page-careers .field-name-field-job-with-partners-link .field-items .field-item .owl-nav > div + a, .page-careers .field-name-field-job-with-partners-link .field-items .field-item #block-conf-eform-caree-page-side-slide
.btn-group-lg .owl-nav > div + a,
.btn-group-lg .custom-project .view-project-event .view-footer .btn + a, .custom-project .view-project-event .view-footer
.btn-group-lg .btn + a,
.btn-group-lg .custom-project .view-project-event .view-footer .pagination-classic > li > a + a, .custom-project .view-project-event .view-footer
.btn-group-lg .pagination-classic > li > a + a,
.btn-group-lg .custom-project .view-project-event .view-footer
.pagination-classic > li > span + a, .custom-project .view-project-event .view-footer
.btn-group-lg
.pagination-classic > li > span + a,
.btn-group-lg .page-careers .field-name-field-search-rotator-links .field-items .field-item:first-child .custom-project .view-project-event .view-footer a + a, .custom-project .view-project-event .view-footer
.btn-group-lg .page-careers .field-name-field-search-rotator-links .field-items .field-item:first-child a + a, .page-careers .field-name-field-search-rotator-links .field-items .field-item:first-child
.btn-group-lg .custom-project .view-project-event .view-footer a + a, .custom-project .view-project-event .view-footer .page-careers .field-name-field-search-rotator-links .field-items .field-item:first-child
.btn-group-lg a + a,
.btn-group-lg .page-careers .field-name-field-what-waiting-links .field-items .field-item .custom-project .view-project-event .view-footer a + a, .custom-project .view-project-event .view-footer
.btn-group-lg .page-careers .field-name-field-what-waiting-links .field-items .field-item a + a, .page-careers .field-name-field-what-waiting-links .field-items .field-item
.btn-group-lg .custom-project .view-project-event .view-footer a + a, .custom-project .view-project-event .view-footer .page-careers .field-name-field-what-waiting-links .field-items .field-item
.btn-group-lg a + a,
.btn-group-lg .page-careers .field-name-field-job-with-partners-link .field-items .field-item .custom-project .view-project-event .view-footer a + a, .custom-project .view-project-event .view-footer
.btn-group-lg .page-careers .field-name-field-job-with-partners-link .field-items .field-item a + a, .page-careers .field-name-field-job-with-partners-link .field-items .field-item
.btn-group-lg .custom-project .view-project-event .view-footer a + a, .custom-project .view-project-event .view-footer .page-careers .field-name-field-job-with-partners-link .field-items .field-item
.btn-group-lg a + a,
.btn-group-lg .custom-project .view-project-event .view-footer a + a, .custom-project .view-project-event .view-footer
.btn-group-lg a + a,
.btn-group-lg .project-call-to-action .field-item .custom-project .view-project-event .view-footer a + a, .custom-project .view-project-event .view-footer
.btn-group-lg .project-call-to-action .field-item a + a, .project-call-to-action .field-item
.btn-group-lg .custom-project .view-project-event .view-footer a + a, .custom-project .view-project-event .view-footer .project-call-to-action .field-item
.btn-group-lg a + a,
.btn-group-lg .page-node-add-problem .custom-project .view-project-event .view-footer input.form-submit + a, .custom-project .view-project-event .view-footer
.btn-group-lg .page-node-add-problem input.form-submit + a, .page-node-add-problem
.btn-group-lg .custom-project .view-project-event .view-footer input.form-submit + a, .custom-project .view-project-event .view-footer .page-node-add-problem
.btn-group-lg input.form-submit + a,
.btn-group-lg .page-node-add-problem .custom-project .view-project-event .view-footer .geolocation-client-location + a, .custom-project .view-project-event .view-footer
.btn-group-lg .page-node-add-problem .geolocation-client-location + a, .page-node-add-problem
.btn-group-lg .custom-project .view-project-event .view-footer .geolocation-client-location + a, .custom-project .view-project-event .view-footer .page-node-add-problem
.btn-group-lg .geolocation-client-location + a,
.btn-group-lg .page-node-add-problem .custom-project .view-project-event .view-footer .geolocation-address-geocode + a, .custom-project .view-project-event .view-footer
.btn-group-lg .page-node-add-problem .geolocation-address-geocode + a, .page-node-add-problem
.btn-group-lg .custom-project .view-project-event .view-footer .geolocation-address-geocode + a, .custom-project .view-project-event .view-footer .page-node-add-problem
.btn-group-lg .geolocation-address-geocode + a,
.btn-group-lg #block-conf-eform-caree-page-side-slide .custom-project .view-project-event .view-footer .owl-nav > div + a, .custom-project .view-project-event .view-footer
.btn-group-lg #block-conf-eform-caree-page-side-slide .owl-nav > div + a, #block-conf-eform-caree-page-side-slide
.btn-group-lg .custom-project .view-project-event .view-footer .owl-nav > div + a, .custom-project .view-project-event .view-footer #block-conf-eform-caree-page-side-slide
.btn-group-lg .owl-nav > div + a,
.btn-group-lg .project-call-to-action .field-item .btn + a, .project-call-to-action .field-item
.btn-group-lg .btn + a,
.btn-group-lg .project-call-to-action .field-item .pagination-classic > li > a + a, .project-call-to-action .field-item
.btn-group-lg .pagination-classic > li > a + a,
.btn-group-lg .project-call-to-action .field-item
.pagination-classic > li > span + a, .project-call-to-action .field-item
.btn-group-lg
.pagination-classic > li > span + a,
.btn-group-lg .page-careers .field-name-field-search-rotator-links .field-items .project-call-to-action .field-item:first-child a + a, .project-call-to-action
.btn-group-lg .page-careers .field-name-field-search-rotator-links .field-items .field-item:first-child a + a, .page-careers .field-name-field-search-rotator-links .field-items .project-call-to-action .field-item:first-child
.btn-group-lg a + a, .project-call-to-action .page-careers .field-name-field-search-rotator-links .field-items .field-item:first-child
.btn-group-lg a + a,
.btn-group-lg .page-careers .field-name-field-what-waiting-links .field-items .project-call-to-action .field-item a + a, .project-call-to-action
.btn-group-lg .page-careers .field-name-field-what-waiting-links .field-items .field-item a + a, .page-careers .field-name-field-what-waiting-links .field-items .project-call-to-action .field-item
.btn-group-lg a + a, .project-call-to-action .page-careers .field-name-field-what-waiting-links .field-items .field-item
.btn-group-lg a + a,
.btn-group-lg .page-careers .field-name-field-job-with-partners-link .field-items .project-call-to-action .field-item a + a, .project-call-to-action
.btn-group-lg .page-careers .field-name-field-job-with-partners-link .field-items .field-item a + a, .page-careers .field-name-field-job-with-partners-link .field-items .project-call-to-action .field-item
.btn-group-lg a + a, .project-call-to-action .page-careers .field-name-field-job-with-partners-link .field-items .field-item
.btn-group-lg a + a,
.btn-group-lg .custom-project .view-project-event .view-footer .project-call-to-action .field-item a + a, .project-call-to-action .field-item
.btn-group-lg .custom-project .view-project-event .view-footer a + a, .custom-project .view-project-event .view-footer
.btn-group-lg .project-call-to-action .field-item a + a, .project-call-to-action .field-item .custom-project .view-project-event .view-footer
.btn-group-lg a + a,
.btn-group-lg .project-call-to-action .field-item a + a, .project-call-to-action .field-item
.btn-group-lg a + a,
.btn-group-lg .page-node-add-problem .project-call-to-action .field-item input.form-submit + a, .project-call-to-action .field-item
.btn-group-lg .page-node-add-problem input.form-submit + a, .page-node-add-problem
.btn-group-lg .project-call-to-action .field-item input.form-submit + a, .project-call-to-action .field-item .page-node-add-problem
.btn-group-lg input.form-submit + a,
.btn-group-lg .page-node-add-problem .project-call-to-action .field-item .geolocation-client-location + a, .project-call-to-action .field-item
.btn-group-lg .page-node-add-problem .geolocation-client-location + a, .page-node-add-problem
.btn-group-lg .project-call-to-action .field-item .geolocation-client-location + a, .project-call-to-action .field-item .page-node-add-problem
.btn-group-lg .geolocation-client-location + a,
.btn-group-lg .page-node-add-problem .project-call-to-action .field-item .geolocation-address-geocode + a, .project-call-to-action .field-item
.btn-group-lg .page-node-add-problem .geolocation-address-geocode + a, .page-node-add-problem
.btn-group-lg .project-call-to-action .field-item .geolocation-address-geocode + a, .project-call-to-action .field-item .page-node-add-problem
.btn-group-lg .geolocation-address-geocode + a,
.btn-group-lg #block-conf-eform-caree-page-side-slide .project-call-to-action .field-item .owl-nav > div + a, .project-call-to-action .field-item
.btn-group-lg #block-conf-eform-caree-page-side-slide .owl-nav > div + a, #block-conf-eform-caree-page-side-slide
.btn-group-lg .project-call-to-action .field-item .owl-nav > div + a, .project-call-to-action .field-item #block-conf-eform-caree-page-side-slide
.btn-group-lg .owl-nav > div + a,
.btn-group-lg .page-node-add-problem .btn + input.form-submit, .page-node-add-problem
.btn-group-lg .btn + input.form-submit,
.btn-group-lg .page-node-add-problem .pagination-classic > li > a + input.form-submit, .page-node-add-problem
.btn-group-lg .pagination-classic > li > a + input.form-submit,
.btn-group-lg .page-node-add-problem
.pagination-classic > li > span + input.form-submit, .page-node-add-problem
.btn-group-lg
.pagination-classic > li > span + input.form-submit,
.btn-group-lg .page-careers .field-name-field-search-rotator-links .field-items .field-item:first-child .page-node-add-problem a + input.form-submit, .page-node-add-problem
.btn-group-lg .page-careers .field-name-field-search-rotator-links .field-items .field-item:first-child a + input.form-submit, .page-careers .field-name-field-search-rotator-links .field-items .field-item:first-child
.btn-group-lg .page-node-add-problem a + input.form-submit, .page-node-add-problem .page-careers .field-name-field-search-rotator-links .field-items .field-item:first-child
.btn-group-lg a + input.form-submit,
.btn-group-lg .page-careers .field-name-field-what-waiting-links .field-items .field-item .page-node-add-problem a + input.form-submit, .page-node-add-problem
.btn-group-lg .page-careers .field-name-field-what-waiting-links .field-items .field-item a + input.form-submit, .page-careers .field-name-field-what-waiting-links .field-items .field-item
.btn-group-lg .page-node-add-problem a + input.form-submit, .page-node-add-problem .page-careers .field-name-field-what-waiting-links .field-items .field-item
.btn-group-lg a + input.form-submit,
.btn-group-lg .page-careers .field-name-field-job-with-partners-link .field-items .field-item .page-node-add-problem a + input.form-submit, .page-node-add-problem
.btn-group-lg .page-careers .field-name-field-job-with-partners-link .field-items .field-item a + input.form-submit, .page-careers .field-name-field-job-with-partners-link .field-items .field-item
.btn-group-lg .page-node-add-problem a + input.form-submit, .page-node-add-problem .page-careers .field-name-field-job-with-partners-link .field-items .field-item
.btn-group-lg a + input.form-submit,
.btn-group-lg .custom-project .view-project-event .view-footer .page-node-add-problem a + input.form-submit, .page-node-add-problem
.btn-group-lg .custom-project .view-project-event .view-footer a + input.form-submit, .custom-project .view-project-event .view-footer
.btn-group-lg .page-node-add-problem a + input.form-submit, .page-node-add-problem .custom-project .view-project-event .view-footer
.btn-group-lg a + input.form-submit,
.btn-group-lg .project-call-to-action .field-item .page-node-add-problem a + input.form-submit, .page-node-add-problem
.btn-group-lg .project-call-to-action .field-item a + input.form-submit, .project-call-to-action .field-item
.btn-group-lg .page-node-add-problem a + input.form-submit, .page-node-add-problem .project-call-to-action .field-item
.btn-group-lg a + input.form-submit,
.btn-group-lg .page-node-add-problem input.form-submit + input.form-submit, .page-node-add-problem
.btn-group-lg input.form-submit + input.form-submit,
.btn-group-lg .page-node-add-problem .geolocation-client-location + input.form-submit, .page-node-add-problem
.btn-group-lg .geolocation-client-location + input.form-submit,
.btn-group-lg .page-node-add-problem .geolocation-address-geocode + input.form-submit, .page-node-add-problem
.btn-group-lg .geolocation-address-geocode + input.form-submit,
.btn-group-lg #block-conf-eform-caree-page-side-slide .page-node-add-problem .owl-nav > div + input.form-submit, .page-node-add-problem
.btn-group-lg #block-conf-eform-caree-page-side-slide .owl-nav > div + input.form-submit, #block-conf-eform-caree-page-side-slide
.btn-group-lg .page-node-add-problem .owl-nav > div + input.form-submit, .page-node-add-problem #block-conf-eform-caree-page-side-slide
.btn-group-lg .owl-nav > div + input.form-submit,
.btn-group-lg .page-node-add-problem .btn + .geolocation-client-location, .page-node-add-problem
.btn-group-lg .btn + .geolocation-client-location,
.btn-group-lg .page-node-add-problem .pagination-classic > li > a + .geolocation-client-location, .page-node-add-problem
.btn-group-lg .pagination-classic > li > a + .geolocation-client-location,
.btn-group-lg .page-node-add-problem
.pagination-classic > li > span + .geolocation-client-location, .page-node-add-problem
.btn-group-lg
.pagination-classic > li > span + .geolocation-client-location,
.btn-group-lg .page-careers .field-name-field-search-rotator-links .field-items .field-item:first-child .page-node-add-problem a + .geolocation-client-location, .page-node-add-problem
.btn-group-lg .page-careers .field-name-field-search-rotator-links .field-items .field-item:first-child a + .geolocation-client-location, .page-careers .field-name-field-search-rotator-links .field-items .field-item:first-child
.btn-group-lg .page-node-add-problem a + .geolocation-client-location, .page-node-add-problem .page-careers .field-name-field-search-rotator-links .field-items .field-item:first-child
.btn-group-lg a + .geolocation-client-location,
.btn-group-lg .page-careers .field-name-field-what-waiting-links .field-items .field-item .page-node-add-problem a + .geolocation-client-location, .page-node-add-problem
.btn-group-lg .page-careers .field-name-field-what-waiting-links .field-items .field-item a + .geolocation-client-location, .page-careers .field-name-field-what-waiting-links .field-items .field-item
.btn-group-lg .page-node-add-problem a + .geolocation-client-location, .page-node-add-problem .page-careers .field-name-field-what-waiting-links .field-items .field-item
.btn-group-lg a + .geolocation-client-location,
.btn-group-lg .page-careers .field-name-field-job-with-partners-link .field-items .field-item .page-node-add-problem a + .geolocation-client-location, .page-node-add-problem
.btn-group-lg .page-careers .field-name-field-job-with-partners-link .field-items .field-item a + .geolocation-client-location, .page-careers .field-name-field-job-with-partners-link .field-items .field-item
.btn-group-lg .page-node-add-problem a + .geolocation-client-location, .page-node-add-problem .page-careers .field-name-field-job-with-partners-link .field-items .field-item
.btn-group-lg a + .geolocation-client-location,
.btn-group-lg .custom-project .view-project-event .view-footer .page-node-add-problem a + .geolocation-client-location, .page-node-add-problem
.btn-group-lg .custom-project .view-project-event .view-footer a + .geolocation-client-location, .custom-project .view-project-event .view-footer
.btn-group-lg .page-node-add-problem a + .geolocation-client-location, .page-node-add-problem .custom-project .view-project-event .view-footer
.btn-group-lg a + .geolocation-client-location,
.btn-group-lg .project-call-to-action .field-item .page-node-add-problem a + .geolocation-client-location, .page-node-add-problem
.btn-group-lg .project-call-to-action .field-item a + .geolocation-client-location, .project-call-to-action .field-item
.btn-group-lg .page-node-add-problem a + .geolocation-client-location, .page-node-add-problem .project-call-to-action .field-item
.btn-group-lg a + .geolocation-client-location,
.btn-group-lg .page-node-add-problem input.form-submit + .geolocation-client-location, .page-node-add-problem
.btn-group-lg input.form-submit + .geolocation-client-location,
.btn-group-lg .page-node-add-problem .geolocation-client-location + .geolocation-client-location, .page-node-add-problem
.btn-group-lg .geolocation-client-location + .geolocation-client-location,
.btn-group-lg .page-node-add-problem .geolocation-address-geocode + .geolocation-client-location, .page-node-add-problem
.btn-group-lg .geolocation-address-geocode + .geolocation-client-location,
.btn-group-lg #block-conf-eform-caree-page-side-slide .page-node-add-problem .owl-nav > div + .geolocation-client-location, .page-node-add-problem
.btn-group-lg #block-conf-eform-caree-page-side-slide .owl-nav > div + .geolocation-client-location, #block-conf-eform-caree-page-side-slide
.btn-group-lg .page-node-add-problem .owl-nav > div + .geolocation-client-location, .page-node-add-problem #block-conf-eform-caree-page-side-slide
.btn-group-lg .owl-nav > div + .geolocation-client-location,
.btn-group-lg .page-node-add-problem .btn + .geolocation-address-geocode, .page-node-add-problem
.btn-group-lg .btn + .geolocation-address-geocode,
.btn-group-lg .page-node-add-problem .pagination-classic > li > a + .geolocation-address-geocode, .page-node-add-problem
.btn-group-lg .pagination-classic > li > a + .geolocation-address-geocode,
.btn-group-lg .page-node-add-problem
.pagination-classic > li > span + .geolocation-address-geocode, .page-node-add-problem
.btn-group-lg
.pagination-classic > li > span + .geolocation-address-geocode,
.btn-group-lg .page-careers .field-name-field-search-rotator-links .field-items .field-item:first-child .page-node-add-problem a + .geolocation-address-geocode, .page-node-add-problem
.btn-group-lg .page-careers .field-name-field-search-rotator-links .field-items .field-item:first-child a + .geolocation-address-geocode, .page-careers .field-name-field-search-rotator-links .field-items .field-item:first-child
.btn-group-lg .page-node-add-problem a + .geolocation-address-geocode, .page-node-add-problem .page-careers .field-name-field-search-rotator-links .field-items .field-item:first-child
.btn-group-lg a + .geolocation-address-geocode,
.btn-group-lg .page-careers .field-name-field-what-waiting-links .field-items .field-item .page-node-add-problem a + .geolocation-address-geocode, .page-node-add-problem
.btn-group-lg .page-careers .field-name-field-what-waiting-links .field-items .field-item a + .geolocation-address-geocode, .page-careers .field-name-field-what-waiting-links .field-items .field-item
.btn-group-lg .page-node-add-problem a + .geolocation-address-geocode, .page-node-add-problem .page-careers .field-name-field-what-waiting-links .field-items .field-item
.btn-group-lg a + .geolocation-address-geocode,
.btn-group-lg .page-careers .field-name-field-job-with-partners-link .field-items .field-item .page-node-add-problem a + .geolocation-address-geocode, .page-node-add-problem
.btn-group-lg .page-careers .field-name-field-job-with-partners-link .field-items .field-item a + .geolocation-address-geocode, .page-careers .field-name-field-job-with-partners-link .field-items .field-item
.btn-group-lg .page-node-add-problem a + .geolocation-address-geocode, .page-node-add-problem .page-careers .field-name-field-job-with-partners-link .field-items .field-item
.btn-group-lg a + .geolocation-address-geocode,
.btn-group-lg .custom-project .view-project-event .view-footer .page-node-add-problem a + .geolocation-address-geocode, .page-node-add-problem
.btn-group-lg .custom-project .view-project-event .view-footer a + .geolocation-address-geocode, .custom-project .view-project-event .view-footer
.btn-group-lg .page-node-add-problem a + .geolocation-address-geocode, .page-node-add-problem .custom-project .view-project-event .view-footer
.btn-group-lg a + .geolocation-address-geocode,
.btn-group-lg .project-call-to-action .field-item .page-node-add-problem a + .geolocation-address-geocode, .page-node-add-problem
.btn-group-lg .project-call-to-action .field-item a + .geolocation-address-geocode, .project-call-to-action .field-item
.btn-group-lg .page-node-add-problem a + .geolocation-address-geocode, .page-node-add-problem .project-call-to-action .field-item
.btn-group-lg a + .geolocation-address-geocode,
.btn-group-lg .page-node-add-problem input.form-submit + .geolocation-address-geocode, .page-node-add-problem
.btn-group-lg input.form-submit + .geolocation-address-geocode,
.btn-group-lg .page-node-add-problem .geolocation-client-location + .geolocation-address-geocode, .page-node-add-problem
.btn-group-lg .geolocation-client-location + .geolocation-address-geocode,
.btn-group-lg .page-node-add-problem .geolocation-address-geocode + .geolocation-address-geocode, .page-node-add-problem
.btn-group-lg .geolocation-address-geocode + .geolocation-address-geocode,
.btn-group-lg #block-conf-eform-caree-page-side-slide .page-node-add-problem .owl-nav > div + .geolocation-address-geocode, .page-node-add-problem
.btn-group-lg #block-conf-eform-caree-page-side-slide .owl-nav > div + .geolocation-address-geocode, #block-conf-eform-caree-page-side-slide
.btn-group-lg .page-node-add-problem .owl-nav > div + .geolocation-address-geocode, .page-node-add-problem #block-conf-eform-caree-page-side-slide
.btn-group-lg .owl-nav > div + .geolocation-address-geocode,
.btn-group-lg #block-conf-eform-caree-page-side-slide .owl-nav > .btn + div, #block-conf-eform-caree-page-side-slide
.btn-group-lg .owl-nav > .btn + div,
.btn-group-lg #block-conf-eform-caree-page-side-slide .pagination-classic > li.owl-nav > a + div, #block-conf-eform-caree-page-side-slide
.btn-group-lg .pagination-classic > li.owl-nav > a + div,
.btn-group-lg #block-conf-eform-caree-page-side-slide
.pagination-classic > li.owl-nav > span + div, #block-conf-eform-caree-page-side-slide
.btn-group-lg
.pagination-classic > li.owl-nav > span + div,
.btn-group-lg .page-careers .field-name-field-search-rotator-links .field-items .field-item:first-child #block-conf-eform-caree-page-side-slide .owl-nav > a + div, #block-conf-eform-caree-page-side-slide
.btn-group-lg .page-careers .field-name-field-search-rotator-links .field-items .field-item:first-child .owl-nav > a + div, .page-careers .field-name-field-search-rotator-links .field-items .field-item:first-child
.btn-group-lg #block-conf-eform-caree-page-side-slide .owl-nav > a + div, #block-conf-eform-caree-page-side-slide .page-careers .field-name-field-search-rotator-links .field-items .field-item:first-child
.btn-group-lg .owl-nav > a + div,
.btn-group-lg .page-careers .field-name-field-what-waiting-links .field-items .field-item #block-conf-eform-caree-page-side-slide .owl-nav > a + div, #block-conf-eform-caree-page-side-slide
.btn-group-lg .page-careers .field-name-field-what-waiting-links .field-items .field-item .owl-nav > a + div, .page-careers .field-name-field-what-waiting-links .field-items .field-item
.btn-group-lg #block-conf-eform-caree-page-side-slide .owl-nav > a + div, #block-conf-eform-caree-page-side-slide .page-careers .field-name-field-what-waiting-links .field-items .field-item
.btn-group-lg .owl-nav > a + div,
.btn-group-lg .page-careers .field-name-field-job-with-partners-link .field-items .field-item #block-conf-eform-caree-page-side-slide .owl-nav > a + div, #block-conf-eform-caree-page-side-slide
.btn-group-lg .page-careers .field-name-field-job-with-partners-link .field-items .field-item .owl-nav > a + div, .page-careers .field-name-field-job-with-partners-link .field-items .field-item
.btn-group-lg #block-conf-eform-caree-page-side-slide .owl-nav > a + div, #block-conf-eform-caree-page-side-slide .page-careers .field-name-field-job-with-partners-link .field-items .field-item
.btn-group-lg .owl-nav > a + div,
.btn-group-lg .custom-project .view-project-event .view-footer #block-conf-eform-caree-page-side-slide .owl-nav > a + div, #block-conf-eform-caree-page-side-slide
.btn-group-lg .custom-project .view-project-event .view-footer .owl-nav > a + div, .custom-project .view-project-event .view-footer
.btn-group-lg #block-conf-eform-caree-page-side-slide .owl-nav > a + div, #block-conf-eform-caree-page-side-slide .custom-project .view-project-event .view-footer
.btn-group-lg .owl-nav > a + div,
.btn-group-lg .project-call-to-action .field-item #block-conf-eform-caree-page-side-slide .owl-nav > a + div, #block-conf-eform-caree-page-side-slide
.btn-group-lg .project-call-to-action .field-item .owl-nav > a + div, .project-call-to-action .field-item
.btn-group-lg #block-conf-eform-caree-page-side-slide .owl-nav > a + div, #block-conf-eform-caree-page-side-slide .project-call-to-action .field-item
.btn-group-lg .owl-nav > a + div,
.btn-group-lg .page-node-add-problem #block-conf-eform-caree-page-side-slide .owl-nav > input.form-submit + div, #block-conf-eform-caree-page-side-slide
.btn-group-lg .page-node-add-problem .owl-nav > input.form-submit + div, .page-node-add-problem
.btn-group-lg #block-conf-eform-caree-page-side-slide .owl-nav > input.form-submit + div, #block-conf-eform-caree-page-side-slide .page-node-add-problem
.btn-group-lg .owl-nav > input.form-submit + div,
.btn-group-lg .page-node-add-problem #block-conf-eform-caree-page-side-slide .owl-nav > .geolocation-client-location + div, #block-conf-eform-caree-page-side-slide
.btn-group-lg .page-node-add-problem .owl-nav > .geolocation-client-location + div, .page-node-add-problem
.btn-group-lg #block-conf-eform-caree-page-side-slide .owl-nav > .geolocation-client-location + div, #block-conf-eform-caree-page-side-slide .page-node-add-problem
.btn-group-lg .owl-nav > .geolocation-client-location + div,
.btn-group-lg .page-node-add-problem #block-conf-eform-caree-page-side-slide .owl-nav > .geolocation-address-geocode + div, #block-conf-eform-caree-page-side-slide
.btn-group-lg .page-node-add-problem .owl-nav > .geolocation-address-geocode + div, .page-node-add-problem
.btn-group-lg #block-conf-eform-caree-page-side-slide .owl-nav > .geolocation-address-geocode + div, #block-conf-eform-caree-page-side-slide .page-node-add-problem
.btn-group-lg .owl-nav > .geolocation-address-geocode + div,
.btn-group-lg #block-conf-eform-caree-page-side-slide .owl-nav > div + div, #block-conf-eform-caree-page-side-slide
.btn-group-lg .owl-nav > div + div {
  margin-left: -2px; }
    

Control your tools

Don't let them control you.

Understand your dependencies and
why you're adding them.

full-stack/php

css-in-js

CSS in JS?

Let's learn Specificity

Performance Budget

Cost

Benefit

Internationalization

Credit: Zaminamina

A group of five woman, Gulf tourists wearing traditional islamic full veils, called niqab, in Istanbul.

Internationalization

  • Page encoding
  • Translation
  • Cultural appropriateness
  • Localization
  • Language selection
  • Bi-directionality
  • CSS: Flexbox and Grid

Plan ahead!

Direction

main-axis

Top to Bottom Language

showing top to bottom language with flex

Right to left

Accessibility

Accessibility

Accessibility

Accessibility

HTML is by default accessible.
Our jobs as developers is to
not f**k that up.

Accessibility

  • Use semantic HTML (links for links, with href!)
  • Declare the language
  • Don't break accessibilty (with CSS)
  • Think about accessibility with EVERY decision
  • Turn off the sound and unplug your mouse

Hire a front end engineer to
architect the front end

Destroy Semantics with CSS

table {
  display: grid;
}

Table semantics

Frozen Header Table

ARIA as a backup

<table role="table" aria-label="Semantic Elements" aria-describedby="semantic_elements_table_desc" aria-rowcount="81">   
  <caption id="semantic_elements_table_desc">Semantic Elements to use instead of ARIA's roles</caption>   
  <thead role="rowgroup">      
     <tr role="row">        
       <th role="columnheader" aria-sort="none">ARIA Role</th>
       <th role="columnheader" aria-sort="none">Semantic Element</th>      
     </tr>    
  </thead>
  <tbody role="rowgroup">     
     <tr role="row" aria-rowindex="11">        
       <td role="cell">header</td>
       <td role="cell">h1</td>
     </tr>
     <tr role="row" aria-rowindex="16">
       <td role="cell">header</td>
       <td role="cell">h6</td>
     </tr>
     <tr role="row" aria-rowindex="18">
       <td role="cell">rowgroup</td>
       <td role="cell">thead</td>
     </tr>
     <tr role="row" aria-rowindex="24">
       <td role="cell">term</td>
       <td role="cell">dt</td>
     </tr>
   </tbody>
 </table>

User Experience

Accessibility

Do it right the first time

Best Practices

  • Think about accessibility for EVERY decision
  • Turn off the sound and unplug your mouse
  • Test changes (as part of build process?)
  • Use semantic HTML (links for links, with href!)
  • Declare the language
  • Don't f**k is up with CSS

Security

Security

Security

Privacy

Privacy & Security

Abused woman with abuser whispering in her ear

How can your product be exploited?

Abused woman with abuser whispering in her ear

User Experience Design

User Experience Design

User Experience Design

Credit:?
A user interface is like a joke. If you have to explain it, it’s not that good.

Diversity

Material Design Icons

Always think about...

  • Accessibility
  • Performance
  • Internationalization
  • Security
  • Privacy
  • User experience

Engineering Performance

"Fast to Code"

Get it right the first time.

Performance?

Plan ahead

Always keep it in mind

Diversity

airline_seat_flat airline_seat_flat_angled

Accessibility?

Plan ahead

Always keep it in mind

Diversity

airline_seat_flat airline_seat_flat_angled airline_seat_individual_suite airline_seat_legroom_extra

Internationalization?

Plan ahead

Always keep it in mind

Diversity

airline_seat_flat airline_seat_flat_angled airline_seat_individual_suite airline_seat_legroom_extra airline_seat_legroom_normal airline_seat_legroom_reduced

Security?

Plan ahead

Always keep it in mind

Diversity

airline_seat_flat airline_seat_flat_angled airline_seat_individual_suite airline_seat_legroom_extra airline_seat_legroom_normal airline_seat_legroom_reduced airline_seat_recline_extra airline_seat_recline_normal

Privacy?

Plan ahead

Always keep it in mind

Diversity

airline_seat_flat airline_seat_flat_angled airline_seat_individual_suite airline_seat_legroom_extra airline_seat_legroom_normal airline_seat_legroom_reduced airline_seat_recline_extra airline_seat_recline_normal airplanemode_active airplanemode_inactive

User Experience?

Good design: Usable and intuitive

Always keep it in mind

Diversity

airline_seat_flat airline_seat_flat_angled airline_seat_individual_suite airline_seat_legroom_extra airline_seat_legroom_normal airline_seat_legroom_reduced airline_seat_recline_extra airline_seat_recline_normal airplanemode_active airplanemode_inactive accessible accessible_forward pregnant_woman
  • User Experience
  • UX Design
  • Accessibility
  • Performance
  • Security
  • Privacy
  • Internationalization
  • Developer Experience
  • Frameworks
  • Libraries
  • Post processors
  • Pre processors
  • 3rd party scripts
  • APIs, widgets, etc.

If your original site goals don't include best practices, including:

  • performance
  • accessibility
  • internationalization
  • privacy
  • security
  • UX

You're building debt you will always be band-aiding.

All sites, no matter the size, need to hire front end engineers from the get go. If not, you create tech debt that costs more to fix that it would to create.

If you can’t afford a FEE today,
you can't afford a complete refactor tomorrow.

The point: (TL;DR;)

  1. Understand your tools, languages and features you are adding, or may add, to your code.
  2. Always consider all six tenets of user experience as you code. (a.k.a. Engineer!)
  3. Taking the time to do it right the first time is FAST TO CODE. Refactoring is NOT.
  4. Control your tools. Don't let them control you.

Estelle Weyl

www.standardista.com

www.PerfMattersConf.com

@estellevw
@standardista

Mobile HTML5 Front End Masters HTML5 and CSS3 for the Real World Animations and Transitions with CSS Web Performance Daybook CSS: The Definitive Guide Flexbox in CSS