#header{position:fixed;top:0;left:0;width:100%;z-index:5;color:#fff;transition:.2s;background:rgba(255,255,255,0);}
.header{display:flex;gap:30px;justify-content:space-between;align-items:center;border-bottom:1px solid #fff;padding:35px 0 25px;transition:.2s;}
.logo{display:flex;align-items:center;}
#header svg{fill:#fff;}
#header.fixed,.page #header{background:#fff;color:#191716;}
#header.fixed svg,.page #header svg{fill:#191716;max-height:100%;}
#header.fixed .header,.page .header{padding:25px 0 15px;}
.contacts{display:flex;align-items:center;gap:80px;}
.tg{width:52px;flex:0 0 52px;height:52px;border-radius:50%;background:url(tg.svg)no-repeat 50%;}
#header .button:before{content:"ОБСУДИТЬ СОБЫТИЕ";}

.topmenu{display:flex;position:relative;align-items:center;}
.topmenu li{list-style:none;position:relative;}
.topmenu>li>a{display:flex;align-items:center;justify-content:center;text-align:center;color:inherit;text-decoration:none;transition:.2s;padding:15px 20px;font-size:16px;}

#banner{color:#fff;background-color:rgba(0,0,0,.7);}
#banner img{display:block;width:100%;}
#banner:before{content:"";display:block;position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.1);}
#banner .mobile{display:none;}
.bannertext{position:absolute;top:50%;left:0;right:0;transform:translateY(-50%);font-size:24px;}
.bannertitle{font-size:60px;line-height:1.1;font-weight:800;padding:0 0 20px;}
.bannertext .button{margin:50px 0 0;height:60px;line-height:60px;font-size:18px;}

.heading,.text h1,.text h2{font-size:40px;line-height:1.1;color:inherit;position:relative;font-weight:800;padding:0 0 40px 63px;background:url(heading.svg)no-repeat 0 5px;}
.button,.text .button{display:inline-flex;height:52px;min-height:52px;line-height:52px;font-size:16px;padding:0 25px;color:#fff;background:linear-gradient(270deg,#FF2C4F,#FF9B46);border:0;cursor:pointer;user-select:none;-webkit-user-select:none;position:relative;min-width:150px;justify-content:center;align-items:center;text-align:center;border-radius:30px;text-decoration:none;transition:.2s;line-height:1.2;box-sizing:border-box;flex:1;background-repeat:no-repeat;background-color:#FF9B46;}
.button:hover{background-position:200px 0;}

#services{padding:150px 0 0;}
#services:before{content:"";display:block;position:absolute;top:200px;right:0;width:221px;height:398px;background:url(ball4.svg)no-repeat;}
.servicegrid:before{content:"";display:block;position:absolute;top:-450px;right:0;width:947px;height:1270px;background:url(ball3.svg)no-repeat;}
.servicegrid{display:grid;gap:40px;grid-template-columns:repeat(3,1fr);padding:40px 0 0;}
.service{grid-column-start:span 1;border-radius:8px;overflow:hidden;position:relative;}
.service:before{content:'';display:block;position:absolute;top:50%;left:0;right:0;bottom:0;background:linear-gradient(rgba(0,0,0,0),#000);}
.service img{display:block;width:100%;}
.servicetitle{position:absolute;left:30px;bottom:25px;color:#fff;}
#services .heading{position:relative;z-index:1;}

#tecno{padding:150px 0 100px;overflow:hidden;}
#tecno:before{content:"";display:block;position:absolute;top:-50px;right:0;width:859px;height:1175px;background:url(ball5.svg)no-repeat;}
#tecno:after{content:"";display:block;position:absolute;top:50px;left:50%;right:0;max-width:934px;height:833px;background:url(device.png)no-repeat;background-size:contain;}
#tecno .heading{max-width:900px;}
.tecnos{padding:40px 0 0;}
.tecno{padding:5px 0 55px 64px;background-repeat:no-repeat;background-position:0 0;max-width:550px;}

#footer{background:#191716;color:#fff;padding:120px 0 0;background-size:cover;background-position:50%;}
.footer{display:flex;gap:60px;position:relative;}
.footer .heading{flex:1;color:#fff;background-image:url(headingw.svg);}
.copy{margin:250px 0 0;display:flex;gap:30px;justify-content:space-between;align-items:center;border-top:1px solid #fff;padding:25px 0 35px;}
.copy svg{fill:#fff;}

.form{flex:1;}
#content2 .form{margin:40px 0 0;}
.ajaxform{}
label{display:block;border:0;border-bottom:1px solid #fff;}
input,textarea{padding:20px 0;border:0;resize:none;display:block;width:100%;box-sizing:border-box;background:transparent;color:inherit;}
textarea{height:66px;}
.form .button{margin:50px 0 0;height:60px;line-height:60px;font-size:18px;}

.mobile{display:none;}

@media (max-width:1460px){
	
}

@media (max-width:1190px){
	.servicegrid{grid-template-columns:repeat(2,1fr);}
	#tecno:after{top:250px;left:70%;}
	.contacts{gap:30px;}
	.bannertext{transform:translateY(-30%);}
	.bannertitle{font-size:56px;}
}

@media (max-width:900px){
	#header,#header.fixed{background:#fff;color:#191716;position:sticky;}
	.header,#header.fixed .header{padding:15px 0 10px;}
	#header svg{fill:#191716;}
	.topmenu{display:none;}
	.contacts{gap:30px;}
	#header .button:before{content:"";}
	#header .button{width:52px;flex:0 0 52px;padding:0;background:url(phone.svg)no-repeat 50%;background-size:cover;min-width:52px;}
	
	.nomobile{display:none;}
	.mobile{display:block;}
	#banner .nomobile{display:none;}
	#banner .mobile{display:block;}
	.bannertext{font-size:20px;transform:translateY(-30%);}
	.bannertitle{font-size:44px;}
	
	.heading{font-size:28px;}
	
	#services{padding:60px 0 0;}
	#services:before{display:none;}
	.servicegrid:before{display:none;}
	.servicegrid{gap:10px;grid-template-columns:repeat(1,1fr);padding:0;}
	
	#tecno{padding:60vw 0 0;}
	#tecno:before{top:-250px;right:0;width:auto;left:0;}
	#tecno:after{top:40px;left:0;right:0;height:60vw;background-size:auto 100%;background-position:50% 0;}
	#tecno .heading{margin:100px 0 0;}
	.tecnos{padding:0 0 40px;}
	.tecno{padding:5px 0 30px 60px;}
	
	#footer{padding:60px 0;}
	.footer{flex-direction:column;gap:0;}
	.copy{display:none;}
	.bannermob{display:block;position:absolute;top:0;left:0;right:0;bottom:0;background-size:cover;background-position:50%;}
}