@import url('https://fonts.googleapis.com/css2?family=Archivo:ital,wght@0,100..900;1,100..900&display=swap');
/**
Theme Name: Mili ludzie
Theme URI:
Author: Andrzej Dabrowski Kinaole Sp. z o.o.
Author URI:
Description: 
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: 
Text Domain:

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/


/**
 * Table of Contents
 *
 * 1.0 - Body,html
 * 1.1 - Global styles
 * 1.2 - Global wrappers and objects
 *
 * 2.0 - Header
 * 2.1 - Footer
 *
 * 3.0 - section#Start
 * 3.1 - section#Offer (homepage)
 * 3.2 - section#About (homepage)
 * 3.3 - section#News (homepage)
 * 3.4 - section#Trusted (homepage)
 * 3.5 - section.pages
 * 3.6 - section#Start.pages
 * 3.7 - section#Examples.pages
 * 3.8 - section#Opinions.pages
 * 3.9 - section#start.pages.About
 * 3.10 - section#Team.pages
 * 3.11 - section#start.pages.News
 * 3.12 - section#start.pages.Article
 * 3.13 - section#start.pages.Contact
 *
 * 4.0 - Responsive mobile menu
 *
 * 5.0 - Responsive
 *
 */

 
 /**
 * 1.0 - Body,html
 *
 /////////////////////////////////////////////////*/
body, html {
width: 100%;
height: auto;
margin: 0px;
padding: 0px;
background-color: #FFF;
color: #000;
font-size: 20px;
font-family: "Archivo", sans-serif;
/* font-optical-sizing: auto; */
font-style: normal;
font-variation-settings: "wdth" 100;
scroll-behavior: smooth;
image-rendering: -webkit-optimize-contrast; /* fix blury image resize in chrome & safari */;
}

body.show { /* background-image: none; */ }

/**
 * 1.1 - Global styles
 *
 /////////////////////////////////////////////////*/
img { -ms-interpolation-mode: bicubic; /* image-rendering: optimizeQuality; */ }

h1, h2, h3 { display: block; max-width: 723px; margin: 0; padding: 0; line-height: 130%; }

h1, h2 { font-weight: 900; }

