.page-template-page-with-hero-design{background-image:linear-gradient(180deg,#ffbe29,#e16300);min-height:calc(100vh - 102px);position:relative}.page-template-page-with-hero-design .page-center{position:relative}.page-template-page-with-hero-design #canvas{display:none}.page-template-page-with-hero-design #scene{color:#fff;height:100%;margin:0 20px;min-height:calc(100vh - 102px);position:absolute;width:calc(100% - 40px);z-index:1}.page-template-page-with-hero-design .content-wrapper{height:auto;left:0;padding:0;position:absolute;top:50%;transform:translateY(-50%);width:50%;z-index:3}.page-template-page-with-hero-design #title1{font-size:2rem;font-weight:300;margin:0}.page-template-page-with-hero-design #title2{font-size:2rem;font-weight:700;margin:0 0 .15em}.page-template-page-with-hero-design #subtitle{font-size:.925rem;font-weight:400;margin:0 0 .5em}.page-template-page-with-hero-design #text{font-size:.875rem;font-weight:400}.page-template-page-with-hero-design .lines-wrapper{height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.page-template-page-with-hero-design #lines{backface-visibility:hidden;opacity:0;perspective-origin:50%;transform-origin:center;transform-style:preserve-3d}.page-template-page-with-hero-design .box-wrapper{font-size:0;height:100%;left:50%;line-height:1;position:relative;top:50%;transform:translate(-50%,-50%);width:100%;z-index:1}.page-template-page-with-hero-design .box-wrapper div{left:0;opacity:0;perspective-origin:0;position:absolute;top:50%;transform:translateY(-50%)}.page-template-page-with-hero-design .box-wrapper img{filter:drop-shadow(0 0 5px rgba(0,0,0,.1))}.page-template-page-with-hero-design .plant-wrapper{height:auto;position:absolute;right:0;top:50%;transform:translateY(-50%);width:50%;z-index:0}.page-template-page-with-hero-design #plant{backface-visibility:hidden;height:auto;margin-top:-100%;opacity:0;perspective-origin:50%;position:relative;right:-30%;top:0;transform-origin:center;transform-style:preserve-3d;width:100%}.page-template-page-with-hero-design .girl-phone-wrapper{height:auto;opacity:0;position:absolute;right:0;top:50%;transform:translateY(-50%);transform:translateX(100%);width:100%;z-index:1}.page-template-page-with-hero-design #girl-phone{max-width:none;position:absolute;right:0;top:50%;transform:translateY(-50%);width:50%}.page-template-page-with-hero-design .content-wrapper *{color:#fff}@media(min-width:768px){@media(max-height:700px){.page-template-page-with-hero-design{min-height:100vh}}}@media (min-width:576px){.page-template-page-with-hero-design #title1,.page-template-page-with-hero-design #title2{font-size:2.25rem}.page-template-page-with-hero-design #subtitle{font-size:1rem}.page-template-page-with-hero-design #text{font-size:.925rem}}@media (min-width:768px){.page-template-page-with-hero-design #title1,.page-template-page-with-hero-design #title2{font-size:2.5rem}.page-template-page-with-hero-design #subtitle{font-size:1.15rem}}@media (min-width:980px){.page-template-page-with-hero-design #title1,.page-template-page-with-hero-design #title2{font-size:3rem}.page-template-page-with-hero-design #subtitle{font-size:1.25rem}}@media (min-width:1150px){.page-template-page-with-hero-design #title1,.page-template-page-with-hero-design #title2{font-size:4rem}.page-template-page-with-hero-design #subtitle{font-size:1.5rem}.page-template-page-with-hero-design .lines-wrapper{left:-100px;top:-50px}.page-template-page-with-hero-design #girl-phone{max-width:400px;width:100%}.page-template-page-with-hero-design .plant-wrapper{width:484px}.page-template-page-with-hero-design .content-wrapper{width:calc(100% - 400px)}}@media (min-width:1280px){.page-template-page-with-hero-design #title1,.page-template-page-with-hero-design #title2{font-size:5rem}.page-template-page-with-hero-design #subtitle{font-size:1.75rem}}@media (min-width:1440px){.page-template-page-with-hero-design #title1,.page-template-page-with-hero-design #title2{font-size:6rem}.page-template-page-with-hero-design #subtitle{font-size:2rem}.page-template-page-with-hero-design #text{font-size:1rem}}@media (min-width:1600px){.page-template-page-with-hero-design #title1{font-size:7rem;margin-left:-10px}.page-template-page-with-hero-design #title2{font-size:7rem;margin-left:-5px}.page-template-page-with-hero-design #subtitle{font-size:2.25rem}.page-template-page-with-hero-design #text{font-size:1.15rem}}@media(max-width:767px){.page-template-page-with-hero-design #scene{margin:0;width:100%}}