body {background:url('topsfaces.png') top center/100% auto no-repeat fixed;}
#tops {height:900px;margin:30px 30px 0px;background:RGBA(244,242,233,0.7);backdrop-filter:blur(18px);border-radius:32px 32px 0px 0px;font-size:144px;}
#tops,.bats {color:#fff8ea;text-shadow:0px 2px 5px RGBA(40,30,20,.55);}
#f3tcs {height:100%; background: url('3tcs.png') 30px 30px/144px auto no-repeat;padding:20px 199px;}
#f3tcs div {padding:8px}
#f3tcs div#companies {padding:100px 8px 48px;color:#9A4A00;font:600 144px helvetica,tahoma,verdana,arial,sans-serif;}

#topmenus {margin:0px 30px 30px;padding:0px 17px 0px 0px;height:47px;background:RGBA(244,242,233,0.7);backdrop-filter:blur(18px);border-radius:0px 0px 32px 32px;position:sticky;top:0;z-index:1000000}
#topmenus .tbs,#topmenus #checks {color:#ffffff;display:inline-block;padding:12px 12px;font: 19px Calibri,sans-serif;text-decoration:none;}
#topmenus #checks {margin:-6px -8px;width:16px;height:16px;background:url('dvs.png') center center no-repeat;}

#topmenus .tbs:hover	{color:#ffff00;
	background-image: -webkit-linear-gradient(top, RGB(100,100,100) 0%, RGB(200,200,200) 30%, RGB(100,100,100) 100%);
	background-image:    -moz-linear-gradient(top, RGB(100,100,100) 0%, RGB(200,200,200) 30%, RGB(100,100,100) 100%);
	background-image:     -ms-linear-gradient(top, RGB(100,100,100) 0%, RGB(200,200,200) 30%, RGB(100,100,100) 100%);
	background-image:      -o-linear-gradient(top, RGB(100,100,100) 0%, RGB(200,200,200) 30%, RGB(100,100,100) 100%);
	background-image:	  linear-gradient(top, RGB(100,100,100) 0%, RGB(200,200,200) 30%, RGB(100,100,100) 100%);}
#topmenus .tbs:hover #checks {background:url('dvszs.png') center center no-repeat;}

#topmenus .tbs:active	{color:#00aa00;
	background-image: -webkit-linear-gradient(bottom, RGB(100,100,100) 0%, RGB(200,200,200) 30%, RGB(100,100,100) 100%);
	background-image:    -moz-linear-gradient(bottom, RGB(100,100,100) 0%, RGB(200,200,200) 30%, RGB(100,100,100) 100%);
	background-image:     -ms-linear-gradient(bottom, RGB(100,100,100) 0%, RGB(200,200,200) 30%, RGB(100,100,100) 100%);
	background-image:      -o-linear-gradient(bottom, RGB(100,100,100) 0%, RGB(200,200,200) 30%, RGB(100,100,100) 100%);
	background-image:	  linear-gradient(bottom, RGB(100,100,100) 0%, RGB(200,200,200) 30%, RGB(100,100,100) 100%);}

.divs {min-height:1000px;margin:0px 0px 8px;padding:30px;}
.divs h2{position:sticky;top:47px;z-index:1000;background-color:RGBA(234,230,220,0.9);margin:0px -30px 0px;padding:12px;}
.spys {display:none}

#topmenus #MENUS {display:none}
#topmenus #MENUS ~[for="MENUS"] {display:none}
#topmenus #MENUS ~#MENUSDIVS {display:inline-block}

.texts {line-height:1.9;}
.texts * {margin:0px 0px 22px}
.texts .mts100 {margin-top:100px}

.nuages {	background:RGBA(245,241,233,0.9);padding:42px;border-radius:32px;
		backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,0.8);
		box-shadow:0 12px 48px rgba(0,0,0,0.04);transition:0.35s;}
.nuages.bgsets {background:
			radial-gradient(circle at 40% 40%,
				rgba(255, 255, 255, 0.48) 0%,
				rgba(255, 255, 255, 0.23) 35%,
				rgba(255, 255, 255, 0.00) 70%),
			linear-gradient(145deg,RGBA(245,241,233,0.7) 0%,RGBA(241,236,227,0.7) 45%,RGBA(234,227,216,0.7) 100%);
		background-attachment:fixed;}
.three_ts_divs {display:flex;gap:22px;width:100%;margin:30px 0px;}
.three_ts {	flex:1 1 0;min-width:0px;padding:42px;border-radius:32px;
		background:RGBA(245,241,233,0.9);backdrop-filter:blur(18px);
		border:1px solid rgba(255,255,255,0.8);
		box-shadow:0 12px 48px rgba(0,0,0,0.04);transition:0.35s;
		}
