.modern .modern-header{overflow:hidden;position:relative;height:380px}@media all and (min-width: 768px){.modern .modern-header{height:500px}}.modern .modern-header img{position:absolute}.modern .modern-header img[alt=header]{width:auto;height:380px;left:50%;top:50%;transform:translate(-50%, -50%)}@media all and (min-width: 650px){.modern .modern-header img[alt=header]{width:100%}}@media all and (min-width: 768px){.modern .modern-header img[alt=header]{height:100%;top:0;left:0;transform:translate(0, 0)}}@media all and (min-width: 1024px){.modern .modern-header img[alt=header]{height:initial}}.modern .modern-header img[alt=headline]{left:50%;transform:translateX(-50%);width:94px;height:50px;top:108px}@media all and (min-width: 768px){.modern .modern-header img[alt=headline]{width:180px;height:95px;top:180px}}.modern h1{position:absolute;z-index:1;font-weight:bold;left:50%;transform:translateX(-50%);color:#fff;font-size:43px;top:64px;letter-spacing:25px;-webkit-text-shadow:0 0 20px #000;-moz-text-shadow:0 0 20px #000;-o-text-shadow:0 0 20px #000;text-shadow:0 0 20px #000}@media all and (min-width: 768px){.modern h1{font-size:95px;top:95px}}.modern p{text-align:center;z-index:1;position:absolute;color:#fff;width:310px;font-size:18px;-webkit-text-shadow:0 0 10px rgba(0,0,0,.85);-moz-text-shadow:0 0 10px rgba(0,0,0,.85);-o-text-shadow:0 0 10px rgba(0,0,0,.85);text-shadow:0 0 10px #000}@media all and (min-width: 425px){.modern p{width:80%}}@media all and (min-width: 768px){.modern p{font-size:28px;width:700px}}@media all and (min-width: 1200px){.modern p{width:990px}}.modern p:first-of-type{left:50%;transform:translateX(-50%);top:190px}@media all and (min-width: 768px){.modern p:first-of-type{top:322px}}.modern p:last-of-type{bottom:10px;left:50%;transform:translateX(-50%);font-size:18px;-webkit-text-shadow:0 0 10px rgba(0,0,0,.85);-moz-text-shadow:0 0 10px rgba(0,0,0,.85);-o-text-shadow:0 0 10px rgba(0,0,0,.85);text-shadow:0 0 10px #000}@media all and (min-width: 768px){.modern p:last-of-type{font-size:22px}}.modern .style-counter{margin:50px 0;text-align:center;font-size:24px;font-weight:600;color:#799c4b;text-transform:uppercase}.modern .modern-listing{width:310px;margin:0 auto;display:flex;justify-content:center;padding-bottom:100px}@media all and (min-width: 768px){.modern .modern-listing{width:760px}}@media all and (min-width: 1024px){.modern .modern-listing{width:992px}}@media all and (min-width: 1200px){.modern .modern-listing{width:1150px}}.modern .modern-listing .tile-wrapper{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.modern .modern-listing .tile{width:310px;height:250px;position:relative;overflow:hidden;border:1px solid #c3e86c;border-radius:12px;box-shadow:0px 0px 0px 0px #c3e86c;transition:box-shadow .3s,transform .3s}@media all and (min-width: 1200px){.modern .modern-listing .tile{width:360px}}.modern .modern-listing .tile img{height:100%;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%)}.modern .modern-listing .tile a{position:absolute;left:50%;transform:translateX(-50%);bottom:30px;z-index:1;height:30px;line-height:30px;padding:0 10px;border:solid 1px #c3e86c;font-size:14px;color:#fff;visibility:hidden;opacity:0;transition:opacity .3s,visibility .3s}.modern .modern-listing .tile:hover{box-shadow:0px 0px 6px 2px #c3e86c;transform:scale(1.03)}.modern .modern-listing .tile:hover .tile-title{animation-fill-mode:forwards;animation-name:tileTitle;animation-duration:.3s}.modern .modern-listing .tile:hover .tile-details{visibility:visible;opacity:1}.modern .modern-listing .tile:hover a{visibility:visible;opacity:1;cursor:pointer}.modern .modern-listing .tile-title{position:absolute;bottom:10px;width:100%;text-align:right;font-size:18px;padding-right:20px;z-index:1;color:#fff;-webkit-text-shadow:0 0 10px rgba(0,0,0,.85);-moz-text-shadow:0 0 10px rgba(0,0,0,.85);-o-text-shadow:0 0 10px rgba(0,0,0,.85);text-shadow:0 0 10px #000}@media all and (min-width: 1200px){.modern .modern-listing .tile-title{font-size:20px}}.modern .modern-listing .tile-details{position:absolute;top:80px;width:100%;text-align:center;font-size:20px;z-index:1;color:#fff;visibility:hidden;opacity:0;transition:opacity .3s,visibility .3s}.modern .modern-listing .gray-tile{background-color:#fdfdfd}.modern .modern-listing .gray-tile i{position:relative;margin:30px auto 0;display:block;width:40px;height:35px;background:url("/img/white-heart.png") no-repeat}.modern .modern-listing .gray-tile:last-of-type i{background:url("/img/compass-icon-s-green.png") no-repeat}.modern .modern-listing .gray-tile div{font-family:ClarendonWide;font-size:22px;text-align:center;max-width:270px;margin:10px auto 15px;color:#799c4b}.modern .modern-listing .gray-tile div:last-of-type{font-family:"canada-type-gibson",sans-serif,Arial;font-size:16px;color:initial;line-height:1.2}.modern .modern-listing .gray-tile a{color:initial;visibility:visible;opacity:1}@keyframes tileTitle{from{opacity:0;top:30px;text-align:center;font-size:36px;font-weight:bold}to{opacity:1;top:30px;text-align:center;font-size:36px;font-weight:bold}}@media all and (max-width: 767px){.other_styles_mobile_wrapper{position:absolute;left:0;width:100%;height:50px;border-top:1px solid #8cc53f;border-bottom:1px solid #8cc53f;background-color:#fff;z-index:1001;padding-top:10px}.other_styles_mobile_wrapper.fixed{position:fixed;top:0}.other_styles_mobile_wrapper table{display:none}}@media all and (max-width: 767px){#page_style section.style-products>.container aside.right.clearfix,.menu-right{position:relative;margin:0 auto;border-radius:7px;left:unset;top:unset;right:unset;float:none;width:225px}}@media all and (max-width: 767px){#page_style section.style-products>.container .other_styles_mobile_wrapper aside.right.clearfix.active,.other_styles_mobile_wrapper .menu-right.active{overflow:hidden;height:370px}#page_style section.style-products>.container .other_styles_mobile_wrapper aside.right.clearfix.active #open-mob,.other_styles_mobile_wrapper .menu-right.active #open-mob{position:absolute;top:0}#page_style section.style-products>.container .other_styles_mobile_wrapper aside.right.clearfix.active ul,.other_styles_mobile_wrapper .menu-right.active ul{height:350px;overflow-y:scroll;-webkit-overflow-scrolling:touch;padding-bottom:10px}#page_style section.style-products>.container .other_styles_mobile_wrapper aside.right.clearfix.active #ios-scroll-hack,.other_styles_mobile_wrapper .menu-right.active #ios-scroll-hack{display:block}}@media all and (max-width: 767px){#page_style section.style-products>.container .other_styles_mobile_wrapper aside.right.clearfix #open-mob,.menu-right a#open-mob{height:30px;line-height:31px;padding:0 20px}}@media all and (max-width: 767px){#ios-scroll-hack{top:30px;position:relative;height:100%;display:none}}@media all and (min-width: 768px)and (max-width: 1200px){section.style-products.staining-sidebar,#page_style section.style-products>.container aside.right.clearfix{z-index:999}}/*# sourceMappingURL=main.css.map */
