@charset "utf-8";
/* CSS Document */

.kalkul-grid {
	display: grid;
	grid-template-columns: 1em 1fr 1fr 1em;
	grid-template-rows: 1em repeat(12, 1.8em) 3em 1em;
	grid-gap: 1.3em 1em;
}

.kalkul-grid{
	background-color:rgba(255,255,255,0.00);
	max-width: 500px;
   min-width: 345px;
	border-radius: 1.25em;
  box-shadow: inset 0 0.2em 1.2em 0.2em #ccc;
	margin-left: auto;
    margin-right: auto;
	
}

.data-t {
	grid-area: 2 / 2 / 3 / 3;
}

.gorod-t {
	grid-area: 2 / 3 / 3 / 4;
}

.data {
	grid-area: 3 / 2 / 4 / 3;
}

.gorod {
	grid-area: 3 / 3 / 4 / 4;
}

.name {
	grid-area: 4 / 2 / 5 / 4;
	
	 
}

.tel {
	grid-area: 5 / 2 / 6 / 4;
}

.e-mail {
	grid-area: 6 / 2 / 7 / 4;
}

.product {
	grid-area: 7 / 2 / 8 / 4;
}

.size {
	grid-area: 8 / 2 / 9 / 4;
}

.weaving {
	grid-area: 9 / 2 / 10 / 4;
}

.lock {
	grid-area: 10 / 2 / 11 / 4;
}

.region {
	grid-area: 11 / 2 / 12 / 4;
}

.sum {
	grid-area: 12 / 2 / 14 / 4;
}

.currency {
	grid-area: 14 / 2 / 15 / 4;
}

input {
  
  width: 100%;
  font-size: 1.2em;
height: 1.6em;
	border-radius: 10px 10px 10px 10px;
	font-variant-position: super;
}
select {
	   
  
  width: 100%;
 font-size: 1.2em;
  height: 1.6em;
	 border-radius: 10px 10px 10px 10px;  
	  font-variant-position: super;
}
textarea {
  
  width: 100%;
  font-size: 1.2em;
  height: 1.6em;
	border-radius: 10px 10px 10px 10px;
	padding: 5px;
}