/** Shopify CDN: Minification failed

Line 1599:2 Expected "}" to go with "{"

**/
/* Landscape Calculator v2.0.0 Written by: Applied Imagination LLC [RS] Last Updated: 03-2025 Created: 07-2024 */
.product-gallery.calc{
  flex-wrap:wrap;
  flex-direction:row;
}
.product-gallery.calc .main{
 margin-bottom:20px;
}
.landscape-calculator-cta{
  display:none;
}
.landscape-calculator-cta.on{
 position:relative;
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:544/306;
  background-size:cover;
  background-repeat:no-repeat;
  background-position:center center;
}
.landscape-calculator-cta.on:before{
 content:" ";
  position:absolute;
  top:0;
  left:0;
  z-index:0;
  width:100%;
  height:100%;
  background:#000;
  opacity:0.3;
}
.landscape-calculator-cta .content{
 position:relative;
  z-index:1;
  display:flex;
  height:100%;
  flex-direction:column;
  align-items:center;
  justify-content:center;
 flex-wrap:wrap;
}
.landscape-calculator-cta .content .title{
 color:#FFF;
  font-family:Poppins;
  font-size:24px;
  font-style:normal;
  font-weight:700;
  line-height:normal;
  margin-bottom:20px;
}
.landscape-calculator-cta .content .run-it{
 display:flex;
  cursor:pointer;
  width:278px;
  height:45px;
  padding:10px;
  font-family:Poppins;
  font-size:16px;
  justify-content:center;
  align-items:center;
  gap:10px;
  border-radius:23px;
  color:#000;
  border:1px solid #FFB400;
  background:#FFF;
  margin-bottom:20px;
}
.landscape-calculator-cta .content .run-it:hover, .landscape-calculator-cta .content .run-it:active{
 background:#FFB400;
}
.landscape-calculator-cta .content .subtitle{
 color:#FFF;
  font-family:Poppins;
  font-size:18px;
  font-style:normal;
  font-weight:400;
  line-height:normal;
}
.landscape-calculator-cta .bar{
 position:relative;
  z-index:1;
  cursor:pointer;
  width:100%;
  height:28px;
  line-height:28px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#FFB400;
  color:#000;
  font-family:Poppins;
  font-size:12px;
  font-style:normal;
  font-weight:700;
}
.landscape-calculator-cta .bar img{
 margin-right:10px;
}
.landscape-calculator-bg{
 display:none;
 position:fixed;
  top:0;
  left:0;
  width:100vw;
  height:100vw;
  background:#000;
  opacity:0.4;
  z-index:9999999998;
}
.landscape-calculator-bg.on{
 display:block;
}
.landscape-calculator{
 display:none;
 position:fixed;
  box-sizing:border-box;
  top:110px;
  right:0;
  bottom:5vh;
  left:0;
  margin:auto;
  padding:24px;
  border-radius:5px;
  flex-wrap:wrap;
  width:90vw;
  max-width:1000px;
  background:#fff;
  z-index:9999999999;
}
.landscape-calculator *{
 box-sizing:border-box;
}
.landscape-calculator input[type="number"] {
  -moz-appearance: textfield;
 /*remove arrows in firefox*/
}
.landscape-calculator.on{
 display:flex;
}
.landscape-calculator button{
 cursor:pointer;
  user-select:none;
}
.landscape-calculator .bar{
 position:relative;
  width:100%;
  height:46px;
  line-height:46px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#FFB400;
  color:#000;
  font-family:Poppins;
  font-size:24px;
  font-style:normal;
  font-weight:700;
}
.landscape-calculator .bar img{
 margin-right:10px;
}
.landscape-calculator .bar .info-icon{
 display:none;
}
.landscape-calculator .bar .close{
 font-size:36px;
  font-weight:normal;
  position:absolute;
  top:4px;
  right:12px;
  padding:0;
  background:none;
  color:#000;
  width:46px;
  height:46px;
  line-height:46px;
  border:0;
}
.landscape-calculator .lc-left{
 width:30%;
  height:calc(100% - 46px);
  background:#D9D3C9;
  padding:12px 12px 40px 12px;
  overflow:auto;
}
.landscape-calculator .lc-left span.sm{
 font-size:12px;
}
.landscape-calculator .lc-left span.sm strong{
 font-size:12px;
}
.landscape-calculator .lc-left ul{
 list-style-type:none;
  padding:0;
  margin:0;
}
.landscape-calculator .lc-left ul li{
 position:relative;
  padding:0 0 10px 0;
  color:#999;
}
.landscape-calculator .lc-left ul li.cur{
 cursor:pointer;
  color:#000;
}
.landscape-calculator .lc-left ul li.cur strong{
 border-bottom:1px solid #5C7E51;
}
.landscape-calculator .lc-left ul li.cur .img{
 display:none;
}
.landscape-calculator .lc-left ul li.on{
 cursor:pointer;
 color:#000;
}
.landscape-calculator .lc-left ul li:nth-child(-n+5):after{
 position:absolute;
  content:" ";
  top:10px;
  bottom:0;
  margin:auto 0;
  right:0;
  width:20px;
  height:20px;
  content:"?";
  text-align:center;
  line-height:20px;
  border-radius:10px;
  border:1px solid #999;
  color:#999;
}
.landscape-calculator .lc-left ul li:not(.cur).on:nth-child(-n+5):after{
 position:absolute;
  top:10px;
  bottom:0;
  margin:auto 0;
  right:0;
  font-size:18px;
  content:"\2714\fe0e";
  color:#57963D !important;
  background:none;
  border:0;
  width:auto;
  height:auto;
}
.landscape-calculator .lc-left ul li.cur:after{
 display:none;
}
.landscape-calculator .lc-left ul li strong{
 display:block;
  font-family:Poppins;
  font-size:16px;
  line-height:22px;
  font-style:normal;
  font-weight:700;
  margin-bottom:2px;
}
.landscape-calculator .lc-left ul li .sm{
  font-family:Poppins;
  font-size:12px;
  font-style:normal;
  font-weight:400;
  line-height:normal;
}
.landscape-calculator .lc-left ul li div.sm{
 padding-left:18px;
  display:flex;
  justify-content:space-between;
  position:relative;
}
.landscape-calculator .lc-left ul li div.sm span:first-child{
  font-weight:700;
}
.landscape-calculator .lc-left ul li div.sm:before{
 content:" ";
  position:absolute;
  top:4px;
  left:2px;
  width:10px;
  height:10px;
  border-radius:5px;
}
.landscape-calculator .lc-left ul li div.sm.g:before{
 background:#219653;
}
.landscape-calculator .lc-left ul li div.sm.r:before{
 background:#EB5757;
}
.landscape-calculator .lc-left ul li div.sm .val.inc{
 color:#a1a1a1;
}
.landscape-calculator .lc-left ul li div.img{
  position:absolute;
  top:5px;
  right:20px;
  width:36px;
  height:36px;
  border:2px solid #d9d9d9;
  box-shadow:none;
  border-radius:28px;
  margin-right:10px;
  background-color:none;
  background-size:cover;
  background-repeat:no-repeat;
  background-position:center center;
}
.landscape-calculator .lc-left ul li.measure-space{
 max-height:250px;
  overflow:auto;
}
.landscape-calculator .lc-left .restart{
 position:absolute;
  bottom:24px;
  left:12px;
  color:#000;
  background:none;
  border:0;
  font-size:16px;
  font-weight:700;
}
.landscape-calculator .lc-left .restart:hover{
  color:#5C7E51;
}
.landscape-calculator .lc-left .restart img{
 margin-right:4px;
}
.landscape-calculator[data-step="8"] .lc-left{
 display:none;
}
.landscape-calculator .lc-center{
 display:flex;
  flex-direction:column;
  justify-content:space-between;
  width:70%;
  height:calc(100% - 46px);
  background:#fff;
}
.landscape-calculator .lc-center ul{
 list-style-type:none;
}
.landscape-calculator .lc-center ul li{
 position:relative;
 padding:0 0 10px 0;
}
.landscape-calculator .lc-center ul.step-1 li>img{
 position:absolute;
  top:0;
  left:-30px;
  width:20px;
  height:auto;
}
.landscape-calculator[data-step="8"] .lc-center{
 width:100%;
}
.landscape-calculator .lc-center .main{
 width:100%;
  flex:1;
  padding:20px;
  overflow-y:auto;
  overflow-x:hidden;
}
.landscape-calculator .lc-center .main a{
 color:#5C7E51;
}
.landscape-calculator .lc-center .main a:hover{
 text-decoration:underline;
}
.landscape-calculator .lc-center .main h2{
 margin:20px 0;
  font-weight:700;
}
.landscape-calculator .lc-center .main hr{
 border-bottom:2px solid #5c7e51;
}
.landscape-calculator .lc-center .main > strong{
 font-size:18px;
  line-height:24px;
}
.landscape-calculator .lc-center .main > .sm{
 display:block;
  margin:10px 0;
}
.landscape-calculator .lc-center .main .images{
 display:flex;
  flex-wrap:wrap;
  justify-content:flex-start;
  align-items:center;
  margin:24px 0;
}
.landscape-calculator .lc-center .main .images img{
 margin:0 20px 20px 0;
  width:calc(33% - 20px);
}
.landscape-calculator .lc-center .main .blue{
 color:#2F80ED;
}
.landscape-calculator .lc-center .main .product-choice{
 display:flex;
  justify-content:space-between;
  padding:20px;
}
.landscape-calculator .lc-center .main .product-choice .prod{
 position:relative;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  align-items:center;
  width:30%;
  text-align:center;
  cursor:pointer;
  color:#000;
  border:2px solid #fff;
  background:#fff;
  min-height:150px;
  transition:height 0.2s ease;
  padding:4px;
}
.landscape-calculator .lc-center .main .product-choice .prod.on,.landscape-calculator .lc-center .main .product-choice .prod:hover{
 border:2px solid #5C7E51;
}
.landscape-calculator .lc-center .main .product-choice .prod.on:before{
  content:'\2714\fe0e';
  color:#fff;
  position:absolute;
  bottom:0;
  right:0;
  z-index:6;
}
.landscape-calculator .lc-center .main .product-choice .prod.on:after{
  content:' ';
  position:absolute;
  bottom:0;
  right:0;
  z-index:5;
  width:0;
  height:0;
  border-top:25px solid transparent;
  border-bottom:25px solid #5C7E51;
  border-left:25px solid transparent;
}
.landscape-calculator .lc-center .main .product-choice .prod strong{
 font-size:15px;
  font-weight:700;
}
.landscape-calculator .lc-center .main .product-choice .prod .sm{
 font-size:12px;
  font-weight:400;
}
.landscape-calculator .lc-center .main .product-choice .prod:nth-child(1) img{
 width:70px;
  height:53px;
}
.landscape-calculator .lc-center .main .product-choice .prod:nth-child(2) img{
 width:71px;
  height:113px;
}
.landscape-calculator .lc-center .main .product-choice .prod:nth-child(3) img{
 width:71px;
  height:168px;
}
.landscape-calculator .lc-center .main .product-color{
 display:flex;
  justify-content:flex-start;
  flex-wrap:wrap;
}
.landscape-calculator .lc-center .main .product-color > strong{
 display:block;
  width:100%;
  font-size:15px;
  font-weight:700;
  line-height:25px;
  margin-bottom:4px;
}
.landscape-calculator .lc-center .main .product-color .color{
  width:56px;
  height:56px;
  border:3px solid #f2ebe6;
  box-shadow:none;
  border-radius:28px;
  margin-right:10px;
  background-color:none;
  background-size:cover;
  background-repeat:no-repeat;
  background-position:center center;
}
.landscape-calculator .lc-center .main .product-color .color.on,.landscape-calculator .lc-center .main .product-color .color:hover{
 border:3px solid white;
  box-shadow:0 0 0 6px #d9d9d9;
}
.landscape-calculator .lc-center .main .product-color .greystone{
	background-image:url('//beuta.com/cdn/shop/t/41/assets/Greystone_96x.jpg?v=5178831519083873201741296903');
}
.landscape-calculator .lc-center .main .product-color .sandstone{
	background-image:url('//beuta.com/cdn/shop/t/41/assets/Sandstone_96x.jpg?v=181716548302601770631741296903');
}
.landscape-calculator .lc-center .main .product-color .cobblestone{
	background-image:url('//beuta.com/cdn/shop/t/41/assets/Cobblestone_96x.jpg?v=166014719537932477881741296903');
}
.landscape-calculator .lc-center .main .product-color .charcoal{
	background-image:url('//beuta.com/cdn/shop/t/41/assets/Charcoal_96x.jpg?v=50475905579584834321741296903');
}
.landscape-calculator .lc-center .main .product-color .limewash{
	background-image:url('//beuta.com/cdn/shop/t/41/assets/Limewash_96x.jpg?v=71050088907660792351741296903');
}
.landscape-calculator .lc-center .main .templates{
 display:flex;
  justify-content:flex-start;
  flex-wrap:wrap;
  margin-top:15px;
}
.landscape-calculator .lc-center .main .templates .templ{
 display:block;
  padding:0;
  border:0;
  background:none;
  cursor:pointer;
  margin-bottom:15px;
  margin-right:15px;
}
.landscape-calculator .lc-center .main .templates .templ .img{
  position:relative;
  background-repeat:no-repeat;
  background-size:cover;
  background-position:center;
  width:94px;
  height:94px;
}
.landscape-calculator .lc-center .main .templates .templ span{
 font-size:12px;
  font-weight:700;
  display:block;
  text-align:center;
  color:#000;
}
.landscape-calculator .lc-center .main .templates .templ.on span,.landscape-calculator .lc-center .main .templates .templ:hover span,.landscape-calculator .lc-center .main .templates .templ:active span{
 color:#5C7E51;
}
.landscape-calculator .lc-center .main .templates .templ .img:hover, .landscape-calculator .lc-center .main .templates .templ.on .img, .landscape-calculator .lc-center .main .templates .templ .img:active{
 border:2px solid #5C7E51;
}
.landscape-calculator .lc-center .main .templates .templ.on .img:before{
  content:'\2714\fe0e';
  color:#fff;
  position:absolute;
  bottom:0;
  right:0;
  z-index:6;
}
.landscape-calculator .lc-center .main .templates .templ.on .img:after{
  content:' ';
  position:absolute;
  bottom:0;
  right:0;
  z-index:5;
  width:0;
  height:0;
  border-top:25px solid transparent;
  border-bottom:25px solid #5C7E51;
  border-left:25px solid transparent;
}
.landscape-calculator .lc-center .main .drop{
 display:inline-block;
  padding:0 5px;
  height:45px;
  line-height:45px;
  border:1px solid #5c7e51;
  border-radius:23px;
  margin:10px;
  overflow:hidden;
}
.landscape-calculator .lc-center .main .drop select{
 border:0;
  font-size:20px;
  font-weight:400;
  font-family:inherit;
  color:#000;
  background:#fff;
}
.landscape-calculator .lc-center .main .start{
  background:#fff;
  color:#000;
  font-size:20px;
  border:1px solid #5C7E51;
  height:45px;
  line-height:45px;
  border-radius:23px;
  padding:0 10px;
  margin:0 0 0 10px;
}
.landscape-calculator .lc-center .main .start:hover, .landscape-calculator .lc-center .main .start:active{
 background:#5C7E51;
  color:#fff;
}
.landscape-calculator .lc-center .main .start.on{
  background:#5C7E51;
  color:#fff;
  padding-right:40px;
  white-space:nowrap;
}
.landscape-calculator .lc-center .main .start.on:after{
 content:"\2714\fe0e";
  margin-left:10px;
  margin-right:-30px;
}
.landscape-calculator .lc-center .main .loop-options{
 display:flex;
  justify-content:space-around;
  margin:20px 0 0 0;
}
.landscape-calculator .lc-center .main .loop-options .yes{
  width:150px;
  height:150px;
  line-height:150px;
  padding:0;
  border:2px solid #fff;
  color:#5C7E51;
  font-size:24px;
  font-weight:700;
  background:transparent url('https://beuta.com/cdn/shop/t/12/assets/yes-dots.svg') no-repeat center center;
  background-size:100px;
}
.landscape-calculator .lc-center .main .loop-options .no{
  width:150px;
  height:150px;
  line-height:150px;
  padding:0;
  border:2px solid #fff;
  color:#5C7E51;
 font-size:24px;
  font-weight:700;
  background:transparent url('https://beuta.com/cdn/shop/t/12/assets/no-dots.svg') no-repeat center center;
  background-size:100px;
}
.landscape-calculator .lc-center .main .loop-options button.on, .landscape-calculator .lc-center .main .loop-options button:hover{
 position:relative;
  border:2px solid #5C7E51;
  background-color:#DBDBDB;
}
.landscape-calculator .lc-center .main .loop-options button.on:before{
  content:'\2714\fe0e';
  color:#fff;
  position:absolute;
  bottom:0;
  right:0;
  z-index:6;
  font-size:14px;
  line-height:1;
}
.landscape-calculator .lc-center .main .loop-options button.on:after{
  content:' ';
  position:absolute;
  bottom:0;
  right:0;
  z-index:5;
  width:0;
  height:0;
  border-top:25px solid transparent;
  border-bottom:25px solid #5C7E51;
  border-left:25px solid transparent;
}
.landscape-calculator .lc-center .main .corner-options{
 display:flex;
  justify-content:space-around;
  margin:20px 0 0 0;
}
.landscape-calculator .lc-center .main .corner-options .oneplus{
  width:150px;
  height:150px;
  line-height:150px;
  padding:0;
  border:2px solid #fff;
  color:#5C7E51;
  font-size:24px;
  font-weight:700;
  background:transparent url('https://beuta.com/cdn/shop/t/12/assets/corners-one-plus2.png') no-repeat center center;
  background-size:150px;
}
.landscape-calculator .lc-center .main .corner-options .zero{
  width:150px;
  height:150px;
  line-height:150px;
  padding:0;
  border:2px solid #fff;
  color:#5C7E51;
 font-size:24px;
  font-weight:700;
  background:transparent url('https://beuta.com/cdn/shop/t/12/assets/corners-zero2.png') no-repeat center center;
  background-size:150px;
}
.landscape-calculator .lc-center .main .corner-options button.on, .landscape-calculator .lc-center .main .corner-options button:hover{
 position:relative;
  border:2px solid #5C7E51;
  background-color:#DBDBDB;
}
.landscape-calculator .lc-center .main .corner-options button.on:before{
  content:'\2714\fe0e';
  color:#fff;
  position:absolute;
  bottom:0;
  right:0;
  z-index:6;
  font-size:14px;
  line-height:1;
}
.landscape-calculator .lc-center .main .corner-options button.on:after{
  content:' ';
  position:absolute;
  bottom:0;
  right:0;
  z-index:5;
  width:0;
  height:0;
  border-top:25px solid transparent;
  border-bottom:25px solid #5C7E51;
  border-left:25px solid transparent;
}
.landscape-calculator .lc-center .main .corners-counter{
 display:none;
}
.landscape-calculator .lc-center .main .corners-counter.on{
 display:block;
  margin:15px 0 0 0;
}
.landscape-calculator .lc-center .main .corners-counter .num-input{
 display:flex;
  justify-content:flex-start;
  height:42px;
  border-radius:20px;
  border:1px solid #5C7E51;
  width:100px;
  padding:0 10px;
  margin:10px auto;
  text-align:center;
  overflow:hidden;
}
.landscape-calculator .lc-center .main .corners-counter .num-input span{
 display:flex;
  align-items:center;
  text-align:center;
  width:20px;
  height:40px;
  cursor:pointer;
  font-size:16px;
}
.landscape-calculator .lc-center .main .corners-counter input[name="corner-count"]{
 width:60px;
  height:40px;
  line-height:40px;
  font-size:20px;
  padding:0 10px;
  color:#000;
  text-align:center;
  border:0;
  webkit-appearance:none;
  margin:0;
}
.landscape-calculator .lc-center .main .space-options{
 display:flex;
  justify-content:space-around;
  margin:20px 0 0 0;
}
.landscape-calculator .lc-center .main .space-options .perfect-circle{
  width:150px;
  height:150px;
  line-height:150px;
  padding:0;
  border:2px solid #fff;
  color:#5C7E51;
  font-size:24px;
  font-weight:700;
  background:transparent url('https://beuta.com/cdn/shop/t/12/assets/yes-dots.svg') no-repeat center center;
  background-size:100px;
}
.landscape-calculator .lc-center .main .space-options .imperfect-circle{
  width:150px;
  height:150px;
  padding:0;
  border:2px solid #fff;
  color:#5C7E51;
 font-size:24px;
  font-weight:700;
  background:transparent url('https://beuta.com/cdn/shop/t/12/assets/not-quite-dots.svg') no-repeat center center;
  background-size:100px;
}
.landscape-calculator .lc-center .main .space-options button.on, .landscape-calculator .lc-center .main .space-options button:hover{
 position:relative;
  border:2px solid #5C7E51;
  background-color:#DBDBDB;
}
.landscape-calculator .lc-center .main .space-options button.on:before{
  content:'\2714\fe0e';
  color:#fff;
  position:absolute;
  bottom:0;
  right:0;
  z-index:6;
  font-size:14px;
  line-height:1;
}
.landscape-calculator .lc-center .main .space-options button.on:after{
  content:' ';
  position:absolute;
  bottom:0;
  right:0;
  z-index:5;
  width:0;
  height:0;
  border-top:25px solid transparent;
  border-bottom:25px solid #5C7E51;
  border-left:25px solid transparent;
}
.landscape-calculator .lc-center .main .space-diameter{
 display:none;
}
.landscape-calculator .lc-center .main .space-diameter.on{
 display:block;
  margin:15px 0 0 0;
}
.landscape-calculator .lc-center .main .space-diameter >img{
 margin:10px auto;
  display:block;
}
.landscape-calculator .lc-center .main .space-diameter ul.imperf li>img{
 position:absolute;
  top:0;
  left:-30px;
  width:20px;
  height:auto;
}
.landscape-calculator .lc-center .main .space-diameter .input-wrap{
 display:flex;
  align-items:baseline;
}
.landscape-calculator .lc-center .main .space-diameter .input-wrap label{
  line-height:44px;
  height:44px;
  margin:0 10px;
  font-size:16px;
  font-weight:700;
}
.landscape-calculator .lc-center .main .space-diameter .num-input{
 display:flex;
  justify-content:flex-start;
  height:42px;
  border-radius:20px;
  border:1px solid #5C7E51;
  width:100px;
  padding:0 10px;
  margin:10px 0;
  text-align:center;
  overflow:hidden;
}
.landscape-calculator .lc-center .main .space-diameter .num-input span{
 display:flex;
  align-items:center;
  text-align:center;
  width:20px;
  height:40px;
  cursor:pointer;
  font-size:16px;
  user-select:none;
}
.landscape-calculator .lc-center .main .space-diameter input[name="diameter-feet"]{
 width:60px;
  height:40px;
  line-height:40px;
  font-size:20px;
  padding:0 10px;
  color:#000;
  text-align:center;
  border:0;
  webkit-appearance:none;
  margin:0;
}
.landscape-calculator .lc-center .main .space-diameter input[name="diameter-inches"]{
 width:60px;
  height:40px;
  line-height:40px;
  font-size:20px;
  padding:0 10px;
  color:#000;
  text-align:center;
  border:0;
  webkit-appearance:none;
  margin:0;
}
.landscape-calculator .lc-center .main .space-turns{
 display:flex;
  justify-content:center;
  margin:20px 0 0 0;
}
.landscape-calculator .lc-center .main .space-turns .lturn{
  width:150px;
  height:150px;
  line-height:1.5;
  text-align:left;
  padding:0 0 0 30px;
  margin-right:20px;
  border:2px solid #fff;
  color:#5C7E51;
  font-size:24px;
  font-weight:700;
  background:transparent url('https://beuta.com/cdn/shop/t/12/assets/left-turn-btn.png') no-repeat center center;
  background-size:138px;
}
.landscape-calculator .lc-center .main .space-turns .rturn{
  width:150px;
  height:150px;
  line-height:1.5;
  text-align:right;
  padding:0 30px 0 0;
  border:2px solid #fff;
  color:#5C7E51;
  font-size:24px;
  font-weight:700;
  background:transparent url('https://beuta.com/cdn/shop/t/12/assets/right-turn-btn.png') no-repeat center center;
  background-size:138px;
}
.landscape-calculator .lc-center .main .space-turns button.on, .landscape-calculator .lc-center .main .space-turns button:hover{
 position:relative;
  border:2px solid #5C7E51;
  background-color:#DBDBDB;
}
.landscape-calculator .lc-center .main .space-turns button.on:before{
  content:'\2714\fe0e';
  color:#fff;
  position:absolute;
  bottom:0;
  right:0;
  z-index:6;
  font-size:14px;
  line-height:1;
}
.landscape-calculator .lc-center .main .space-turns button.on:after{
  content:' ';
  position:absolute;
  bottom:0;
  right:0;
  z-index:5;
  width:0;
  height:0;
  border-top:25px solid transparent;
  border-bottom:25px solid #5C7E51;
  border-left:25px solid transparent;
}
.landscape-calculator .lc-center .main ul.deg90 li>img{
 position:absolute;
  top:0;
  left:-30px;
  width:20px;
  height:auto;
}
.landscape-calculator .lc-center .main .space-turn.input-wrap{
 display:flex;
  align-items:baseline;
  justify-content:center;
}
.landscape-calculator .lc-center .main .space-turn.input-wrap label{
  line-height:44px;
  height:44px;
  margin:0 10px;
  font-size:16px;
  font-weight:700;
}
.landscape-calculator .lc-center .main .space-turn .num-input{
 display:flex;
  justify-content:flex-start;
  height:42px;
  border-radius:20px;
  border:1px solid #5C7E51;
  width:100px;
  padding:0 10px;
  margin:10px 0;
  text-align:center;
  overflow:hidden;
}
.landscape-calculator .lc-center .main .space-turn .num-input span{
 display:flex;
  align-items:center;
  text-align:center;
  width:20px;
  height:40px;
  cursor:pointer;
  font-size:16px;
  user-select:none;
}
.landscape-calculator .lc-center .main .space-turn input[name="length-feet"]{
 width:60px;
  height:40px;
  line-height:40px;
  font-size:20px;
  padding:0 10px;
  color:#000;
  text-align:center;
  border:0;
  webkit-appearance:none;
  margin:0;
}
.landscape-calculator .lc-center .main .space-turn input[name="length-inches"]{
 width:60px;
  height:40px;
  line-height:40px;
  font-size:20px;
  padding:0 10px;
  color:#000;
  text-align:center;
  border:0;
  webkit-appearance:none;
  margin:0;
}
.landscape-calculator .lc-center .main .paths.input-wrap{
 display:flex;
  align-items:baseline;
  justify-content:center;
}
.landscape-calculator .lc-center .main .paths.input-wrap label{
  line-height:44px;
  height:44px;
  margin:0 10px;
  font-size:16px;
  font-weight:700;
}
.landscape-calculator .lc-center .main .paths .num-input{
 display:flex;
  justify-content:flex-start;
  height:42px;
  border-radius:20px;
  border:1px solid #5C7E51;
  width:100px;
  padding:0 10px;
  margin:10px 0;
  text-align:center;
  overflow:hidden;
}
.landscape-calculator .lc-center .main .paths .num-input span{
 display:flex;
  align-items:center;
  text-align:center;
  width:20px;
  height:40px;
  cursor:pointer;
  font-size:16px;
  user-select:none;
}
.landscape-calculator .lc-center .main .paths input[name="paths-feet"]{
 width:60px;
  height:40px;
  line-height:40px;
  font-size:20px;
  padding:0 10px;
  color:#000;
  text-align:center;
  border:0;
  webkit-appearance:none;
  margin:0;
}
.landscape-calculator .lc-center .main .paths input[name="paths-inches"]{
 width:60px;
  height:40px;
  line-height:40px;
  font-size:20px;
  padding:0 10px;
  color:#000;
  text-align:center;
  border:0;
  webkit-appearance:none;
  margin:0;
}
.landscape-calculator .lc-center .main .paths-options{
 display:flex;
  justify-content:center;
  margin:20px 0 0 0;
}
.landscape-calculator .lc-center .main .paths-options .pleft{
  width:120px;
  height:45px;
  line-height:45px;
  text-align:left;
  background:#fff;
  border-radius:23px;
  padding:0;
  margin-right:20px;
  border:1px solid #5C7E51;
  color:#000;
  font-size:20px;
  font-weight:400;
  text-align:center;
}
.landscape-calculator .lc-center .main .paths-options .pright{
  width:120px;
  height:45px;
  line-height:45px;
  text-align:right;
  background:#fff;
  border-radius:23px;
  padding:0;
  border:1px solid #5C7E51;
  color:#000;
  font-size:20px;
  font-weight:400;
  text-align:center;
}
.landscape-calculator .lc-center .main .paths-options button.on, .landscape-calculator .lc-center .main .paths-options button:hover{
 background:#5C7E51;
  color:#fff;
}
.landscape-calculator .lc-center .main .noloop-nocorners .input-wrap{
 display:flex;
  align-items:baseline;
}
.landscape-calculator .lc-center .main .noloop-nocorners .input-wrap label{
  line-height:44px;
  height:44px;
  margin:0 10px;
  font-size:16px;
  font-weight:700;
}
.landscape-calculator .lc-center .main .noloop-nocorners .num-input{
 display:flex;
  justify-content:flex-start;
  height:42px;
  border-radius:20px;
  border:1px solid #5C7E51;
  width:100px;
  padding:0 10px;
  margin:10px 0;
  text-align:center;
  overflow:hidden;
}
.landscape-calculator .lc-center .main .noloop-nocorners .num-input span{
 display:flex;
  align-items:center;
  text-align:center;
  width:20px;
  height:40px;
  cursor:pointer;
  font-size:16px;
  user-select:none;
}
.landscape-calculator .lc-center .main .noloop-nocorners input[name="length-feet"]{
 width:60px;
  height:40px;
  line-height:40px;
  font-size:20px;
  padding:0 10px;
  color:#000;
  text-align:center;
  border:0;
  webkit-appearance:none;
  margin:0;
}
.landscape-calculator .lc-center .main .noloop-nocorners input[name="length-inches"]{
 width:60px;
  height:40px;
  line-height:40px;
  font-size:20px;
  padding:0 10px;
  color:#000;
  text-align:center;
  border:0;
  webkit-appearance:none;
  margin:0;
}
.landscape-calculator .lc-center .controls{
 display:flex;
  justify-content:space-between;
  width:100%;
  margin:10px 0 0 0;
  border-top:2px solid #FFB400;
  padding:10px 10px 10px 10px;
  background:#E5E5E5;
}
.landscape-calculator .lc-center .controls .back{
 background:none;
  color:#000;
  font-weight:bold;
  border-color:transparent;
}
.landscape-calculator .lc-center .controls .back:hover{
 border:2px solid #e0592a;
}
.landscape-calculator .lc-center .controls .back img{
 margin-right:10px;
}
.landscape-calculator .lc-center .controls .next{
 display:none;
  background:none;
  color:#000;
  font-weight:bold;
  border-color:transparent;
}
.landscape-calculator .lc-center .controls .next.on{
 display:block;
}
.landscape-calculator .lc-center .controls .next:hover{
 border:2px solid #e0592a;
}
.landscape-calculator .lc-center .controls .next img{
 margin-left:10px;
}
.landscape-calculator .lc-center .controls .atc{
 display:block;
  background:#e0592a;
  color:#fff;
  font-weight:bold;
  border-radius:20px;
  border-color:transparent;
  text-transform:uppercase;
}
.landscape-calculator .lc-center .controls .atc:hover{
 filter: brightness(1.1);
}
.landscape-calculator .lc-center .bottom{
 text-align:center;
  background:#E5E5E5;
  padding-bottom:30px;
}
.landscape-calculator .lc-center .bottom a{
 color:#5C7E51;
}
.landscape-calculator .lc-center .shop-list{
 display:block;
  position:relative;
  min-height:300px;
  width:100%;
  margin:10px 0;
}
.landscape-calculator .lc-center .shop-list .loader{
  position:absolute;
  top:0;
  bottom:0;
  left:0;
  right:0;
  margin:auto;
  width:60px;
  height:60px;
  animation:rotate 1.5s linear infinite;
}
@keyframes rotate {
  0% {
      transform: rotate(0deg);
 }
  100% {
      transform: rotate(360deg);
 }
}
.landscape-calculator .lc-center .shop-list .loader div{
  position:absolute;
  width:20px;
  height:20px;
  box-shadow:1px 1px 1px #ccc;
  border-radius:3px;
}
.landscape-calculator .lc-center .shop-list .loader div:nth-child(1) {
  background-color:#5c7e51;
  top:5px;
  left:20px;
}
.landscape-calculator .lc-center .shop-list .loader div:nth-child(2) {
  background-color:#000;
  top:31px;
  right:5px;
}
.landscape-calculator .lc-center .shop-list .loader div:nth-child(3) {
  background-color:#ffb400;
  top:31px;
  left:5px;
}
.landscape-calculator .lc-center .shop-list .sav{
 color:#2F80ED;
  line-height:30px;
  margin-bottom:-30px;
}
.landscape-calculator .lc-center .shop-list .sav span{
 font-weight:700;
}
.landscape-calculator .lc-center .shop-list .row{
 display:flex;
  width:100%;
  justify-content:flex-start;
  flex-wrap:wrap;
  line-height:38px;
  color:#000;
  background:#F2F2F2;
  padding:2px 10px;
  margin:0;
}
.landscape-calculator .lc-center .shop-list .row:nth-child(even){
 background:#E6E6E6;
}
.landscape-calculator .lc-center .shop-list input[type="number"]{
 width:30px;
  height:30px;
  line-height:30px;
  font-weight:700;
  color:#000;
  padding:0;
  text-align:center;
  margin-right:5px;
}
.landscape-calculator .lc-center .shop-list .l{
 font-size:16px;
  font-weight:normal;
  width:calc(100% - 100px);
}
.landscape-calculator .lc-center .shop-list .l span.gray{
 color:#c1c1c1;
  font-size:12px;
  font-weight:normal;
  margin-left:6px;
}
.landscape-calculator .lc-center .shop-list .r{
 font-size:16px;
  font-weight:normal;
  width:100px;
  text-align:right;
}
.landscape-calculator .lc-center .shop-list .saved .r{
 color:#2F80ED;
}
.landscape-calculator .lc-center .shop-list .r span{
 font-weight:700;
  color:#000 !important;
}
.landscape-calculator .lc-center .shop-list .disc{
 width:100%;
  color:#2F80ED;
  text-align:right;
}
.landscape-calculator .lc-center .shop-list .disc span{
 font-weight:bold;
}
.landscape-calculator .lc-center .shop-list hr{
 margin:0;
  height:0;
}
.landscape-calculator .lc-center .shop-list .subtotal{
 width:100%;
  text-align:right;
  font-size:16px;
  padding:2px 10px;
  line-height:35px;
}
.landscape-calculator .lc-center .shop-list .subtotal span{
 font-weight:700;
}
.landscape-calculator .lc-center .shop-list .freesh{
 width:100%;
  text-align:right;
  font-size:16px;
  font-weight:700;
  color:#2F80ED;
  padding:2px 10px;
  line-height:35px;
}
.landscape-calculator .lc-center .shop-list .freesh span{
 color:#000;
}
.landscape-calculator .lc-center .main .confirmation-links {
 margin:100px auto;
  width:300px;
  text-align:center;
}
.landscape-calculator .lc-center .main .confirmation-links .gtc{
  line-height:45px;
  padding:0 20px;
  margin-bottom:20px;
  background:#e0592a;
  color:#fff;
  font-weight:bold;
  border-radius:25px;
  border-color:transparent;
  font-size:16px;
  font-weight:bold;
  text-align:center;
  text-transform:uppercase;
}
.landscape-calculator .lc-center .main .confirmation-links .gtc:hover{
 filter: brightness(1.1);
}
.landscape-calculator .lc-center .main .confirmation-links .restart{
  height:45px;
  line-height:45px;
  padding:0 10px;
  text-align:right;
  background:#fff;
  border-radius:23px;
  border-color:transparent;
  color:#000;
  font-size:16px;
  font-weight:700;
  text-align:center;
  cursor:pointer;
}
.landscape-calculator .lc-center .main .confirmation-links .restart img{
 margin-right:10px;
  vertical-align:middle;
  margin-bottom:4px;
}
.landscape-calculator .lc-center .main .confirmation-links button.on, .landscape-calculator .lc-center .main .confirmation-links button:hover{
 border:2px solid #e0592a;
}
.calc-mobile-nav{
 position:fixed;
  bottom:100px;
  right:22px;
  width:60px;
  height:60px;
  border:0;
  background:url('https://beuta.com/cdn/shop/t/12/assets/calc-mobile-nav.png') no-repeat center center;
  background-size:cover;
  cursor:pointer;
  z-index:5;
}
.calc-mobile-nav:hover, .calc-mobile-nav:active{
 background:url('https://beuta.com/cdn/shop/t/12/assets/calc-mobile-nav.png') no-repeat center center;
  border:0;
}
.cart-summary{
 z-index:7;
}
@media(max-width:961px){
  #shopify-section-header.on{
     position:absolute;
      top:0;
      z-index:999999;
      width:100%;
 }
  .landscape-calculator-bg.on{
     display:none;
      z-index:5;
 }
  .landscape-calculator{
     padding:0;
      width:100vw;
      max-width:100%;
      bottom:0;
      top:106px;
      height:calc(100vh - 106px);
      z-index:6;
 }
  .landscape-calculator .lc-left{
     width:100%;
      max-width:460px;
      position:absolute;
      top:46px;
      z-index:10;
      left:-100%;
      transition:left 0.2s ease;
      padding-bottom:90px;
 }
  .landscape-calculator .lc-left.on{
     left:0;
 }
  .landscape-calculator .lc-left .restart{
     bottom:45px;
 }
  .landscape-calculator .lc-center{
     width:100%;
 }
  .landscape-calculator .lc-center .info{
     max-height:0;
      border-bottom:1px solid transparent;
      overflow:hidden;
      background:#F2EBE0;
      opacity:0;
      transition:all 0.2s ease;
      margin:-20px -20px 30px -20px
 }
  .landscape-calculator .lc-center .info.on{
     max-height:500px;
      border-bottom:1px solid #ffb400;
      padding:10px 20px;
      opacity:1;
      box-shadow: inset 0px 10px 10px -10px rgba(0, 0, 0, 0.5);
 }
  .landscape-calculator .lc-center .info div.sm{
     padding-left:18px;
      display:flex;
      justify-content:space-between;
      position:relative;
 }
  .landscape-calculator .lc-center .info div.sm span:first-child{
      font-weight:700;
 }
  .landscape-calculator .lc-center .info div.sm:before{
     content:" ";
      position:absolute;
      top:4px;
      left:2px;
      width:10px;
      height:10px;
      border-radius:5px;
 }
  .landscape-calculator .lc-center .info div.sm.g:before{
     background:#219653;
 }
  .landscape-calculator .lc-center .info div.sm.r:before{
     background:#EB5757;
 }
  .landscape-calculator .lc-center .info div.sm .val.inc{
     color:#a1a1a1;
 }
  .landscape-calculator .lc-center .bottom{
      padding-bottom:60px;
 }
  .landscape-calculator .bar{
     justify-content:space-between;
      padding:0 0 0 15px;
 }
  .landscape-calculator .bar span{
     cursor:pointer;
 }
  .landscape-calculator .bar .close{
     position:static;
 }
  .landscape-calculator .bar .info-icon{
     display:inline-block;
      vertical-align:middle;
      margin-bottom:2px;
      margin-left:10px;
 }
  .okeLoyalty .c-app:not(.okeLoyalty .c-app--fullscreenPreview){
     z-index:6;
 }
  #shopify-chat{
     position:relative;
      z-index:6;
 }
}
@media(max-width:769px){
 /* #page-wrap{
     position:relative;
      z-index:1;
 }
  #page-wrap-inner{
     position:relative;
      z-index:1;
 }
  #page-wrap-content{
     position:relative;
      z-index:1;
 }
  #content{
     position:relative;
      z-index:1;
 }
 */
  .landscape-calculator{
     top:55px;
      height:calc(100vh - 55px);
 }
}
@media(max-width:640px){
  .landscape-calculator .bar{
     font-size:20px;
 }
  .landscape-calculator .lc-center .main .images img{
     width:calc(50% - 20px);
 }
  .landscape-calculator .lc-center .main .product-choice{
     padding:10px 0;
 }
  .landscape-calculator .lc-center .shop-list .sav{
     color:#2F80ED;
      line-height:30px;
      margin-bottom:10px 
 }
  @media(max-width:460px){
      .landscape-calculator .bar{
         font-size:16px;
     }
      .landscape-calculator .lc-center .info.on{
         margin:-10px -10px 20px -10px;
     }
      .landscape-calculator .lc-center .main{
         padding:8px 8px 60px 8px;
     }
      .landscape-calculator .lc-center .main .space-diameter .input-wrap{
         flex-wrap:wrap;
          width:100%;
     }
      .landscape-calculator .lc-center .main .space-diameter .input-wrap label{
         width:40%;
          text-align:right;
     }
 }
  @media(max-width:400px){
      .landscape-calculator .bar{
         font-size:12px;
     }
 }