h1 { margin: 0 0 48px !important; font-size: 3.2em; }
h1 span { display: block; font-weight: 700; }
h1 span.big { font-size: 1.2em; font-weight: 900; }
/*///////////////////////////////// under construction */
div.uc h1 { font-size: 1.6em; color: #231f20; }

h2 { max-width: fit-content !important; margin: 0 0 24px; font-size: 2.2em; }
h2 span { display: block; }

h3 { font-size: 1.4em; font-weight: 600; }

h4 { font-size: 1.2em; font-weight: 600; }

p { max-width: 723px; margin: 0 0 16px; line-height: 150%;  }


ul { margin: 0px; padding: 0px; list-style-type: none; }

a { width: max-content; color: #000; word-wrap: break-word; } 
a, a:link, a:visited { text-decoration: underline; }
a:hover { text-decoration: none; }

.bold { font-weight: 700; }
.sbold { font-weight: 600; }

.w100 { width: 100%; }
.h100 { height: 100%; } 

/* sup { font-size: 0.6em; } */

.clrfix { clear: both; }
.show, .dblock { display: block; }
.noshow { display: none !important; }
.view { opacity: 1 !important; }
.noview { opacity: 0 !important; height: 0px !important; overflow: hidden;  } 
.under { z-index: -1 !important; }
.visible { visibility: visible; }
.invisible { visibility: hidden; z-index: -1; }
.noscroll { overflow: hidden; }
.txt-center { text-align: center; }

	
/**
 * 1.2 - Global wrappers and objects
 *
 /////////////////////////////////////////////////*/
section, footer { position: relative; min-height: 180px; margin: 0 auto; }
section .wrapper.x-large:not(section .wrapper.x-large .wrapper.x-large) { padding: 0 12px; }
section.bg-green, div.bg-green, section.bg-brown, div.bg-brown, footer.bg-brown { background-image: url("images/bg-noise-transp.html"); background-repeat: repeat; }
div.wrapper.x-large.uc { padding: 0 16px !important; }

/*//////////////////////////////////////////////////////////// Wrappers /////*/ 
.wrapper { display: block; margin: 0 auto; }

.wrapper.x-large { max-width: 1256px;  }
.wrapper.x-large .wrapper { margin: 0; }


/*//////////////////////////////////////////////////////////// Flex /////*/ 
.flex { display: flex; align-items: center; }
.flex.start { align-items: start; }
.flex.wrap { flex-wrap: wrap; }
.flex.column { flex-direction: column; }
.flex.inline { display: inline-flex; }
.flex.space { justify-content: space-between; }
.flex.jcenter { justify-content: center; }
.flex.jend { justify-content: end; }
.flex.g80 { gap: 80px; }
.flex.g64 { gap: 64px; }
.flex.g48 { gap: 48px; }
.flex.g40 { gap: 40px; }
.flex.g42 { gap: 42px; }
.flex.g32 { gap: 32px; }
.flex.g24 { gap: 24px; }
.flex.g16 { gap: 16px; }
.flex.g12 { gap: 12px; }
.flex.g8 { gap: 8px; }
.flex.equal > * { flex: 1; }
.flex.top { align-items: flex-start !important; }
.flex.center { align-items: center !important; }
.flex.bottom { align-items: flex-end !important; }

.wrapper.flex.maingap { gap: 64px; }
.flex .half { flex: 0 0 calc(50% - 32px); }

.inline { display: inline; }

/*/// width 33% (3 items in row) */
.w50 { flex: 0 0 calc(50% - 96px); }
.w33 { flex: 0 0 calc(33.3% - 96px); }
.w25 { flex: 0 0 calc(25% - 24px); }


/*//////////////////////////////////////////////////////////// centered ver. & hor. /////*/ 
.centered { margin: 0 auto; }
.hor-cent {
position: absolute; 
left: 0; 
right: 0;  
top: 50%; 
-webkit-transform: translateY(-50%); 
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}	
div.center-txt { text-align: center; }
div.mwidth { width: max-content !important; }


/*////////////////////////////////////////////////////////////  Text colors /////*/ 
.txt-white { color: #fff; }
.txt-black { color: #000; }

/*////////////////////////////////////////////////////////////  Background colors /////*/ 
.bg-white { background-color: #fff; }
.bg-red { background-color: #DE2643; }

.bg-linear { background: linear-gradient(90deg, #F6C9AB 6.95%, #F8DBC8 42.78%), linear-gradient(0deg, #FFF 0%, #FFF 100%), #00C992; }

/*////////////////////////////////////////////////////////////  Text-lines /////*/ 
.txtl { 
overflow: hidden; 
text-overflow: ellipsis; 
display: -webkit-box;
-webkit-box-orient: vertical;
}

.txtl.n10 { height: 15em; -webkit-line-clamp: 10; /* number of lines to show */ /* line-clamp: 10; */ } 
.txtl.n8 { height: 12em; -webkit-line-clamp: 8; /* number of lines to show */ /* line-clamp: 8; */ } 
.txtl.n7 { height: 10.5em; -webkit-line-clamp: 7; /* number of lines to show */ /* line-clamp: 7; */ } 
.txtl.n6 { height: 8em; -webkit-line-clamp: 6; /* number of lines to show */ /* line-clamp: 6; */ } 
.txtl.n4 { height: 6em; -webkit-line-clamp: 4; /* number of lines to show */ /* line-clamp: 4; */ } 


/*////////////////////////////////////////////////////////////  Buttons /////*/ 
.button { display: block; width: max-content; padding: 20px 32px; border-radius: 16px; line-height: 130%; font-size: 1.1em; font-weight: 700; text-decoration: none !important;  }
.button.big { font-size: 1.3em; } 
.button.sml { padding: 16px 24px; font-size: 0.9em; font-weight: 600; } 

.button.nwindow { background-repeat: no-repeat !important;  }
.button.nwindow.bg-red, .button.nwindow.bg-red:hover { padding-right: calc(20px + 8px + 16px); background-position: right 20px top 16px; background-image: url("images/icon-newwindow-white.svg") !important; background-repeat: no-repeat; }

.button.bg-red:hover, .button.nwindow.bg-red:hover { background-color: #c8223C; }

.button span { margin: 0 !important; }



/*//////////////////////////////////////////////////////////// Links /////*/ 
a.nwindow:not(a.button.nwindow) { 
padding-right: 20px; 
background-image: url('images/icon-newwindow-black.svg'); 
background-repeat: no-repeat; 
background-position: right top;
background-size: 14px;
}

/*////////////////////////////////////////////////////////////  List boxes /////*/ 
ul.boxes li:not(ul.boxes li.group) {
padding: 24px 32px;	
text-align: center;
border-radius: 24px;
background: #fff;
box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}
ul.boxes li a {
display: block;
margin: 0 auto;	
text-decoration: none;
}
ul.boxes li img { display: block; margin-bottom: 32px; }	


/*////////////////////////////////////////////////////////////  Photo/images /////*/ 
.resp { width: max-content; height: auto; object-fit: cover; }
.resp.square { aspect-ratio: 1 / 1; }
.resp.panor { aspect-ratio: 16 / 9; }
.resp.shadow { box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); }


/*////////////////////////////////////////////////////////////  Yt videos /////*/ 
.wrapper.yt-video  {
	position:relative; 
	padding-bottom:61.34%;
	margin: 0 0 24px !important;
}
.wrapper.yt-video iframe {
	width:100%;
	height:100%;
	position:absolute;
	border-radius: 10px;
	aspect-ratio: 1.63 / 1;
	box-shadow: 0px 3px 4px 2px rgba(0, 0, 0, 0.10);
}


/* iframe.yt-video { aspect-ratio: 16 / 9; width: 100%; } */


/*//////////////////////////////////////////////////////////// a11y */
:focus-visible { outline: solid 3px #de2643; outline-offset: 6px; }
section#events .box a.button:focus-visible { outline: solid 3px #000; }
.txt-white a.button:focus-visible, .txt-white a:focus-visible { outline: solid 2px #fff; }
.sr-only {
position: absolute !important;
border: 0 !important;
clip: rect(1px, 1px, 1px, 1px) !important; 
-webkit-clip-path: inset(50%) !important;
clip-path: inset(50%) !important;  
width: 1px !important;
height: 1px !important;
margin: -1px !important;
padding: 0 !important;
white-space: nowrap !important;           
overflow: hidden !important;
}

.skip-link { 
z-index: 4; 
position: absolute; 
transform: translateY(-200%);
-webkit-transform: translateY(-200%); 
width: max-content; 
padding: 3px 4px; 
line-height: 130%; 
font-weight: 700;
font-size: 0.9em; 
text-decoration: underline !important; 
color: #de2643;
background-color: transparent; 
border-radius: 0; 
}
.skip-link:focus { 
top: 4px;
left: 6px;
right: auto;
margin: 0 auto;
z-index: 2; 
transform: translateY(0%); 
outline: solid 2px #de2643; 
outline-offset: 2px; 
}
.skip-link, header .skip-link:link, header .skip-link:visited, header .skip-link:hover { color: #de2643; }


/*///////////////////////////////// gototop */
a#gototop {
z-index: 10;
opacity: 1;
position: absolute;
bottom: 16px;
right: 32px;
}
a#gototop img { position: relative; margin: 0 auto; width: 48px; }



/**
 * 2.0 - Header
 *
 /////////////////////////////////////////////////*/
header { position: relative; padding: 32px 0; } 
header .wrapper.x-large { position: relative; }
header .logo img { width: 200px; }
header a.logo:hover > img, header nav li.social a:hover > img, footer a.logo:hover > img, footer nav li.social a:hover > img { filter: opacity(0.8); }

header nav a { font-size: 1.2em; font-weight: 800; text-decoration: none !important; }
header nav a:hover { color: #de2643; }

header nav#main ul li.sub { position: relative; }
header nav#main ul li.sub > a { 
position: relative;
z-index: 99;
display: block; 
background: url("images/arrow-openmenu.svg") no-repeat right;
background-size: 22px;
padding-right: 30px;
}
header nav#main ul li.sub a.open { color: #de2643; background: url("images/arrow-closemenu.svg") no-repeat right; background-size: 22px; }
header nav#main ul.submenu { 
z-index: 98;
position: absolute;
left: -16px;
display: none; 
margin-top: 16px;
padding: 48px 40px 56px;
background: #fff;
border: 1px solid rgba(0,0,0,0.1);
border-radius: 20px;
box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.1);
}
header nav#main ul.submenu li { display: block;  }
header nav#main ul.submenu li:not(nav#main ul.submenu li:last-of-type) { margin: 0 0 32px; }
header nav#main ul.submenu li:last-of-type { margin: 0; }
header nav#main ul.submenu a { text-transform: none; font-variant: normal; font-size: 1.1em; }

header a#mobile-show, header a#mobile-close { display: none; }


/**
 * 2.1 - Footer
 *
 /////////////////////////////////////////////////*/
footer { padding: 96px 0 24px; /* border-top: 1px solid rgba(0,0,0,0.4); */ }
main.onesec ~ footer { border-top: 1px solid rgba(0,0,0,0.4); }

footer .logo img { width: 164px; height: auto; }

footer ul { font-size: 0.95em; }

footer div.intouch { max-width: 441px; }
footer div.intouch span.fullname { margin-bottom: 24px; font-weight: 800; font-size: 1.3em; }
footer div.intouch ul li { margin-bottom: 24px; }
footer div.intouch ul li a:hover { text-decoration: none; }
footer div.intouch span { display: block; line-height: 150%; }

footer nav { padding-top: 32px; }
footer nav ul a { text-decoration: none !important; font-weight: 400; }
footer nav a:hover { text-decoration: underline !important; }

footer .copy { margin-top: 64px; font-size: 0.95em; }
footer .copy a { text-decoration: none; }
footer .copy a:hover { color: #000; }
footer .copy img { width: 80px; }



/**
 * 3.0 - section#Start
 *
 /////////////////////////////////////////////////*/
section#start:not(section#start.pages) {
height: 70vw; 
max-height: 640px; 
margin-bottom: 120px; 
background: url("images/illustr-home.svg");
background-repeat: no-repeat;
background-position: right 15% center;
}
@media only screen and (min-width: 2000px)   { section#start:not(section#start.pages) { background: none; } section#start:not(section#start.pages)::before { content: ""; background: url("images/illustr-home.svg"); background-repeat: no-repeat; background-position: center; position: absolute; top: -100px; right: 0; bottom: 0; left: 700px; } }
@media only screen and (max-width: 1660px)   { section#start:not(section#start.pages) { background-position: right center; } }
@media only screen and (max-width: 1440px)   { section#start:not(section#start.pages) { background-position: right -100px center; } }

section#start h1 { line-height: 140%; }
section#start .wrapper.x-large { position: relative; }



/**
 * 3.1 - section#Offer (homepage)
 *
 /////////////////////////////////////////////////*/
section#offer { padding: 120px 0 192px; }
section#offer h2 { margin-bottom: 81px; }
section#offer ul.boxes li { max-width: 351px; padding: 0; }
section#offer ul.boxes li a {
padding: 20px 48px 48px;	
font-size: 1.8em;
font-weight: 800;
}
section#offer ul.boxes li a:hover { 
border-radius: 24px;
background: linear-gradient(0deg, rgba(249, 220, 201, 0.1) 0%, rgba(249, 220, 201, 0.1) 100%), #fff; }
section#offer ul.boxes li img { max-width: 255px; }
	
	
/**
 * 3.2 - section#About (homepage)
 *
 /////////////////////////////////////////////////*/
section#about { margin: 120px 0 156px; } 
section#about p:last-of-type { margin: 0 0 24px; }
section#about div.yt { margin-top: 120px; }	


/**
 * 3.3 - section#News (homepage)
 *
 /////////////////////////////////////////////////*/
section#news { padding: 136px 0 176px; }
section#news h2 { margin-bottom: 56px; }
section#news ul { margin-bottom: 56px; }
section#news ul li h3 { margin-bottom: 16px; font-size: 1.2em; font-weight: 900; }
section#news ul li a { display: block; width: 100%; height: 100%; } 	 
section#news ul li a:hover { color: rgba(0,0,0,0.7); }
section#news a { text-decoration: none; }


/**
 * 3.4 - section#Trusted (homepage)
 *
 /////////////////////////////////////////////////*/
section#trusted { padding: 136px 0 120px; }
section#trusted h2 { margin-bottom: 144px; }
section#trusted ul li { margin-bottom: 64px; }
section#trusted ul li img { display: block; width: 256px; height: auto; margin: 0 auto; filter: brightness(0); }
section#trusted ul li a:hover > img { filter: brightness(0) opacity(0.7); }
section#trusted .w33 { flex: 0 0 calc(33.3% - 24px); }


/**
 * 3.5 - section.pages
 *
 /////////////////////////////////////////////////*/
section.pages h2 { font-size: 1.9em; margin-bottom: 56px; }
section.pages { padding: 136px 0 172px; }
section.pages div.wrapper.big p { font-size: 1.15em; }
section.pages div.wrapper.big p:first-of-type { margin-bottom: 40px; }
section.pages img.illustr { max-width: 415px; }


/**
 * 3.6 - section#Start.pages
 *
 /////////////////////////////////////////////////*/
section#start.pages { padding: 32px 0 81px; }
section#start.pages.less { padding: 32px 0 120px; }
section#start.pages h1 { margin: 0 0 24px !important; }
section#start.pages.less h1 { margin: 0 0 48px !important; }
section#start.pages p:not(section#start.pages.article p) { font-size: 1.1em; }
section#start.pages p:first-of-type:not(section#start.pages ul li p):not(section#start.pages.article p) { font-weight: 800; }
section#start.pages .wrapper.x-large .wrapper { flex: 0 0 calc(57%); max-width: 723px; }
section#start.pages .wrapper.x-large .wrapper img { margin-top: 16px; }

section#start.pages ul:not(section#start.pages.about ul):not(section#start.pages.news ul):not(section#start.pages.article ul):not(section#start.pages.contact ul) { margin-bottom: 48px; padding: 0 0 0 48px; }
section#start.pages ul li:not(section#start.pages.about ul li):not(section#start.pages.news ul li):not(section#start.pages.article ul li):not(section#start.pages.contact ul li) { margin-bottom: 16px; list-style-image: url("images/illustr-sml-checkbox.svg"); }

section#start.pages img.hero { max-width: 536px; }

section#start.pages.simple .wrapper.x-large .wrapper, section#start.pages.simple h1, section#start.pages.simple p { max-width: 826px; }
section#start.pages.simple h2 { margin-top: 56px; margin-bottom: 16px; }


/**
 * 3.7 - section#Examples.pages
 *
 /////////////////////////////////////////////////*/
section#examples.pages ul { 
display: flex;
align-items: flex-start !important;
justify-content: center;
flex-wrap: wrap;
gap: 32px; 
margin: 0 auto;
}
section#examples.pages ul li { 
flex: 0 0 calc(33.3% - 128px);
flex-wrap: wrap; 
max-width: calc(350px - 64px);
height: 6em; 
-webkit-line-clamp: 4; /* number of lines to show */ /* line-clamp: 4 */;
padding: 120px 32px 81px; 
overflow: hidden; 
text-overflow: ellipsis; 
display: -webkit-box;
-webkit-box-orient: vertical;
font-size: 1.2em;
font-weight: 700;
line-height: 140%;
text-align: center;
border-radius: 24px;
background-color: #fff;
background-image: url("images/illustr-sml-checkbox.svg"); background-repeat: no-repeat; background-position: right 24px top 24px;
box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}


/**
 * 3.8 - section#Opinions.pages
 *
 /////////////////////////////////////////////////*/
section#opinions.pages ul:not(section#opinions.pages ul li ul) { margin-top: 56px; }
section#opinions.pages ul.boxes li:not(section#opinions.pages ul li.group) { padding: 42px 24px; text-align: left !important; }
section#opinions.pages ul.boxes li span { display: block; margin-bottom: 24px; line-height: 150%; }
section#opinions.pages ul.boxes li img { margin: 0; max-width: 85px; }
section#opinions.pages ul li.w33 { flex: 0 0 calc(33% - 24px); }
section#opinions.pages ul li.group.w66 { flex: 0 0 calc(66% - 48px) !important; }
section#opinions.pages ul li.group li.w50 { flex: 0 0 calc(50% - 64px) !important; }

section#opinions.pages ul li.group.w66 li:nth-child(1) > img { margin: 0 auto; }
section#opinions.pages ul li.group.w66 li:nth-child(2) > img  { margin-left: auto; }
section#opinions.pages ul li.group.w66 li:nth-child(3) > img  { margin-right: auto; }
section#opinions.pages ul li.group.w66 li:nth-child(4) > img  { margin-right: auto; }


/**
 * 3.9 - section#start.pages.About
 *
 /////////////////////////////////////////////////*/

section#start.pages.about h2 { max-width: 694px !important; margin-top: -120px; }

section#start.pages.about ul { max-width: 100% !important; padding-bottom: 64px; }
section#start.pages.about ul li.w50 { flex: 0 0 calc(50% - 32px); padding: 24px 0; border-bottom: 1px solid rgba(0,0,0,0.2); }
section#start.pages.about ul li a { width: 100%; font-size: 1.3em; font-weight: 700; text-decoration: none; }
section#start.pages.about ul li a.off img { visibility: hidden; }
section#start.pages.about ul li a img { margin-top: 0 !important; margin-bottom: 4px; }
section#start.pages.about ul li a.open img { transform: rotate(180deg); } 
section#start.pages.about ul li a p { margin-top: 24px; font-size: 1em; }
section#start.pages.about ul li div.content { display: none; margin-top: 24px; }
section#start.pages.about ul li a span { flex:0 0 calc(100% - 26px - 16px); line-height: 150%; }


/**
 * 3.10 - section#Team.pages
 *
 /////////////////////////////////////////////////*/
section#team.pages .wrapper.x-large .wrapper:not(section#team.pages .wrapper.x-large .wrapper:last-of-type) { padding-bottom: 81px; border-bottom: 1px solid rgba(0,0,0,0.2); }
section#team.pages .wrapper.x-large .wrapper:not(section#team.pages .wrapper.x-large .wrapper:first-of-type) { padding-top: 81px; }
section#team.pages h3 { margin-bottom: 16px; font-size: 1.7em; font-weight: 800; }
section#team.pages div.team { font-size: 1.2em; } 
section#team.pages div.content { column-count: 2; }


/**
 * 3.11 - section#start.pages.News
 *
 /////////////////////////////////////////////////*/
section#start.pages.news .wrapper.x-large .wrapper { max-width: 100%; }
section#start.pages.news ul li.w33 { flex: 0 0 calc(33.3% - 48px); margin-bottom: 24px; } 
section#start.pages.news ul li a { display: block; width: 100%; height: 100%; text-decoration: none; }
section#start.pages.news ul li span { display: block; padding-bottom: 16px; font-weight: 900; }
section#start.pages.news ul li h2 { margin: 0 !important; padding-bottom: 16px; font-size: 1.2em; font-weight: 900; }

section#start.pages.news div.pagination a { width: 24px; height: 24px; text-align: center; font-size: 1.2em; font-weight: 600; text-decoration: none; }
section#start.pages.news div.pagination a.active { color: #DE2643; } 
section#start.pages.news div.pagination a img { margin: 0 !important; }



/**
 * 3.12 - section#start.pages.Article
 *
 /////////////////////////////////////////////////*/
section#start.pages.article span { display: block; margin-bottom: 16px; font-weight: 900; } 
section#start.pages.article h1, section#start.pages.article p, section#start.pages.article ul { max-width: 842px; }
section#start.pages.article h1 { margin-bottom: 24px; font-size: 2.6em; line-height: 130%; } 
section#start.pages.article h2 { margin-top: 32px; margin-bottom: 16px; }
section#start.pages.article h3 { font-weight: 800; }
/* section#start.pages.article img { display: block; width: 100%; height: auto; max-width: 723px; margin-bottom: 24px; aspect-ratio: 16 / 9; object-fit: cover; } */
section#start.pages.article img { display: block; max-width: 723px; height: auto; aspect-ratio: auto;  margin-bottom: 24px;  }

section#start.pages.article p { margin: 0 0 24px; }
section#start.pages.article ul { list-style-type: unset; padding: 0 0 0 24px; } 
section#start.pages.article ul li { margin-bottom: 12px; }
section#start.pages.article a.back { display: block; margin-top: 64px; padding-left: 40px; font-weight: 700; background-image: url("images/arrow-back.svg"); background-repeat: no-repeat; background-position: center left; }


/**
 * 3.13 - section#start.pages.Contact
 *
 /////////////////////////////////////////////////*/
section#start.pages.contact h2 { margin: 64px 0 32px; }
section#start.pages.contact ul li { margin-bottom: 42px; }
section#start.pages.contact ul li:last-of-type { padding-top: 24px; margin-bottom: 0; }
section#start.pages.contact ul li h3 { margin-bottom: 16px; font-size: 1.1em; font-weight: 800; }
section#start.pages.contact ul li p { margin-bottom: 4px; }
section#start.pages.contact ul li a { display: block; margin-top: 12px; font-weight: 700;  }
/* section#start.pages.contact ul li a.download { padding-left: 32px; background-image: url("images/icon-download.svg"); background-repeat: no-repeat; background-position: center left; } */
section#start.pages.contact ul li a.download span { font-weight: 500; }

/**
 * 4.0 - Responsive mobile menu
 *
 /////////////////////////////////////////////////*/
@media only screen and (max-width: 1200px) {
header { z-index: 1; position: relative;  }

header a#mobile-show, header a#mobile-close { display: block; right: 0; } 
header a#mobile-show img { width: 72px; display: block; }
header a#mobile-close img { width: 56px; display: block; }
header a#mobile-show, header a#mobile-close, header a#mobile-show.visible, header a#mobile-close.visible { visibility: hidden; } 
header a#mobile-show { position: relative; z-index: 9; visibility: visible !important; width: auto; height: auto;}
header a#mobile-show.invisible { position: absolute; visibility: hidden !important;  }
header a#mobile-close { position: absolute; z-index: 9; width: auto; height: auto; }
header a#mobile-close.visible { position: relative; visibility: visible !important;  }

header nav#main {
opacity: 0;
visibility: hidden;	
display: flex;
position: absolute;
left: 0;
right: 0;
top: 220px;	
width: fit-content;
height: 100%;
margin: 0 auto;
padding: 0 !important;
pointer-events: none;	
}
header nav#main.show { 
z-index: 8;	
opacity: 1;
visibility: visible;
height: auto;
pointer-events: all;
}

nav#main ul.flex { flex-direction: column; gap: 32px; }
nav#main ul.flex a { font-size: 1.8em !important; }

header nav#main ul li.sub > a { margin: 0 auto; }
header nav#main ul.submenu { position: relative; left: 0; margin-top: 32px; padding: 0 32px 32px; text-align: center; border: none; border-radius: 0; box-shadow: none; border-bottom: 1px solid rgba(0,0,0,0.6); } 

a.skip-link.halt, main.halt, footer.halt, header a.halt, a#gototop.halt { display: none; }
}



/**
 * 5.0 - Responsive
 *
 /////////////////////////////////////////////////*/

/*///////////////////////////////// width > 3840px */
@media only screen and (min-width: 3840px)   {

.w33 { flex: 0 0 calc(33.3% - 87px) !important; }
.wrapper.x-large { max-width: 1920px !important; }

section#start.pages h1, section#start.pages p, section#start.pages ul.details { max-width: 1076px !important; }

section.interfer .wrapper.x-large { max-width: calc(1920px - 2*88px) !important; }

section#events .box.w33 { flex: 0 0 calc(33.3% - 24px); }


}

/*///////////////////////////////// width > 2560px */
@media only screen and (min-width: 2560px)   {
	
body { font-size: 24px; }	

}

/*///////////////////////////////// width > 2000px */
@media only screen and (min-width: 2000px)   {
	
body { font-size: 20px; }	

p, h1, h2, h3, section#start h1 { max-width: 856px; }
.w33 { flex: 0 0 calc(33.3% - 92px); }
.w25 { flex: 0 0 calc(25% - 40px); }
.wrapper.x-large { max-width: 1440px; }


}

/*///////////////////////////////// width < 1440px */
@media only screen and (max-width: 1440px)   {
	
a#gototop { bottom: 56px; }

}

/*///////////////////////////////// width < 1300px */
@media only screen and (max-width: 1300px)   {

.w25 { flex: 0 0 calc(50% - 24px); }

div.wrapper.x-large:not(section#team div.wrapper.x-large div.wrapper.x-large), section div.wrapper.x-large:not(section#team div.wrapper.x-large div.wrapper.x-large) { padding: 0 48px; }

header nav a { font-size: 1.1em; }

section#start:not(section#start.pages) { height: 40vw; }
section#start h1 { 
font-size: 2.8em; 
word-wrap: break-word;
overflow-wrap: break-word;
-webkit-hyphens: auto;
-moz-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
}
section#start:not(section#start.pages) { background-size: 50%; }

footer div.flex.space.g64 { justify-content: center; }

section#start.pages .wrapper.x-large.flex { flex-wrap: wrap; }
section#start.pages img.hero { width: 40%; }

section#examples.pages ul, section#start.pages.news ul { justify-content: left; }
section#examples.pages ul li { flex: 0 0 calc(33.3% - 96px); }
section#start.pages.about h2 { margin-top: 0; }
section#start.pages.news ul li.w33 { flex: 0 0 calc(33.3% - 16px); }

section#start.pages.news ul li.w33 { flex: 0 0 calc(50% - 42px); }

}

/*///////////////////////////////// width < 1024px */
@media only screen and (max-width: 1024px)   {

body { font-size: 16px; }

section#start h1, section#start.pages.article h1 { font-size: 2.4em; }
section#trusted ul { gap: 64px; }
section#opinions.pages ul li.w33 { flex: 0 0 calc(50% - 42px); }
section#opinions.pages ul li.group.w66 { flex: 0 0 calc(50% - 42px) !important; }
section#opinions.pages ul li.group li.w50 { flex: 0 0 calc(100% - 48px) !important; }

section#examples.pages ul li { flex: 0 0 calc(50% - 96px); }



}

/*///////////////////////////////// width < 767px */
@media only screen and (max-width: 767px) {
body, html { font-size: 16px; }

h1 { font-size: 2.7em; }
h1.begin { max-width: 440px; }
h2 { font-size: 2.2em; }

section { margin: 0 !important; padding: 56px 0 64px !important; }
section#start:not(section#start.pages) { height: auto; margin: 0 !important; padding: 56px 0 320px !important; background-size: 340px; background-position: left 24px bottom 24px; }

.w33 { flex: 0 0 calc(100% - 72px); }
.w25 { flex: 0 0 calc(100% - 36px); }
.button.big { font-size: 1.1em; }

header { padding: 16px 0 0; }
header .logo img { width: 180px; }


section#offer h2 { text-align: center; }
/* section#offer ul.boxes li { max-width: 268px; } */
section#offer img { width: 192px; }

section#news .txtl.n10 { height: 10em; }

section#examples.pages ul, section.pages div.wrapper.x-large:first-of-type, section#start.pages.news ul { justify-content: center; }
section#examples.pages ul li, section#start.pages.news ul li.w3 { flex: 0 0 calc(100% - 64px); }

section#trusted ul li img { max-width: 172px; }

section#opinions.pages ul li.w33, section#opinions.pages ul li.group li.w50 { flex: 0 0 calc(100% - 42px) !important; }
section#opinions.pages ul li.group.w66, section#start.pages.news ul li.w33, section#start.pages.about ul li.w50, section#team div.person.w33 { flex: 0 0 100% !important; }

section.pages h2 { margin-bottom: 24px; }
footer { padding: 48px 0 24px; }
footer div.copy.wrapper.x-large { flex-direction: column; gap: 24px;  }
footer div.copy.wrapper.x-large span { padding-top: 16px !important; }
footer nav { width: 100%; padding-top: 48px; padding-bottom: 48px; border-top: 1px solid rgba(0,0,0,0.4); border-bottom: 1px solid rgba(0,0,0,0.4); }
footer .copy { margin-top: 0 !important; padding-top: 32px !important; }
footer a#gototop { bottom: 24px; right: 16px; }

section.pages .wrapper.x-large:first-of-type, section#start.pages .wrapper.x-large .wrapper { flex: 0 0 calc(100% - 16px); }
section.pages .wrapper.x-large:first-of-type { flex-wrap: wrap; }
section#start.pages img.hero, section.pages div.wrapper.x-large:first-of-type > img { width: calc(100% - 64px); max-width: 400px; }
section#start.pages.contact img.hero { display: none; }

section#start.pages.article img { width: 100%; }

section#team div.wrapper.x-large { flex-direction: column; }
section#team div.wrapper.x-large.g64 { gap: 24px; }


}

/*///////////////////////////////// width < 575px */
@media only screen and (max-width: 575px)   {

section#start h1, section#start.pages.article h1 { font-size: 2em; }
div.uc h1 { font-size: 1.6em; } 

section#start.pages { padding: 24px 0 64px !important; }
section#start.pages.about ul li a { font-size: 1.2em; }
h2, section.pages h2 { font-size: 1.7em; }

header div.wrapper.x-large, section div.wrapper.x-large:not(section#team div.wrapper.x-large div.wrapper.x-large), footer .wrapper.x-large { padding: 16px !important; }	
footer .logo img { width: 136px; }
a#gototop img { width: 36px; }

section#team.pages div.content { column-count: 1; }

}

/*///////////////////////////////// width < 359px */
@media only screen and (max-width: 359px)   {

}