body {
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
}


@media ( max-width: 900px ) {
	.desktop
		{
			display: none;
		}
	.mobile
		{
			display: unset;
		}
}

@media ( min-width: 900px ) {
	.desktop
		{
			display: unset;
		}
	.mobile
		{
			display: none;
		}
}

/* main styles */

h1
	{
		font-size: 		60rem;
	}

h2
	{
		font-size: 		48rem;
		margin: 		0 0 24rem 0;
		font-weight:	500;
	}

h3.h3st
	{
		position:		relative;
		font-size:      48rem;
        line-height:    60rem;
	}

h3.h3st::after
	{
		display:        	block;
		height:         	5rem;
		width:              60rem;
		background-color:   var( --spblue );
		content:            '';
	}

h3
	{
		font-size:		34rem;
		margin:			0;
		font-weight:	500;
	}

h4
	{
		font-size:		26rem;
		margin:			0;
		font-weight:	500;
	}

body
	{
		font-size: 		16rem;
		color:			var( --black );
	}

a, a:visited
	{
		color: var( --blue );
		text-decoration: none;
		border-bottom-style: dotted;
    	border-bottom-width: 1rem;
	}

.bigText
	{
		font-size: 		18rem;
	}

.descriptor
	{
		color:			var( --light-gray );
		font-size:		16rem;
		line-height:	140%;
	}

@media (max-width: 900px) 
	{
		h2
			{
				font-size: 32px;
			}
		
		h3
			{
				font-size: 24px;
			}
	}
	
/* /main styles */

/* Layout */

.section {
	padding: 0 36rem 100rem 36rem;
}

@media ( min-width: 2000px ) and ( min-aspect-ratio: 10/5 )
	{
		.section
			{
				max-width: 		1700rem;
				margin:			auto;
			}
	}

.section ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.section__ul {

}

.section__number {
	color: #1959D7;
	font-size: 18rem;
}

.section__title {
	display: flex;
	align-items: start;
	justify-content: space-between;
	flex-direction: row;
	
}

.section__item-title {
	flex-basis: 30%;
}

.section__item-title > h2 {
	margin: 0;
	padding: 0;
}

.section__title-text {
	font-size: 22rem;
	margin: 0;
	padding: 15rem 0 0 0;
}

.section__title-link {
	display: block;
	float: right;
	font-size: 14rem;
	text-transform: uppercase;
	text-decoration: none;
	color: #2C2C2C;
	margin: 0;
	padding: 15rem 0 0 0;
}

.section ul .inventions {
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	gap: 32rem;
	margin: 64rem 0 0 0;
}


.stdblock__item a
	{
		text-decoration:            none;
		color:                      inherit;            
	}

/* /Layout */

/* Controls */
	.divInputCtl
		{
			padding:			6rem 0 0 20rem;
			background-color: 	#fff;
			border-radius:  	10rem;
			min-height:			68rem;
			box-sizing: 		border-box;
			transition: 		margin-bottom 0.25s ease;
		}


	.divInputCtl.inputError	
		{
			margin-bottom: 	25rem;
			color:			var(--red);
		}

	.divInputCtl .divFormError
		{
			display: 		none;
		}
	
	.divInputCtl.inputError	.divFormError
        {
			display:		block;
            position: 		absolute; 
            bottom: 		-25rem;
			margin-left:	-20rem;
        }

	input[ type="text" ], input[ type="email" ], input[ type="number" ], textarea
		{
			position: 			relative;
			font-family: 		'Inter';
			font-weight: 		400;
			font-size: 			18rem;
			line-height: 		25.2rem;
			background-color: 	transparent;
			color:				var( --gray );
			
			margin:				0;
			padding:			0;
			border: 			none;
			outline: 			none;
			resize:				none;
			box-sizing:			border-box;
			margin-top: 		16rem;
		}
	
	input[ type="text" ], input[ type="email" ]
		{
			margin-bottom: 		18rem;
			line-height:		140%;
		}
	
	
	
	input.active
		{
			padding-top:		10rem;
			/* padding:			31rem 20rem 11rem 20rem; */
			margin-bottom: 		0;
		}
	

	textarea.active
		{
			margin-top: 24rem;
			margin-bottom: 0;
		}

	textarea
		{
			margin-top: 10rem;
			margin-bottom: 14rem;
		}
	input::placeholder, textarea::placeholder
		{
			color: 				var( --light-gray );
		}

	input::-webkit-outer-spin-button,
	input::-webkit-inner-spin-button 
		{
			-webkit-appearance: none;
			margin: 0;
		}



	button
		{
			font-size: 18rem;
			padding: 20rem 32rem;
			background-color: var( --black );
			border: none;
			border-radius: 6rem;
			width: min-content;
			color: #fff;
			cursor: pointer;
			transition: background-color 0.25s ease;
		}

	button:hover
		{
			background-color: var( --blue );
		}
	
	button:disabled
		{
			background-color: var( --light-gray );
			opacity: 0.4;
		}


	label
		{
			position: absolute;
			/*top: 11rem;
			left: 20rem;*/

			top: 0;
			left: 0;

			display: block;
			/* background-color: #fff; */
			padding: 18rem 20rem 0rem 20rem;
			box-sizing: border-box;
			/* border-radius: 10rem; */

			color: var( --light-gray );
			font-size: 12rem;
			display: none;
			line-height: 12rem;
		}


	button.socialRound
		{
			border: 					1rem solid var( --medium-gray );
			background-color: 			transparent;
			border-radius:				40rem;
			width:						40rem;
			height:						40rem;
			padding:					0;
			font-size:					1rem;
			background-repeat:			no-repeat;
			background-position: 		50% 50%;
		}
	
	

	.item__label {
		font-size: 14rem;
		color: #ffffff;
		border: 1rem solid #2C2C2C;
		background: #2C2C2C;
		margin: 0;
		padding: 2rem 8rem;
		display: inline-block;
		border-radius: 10rem;
		margin: 0 0 16rem 0;
		z-index:                3;
	}

	.cases__item:first-child .item__label--white {
		flex-grow: 0;
	}

	.item__label--white {
		
		color: #2C2C2C;
		border: 1rem solid #ffffff;
		background: #ffffff;
		margin: 0 0 16rem 32rem;
	}
/* /Controls */



/* Employee */

.divEmployee
	{
		display: 				grid;
		grid-template-columns:  100%;
		width:					324rem;
		grid-auto-flow: 		row;
    	grid-auto-rows: 		min-content;
		/* height:					540rem; */
	}

.divEmployee .divEmployeeImage
	{
		display: 				block;
		content:				'';
		height:					360rem;
		width:					100%;
		background-size:		100% auto;
		background-position:	50% 50%;
	}

.divEmployee .divEmployeeName
	{
		margin-top:				32rem;
	}

.divEmployee .divEmployeeTitle
	{
		margin-top:				12rem;
	}

.divEmployee .divEmployeeDescription
	{
		margin-top:				20rem;
		height:					auto;
	}