.three_ts:hover {transform:translateY(-6px);background:#ffffff;}
#techs {padding-left:20px;background:url('techs.png') left center no-repeat;}

@media (max-width:2200px) {
	body {background:url('topsfaces.png') top center/auto 100dvh no-repeat fixed;}
	#tops {height:939px;font-size:132px;}
	#f3tcs div#companies {font-size:132px;}
	}
@media (max-width:2100px) {
	#tops {height:896px;font-size:121px;}
	#f3tcs div#companies {font-size:121px;}
	}
@media (max-width:2000px) {
	#tops {height:854px;font-size:111px;}
	#f3tcs div#companies {font-size:111px;}
	}
@media (max-width:1900px) {
	#tops {height:811px;font-size:101px;}
	#f3tcs div#companies {font-size:101px;}
	}
@media (max-width:1800px) {
	#tops {height:768px;font-size:92px;}
	#f3tcs div#companies {font-size:92px;}
	}
@media (max-width:1700px) {
	#tops {height:726px;font-size:84px;}
	#f3tcs div#companies {font-size:84px;}
	}
@media (max-width:1600px) {
	#tops {height:683px;font-size:77px;}
	#f3tcs div#companies {font-size:77px;}
	}
@media (max-width:1500px) {
	#tops {height:640px;font-size:70px;}
	#f3tcs div#companies {font-size:70px;}
	}
@media (max-width:1400px) {
	#tops {height:598px;font-size:64px;}
	#f3tcs div#companies {font-size:64px;}
	}
@media (max-width:1300px) {
	#tops {height:555px;font-size:58px;}
	#f3tcs div#companies {font-size:58px;}
	}
@media (max-width:1200px) {
	#tops {height:512px;font-size:53px;}
	#f3tcs div#companies {font-size:53px;}
	}
@media (max-width:1100px) {
	#tops {height:470px;font-size:48px;}
	#f3tcs div#companies {font-size:48px;}
	}
@media (max-width:1000px) {
	#tops {height:427px;font-size:44px;}
	}
@media (max-width:900px) {
	#tops {height:384px;font-size:32px}
	#f3tcs div#companies {padding:100px 8px 40px;}
	.three_ts_divs {display:block;}
	}
@media (max-width:800px) {
	#tops {height:342px;font-size:24px}
	#f3tcs div#companies {padding:100px 8px 24px;font-size:44px}
	}
@media (max-width:700px) {
	#tops {height:299px;font-size:22px;}
	#f3tcs {padding:20px 48px 20px 199px;}
	#f3tcs div#companies {padding:40px 8px 22px;font-size:40px}
	#topmenus #MENUS ~[for="MENUS"] {display:inline-block}
	#topmenus #MENUS ~[for="MENUS"] #menusbs {display:inline-block;margin:-3px -4px;width:27px;height:17px;background:url('menus.png') center center no-repeat;}
	#topmenus #MENUS:checked ~[for="MENUS"] #menusbs {background:url('menuszs.png') center center no-repeat;}
	#topmenus #MENUS ~#MENUSDIVS {display:none;position:absolute;top:34px;padding:8px;background:RGB(120,120,120);}
	#topmenus #MENUS:checked ~#MENUSDIVS {display:block}
	#topmenus #MENUS ~#MENUSDIVS .tbs {display:block}
	.fss30 {font-size:22px}
	}
@media (max-width:600px) {
	#tops {height:256px;font-size:18px;}
	#f3tcs div#companies {padding:22px 4px;font-size:34px}
	.fss30 {font-size:18px}
	}
@media (max-width:500px) {
	#tops {height:214px;font-size:17px;}
	#f3tcs {background: url('3tcs.png') 15px 15px/100px auto no-repeat;padding:15px 44px 15px 144px;}
	#f3tcs div#companies {padding:22px 0px;font-size:28px;}
	.fss30 {font-size:14px}
	}
@media (max-width:400px) {
	#tops {height:171px;font-size:14px;}
	#f3tcs {padding:11px 11px 11px 111px;}
	#f3tcs div#companies {padding:15px 0px;font-size:22px;}
	.fss30 {font-size:12px}
	}
@media (hover:none) and (pointer:coarse) {
	body {background:url('topsfaces.png') top center/auto 120dvh no-repeat fixed;}
	#tops {margin:0px 30px;border-radius:0px;}
	}
html,body {overflow:visible !important;}