.facadeCalc {}
.facadeCalc__materials {display: flex; margin: 0 0 1.5rem;}
.facadeCalc__material {padding: 10px; flex: 1 0 0%; border: 1px solid #b6d7ea; cursor: pointer;}
.facadeCalc__material._active {background: #b6d7ea;}
.facadeCalc__materialImg {height: 0; padding-top: 75%; background-position: center; background-repeat: no-repeat; background-size: cover;}
.facadeCalc__materialImg._BUK {background-image: url("images/BUK.jpg");}
.facadeCalc__materialImg._DSP {background-image: url("images/DSP.jpg");}
.facadeCalc__materialImg._DUB {background-image: url("images/DUB.png");}
.facadeCalc__materialImg._MDF {background-image: url("images/MDF.jpg");}
.facadeCalc__materialImg._OLHA {background-image: url("images/OLHA.jpg");}
.facadeCalc__materialImg._SOSNA {background-image: url("images/SOSNA.jpg");}
.facadeCalc__materialImg._YASEN {background-image: url("images/YASEN.jpg");}
.facadeCalc__materialImg._GLASS {background-image: url("images/GLASS.jpg");}

.facadeCalc__materialName {text-align: center; font-weight: bold; padding-top: 10px;}
.facadeCalc__res {background: #ecf3f7; height: 32px;display: flex; width: 100%;}
.facadeCalc__resItem {}
.facadeCalc__resItem {padding: 5px; text-align: center; align-self: center;}
.facadeCalc__resItem._s {flex: 1 0 0%; font-size: 14px; font-weight: 600; line-height: 1;}
.facadeCalc__resItem._w {flex: 0 0 auto; width: 33.33333333%; font-size: 19px; font-weight: 600;}


/*desktops*/
@media (max-width: 1200px) { 

}

/*tablets*/
@media (max-width: 991px) {
	.facadeCalc__materials {flex-wrap: wrap;}
	.facadeCalc__material {flex: 0 0 auto; width: 25%;}
} 

/*phones*/
@media (max-width: 767px) { 
	.facadeCalc__material {flex: 0 0 auto; width: 50%;}
}