@import url("https://cdn.materialdesignicons.com/3.4.93/css/materialdesignicons.min.css");
@import url("https://fonts.googleapis.com/css?family=Merriweather:300,300i,400,400i,500,500i,700,700i|Noto+Serif+SC:400,500|Nunito+Sans:400,700");

body { margin: 0; padding: 0; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif; font-size: 17px; line-height: 1.7; background: #F8F9FA; color: #3C4858; position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important; }
* { box-sizing: border-box; outline: 0 none; margin: 0; padding: 0; -webkit-tap-highlight-color: transparent; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%; -webkit-overflow-scrolling: touch; }

body { opacity: 0; transition: opacity 0.5s ease;}
body[data-loaded=true]  { opacity: 1; }

a, a:visited { color: #008CDD; text-decoration: none; cursor: pointer; }
a:hover { text-decoration: underline; }
a:hover span { text-decoration: underline; }
b { font-weight: 600; }
h1, h2, h2, h3, h4, h5, h6, p { padding: 0; margin: 0 0 20px; line-height: inherit; }
.clear { clear: both; }
hr { border: 0 none; border-top: 1px solid rgba(0,0,0,0.05); margin: 20px 0; }
.container { position: relative; width: calc(100% - 70px); max-width: 1100px; margin: 0 auto; }
.middle { top: 50%; transform: translateY(-50%); }
.middle-tc { display: table-cell; vertical-align: middle; }
.ts { text-shadow: 0 0 250px rgba(0,0,0,0.6), 0 0 10px rgba(0,0,0,0.2); text-shadow: 0 0 250px rgba(75,89,102,0.8), 0 0 10px rgba(75,89,102,0.3); }

.header { position: absolute; top: 0; left: 50%; width: 100%; max-width: 2000px; transform: translateX(-50%); color: #3C4858; color: white; z-index: 100; font-size: 0; padding: 40px 0; }
.header .logo { position: relative; display: inline-block; height: 40px; color: inherit; }
.header .logo img { position: relative; max-height: 100%; top: 50%; transform: translateY(-50%); margin-right: 15px; }
.header .logo .name { float: right; font-size: 20px; line-height: 40px; font-weight: 600; letter-spacing: 0.5px; color: inherit; font-size: 30px; letter-spacing: 0.5px; font-weight: bold; }
.header .nav { font-size: 18px; position: absolute; top: 0; right: 0; line-height: 40px; color: inherit; }
.header .nav a { display: inline-block; color: inherit; text-decoration: none; font-weight: 600; margin-left: 50px; }

.header .nav a:before,
.hero .hero-cta:before { display: inline-block; font-family: "Material Design Icons"; font-weight: normal; margin: 0 10px 0 -8px; opacity: 0.8; transform: translateY(1px); }
.hero .hero-cta:before { margin: 0 10px 0 0; opacity: 1; }

.header .nav a[target="_blank"]:before { content: "\F3CC"; }

.header .nav a[href^="mailto"]:before,
.header .nav a[data-url^="mailto"]:before,
.hero .hero-cta[href^="mailto"]:before,
.hero .hero-cta[data-url^="mailto"]:before { content: "\F1F0"; }

.header .nav a[href^="tel"]:before,
.header .nav a[data-url^="tel"]:before,
.hero .hero-cta[href^="tel"]:before,
.hero .hero-cta[data-url^="tel"]:before { content: "\F3F2"; }

.header .nav a[href^="sms"]:before,
.header .nav a[data-url^="sms"]:before,
.hero .hero-cta[href^="sms"]:before,
.hero .hero-cta[data-url^="sms"]:before { content: "\F36A"; }

.header .nav a[href*="youtube.com"]:before,
.header .nav a[data-url*="youtube.com"]:before,
.header .nav a[href*="youtu.be"]:before,
.header .nav a[data-url^="youtu.be"]:before,
.hero .hero-cta[href*="youtube.com"]:before,
.hero .hero-cta[data-url*="youtube.com"]:before,
.hero .hero-cta[href*="youtu.be"]:before,
.hero .hero-cta[data-url^="youtu.be"]:before { content: "\F5C3"; }

.header .nav a[href*="yelp.com"]:before,
.header .nav a[data-url*="yelp.com"]:before,
.hero .hero-cta[href*="yelp.com"]:before,
.hero .hero-cta[data-url*="yelp.com"]:before { content: "\F5C2"; }

.header .nav a[href*="instagram.com"]:before,
.header .nav a[data-url*="instagram.com"]:before,
.hero .hero-cta[href*="instagram.com"]:before,
.hero .hero-cta[data-url*="instagram.com"]:before { content: "\F2FE"; }

.header .nav a[href*="/login"]:before,
.header .nav a[data-url*="/login"]:before { content: "\F5FC"; }

/* https://m.me/username */
.header .nav a[href*="m.me"]:before,
.header .nav a[data-url*="m.me"]:before,
.hero .hero-cta[href*="m.me"]:before,
.hero .hero-cta[data-url*="m.me"]:before { content: "\F20E"; }

/* https://wa.me/15128675309 */
.header .nav a[href*="wa.me"]:before,
.header .nav a[data-url*="wa.me"]:before,
.hero .hero-cta[href*="wa.me"]:before,
.hero .hero-cta[data-url*="wa.me"]:before { content: "\F5A3"; }

.header .nav a:first-child { margin-left: 0; }
.header .nav a:hover { text-decoration: underline; }
.header .nav-toggle { display: none; position: absolute; font-size: 28px; line-height: 42px; top: 0; right: 0; cursor: pointer; }

.section { position: relative; padding: 130px 0; overflow: hidden; background: white; max-width: 2000px; margin: 0 auto; }
.section:nth-child(even) { background-color: #F8F9FA; }

.section h2 { font-size: 38px; line-height: 1.3; margin: 0 0 30px; max-width: 820px; font-weight: 600; }
.section h3 { font-size: 20px; line-height: 1.5; font-weight: normal; max-width: 820px; opacity: 0.8; margin: 0 0 30px; max-width: 700px; }

.hero { display: table; position: relative; width: 100%; height: 100%; text-align: center; color: white; padding: 70px 0 0; max-height: 680px; min-height: 600px; z-index: 1; }
.hero h1 { font-size: 70px; max-width: 900px; padding: 0 15px; line-height: 1.2; letter-spacing: 1px; margin: 0 auto; }
.hero p { display: none; }
.hero .hero-actions { width: calc(100% - 50px); max-width: 850px; margin: 45px auto -15px; padding: 15px; }
.hero .hero-cta { background: white; color: #3C4858; color: rgba(60,72,88,0.85); padding: 0 35px; display: inline-block; border-radius: 5px; line-height: 50px; font-size: 17px; text-transform: uppercase; font-weight: bold; text-decoration: none; letter-spacing: 1px; box-shadow: 0 2px 2px rgba(0,0,0,0.1); mix-blend-mode: hard-light; cursor: pointer; }
.hero .hero-cta:empty:after { content: "Learn More"; }
.hero .hero-background { background-image: url("https://source.unsplash.com/collection/503069/2500x1875"); background-size: cover; background-position: center center; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -2; }
.hero .hero-background:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(75,89,102,0.1); z-index: -1; }
.hero .hero-graphic { display: none; }
.hero .hero-actions-form { display: none; position: relative; background: white; border-radius: 5px; box-shadow: 0 2px 2px rgba(0,0,0,0.1); margin: 0 auto; overflow: hidden; max-width: 520px; font-size: 0; }
.hero .hero-actions-form input { -webkit-appearance: none; appearance: none; border: 0 none; outline: 0 none; background: transparent; }
.hero .hero-actions-form input[type=email] { position: relative; font-size: 16px; line-height: 20px; letter-spacing: 0.2px; padding: 25px 20px; width: 100%; }
.hero .hero-actions-form input[type=submit] { position: absolute; top: 10px; right: 10px; font-size: 17px; line-height: 50px; border-radius: 5px; background: #227EF7; color: white; font-weight: 500; padding: 0 20px; box-shadow: 0 1px 2px rgba(0,0,0,0.1), 0 -1px 0 rgba(0,0,0,0.2) inset; outline: 10px solid white; cursor: pointer; opacity: 0.9; transition: opacity 0.3s ease; }
.hero .hero-actions-form input[type=submit]:hover { opacity: 1; }

.hero-video { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -2; background-size: cover; background-position: center center; pointer-events: none; }
.hero-video:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(75,89,102,0.4); z-index: 1; }
.hero video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; z-index: 0; }

a.link-to-section { display: block !important; text-align: left; border-top: 1px solid rgba(0,0,0,0.05); padding-top: 20px; font-weight: 500; pointer-events: all; text-decoration: none !important; font-size: 16px; cursor: pointer; }
a.link-to-section span { border-bottom: 1px solid transparent; padding-bottom: 2px; transition: all 0.3s ease; }
a.link-to-section:hover span { border-bottom: 1px solid #008CDD; text-decoration: none; }
a.link-to-section:after { content: "\F055"; font-family: "Material Design Icons"; font-size: 13px; margin-left: 6px; font-weight: normal; }

.features { text-align: center; }
.features h2, .features h3 { margin-left: auto; margin-right: auto; }
.features ul { list-style: none; font-size: 0; margin: 60px -50px -60px 0; }
.features li { display: inline-block; width: calc(100% / 3); font-size: 17px; padding: 0 50px 50px 0; vertical-align: top; }
.features li:first-child:nth-last-child(2),
.features li:first-child:nth-last-child(2) ~ li,
.features li:first-child:nth-last-child(4),
.features li:first-child:nth-last-child(4) ~ li { width: calc(100% / 2); }
.features .icon { position: relative; display: inline-block; width: 64px; line-height: 64px; text-align: center; margin: 0 0 20px; border-radius: 100%; color: #6C63FF; background: rgba(108,99,255,0.3); }
.features .icon:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 100%; background: rgba(255,255,255,0.75); }
.features .mdi { display: block; font-size: 30px; opacity: 0.8; }
.features h4 { font-size: 20px; line-height: 1.4; margin: 0 0 15px; font-weight: 600; opacity: 0.9; }
.features p { opacity: 1; pointer-events: all; }

.team { text-align: center; }
.team h2, .team h3 { margin-left: auto; margin-right: auto; }
.team ul { list-style: none; font-size: 0; margin: 60px 0 -30px; }
.team li { display: inline-block; width: calc(100% / 4); font-size: 16px; padding: 0 0 30px; vertical-align: top; }
.team li:first-child:nth-last-child(5),
.team li:first-child:nth-last-child(5) ~ li,
.team li:first-child:nth-last-child(6),
.team li:first-child:nth-last-child(6) ~ li,
.team li:first-child:nth-last-child(9),
.team li:first-child:nth-last-child(9) ~ li { width: calc(100% / 3); }
.team li:first-child:nth-last-child(10),
.team li:first-child:nth-last-child(10) ~ li { width: calc(100% / 5); }
.team .team-member-photo { position: relative; display: inline-block; width: 100px; height: 100px; text-align: center; margin: 0 0 15px; border-radius: 100%; background: #DFE5E7; box-shadow: 0 1px 2px rgba(0,0,0,0.1); border: 2px solid white; overflow: hidden; }
.team .team-member-photo:before { content: "\F004"; font-family: "Material Design Icons"; color: white; position: absolute; top: 0; left: -10px; font-size: 120px; line-height: 1; }
.team .team-member-photo img { object-fit: cover; width: 100%; height: 100%; position: relative; }
.team .mdi { display: block; font-size: 30px; opacity: 0.8; }
.team h4 { font-size: 16px; line-height: 1.3; margin: 0; font-weight: 600; opacity: 0.9; }
.team h5 { font-size: 14px; font-weight: 500; opacity: 0.4; margin: 0 0 10px; }
.team p { opacity: 0.8; display: none; }

.press { padding: 80px 0; text-align: center; }
.press h2 { margin-left: auto; margin-right: auto; max-width: none; font-size: 28px; font-weight: 300; opacity: 0.7; }
.press ul { list-style: none; font-size: 0; margin: 60px -50px -60px 0; pointer-events: all !important; }
.press li { display: inline-block; width: 20%; font-size: 16px; padding: 0 50px 50px 0; vertical-align: top; }
.press li img { width: 140px; max-width: 100%; height: 60px; object-fit: contain; filter: grayscale(1); opacity: 0.3; transition: all 0.3s ease; cursor: default; }
.press li img:hover { opacity: 1; filter: none; }

.section ul { pointer-events: none; }

.content a, .features a { display: inline-block; }
.content p:last-child { margin: 0; }

.content.single-content .text { max-width: 800px; text-align: center; margin: 0 auto; }
.content.single-content.align-left .text { text-align: left; margin: 0; }

.content.split-content .text { padding: 0 calc(50% + 60px) 0 0; } 
.content.split-content .image { position: absolute; top: 0; left: 50%; width: 50%; height: 100%; overflow: hidden; }
.content.split-content .image img { width: 100%; height: 100%; object-fit: cover; }
.content.split-content.contained-image .image img { width: 100%; height: auto; max-width: calc(100% - 100px); max-height: 600px; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); position: absolute; }
.content.split-content.contained-image .image { box-shadow: -1px 0 0 rgba(0,0,0,0.02); }
.content.split-content.contained-image.inverted .image { box-shadow: -1px 0 0 rgba(0,0,0,0.02) inset; }
.content.split-content.inverted .text { padding: 0 0 0 calc(50% + 60px); }
.content.split-content.inverted .image { left: auto; right: 50%; }

.content.double-content:before { content: ""; position: absolute; top: 0; left: 50%; width: 1px; height: 100%; background: rgba(0,0,0,0.05); }
.content.double-content .text { float: left; width: 50%; padding: 0 60px 0 0; }
.content.double-content .text:nth-child(2) { float: right; padding: 0 0 0 60px; }

.section-elevator-scroll { font-weight: 600; display: inline-block; cursor: pointer; margin: 25px 5px 15px; text-transform: uppercase; letter-spacing: 0.2px; border-bottom: 2px solid #227EF7; line-height: 1; padding: 0 0 4px; color: #227EF7; opacity: 0.9; transition: all 0.3s ease; }
.section-elevator-scroll:hover { color: #3366CC; border-bottom-color: #3366CC; opacity: 1; }

.slideshow { position: relative; font-size: 0; width: 100%; overflow: auto; white-space: nowrap; margin: 0 auto; box-shadow: 0 0 5px rgba(0,0,0,0.1); padding: 20px; border-radius: 2px; }
.slideshow .slideshow-outer { position: relative; width: calc(100% - 100px); height: 0; padding: 0 0 56.605%; }
.slideshow .slideshow-inner { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.slideshow .photo { position: relative; display: inline-block; width: 100%; height: 100%; text-align: center; margin-right: 20px; border-radius: 2px; overflow: hidden; }
.slideshow .photo img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }
.slideshow .indicator { opacity: 1; }
.slideshow .indicator.active { opacity: 1; }

.contact { overflow: hidden; }
.contact .contact-info { display: inline-block; width: calc(100% + 30px); min-height: 200px; max-width: 380px; margin: 0 0 0 -15px; }
.contact .contact-block { display: block; color: inherit; position: relative; padding: 10px 15px 10px 50px; text-decoration: none; cursor: pointer; transition: all 0.3s ease; }
.contact .contact-block:hover { background: rgba(0,0,0,0.01); padding-right: 35px; }
.contact .contact-block span { text-decoration: none !important; }
.contact .contact-block span.mdi { position: absolute; top: 14px; line-height: 1; left: 15px; font-size: inherit; line-height: 20px; width: 20px; opacity: 0.8; letter-spacing: 0.5px; }
.contact .contact-block span.text { display: block; color: #008CDD; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.contact .contact-block span.text.strong { color: inherit; font-weight: 600; margin: 0 0 -1px; }
.contact .contact-block span.text.weak { color: inherit; opacity: 0.6; }
.contact .contact-block span.guide.mdi { left: auto; right: 15px; top: 50%; margin-top: -10px; opacity: 0; transition: all 0.3s ease; }
.contact .contact-block:hover span.guide.mdi { opacity: 0.5; }
.contact .map { position: absolute; top: 0; left: 50%; width: 50%; height: 100%; overflow: hidden; pointer-events: none; }
.contact .map iframe { border: 0 none; position: absolute; top: -150px; left: 0; width: 100%; height: calc(100% + 300px); }
.contact .contact-form form { position: relative; width: 100%; max-width: 440px; margin: -30px 0 0 0; }
.contact .contact-form input, textarea { display: block; width: 100%; margin: 0 0 15px; -webkit-appearance: none; appearance: none; border: 0 none; outline: 0 none; font-size: 16px; font-family: inherit; line-height: 20px; letter-spacing: 0.2px; padding: 15px; box-shadow: 0 1px 2px rgba(0,0,0,0.1), 0 0 0 1px rgba(0,0,0,0.025); resize: none; border-radius: 3px; }
.contact .contact-form input[type=submit] { box-shadow: 0 1px 2px rgba(0,0,0,0.1), 0 0 0 1px rgba(0,0,0,0.025), 0 -2px 0 rgba(0,0,0,0.1) inset; background: #227EF7; color: white; font-weight: 600; letter-spacing: 0.5px; font-size: 17px; margin: 0; padding: 0; line-height: 50px; cursor: pointer; opacity: 0.9; transition: opacity 0.3s ease; }
.contact .contact-form input[type=submit]:hover { opacity: 1; }
.contact .contact-form input[type=submit]:focus { text-decoration: underline; }

.footer { padding: 15px 0 !important; text-align: center; font-size: 0; overflow: visible; min-height: 84px; z-index: 1; }
.footer .container { width: auto; display: inline-block; }
.footer a.social-icon { color: rgba(132,146,166,0.6); display: none; width: 54px; line-height: 54px; font-size: 24px; transition: color 0.3s ease; cursor: pointer; }
.footer a.social-icon.active { display: inline-block; }
.footer a.social-icon:hover { color: #8492A6; }
.footer a.social-icon .mdi { opacity: 1; }

body[data-theme=b] .ts { text-shadow: 0 0 0 transparent; }
body[data-theme=b] .header { color: inherit; }
body[data-theme=b] .header .logo img { padding-left: 5px; }
body[data-theme=b] .hero { background-color: #FAFAFA; background-color: transparent; background-image: none !important; color: #323648; text-align: left; display: block; padding: 70px 0 0; box-shadow: 0 0 1px rgba(0,0,0,0.1); }
body[data-theme=b] .hero .container { display: block; top: 50%; transform: translateY(-50%); padding-right: 570px; }
body[data-theme=b] .hero h1 { margin: 0 0 20px; padding: 0; font-size: 42px; }
body[data-theme=b] .hero p { display: block; font-size: 18px; line-height: 1.8; margin: 0 0 20px; opacity: 0.8; }
body[data-theme=b] .hero .hero-actions { width: calc(100% - 20px); padding: 5px 0; margin: 25px 10px 0; max-width: 450px; }
body[data-theme=b] .hero .hero-cta { background: #227EF7; color: white; mix-blend-mode: normal; box-shadow: 0 1px 2px rgba(0,0,0,0.1), 0 -1px 0 rgba(0,0,0,0.2) inset; padding: 0 20px; text-transform: none; margin: 0 0 0 -5px; font-weight: 600; min-width: 150px; text-align: center; opacity: 0.9; transition: opacity 0.3s ease; }
body[data-theme=b] .hero .hero-cta:hover { opacity: 1; }
body[data-theme=b] .hero .hero-background { display: none; } 
body[data-theme=b] .hero .hero-background:before { display: none; }
body[data-theme=b] .hero .hero-video { display: none !important; } 
body[data-theme=b] .hero .hero-video:before { display: none !important; }
body[data-theme=b] .hero .hero-graphic { background-size: contain; background-repeat: no-repeat; background-position: center center; position: absolute; top: calc(50% + 35px); left: 50%; width: 50%; max-width: 550px; max-height: 550px; height: calc(100% - 200px); display: block; transform: translateY(-50%); }
body[data-theme=b] .hero .hero-actions-form { box-shadow: 0 1px 2px rgba(0,0,0,0.1); margin: 0 0 0 -5px; width: calc(100% + 10px); }

body[data-theme=c] .header .logo img { padding-left: 5px; }
body[data-theme=c] .hero { text-align: left; display: block; padding: 70px 0 0; box-shadow: 0 0 1px rgba(0,0,0,0.1);}
body[data-theme=c] .hero .container { display: block; padding: 0 540px 0 0; top: 50%; transform: translateY(-50%); }
body[data-theme=c] .hero .hero-background:before { background: rgba(75,89,102,0.5); }
body[data-theme=c] .hero h1 { margin: 0 0 20px; padding: 0; font-size: 54px; line-height: 1.1; }
body[data-theme=c] .hero p { display: block; font-size: 18px; line-height: 1.8; margin: 0 0 20px; font-weight: 500; }
body[data-theme=c] .hero .hero-actions { width: calc(100% - 20px); padding: 5px 0; margin: 25px 10px 0; max-width: 450px; }
body[data-theme=c] .hero .hero-cta { padding: 0 25px; margin: 0 0 0 -5px; }
body[data-theme=c] .hero .hero-actions-form { box-shadow: 0 1px 2px rgba(0,0,0,0.1); margin: 0 0 0 -5px; width: calc(100% + 10px); }

body[data-theme=d] .ts { text-shadow: 0 0 0 transparent; }
body[data-theme=d] .header { color: inherit; }
body[data-theme=d] .header .logo img { padding-left: 5px; }
body[data-theme=d] .hero { color: #323648; text-align: left; display: block; padding: 70px 0 0; box-shadow: 0 0 1px rgba(0,0,0,0.1); }
body[data-theme=d] .hero .container { display: block; top: 50%; transform: translateY(-50%); padding-right: 570px; }
body[data-theme=d] .hero .hero-background:before { background: linear-gradient(to right,#FFFFFF 30%,rgba(255,255,255,0)), linear-gradient(white,rgba(255,255,255,0) 50%), rgba(255,255,255,0.2); }
body[data-theme=d] .hero .hero-video:before { background: linear-gradient(to right,#FFFFFF 30%,rgba(255,255,255,0)), linear-gradient(white,rgba(255,255,255,0) 50%), rgba(255,255,255,0.2); }
body[data-theme=d] .hero h1 { margin: 0 0 20px; padding: 0; font-size: 42px; }
body[data-theme=d] .hero p { display: block; font-size: 18px; line-height: 1.8; margin: 0 0 20px; opacity: 0.8; }
body[data-theme=d] .hero .hero-actions { width: calc(100% - 20px); padding: 5px 0; margin: 25px 10px 0; max-width: 450px; }
body[data-theme=d] .hero .hero-cta { background: #227EF7; color: white; mix-blend-mode: normal; box-shadow: 0 1px 2px rgba(0,0,0,0.1), 0 -1px 0 rgba(0,0,0,0.2) inset; padding: 0 20px; text-transform: none; margin: 0 0 0 -5px; font-weight: 600; min-width: 150px; text-align: center; opacity: 0.9; transition: opacity 0.3s ease; }
body[data-theme=d] .hero .hero-cta:hover { opacity: 1; }
body[data-theme=d] .hero .hero-actions-form { box-shadow: 0 2px 4px rgba(0,0,0,0.1), 0 0 0 1px rgba(0,0,0,0.025); margin: 0 0 0 -5px; width: calc(100% + 10px); }
body[data-theme=d].footer-only .footer { box-shadow: 0 1px 0 rgba(0,0,0,0.05) inset; }

@media screen and (min-width: 1024px) {
  body[data-theme=e]:not(.white-header) .header .nav { opacity: 0; pointer-events: none; z-index: 100; border-radius: 3px; }
  body[data-theme=e]:not(.white-header) .header .nav-toggle.nav-close { display: none; }
  body[data-theme=e]:not(.white-header) .header .nav-toggle { display: block; text-shadow: 0 0 10px rgba(0,0,0,0.2); }
  body[data-theme=e].nav-active:not(.white-header) .nav-toggle.nav-open { display: none; }
  body[data-theme=e].nav-active:not(.white-header) .nav-toggle.nav-close { display: block; }
  body[data-theme=e].nav-active:not(.white-header) .nav { opacity: 1; color: #3C4858; pointer-events: all; position: absolute; display: inline-block; padding: 5px 15px; margin: 45px -8px 0 0; border-top: 1px solid rgba(0,0,0,0.05); background: white; text-shadow: 0 0 0 transparent; }
  body[data-theme=e]:not(.white-header) .header .nav a { float: none; margin: 0; padding: 10px 0; text-align: right; line-height: 1.5; width: 100%; display: block; }
  body[data-theme=e]:not(.white-header) .header .nav a:before { margin: 0 10px 0 0; transform: translateY(1px); }
}

body[data-theme=e] .header .logo img { padding-left: 5px; }
body[data-theme=e] .header .logo .name { color: #323648; text-shadow: 0 0 0 transparent; }
body[data-theme=e] .hero { color: #323648; text-align: left; display: block; padding: 70px 0 0; box-shadow: 0 0 1px rgba(0,0,0,0.1); }
body[data-theme=e] .hero:before { content: ""; background: white; top: 0; left: 0; width: 50%; height: 100%; position: absolute; box-shadow: 0 0 10px rgba(0,0,0,0.1); z-index: -2; }
body[data-theme=e] .hero .container { display: block; top: 50%; transform: translateY(-50%); padding-right: 600px; }
body[data-theme=e] .hero .hero-background { left: auto; right: 0; width: calc(50% + 275px); z-index: -4; }
body[data-theme=e] .hero .hero-background:before { background: linear-gradient(rgba(75,89,102,0.5),rgba(0,0,0,0)); }
body[data-theme=e] .hero .hero-video { left: auto; right: 0; width: calc(50% + 275px); z-index: -4; }
body[data-theme=e] .hero .hero-video:before { background: linear-gradient(rgba(75,89,102,0.5),rgba(0,0,0,0)); }
body[data-theme=e] .hero h1 { margin: 0 0 20px; padding: 0; font-size: 42px; text-shadow: 0 0 0 transparent; }
body[data-theme=e] .hero p { display: block; font-size: 18px; line-height: 1.8; margin: 0 0 20px; opacity: 0.8; text-shadow: 0 0 0 transparent; }
body[data-theme=e] .hero .hero-actions { width: calc(100% - 20px); padding: 5px 0; margin: 25px 10px 0; max-width: 450px; }
body[data-theme=e] .hero .hero-cta { background: #227EF7; color: white; mix-blend-mode: normal; box-shadow: 0 1px 2px rgba(0,0,0,0.1), 0 -1px 0 rgba(0,0,0,0.2) inset; padding: 0 20px; text-transform: none; margin: 0 0 0 -5px; font-weight: 600; min-width: 150px; text-align: center; opacity: 0.9; transition: opacity 0.3s ease; }
body[data-theme=e] .hero .hero-cta:hover { opacity: 1; }
body[data-theme=e] .hero .hero-actions-form { box-shadow: 0 2px 4px rgba(0,0,0,0.1), 0 0 0 1px rgba(0,0,0,0.025); margin: 0 0 0 -5px; width: calc(100% + 10px); }
body[data-theme=e].footer-only .footer { box-shadow: 0 1px 0 rgba(0,0,0,0.05) inset; }

body[data-theme=f] .hero .hero-background:before { background: rgba(75,89,102,0.5); }
body[data-theme=f] .hero h1 { font-size: 60px; }
body[data-theme=f] .hero p { display: block; font-size: 22px; line-height: 1.8; margin: 30px auto -30px; font-weight: 500; max-width: 700px; padding: 0 15px; }

body.inner-page .section:nth-child(odd) { background: transparent; }
body.inner-page .section:nth-child(even) { background: white; }
body.inner-page .hero { display: none !important; }
body.inner-page .inner-page-intro { padding: 150px 0 100px; }
body.inner-page .inner-page-intro h2 { font-size: 50px; }
body.inner-page .contact.section { padding-bottom: 80px; }

body.no-hero-graphic[data-theme=b] .hero { box-shadow: 0 0 0 transparent; }
body.no-hero-graphic[data-theme=b] .hero .container { max-width: 700px; margin: 0 auto; text-align: center; padding: 0; }
body.no-hero-graphic[data-theme=b] .hero .hero-actions { margin: 30px auto 0; }
body.no-hero-graphic[data-theme=b] .hero-graphic { display: none; }

body[data-hero-cta-option=form] .hero-actions-button { display: none; }
body[data-hero-cta-option=form] .hero-actions-form { display: block; }
body[data-hero-cta-option=nothing] .hero-actions-button { display: none; }
body[data-hero-cta-option=nothing] .hero-actions-form { display: none; }

body[data-main-font=serious] .header .logo .name { font-family: "Merriweather"; font-weight: 700; }
body[data-main-font=serious] .hero h1 { font-family: "Merriweather"; }
body[data-main-font=serious] .hero p { font-family: "Merriweather"; font-weight: 300; }
body[data-main-font=serious] .section h2 { font-family: "Merriweather"; font-size: 34px; }
body[data-main-font=serious] .section h3 { font-family: "Merriweather"; font-weight: 300; }
body[data-main-font=serious] .section h4 { font-family: "Merriweather"; }

body[data-main-font=elegant] .hero h1 { font-family: "Noto Serif SC"; font-weight: 500; }
body[data-main-font=elegant] .hero p { font-family: "Noto Serif SC"; }
body[data-main-font=elegant] .section h2 { font-family: "Noto Serif SC"; font-size: 34px; }
body[data-main-font=elegant] .section h3 { font-family: "Noto Serif SC"; font-weight: 400; }
body[data-main-font=elegant] .section h4 { font-family: "Noto Serif SC"; }

body[data-main-font=modern] .hero h1 { font-family: "Nunito Sans"; }
body[data-main-font=modern] .hero p { font-family: "Nunito Sans"; }
body[data-main-font=modern] .section h2 { font-family: "Nunito Sans"; font-size: 37px; }
body[data-main-font=modern] .section h3 { font-family: "Nunito Sans"; font-weight: 400; }
body[data-main-font=modern] .section h4 { font-family: "Nunito Sans"; }

body.white-header .header { color: #3C4858; background: white; box-shadow: 0 1px 1px rgba(0,0,0,0.05); padding: 15px 0; }
body.white-header .header .logo .name { font-size: 24px; }
body.white-header .header .nav { font-size: 16px; }
body.white-header .header .nav { font-weight: 500; }
body.white-header .header .nav a:before { opacity: 0.6; }
body.white-header .header .ts { text-shadow: 0 0 0 transparent; }

body.no-sections .hero { max-height: none; }
body.no-sections .hero .hero-cta:empty:after { content: "Call To Action"; }
body.footer-only .hero { max-height: calc(100% - 84px); min-height: 600px; }

body[data-theme=b][data-color-scheme="2"] { color: #16161D; }
body[data-theme=b][data-color-scheme="2"] .header .nav a { color: white; }
body.nav-active[data-theme=b][data-color-scheme="2"] .header .nav a { color: #16161D; }
body[data-theme=b][data-color-scheme="2"] .header .nav-toggle { color: white; }
body.white-header[data-theme=b][data-color-scheme="2"] .header .nav-toggle { color: #16161D; }
body.white-header[data-theme=b][data-color-scheme="2"] .header .nav a { color: #16161D; }
body[data-theme=b][data-color-scheme="2"] .header .logo .name { color: white; }
body.white-header[data-theme=b][data-color-scheme="2"] .header .logo .name { color: #16161D; }
body.nav-active[data-theme=b][data-color-scheme="2"] .header .logo .name { color: #16161D; }
body[data-theme=b][data-color-scheme="2"] .hero { background: #16161D; color: white; box-shadow: 0 0 0 transparent; }
body[data-theme=b][data-color-scheme="2"] .hero .hero-cta { color: #16161D; background: white; box-shadow: 0 0 0 transparent; }
body[data-theme=b][data-color-scheme="2"] .features .icon { filter: grayscale(1); }
body[data-theme=b][data-color-scheme="2"] .contact .map { filter: grayscale(1); }
body[data-theme=b][data-color-scheme="2"] .hero .hero-actions-form input[type=submit] { background: black; box-shadow: 0 0 0 transparent; }
body[data-theme=b][data-color-scheme="2"] .footer a.social-icon { color: rgba(0,0,0,0.2); }
body[data-theme=b][data-color-scheme="2"] .footer a.social-icon:hover { color: rgba(0,0,0,0.6); }
body.footer-only[data-theme=b][data-color-scheme="2"] .footer { background: rgba(0,0,0,0.95); color: white; }
body.footer-only[data-theme=b][data-color-scheme="2"] .footer a.social-icon { color: white; }
body.footer-only[data-theme=b][data-color-scheme="2"] .footer a.social-icon:hover { color: white; }

body[data-theme=b][data-color-scheme="3"] { color: black; }
body[data-theme=b][data-color-scheme="3"] .header .logo .name { color: black; }
body[data-theme=b][data-color-scheme="3"] .header .nav-toggle { color: black; }
body[data-theme=b][data-color-scheme="3"] .header .nav a { color: black; }
body[data-theme=b][data-color-scheme="3"] .hero { background: #FEF870; color: black; box-shadow: 0 0 0 transparent; }
body[data-theme=b][data-color-scheme="3"] .hero .hero-cta { background: black; box-shadow: 0 0 0 transparent; }
body[data-theme=b][data-color-scheme="3"] .hero .hero-actions-form input[type=submit] { background: black; box-shadow: 0 0 0 transparent; }
body[data-theme=b][data-color-scheme="3"] .footer a.social-icon { color: rgba(0,0,0,0.2); }
body[data-theme=b][data-color-scheme="3"] .footer a.social-icon:hover { color: rgba(0,0,0,0.6); }
body.footer-only[data-theme=b][data-color-scheme="3"] .footer { background: rgba(254, 248, 112, 0.8); }
body.footer-only[data-theme=b][data-color-scheme="3"] .footer a.social-icon { color: rgba(0,0,0,0.8); }
body.footer-only[data-theme=b][data-color-scheme="3"] .footer a.social-icon:hover { color: black; }

body[data-theme=b][data-color-scheme="4"] { color: black; }
body[data-theme=b][data-color-scheme="4"] .header .logo .name { color: black; }
body[data-theme=b][data-color-scheme="4"] .header .nav-toggle { color: black; }
body[data-theme=b][data-color-scheme="4"] .header .nav a { color: black; }
body[data-theme=b][data-color-scheme="4"] .hero { background: #F8D2F2; color: black; box-shadow: 0 0 0 transparent; }
body[data-theme=b][data-color-scheme="4"] .hero .hero-cta { background: black; box-shadow: 0 0 0 transparent; }
body[data-theme=b][data-color-scheme="4"] .hero .hero-actions-form input[type=submit] { background: black; box-shadow: 0 0 0 transparent; }
body[data-theme=b][data-color-scheme="4"] .footer a.social-icon { color: rgba(0,0,0,0.2); }
body[data-theme=b][data-color-scheme="4"] .footer a.social-icon:hover { color: rgba(0,0,0,0.6); }
body.footer-only[data-theme=b][data-color-scheme="4"] .footer { background: rgba(248, 210, 242, 0.8); }
body.footer-only[data-theme=b][data-color-scheme="4"] .footer a.social-icon { color: rgba(0,0,0,0.8); }
body.footer-only[data-theme=b][data-color-scheme="4"] .footer a.social-icon:hover { color: black; }

body[data-theme=b][data-color-scheme="5"] { color: black; }
body[data-theme=b][data-color-scheme="5"] .header .nav a { color: white; }
body.nav-active[data-theme=b][data-color-scheme="5"] .header .nav a { color: #333333; }
body[data-theme=b][data-color-scheme="5"] .header .nav-toggle { color: white; }
body.white-header[data-theme=b][data-color-scheme="5"] .header .nav-toggle { color: #333333; }
body.white-header[data-theme=b][data-color-scheme="5"] .header .nav a { color: #333333; }
body[data-theme=b][data-color-scheme="5"] .header .logo .name { color: white; }
body.white-header[data-theme=b][data-color-scheme="5"] .header .logo .name { color: #333333; }
body.nav-active[data-theme=b][data-color-scheme="5"] .header .logo .name { color: #333333; }
body[data-theme=b][data-color-scheme="5"] .hero { background: #5DACA2; color: white; box-shadow: 0 0 0 transparent; }
body[data-theme=b][data-color-scheme="5"] .hero .hero-cta { background: white; color: #5DACA2; box-shadow: 0 0 0 transparent; }
body[data-theme=b][data-color-scheme="5"] .hero .hero-actions-form input[type=submit] { background: #5DACA2; box-shadow: 0 0 0 transparent; }
body[data-theme=b][data-color-scheme="5"] .footer a.social-icon { color: rgba(0,0,0,0.2); }
body[data-theme=b][data-color-scheme="5"] .footer a.social-icon:hover { color: rgba(0,0,0,0.6); }
body.footer-only[data-theme=b][data-color-scheme="5"] .footer { background: rgba(93, 172, 162, 0.95); color: white; }
body.footer-only[data-theme=b][data-color-scheme="5"] .footer a.social-icon { color: white; }
body.footer-only[data-theme=b][data-color-scheme="5"] .footer a.social-icon:hover { color: white; }

body[data-theme=b][data-color-scheme="6"] { color: black; }
body[data-theme=b][data-color-scheme="6"] .header .nav a { color: white; }
body.nav-active[data-theme=b][data-color-scheme="6"] .header .nav a { color: #333333; }
body[data-theme=b][data-color-scheme="6"] .header .nav-toggle { color: white; }
body.white-header[data-theme=b][data-color-scheme="6"] .header .nav-toggle { color: #333333; }
body.white-header[data-theme=b][data-color-scheme="6"] .header .nav a { color: #333333; }
body[data-theme=b][data-color-scheme="6"] .header .logo .name { color: white; }
body.white-header[data-theme=b][data-color-scheme="6"] .header .logo .name { color: #333333; }
body.nav-active[data-theme=b][data-color-scheme="6"] .header .logo .name { color: #333333; }
body[data-theme=b][data-color-scheme="6"] .hero { background: #297AFB; color: white; box-shadow: 0 0 0 transparent; }
body[data-theme=b][data-color-scheme="6"] .hero .hero-cta { background: white; color: #297AFB; box-shadow: 0 0 0 transparent; }
body[data-theme=b][data-color-scheme="6"] .hero .hero-actions-form input[type=submit] { background: #297AFB; box-shadow: 0 0 0 transparent; }
body[data-theme=b][data-color-scheme="6"] .footer a.social-icon { color: rgba(0,0,0,0.2); }
body[data-theme=b][data-color-scheme="6"] .footer a.social-icon:hover { color: rgba(0,0,0,0.6); }
body.footer-only[data-theme=b][data-color-scheme="6"] .footer { background: rgba(41, 122, 251, 0.95); color: white; }
body.footer-only[data-theme=b][data-color-scheme="6"] .footer a.social-icon { color: white; }
body.footer-only[data-theme=b][data-color-scheme="6"] .footer a.social-icon:hover { color: white; }

body[data-theme=b][data-color-scheme="7"] { color: black; }
body[data-theme=b][data-color-scheme="7"] .header .nav a { color: white; }
body.nav-active[data-theme=b][data-color-scheme="7"] .header .nav a { color: #333333; }
body[data-theme=b][data-color-scheme="7"] .header .nav-toggle { color: white; }
body.white-header[data-theme=b][data-color-scheme="7"] .header .nav-toggle { color: #333333; }
body.white-header[data-theme=b][data-color-scheme="7"] .header .nav a { color: #333333; }
body[data-theme=b][data-color-scheme="7"] .header .logo .name { color: white; }
body.white-header[data-theme=b][data-color-scheme="7"] .header .logo .name { color: #333333; }
body.nav-active[data-theme=b][data-color-scheme="7"] .header .logo .name { color: #333333; }
body[data-theme=b][data-color-scheme="7"] .hero { background: #FFA067 !important; color: white; box-shadow: 0 0 0 transparent; }
body[data-theme=b][data-color-scheme="7"] .hero .hero-cta { background: white; color: #FFA067; box-shadow: 0 0 0 transparent; }
body[data-theme=b][data-color-scheme="7"] .hero .hero-actions-form input[type=submit] { background: #FFA067; box-shadow: 0 0 0 transparent; }
body[data-theme=b][data-color-scheme="7"] .footer a.social-icon { color: rgba(0,0,0,0.2); }
body[data-theme=b][data-color-scheme="7"] .footer a.social-icon:hover { color: rgba(0,0,0,0.6); }
body.footer-only[data-theme=b][data-color-scheme="7"] .footer { background: rgba(255, 160, 103, 0.95); color: white; }
body.footer-only[data-theme=b][data-color-scheme="7"] .footer a.social-icon { color: white; }
body.footer-only[data-theme=b][data-color-scheme="7"] .footer a.social-icon:hover { color: white; }

/* Stuff hidden by default */
.header .logo img { display: none; }

/* Media Queries */
@media screen and (max-width: 1300px) {
  .header { padding: 30px 10px; left: 0; transform: none; }
  .section { padding: 70px 0; }
  .features ul { margin-bottom: -70px; }
  body[data-theme=a] .hero { padding-top: 90px; max-height: 770px; }
  body[data-theme=b] .hero { padding-top: 50px; max-height: 770px; }
  body[data-theme=c] .hero { padding-top: 50px; max-height: 770px; }
  body[data-theme=d] .hero { padding-top: 50px; max-height: 770px; }
  body[data-theme=e] .hero { padding-top: 50px; max-height: 770px; }
  body[data-theme=f] .hero { padding-top: 90px; max-height: 770px; }
  body.inner-page .contact.section { padding-top: 110px; }
}

@media screen and (max-width: 1100px) {
  .header .logo .name { margin-left: -5px !important; }
  body[data-theme=b] .header .logo img { padding: 0; }
  body[data-theme=b] .hero .container { padding-right: 450px; }
  body[data-theme=b] .hero .hero-graphic { width: calc(100% - 660px); left: 620px; }
  body[data-theme=c] .hero .container { padding-right: calc(100% - 550px); }
  body[data-theme=c] .hero h1 { font-size: 50px; }
  body[data-theme=d] .header .logo img { padding: 0; }
  body[data-theme=d] .hero .container { padding-right: calc(100% - 520px); }
  body[data-theme=e] .header .logo img { padding: 0; }
  body[data-theme=e] .hero .container { padding-right: calc(100% - 505px); }
  body[data-theme=f] .hero h1 { font-size: 50px; }
  body[data-theme=f] .hero p { font-size: 20px; margin: 20px auto -30px; }
  .team li { width: calc(100% / 4) !important; }
}

@media screen and (max-width: 1023px) {
  .invisible-on-mobile { display: none; }
  body { font-size: 16px; }
  h3 { font-size: 23px; }
  .header { padding: 25px 0px; }
  .header .logo .name { font-size: 26px; margin-left: 0 !important; }
  .header .nav { opacity: 0; pointer-events: none; z-index: 100; }
  .header .nav-active .nav { display: block; }
  .header .nav-toggle.nav-close { display: none; }
  .header .nav a { float: none; margin: 0; padding: 20px 5px; line-height: 1.5; width: 100%; display: block; border-bottom: 1px solid rgba(0,0,0,0.05); }
  .header .nav a:before { position: absolute; margin: 0; right: 5px; }
  .header .nav-toggle { display: block; }
  body.nav-active { overflow: hidden; }
  body.nav-active .ts { text-shadow: 0 0 0 transparent; }
  body.nav-active .header { position: fixed; background: white; color: #3C4858; width: 100%; height: 100%; left: 0; transform: none; overflow: auto; z-index: 1000; }
  body.nav-active .header .logo img { display: none !important; }
  body.nav-active .header .logo .name { display: block !important; }
  body.nav-active .nav { opacity: 1; pointer-events: all; position: relative; margin-top: 20px; border-top: 1px solid rgba(0,0,0,0.05); }
  body.nav-active .nav-toggle.nav-open { display: none; }
  body.nav-active .nav-toggle.nav-close { display: block; }
  .section { padding: 40px 0; }
  .section h2 { font-size: 24px !important; margin: 0 auto 20px; }
  .section h3 { font-size: 18px !important; max-width: 600px; }
  .hero h1 { font-size: 50px; max-width: 650px; }
  .hero .hero-actions { padding: 15px; margin: 15px auto -15px; }
  .hero .hero-cta { font-size: 14px; line-height: 40px; padding: 0 25px; }
  a.link-to-section { border-top: 0 none; padding-top: 0; }
  .features ul { margin: 40px 0 -40px; }
  .features li { width: 100% !important; font-size: 16px; max-width: 340px; padding: 0 0 40px; display: block; margin: 0 auto; }
  .features h4 { font-size: 20px; margin: 0 0 10px; }
  .team ul { margin: 40px 0 -40px; }
  .team li { font-size: 14px; line-height: 1.4; max-width: 340px; padding: 0 0 30px; margin: 0 auto; width: calc(100% / 2) !important; }
  .team h5 { font-size: 14px; margin: 5px 0 0; padding: 0 15px; }
  .press ul { margin: 30px -20px -30px; white-space: nowrap; overflow: auto; }
  .press li { padding: 0 20px 20px; }
  .content { padding-bottom: 30px; }
  .content .text { padding: 0 !important; }
  .content.split-content .image { position: relative; width: 100%; height: 50vh; margin: 30px auto -30px; left: auto; right: auto !important; top: auto; }
  .content.split-content.contained-image .image { width: calc(100% - 80px); height: auto; left: auto; box-shadow: 0 0 0 transparent !important; }
  .content.split-content.contained-image .image img { position: relative; display: block; max-width: 100%; max-height: 500px; top: auto; left: auto; transform: none; margin: 0 auto 30px; }
  .content.double-content .text { width: calc(50% - 30px); }
  .contact .contact-info { min-height: initial; width: 100%; max-width: 440px; margin: 0 auto; display: block; }
  .contact .map { position: relative; top: auto; left: 0; width: 100%; height: 40vh; max-height: 300px; margin: -40px 0 30px; }
  .contact .contact-form form { margin: 25px auto 0; }
  .contact h2 { max-width: 450px; }

  body[data-theme=a] .hero { padding: 150px 0 80px; }
  
  body[data-theme=b] .hero { height: auto; max-height: none; padding: 110px 0 40px; }
  body[data-theme=b] .hero .container { top: auto; transform: none; width: calc(100% - 30px); max-width: 480px; text-align: center; padding: 0; }
  body[data-theme=b] .hero .hero-graphic { position: relative; width: calc(100% - 30px); top: auto; transform: none; right: auto; margin: 0 auto 30px; height: 0; padding: 0 0 56.25%; left: auto; }
  body[data-theme=b] .hero h1 { margin: 0 auto 20px; }    
  
  body[data-theme=c] .hero h1 { margin: 0 auto 20px; text-shadow: 0 0 0 transparent; }    

  body[data-theme=d] .hero { height: auto; max-height: none; padding: 110px 0 0; }
  body[data-theme=d] .hero .container { top: auto; transform: none; width: calc(100% - 30px); max-width: 480px; text-align: center; padding: 0; }
  body[data-theme=d] .hero .hero-background { position: relative; top: auto; transform: none; right: auto; margin: -40vh auto 0; height: 0; padding: 0 0 70vh; left: auto; }
  body[data-theme=d] .hero .hero-background:before { background: linear-gradient(white,rgba(255,255,255,0)); }
  body[data-theme=d] .hero h1 { margin: 0 auto 20px; }
  
  body[data-theme=e] .header { color: inherit; }
  body[data-theme=e] .hero { height: auto; max-height: none; padding: 100px 0 0; }
  body[data-theme=e] .hero:before { display: none; }
  body[data-theme=e] .hero .container { top: auto; transform: none; width: calc(100% - 30px); max-width: 480px; text-align: center; padding: 0; }
  body[data-theme=e] .hero .hero-background { position: relative; width: 100%; top: auto; transform: none; right: auto; margin: 30px auto 0; height: 40vh; max-height: 450px; padding: 0; left: auto; box-shadow: 0 0 10px rgba(0,0,0,0.1) inset; }
  body[data-theme=e] .hero .hero-background:before { background: rgba(75,89,102,0.1); }
  body[data-theme=e] .hero h1 { margin: 0 auto 20px; } 

  body[data-theme=f] .hero { padding: 150px 0 100px; display: block; height: auto; max-height: none; min-height: initial; }
  body[data-theme=f] .hero .container { display: block; width: 100%; }
  body[data-theme=f] .hero h1 { font-size: 40px; }
  body[data-theme=f] .hero p { font-size: 20px; margin: 20px auto 0; }
    
  body.footer-only { background: white; }
  body.footer-only .hero { max-height: none; min-height: initial; }
  body.inner-page .contact.section { padding: 110px 0 50px; }

}

@media screen and (max-width: 600px) {
  .header .logo img { padding-left: 5px !important; }
  .hero { min-height: 500px; }
  .container { width: calc(100% - 30px); }
  .hero h1 { font-size: 30px; max-width: 550px; }
  body[data-theme=b] .hero h1 { font-size: 30px; }
  body[data-main-font=serious] .hero h1 { font-size: 28px; }
  body[data-main-font=elegant] .hero h1 { font-size: 28px; }
  body[data-theme=b] .hero p { font-size: 17px; }
  body[data-main-font=serious] .hero p { font-size: 16px; }
  body[data-main-font=elegant] .hero p { font-size: 16px; }
  body[data-theme=a] .hero .hero-actions { padding: 15px 0; }
  body.no-hero-graphic[data-theme=b] .hero .container { padding: 20px 0; }
  .hero .hero-actions-form input[type=email] { font-size: 14px; padding: 18px 15px; }
  .hero .hero-actions-form input[type=submit] { font-size: 14px; line-height: 36px; padding: 0 15px; }
  .content.split-content.contained-image .image { width: calc(100% - 40px); margin-top: 20px; }
  .content.double-content:before { display: none; }
  .content.double-content .text { float: none; width: 100%; }
  .content.double-content .text:nth-child(2) { float: none; padding: 30px 15px 0 !important; border-top: 1px solid rgba(0,0,0,0.05); margin: 30px -15px 0; width: calc(100% + 30px); }
  .press ul { margin: 0 -20px -40px; padding: 0 10px; }
  .press li { width: calc(100% / 3); padding: 0 15px 15px; }
  .slideshow .slideshow-outer { width: calc(100% - 20px); padding: 0 0 100%; }
  .footer .container { width: 100%; white-space: nowrap; overflow: auto; }
  
  body[data-theme=c] .hero h1 { font-size: 30px; }
  body[data-theme=c] .hero p { font-size: 16px; line-height: 1.7; }
  
  body[data-theme=d] .hero h1 { font-size: 30px; }
  body[data-theme=d] .hero p { font-size: 16px; line-height: 1.7; }

  body[data-theme=e] .hero h1 { font-size: 30px; }
  body[data-theme=e] .hero p { font-size: 16px; line-height: 1.7; }

  body[data-theme=f] .hero { padding: 120px 0 60px; }
  body[data-theme=f] .hero h1 { font-size: 31px; }
  body[data-theme=f] .hero p { font-size: 17px; line-height: 1.7; }
  
  body.inner-page .inner-page-intro { padding-top: 110px; padding-bottom: 50px; }
  body.inner-page .inner-page-intro h2 { font-size: 26px !important; }
  body.inner-page .contact.section { padding-bottom: 40px; }

}

/*
  
███████╗██████╗ ██╗████████╗    ███╗   ███╗ ██████╗ ██████╗ ███████╗
██╔════╝██╔══██╗██║╚══██╔══╝    ████╗ ████║██╔═══██╗██╔══██╗██╔════╝
█████╗  ██║  ██║██║   ██║       ██╔████╔██║██║   ██║██║  ██║█████╗  
██╔══╝  ██║  ██║██║   ██║       ██║╚██╔╝██║██║   ██║██║  ██║██╔══╝  
███████╗██████╔╝██║   ██║       ██║ ╚═╝ ██║╚██████╔╝██████╔╝███████╗
╚══════╝╚═════╝ ╚═╝   ╚═╝       ╚═╝     ╚═╝ ╚═════╝ ╚═════╝ ╚══════╝

http://patorjk.com/software/taag/#p=display&f=ANSI%20Shadow&t=EDIT%20MODE

*/

.editable { position: relative; border: 1px solid rgba(0,0,0,0); display: inline-block; padding: 0 5px; }
.uploadcare--page { width: initial; min-width: initial; max-width: initial; height: initial; min-height: initial; max-height: initial; overflow: initial; }

.sortable li { position: relative; }
.sortable li:hover:before { content: ""; position: absolute; top: -15px; left: -15px; width: calc(100% - 15px); height: calc(100% - 30px); background: #fcfcfc; box-shadow: 0 1px 10px rgba(0,0,0,0.1); cursor: -webkit-grab;}
.uploadcare--widget { display: none; }

.section-menu { display: none; padding: 80px 0; text-align: center; background: white; border-top: 1px solid rgba(0,0,0,0.05); color: #061027; background: #F7F9FA; }
.section-menu-inner { max-width: 580px; margin: 0 auto; font-size: 0; }
.main-instruction { font-size: 19px; line-height: 1.2; font-weight: 500; padding: 0 0 15px; }
.secondary-instruction { max-width: 380px; margin: 0 auto; font-size: 16px; line-height: 1.2; color: #8E8E8E; padding: 0 0 30px; }
.add-section-button { margin: 0 5px 5px 0; position: relative; display: inline-block; border: 0 none; outline: 0 none; appearance: none; font-size: 15px; line-height: 1; background: white; border-radius: 3px; padding: 30px 10px; width: calc(25% - 5px); box-shadow: 0 1px 4px rgba(0,0,0,0.04); cursor: pointer; transition: all 0.3s ease; }
.add-section-button.disabled { opacity: 0.4; pointer-events: none; user-select: none; }
.add-section-button.hidden { display: none; }
.add-section-button .mdi { display: block; color: #9196A1; font-size: 30px; line-height: 1; margin: 0 0 15px; transition: all 0.3s ease; }
.add-section-button:hover { box-shadow: 0 3px 20px rgba(0,0,0,0.08); transform: translateY(-3px); }
.add-section-button:hover .mdi { color: #27D3FA; }
.section:nth-child(1) .move-section-up-button { pointer-events: none; opacity: 0.4; display: none; }
.section:last-child .move-section-down-button { pointer-events: none; opacity: 0.4; display: none; }

.global-toolbar { position: fixed; bottom: 0; right: 0; padding: 10px 10px 10px 0; margin: 10px; border-radius: 5px; z-index: 5; font-size: 0; mix-blend-mode: luminosity; }
.toolbar-button { display: none; position: relative; background: rgba(255,255,255,0.98); color: rgba(75,89,102,0.8); color: #7C91A5; border-radius: 5px; box-shadow: 0 2px 5px 0 rgba(49,49,93,0.1), 0 1px 2px 0 rgba(0,0,0,0.08); margin: 0 0 0 10px; cursor: pointer; transition: box-shadow 0.3s ease; }
.toolbar-button span.mdi { display: block; font-size: 18px; width: 44px; height: 44px; line-height: 44px; text-align: center; color: inherit; transition: opacity 0.3s ease; }
.toolbar-button.complimentary { position: absolute; margin: -6px 0 0 -22px !important; border-radius: 100%; }
.toolbar-button.complimentary span.mdi { width: auto; height: auto; font-size: 18px; line-height: 1; }
.toolbar-button.hidden { display: none !important; }
.toolbar-button.with-tooltip:before { content: attr(data-tooltip); position: absolute; bottom: calc(100% + 14px); left: 0; font-size: 11px; white-space: nowrap; background: rgba(255,255,255,0.98); padding: 6px 8px; border-radius: 5px; font-weight: bold; text-transform: uppercase; line-height: 1; color: #7C91A5; box-shadow: 0 2px 5px 0 rgba(49,49,93,0.1), 0 1px 2px 0 rgba(0,0,0,0.08); pointer-events: none; opacity: 0; transition: opacity 0.3s ease; }
.toolbar-button.with-tooltip:after { content: ""; width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid rgba(255,255,255,0.98); position: absolute; bottom: calc(100% + 8px); left: 50%; transform: translateX(-50%); pointer-events: none; opacity: 0; transition: opacity 0.3s ease; }
.toolbar-button.with-tooltip.middle-tooltip:before { left: 50%; transform: translateX(-50%); }
.toolbar-button.with-tooltip.right-tooltip:before { left: auto; right: 0; }
.toolbar-button.with-tooltip:hover:before, .toolbar-button.with-tooltip:hover:after { opacity: 1; }
.toolbar-button:hover { background: rgba(255,255,255,0.98); color: #4B5966; box-shadow: 0 2px 5px 0 rgba(49,49,93,0.2), 0 1px 2px 0 rgba(0,0,0,0.2); }
.toolbar-button:hover span.mdi { opacity: 1; }
.toolbar-button.edit-toggle { display: inline-block; }
.toolbar-button.edit-toggle span.mdi.mdi-pencil { display: block; }
.toolbar-button.edit-toggle span.mdi.mdi-check { display: none; color: #03A87C; }

.section-toolbar { position: absolute; bottom: 0; left: 0; padding: 10px 0 10px 10px; margin: 10px; border-radius: 5px; font-size: 0; mix-blend-mode: luminosity; }
.section-toolbar .toolbar-button { margin: 0 10px 0 0; }

body.edit-mode *::-webkit-scrollbar { width: 5px; height: 5px; background: rgba(75,89,102,0.05); }
body.edit-mode *::-webkit-scrollbar-thumb { background: rgba(75,89,102,0.3); }
body.edit-mode .section-menu { display: block; }
body.edit-mode .global-toolbar { background: rgba(204, 204, 204, 0.95); background: rgba(204, 204, 204, 0.7); }
body.edit-mode .section-toolbar { background: rgba(204, 204, 204, 0.95); background: rgba(204, 204, 204, 0.7); }
body.edit-mode .toolbar-button { display: inline-block; }
body.edit-mode .toolbar-button.edit-toggle span.mdi.mdi-pencil { display: none; }
body.edit-mode .toolbar-button.edit-toggle span.mdi.mdi-check { display: block; }
body.edit-mode .uploadcare--widget { display: inline-block; }
body.edit-mode .uploadcare--widget__text { display: none; }

body.edit-mode a { cursor: text !important; }
body.edit-mode .editable { border: 1px dashed; border-radius: 2px; min-width: 120px; }
body.edit-mode .editable:empty:before { content: attr(data-placeholder); }
body.edit-mode .modal-launcher { position: relative; cursor: pointer; min-width: 120px; }
body.edit-mode .modal-launcher * { pointer-events: none; user-select: none; }
body.edit-mode .modal-launcher:before { content: ""; position: absolute; top: 0; left: -10px; right: -10px; width: auto; height: 100%; min-height: 40px; border: 1px dashed; z-index: -1; border-radius: 2px; transition: all 0.3s ease; }
body.edit-mode .modal-launcher.footer-settings-launcher { min-height: 40px; }
body.edit-mode .modal-launcher.nav-inner { min-width: 40px; }

body.edit-mode[data-theme=a] .hero-graphic-upload,
body.edit-mode[data-theme=a] .clear-hero-graphic,
body.edit-mode[data-theme=a] .color-scheme-toggle,
body.edit-mode[data-theme=c] .hero-graphic-upload,
body.edit-mode[data-theme=c] .clear-hero-graphic,
body.edit-mode[data-theme=c] .color-scheme-toggle,
body.edit-mode[data-theme=d] .hero-graphic-upload,
body.edit-mode[data-theme=d] .clear-hero-graphic,
body.edit-mode[data-theme=d] .color-scheme-toggle,
body.edit-mode[data-theme=e] .hero-graphic-upload,
body.edit-mode[data-theme=e] .clear-hero-graphic,
body.edit-mode[data-theme=e] .color-scheme-toggle { display: none; }

body.edit-mode[data-theme=b] .hero-background-upload,
body.edit-mode[data-theme=b] .clear-hero-background { display: none; }

body.edit-mode .section ul { pointer-events: all; }
body.edit-mode .section ul li .delete-list-item-button { display: none; position: absolute; top: -15px; right: 30px; cursor: pointer; z-index: 10; }
body.edit-mode .section ul li .delete-list-item-button span.mdi { font-size: 24px; line-height: 1; padding: 15px; }
body.edit-mode .section ul li:hover .delete-list-item-button { display: block; }

body.edit-mode .section-toolbar .align-center-section-button { display: none; }
body.edit-mode .section.align-left .align-left-section-button { display: none; }
body.edit-mode .section.align-left .align-center-section-button { display: inline-block; }

body.edit-mode .section.split-content .contain-image-button .mdi-fullscreen { display: none; }
body.edit-mode .section.split-content .contain-image-button .mdi-fullscreen-exit { display: block; }
body.edit-mode .section.split-content.contained-image .contain-image-button .mdi-fullscreen { display: block; }
body.edit-mode .section.split-content.contained-image .contain-image-button .mdi-fullscreen-exit { display: none; }

body.nav-active .global-toolbar { z-index: 100000000; }

/* Settings Modal */

.settings { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 1000000000; opacity: 0; pointer-events: none; transition: opacity 0.3s ease; }
.settings .settings-modal-background { background: rgba(0,0,0,0.44); background: rgba(99, 114, 130, 0.5); /*  background: rgba(255,255,255,0.95); */ position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10000; cursor: pointer; }
.settings .settings-modal { position: absolute; top: 50%; left: 50%; background: #f7f9fa; border-radius: 3px; box-shadow: 0 3px 20px rgba(0,0,0,.08), 0 45.4px 70px -20.4px rgba(0,0,0,0.12); box-shadow: 0 0 0 1px rgba(99, 114, 130, 0.16), 0 8px 16px rgba(27, 39, 51, 0.08); width: calc(100% - 20px); height: calc(100% - 20px); max-width: 560px; max-height: 610px; overflow: hidden; opacity: 0; transform: translateX(-50%) translateY(-50%) scale(0.95); transidtion: transform 0.3s ease, opacity 0.3s ease; z-index: 100000; }
.settings .settings-header { position: absolute; top: 0; left: 0; width: 100%; padding: 20px 25px; box-shadow: 0 0 1px rgba(0,0,0,0.075); z-index: 10; }
.settings .settings-header h2 { font-size: 18px; font-weight: 600; color: #061027; line-height: 20px; letter-spacing: 0.5px; text-align: center; margin: 0; }
.settings .settings-middle { position: absolute; top: 60px; width: 100%; height: calc(100% - 135px); overflow: auto; padding: 25px; }
.settings .settings-inner-wrapper { background: white; box-shadow: 0 2px 2px rgba(0,0,0,0.05), 0 0 0 1px rgba(0,0,0,0.024); border-radius: 3px; }
.settings .settings-item { position: relative; padding: 5px 15px; border-bottom: 1px solid rgba(0,0,0,0.05); }
.settings .settings-item:last-child { border-bottom: 0 none; margin: 0; }
.settings .settings-item label { font-size: 15px; display: inline-block; width: 130px; line-height: 40px; font-weight: 600; color: #061027; margin-right: 30px; vertical-align: top; opacity: 0.8 }
.settings .settings-item label .mdi { width: 30px; display: inline-block; }
.settings .settings-item *::placeholder { color: rgba(6,16,39,0.3); }
.settings .settings-item .text-input, .settings .settings-item p { display: inline-block; appearance: none; border: 0 none; outline: 0 none; font-size: 15px; font-weight: 400; line-height: 40px; background: transparent; width: 100%; vertical-align: top; max-width: 280px; margin: 0; }
.settings .settings-item .text-input span[contenteditable='true'] { display: block; border: 0 none; padding: 12px 0; line-height: 16px; text-align: left !important; }
.settings .settings-item .text-input span:empty:before { content: attr(data-placeholder); color: rgba(6,16,39,0.15); pointer-events: none; }
.settings .settings-item .settings-item-field.multi-line { white-space: normal; }
.settings .settings-item .settings-item-field.multi-line span { line-height: 1.7 !important; }
.settings .settings-item .settings-item-field.code span { max-height: calc(100vh - 400px); overflow: auto; font-family: inherit !important; font-size: inherit !important; color: inherit !important; }
.settings .settings-item .settings-item-field.multi-line span:empty:before { white-space: pre-line; }
.settings .settings-item p a { font-weight: 500; letter-spacing: 0.2px; text-decoration: underline; display: inline-block; position: relative; cursor: pointer !important; }
.settings .settings-item input[type="checkbox"] { -webkit-appearance: none; appearance: none; border: 0 none; outline: 0 none; background: transparent !important; position: absolute; cursor: pointer; font-size: 18px; line-height: 40px; color: inherit; padding-left: 13px; width: 140px; }
.settings .settings-item input[type="checkbox"]:before { content: "\F131"; font-family: "Material Design Icons"; }
.settings .settings-item input[type="checkbox"]:checked:before { content: "\F132"; }
.settings .settings-item .status .status-checkbox { width: auto; padding: 0; }
.settings .settings-item .status span { display: none; }
.settings .settings-footer { text-align: right; font-size: 0; background: rgba(0,0,0,0.01); padding: 20px 25px; position: absolute; bottom: 0; left: 0; width: 100%; box-shadow: 0 0 1px rgba(0,0,0,0.075); z-index: 10; }
.settings .settings-button { appearance: none; border: 0 none; box-shadow: 0 2px 5px 0 rgba(49,49,93,.1), 0 1px 2px 0 rgba(0,0,0,.08); color: #227EF7; color: rgba(6,16,39,0.7); background: rgba(255,255,255,0.9); text-align: center; padding: 10px 20px; border-radius: 3px; min-width: 70px; font-weight: 500; font-size: 14px; line-height: 1; cursor: pointer; margin-left: 15px; transition: all 0.3s ease; }
.settings .settings-button:hover { transform: translateY(-1px); }
.settings .settings-button.save-settings-button { color: white; background: #227EF7; }

.settings .settings-item-wrapper { font-size: 0; padding: 0; background: white; margin: 0 0 15px; border-radius: 3px; box-shadow: 0 2px 2px rgba(0,0,0,0.05), 0 0 0 1px rgba(0,0,0,0.024); border: 0 none; overflow: hidden; }
.settings .settings-item-wrapper label { display: block; line-height: 1; padding: 15px 15px 2px; width: 100%; text-transform: uppercase; font-size: 12px; font-weight: bold; }
.settings .settings-item-wrapper sublabel { display: inline-block; transform: translateY(-1px); margin: 0 0 -1px 40px; font-size: 13px; font-weight: 500; pointer-events: none; }
.settings .settings-item-wrapper .settings-item-field { max-width: none; box-shadow: 0 1px 0 rgba(0,0,0,0.05); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.settings .settings-item-wrapper .settings-item-field.nav-item-label-field { width: 50%; box-shadow: 0 1px 0 rgba(0,0,0,0.05), 1px 0 0 rgba(0,0,0,0.05); }
.settings .settings-item-wrapper .settings-item-field.nav-item-url-field { width: 50%; }
.settings .settings-item-wrapper .settings-item-field.nav-item-target-field { width: calc(100% - 40px); color: rgba(6,16,39,0.5); }
.settings .settings-item-wrapper .settings-item-field.nav-item-target-field span { opacity: 0.2; display: inline-block; display: none; }
.settings .settings-item-wrapper .settings-item-field span[contenteditable='true'] { padding: 12px 15px; line-height: 16px; }

.settings .settings-inner-wrapper.session-settings { margin-top: 20px; font-size: 0; }
.settings .settings-inner-wrapper.session-settings a { width: 50%; display: inline-block; font-size: 13px; text-align: center; text-transform: uppercase; font-weight: 600; line-height: 40px; color: rgba(60, 72, 88, 0.6); text-decoration: none; cursor: pointer !important; transition: all 0.3s ease; }
.settings .settings-inner-wrapper.session-settings a span.mdi { margin-right: 10px; font-size: 15px; transform: translateY(1px); display: inline-block; line-height: 1; }
.settings .settings-inner-wrapper.session-settings a:hover { color: rgba(60, 72, 88, 0.9); }
.settings .settings-inner-wrapper.session-settings a:first-child { box-shadow: 1px 0 0 rgba(0,0,0,0.05); }

.settings .settings-item[data-classes*=social-icon] .text-input span[contenteditable='true'] { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }

.settings .add-item { text-align: center; cursor: pointer; margin: 25px 0 -11px; background: transparent; box-shadow: 0 0 0 transparent; border-top: 1px solid rgba(0,0,0,0.025); text-transform: uppercase; letter-spacing: 0.5px; font-size: 15px; line-height: 1; color: rgba(6,16,39,0.5); padding: 18px; font-weight: 600; transition: all 0.3s ease; }
.settings .add-item:hover { color: rgba(60,72,88,0.8); transform: translateY(-1px); }
.settings .add-item .mdi { margin-right: 8px; }
.settings .delete-item { font-size: 17px; display: inline-block; line-height: 40px; width: 40px; text-align: center; opacity: 0.4; cursor: pointer; transition: all 0.3s ease; }
.settings .delete-item:hover { color: red; opacity: 1; }

.settings .hero-cta-option-select { margin: 0 0 20px; }
.settings .dropdown-settings-item label { width: 50%; }
.settings .dropdown-settings-item .select-container { position: absolute; top: 0; right: 0; width: 50%; height: 100%; box-shadow: 1px 0 0 rgba(0,0,0,0.05) inset; }
.settings .dropdown-settings-item .select-container:after { content: "\F140"; font-family: "Material Design Icons"; position: absolute; top: 50%; transform: translateY(-50%); font-size: 20px; line-height: 1; right: 10px; }
.settings .dropdown-settings-item select { position: absolute; -webkit-appearance: none; apperance: none; width: 100%; height: 100%; border: 0 none; outline: 0 none; font-size: 15px; line-height: 20px; background: transparent; border-radius: 0; font-family: inherit; opacity: 0.7; padding: 15px 40px 15px 15px; cursor: pointer; }

.settings[data-settings-type=hero-cta] .settings-item-wrapper { display: none; }
.settings[data-settings-type=hero-cta] .settings-inner[data-view=button] .hero-actions-button-wrapper { display: block; }
.settings[data-settings-type=hero-cta] .settings-inner[data-view=form] .hero-actions-form-wrapper { display: block; }


body.settings-on { overflow: hidden; }
body.settings-on .settings { opacity: 1; pointer-events: all; }
body.settings-on .settings .settings-modal { transform: translateX(-50%) translateY(-50%) scale(1); opacity: 1; }

/* Screen width above 760px */
@media screen and (min-width: 761px) {
  .settings .settings-modal.small-settings-modal { height: auto; max-height: none; }
  .settings .settings-modal.small-settings-modal .settings-middle { position: relative; top: 0; margin: 60px 0 74px; height: auto; max-height: calc(100vh - 175px); }   
}
/* Screen width below 760px */

@media screen and (max-width: 760px) {
  .frozen { overflow: hidden; height: 100%; position: relative; -webkit-overflow-scrolling: auto; }
  .settings .settings-middle { padding: 15px 10px; }
  .settings .settings-footer { padding: 20px 15px; }
  .sortable li:hover:before { top: -15px; left: -10px; width: calc(100% + 20px); height: calc(100% - 20px); }
  .section.hero { padding-bottom: 110px; }
  body.edit-mode .global-toolbar { background: rgba(204, 204, 204, 0.95); }
  body.edit-mode .section-toolbar { position: relative; border-radius: 0; margin: 30px 0 -30px; padding: 15px 133px 15px 15px; text-align: left; background: rgba(204, 204, 204, 0.2); mix-blend-mode: normal; width: 100%; white-space: nowrap; overflow: auto; }
  body.edit-mode[data-theme=a] .section.hero .section-toolbar { position: absolute; bottom: 0; left: 0; margin: 0; }
  body.edit-mode[data-theme=b] .section.hero .section-toolbar { background: #F1F1F1; margin: 40px 0 -40px; }
  body.edit-mode[data-theme=c] .section.hero .section-toolbar { position: absolute; bottom: 0; left: 0; margin: 0; }
  body.edit-mode[data-theme=d] .section.hero .section-toolbar { background: #F1F1F1; margin: 0; }
  body.edit-mode[data-theme=e] .section.hero .section-toolbar { position: absolute; bottom: 0; left: 0; margin: 0; }
  body.edit-mode .section.footer .section-toolbar { margin: 15px 0 -15px; }
  body.edit-mode .toolbar-button.invert-section-button { display: none; }
  .section-menu { text-align: left; padding: 0; }
  .main-instruction, .secondary-instruction { text-align: center; }
  .section-menu-inner { padding: 30px 5px 80px 10px; }
  .add-section-button { width: calc(50% - 5px); text-align: left; padding: 15px; }
  .add-section-button .mdi { display: inline-block; font-size: 18px; margin: 0 10px 0 0; transform: translateY(1px); }
  .toolbar-button.with-tooltip:hover:before, .toolbar-button.with-tooltip:hover:after { display: none; }
  body.settings-on .settings .settings-modal { transform: none; opacity: 1; top: 10px; left: 10px; max-width: none; }
  .settings .settings-item-wrapper .settings-item-field.nav-item-label-field,
  .settings .settings-item-wrapper .settings-item-field.nav-item-url-field { width: 100%; box-shadow: 0 1px 0 rgba(0,0,0,0.05); }
  .settings .dropdown-settings-item label { width: 100%; margin: 0; }
  .settings .dropdown-settings-item .select-container { display: block; position: relative; top: auto; right: auto; width: calc(100% + 30px); border: 0 none; margin: 5px -15px -5px; box-shadow: 0 1px 0 rgba(0,0,0,0.05) inset; }
  .settings .dropdown-settings-item select { position: relative; border: 0 none; }
  body.edit-mode .section ul li .delete-list-item-button { right: -15px; }
}