html * { -moz-osx-font-smoothing:grayscale; -webkit-font-smoothing:antialiased; box-sizing:border-box; text-rendering:optimizeLegibility; }
html { scroll-behavior:smooth; }

body { font-family:'HelveticaNow-Light', sans-serif; color:#000; font-style:normal; font-weight:normal; font-size:19px; line-height:1.42em; transition:background-color 0.4s ease, color 0.4s ease; }

body.menu-open { height:100vh; overflow-y:hidden; }
  
/* General */
img { max-width:100%; height:auto; }
a { color:inherit; text-decoration:underline; cursor:pointer; }
a:hover { color:inherit; }
hr { border-top:1px solid #000; width:100%; transition:border-color 0.4s ease; }
strong { font-weight:normal; font-family:'HelveticaNow-Regular', sans-serif; }
body ::selection { background:#000; color:#FFF; }
body ::-moz-selection { background:#000; color:#FFF; }
body.noscroll { overflow:hidden; }
ol { counter-reset:item; }
ol li { display:block; position:relative; margin:1em 0; }
ol li:before { content:counters(item, ".")"."; counter-increment:item; position:absolute; margin-right:100%; right:10px; /* space between number and text */ }
.clear { clear:both; }
.lozenge { border:1px solid #000; border-radius:10px; overflow:hidden; transition:border-color 0.4s ease; -webkit-mask-image:-webkit-radial-gradient(white, black); /* iPad fix for Vimeo in rounded corners */ }
.overlay, .overlay-ni { position:absolute; top:0; left:0; height:100%; width:100%; }
.overlay.op10 { background:rgba(0,0,0,0.1); }
.overlay.op20 { background:rgba(0,0,0,0.2); }
.overlay.op30 { background:rgba(0,0,0,0.3); }
.overlay.op40 { background:rgba(0,0,0,0.4); }
.overlay.op50 { background:rgba(0,0,0,0.5); }
.overlay.op60 { background:rgba(0,0,0,0.6); }

/* Typography */
.heading-404 { font-size:180px; font-family:'HelveticaNow-Regular', sans-serif; line-height:1.1em; letter-spacing:-10px; }
header, footer, .main-nav { font-size:17px; line-height:1.47em; }
h1, h2, h3, h4, h5, h6, p, ul, ol { margin-top:0; margin-bottom:30px; font-weight:normal; }
h1 { font-size:100px; font-family:'HelveticaNow-Regular', sans-serif; line-height:1.1em; letter-spacing:-4px; margin-bottom:60px; }
h2 { font-size:40px; font-family:'HelveticaNow-Regular', sans-serif; line-height:1.25em; letter-spacing:-1px; }
h3, .grid-item .text .title { font-size:36px; font-family:'HelveticaNow-Regular', sans-serif; line-height:1.19em; }
h4 { font-size:30px; font-family:'HelveticaNow-Regular', sans-serif; line-height:1.23em; }
h5 { font-size:22px; font-family:'HelveticaNow-Regular', sans-serif; line-height:1.31em; }
h6, .grid-item .information .title { font-size:17px; font-family:'HelveticaNow-Regular', sans-serif; line-height:1.41em; }
p.small { font-size:14px; line-height:1.4em; }
.quote-block { font-size:80px; font-family:'HelveticaNow-Regular', sans-serif; line-height:1.15em; letter-spacing:-3px; }

/* Content */
.content { max-width:1648px; position:relative; padding:0 20px; margin:auto; }
.page { padding-top:111px; }

.padding-top-large { padding-top:150px; }
.padding-top-medium { padding-top:100px; }
.padding-top-small { padding-top:50px; }

.padding-bottom-large { padding-bottom:150px; }
.padding-bottom-medium { padding-bottom:100px; }
.padding-bottom-small { padding-bottom:50px; }

.margin-top-large { margin-top:150px; }
.margin-top-medium { margin-top:100px; }
.margin-top-small { margin-top:50px; }

.margin-bottom-large { margin-bottom:150px; }
.margin-bottom-medium { margin-bottom:100px; }
.margin-bottom-small { margin-bottom:50px; }

.spacer { height:30px; }
.spacer.sh-medium { height:60px; }
.spacer.sh-large { height:100px; }

.section .row { display:flex; align-items:center; }
.section.va-top .row > div, .va- .row > div { align-self:flex-start; }
.section.va-middle .row > div {  }
.section.va-bottom .row > div { align-self:flex-end; }

.padding-left-1 { padding-left:8.33%; }
.padding-right-1 { padding-right:8.33%; }
.padding-left-2 { padding-left:16.66%; }
.padding-right-2 { padding-right:16.66%; }
.padding-left-3 { padding-left:25%; }
.padding-right-3 { padding-right:25%; }
.padding-left-4 { padding-left:33.33%; }
.padding-right-4 { padding-right:33.33%; }

.col-sm-6 .padding-left-1 { padding-left:16.66%; }
.col-sm-6 .padding-right-1 { padding-right:16.66%; }

/* Form elements */
::placeholder { color:#000; opacity:1; transition:color 0.4s ease; }
:-ms-input-placeholder { color:#000; transition:color 0.4s ease; }
::-ms-input-placeholder { color:#000; transition:color 0.4s ease; }
input:focus { outline:none; }
.input-group { margin-bottom:12px; }
.input-group label { font-size:14px; font-family:'HelveticaNow-Regular', sans-serif; text-transform:uppercase; }
.input-group input[type='text'], .input-group input[type='password'], .input-group textarea { border:1px solid #000; border-radius:10px; width:100%; font-size:17px; font-family:'HelveticaNow-Regular', sans-serif; line-height:1.41em; padding:5px 10px; background:#FFF; transition:all 0.4s ease; }
input[type='submit'], .pre-submit-btn { border:1px solid #000; color:#000; font-weight:normal; background:#FFF; border-radius:25px; text-transform:uppercase; font-size:17px; padding:10px 15px; font-family:'HelveticaNow-Regular', sans-serif; margin:30px 0; cursor:pointer; transition:all 0.4s ease; text-decoration:none; line-height:1em; }
.pre-submit-btn { display:inline-block; }
input[type='submit']:hover, .pre-submit-btn:hover { background:#000; color:#FFF; }
input[type='submit'].processing, .pre-submit-btn.processing { opacity:0.5; padding-right:50px; background:url('../imgs/processing.gif') right 15px center no-repeat; background-size:20px 20px; pointer-events:none; }
input[type='submit'].delete-confirm, .darkmode input[type='submit'].delete-confirm { border:1px solid #CB3540; color:#CB3540; }
input[type='submit'].delete-confirm:hover, .darkmode input[type='submit'].delete-confirm:hover { background:#CB3540; color:#FFF; }
input[type='submit'].disabled, .pre-submit-btn.disabled { opacity:0.5; pointer-events:none; }

/* Checkboxes */
.checkbox-area { display:inline-block; margin-right:15px; margin-bottom:15px; }
input[type="checkbox"] { -webkit-appearance:none; appearance:none; background-color:#FFF; margin:0; font:inherit; color:#000; width:24px; height:24px; border:1px solid #000; border-radius:1em; display:grid; place-content:center; }
input[type="checkbox"]::before { content:""; width:16px; height:16px; border-radius:1em; transform:scale(0); transform-origin:center center; transition: 120ms transform ease-in-out; background-color:#000; }
input[type="checkbox"]:checked::before { transform:scale(1); }
input[type="checkbox"]:focus { outline:max(1px, 1px) solid #000; outline-offset:max(3px, 3px); }
input[type="checkbox"]:disabled { opacity:0.5; cursor: not-allowed; }
.error input[type="checkbox"], .darkmode .error input[type="checkbox"] { color:#EF7773; border:1px solid #EF7773;}
.error input[type="checkbox"]::before, .darkmode .error input[type="checkbox"]::before { background-color:#EF7773; }
.error input[type="checkbox"]:focus, .darkmode .error input[type="checkbox"]:focus { outline:max(1px, 1px) solid #EF7773; outline-offset:max(3px, 3px); }

.input-group textarea  { min-height:50px; display:block; }
.textarea-container { position:relative; overflow:hidden; }
.textarea-container:before { content:''; background:#000 url('../imgs/icon-textarea-white.svg') left 3px center no-repeat; position:absolute; width:60px; height:60px; bottom:-30px; right:-30px; pointer-events:none; transform: rotateY(0deg) rotate(45deg); transition:background 0.4s ease; }

.input-group select { width:100%; border:1px solid #000; height:37px; border-radius:10px; font-size:17px; font-family:'HelveticaNow-Regular', sans-serif; line-height:1.41em; padding:5px 40px 5px 10px; background:#FFF; transition:all 0.4s ease; -webkit-appearance:none; -moz-appearance:none; appearance:none; background:#FFF url('../imgs/select-arrow.svg') center right 15px no-repeat; }
.darkmode .input-group select { border:1px solid #FFF; background:#000 url('../imgs/select-arrow-white.svg') center right 15px no-repeat; color:#FFF; }

.field-error { background:#FFF; border-radius:10px 10px 10px 10px; transition:all 0.4s ease; }
.input-group.error .field-error { background:#EF7773; }

.input-group .field-error span { display:none; color:#FFF; font-size:14px; padding:10px 20px 12px 30px; background:url('../imgs/icon-error-white.svg') top 13px left 10px no-repeat; line-height:1.3em; }
.input-group.error .field-error span { display:block; }

.input-group.error input[type='text'], .input-group.error input[type='password'], .input-group.error textarea { border-color:#EF7773; }

.text-align-left, .button-align-left { text-align:left; }
.text-align-center, .button-align-center { text-align:center; }
.text-align-right, .button-align-right { text-align:right; }

.form-feedback .error { background:#EF7773; color:#FFF; border-radius:10px; padding:10px; }
.form-feedback .success { background:#73EF76; color:#000; border-radius:10px; padding:10px; }
.form-feedback .warning { background:#EFC273; color:#FFF; border-radius:10px; padding:10px; }

/* Button */
.button { display:inline-block; height:40px; line-height:38px; border:1px solid #000; border-radius:20px; padding:0 20px; text-transform:uppercase; font-family:'HelveticaNow-Regular', sans-serif; text-decoration:none; transition:border-color 0.4s ease, background-color 0.4s ease, color 0.4s ease; }
.button.large { font-size:28px; height:60px; line-height:58px; padding:0 40px; border-radius:40px; }
.button:hover { background:#000; color:#FFF; }
.button.solid { background:#000; color:#FFF; }
.darkmode .button.solid { background:#FFF; color:#000; }

/* Contact form */
.contact-form .input-group textarea { height:273px; }
.contact-form-thanks { display:none; }

/* Whitepaper form */
.whitepaper-form-thanks { display:none; }
.whitepaper-form-area { padding:100px; background:#000; color:#FFF; border-radius:50px; }
.darkmode .whitepaper-form-area { background:#FFF; color:#000; }
.whitepaper-form-area input[type="submit"] { background:#000; border-color:#FFF; color:#FFF; }
.darkmode .whitepaper-form-area input[type="submit"] { background:#FFF; border-color:#000; color:#000; }
.darkmode .whitepaper-form-area .input-group input[type="text"] { background:#FFF; color:#000; border:1px solid #000; }
.darkmode .whitepaper-form-area .input-group input[type="text"]::placeholder { color:#000; opacity:1; }
.darkmode .whitepaper-form-area .input-group input[type="text"]::-ms-input-placeholder { color:#000; }

/* Webinar form */
.webinar-form-thanks { display:none; }

/* Header bar */
.size-debug { position:absolute; top:0; left:0; width:20px; height:20px; border-radius:20px; }
header { height:91px; text-align:center; border-bottom:1px solid #000; font-family:'HelveticaNow-Regular', sans-serif; transition:border-color 0.4s ease, background-color 0.4s ease; position:fixed; top:0; left:0; width:100%; z-index:21; background:#FFF; }
header a { text-decoration:none; }
header .logo { display:inline-block; margin-top:10px; }
header .logo img { height:74px; display:inline-block; }
header .search-open-btn { position:absolute; left:72px; top:28px; text-transform:uppercase; cursor:pointer; }
header .search-open-btn .darkmode-image-area { display:inline-block; margin-right:5px; top:4px; line-height:1em; }
header .upper-menu { position:absolute; right:20px; top:28px; text-transform:uppercase; }
header .upper-menu a { display:inline-block; margin-left:20px; text-decoration:none; }
header .header-cta-link { font-size:1em; padding:8px 13px 8px 13px; border:none; transition:background 0.4s ease, color 0.4s ease, border-color 0.4s ease; background:#FFD801; color:#000 }
header .header-cta-link:hover { background:#000; color:#FFF; }
/*.darkmode header .header-cta-link, */.darkmode header .header-cta-link:hover { background:#FFF; color:#000; }

header .dropdown { display:inline-block;}
/* Profile image */
header .profile-img { border-radius:50%; display:inline-block; margin-top:-10px; background:#EAB567; width:50px; height:50px; /*overflow:hidden;*/ }
header .profile-img img { width:100%; /*padding-top:4px;*/ }
header .dropdown-toggle.profile-img::after { display:none; }
header .profile-img .avatar-initials { display:block; height:100%; width:100%; text-align:center; text-decoration:none; border-radius:50%; line-height:50px; color:#000; font-size:17px; }
header .profile-img:hover { text-decoration:none; }

header .preview-tabs { position:absolute; top:15px; left:70px; }
header .preview-tabs .tab { display:inline-block; border-radius:10px; padding:10px 20px; }
header .preview-tabs .tab.tabon, header .preview-tabs .tab:hover { background:#DEEAF5; color:#303F9F; }


/* Drop down menu */
header .dropdown-menu {  border-radius:10px; border:1px solid #000; margin-top:13px; }
header .dropdown-menu .dropdown-item { font-size:17px; }
header .dropdown-menu a { display:block; color:#000; padding:7px 20px; margin:0; transition:all ease 0.3s; text-decoration:none; line-height:20px; cursor:pointer; }
header .dropdown-menu a.workspace-a { display:none; }
header .dropdown-menu a:hover {  }
.darkmode header .dropdown-menu { border-color:#FFF; background:#000; }
.darkmode header .dropdown-menu a { color:#FFF; }
/* header .dropdown-divider { margin:4px; } */
/* header .dropdown-menu .user-name { padding:10px 20px 10px 20px; color:#303F9F; font-weight:600; } */


/* Header banner */
.header-banner { background:#284EF6; color:#FFF; position:relative; top:164px; z-index:19; width:100%; padding:15px; text-align:center; } 
.header-banner .button { font-size:12px; height:30px; line-height:28px; padding:0 10px; margin-left:5px; color:#000; background:#FFF; border-color:#FFF; }
/* .header-banner .button:hover, .darkmode .header-banner .button:hover { color:#FFF; background:#000; } */

/* Mobile menu icon */
.mobile-menu-icon { width:32px; height:23px; position:absolute; top:32px; left:20px; align-items:center; cursor:pointer; }
.mobile-menu-icon span { position:absolute; display:block; left:0; height:1px; width:32px; background-color:#000; transform:rotate(0); transition:all 200ms cubic-bezier(0.895, 0.03, 0.685, 0.22); }
.mobile-menu-icon span.one { top:7px; }
.mobile-menu-icon span.two { bottom:7px; }
.mobile-menu-icon.open .one { transform: translateY(4px) rotate(45deg);  }
.mobile-menu-icon.open .two { transform: translateY(-4px) rotate(-45deg); }

/* Mobile menu */
.mobile-menu { position:fixed; top:0; left:0; width:0%; max-width:580px; height:100%; background:#FFF; z-index:20; text-align:left; overflow:hidden; transition:background-color 0.4s ease; }
.mobile-menu .menu { font-size:36px; font-family:'HelveticaNow-Regular', sans-serif; line-height:1.19em; padding-top:100px; }
.mobile-menu .menu a { text-decoration:none; text-transform:uppercase; display:inline-block; padding:12px 22px; opacity:0; }
.mobile-menu .menu a.login-option { margin-left:10%; }
.mobile-menu .menu a.book-button { font-size:24px; border-radius:30px; background:#000; color:#FFF; margin-top:15px; transition:all 0.4s ease; padding:12px 50px; }
.mobile-menu hr { margin-bottom:0.5em; }
.darkmode .mobile-menu .menu a.book-button { border-radius:30px; background:#FFF; color:#000; }
.mobile-menu .copyright { position:absolute; bottom:20px; left:0; width:100%; padding:0 20px; }
.mobile-menu .darkmode-toggle-area { position:absolute; top:123px; right:42px; }

/* Dark mode toggle switch */
.darkmode-toggle-area { display:inline-block; margin-left:20px; cursor:pointer; border:1px solid #000; width:64px; height:31px; line-height:29px; border-radius:17px; position:relative; background:#FFF; vertical-align:middle; margin-top:-4px; transition:all 0.4s ease; }
.darkmode-toggle-area .indicator { border-radius:50%; background:#000 url('../imgs/icon-light-white.svg') center center no-repeat; background-size:18px auto; display:block; height:23px; width:23px; position:absolute; left:35px; top:3px; transition:all 0.4s ease; }
.darkmode-toggle-area .light-text { display:none; position:absolute; right:10px; top:3px; line-height:23px; color:#FFF; }
.darkmode-toggle-area .dark-text { display:none; position:absolute; left:10px; top:3px; line-height:23px; color:#000; }

/* Top navigation */
.main-nav { height:49px; text-align:center; border-bottom:1px solid #000; font-family:'HelveticaNow-Regular', sans-serif; transition:border-color 0.4s ease, background-color 0.4s ease; position:fixed; top:115px; left:0; width:100%; z-index:20; background:#FFF; display:none; }
.main-nav a { text-transform:uppercase; display:inline-block; margin:11px 50px 0 50px; text-decoration:none; }

/* Footer */
footer { border-top:1px solid #000; transition:border-color 0.4s ease; padding:58px 0 30px 0; }
footer nav { margin-top:30px; }
footer .social { margin-bottom:30px; }
footer nav div { display:inline-block; }
footer nav a { text-decoration:underline; margin-right:15px; }
footer .social .darkmode-image-area { display:inline-block; margin-right:5px; line-height:1em; }
footer .mobile-copyright { display:none; }
footer .col-lg-4 { padding-right:45px; }

.newsletter-form-footer { max-width:550px; }
.newsletter-form-footer h5 { margin-bottom:0.5em; }
.newsletter-form-footer input[type="submit"] { margin:20px 0 0 0; }
.newsletter-form-footer input[type="submit"].processing { padding-right:15px; background:none; }
.darkmode .newsletter-form-footer input[type="submit"].processing { padding-right:15px; background:none; }
.newsletter-form-footer .input-group { margin-bottom:0; }
.newsletter-form-footer .input-group input[type="text"] { width:calc(100% - 122px); margin-right:20px; }
.newsletter-thanks-footer { display:none; }
.newsletter-thanks-footer h4 { margin-bottom:0; }
.newsletter-form-footer .form-feedback { margin-bottom:0; }
.newsletter-form-footer .form-feedback .error { margin-top:20px; }

.newsletter-thanks-popup { display:none; }


/* Sections */
.section { position:relative; }



/* Hero */
.hero-block { position:relative; background:#F4F4F4 no-repeat; background-size:cover; height:750px; /*padding-bottom:46.58%;*/ color:#FFF; text-align:center; }
.hero-block.raw-material { background-size:auto 96%; }
.hero-block .overlay { display:table; }
.hero-block .overlay .inner { display:table-cell; height:100%; vertical-align:middle; }
.hero-block h1 { margin:0 auto 30px auto; width:90%; }
.hero-block.raw-material h2 { display:inline-block; background:#FFF; color:#000; border:1px solid #000; padding:0.2em 1em; border-radius:40px; }
.hero-block h5 span { display:block; }

/* Hero v2 */
.hero-blockv2 { position:relative; background:#F4F4F4 no-repeat; background-size:cover; height:750px; /*padding-bottom:46.58%;*/ color:#FFF; text-align:left; }
.hero-blockv2.raw-material { background-size:auto 96%; }
.hero-blockv2 .overlay { display:table; }
.hero-blockv2 .content { height:100%; padding-left:8.33%; padding-right:8.33%; }
.hero-blockv2 .content .cinner { display:table; width:100%; height:100%; }
.hero-blockv2 .content .inner { display:table-cell; height:100%; vertical-align:middle; }
.hero-blockv2 h1 { margin:0 auto 40px auto; }
.hero-blockv2.raw-material h2 { display:inline-block; background:#FFF; color:#000; padding:0.2em 1em; border-radius:40px; }
.hero-blockv2 h5 span { display:block; }
.hero-blockv2 .tag { background:#FFF; color:#000; border-color:#000; }
.page .hero-blockv2 .tag-area, .darkmode .page .hero-blockv2 .tag-area { border:none; }
.herov2-intro-area { position:relative; z-index:4; }
.herov2-intro-area .intro-details { top:10px; }
.herov2-intro-area .page-tools { position:relative; right:initial; }
.herov2-intro-area .intro-details a { margin-left:0; margin-right:20px; }

/* Intro block */
.intro-details { position:absolute; left:20px; top:0; }
.intro-details a { text-decoration:none; display:inline-block; margin-right:30px; }
.readtime { font-size:14px; line-height:1.29em; font-family:'HelveticaNow-Regular', sans-serif; margin-bottom:15px; background:url('../imgs/icon-dot.svg') top 4px left no-repeat; padding-left:15px; transition:background-image 0.4s ease; }
.page-tools .disabled { opacity:0.2; pointer-events:none; }
.page-tools { position:relative; }
.page-tools .share-area { opacity:0; pointer-events:none; position:absolute; bottom:-64px; left:0; /*width:290px;*/ width:234px; background:#FFF; border:1px solid #000; border-radius:10px; padding:4px; transition:all 0.4s ease; }
.page-tools.share-active .share-area { opacity:1; pointer-events:initial; }
.page-tools .share-area a { display:inline-block; float:left; width:54px; padding:10px; text-align:center; margin:0; }
.page-tools .share-area a img { display:inline-block; height:16px; width:auto; }
/*#st-1 .st-btn { transition:background 0.4s ease!important; }
.darkmode .page-tools .share-area { border:1px solid #FFF; background:#000; }
.darkmode #st-1 .st-btn { background:#000!important; }
.darkmode #st-1 .st-btn img { filter:none!important; }*/
/* .page-tools .share-area .st-btn { border:1px solid #000; } */

/* Home widget */
.home-widget .gal-side { width:66.66%; float:left; aspect-ratio:3 / 2; padding-right:7.5px;
	// fallback
	@supports not (aspect-ratio) { 
	height: 716px;
	
	}
}
.home-widget .gal-side .swiper-home-gallery { height:100%; }
.home-widget .gal-side .swiper-home-gallery .swiper-wrapper, .home-widget .gal-side .swiper-home-gallery .swiper-slide { height:100%; }
.home-widget .gal-side .image-area { height:100%; width:100%; display:flex; align-items:center; text-align:center; background-size:cover; text-decoration:none; }
.home-widget .gal-side .image-area .title { display:block; width:100%; font-size:60px; font-family:'HelveticaNow-Regular', sans-serif; line-height:1.19em; color:#FFF; padding:0 40px; z-index:1; }
.home-widget .radar-side { width:33.33%; float:left; padding-left:7.5px; }
.home-widget .radar-items h3 { margin-bottom:15px; }
.home-widget .radar-items .clear-2col { display:block; }
.home-widget .radar-items .radar-item { margin-top:15px; display:block; text-decoration:none; }
.home-widget .radar-items .radar-item .left-col { width:240px; float:left; }
.home-widget .radar-items .radar-item .right-col { padding-left:15px; font-size:17px; float:left; width:calc(100% - 240px); }
.home-widget .radar-items .image-area { height:0px; padding-bottom:63%; background-size:cover; }
.home-widget .radar-items .text { display:block; height:0px; padding-bottom:63%; width:100%; position:relative; }
.home-widget .radar-items .text .title { color:#000; font-size:24px; line-height:1.19em; font-family:'HelveticaNow-Regular', sans-serif; position:absolute; bottom:0; left:0; padding:30px 10px 10px 10px; background:url('../imgs/icon-title-arrow.svg') top left 10px no-repeat; background-size:30px auto; }
.home-widget .radar-items .posted { margin-top:10px; font-size:14px; text-transform:uppercase; }

/* Text block */
.text-block {  }

/* Tooltips */
.atooltip { display:inline-block; text-decoration:none; font-size:0.8em; line-height:inherit; border:1px solid #000; border-radius:40px; /*padding:3px 10px 4px 10px;*/ padding:0em 0.5em 0.1em 0.5em; font-family:'HelveticaNow-Regular', sans-serif; transition:all 0.4s ease; }
.atooltip:hover { background:#000; color:#FFF; }

.tippy-box { background:transparent; }
.tippy-content { padding:0; }
.tippy-arrow { display:none; }
.tippy-loading { padding:10px; color:#000; background:#FFF; }
.tooltip-content { width:508px; position:relative; top:3px; }
.tooltip-content .tc-image-block, .grid-item .tooltip-content .tc-image-block { width:248px; height:248px; background-size:cover; margin-right:12px; display:inline-block; padding:0; display:inline-block; }
.tooltip-content .tc-text-area, .grid-item .tooltip-content .tc-text-area { width:248px; height:248px; display:inline-block; padding:12px; color:#000; font-size:17px; line-height:1.3em; }
.tooltip-content .tc-text-area h6 { margin-bottom:0; }
.tooltip-content .tc-image-block.material, .grid-item .tooltip-content .tc-image-block.material { padding:20px; position:relative; display:inline-block; }
.tooltip-content .tc-image-block .tags { display:block; margin:10px 10px; }
.tooltip-content .tc-image-block .tags .tag { background:#FFF; color:#000; margin-bottom:5px; }
.tooltip-content .tc-image-block.material .material-name { position:absolute; top:0; left:0; height:100%; width:100%; text-align:center; display:table; }
.tooltip-content .tc-image-block.material .material-name .inner { display:table-cell; width:100%; height:100%; vertical-align:middle; }
.tooltip-content .tc-image-block.material .material-name .inner .tag { background:#FFF; color:#000; font-size:1.3em; line-height:1.3em; }
.tooltip-content .tc-image-block.material img { width:100%; }


/* Image block */
.image-block { height:0px; padding-bottom:46.58%; background:#F4F4F4 no-repeat; background-size:cover; position:relative; }
.image-block-caption { margin:10px 0; font-size:14px; line-height:1.29em; max-width:656px; background:url('../imgs/icon-dot.svg') top 4px left no-repeat; padding-left:15px; transition:background-image 0.4s ease; }
.image-block-caption.right { float:right; }
/* 2 column images */
.col-sm-6 .image-block { padding-bottom:98.2%; }
.col-sm-6 .image-block-caption { max-width:520px; }
/* 4 column images */
.col-sm-3 .image-block { padding-bottom:98.2%; }
.col-sm-3 .image-block-caption { max-width:520px; }
/* Image tags */
.page .image-block .tag-area { display:table; position:absolute; top:0; left:0; height:100%; width:100%; padding:0; margin:0; border-bottom:none; }
.page .image-block .tag-area .inner { text-align:center; vertical-align:middle; display:table-cell; width:100%; height:100%; }
.page .image-block .tag { background:#FFF; font-size:inherit; line-height:inherit; padding:3px 15px 4px 15px; color:#000; border-color:#000!important; margin:0; }

/* Video block */
.video-block { height:0px; padding-bottom:/*46.58%*/56.25%; background:#F4F4F4 no-repeat; background-size:cover; overflow:hidden; position:relative; }
.video-block .overlay { cursor:pointer; display:flex; justify-content:center; align-items:center; background-size:cover; }
.video-block-caption { margin:10px 0; font-size:14px; line-height:1.29em; max-width:656px; background:url('../imgs/icon-dot.svg') top 4px left no-repeat; padding-left:15px; transition:background-image 0.4s ease; }
.video-block .video-consent { position:absolute; background:#FFF; top:0; left:0; height:100%; width:100%; display:none; align-items:center; text-align:center; }
.darkmode .video-block .video-consent { background:#000; }
.video-block .video-consent > div { width:100%; }
.video-block .video-consent .button { margin:0 10px 10px 10px; }
.video-block .video-hide { display:none; }
.video-block iframe, .video-block object, .video-block embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/* Video interactive */
.video-interactive .video-block .overlay-ni { display:flex; justify-content:center; align-items:center; background-size:cover; }
.video-interactive-buttons { text-align:center; padding:20px 0; }
.video-interactive-buttons a { display:inline-block; padding:5px 40px; text-decoration:none; font-family:'HelveticaNow-Regular', sans-serif; border-radius:30px!important; margin:0 10px; }
.interact-header { height:80px; line-height:80px; }
.interact-header h5 { margin:0; line-height:80px; }
.interact-header h5 a { text-decoration:none; }
.interact-iframe-page {  }
.interact-iframe { border:none; width:100vw; height:calc(100vh - 80px); }

/* Quote block */
.quote-block { text-align:center; }
.quote-block .author { letter-spacing:0; margin-top:30px; }

/* Material card small */
.material-card-block { padding:30px; }
.material-card-block .row.head > div { align-self:center!important; }
.material-card-block .row.head h2 { margin-bottom:0; }

/* Key points block */
.ki-text ul { font-size:36px; font-family:'HelveticaNow-Regular', sans-serif; line-height:1.19em; }
.ki-text ul { margin:0; list-style-type:none; padding-left:0; }
.ki-text ul li { margin-bottom:20px; background:url('../imgs/ul-h3.svg') top 21px left no-repeat; padding-left:45px; transition:border-color 0.4s ease; }

/* Q&A block */
.qanda-block-title { text-transform:uppercase; }
.qanda-group { margin-bottom:20px; background:url('../imgs/ul-h3.svg') top 21px left no-repeat; padding-left:45px; }
.qanda-group h3 { margin-bottom:0; }

/* Homepage CTA */
.homepage-cta { padding:40px 0; background:linear-gradient(90deg, rgba(255,255,255,1) 20%, rgba(38,76,244,1) 100%); border-top:1px solid #000; transition:border 0.4s ease; }
.darkmode .homepage-cta { background:#000; border-top:1px solid #FFF; }
.homepage-cta-title { font-size:55px; font-family:'HelveticaNow-Regular', sans-serif; line-height:1.19em; margin-bottom:0.6em; }

/* Key facts block */
.keyfact-section .row { margin-bottom:30px; }
.keyfact-block { padding:50px 20px 50px 20px; background:url('../imgs/icon-title-arrow.svg') top 20px left 20px no-repeat; height:100%; transition:background-image 0.4s ease; position:relative; }
.keyfact-block h1 { margin-bottom:30px; }
.keyfact-block .download { display:block; position:absolute; bottom:15px; right:20px; width:26px; height:34px; background:url('../imgs/icon-download.svg') center center no-repeat; transition:background-image 0.4s ease; }

/* Events */
.next-event-text { text-decoration:none; }
.next-event-text .text { padding:100px 20px; }
.next-event { text-decoration:none; }
.next-event-title { font-size:70px; line-height:1.1em; font-family:'HelveticaNow-Regular', sans-serif; margin-bottom:30px; }
.event-details .col-sm-8 { padding-right:10%; }
.event-details .image-block { padding-bottom:100%; /*margin-bottom:30px;*/ }
.event-details .event-margin { padding-top:30px; }
.event-details .downloadlink { margin-top:45px; }
.event-details h5 { margin-bottom:0; }
.event-details .event-location { margin-bottom:30px; }
.event-social a { text-decoration:none; display:inline-block; line-height:22px; padding:5px 0; margin:3px 0; }
.event-social a u { text-decoration:underline; }
/* .event-social a .darkmode-image-area { width:35px; text-align:center; display:inline-block; margin-right:10px; }
.event-social a img { display:inline-block; position:relative; top:-3px; } */
.event-social a .darkmode-image-area { width:28px; height:22px; text-align:center; display:inline-block; margin-right:10px; top:4px; }
.event-social a img { position:absolute; top:0; left:0; }

.pastevent { overflow:hidden; }
.pastevent > div { opacity:0.6; }
.pastevent .corner-banner { position:absolute; top:40px; left:-90px; text-align:center; width:300px; padding:3px 10px; background:#000; color:#FFF; text-transform:uppercase; z-index:2; font-size:13px; font-family:'HelveticaNow-Regular', sans-serif; transform: rotate(-45deg); opacity:1; transition:background 0.4s ease, color: 0.4s ease; }
.darkmode .pastevent .corner-banner { background:#FFF; color:#000; }

/* Single gallery */
.swiper { width:100%; height:auto; }
.swiper-gallery-single-area { padding-left:16.66%; padding-right:16.66%; }
.swiper-gallery-single-container { position:relative; }
.swiper-gallery-single .image-block { padding-bottom:73.12%; }
.swiper-button-next::after, .swiper-button-prev::after { display:none; }
.swiper-button-next, .swiper-button-prev { width:35px; height:35px; }
.swiper-button-prev { background:url('../imgs/icon-gallery-left.svg') center center no-repeat; left:-50px; transition:background-image 0.4s ease; }
.swiper-button-next { background:url('../imgs/icon-gallery-right.svg') center center no-repeat; right:-50px; transition:background-image 0.4s ease; }

/* Double content gallery */
.swiper-gallery-double-area { padding-left:8.33%; padding-right:8.33%; }
.swiper-gallery-double-container { position:relative; }
.swiper-gallery-double .image-block { padding-bottom:100%; }
.swiper-gallery-double .content-block { height:0px; position:relative; padding-bottom:100%; }
.swiper-gallery-double .content-block .inner { position:absolute; bottom:40px; left:40px; width:calc(100% - 80px); }

/* Material thumbnail gallery */
.swiper-gallery-thumbnails .swiper-wrapper { justify-content:center; }
.swiper-gallery-thumbnails .swiper-slide { width:150px; }
.swiper-gallery-thumbnails .swiper-slide .image-block { padding-bottom:0%; height:150px; }
.swiper-gallery-thumbnails .swiper-slide { opacity:0.5; }
.swiper-gallery-thumbnails .swiper-slide-thumb-active { opacity:1; }
.swiper-gallery-thumbnail-area { position:relative; }
.swiper-gallery-thumbnail-area .material-availability { position:absolute; top:20px; right:calc(8.33% + 20px); width:300px; z-index:4; padding:10px; text-align:center; background:rgba(255,255,255,0.7); padding:20px; }
.darkmode .swiper-gallery-thumbnail-area .material-availability { background:rgba(0,0,0,0.7); }
.swiper-gallery-thumbnail-area .material-availability h4 { margin-bottom:10px; }
.swiper-gallery-thumbnail-main .swiper-slide { text-align:center; }
.swiper-gallery-thumbnail-main .image-holder { display:inline-block; margin:auto; }
.swiper-gallery-thumbnail-main .image-holder img { height:60vh; object-fit: cover; }
.swiper-gallery-thumbnail-main .image-block-caption { text-align:left; }

/* Maker contact */
.maker-contact { padding:40px 30px; color:#000; }
.maker-contact .title { padding-top:35px; font-size:40px; font-family:'HelveticaNow-Regular', sans-serif; line-height:1.19em; background:url('../imgs/icon-title-arrow.svg') top left no-repeat; text-transform:uppercase; }
.maker-contact .social { text-align:right; }
.maker-contact .social a { display:inline-block; margin-left:15px; }

.va- .row .maker-contact-alt .row { display:flex; align-items:center; }
.va- .row .maker-contact-alt .row > div { align-self:initial; }
.maker-contact-alt .left { text-align:right; padding-right:70px; text-transform:uppercase; }
.maker-contact-alt .right { border-left:1px solid #000; padding-left:70px; transition:border 0.4s ease; position:relative; }
.maker-contact-alt .page-tools { margin-bottom:32px; }
.maker-contact-alt .page-tools > a { display:inline-block; margin-right:30px; }
.darkmode .maker-contact-alt .right { border-left:1px solid #FFF; }
.maker-contact-alt h1 { margin-bottom:0; }
.maker-contact-alt h2 { text-transform:uppercase; }
.maker-contact-alt .socials { display:flex; align-items:center; margin-top:32px; }
.maker-contact-alt .socials a { display:inline-block; margin-right:20px; }
.maker-contact-alt .tag { margin-right:14px; display:inline-block; margin-top:22px; }
.maker-contact-alt .button-area { margin:32px 0 8px 0; }
.maker-contact-alt .button-area .button { margin-right:24px; margin-bottom:24px; }
.maker-contact-alt .button-area .button.contact-btn { background:#000 url('../imgs/icon-email-white.svg') center left 15px no-repeat; padding-left:45px; }
.darkmode .maker-contact-alt .button-area .button.contact-btn { background:#FFF url('../imgs/icon-email.svg') center left 15px no-repeat; padding-left:45px; }
.maker-contact-alt .button-area .button.visit-btn { background:#000 url('../imgs/icon-visit-white.svg') center left 15px no-repeat; padding-left:45px; }
.darkmode .maker-contact-alt .button-area .button.visit-btn { background:#FFF url('../imgs/icon-visit.svg') center left 15px no-repeat; padding-left:45px; }

/* Progress gallery */
.slider-overflow { width:100%; overflow:hidden; }
.slider-overflow h1 { text-transform:uppercase; margin-bottom:30px; }
.swiper-gallery-scrollbar { overflow:initial; padding-bottom:36px; }
.swiper-gallery-scrollbar .swiper-slide { width:calc(25% - 20px); min-width:300px; }
.swiper-gallery-scrollbar .swiper-slide.s2 { width:calc(42% - 20px); min-width:517px; }
.swiper-gallery-scrollbar .swiper-slide.s2 .grid-item.s2 .lozenge { padding-bottom:calc(60% - 10px); }
.swiper-horizontal > .swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-horizontal { left:0; bottom:0px; width:100%; height:2px; background:#000; transition:background-color 0.4s ease; }
.swiper-scrollbar-drag { height:6px; background:#000; top:-2px; transition:background-color 0.4s ease; }

/* Meet the makers slider */
.meet-maker-gallery { overflow:initial; padding-bottom:36px; }
.meet-maker-gallery .swiper-slide { width:calc(33.33% - 13px); min-width:475px; }
.meet-maker-item { display:block; background:#E9E9E1; text-decoration:none; padding:25px 20px; color:#000!important; }
.meet-maker-item h3 { margin-bottom:25px; }
.meet-maker-item h5 { margin-bottom:10px; }
.meet-maker-item .tags { display:block; margin-bottom:20px; }
.meet-maker-item .tags .tag { background:#FFF; border-color:#000!important; margin-bottom:5px; margin-right:5px; }
.meet-maker-item .image { padding-bottom:100%; background-size:cover; border-color:#000!important; }

/* The results */
.the-results-area { text-align:center; position:relative; max-width:1100px; margin:auto; }
.the-results-area .image-block { width:50%; margin:auto; }
.the-results-area .stat { background:#FFF; color:#000; position:absolute; width:20%; padding:20px; transition:border 0.4s ease, background 0.4s ease, color 0.4s ease; }
.darkmode .the-results-area .stat { background:#000; color:#FFF; }
.the-results-area .stat1 { top:10%; left:8.33%; }
.the-results-area .stat2 { bottom:10%; right:8.33%; }
.the-results-area .stat strong { font-family:'HelveticaNow-Regular', sans-serif; font-size:26px; letter-spacing:-1px; }

/* Accordion */
.accordion-group { border-bottom:1px solid #000; transition:border-color 0.4s ease; }
.accordion-title { position:relative; display:block; padding-bottom:20px; padding-right:40px; background:url('../imgs/icon-plus.svg') right top no-repeat; margin-bottom:0; margin-top:20px; cursor:pointer; }
.accordion-title.open { background:url('../imgs/icon-minus.svg') right top 13px no-repeat; }
.accordion-content { display:none; }

/* Demo page */
.book-tour-form-area { padding:10% 0; background:#000; color:#FFF; }
.book-tour-form-area .content { max-width:1400px; }
.darkmode .book-tour-form-area { background:#FFF; color:#000; }
.darkmode .book-tour-form-area .input-group input[type="text"], .darkmode .book-tour-form-area .input-group input[type="password"], .darkmode .book-tour-form-area .input-group textarea { background:#FFF; color:#000; border:1px solid #000; }
.darkmode .book-tour-form-area ::placeholder { color:#000; }
.darkmode .book-tour-form-area .input-group select { color:#000; background:#FFF url('../imgs/select-arrow.svg') center right 15px no-repeat; border-color:#000; }
.darkmode .book-tour-form-area input[type="submit"] { background:#FFF; border:1px solid #000; color:#000; }
.book-tour-form-area input[type="submit"]:hover { background:#000; border:1px solid #FFF; color:#FFF; }
.darkmode .book-tour-form-area input[type="submit"]:hover { background:#000; border:1px solid #000; color:#FFF; }
.book-tour-form-thanks { display:none; }

.join-demo-area { background:#DEF4F5; padding:30px; color:#000; }
.join-demo-area .button { background:#FFF; }
.join-demo-area .button:hover { background:#FFF; color:#FFF; background:#000; }
.darkmode .join-demo-area .button { border:1px solid #000; }
.darkmode .join-demo-area .button:hover { background:#FFF; color:#FFF; background:#000; }
.join-demo-area h4 { padding:9% 0; }
.book-demo-modal { max-width:1200px!important; }

.watch-video-area { background:#FFD801; /*margin-top:25px;*/ height:100%; padding:10% 0; }
.watch-video-area h4 { padding:0; }
.watch-video-area .video-block { padding-bottom:48.25%; }
.watch-video-area .content { max-width:1400px; }

/* CTA block */
.homea-cta { background:#D6FE50; text-align:center; color:#000; padding:120px 0 90px 0; border-top:1px solid #000; }
.homea-cta h2 { text-transform:uppercase; font-size:80px; letter-spacing:-2px; line-height:1.2em; margin-bottom:94px; }
.homea-cta .button { background:#000; color:#FFF; border-color:#000; margin:0 20px; }
.homea-cta h4 { text-transform:uppercase; margin:90px 0 35px 0; }

.homea-cta .marquee { margin:75px 0 95px 0; }
.homea-cta .marquee img { height:68px; }
.homea-cta .marquee { height:68px; --gap:80px; }
.button.xlarge { font-size:30px; height:74px; line-height:72px; padding:0 60px; border-radius:40px; }


/* Price table */
.currency-toggle { padding:4px; display:inline-block; margin-bottom:35px; }
.currency-toggle .option { text-decoration:none; font-size:16px; font-family:'HelveticaNow-Regular', sans-serif; width:98px; height:30px; line-height:30px; display:inline-block; text-align:center; border-radius:5px; transition:all 0.4s ease; }
.currency-toggle .option:hover { background:#DDD; }
.currency-toggle .option.selected { background:#000; color:#FFF; }
.darkmode .currency-toggle .option:hover { background:#222; }
.darkmode .currency-toggle .option.selected { background:#FFF; color:#000; }
.price-column { padding:36px 23px; color:#000; margin-bottom:20px; height:auto; min-height:1052px; position:relative; overflow:initial; -webkit-mask-image:initial;}
.price-column .highlight { background:#000; color:#FFF; width:180px; position:absolute; top:-14px; left:50%; margin-left:-90px; z-index:1; padding:2px 10px; border-radius:5px; text-align:center; transition:background 0.4s ease, color 0.4s ease;  }
.darkmode .price-column .highlight { background:#FFF; color:#000; }
.price-column .name { margin:0; text-transform:uppercase; }
.price-column .subtitle { margin:0 0 10px 0; display:none; }
.price-column .offer { margin:0; }
.price-column .demo { height:50px; padding-top:20px; }
.price-column .offer.eur, .price-column .offer.usd { display:none; }
.price-column .description { margin:15px 0; height:120px; }
.price-column .price { margin:0; }
.price-column .price.eur, .price-column .price.usd { display:none; }
.price-column .feature-list { font-size:14px; }
.price-column .feature-list div { margin:5px 0; padding-left:30px; }
.price-column .feature-list .tick { background:url('../imgs/icon-price-tick.svg') center left no-repeat; }
.price-column .feature-list .cross { background:url('../imgs/icon-price-cross.svg') center left no-repeat; }
.price-column .button { background:#FFF; display:inline-block; }
.price-column .button.eur, .price-column .button.usd { display:none; }
.price-column .button:hover { background:#000; }
.darkmode .price-column .button { border:1px solid #000; }
.darkmode .price-column .button:hover { background:#000; color:#FFF; }
.darkmode .price-column hr { border-top:1px solid #000; }

/* Tags */
.page .tag-area { margin-bottom:30px; padding-bottom:50px; border-bottom:1px solid #000; transition:border 0.4s ease; }
.darkmode .page .tag-area { border-bottom:1px solid #FFF; }
.project-page .tag-area, .darkmode .project-page .tag-area { border-bottom:none; }
.tag-area .tag { margin-right:10px; margin-bottom:10px; }
.tag { display:inline-block; text-decoration:none; font-size:13px; line-height:18px; border:1px solid #000; border-radius:100px; padding:3px 10px 4px 10px; font-family:'HelveticaNow-Regular', sans-serif; transition:border-color 0.4s ease; text-align:center; }
.tag-area .tag.on { background:#000; color:#FFF; }
.darkmode .tag-area .tag.on { background:#FFF; color:#000; }
.select-tags input[type="checkbox"] { display:none; }
.select-tags { height:380px; overflow:auto; }

/* Dive deeper */
.dive-deeper h3 { text-transform:uppercase; }

.downloadlink { background:url('../imgs/icon-download.svg') center left no-repeat; padding-left:30px; display:inline-block; background-size:18px 24px; line-height:24px; text-decoration:none; transition:background-image 0.4s ease; }

/* The grid */
.grid-title { text-transform:uppercase; position:relative; }
.grid-title a { position:absolute; display:block; right:0; bottom:0; line-height:1.7em; text-decoration:none; font-size:17px; padding-right:24px; background:url('../imgs/icon-view-more-arrow.svg') center right no-repeat; transition:background 0.4s ease; }
.grid-sort-area { text-align:right; font-size:17px; }
.grid-sort-area select { -webkit-appearance:none; -moz-appearance:none; appearance:none; border:none; background:transparent url('../imgs/select-arrow.svg') center right no-repeat; padding-right:20px; color:inherit; }
.darkmode .grid-sort-area select { background:transparent url('../imgs/select-arrow-white.svg') center right no-repeat; }
.darkmode .grid-title a { background:url('../imgs/icon-view-more-arrow-white.svg') center right no-repeat; }
.the-grid-area { width:calc(100% + 20px); }
.the-grid-area.threecolcentered { width:calc(83.33% + 20px); margin-left:8.33%; }
.gutter-sizer { width:20px; }
.grid-item { display:block; text-decoration:none; }
.the-grid-area .grid-sizer, .the-grid-area .grid-item { width:calc(25% - 20px); /*background:pink;*/ margin-bottom:30px; }
.the-grid-area.threecolcentered .grid-sizer, .the-grid-area.threecolcentered .grid-item { width:calc(33.3333333% - 20px); margin-bottom:30px; }
.the-grid-area .grid-item.s2, .the-grid-area .grid-item.s4 { width:calc(50% - 20px); }

.grid-item .lozenge { height:0px; padding-bottom:100%; background:#F4F4F4 no-repeat; background-size:cover; color:#000; position:relative; }
.grid-item.s2 .lozenge { padding-bottom:calc(50% - 10px); }
.grid-item.s3 .lozenge { padding-bottom:calc(200% + 117px); }
.grid-item.s4 .lozenge { padding-bottom:calc(100% + 117px); }

.grid-item .lozenge .collect-btn { display:block; height:36px; width:36px; background:url('../imgs/icon-collect-solid.svg') center center no-repeat; position:absolute; top:15px; right:20px; cursor:pointer; }
.grid-item .lozenge .uncollect-btn { display:block; height:36px; width:36px; background:url('../imgs/icon-uncollect-solid.svg') center center no-repeat; position:absolute; top:15px; right:20px; }

.grid-item .tags { position:absolute; top:15px; left:20px; padding-right:55px; }
.grid-item .tags .tag { background:#FFF; border-color:#000; margin-right:5px; margin-bottom:5px; }
.grid-item .tags div { /*margin-bottom:8px;*/ }

.grid-item .text .title { position:absolute; bottom:0; left:0; padding:40px 20px 20px 20px; background:url('../imgs/icon-title-arrow.svg') top left 20px no-repeat; }

.grid-item .information { font-size:14px; line-height:1.29em; font-family:'HelveticaNow-Regular', sans-serif; vertical-align:top; display:flex; height:85px; padding-top:15px; overflow:hidden; }
.grid-item .information .left { display:inline-block; width:100px; background:url('../imgs/icon-dot.svg') top 4px left no-repeat; padding-left:15px; transition:background-image 0.4s ease; align-self:flex-start; text-transform:uppercase; }
.grid-item .information .right { display:inline-block; width:calc(100% - 110px); margin-left:20px; align-self:flex-start; max-width:520px; }
.grid-item .information .category { text-transform:uppercase; margin-bottom:5px; }

.grid-item .content-slider-infomation h5 { text-transform:uppercase; margin:15px 0; }
.grid-item .content-slider-infomation h6 { margin:15px 0; }

/* Radar grid items */
.radar-grid .grid-item.no-results { width:100%!important; }
.radar-grid .grid-item .mpop { cursor:pointer; }
.radar-grid .grid-item .text { display:block; }
.radar-grid .grid-item .image-area {  height:auto; padding-bottom:0; display:block; }
.radar-grid .grid-item .image-area img { display:block; }
.radar-grid .grid-item .alt-tags-area, .radar-grid .grid-item .posted { display:block; font-size:14px; text-transform:uppercase; margin-top:10px; }
.radar-grid .grid-item .alt-tags-area a, .radar-content .alt-tags-area a { text-decoration:none;  }
.radar-grid .grid-item .alt-tags-area a:hover, .radar-content .alt-tags-area a:hover { text-decoration:underline; }
.radar-grid .grid-item .posttext { font-size:17px; display:block; margin-top:10px; }
.radar-grid .grid-item .posttext p { margin-bottom:10px; }
.modal-panel .panel-content.radar-content { padding-top:100px; padding-bottom:70px; }
.radar-content .image-area.lozenge { height:auto; padding-bottom:0; display:block; position:relative;margin-right:1px; }
.radar-content .image-area.lozenge img { display:block; }
.radar-grid .grid-item .image-area img.gallery-icon { position:absolute; top:20px; right:20px; }
.radar-content .alt-tags-area { display:block; font-size:14px; text-transform:uppercase; margin-bottom:15px; font-weight:400; }
.radar-content p.small { text-transform:uppercase; }
.radar-content .under-image { position:relative; margin-bottom:20px; }
.radar-content .image-block-caption { width:calc(100% - 70px); }
.radar-content .swiper-gallery-radar .image-area { cursor:grab; }
.radar-content .gal-control { position:absolute; top:0; right:0; }
.radar-content .gal-control a { display:inline-block; width:24px; height:24px; margin-left:5px; }
.radar-content .gal-prev { background:url('../imgs/icon-gallery-left.svg') center center no-repeat; background-size:22px auto; }
.radar-content .gal-next { background:url('../imgs/icon-gallery-right.svg') center center no-repeat; background-size:22px auto; }
.radar-content .swiper-button-disabled { opacity:0.3;}
.radar-content .texttile.lozenge { padding-bottom:100%; position:relative; }
.radar-content .texttile.lozenge h3 { padding:0; margin:0; }
.radar-content .texttile .title { position:absolute; bottom:0; left:0; padding:40px 20px 20px 20px; background:url('../imgs/icon-title-arrow.svg') top left 20px no-repeat; }


/* Macy Masonry test grid */
#macy-container { min-height:50vh; }
#macy-container .item { height:100px; line-height:100px; background:pink; text-align:center; font-size:40px; }

/* CSS Grid Demo */
/* .mgrid { display:grid; grid-template-columns:repeat(4, 1fr); grid-template-rows:masonry; gap:20px; } */
/* Masonry isn't a native option even 2 years after working under a flag on Firefox, will need to use JS for masonry */
.mgrid { display:grid; grid-template-columns:repeat(4, 1fr); grid-auto-flow:dense; gap:20px; }
/* This type of grid will allow for a mix of depths maintaining the correct sizing, will also work for team grids */
.mgrid .item { margin:0;
  height:100px; line-height:100px; background:pink; text-align:center; font-size:40px; }
.mgrid .item.s2 { grid-column-end:span 2; grid-row-end: span 2; height:100%; }

/* Materials grid */
.materials-grid { width:100%; }
.materials-grid .gutter-sizer { width:0; }
.materials-grid .grid-item { text-decoration:none; }
.materials-grid .grid-sizer, .materials-grid .grid-item { width:100%; margin-bottom:30px; }
.materials-grid .material { height:auto; padding-bottom:0; color:#000; position:relative; display:flex; }
.materials-grid .material > div { padding:30px; }
.materials-grid .material p { margin-bottom:0; }
.materials-grid .material .material-name { background:#FFF; font-size:inherit; padding:5px 15px 6px 15px; border-color:#000; }
.materials-grid .material .image-ball { display:inline-block; flex: 0 0 230px; width:230px; height:230px; }
.materials-grid .material .small-col { float:right; width:50%; }
.materials-grid .material .material-name-area { display:inline-block; flex: 0 0 250px; width:250px; }
.materials-grid .material .material-overview { display:inline-block; width:100%; }
.materials-grid .material h6 { margin-bottom:10px; }

/* Materials alt grid */
.material-alt .image-ball { position:absolute; top:0; left:0; width:100%; height:100%; padding:50px; text-align:center; overflow:hidden; }
.material-alt .image-ball img { display:inline-block; width:auto; /*height:100%;*/ }

/* Makers grid */
.makers-grid { width:100%; }
.makers-grid .gutter-sizer { width:0; }
.makers-grid .grid-item { text-decoration:none; }
.makers-grid .grid-sizer, .makers-grid .grid-item { width:100%; margin-bottom:30px; }
.makers-grid .maker { height:auto; padding-bottom:0; color:#000; position:relative; display:flex; }
.makers-grid .maker > div { padding:30px; }
.makers-grid .maker p { margin-bottom:0; }
.makers-grid .maker .maker-name-area { flex: 0 0 390px; width:390px; }
.makers-grid .maker .image-area { display:inline-block; flex: 0 0 270px; width:270px; padding:20px; }
.makers-grid .maker .image-area .image { border-color:#000; }
.makers-grid .maker .small-col { display:inline-block; flex: 0 0 230px; }
.makers-grid .maker .makers-overview { display:inline-block; width:auto; }
.makers-grid .maker .tag { background:#FFF; color:#000; border-color:#000; margin-bottom:10px; text-align:left; }
.makers-grid .maker h6 { margin-bottom:10px; }

/* Team Grid */
.team-grid .grid-item { width:calc(50% - 20px); min-height:250px; }
.team-grid .grid-item .image-area { width:100%; height:0; padding-bottom:100%; background-size:cover; display:block; border-radius:10px; overflow:hidden; transition:border-color 0.4s ease; -webkit-mask-image:-webkit-radial-gradient(white, black); }
.team-grid .grid-item .darkmode-image-area { display:inline-block; }
.team-grid .grid-item .darkmode-image-area img { display:block; }


/* Filter grid */
.grid-filter-toggle { text-decoration:none; padding-right:25px; background:url('../imgs/select-arrow.svg') center right no-repeat; }
.grid-filter-toggle.on { background:url('../imgs/select-arrow-up.svg') center right no-repeat; }
.darkmode .grid-filter-toggle { background:url('../imgs/select-arrow-white.svg') center right no-repeat; }
.darkmode .grid-filter-toggle.on { background:url('../imgs/select-arrow-up-white.svg') center right no-repeat; }
.grid-filter-toggle span { position:relative; top:2px; display:inline-block; width:19px; margin-right:10px; height:1em; background:url('../imgs/icon-filter.svg') center center no-repeat; }
.darkmode .grid-filter-toggle span { background:url('../imgs/icon-filter-white.svg') center center no-repeat; }
.grid-filter-toggle-area.on { display:block!important; }
.grid-filter-toggle-area { padding-top:20px; }

.filter-drop-area { border:1px solid #000; border-radius:10px; width:100%; position:relative; z-index:9; transition:border 0.4s ease; }
.filter-drop-area.open { z-index:10; }
.darkmode .filter-drop-area { border:1px solid #FFF; }
.filter-drop-area .label { height:50px; line-height:50px; cursor:pointer; padding:0 15px; background:url('../imgs/select-arrow.svg') center right 15px no-repeat; }
.darkmode .filter-drop-area .label { background:url('../imgs/select-arrow-white.svg') center right 15px no-repeat; }
.filter-drop-area.open .label { background:url('../imgs/select-arrow-up.svg') center right 15px no-repeat; }
.darkmode .filter-drop-area.open .label { background:url('../imgs/select-arrow-up-white.svg') center right 15px no-repeat; }
.filter-drop-area .drop-zone { position:absolute; top:40px; left:-1px; width:calc(100% + 2px); background:#FFF; border:1px solid #000; border-radius:0 0 10px 10px; display:none; padding:15px 0; border-top:none; max-height:300px; overflow:auto; }
.darkmode .filter-drop-area .drop-zone { background:#000; border:1px solid #FFF; border-top:none; }
.filter-drop-area.open .drop-zone { display:block; padding-right:14px; }
.filter-group { padding:0 15px; }
.filter-group span { text-transform:uppercase; cursor:pointer; }
.filter-group input[type="checkbox"]:focus, .darkmode .filter-group input[type="checkbox"]:focus { outline:none; outline-offset:0; }
.filter-group .checkbox-area { margin-right:10px; margin-bottom:10px; position:relative; top:2px; cursor:pointer; }
.filter-group .checkbox-area input { cursor:pointer;}
.clear-filters { display:inline-block; background:url('../imgs/icon-remove-project.svg') center left no-repeat; padding-left:26px; text-decoration:none; transition:background 0.4s ease; }
.darkmode .clear-filters { background-image:url('../imgs/icon-remove-project-white.svg'); }



/* Multi selects */
.multi-select { border:1px solid #000; background:#FFF; color:#000; border-radius:10px; width:100%; position:relative; z-index:9; transition:border 0.4s ease;}
.multi-select.open { z-index:10; }
/* .darkmode .filter-drop-area { border:1px solid #FFF; } */
.multi-select .label { height:40px; line-height:40px; cursor:pointer; padding:0 10px; background:url('../imgs/select-arrow.svg') center right 15px no-repeat; font-size:17px; font-family: 'HelveticaNow-Regular', sans-serif; }
/* .darkmode .filter-drop-area .label { background:url('../imgs/select-arrow-white.svg') center right 15px no-repeat; } */
.multi-select.open .label { background:url('../imgs/select-arrow-up.svg') center right 15px no-repeat; }
/* .darkmode .filter-drop-area.open .label { background:url('../imgs/select-arrow-up-white.svg') center right 15px no-repeat; } */
.multi-select .drop-zone { position:absolute; top:33px; left:-1px; width:calc(100% + 2px); background:#FFF; border:1px solid #000; border-radius:0 0 10px 10px; display:none; padding:15px 0; border-top:none; max-height:300px; overflow:auto; }
/* .darkmode .filter-drop-area .drop-zone { background:#000; border:1px solid #FFF; border-top:none; } */
.multi-select.open .drop-zone { display:block; padding-right:14px; }
.select-group { padding:0 10px; }
.select-group span { font-size:15px; font-family: 'HelveticaNow-Regular', sans-serif; text-transform:uppercase; cursor:pointer; }
.darkmode .select-group input[type="checkbox"] { background:#FFF; border:1px solid #000; }
.select-group input[type="checkbox"]:focus, .darkmode .select-group input[type="checkbox"]:focus { outline:none; outline-offset:0; }
.darkmode .select-group input[type="checkbox"]::before { background:#000; }
.select-group .checkbox-area { margin-right:10px; margin-bottom:10px; position:relative; top:2px; cursor:pointer; }
.select-group .checkbox-area input { cursor:pointer;}


/* Search */
#searchoverlay { display:none; position:fixed; top:0; left:0; background:#FFF; height:100%; width:100%; z-index:50; overflow:auto; }
.darkmode #searchoverlay { background:#000; }
#searchoverlay .content { position:relative; }
#searchoverlay .close-search { position:absolute; top:60px; right:0; height:32px; width:32px; background:url('../imgs/icon-close-modal.svg') center center no-repeat; cursor:pointer; }
.darkmode #searchoverlay .close-search { background:url('../imgs/icon-close-modal-white.svg') center center no-repeat; }
#searchoverlay .search-term-area { border-bottom:1px solid #000; background:url('../imgs/icon-search-large.svg') center left no-repeat; padding-left:83px; padding-right:63px; }
.darkmode #searchoverlay .search-term-area { border-bottom:1px solid #FFF; background:url('../imgs/icon-search-large-white.svg') center left no-repeat; }
#searchoverlay .search-term-area input { width:100%; font-size:100px; line-height:1em; padding:0 10px; font-family:'HelveticaNow-Regular', sans-serif; border:none; }
.darkmode #searchoverlay .search-term-area input { background:#000; color:#FFF; }
#searchoverlay .search-feedback { margin-top:30px; margin-bottom:0; }
.search-filters { margin:20px 0; display:none; }
.search-filters a { display:inline-block; margin-right:20px; text-transform:uppercase; font-family:'HelveticaNow-Regular', sans-serif; padding:3px 0; text-decoration:none; }
.search-filters a.on { border-bottom:1px solid #000; }
.darkmode .search-filters a.on { border-bottom:1px solid #FFF; }
.trending-keywords { margin:40px 0; }
.trending-keywords h6 { margin-bottom:0; }
.trending-keywords .keyword-list a { margin-right:15px; margin-top:10px; transition:background 0.4s ease, color 0.4s ease; }
.trending-keywords .keyword-list a:hover { background:#000; color:#FFF; }
.darkmode .trending-keywords .keyword-list a:hover { background:#FFF; color:#000; }


/* Marquee styles */
.marquee { --gap:2rem; position:relative; display:flex; overflow:hidden; user-select:none; gap: var(--gap); margin-top:8px; }
.marquee__content { flex-shrink:0; display:flex; justify-content: space-around; gap:var(--gap); min-width:100%; margin:0; list-style:none; padding:0; }
@keyframes scroll {
	from {
		transform: translateX(0%);
	}
	to {
		transform: translateX(calc(-100% - var(--gap)));
	}
}
/* Pause animation when reduced-motion is set */
@media (prefers-reduced-motion: reduce) {
	.marquee__content {
		animation-play-state:paused !important;
	}
}
/* Enable animation */
.animate .marquee__content { animation:scroll 10s linear infinite; }
/* Reverse animation */
.marquee--reverse .marquee__content { animation-direction:reverse; }
.marquee__content > * { flex: 0 0 auto; color:#000; font-size:15px; }

.filter-radar .lozenge { background:rgb(208,253,72); background:linear-gradient(0deg, rgba(208,253,72,1) 0%, rgba(255,255,255,1) 100%); }
.radar-animation-area { position:absolute; top:50%; left:50%; margin-top:-30%; margin-left:-30%; height:0; width:60%; padding-bottom:60%; background:url('../imgs/radar-background.svg') center center no-repeat; background-size:100% 100%; }
.radar-animation-area .radar-line { position:absolute; top:0; left:0; width:100%; height:100%; background:url('../imgs/radar-line.svg') center center no-repeat; background-size:100% 100%; }
.animate .radar-animation-area .radar-line { animation:rotation 10s infinite linear; }
@keyframes rotation {
	from {
		transform: rotate(0deg);
	}
	to {
		transform: rotate(359deg);
	}
}


/* Key Facts */
.key-fact { padding:65px 20px 20px 20px; background:url('../imgs/icon-title-arrow.svg') top 20px left 20px no-repeat; height:100%; position:relative; transition:background-image 0.4s ease; }
.key-fact h1 { margin-bottom:20px; }
.key-fact .darkmode-image-area { position:absolute; bottom:20px; right:20px; }
.row-eq-height { align-items:initial!important; }
.row-eq-height > div { align-self:initial!important; margin-bottom:20px; }

/* How to action */
.how-to-action { padding:20px 20px 20px 20px; height:100%; position:relative; color:#000; }
.how-to-action h1 { font-size:120px; margin-bottom:20px; }


/* Pros and cons */
.pro-con-block { margin-bottom:30px; }
.pro-con-block h5 { margin-bottom:15px; }
.pro-con-block .pro { background:url('../imgs/icon-gallery-right.svg') left top 9px no-repeat; background-size:18px auto; padding:2px 0 2px 30px; }
.pro-con-block .con { background:url('../imgs/icon-gallery-right.svg') left top 9px no-repeat; background-size:18px auto; padding:2px 0 2px 30px; }
.darkmode .pro-con-block .pro { background:url('../imgs/icon-gallery-right-white.svg') left top 9px no-repeat; background-size:18px auto; padding:2px 0 2px 30px; }
.darkmode .pro-con-block .con { background:url('../imgs/icon-gallery-right-white.svg') left top 9px no-repeat; background-size:18px auto; padding:2px 0 2px 30px; }


/* Paywall */
.paywall .fade-area { background:rgb(255,255,255); background:linear-gradient(0deg, rgba(255,255,255,1) 20%, rgba(0,0,0,0) 100%); height:100px; width:100%; }
.darkmode .paywall .fade-area { background:rgb0; background:linear-gradient(0deg, rgba(0,0,0,1) 20%, rgba(0,0,0,0) 100%); }
.paywall.margin-small { margin-top:-150px; }
.paywall.margin-medium { margin-top:-200px; }
.paywall.margin-large { margin-top:-250px; }
.paywall.margin-block { margin-top:0; }
.paywall.margin-block .fade-area, .paywall.margin-block .subbox, .paywall.margin-grid .fade-area { display:none; }
.paywall .button, .darkmode .paywall .button { background:#FFF; border-color:#000; }
.paywall .button:hover, .darkmode .paywall .button:hover { background:#000; color:#FFF; }
.subscribe-box { color:#000; background:#FFF; background:linear-gradient(90deg, rgba(255,255,255,1) 20%, rgba(91,220,163,1) 100%); text-align:center; padding:75px; margin-bottom:20px; }
.subscribe-box .title { font-size:70px; font-family:'HelveticaNow-Regular', sans-serif; line-height:1.19em; margin-bottom:30px; }
.newsletter-box { color:#000; background:#FAB1A2; text-align:center; padding:75px; height:100%; }
.newsletter-box .input-group { max-width:568px; margin:auto; margin-bottom:30px; }
.newsletter-box p { margin-bottom:0; }
.newsletter-box input[type="submit"] { font-size:inherit; }
.newsletter-thanks { display:none; }
.darkmode .newsletter-box .input-group input[type="text"] { background:#FFF; color:#000; border-color:#000; }
.darkmode .newsletter-box ::placeholder { color:#000; opacity:1; }
.darkmode .newsletter-box :-ms-input-placeholder { color:#000; }
.darkmode .newsletter-box ::-ms-input-placeholder { color:#000; }
.darkmode .newsletter-box input[type="submit"] { background:#FFF; color:#000; border-color:#000; }
.darkmode .newsletter-box input[type="submit"]:hover { background:#000; color:#FFF; }
.marker-box { color:#000; background:#DAF5F5; text-align:center; padding:75px; height:100%; }





/* Register */
.register { padding-top:30px; padding-bottom:30px; }
.register h5 { margin-bottom:50px; }
.register h2 { margin-bottom:60px; }
.register h5 a { text-decoration:none; }
.register .reg-tabs { display:flex; margin-bottom:45px; }
.register .reg-tabs .tab { position:relative; width:50%; border-top:1px solid #000; padding-top:30px; color:#D4D7CE; transition:border-color 0.4s ease, color 0.4s ease; }
.register .reg-tabs .tab .darkmode-image-area { display:none; }
.register .reg-tabs .tabon { color:#000; }
.register .reg-tabs .tabon .darkmode-image-area { display:inline-block; }
.register .reg-tabs .tabon:before, .register .reg-tabs .tabdone:before { content:''; position:absolute; top:-5px; left:0; height:5px; width:100%; background:#000; transition:background 0.4s ease; }

.register .tab-content { display:none; }
.register .tab-content.tab-about-you { display:block; }

.darkmode .register .reg-tabs .tab { border-top-color:#FFF; color:#525653; }
.darkmode .register .reg-tabs .tabon { color:#FFF; }
.darkmode .register .reg-tabs .tabon:before, .darkmode .register .reg-tabs .tabdone:before { background:#FFF; }

.darkmode #payment-element { background:#FFF; padding:20px; border-radius:10px; }

.payment-summary { padding:30px 30px 30px 20px; margin:30px 0; color:#000; }
.payment-summary hr { border-top-color:#000!important; }
.section .payment-summary .row { display:flex; align-items:center; }
.section .payment-summary .row > div { align-self:initial; }
.ps-individual { background:#E5EEED; }
.payment-summary h5 { margin-bottom:10px; }
.payment-summary .padding-left-1 h6 { margin-bottom:10px; }
.payment-summary .padding-left-1 p { margin-bottom:10px; }
.payment-summary table { width:100%; }
.payment-summary table td { padding:0; }
.payment-summary table td.text-align-right { padding-left:10px; }
.payment-summary table * { margin-bottom:0; margin-top:10px; }
.payment-summary .promo-area { color:#CB3540; display:none; }


/* Re-Register */
.re-register { padding-top:30px; padding-bottom:30px; }
.re-register h5 { margin-bottom:50px; }
.re-register h2 { margin-bottom:60px; }
.re-register h5 a { text-decoration:none; }
.re-register .reg-tabs { display:flex; margin-bottom:45px; }
.re-register .reg-tabs .tab { position:relative; width:50%; border-top:1px solid #000; padding-top:30px; color:#D4D7CE; transition:border-color 0.4s ease, color 0.4s ease; }
.re-register .reg-tabs .tab .darkmode-image-area { display:none; }
.re-register .reg-tabs .tabon { color:#000; }
.re-register .reg-tabs .tabon .darkmode-image-area { display:inline-block; }
.re-register .reg-tabs .tabon:before, .re-register .reg-tabs .tabdone:before { content:''; position:absolute; top:-5px; left:0; height:5px; width:100%; background:#000; transition:background 0.4s ease; }

.re-register .tab-content { display:none; }
.re-register .tab-content.tab-company { display:block; }

.darkmode .re-register .reg-tabs .tab { border-top-color:#FFF; color:#525653; }
.darkmode .re-register .reg-tabs .tabon { color:#FFF; }
.darkmode .re-register .reg-tabs .tabon:before, .darkmode .register .reg-tabs .tabdone:before { background:#FFF; }

/* Login */
.login-area .join-message { padding-top:50px; padding-bottom:50px; }
.login-area input[type='submit'] { margin-top:15px; }


/* Image picker */
.image-picker { position:relative; background:url('../imgs/icon-add-user.svg') center center no-repeat; background-size:initial; }
.darkmode .image-picker { position:relative; background:url('../imgs/icon-add-user-white.svg') center center no-repeat; }
.image-picker .edit-image { display:none; position:absolute; top:50%; left:50%; transform: translate(-50%, -50%); }
.image-picker.filled .edit-image { display:block; }


/* Project cards */
.project-card-outer { position:relative; display:block; }
.project-card { position:relative; display:block; width:100%; height:0; padding-bottom:130%; background:#FFF; margin-bottom:100px; background-position:center center; background-repeat:no-repeat; background-size:cover; transition:background 0.4s ease, border-color 0.4s ease; }
.project-card.add-project { background:#FFF url('../imgs/icon-add-project.svg') center center no-repeat; }
.project-card#project_image { background:#FFF url('../imgs/icon-add-project.svg') center center no-repeat; background-size:initial; }
.project-card .overlay { display:block; position:absolute; top:0; left:0; height:100%; width:100%; }
.project-card .edit-project { display:block; position:absolute; top:12px; right:22px; }
.project-card .title-area { height:150px; background:rgba(255,255,255, 0.5); background:linear-gradient(0deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); }
.project-card .title { display:block; position:absolute; top:12px; left:22px; margin:0; padding:0; width:calc(100% - 100px); color:#000; text-transform:uppercase; }
.project-card .team-area { position:absolute; bottom:20px; right:20px; width:calc(100% - 40px); text-align:right; }
.project-card .team-area .avatar-initials { pointer-events:none; display:inline-block; height:35px; width:35px; text-align:center; text-decoration:none; border-radius:50%; line-height:33px; color:#000; font-size:14px; background:#FFF; border:1px solid #000; margin-left:10px; }
.project-card-outer .layered-card1 { position:absolute; bottom:-12px; left:12px; width:calc(100% - 24px); border:1px solid #000; border-radius:10px; height:34px; background:#FFF; transition:background 0.4s ease, border-color 0.4s ease; }
.project-card-outer .layered-card2 { position:absolute; bottom:-24px; left:24px; width:calc(100% - 48px); border:1px solid #000; border-radius:10px; height:34px; background:#FFF; transition:background 0.4s ease, border-color 0.4s ease; }

.workspace-instructions { position:absolute; right:-280px; top:10%; width:380px; padding:20px; background:#FFF; transition:background 0.4s ease; }
.darkmode .workspace-instructions { background:#000; }

.darkmode .project-card.add-project .title { color:#FFF; }
.darkmode .project-card.add-project { background:#000 url('../imgs/icon-add-project-white.svg') center center no-repeat; }
.darkmode .project-card#project_image { background:#000 url('../imgs/icon-add-project-white.svg') center center no-repeat; }
.darkmode .project-card { background-color:#000;}
.darkmode .project-card-outer .layered-card1, .darkmode .project-card-outer .layered-card2 { border:1px solid #FFF; background:#000; }


/* Project */
.project label { display:block; margin-bottom:6px; text-transform:uppercase; font-family:'HelveticaNow-Regular', sans-serif; font-size:14px; }
.project-name { border:none; border-bottom:1px solid #000; border-radius:0; width:100%; font-size:100px; font-family:'HelveticaNow-Regular', sans-serif; line-height:1em; padding:0; margin-bottom:54px; text-transform:uppercase; background:transparent; transition:border 0.4s ease, color 0.4s ease; }
.darkmode .project-name { border-bottom:1px solid #FFF; color:#FFF; }
.colour-picker .colour { display:inline-block; width:42px; height:42px; border-radius:42px; margin-right:5px; margin-bottom:5px; border:1px solid #FFF; transition:border 0.4s ease; }
.darkmode .colour-picker .colour { border:1px solid #000; }
.colour-picker .colour:hover, .colour-picker .colour.selected { border:1px solid #000; }
.darkmode .colour-picker .colour:hover, .darkmode .colour-picker .colour.selected { border:1px solid #FFF; }
.project .delete-project { background:url('../imgs/icon-cancel-subscription.svg') left center no-repeat; display:inline-block; margin-top:10px; color:#CB3540; text-decoration:none; padding-left:24px; }


/* Account */
.account-tabs { margin-bottom:45px; border-top:1px solid #000; border-bottom:1px solid #000; padding:20px 0; transition:border 0.4s ease; }
.darkmode .account-tabs { border-top:1px solid #FFF; border-bottom:1px solid #FFF; }
.account-tabs .tab { position:relative; display:inline-block; padding:0px; color:#D4D7CE; transition:color 0.4s ease; text-decoration:none; margin-right:73px; }
.darkmode .account-tabs .tab { color:#525653;  }
.account-tabs .tab h3, .account-tabs .tab h4 { margin:0; }
.account-tabs .tab .darkmode-image-area { display:inline-block; width:27px; position:relative; top:2px; }
.account-tabs .tab .darkmode-image-area img { display:none; }
.account-tabs .tabon { color:#000; }
.darkmode .account-tabs .tabon { color:#FFF; }
.account-tabs .tabon .darkmode-image-area img { display:block; }
.form-feedback { margin-bottom:20px; }

.profile-image-group .field-error { background:none; }
.profile-image-area { width:250px; height:250px; border:1px solid #000; border-radius:125px; overflow:hidden; background-position:center center; transition:border 0.4s ease; }
.darkmode .profile-image-area { border:1px solid #FFF; }
.billing .current-payment-card-area img { float:left; width:23%; margin-right:20px; }
.billing p.small { margin-bottom:5px; }
.billing .next-payment { margin-right:25%; }
.billing .next-payment p { margin-bottom:0; }
.billing .next-payment strong { font-weight:normal; font-family:'HelveticaNow-Regular', sans-serif; white-space:nowrap; }
.billing .cancel-subscription { background:url('../imgs/icon-cancel-subscription.svg') left center no-repeat; display:inline-block; margin-top:20px; color:#CB3540; text-decoration:none; padding-left:24px; }
.billing .uncancel-subscription { display:inline-block; margin-top:20px; color:#39CB35; text-decoration:none; }
.billing .membership h5 { margin-bottom:0; }
.billing .top-info > div { margin-bottom:40px; }
.billing .payment-history { margin-top:50px; margin-bottom:80px; }
.billing .payment-history h3 { margin-bottom:0; }
.billing .payment-history-row { border-bottom:1px solid #000; padding-top:30px; padding-bottom:30px; transition:border 0.4s ease; }
.darkmode .billing .payment-history-row { border-bottom:1px solid #FFF; }
.billing .payment-history-row h5 { margin-bottom:0; }
.billing h5 span { font-family:'HelveticaNow-Light', sans-serif; }

/* Invoice */
.invoice-row { padding-top:10px; padding-bottom:10px; border-top:1px solid #000; transition:border 0.4s ease; }
.darkmode .invoice-row { border-top:1px solid #FFF; }
.print-page { margin-left:0; margin-bottom:30px; }

/* Project page */
.project-page h1 { text-transform:uppercase; }
.project-page h5 a { text-decoration:none; }

.swiper-team-scrollbar { overflow:initial; padding-bottom:36px; }
.swiper-team-scrollbar a { display:block; }
.swiper-team-scrollbar .profile-picture { display:block; height:180px; width:180px; background-size:cover; background-position:center center; border-radius:180px; border:1px solid #000; transition:border 0.4s ease; }
.darkmode .swiper-team-scrollbar .profile-picture { border:1px solid #FFF; }
.swiper-team-scrollbar .profile-picture.add-user { background:#FFF url('../imgs/icon-add-user.svg') center center no-repeat; }
.darkmode .swiper-team-scrollbar .profile-picture.add-user { background:#000 url('../imgs/icon-add-user-white.svg') center center no-repeat; }
.swiper-team-scrollbar .avatar-initials { text-align:center; line-height:178px; font-family:'HelveticaNow-Regular', sans-serif; font-size:70px; }
.swiper-team-scrollbar h6 { margin:5px 0 0 0; text-align:center; }
.swiper-team-scrollbar p.small { margin:0 0 5px 0; text-align:center; }

.project-page .account-tabs .tab { margin-right:39px; }
.project-page .account-tabs .tab .darkmode-image-area { width:17px; top:1px; }
.project-page .account-tabs .tab img { width:17px; }


.swiper-team-scrollbar .swiper-slide { width:180px; }

/*.swiper-horizontal > .swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-horizontal { left:0; bottom:0px; width:100%; height:2px; background:#000; transition:background-color 0.4s ease; }
.swiper-scrollbar-drag { height:6px; background:#000; top:-2px; transition:background-color 0.4s ease; }*/

/* Member management */
.member-management h1 { margin-bottom:10px; }
.member-management .seats-remaining { display:inline-block; margin-right:75px; }
.member-management .seats-remaining.full { color:#CB3540; }
.member-management .invite-member { display:inline-block; }
.member-management .invite-member a { text-decoration:none; }
.member-management .member-filters { margin-top:40px; margin-bottom:60px; }
.member-clear-filters { display:inline-block; background:url('../imgs/icon-remove-project.svg') center left no-repeat; padding-left:26px; text-decoration:none; transition:background 0.4s ease; }
.darkmode .member-clear-filters { background-image:url('../imgs/icon-remove-project-white.svg'); }
.member-list { border-top:1px solid #000; transition:border 0.4s ease; margin-bottom:25px; }
.darkmode .member-list { border-top:1px solid #FFF; }
.member-list .profile-picture { display:block; height:180px; width:180px; background-size:cover; background-position:center center; border-radius:180px; border:1px solid #000; transition:border 0.4s ease; }
.add-member-list { display:block; width:180px; margin-bottom:80px; text-align:center; text-decoration:none; }
.add-member-list span { display:block; height:180px; width:180px; background:url('../imgs/icon-add-user.svg') center center no-repeat; background-size:auto; border-radius:180px; border:1px solid #000; margin-bottom:5px; transition:border 0.4s ease; }
.darkmode .add-member-list span { background:url('../imgs/icon-add-user-white.svg') center center no-repeat; background-size:auto; border-radius:180px; border:1px solid #FFF; }
.darkmode .member-list .profile-picture { border:1px solid #FFF; }
.member-list .row { border-bottom:1px solid #000; padding-top:25px; padding-bottom:25px; transition:border 0.4s ease; }
.darkmode .member-list .row { border-bottom:1px solid #FFF; }
.member-list .row h5 { margin-bottom:5px; }
.member-list .row h6 { margin-bottom:5px; }
.member-list .row p { margin-top:30px; }
.member-list .transfer-licence { text-decoration:none; }
.member-list .remove-member { display:inline-block; color:#CB3540; margin-top:30px; text-decoration:none; background:url('../imgs/icon-remove-member.svg') center left no-repeat; padding-left:26px; }
.member-list .member-projects { padding-right:120px; }
.member-list .member-projects h6 { position:relative; }
.member-list .member-projects .remove-member-from-project { position:absolute; top:0; right:0; height:100%; width:15px; background:url('../imgs/icon-remove-project.svg') center right no-repeat; transition:background 0.4s ease; }
.darkmode .member-list .member-projects .remove-member-from-project { background-image:url('../imgs/icon-remove-project-white.svg'); }
.member-list .member-projects .member-projects-hidden { display:none; }
.member-list .view-all { display:inline-block; margin-top:30px; }
.member-list .avatar-initials { text-align:center; line-height:178px; font-family:'HelveticaNow-Regular', sans-serif; font-size:70px; }

/* Invite members */
.member-management h5 a { text-decoration:none; }
.invite-members { margin-top:30px; margin-bottom:80px; }
#invitelink, #invitelink:focus { width:100%; font-size:22px; line-height:1.3em; font-family:'HelveticaNow-Regular', sans-serif; border:none; text-decoration:underline; overflow:auto; -webkit-box-shadow:none; box-shadow:none; resize:none; height:100px; outline:none; transition:background 0.4s ease, color 0.4s ease; }
.darkmode #invitelink { background:#000; color:#FFF; }


/* Modal panel */
.mfp-close { display:block; height:32px; width:32px; background:url('../imgs/icon-close-modal.svg') center center no-repeat; top:50px; right:50px; }
.darkmode .mfp-close { background:url('../imgs/icon-close-modal-white.svg') center center no-repeat; }
.mfp-close-btn-in .mfp-close { color:#000; }
.modal-panel { position:relative; overflow:hidden; border:1px solid #000; border-radius:10px; background:#FFF; margin:15px auto; width:100%; max-width:790px; }
.darkmode .modal-panel { border:1px solid #FFF; background:#000; }
.modal-panel .panel-header { padding:40px 50px 0 50px; }
.modal-panel .panel-header h2 { border-bottom:1px solid #000; margin-bottom:0; padding-bottom:10px; }
.darkmode .modal-panel .panel-header h2 { border-bottom:1px solid #FFF; }
.modal-panel .panel-content { padding:20px 50px; }
.modal-panel .button { font-size:17px; height:39px; margin-left:20px; cursor:pointer; }
.modal-panel .button.left-btn { margin-left:0px; }
.modal-panel.radar { max-width:1114px; }

/* Cookie consent */
.hidecookies { display:none; }
.cookie-overlay { display:none; position:fixed; top:0; left:0; height:100%; width:100%; background:rgba(11, 11, 11, 0.6); z-index:999999; }
.cookie-header-bar { position:fixed; bottom:0; left:0; width:100%; padding:40px 0; background:#000; color:#FFF; }
.cookie-header-bar .button { border:1px solid #FFF; display:inline-block; margin:5px 0 5px 20px; font-size:17px; cursor:pointer; }
.cookie-header-bar .button:hover { background:#FFF; color:#000; }
.cookie-modal .mfp-close { display:none; }
.cookie-modal .panel-content { padding-top:0; }
.cookie-modal .cookie-group { border-bottom:1px solid #000; padding-top:15px; }
.darkmode .cookie-modal .cookie-group { border-bottom:1px solid #FFF; }
.cookie-modal h6 { margin-bottom:5px; }
.cookie-modal p { margin-bottom:15px; }
/* Cookie toggle switch */
.cookie-modal .toggle-area { display:inline-block; border:1px solid #000; width:71px; height:31px; line-height:29px; border-radius:17px; position:relative; background:#FFF; vertical-align:middle; margin-top:-4px; transition:all 0.4s ease; }
.darkmode .cookie-modal .toggle-area { background:#000; border:1px solid #FFF; }
.cookie-modal .toggle-area .indicator { border-radius:50%; background:#000; display:block; height:23px; width:23px; position:absolute; left:4px; top:3px; transition:all 0.4s ease; }
.darkmode .cookie-modal .toggle-area .indicator {  background:#FFF; }
.cookie-modal .toggle-area .on-text { display:none; position:absolute; left:10px; top:3px; line-height:23px; color:#000; }
.cookie-modal .toggle-area .off-text { display:block; position:absolute; right:10px; top:3px; line-height:23px; color:#000; }
.darkmode .cookie-modal .toggle-area .on-text, .darkmode .cookie-modal .toggle-area .off-text { color:#FFF; }
.cookie-modal .toggle-area.on .on-text { display:block; position:absolute; }
.cookie-modal .toggle-area.on .off-text { display:none; position:absolute; }
.cookie-modal .toggle-area.on .indicator { left:42px; }
.cookie-modal .toggle-area.disabled { opacity:0.6; pointer-events:none; }
.cookie-modal .button-area { padding-top:30px; padding-bottom:20px; }
.cookie-modal .button-area .button { margin-left:0; margin-right:20px; }


/* Dark mode helper for icons */
.darkmode-image-area { display:inline-block; position:relative; }
.darkmode-image-area img { transition:opacity 0.4s ease; display:block; }
.darkmode-image-area img.black { opacity:1; }
.darkmode-image-area img.white { position:absolute; top:0; left:0; opacity:0; }

/* Dark mode alternative colours */
.darkmode { background:#000; color:#FFF; }
.darkmode .ki-text ul li, .darkmode .qanda-group { background:url('../imgs/ul-h3-white.svg') top 21px left no-repeat; }
body.darkmode ::selection { background:#FFF; color:#000; }
body.darkmode ::-moz-selection { background:#FFF; color:#000; }
.darkmode .button { border-color:#FFF; }
.darkmode .button:hover { background:#FFF; color:#000; }
.darkmode .darkmode-image-area img.black { opacity:0; }
.darkmode .darkmode-image-area img.white { opacity:1; }
.darkmode .mobile-menu { background:#000; }
.darkmode header, .darkmode .main-nav { border-bottom-color:#FFF; background:#000; }
.darkmode footer, .darkmode hr { border-top-color:#FFF; }
.darkmode .mobile-menu-icon span { background:#FFF; }
.darkmode .lozenge, .darkmode .tag { border-color:#FFF; }
.darkmode .atooltip { border:1px solid #FFF; }
.darkmode .atooltip:hover { background:#FFF; color:#000; }
.darkmode .tippy-loading { padding:10px; color:#FFF; background:#000; }
.darkmode .darkmode-toggle-area { background:#000; border-color:#FFF; }
.darkmode .darkmode-toggle-area .indicator { left:4px; background:#FFF url('../imgs/icon-dark.svg') center center no-repeat; background-size:18px auto; }
.darkmode .darkmode-toggle-area .light-text { display:none; }
.darkmode .darkmode-toggle-area .dark-text { display:none; }
.darkmode .image-block-caption, .darkmode .readtime, .darkmode .grid-item .information .left, .darkmode .video-block-caption { background-image:url('../imgs/icon-dot-white.svg'); }
.darkmode .swiper-button-prev { background-image:url('../imgs/icon-gallery-left-white.svg'); }
.darkmode .swiper-button-next { background-image:url('../imgs/icon-gallery-right-white.svg'); }
.darkmode .swiper-horizontal > .swiper-scrollbar, .darkmode .swiper-scrollbar.swiper-scrollbar-horizontal { background:#FFF; }
.darkmode .swiper-scrollbar-drag { background:#FFF; }
.darkmode .keyfact-block, .darkmode .key-fact {background-image:url('../imgs/icon-title-arrow-white.svg'); }
.darkmode .keyfact-block .download { background-image:url('../imgs/icon-download-white.svg'); }
.darkmode .accordion-group { border-bottom:1px solid #FFF; }
.darkmode .accordion-title { background:url('../imgs/icon-plus-white.svg') right top no-repeat; }
.darkmode .accordion-title.open { background:url('../imgs/icon-minus-white.svg') right top 13px no-repeat; }
.darkmode .input-group input[type='text'], .darkmode .input-group input[type='password'], .darkmode .input-group textarea { border:1px solid #FFF; background:#000; color:#FFF; }
.darkmode .input-group.error input[type='text'],.darkmode .input-group.error input[type='password'], .darkmode .input-group.error input[type='password'], .darkmode .input-group.error textarea { border-color:#EF7773; }
.darkmode input[type="checkbox"] { background-color:#000; color:#FFF; border:1px solid #FFF; }
.darkmode input[type="checkbox"]::before { background-color:#FFF; }
.darkmode input[type="checkbox"]:focus { outline:max(1px, 1px) solid #FFF; outline-offset:max(3px, 3px); }
.darkmode .textarea-container:before { background:#FFF url('../imgs/icon-textarea.svg') left 3px center no-repeat; }
.darkmode .downloadlink { background-image:url('../imgs/icon-download-white.svg'); }

.darkmode input[type='submit'], .darkmode .pre-submit-btn { background:#000; color:#FFF; border:1px solid #FFF; }
.darkmode input[type='submit']:hover, .darkmode .pre-submit-btn:hover { background:#FFF; color:#000; }
.darkmode input[type='submit'].processing, .darkmode .pre-submit-btn.processing { background:url('../imgs/processing.gif') right 15px center no-repeat; background-size:20px 20px; }
.darkmode ::placeholder { color:#FFF; opacity:1; }
.darkmode :-ms-input-placeholder { color:#FFF; }
.darkmode ::-ms-input-placeholder { color:#FFF; }

/* Extra extra large */
@media (max-width:1500px){
	.size-debug { background:pink; }
	header, footer, .main-nav { font-size:16px; line-height:1.47em; }
	body { font-size:18px; line-height:1.42em; }
	.heading-404 { font-size:138px; line-height:1.1em; letter-spacing:-8px; }
	h1 { font-size:81px; line-height:1.1em; letter-spacing:-3px; margin-bottom:50px; }
	h2 { font-size:35px; line-height:1.25em; letter-spacing:-1px; }
	h3, .grid-item .text .title, .ki-text ul { font-size:32px; line-height:1.19em; }
	h4 { font-size:27px; line-height:1.23em; }
	h5 { font-size:21px; line-height:1.31em; }
	h6 { font-size:17px; line-height:1.41em; }
	.quote-block { font-size:60px; line-height:1.15em; letter-spacing:-2px; }
/* 	.grid-item .information { font-size:12px; line-height:1.41em; }
	.grid-item .information .right { margin-left:10px; }
	.grid-item .information .title { font-size:14px; line-height:1.41em; } */
	
/* 	.page { padding-top:182px; } */
/* 	header { height:110px; }
	header .logo img { height:85px; } */
/* 	.main-nav { height:47px; top:110px; }
	.main-nav a { margin-top:10px; } */
/* 	.darkmode-toggle-area { width:92px; }
	.darkmode-toggle-area .indicator { left:35px;} */
	
	.header-banner { top:157px; }
	
	footer .copyright .rights { display:block; }
	
	.hero-block, .hero-blockv2 { height:685px; }
	.video-block .overlay img { width:85px; }
	
	/* Q&A block */
	.qanda-group { background:url('../imgs/ul-h3.svg') top 18px left no-repeat; background-size:34px auto; padding-left:38px; }
	.darkmode .qanda-group { background:url('../imgs/ul-h3-white.svg') top 18px left no-repeat; background-size:34px auto; }
	
	.ki-text ul li { background:url('../imgs/ul-h3.svg') top 18px left no-repeat; background-size:34px auto; padding-left:38px; }
	.darkmode .ki-text ul li { background:url('../imgs/ul-h3-white.svg') top 18px left no-repeat; background-size:34px auto; }
	
	.keyfact-block, .grid-item .text .title { background-size:33px auto; }
	.keyfact-block .download { background-size:23px auto; }
	
	.accordion-title, .darkmode .accordion-title { background-size:25px 25px; }
	.accordion-title.open, .darkmode .accordion-title.open { background-position:right top 12px; background-size:25px auto; }
	
	/* Double content gallery */
	.swiper-gallery-double .content-block .inner { position:absolute; bottom:30px; left:30px; width:calc(100% - 60px); }
	
	.makers-grid .maker .small-col { display:inline-block; flex:0; }
	
	/* Paywall */
	.subscribe-box .title { font-size:60px; line-height:1.19em; }
	
	/* Events */
	.next-event-title { font-size:60px; line-height:1.19em; margin-bottom:30px; }
	
	/* Homepage CTA */
	.homepage-cta-title { font-size:45px; line-height:1.19em; margin-bottom:0.6em; }
	
	.homea-cta { padding-top:90px; }
	.homea-cta h2 { font-size:60px; letter-spacing:-1.1px; line-height:1.2em; margin-bottom:70px; }
	.homea-cta .button { margin:0 15px; }
	.button.xlarge { font-size:24px; height:64px; line-height:62px; padding:0 50px; }
	
	/* Member management */
	.member-list .member-projects { padding-right:50px; }
	
	/* Project page */
	.project-page .account-tabs .tab { margin-right:38px; }
	.project-name { font-size:81px; }
	
	/* Search */
	#searchoverlay .search-term-area { background-size:55px auto; padding-left:73px; padding-right:63px; }
	.darkmode #searchoverlay .search-term-area { background-size:55px auto; }
	#searchoverlay .search-term-area input { font-size:81px; line-height:1em; }
	#searchoverlay .close-search { top:46px; }
	
	.price-column { height:auto; min-height:1104px; }
	.price-column .description { height:130px; }
}

/* Grid break point to 3 columns */
@media (max-width:1350px){
	.the-grid-area .grid-sizer, .the-grid-area .grid-item { width:calc(33.33333% - 20px); margin-bottom:30px; }
	.the-grid-area .grid-item.s2, .the-grid-area .grid-item.s4 { width:calc(66.66666% - 20px); }
	.grid-item .tags { left:15px; }
	.grid-item .lozenge .collect-btn, .grid-item .lozenge .uncollect-btn { right:15px; }
	
	
	/* Materials grid */
	.materials-grid .gutter-sizer{ width:20px; }
	.materials-grid .material { display:block; }
	.materials-grid .grid-sizer, .materials-grid .grid-item  { width:100%; }
	.materials-grid .material .image-ball { position:absolute; top:40px; right:-60px; }
	.materials-grid .material > div { padding:20px; }
	.materials-grid .material .material-overview { width:calc(100% - 150px); }

	/* Makers grid */
	.makers-grid .gutter-sizer { width:0px; }
	.makers-grid .grid-sizer, .makers-grid .grid-item { width:100%; }
	.makers-grid .maker { display:block; }
	.makers-grid .maker > div { padding:20px; }
	.makers-grid .maker .maker-name-area { width:100%; padding-bottom:0; }
	.makers-grid .maker .maker-name-area h3 { margin-bottom:0; }
	.makers-grid .maker .image-area { display:inline-block; vertical-align:top; }
	.makers-grid .maker .makers-overview { display:inline-block; width:calc(100% - 686px); vertical-align:top; padding-left:0; }
	.makers-grid .maker .small-col { display:inline-block; width:200px; padding-left:0; vertical-align:top; }
	
	/* Team Grid */
	.team-grid .gutter-sizer { width:20px; }
	.team-grid .grid-sizer { width:calc(50% - 20px); }
	.team-grid .grid-item { width:calc(50% - 20px); min-height:250px; margin-bottom:30px; }
	
	/* Home widget */
	.home-widget .gal-side { width:100%; float:unset; aspect-ratio:3 / 1.5; padding-right:0; }
	.home-widget .gal-side .image-area .title { font-size:60px; line-height:1.19em; padding:0 40px; }
	.home-widget .radar-side { width:100%; float:unset; padding-left:0; }
	.home-widget .radar-items h3 { margin:15px 0 0 0; }
	.home-widget .radar-items .radar-item { margin-top:15px; float:left; width:50%; }
	.home-widget .radar-items .radar-item .left-col { width:240px; float:left; }
	.home-widget .radar-items .radar-item .right-col { padding-left:15px; padding-right:15px; width:calc(100% - 240px); }
	.home-widget .radar-items .text .title { font-size:24px; line-height:1.19em; padding:30px 10px 10px 10px; background:url('../imgs/icon-title-arrow.svg') top left 10px no-repeat; background-size:30px auto; }
	.home-widget .radar-items .posted { margin-top:10px; font-size:14px; }

}

/* Extra large */
@media (max-width:1200px){
	.size-debug { background:lightblue; }
	header, footer, .main-nav { font-size:15px; line-height:1.47em; }
	body { font-size:17px; line-height:1.42em; }
	.heading-404 { font-size:138px; line-height:1.1em; letter-spacing:-8px; }
	h1 { font-size:62px; line-height:1.1em; letter-spacing:-2px; margin-bottom:40px; }
	h2 { font-size:30px; line-height:1.25em; letter-spacing:-1px; }
	h3, .grid-item .text .title, .ki-text ul { font-size:28px; line-height:1.19em; }
	h4 { font-size:23px; line-height:1.23em; }
	h5 { font-size:20px; line-height:1.31em; }
	h6 { font-size:17px; line-height:1.41em; }
	
	.header-banner { top:155px; }
	
	.main-nav { height:45px; }
	.main-nav a { margin:10px 37px 0 37px; }
/* 	.darkmode-toggle-area { width:89px; }
	.darkmode-toggle-area .indicator { left:60px;} */
	
	.padding-left-3 { padding-left:16.66%; }
	.padding-right-3 { padding-right:16.66%; }
	.padding-left-4 { padding-left:25%; }
	.padding-right-4 { padding-right:25%; }
	.col-sm-6 .padding-left-1 { padding-left:16.66%; }
	.col-sm-6 .padding-right-1 { padding-right:16.66%; }
	.swiper-gallery-single-area { padding-left:8.33%; padding-right:8.33%; }
	
/* 	.padding-left-1 { padding-left:0%; }
	.padding-right-1 { padding-right:0%; }
	.padding-left-2 { padding-left:8.33%; }
	.padding-right-2 { padding-right:8.33%; }
	.padding-left-3 { padding-left:16.66%; }
	.padding-right-3 { padding-right:16.66%; }
	.col-sm-6 .padding-left-1 { padding-left:8.33%; }
	.col-sm-6 .padding-right-1 { padding-right:8.33%; } */
	
	.hero-block, .hero-blockv2 { height:600px; }
	.video-block .overlay img { width:75px; }
	
	.intro-details { position:relative; top:initial; left:initial; min-height:67px; }
	.page .tag-area { margin-bottom:20px; padding-bottom:10px; }
	.page-tools { position:absolute; top:0; right:0; }
	.page-tools .share-area { left:initial; right:0; }
	.intro-details a { margin-right:0; margin-left:20px; }
	
	.grid-item .information { font-size:13px; line-height:1.29em; }
	.grid-item .information .title { font-size:16px; line-height:1.41em; }
	
	.keyfact-block, .grid-item .text .title { background-size:30px auto; }
	.keyfact-block .download { background-size:20px auto; }
/* 	.tag-area .tag { margin-right:5px; } */

	/* Q&A block */
	.qanda-group { background:url('../imgs/ul-h3.svg') top 16px left no-repeat; background-size:30px auto; padding-left:32px; }
	.darkmode .qanda-group { background:url('../imgs/ul-h3-white.svg') top 16px left no-repeat; background-size:30px auto; }
	
	.ki-text ul li { background:url('../imgs/ul-h3.svg') top 16px left no-repeat; background-size:30px auto; padding-left:32px; }
	.darkmode .ki-text ul li { background:url('../imgs/ul-h3-white.svg') top 16px left no-repeat; background-size:30px auto; }
	
	
	.quote-block { font-size:50px; line-height:1.15em; letter-spacing:-1px; }
	
	.meet-maker-gallery .swiper-slide { min-width:455px; }
	
	/* Maker contact */
	.maker-contact .social { text-align:left; }
	.maker-contact .social a { display:inline-block; margin-right:15px; margin-left:0; }
	
	/* Double content gallery */
	.swiper-gallery-double-area { padding-left:8.33%; padding-right:8.33%; }
	.swiper-gallery-double-container { position:relative; }
	.swiper-gallery-double .image-block { display:none; }
	.swiper-gallery-double .content-block { height:auto; position:relative; padding:30px; margin-bottom:30px; }
	.swiper-gallery-double .content-block .inner { position:initial; bottom:initial; left:initial; width:100%; }
	
	/* Paywall */
	.subscribe-box { padding:50px; margin-bottom:20px; }
	.subscribe-box .title { font-size:50px; line-height:1.19em; margin-bottom:25px; }
	.newsletter-box { padding:50px; height:100%; }
	.newsletter-box .input-group { margin-bottom:25px; }
	.newsletter-box input[type="submit"] { margin-bottom:0; }
	.marker-box { padding:50px; height:100%; }
	
	/* Events */
	.next-event-title { font-size:50px; line-height:1.19em; margin-bottom:25px; }
	
	/* Homepage CTA */
	.homepage-cta-title { font-size:35px; line-height:1.19em; margin-bottom:0.6em; }
	
	/* Project cards */
	.project-card {margin-bottom:70px; }
	
	/* Billing/Accounts */
	.account-tabs .tab { margin-right:50px; }
	.billing .top-info > div { margin-bottom:20px; }
	
	/* Member management */
	.member-list .member-projects { padding-right:0px; }
	
	/* Project page */
	.project-page .account-tabs .tab { margin-right:23px; }
	.project-name { font-size:62px; }
	
	/* Search */
	#searchoverlay .search-term-area { background-size:40px auto; padding-left:50px; padding-right:53px; }
	.darkmode #searchoverlay .search-term-area { background-size:40px auto; }
	#searchoverlay .search-term-area input { font-size:62px; line-height:1em; }
	#searchoverlay .close-search { top:30px; }
	
	/* Modal */
	.mfp-close { top:46px; height:24px; width:24px; background-size:24px 24px; }
	
	.price-column .description { height:170px; }
	
	.swiper-gallery-thumbnail-main .image-holder img  { height:600px; }
	
}

/* Large */
@media (max-width:991px){
	/* 
	* iPad 9th Gen
	* iPad Air 5th Gen
	*/
	.size-debug { background:lightcoral; }
	body { font-size:17px; line-height:1.42em; }
	.heading-404 { font-size:127px; line-height:1.1em; letter-spacing:-8px; }
	.header-banner { top:110px; }
	h1, h2, h3, h4, h5, h6, p, ul, ol { margin-bottom:20px; }
	h1 { font-size:62px; line-height:1.1em; letter-spacing:-2px; margin-bottom:40px; }
	h2 { font-size:30px; line-height:1.25em; letter-spacing:-1px; }
	h3, .grid-item .text .title, .ki-text ul { font-size:28px; line-height:1.19em; }
	h4 { font-size:23px; line-height:1.23em; }
	h5 { font-size:20px; line-height:1.31em; }
	h6 { font-size:17px; line-height:1.41em; }
	.quote-block { font-size:40px; line-height:1.15em; letter-spacing:-1px; }
	.button.large { font-size:20px; height:40px; line-height:38px; padding:0 30px; border-radius:30px; }
	
	.padding-top-large { padding-top:100px; }
	.padding-top-medium { padding-top:75px; }
	.padding-top-small { padding-top:35px; }
	
	.padding-bottom-large { padding-bottom:100px; }
	.padding-bottom-medium { padding-bottom:75px; }
	.padding-bottom-small { padding-bottom:35px; }
	
	.margin-top-large { margin-top:100px; }
	.margin-top-medium { margin-top:75px; }
	.margin-top-small { margin-top:35px; }
	
	.margin-bottom-large { margin-bottom:100px; }
	.margin-bottom-medium { margin-bottom:75px; }
	.margin-bottom-small { margin-bottom:35px; }
	
	/* Paywall */
	.paywall.margin-small { margin-top:-135px; }
	.paywall.margin-medium { margin-top:-175px; }
	.paywall.margin-large { margin-top:-200px; }
	.subscribe-box { padding:50px; margin-bottom:20px; }
	.subscribe-box .title { font-size:40px; line-height:1.19em; margin-bottom:25px; }
	.newsletter-box { padding:30px; height:100%; }
	.newsletter-box .input-group { margin-bottom:25px; }
	.newsletter-box input[type="submit"] { margin-bottom:0; }
	.marker-box { padding:30px; height:100%; }
	
	/* Events */
	.next-event-title { font-size:40px; line-height:1.19em; margin-bottom:25px; }
	
	.main-nav a { margin:10px 30px 0 30px; }
	header .upper-menu .dropdown a, header .upper-menu .dropdown a.workspace-a { display:inline-block; margin:0; }
	header .upper-menu a, .main-nav, header .upper-menu .darkmode-toggle-area { display:none; }
	.mobile-menu-icon { display:flex; }
	header .upper-menu .dropdown { position:absolute; top:-9px; right:20px; }
/* 	.mobile-menu .menu { padding-top:150px; } */
	
	.darkmode-toggle-area { /*margin-top:50px;*/ }
/* 	.darkmode-toggle-area { font-size:17px; text-transform:uppercase; width:97px; height:31px; line-height:29px; border-radius:17px; font-family:'HelveticaNow-Regular', sans-serif; margin-top:50px; }
	.darkmode-toggle-area .indicator { height:23px; width:23px; left:68px; top:3px; }
	.darkmode-toggle-area .light-text { right:10px; top:3px; line-height:23px; }
	.darkmode-toggle-area .dark-text { left:10px; top:3px; line-height:23px; } */
	
	/* Footer changes here */
	footer nav { margin-top:0; margin-bottom:15px; }
	footer .newsletter-form-footer { margin-bottom:25px; }
	footer .copyright { display:none; }
	footer .mobile-copyright { display:block; }
	footer .mobile-copyright .copyright { display:block; }
	footer .copyright .rights { display:inline-block; }
	
	.padding-left-1 { padding-left:0%; }
	.padding-right-1 { padding-right:0%; }
	.padding-left-2 { padding-left:0%; }
	.padding-right-2 { padding-right:0%; }
	.padding-left-3 { padding-left:8.33%; }
	.padding-right-3 { padding-right:8.33%; }
	.padding-left-4 { padding-left:16.66%; }
	.padding-right-4 { padding-right:16.66%; }
	.col-sm-6 .padding-left-1 { padding-left:0%; }
	.col-sm-6 .padding-right-1 { padding-right:0%; }
	.radar-content .padding-left-1 { padding-left:calc(var(--bs-gutter-x) * .5); }
	
	.payment-summary .padding-left-1 { padding-left:15px; padding-top:15px; }
	
	.video-block .overlay img { width:65px; }
	
	.accordion-title, .darkmode .accordion-title { background-size:23px 23px; }
	.accordion-title.open, .darkmode .accordion-title.open { background-position:right top 11px; background-size:23px 1px; }
	
	/* Meet the makers slider */
	.meet-maker-gallery .swiper-slide { min-width:425px; }
	.meet-maker-item { padding:20px 15px; }
	.meet-maker-item h3 { margin-bottom:20px; }
/* 	.meet-maker-item h5 { margin-bottom:10px; } */
	.meet-maker-item .tags { margin-bottom:15px; }
	
	/* Key Facts */
	.key-fact { padding:60px 55px 15px 15px; }
	
	/* Login */
	.login-area .join-message { padding:20px 0; }
	
	/* Billing/Accounts */
	.account-tabs .tab { margin-right:29px; }
	.account-tabs .tab h3 { font-size:26px; }
	.billing .payment-history-row { padding-top:10px; padding-bottom:10px; }
	.billing .payment-history-row > div { padding:10px; }
	
	/* Member management */
	.member-management .member-filters { margin-top:20px; margin-bottom:30px; }
	.member-list .row p, .member-list .view-all, .member-list .remove-member { margin-top:20px; }
	
	/* Project page */
	.project-page .account-tabs { padding:10px 0; }
	.project-page .account-tabs .tab { display:block; margin:10px 0; }
	.swiper-team-scrollbar .swiper-slide { width:120px; }
	.swiper-team-scrollbar .profile-picture { width:120px; height:120px; }
	.swiper-team-scrollbar .avatar-initials { line-height:120px; font-size:42px; }
	.workspace-instructions { right:initial; left:-100px;top:initial; bottom:10px; }
	.project-name { font-size:62px; }
	
	/* Filters */
	.filter-drop-area { margin-bottom:15px; }
	
	/* Radar */
	.modal-panel .panel-content.radar-content { padding-top:70px; padding-bottom:30px; }
	.radar-content .texttile.lozenge { padding-bottom:70%; margin-bottom:10px; }
	
	/* Home widget */
	.home-widget .gal-side .image-area .title { font-size:32px; line-height:1.19em; padding:0 40px; }
/* 	.home-widget .radar-side { width:100%; float:unset; padding-left:0; } */
/* 	.home-widget .radar-items h3 { margin:15px 0; } */
	.home-widget .radar-items .radar-item { margin-top:15px; float:left; width:50%; }
	.home-widget .radar-items .clear-2col { display:block; }
	.home-widget .radar-items .radar-item .left-col { width:100%; float:unset; }
	.home-widget .radar-items .radar-item .right-col { float:unset; padding-top:15px; padding-left:0; padding-right:0; width:100%; }
	.home-widget .radar-items .radar-item.item-2, .home-widget .radar-items .radar-item.item-4 { padding-left:7.5px;}
	.home-widget .radar-items .radar-item.item-1, .home-widget .radar-items .radar-item.item-3 { padding-right:7.5px;}
	.home-widget .radar-items .text .title { font-size:24px; line-height:1.19em; padding:30px 10px 10px 10px; background:url('../imgs/icon-title-arrow.svg') top left 10px no-repeat; background-size:30px auto; }
	.home-widget .radar-items .posted { margin-top:10px; font-size:14px; }
	
	.price-column { height:auto; min-height:880px; }
	.price-column .description { height:145px; }
	
	.join-demo-area { margin-top:30px; }
	.watch-video-area input[type="submit"] { margin:25px 0; }
	
	.maker-contact-alt .left { padding-right:12px; text-align:left; }
	.maker-contact-alt .left h1 { border-top:1px solid #000; padding-top:15px; }
	.maker-contact-alt .page-tools { top:-60px; }
	.darkmode .maker-contact-alt .left h1 { border-top:1px solid #FFF; }
	.maker-contact-alt .button-area .button { margin-right:24px; }
	.maker-contact-alt .right { border:none; padding-left:12px; }
	.darkmode .maker-contact-alt .right { border:none; }
	.maker-contact-alt .socials { padding-bottom:32px; border-bottom:1px solid #000; }
	.darkmode .maker-contact-alt .socials { border-bottom:1px solid #FFF; }
	
	/* The results */
	.the-results-area .stat { width:30%; padding:15px; }
	.the-results-area .stat1 { left:0; }
	.the-results-area .stat2 { right:0; }
	.the-results-area .stat strong { font-size:26px; }
	
	.swiper-gallery-thumbnail-area .material-availability { right:20px; }
	
}

/* Grid break point to 2 columns */
@media (max-width:980px){
	.the-grid-area .grid-sizer, .the-grid-area .grid-item, .the-grid-area .grid-item.s4 { width:calc(50% - 20px); margin-bottom:30px; }
	.the-grid-area .grid-item.s2 { width:calc(100% - 20px); }
	.grid-item.s4 .lozenge { padding-bottom:100%; }
	.the-grid-area.threecolcentered { width:calc(100% + 20px); margin-left:0; }
	.the-grid-area.threecolcentered .grid-sizer, .the-grid-area.threecolcentered .grid-item { width:calc(50% - 20px); margin-bottom:30px; }
	
	/* Materials grid */
	.materials-grid .gutter-sizer{ width:20px; }
	.materials-grid .grid-sizer, .materials-grid .grid-item { width:100%; }
	
	/* Makers grid */
	.makers-grid .gutter-sizer { width:0px; }
	.makers-grid .grid-sizer, .makers-grid .grid-item { width:100%; }
	.makers-grid .maker .lozenge { padding-bottom:100%; }
	.makers-grid .maker .makers-overview { display:inline-block; width:calc(100% - 278px); vertical-align:top; padding-left:0; }
	.makers-grid .maker .small-col { display:inline-block; width:calc(50% - 20px); padding-left:20px; padding-top:0; vertical-align:top; }
	
	/* Team Grid */
	.team-grid { width:100%; }
	.team-grid .gutter-sizer { width:0px; }
	.team-grid .grid-sizer { width:100%; margin-right:0; }
	.team-grid .grid-item {width:100%; min-height:100px; margin-bottom:30px; margin-right:0; }
	
	.homea-cta { padding-bottom:10px;}
}

/* Medium */
@media (max-width:768px){
	/* 
	* iPad mini 6th Gen 
	*/
	.size-debug { background:lightseagreen; }
	body { font-size:17px; line-height:1.42em; }
	.heading-404 { font-size:118px; line-height:1.1em; letter-spacing:-8px; }
	h1 { font-size:44px; line-height:1.1em; letter-spacing:-1px; margin-bottom:30px; }
	h2 { font-size:26px; line-height:1.25em; letter-spacing:-1px; }
	h3, .grid-item .text .title { font-size:24px; line-height:1.19em; }
	h4, .ki-text ul { font-size:22px; line-height:1.23em; }
	h5 { font-size:20px; line-height:1.31em; }
	h6 { font-size:16px; line-height:1.41em; }
	
	header { height:63px; }
	header .logo { margin-top:5px;}
	header .logo img { height:52px; }
	.search-label, header .upper-menu a, .main-nav { display:none; }
	.mobile-menu-icon { top:20px; }
	header .upper-menu .dropdown { top:-22px; }
	
	.header-banner { position:relative; top:63px; padding:10px; }
	
	header .search-open-btn { top:17px; }
	
	.page { padding-top:83px; }
	.mobile-menu .menu { padding-top:100px; }
	
	
	.padding-left-3 { padding-left:0%; }
	.padding-right-3 { padding-right:0%; }
	.padding-left-4 { padding-left:8.33%; }
	.padding-right-4 { padding-right:8.33%; }
	
	footer nav { display:inline-block; width:47%; padding-right:10px; align-self:flex-start; }
	footer .navholder { display:flex; }
	footer nav div { display:block; padding:5px 0; }
	footer .social .darkmode-image-area { margin-right:15px; }
	
	/* Q&A block */
	.qanda-group { background:url('../imgs/ul-h3.svg') top 13px left no-repeat; background-size:27px auto; padding-left:31px; }
	.darkmode .qanda-group { background:url('../imgs/ul-h3-white.svg') top 13px left no-repeat; background-size:27px auto; }
	
	.ki-text ul li { background:url('../imgs/ul-h3.svg') top 13px left no-repeat; background-size:27px auto; padding-left:31px; }
	.darkmode .ki-text ul li { background:url('../imgs/ul-h3-white.svg') top 13px left no-repeat; background-size:27px auto; }
	
	.hero-block, .hero-blockv2 { height:410px; }
	
	.maker-contact .title { padding-top:34px; font-size:34px; margin-bottom:34px; line-height:1.19em; background-size:34px auto; }
	.maker-contact h3 { font-size:22px; margin-bottom:22px; }
	
	.team-grid .grid-item h5 { font-size:16px; }
	
	/* Homepage CTA */
	.homepage-cta-title { font-size:26px; line-height:1.19em; margin-bottom:01em; }
	
	.event-details .event-margin { padding-top:0; }
	
	/* Paywall */
	.subscribe-box { padding:30px; margin-bottom:20px; }
	.subscribe-box .button { margin-top:15px; }
	.subscribe-box .title { font-size:40px; line-height:1.19em; margin-bottom:25px; }
	.newsletter-box { padding:30px; height:100%; }
	.newsletter-box .input-group { margin-bottom:10px; }
	.newsletter-box input[type="submit"] { margin-bottom:0; }
	.marker-box { padding:30px; height:100%; }
	
	/* Billing/Accounts */
	.account-tabs { padding:10px 0; }
	.account-tabs .tab { display:block; margin:10px 0; }
	
	/* Cookie consent */
	.cookie-header-bar .button { margin:15px 15px 0 0; }
	
	/* Search */
	#searchoverlay .search-term-area { background-size:27px auto; padding-left:35px; padding-right:33px; }
	.darkmode #searchoverlay .search-term-area { background-size:27px auto; }
	#searchoverlay .search-term-area input { font-size:44px; line-height:1em; }
	#searchoverlay .close-search { top:19px; background-size:27px auto; }
	.darkmode #searchoverlay .close-search { background-size:27px auto; }
	
	/* Projects */
	.project-name { font-size:34px; }
	
	.add-member-list { width:120px; margin-bottom:50px; }
	.add-member-list span { height:120px; width:120px; background:url('../imgs/icon-add-user.svg') center center no-repeat; background-size:44px 44px; border-radius:120px; }
	
	.price-column .demo { height:auto; padding:15px 0 10px 0; }
	.price-column .demo p.small { margin-bottom:0; }
	
	/* Modal */
	.mfp-close { top:26px; height:24px; width:24px; background-size:24px 24px; right:20px; }
	.modal-panel .panel-header { padding:20px 20px 0 20px; }
	.modal-panel .panel-content { padding:20px 20px 0px 20px; }
	.modal-panel .panel-header h2 { padding-right:28px; }
	.modal-panel .button { margin-left:0px;  }
	.modal-panel input[type="submit"], .project input[type="submit"] { margin:15px 0; margin-right:10px; }
	
	.price-column { height:auto; min-height:100px; }
	.price-column .description { height:auto; }
	
	.swiper-gallery-thumbnail-main .image-holder img  { height:400px; }
	
	.homea-cta { padding:50px 0 10px 0; }
	.homea-cta .marquee { height:48px; --gap:40px; }
	.homea-cta .marquee { margin:35px 0 55px 0; }
	.homea-cta .marquee img { height:44px; }
	
	.homea-cta h2 { font-size:30px; letter-spacing:-1px; line-height:1.2em; margin-bottom:40px; }
	.homea-cta h4 { margin-top:40px; }
	.homea-cta .button { margin:10px 6px; }
	.button.xlarge { font-size:16px; line-height:48px; height:50px; padding:0 27px; }
}

/* Grid break point to 1 column */
@media (max-width:740px){
	.the-grid-area .grid-sizer, .the-grid-area .grid-item, .the-grid-area .grid-item.s4 { width:calc(100% - 20px); margin-bottom:10px; }
	.the-grid-area .grid-item.s2 { width:calc(100% - 20px); }
	.grid-item .lozenge, .grid-item.s1 .lozenge, .grid-item.s2 .lozenge, .grid-item.s3 .lozenge, .grid-item.s4 .lozenge { padding-bottom:70%; }
	.grid-item .information { height:102px; }
	.the-grid-area.threecolcentered .grid-sizer, .the-grid-area.threecolcentered .grid-item { width:calc(100% - 20px); margin-bottom:30px; }
	
	/* Materials grid */
	.materials-grid .gutter-sizer{ width:20px; }
	.materials-grid .grid-sizer, .materials-grid .grid-item { width:100%; margin-bottom:30px; }
	.materials-grid .grid-item .lozenge { padding-bottom:0; }
	.materials-grid .material .image-ball { top:0; }
	
	/* Makers grid */
	.makers-grid .gutter-sizer { width:0px; }
	.makers-grid .grid-sizer, .makers-grid .grid-item { width:100%; }
	.makers-grid .maker { padding-bottom:0; }
	.makers-grid .maker .image-area { display:inline-block; vertical-align:top; }
	.makers-grid .maker .makers-overview { display:inline-block; width:calc(100% - 278px); vertical-align:top; padding-left:0; }
	.makers-grid .maker .small-col { display:inline-block; width:50%; padding-left:20px; padding-top:0; vertical-align:top; }
	
	/* Team Grid */
	.team-grid { width:100%; }
	.team-grid .gutter-sizer { width:0px; }
	.team-grid .grid-sizer { width:100%; margin-right:0; }
	.team-grid .grid-item {width:100%; min-height:100px; }
	
	.swiper-gallery-scrollbar .swiper-slide.s2 { width:calc(25% - 20px); min-width:300px; }
	.swiper-gallery-scrollbar .swiper-slide.s2 .grid-item.s2 .lozenge { padding-bottom:70%; }
	
	/* Search */
	#searchoverlay .search-feedback { margin-bottom:20px; }
	
	.radar-animation-area { margin-top:-20%; margin-left:-20%; height:0; width:40%; padding-bottom:40%; }
}

/* Small */
@media (max-width:576px){
	/* 
	* iPhone 13 Pro Max
	* iPhone 13 Mini
	* iPhone SE
	*/
	.size-debug { background:lightslategrey; }
	body { font-size:17px; line-height:1.42em; }
	h1, h2, h3, h4, h5, h6, p, ul, ol { margin-bottom:15px; }
	
	.padding-top-large { padding-top:60px; }
	.padding-top-medium { padding-top:30px; }
	.padding-top-small { padding-top:15px; }
	
	.padding-bottom-large { padding-bottom:60px; }
	.padding-bottom-medium { padding-bottom:30px; }
	.padding-bottom-small { padding-bottom:15px; }
	
	.margin-top-large { margin-top:60px; }
	.margin-top-medium { margin-top:30px; }
	.margin-top-small { margin-top:15px; }
	
	.margin-bottom-large { margin-bottom:60px; }
	.margin-bottom-medium { margin-bottom:30px; }
	.margin-bottom-small { margin-bottom:15px; }
	
	.padding-left-4 { padding-left:0%; }
	.padding-right-4 { padding-right:0%; }
	
	/* Paywall */
	.paywall.margin-small { margin-top:-115px; }
	.paywall.margin-medium { margin-top:-130px; }
	.paywall.margin-large { margin-top:-160px; }
	
	.quote-block { font-size:30px; line-height:1.15em; letter-spacing:-1px; }
	.heading-404 { font-size:76px; line-height:1.1em; letter-spacing:-4px; }
	.image-block, .col-sm-6 .image-block, .col-sm-3 .image-block { padding-bottom:111%; }
	.video-block .overlay img { width:55px; }
	
	/* Hero */
	.hero-block.raw-material { background-size:92% auto; }
	
	/* Q&A block */
	.qanda-group { background-size:22px auto; padding-left:25px; }
	.darkmode .qanda-group { background-size:22px auto; padding-left:25px; }
	
	.ki-text ul li, .darkmode .ki-text ul li { background-size:22px auto; padding-left:25px; }
	
	.mobile-menu .menu a { font-size:24px; line-height:1.19em; }
	.mobile-menu .copyright { font-size:12px; }
	
	.swiper-button-next, .swiper-button-prev { width:25px; background-size:25px auto; }
	.swiper-button-prev { left:-40px; }
	.swiper-button-next { right:-40px; }
	
	.event-details .image-block { padding-bottom:70%; }
	.event-details .downloadlink { margin-top:20px; }
	.event-details .event-location { margin-bottom:20px; }
	.event-social { margin-top:20px; }
	.event-social a u, .event-social br {  display:none; }
	.event-details .event-margin { padding-top:20px; }
	
	/* Double content gallery */
	.swiper-gallery-double .content-block { height:auto; position:relative; padding:20px; margin-bottom:20px; }
	
	/* Meet the makers slider */
	.meet-maker-gallery .swiper-slide { min-width:320px; }
	.meet-maker-item { padding:10px; }
	.meet-maker-item h3 { margin-bottom:10px; }
	.meet-maker-item h5 {font-size:16px; margin-bottom:5px; }
	.meet-maker-item .col-6:nth-child(even) { padding-right:5px; }
	.meet-maker-item .col-6:nth-child(odd) { padding-left:5px; }
	.meet-maker-item .tags { margin-bottom:5px; }
	.meet-maker-item .tags .tag { font-size:11px; padding:2px 5px; }
	
	.maker-contact .title { padding-top:30px; font-size:26px; margin-bottom:30px; line-height:1.19em; background-size:31px auto; }
	.maker-contact h3 { font-size:20px; margin-bottom:20px; }
	
	/* Makers grid */
	.makers-grid .maker .image-area { width:100%; }
	.makers-grid .maker .image-area .image { padding-bottom:70%; }
	.makers-grid .maker .makers-overview { width:100%; padding-left:20px; padding-top:0; }
	
	/* Tooltips */
	.tooltip-content .tc-image-block { display:none; }
	
	/* Register forms */
	.register .reg-tabs .tab { display:none; }
	.register .reg-tabs .tabon { display:block; width:100%; }
	
	/* Project cards */
	.project-card {margin-bottom:50px; }
	.workspace-instructions { width:90%; right:initial; left:10px; top:initial; bottom:10px; }
	
	/* Cookie modal */
	.cookie-modal .panel-header, .cookie-modal .panel-content { padding-left:20px; padding-right:20px; }
	.cookie-save-changes { margin-bottom:10px; }
	
	/* Home grid titles */
	.grid-title a { position:relative; display:inline-block; margin-top:5px; }
	.material-alt .image-ball { padding:35px; }
	
	.grid-filter-toggle { padding-right:20px; }
	.grid-filter-toggle span { margin-right:7px; }
	.npright { padding-right:0!important; }
	
	/* Home widget */
	.home-widget .gal-side { aspect-ratio:3 / 2;}
	.home-widget .gal-side .image-area .title { font-size:26px; line-height:1.19em; padding:0 20px; }
	.home-widget .radar-items .radar-item { margin-top:15px; float:unset; width:100%; }
	.home-widget .radar-items .radar-item .right-col { font-size:16px; line-height:1.19em; }
	.home-widget .radar-items .posted { margin-top:10px; font-size:13px; }
	
	.watch-video-area input[type="submit"] { margin-top:0; }
	
	/* The results */
	.the-results-area .image-block { padding-bottom:46.58%; }
	.the-results-area .stat1 { left:0; }
	.the-results-area .stat2 { right:0; }
	.the-results-area .stat strong { font-size:26px; }
}

/* Extra small */
@media (max-width:372px){
	/* 
	* iPod touch
	*/
	.size-debug { background:lightgoldenrodyellow; }
	body { font-size:17px; line-height:1.42em; }
	.content { padding:0 15px; }
	header .search-open-btn { left:15px; }
	.mobile-menu-icon { right:15px; }
	.heading-404 { font-size:58px; line-height:1.1em; letter-spacing:-4px; }
	h1 { font-size:36px; line-height:1.1em; letter-spacing:-1px; margin-bottom:25px; }
	
	.hero-block, .hero-blockv2 { height:350px; }
	.video-block .overlay img { width:50px; }
	
	.mobile-menu .menu a { padding:10px 0; }
	.mobile-menu .copyright { display:none;}
	.darkmode-toggle-area { margin-top:30px; }
	
	/* Meet the makers slider */
	.meet-maker-gallery .swiper-slide { min-width:300px; }
	.meet-maker-item { padding:10px; }
	.meet-maker-item h3 { margin-bottom:10px; }
	.meet-maker-item h5 {font-size:16px; margin-bottom:5px; }
	.meet-maker-item .col-6:nth-child(even) { padding-right:5px; }
	.meet-maker-item .col-6:nth-child(odd) { padding-left:5px; }
	.meet-maker-item .tags { margin-bottom:5px; }
	.meet-maker-item .tags .tag { font-size:11px; padding:2px 5px; }
	
	
	.makers-grid .maker .small-col { display:inline-block; width:100%; padding-left:20px; vertical-align:top; }
	
	.project-name { font-size:30px; }
}