.tileCalculator{padding:100px 0}.tileCalculator .calculator-title{margin-bottom:70px}.tileCalculator .calculator-title h2{margin:0;font-size:80px;color:#000;font-weight:400;line-height:100px;letter-spacing:-.05em;text-align:center;word-break:break-word}.tileCalculator .calculator-title p{margin:0;font-size:17px;color:#000;font-weight:400;line-height:20px;text-align:center}.tileCalculator .tileCalcForm .input-group{margin-bottom:25px}.tileCalculator .tileCalcForm .input-group label{width:100%;margin-bottom:10px;font-size:17px;color:#000;font-weight:400;line-height:20px}.tileCalculator .tileCalcForm .input-group .form-control{margin:0!important;padding:16px 25px;outline:none;border-color:#000;border-radius:30px!important;box-shadow:none;font-size:17px;color:#000;font-weight:400;line-height:16px}.tileCalculator .tileCalcForm .calculateTile{position:relative;padding:13px 70px 13px 52px;border:none;background-color:#000;border-radius:20px;font-size:13px;color:#FFF;font-weight:400;line-height:16px;text-transform:uppercase}.tileCalculator .tileCalcForm .calculateTile:after{content:'';width:8px;height:8px;border-top:1.2px solid #fff;border-right:1.2px solid #fff;position:absolute;top:17px;right:21px;transform:rotate(50deg)}.tileCalculator .tileCalcForm .calculateTile:before{content:"";width:23px;height:1.2px;background:#fff;position:absolute;top:50%;right:22px;transform:translateY(-50%)}.tileCalculator .tileCalcForm .calculateTile:hover:before{animation:elasticus 4.1s forwards}.tileCalculator .tileCalcList .tileDiv{display:flex;justify-content:center;align-items:center;width:100%;height:226px;padding:62px 32px 32px 62px;margin-bottom:50px;border:1px dotted #C6C6C6;background:#F9F9F9;vertical-align:middle;overflow:hidden}.tileCalculator .tileCalcList .tileDiv .tileImg{width:100%;height:100%;border:1px solid #000;background:url(../../../../../../../../themes/lavish/assets/images/tilePattern.png) -1px -1px repeat #fff;-webkit-box-shadow:0 0 7px 5px #fff;box-shadow:0 0 7px 5px #fff;position:relative;top:0;left:0}.tileCalculator .tileCalcList .tileDiv .tileImg .tileFt{font-size:13px;color:#DCA838;font-weight:700;line-height:20px;text-transform:uppercase;letter-spacing:1px;text-align:center;overflow:hidden}.tileCalculator .tileCalcList .tileDiv .tileImg .tileFt span{position:relative;display:inline-block}.tileCalculator .tileCalcList .tileDiv .tileImg .tileFt span:before,.tileCalculator .tileCalcList .tileDiv .tileImg .tileFt span:after{content:"";width:500px;border-top:1px dashed #868686;position:absolute;top:50%}.tileCalculator .tileCalcList .tileDiv .tileImg .tileFt span:before{right:100%;margin-right:10px}.tileCalculator .tileCalcList .tileDiv .tileImg .tileFt span:after{left:100%;margin-left:10px}.tileCalculator .tileCalcList .tileDiv .tileImg .tileFt.horzFt{width:100%;position:absolute;top:-30px}.tileCalculator .tileCalcList .tileDiv .tileImg .tileFt.vertFt{height:100%;position:absolute;left:-30px;writing-mode:vertical-rl;transform:rotate(-180deg)}.tileCalculator .tileCalcList .tileDiv .tileImg .tileFt.vertFt span:before,.tileCalculator .tileCalcList .tileDiv .tileImg .tileFt.vertFt span:after{width:auto;height:500px;border-top:none;border-left:1px dashed #868686;top:auto;right:auto;left:50%}.tileCalculator .tileCalcList .tileDiv .tileImg .tileFt.vertFt span:before{bottom:100%;margin-right:0;margin-bottom:10px}.tileCalculator .tileCalcList .tileDiv .tileImg .tileFt.vertFt span:after{top:100%;margin-left:0;margin-top:10px}.tileCalculator .tileCalcBoxes{display:flex;align-items:center;grid-gap:30px}.tileCalculator .tileCalcBoxes .calcData{display:flex;align-items:center;grid-gap:15px;width:50%}.tileCalculator .tileCalcBoxes .calcData img{max-width:80px}.tileCalculator .tileCalcBoxes .calcData p{margin-bottom:0;font-size:17px;color:#000;font-weight:400;line-height:20px;text-align:center}@keyframes elasticus{0%{-webkit-transform-origin:0% 0%;-ms-transform-origin:0% 0%;-moz-transform-origin:0% 0%;-o-transform-origin:0% 0%;transform-origin:0% 0%;-webkit-transform:scale(0,1.2);-ms-transform:scale(0,1.2);-moz-transform:scale(0,1.2);-o-transform:scale(0,1.2);transform:scale(0,1.2)}20%{-webkit-transform-origin:0% 0%;-ms-transform-origin:0% 0%;-moz-transform-origin:0% 0%;-o-transform-origin:0% 0%;transform-origin:0% 0%;-webkit-transform:scale(1,1.2);-ms-transform:scale(1,1.2);-moz-transform:scale(1,1.2);-o-transform:scale(1,1.2);transform:scale(1,1.2)}20.1%{-webkit-transform-origin:0% 100%;-ms-transform-origin:0% 100%;-moz-transform-origin:0% 100%;-o-transform-origin:0% 100%;transform-origin:0% 100%;-webkit-transform:scale(0,1.2);-ms-transform:scale(0,1.2);-moz-transform:scale(0,1.2);-o-transform:scale(0,1.2);transform:scale(0,1.2)}40%{-webkit-transform-origin:0% 100%;-ms-transform-origin:0% 100%;-moz-transform-origin:0% 100%;-o-transform-origin:0% 100%;transform-origin:0% 100%;-webkit-transform:scale(1,1.2);-ms-transform:scale(1,1.2);-moz-transform:scale(1,1.2);-o-transform:scale(1,1.2);transform:scale(1,1.2)}40.1%{-webkit-transform-origin:0% 100%;-ms-transform-origin:0% 100%;-moz-transform-origin:0% 100%;-o-transform-origin:0% 100%;transform-origin:0% 100%;-webkit-transform:scale(0,1.2);-ms-transform:scale(0,1.2);-moz-transform:scale(0,1.2);-o-transform:scale(0,1.2);transform:scale(0,1.2)}60%{-webkit-transform-origin:0% 100%;-ms-transform-origin:0% 100%;-moz-transform-origin:0% 100%;-o-transform-origin:0% 100%;transform-origin:0% 100%;-webkit-transform:scale(1,1.2);-ms-transform:scale(1,1.2);-moz-transform:scale(1,1.2);-o-transform:scale(1,1.2);transform:scale(1,1.2)}60.1%{-webkit-transform-origin:0% 100%;-ms-transform-origin:0% 100%;-moz-transform-origin:0% 100%;-o-transform-origin:0% 100%;transform-origin:0% 100%;-webkit-transform:scale(0,1.2);-ms-transform:scale(0,1.2);-moz-transform:scale(0,1.2);-o-transform:scale(0,1.2);transform:scale(0,1.2)}80%{-webkit-transform-origin:0% 100%;-ms-transform-origin:0% 100%;-moz-transform-origin:0% 100%;-o-transform-origin:0% 100%;transform-origin:0% 100%;-webkit-transform:scale(1,1.2);-ms-transform:scale(1,1.2);-moz-transform:scale(1,1.2);-o-transform:scale(1,1.2);transform:scale(1,1.2)}80.1%{-webkit-transform-origin:0% 100%;-ms-transform-origin:0% 100%;-moz-transform-origin:0% 100%;-o-transform-origin:0% 100%;transform-origin:0% 100%;-webkit-transform:scale(0,1.2);-ms-transform:scale(0,1.2);-moz-transform:scale(0,1.2);-o-transform:scale(0,1.2);transform:scale(0,1.2)}100%{-webkit-transform-origin:0% 100%;-ms-transform-origin:0% 100%;-moz-transform-origin:0% 100%;-o-transform-origin:0% 100%;transform-origin:0% 100%;-webkit-transform:scale(1,1.2);-ms-transform:scale(1,1.2);-moz-transform:scale(1,1.2);-o-transform:scale(1,1.2);transform:scale(1,1.2)}}