@import url('https://fonts.googleapis.com/css2?family=Anton&family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');

body {
font-family: "Open Sans", sans-serif;	
text-align: left;
font: normal normal normal 14px/20px Open Sans;
letter-spacing: 0px;
color: #000000;
opacity: 1;
}

@media only screen and (min-width: 1400px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1620px;
    }
}

h1 {
color: #333;
text-align: center;
font: normal normal 600 30px/41px Open Sans;
letter-spacing: 0px;
color: #333333;
text-transform: uppercase;
opacity: 1;
}

@media only screen and (max-width: 767px) {
h1 {
	font-size: 19px;
	line-height: 1.2em;

}
}

@media only screen and (min-width: 767px) {
.pb20 {
padding-bottom: 25px !important;
}
	
}

.minus9-img {
margin-left: -8px;	
}

div.first {
background: #666666;	
padding: 25px 35px 35px 35px;
}

div.first.other {
background: #666666;	
padding: 0px;
}

	
div.second {
background: #D5D5D5;	
padding: 20px;
}

div.third {
background: #E5E5E5;
}

.first h2 {
text-align: left;
font: normal normal 600 23px/35px Open Sans;
letter-spacing: 0px;
color: #FFFFFF;
opacity: 1;

}

.second p, .col-8 {
text-align: left;
font: normal normal normal 14px/20px Open Sans;
letter-spacing: 0px;
color: #000000;
opacity: 1;
}

.yellow-one {
background: #FFC107;	
padding: 20px;
}
.yellow-two {
background: #FFE186;
padding: 20px;
}

p.v {
text-align: right;
font: normal normal bold 30px/27px Open Sans;
letter-spacing: 0px;
color: #000000;
opacity: 1;	
padding-bottom: 12px;
}

#terprkna_lenght, #terasa_lenght, #terasa_width, #terprkna_width, #terprkna_price, #terprkna_sirspar, #hranoly_price, #hranoly_lenght_between, #vruty_price, #podlozky_price, #fdt_price {
max-width: 100px;
}

p.cena_celkem {
text-align: left;
font: normal normal 600 30px/35px Open Sans;
letter-spacing: 0px;
color: #FFC107;
opacity: 1;	
}

div.cena_celkem {
background: #666666;	
}

p.vysledek {
text-align: right;
font: normal normal bold 40px/27px Open Sans;
letter-spacing: 0px;
color: #FFC107;
opacity: 1;	
margin-bottom: 0px;

}

span.jednotky {
font: normal normal bold 20px/27px Open Sans;
letter-spacing: 0px;
color: #000000;
opacity: 1;
}

.popis-vysledek {
text-align: right;
}

p.doporuceni {
text-align: center;
font: normal normal normal 16px/27px Open Sans;
letter-spacing: 0px;
color: #666666;
opacity: 1;	
}

.fa-file-pdf {
font-size: 24px;
}

.btn.pdf, input#spocitat {
background: #FFC107;
border: 2px solid #FFE186;
font-weight: bold;
padding: 12px 24px;
}

input#spocitat {
font-size: 24px;
text-transform: uppercase;
}

select.form-select {
display:inline-block;
font-size: 14px;	
}

.calc-back {
  position: relative;
  text-align: center;
  color: white;
}

.centered {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
      font-weight: 600;
    font-size: 60px;
}

@media only screen and (max-width: 768px) {
	.centered {
	    font-size: 22px;
	}
}

.calc-back {
padding: 0 !important;
}

.cena-celkem-jednotka {
font-size: 20px;	
}

p.naklady {
color: #fff;
}