@media screen and (max-width:767px){html body div#container div.page-wrap{padding-bottom:100px;position:relative}}html body div#container div.page-header div.background-color{background:rgba(161,183,32,.85);background:linear-gradient(135deg,rgba(161,183,32,.85),rgba(161,183,32,.85));filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#a1b720",endColorstr="#a1b720",GradientType=$opacity);left:0;position:absolute;right:0;top:0;width:100%;z-index:1}@media screen and (min-width:961px){html body div#container div.page-header div.background-color{height:850px}}@media screen and (min-width:768px) and (max-width:960px){html body div#container div.page-header div.background-color{height:780px}}@media screen and (max-width:767px){html body div#container div.page-header div.background-color{bottom:0}}html body div#container div.page-header div.text-wrap{padding:45px 0 0;position:relative;text-align:center;z-index:2}html body div#container div.page-header div.text-wrap div.sub-title{color:#fff;font-size:20px;letter-spacing:2px;line-height:20px;padding:0 0 10px;text-transform:uppercase}html body div#container div.page-header div.text-wrap div.title{color:#fff;font-family:hwt-artz,sans-serif;font-size:120px;letter-spacing:.5px;line-height:100px}@media screen and (max-width:767px){html body div#container div.page-header div.text-wrap div.title{font-size:70px;line-height:55px}html body div#container div.page-header div.text-wrap div.title span{display:block;font-size:50px}}html body div#container .fpo{border:1px solid red;display:block!important}html body div#container div#sweet-meter{position:relative;z-index:2}@media screen and (min-width:768px){html body div#container div#sweet-meter{background-image:url(/assets/images/our-fruit/sweet-meter/colored-ring.png);background-repeat:no-repeat}}@media screen and (min-width:961px){html body div#container div#sweet-meter{background-position:center 120px;background-size:710px auto;padding:150px 0 75px}}@media screen and (min-width:768px) and (max-width:960px){html body div#container div#sweet-meter{background-position:center 125px;background-size:600px auto;padding:150px 0 75px}}@media screen and (max-width:767px){html body div#container div#sweet-meter{display:-moz-flex;display:flex;margin:0 auto;max-width:500px;padding:20px 10px}}@media screen and (min-width:768px){html body div#container div#sweet-meter div.sweet-meter-ratings{height:100%;left:0;position:absolute;right:0;top:0;width:100%;z-index:5}}@media screen and (max-width:767px){html body div#container div#sweet-meter div.sweet-meter-ratings{-moz-align-items:center;align-items:center;background-image:url(/assets/images/our-fruit/sweet-meter/colored-vertical-bar.png);background-position:100%;background-repeat:no-repeat;background-size:auto 100%;-moz-flex:0 0 127px;flex:0 0 127px;padding:20px 0}}html body div#container div#sweet-meter div.sweet-meter-ratings div.ratings-inner{width:100%}@media screen and (min-width:768px){html body div#container div#sweet-meter div.sweet-meter-ratings div.ratings-inner{height:100%;position:relative}html body div#container div#sweet-meter div.sweet-meter-ratings div.sweet-meter-rating{pointer-events:none;position:absolute;z-index:5}}@media screen and (min-width:961px){html body div#container div#sweet-meter div.sweet-meter-ratings div.sweet-meter-rating{height:85px;left:calc(50% - 42.5px);top:calc(50% - 42.5px);width:85px}}@media screen and (min-width:768px) and (max-width:960px){html body div#container div#sweet-meter div.sweet-meter-ratings div.sweet-meter-rating{height:70px;left:calc(50% - 35px);top:calc(50% - 35px);width:70px}}@media screen and (max-width:767px){html body div#container div#sweet-meter div.sweet-meter-ratings div.sweet-meter-rating{display:-moz-flex;display:flex;padding:10px 0;text-align:right}}@media screen and (min-width:961px){html body div#container div#sweet-meter div.sweet-meter-ratings div.sweet-meter-rating.item-1{transform:rotate(183deg) translate(410px) rotate(-183deg)}}@media screen and (min-width:768px) and (max-width:960px){html body div#container div#sweet-meter div.sweet-meter-ratings div.sweet-meter-rating.item-1{transform:rotate(180deg) translate(345px) rotate(-180deg)}}@media screen and (min-width:768px){html body div#container div#sweet-meter div.sweet-meter-ratings div.sweet-meter-rating.item-1 div.rating-inner{background-color:#5f932c}}@media screen and (max-width:767px){html body div#container div#sweet-meter div.sweet-meter-ratings div.sweet-meter-rating.item-1.active div.rating-inner{background-color:#68972c}}@media screen and (min-width:961px){html body div#container div#sweet-meter div.sweet-meter-ratings div.sweet-meter-rating.item-2{transform:rotate(212deg) translate(415px) rotate(-212deg)}}@media screen and (min-width:768px) and (max-width:960px){html body div#container div#sweet-meter div.sweet-meter-ratings div.sweet-meter-rating.item-2{transform:rotate(210deg) translate(340px) rotate(-210deg)}}@media screen and (min-width:768px){html body div#container div#sweet-meter div.sweet-meter-ratings div.sweet-meter-rating.item-2 div.rating-inner{background-color:#a9c33d}}@media screen and (max-width:767px){html body div#container div#sweet-meter div.sweet-meter-ratings div.sweet-meter-rating.item-2.active div.rating-inner{background-color:#6d992c}}@media screen and (min-width:961px){html body div#container div#sweet-meter div.sweet-meter-ratings div.sweet-meter-rating.item-3{transform:rotate(242deg) translate(415px) rotate(-242deg)}}@media screen and (min-width:768px) and (max-width:960px){html body div#container div#sweet-meter div.sweet-meter-ratings div.sweet-meter-rating.item-3{transform:rotate(240deg) translate(340px) rotate(-240deg)}}@media screen and (min-width:768px){html body div#container div#sweet-meter div.sweet-meter-ratings div.sweet-meter-rating.item-3 div.rating-inner{background-color:#b2c940}}@media screen and (max-width:767px){html body div#container div#sweet-meter div.sweet-meter-ratings div.sweet-meter-rating.item-3.active div.rating-inner{background-color:#beb92b}}@media screen and (min-width:961px){html body div#container div#sweet-meter div.sweet-meter-ratings div.sweet-meter-rating.item-4{transform:rotate(270deg) translate(415px) rotate(-270deg)}}@media screen and (min-width:768px) and (max-width:960px){html body div#container div#sweet-meter div.sweet-meter-ratings div.sweet-meter-rating.item-4{transform:rotate(270deg) translate(335px) rotate(-270deg)}}@media screen and (min-width:768px){html body div#container div#sweet-meter div.sweet-meter-ratings div.sweet-meter-rating.item-4 div.rating-inner{background-color:#de9e29}}@media screen and (max-width:767px){html body div#container div#sweet-meter div.sweet-meter-ratings div.sweet-meter-rating.item-4.active div.rating-inner{background-color:#dfb725}}@media screen and (min-width:961px){html body div#container div#sweet-meter div.sweet-meter-ratings div.sweet-meter-rating.item-5{transform:rotate(302deg) translate(415px) rotate(-302deg)}}@media screen and (min-width:768px) and (max-width:960px){html body div#container div#sweet-meter div.sweet-meter-ratings div.sweet-meter-rating.item-5{transform:rotate(300deg) translate(340px) rotate(-300deg)}}@media screen and (min-width:768px){html body div#container div#sweet-meter div.sweet-meter-ratings div.sweet-meter-rating.item-5 div.rating-inner{background-color:#e87820}}@media screen and (max-width:767px){html body div#container div#sweet-meter div.sweet-meter-ratings div.sweet-meter-rating.item-5.active div.rating-inner{background-color:#ed771d}}@media screen and (min-width:961px){html body div#container div#sweet-meter div.sweet-meter-ratings div.sweet-meter-rating.item-6{transform:rotate(332deg) translate(415px) rotate(-332deg)}}@media screen and (min-width:768px) and (max-width:960px){html body div#container div#sweet-meter div.sweet-meter-ratings div.sweet-meter-rating.item-6{transform:rotate(330deg) translate(340px) rotate(-330deg)}}@media screen and (min-width:768px){html body div#container div#sweet-meter div.sweet-meter-ratings div.sweet-meter-rating.item-6 div.rating-inner{background-color:#ec621e}}@media screen and (max-width:767px){html body div#container div#sweet-meter div.sweet-meter-ratings div.sweet-meter-rating.item-6.active div.rating-inner{background-color:#ec3e09}}@media screen and (min-width:961px){html body div#container div#sweet-meter div.sweet-meter-ratings div.sweet-meter-rating.item-7{transform:rotate(357deg) translate(410px) rotate(-357deg)}}@media screen and (min-width:768px) and (max-width:960px){html body div#container div#sweet-meter div.sweet-meter-ratings div.sweet-meter-rating.item-7{transform:rotate(1turn) translate(345px) rotate(-1turn)}}@media screen and (min-width:768px){html body div#container div#sweet-meter div.sweet-meter-ratings div.sweet-meter-rating.item-7 div.rating-inner{background-color:#eb400a}}@media screen and (max-width:767px){html body div#container div#sweet-meter div.sweet-meter-ratings div.sweet-meter-rating.item-7.active div.rating-inner{background-color:#ec3e09}}html body div#container div#sweet-meter div.sweet-meter-ratings div.sweet-meter-rating.has-content{cursor:pointer;pointer-events:auto}html body div#container div#sweet-meter div.sweet-meter-ratings div.sweet-meter-rating div.rating-inner{width:100%}@media screen and (min-width:768px){html body div#container div#sweet-meter div.sweet-meter-ratings div.sweet-meter-rating div.rating-inner{border-radius:50%;box-shadow:0 0 20px 5px rgba(0,0,0,.1);height:100%;text-align:center;width:100%}}@media screen and (max-width:767px){html body div#container div#sweet-meter div.sweet-meter-ratings div.sweet-meter-rating div.rating-inner{align-self:center;border-bottom-left-radius:100%;border-top-left-radius:100%;display:inline-block;height:45px;max-width:90px;padding:0 0 0 15px}}@media screen and (min-width:768px){html body div#container div#sweet-meter div.sweet-meter-ratings div.sweet-meter-rating div.rating-inner div.text-wrap{display:-moz-flex;display:flex;height:100%}}@media screen and (max-width:767px){html body div#container div#sweet-meter div.sweet-meter-ratings div.sweet-meter-rating div.rating-inner div.text-wrap{display:-moz-flex;display:flex;height:100%;width:100%}}@media screen and (min-width:768px){html body div#container div#sweet-meter div.sweet-meter-ratings div.sweet-meter-rating div.rating-inner div.text{align-self:center;color:#fff;padding:10px;text-align:center;width:100%}}@media screen and (min-width:768px) and (max-width:960px){html body div#container div#sweet-meter div.sweet-meter-ratings div.sweet-meter-rating div.rating-inner div.text{font-size:14px}}@media screen and (max-width:767px){html body div#container div#sweet-meter div.sweet-meter-ratings div.sweet-meter-rating div.rating-inner div.text{align-self:center;color:#fff;font-size:15px;margin:0 auto;max-width:55px;text-align:center}}@media screen and (min-width:768px){html body div#container div#sweet-meter div.rating-dial{margin:0 auto;position:relative}}@media screen and (min-width:961px){html body div#container div#sweet-meter div.rating-dial{height:665px;width:710px}}@media screen and (min-width:768px) and (max-width:960px){html body div#container div#sweet-meter div.rating-dial{height:525px;width:525px}}@media screen and (max-width:767px){html body div#container div#sweet-meter div.rating-dial{-moz-flex:1;flex:1}}@media screen and (min-width:961px){html body div#container div#sweet-meter div.rating-dial.position-1 div.dial-graphic{transform:rotate(182deg) translate(289px) rotate(90deg)}}@media screen and (min-width:768px) and (max-width:960px){html body div#container div#sweet-meter div.rating-dial.position-1 div.dial-graphic{transform:rotate(180deg) translate(239px) rotate(90deg)}}@media screen and (min-width:961px){html body div#container div#sweet-meter div.rating-dial.position-2 div.dial-graphic{transform:rotate(210deg) translate(293px) rotate(90deg)}}@media screen and (min-width:768px) and (max-width:960px){html body div#container div#sweet-meter div.rating-dial.position-2 div.dial-graphic{transform:rotate(210deg) translate(233px) rotate(90deg)}}@media screen and (min-width:961px){html body div#container div#sweet-meter div.rating-dial.position-3 div.dial-graphic{transform:rotate(242deg) translate(296px) rotate(90deg)}}@media screen and (min-width:768px) and (max-width:960px){html body div#container div#sweet-meter div.rating-dial.position-3 div.dial-graphic{transform:rotate(240deg) translate(228px) rotate(90deg)}}@media screen and (min-width:961px){html body div#container div#sweet-meter div.rating-dial.position-4 div.dial-graphic{transform:rotate(270deg) translate(297px) rotate(90deg)}}@media screen and (min-width:768px) and (max-width:960px){html body div#container div#sweet-meter div.rating-dial.position-4 div.dial-graphic{transform:rotate(270deg) translate(227px) rotate(90deg)}}@media screen and (min-width:961px){html body div#container div#sweet-meter div.rating-dial.position-5 div.dial-graphic{transform:rotate(302deg) translate(295px) rotate(90deg)}}@media screen and (min-width:768px) and (max-width:960px){html body div#container div#sweet-meter div.rating-dial.position-5 div.dial-graphic{transform:rotate(300deg) translate(229px) rotate(90deg)}}@media screen and (min-width:961px){html body div#container div#sweet-meter div.rating-dial.position-6 div.dial-graphic{transform:rotate(332deg) translate(292px) rotate(90deg)}}@media screen and (min-width:768px) and (max-width:960px){html body div#container div#sweet-meter div.rating-dial.position-6 div.dial-graphic{transform:rotate(330deg) translate(232px) rotate(90deg)}}@media screen and (min-width:961px){html body div#container div#sweet-meter div.rating-dial.position-7 div.dial-graphic{transform:rotate(357deg) translate(289px) rotate(90deg)}}@media screen and (min-width:768px) and (max-width:960px){html body div#container div#sweet-meter div.rating-dial.position-7 div.dial-graphic{transform:rotate(1turn) translate(238px) rotate(90deg)}}@media screen and (min-width:961px){html body div#container div#sweet-meter div.rating-dial.speed-move-1 div.dial-graphic{transition:transform .2s linear}}@media screen and (min-width:768px) and (max-width:960px){html body div#container div#sweet-meter div.rating-dial.speed-move-1 div.dial-graphic{transition:transform .2s linear}}@media screen and (min-width:961px){html body div#container div#sweet-meter div.rating-dial.speed-move-2 div.dial-graphic{transition:transform .3s linear}}@media screen and (min-width:768px) and (max-width:960px){html body div#container div#sweet-meter div.rating-dial.speed-move-2 div.dial-graphic{transition:transform .3s linear}}@media screen and (min-width:961px){html body div#container div#sweet-meter div.rating-dial.speed-move-3 div.dial-graphic{transition:transform .4s linear}}@media screen and (min-width:768px) and (max-width:960px){html body div#container div#sweet-meter div.rating-dial.speed-move-3 div.dial-graphic{transition:transform .4s linear}}@media screen and (min-width:961px){html body div#container div#sweet-meter div.rating-dial.speed-move-4 div.dial-graphic{transition:transform .4s linear}}@media screen and (min-width:768px) and (max-width:960px){html body div#container div#sweet-meter div.rating-dial.speed-move-4 div.dial-graphic{transition:transform .4s linear}}@media screen and (min-width:961px){html body div#container div#sweet-meter div.rating-dial.speed-move-5 div.dial-graphic{transition:transform .6s linear}}@media screen and (min-width:768px) and (max-width:960px){html body div#container div#sweet-meter div.rating-dial.speed-move-5 div.dial-graphic{transition:transform .6s linear}}@media screen and (min-width:961px){html body div#container div#sweet-meter div.rating-dial.speed-move-6 div.dial-graphic{transition:transform .6s linear}}@media screen and (min-width:768px) and (max-width:960px){html body div#container div#sweet-meter div.rating-dial.speed-move-6 div.dial-graphic{transition:transform .6s linear}}@media screen and (min-width:961px){html body div#container div#sweet-meter div.rating-dial.speed-move-7 div.dial-graphic{transition:transform .6s linear}}@media screen and (min-width:768px) and (max-width:960px){html body div#container div#sweet-meter div.rating-dial.speed-move-7 div.dial-graphic{transition:transform .6s linear}}@media screen and (min-width:768px){html body div#container div#sweet-meter div.rating-dial div.dial-circle{background-color:#abce44;border-radius:50%;margin:0 auto;position:relative;z-index:9}}@media screen and (min-width:961px){html body div#container div#sweet-meter div.rating-dial div.dial-circle{height:600px;top:25px;width:600px}}@media screen and (min-width:768px) and (max-width:960px){html body div#container div#sweet-meter div.rating-dial div.dial-circle{height:500px;top:25px;width:500px}}@media screen and (min-width:768px){html body div#container div#sweet-meter div.rating-dial div.dial-circle div.circle-inner{background-color:#8cbc36;border-radius:50%;left:0;margin:0 auto;position:relative;right:0;top:5px}}@media screen and (min-width:961px){html body div#container div#sweet-meter div.rating-dial div.dial-circle div.circle-inner{height:590px;width:590px}}@media screen and (min-width:768px) and (max-width:960px){html body div#container div#sweet-meter div.rating-dial div.dial-circle div.circle-inner{height:490px;width:490px}}@media screen and (min-width:768px){html body div#container div#sweet-meter div.rating-dial div.dial-graphic{background-image:url(/assets/images/our-fruit/sweet-meter/dial-graphic.png);background-position:50%;background-repeat:no-repeat;background-size:cover;display:-moz-flex;display:flex;height:75px;left:calc(50% - 37.5px);position:absolute;top:calc(50% - 37.5px);transition:transform .2s linear;width:75px;z-index:10}html body div#container div#sweet-meter div.rating-dial div.dial-button{background-image:url(/assets/images/our-fruit/sweet-meter/dial-buttons.png);background-repeat:no-repeat;background-size:auto 100%;cursor:pointer;height:81px;overflow:hidden;position:absolute;transition:opacity .2s linear;width:55px;z-index:12}}@media screen and (min-width:961px){html body div#container div#sweet-meter div.rating-dial div.dial-button{top:calc(50% - 60px)}}@media screen and (min-width:768px) and (max-width:960px){html body div#container div#sweet-meter div.rating-dial div.dial-button{top:calc(50% - 40px)}}@media screen and (min-width:768px){html body div#container div#sweet-meter div.rating-dial div.dial-button.prev{background-position:0}}@media screen and (min-width:961px){html body div#container div#sweet-meter div.rating-dial div.dial-button.prev{left:52px}}@media screen and (min-width:768px) and (max-width:960px){html body div#container div#sweet-meter div.rating-dial div.dial-button.prev{left:10px}}@media screen and (min-width:768px){html body div#container div#sweet-meter div.rating-dial div.dial-button.next{background-position:100%}}@media screen and (min-width:961px){html body div#container div#sweet-meter div.rating-dial div.dial-button.next{right:52px}}@media screen and (min-width:768px) and (max-width:960px){html body div#container div#sweet-meter div.rating-dial div.dial-button.next{right:10px}}@media screen and (min-width:768px){html body div#container div#sweet-meter div.rating-dial div.dial-button.button-disabled{cursor:default;opacity:0;pointer-events:none}html body div#container div#sweet-meter div.rating-dial div.dial-content{background-color:#81aa39;border-radius:50%;left:0;margin:0 auto;position:absolute;right:0;z-index:11}}@media screen and (min-width:961px){html body div#container div#sweet-meter div.rating-dial div.dial-content{height:475px;top:calc(50% - 252.5px);width:475px}}@media screen and (min-width:768px) and (max-width:960px){html body div#container div#sweet-meter div.rating-dial div.dial-content{height:420px;top:calc(50% - 195px);width:420px}}@media screen and (max-width:767px){html body div#container div#sweet-meter div.rating-dial div.dial-content{height:100%}}@media screen and (min-width:768px){html body div#container div#sweet-meter div.rating-dial div.variety-wrap{height:100%;position:relative;width:100%}}@media screen and (max-width:767px){html body div#container div#sweet-meter div.rating-dial div.variety-wrap{height:100%}}html body div#container div#sweet-meter div.rating-dial div.variety-wrap div.rating-wrap{height:0;opacity:0;overflow:hidden;transition:opacity .2s linear;width:0}@media screen and (min-width:768px){html body div#container div#sweet-meter div.rating-dial div.variety-wrap div.rating-wrap{left:0;position:absolute;top:0}}html body div#container div#sweet-meter div.rating-dial div.variety-wrap div.rating-wrap.active{opacity:1;width:100%}@media screen and (min-width:768px){html body div#container div#sweet-meter div.rating-dial div.variety-wrap div.rating-wrap.active{display:-moz-flex;display:flex;height:100%;-moz-justify-content:center;justify-content:center;padding:115px 0 0}}@media screen and (max-width:767px){html body div#container div#sweet-meter div.rating-dial div.variety-wrap div.rating-wrap.active{display:-moz-flex;display:flex;flex-flow:column;height:100%;-moz-justify-content:center;justify-content:center}}html body div#container div#sweet-meter div.rating-dial div.variety-wrap a.fruit-item{text-align:center;text-decoration:none}@media screen and (min-width:768px){html body div#container div#sweet-meter div.rating-dial div.variety-wrap a.fruit-item{display:inline-block;margin:0 2%;width:36%}}@media screen and (max-width:767px){html body div#container div#sweet-meter div.rating-dial div.variety-wrap a.fruit-item{display:inline-block;margin-bottom:20px;max-width:300px;padding:0 0 0 25px;width:90%}html body div#container div#sweet-meter div.rating-dial div.variety-wrap a.fruit-item:last-child{margin-bottom:0}}html body div#container div#sweet-meter div.rating-dial div.variety-wrap a.fruit-item div.image-wrap{margin:0 auto}@media screen and (min-width:768px){html body div#container div#sweet-meter div.rating-dial div.variety-wrap a.fruit-item div.image-wrap{max-width:190px;width:100%}}@media screen and (max-width:767px){html body div#container div#sweet-meter div.rating-dial div.variety-wrap a.fruit-item div.image-wrap{max-width:190px;width:90%}}html body div#container div#sweet-meter div.rating-dial div.variety-wrap a.fruit-item div.image-wrap img{display:block;height:auto;width:100%}html body div#container div#sweet-meter div.rating-dial div.variety-wrap a.fruit-item div.fruit-title{color:#fff;font-family:hwt-artz,sans-serif;letter-spacing:.5px;padding:10px 0 0;text-transform:uppercase}@media screen and (min-width:961px){html body div#container div#sweet-meter div.rating-dial div.variety-wrap a.fruit-item div.fruit-title{font-size:32px;line-height:32px}}@media screen and (min-width:768px) and (max-width:960px){html body div#container div#sweet-meter div.rating-dial div.variety-wrap a.fruit-item div.fruit-title{font-size:25px;line-height:25px}}@media screen and (max-width:767px){html body div#container div#sweet-meter div.rating-dial div.variety-wrap a.fruit-item div.fruit-title{font-size:23px;line-height:24px}}html body div#container div#sweet-meter div.rating-dial div.variety-wrap a.fruit-item div.fruit-title sup{font-size:80%;top:-.2em}html body div#container div.fruit-wrap{display:-moz-flex;display:flex;flex-wrap:wrap;width:100%}html body div#container div.fruit-wrap div.fruit-item{overflow:hidden;position:relative}html body div#container div.fruit-wrap div.fruit-item:before{content:"";display:block;padding-top:100%;width:100%}html body div#container div.fruit-wrap div.fruit-item>.content{bottom:0;left:0;position:absolute;right:0;top:0}@media screen and (min-width:769px){html body div#container div.fruit-wrap div.fruit-item{-moz-flex:0 0 25%;flex:0 0 25%;width:25%}}@media screen and (max-width:768px){html body div#container div.fruit-wrap div.fruit-item{-moz-flex:0 0 50%;flex:0 0 50%;width:50%}}@media screen and (min-width:769px){html body div#container div.fruit-wrap div.fruit-item:hover .item-inner div.circle div.circle-inner{transform:rotate(-270deg)}html body div#container div.fruit-wrap div.fruit-item:hover .item-inner div.image-wrap img{transform:scale(1.05)}}html body div#container div.fruit-wrap div.fruit-item.apples{background:#88a235;background:radial-gradient(ellipse at center,#fcde4c 0,#fb8f25 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#FCDE4C",endColorstr="#FB8F25",GradientType=$opacity)}html body div#container div.fruit-wrap div.fruit-item.apples .item-inner div.circle{background:#d34620;background:linear-gradient(135deg,#d34620,#ce0527);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#D34620",endColorstr="#CE0527",GradientType=$opacity)}html body div#container div.fruit-wrap div.fruit-item.apples .item-inner div.gradient-overlay{background:rgba(211,70,32,.85);background:linear-gradient(135deg,rgba(211,70,32,.85),rgba(206,5,39,.85));filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#D34620",endColorstr="#CE0527",GradientType=$opacity)}html body div#container div.fruit-wrap div.fruit-item.pears{background:#88a235;background:radial-gradient(ellipse at center,#b4c439 0,#5f9639 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#B4C439",endColorstr="#5F9639",GradientType=$opacity)}html body div#container div.fruit-wrap div.fruit-item.pears .item-inner div.circle{background:#fcde4c;background:linear-gradient(135deg,#fcde4c,#fb8f25);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#FCDE4C",endColorstr="#FB8F25",GradientType=$opacity)}html body div#container div.fruit-wrap div.fruit-item.pears .item-inner div.gradient-overlay{background:rgba(252,222,76,.85);background:linear-gradient(135deg,rgba(252,222,76,.85),rgba(251,143,37,.85));filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#FCDE4C",endColorstr="#FB8F25",GradientType=$opacity)}html body div#container div.fruit-wrap div.fruit-item.cherries{background:#88a235;background:radial-gradient(ellipse at center,#d34620 0,#ce0527 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#D34620",endColorstr="#CE0527",GradientType=$opacity)}html body div#container div.fruit-wrap div.fruit-item.cherries .item-inner div.circle{background:#b4c439;background:linear-gradient(135deg,#b4c439,#5f9639);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#B4C439",endColorstr="#5F9639",GradientType=$opacity)}html body div#container div.fruit-wrap div.fruit-item.cherries .item-inner div.gradient-overlay{background:rgba(180,196,57,.85);background:linear-gradient(135deg,rgba(180,196,57,.85),rgba(95,150,57,.85));filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#B4C439",endColorstr="#5F9639",GradientType=$opacity)}html body div#container div.fruit-wrap div.fruit-item.apricots{background:#88a235;background:radial-gradient(ellipse at center,#fcde4c 0,#fb8f25 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#FCDE4C",endColorstr="#FB8F25",GradientType=$opacity)}html body div#container div.fruit-wrap div.fruit-item.apricots .item-inner div.circle{background:#fcde4c;background:linear-gradient(135deg,#fcde4c,#fb8f25);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#FCDE4C",endColorstr="#FB8F25",GradientType=$opacity)}html body div#container div.fruit-wrap div.fruit-item.apricots .item-inner div.gradient-overlay{background:rgba(252,222,76,.85);background:linear-gradient(135deg,rgba(252,222,76,.85),rgba(251,143,37,.85));filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#FCDE4C",endColorstr="#FB8F25",GradientType=$opacity)}html body div#container div.fruit-wrap div.fruit-item .item-inner{bottom:0;color:#fff;display:block;height:100%;left:0;position:absolute;right:0;top:0;width:100%}html body div#container div.fruit-wrap div.fruit-item .item-inner div.image-wrap img{display:block;height:auto;transition:transform .3s linear;width:100%}html body div#container div.fruit-wrap div.fruit-item .item-inner div.circle{background:#b4c439;background:linear-gradient(135deg,#b4c439,#5f9639);border-radius:50%;bottom:5px;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#B4C439",endColorstr="#5F9639",GradientType=$opacity);height:45px;position:absolute;right:10px;transition:opacity .1s linear;width:45px;z-index:8}@media screen and (max-width:768px){html body div#container div.fruit-wrap div.fruit-item .item-inner div.circle{height:35px;right:5px;width:35px}}html body div#container div.fruit-wrap div.fruit-item .item-inner div.circle div.circle-inner{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath style='fill:%23fff' d='M16 7H8.5V0h-1v7H0v1h7.5v8h1V8H16V7z'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:16px auto;height:100%;transition:transform .2s linear;width:100%}@media screen and (max-width:1600px){html body div#container div.fruit-wrap div.fruit-item .item-inner div.circle div.circle-inner{background-size:14px auto}}html body div#container div.fruit-wrap div.fruit-item .item-inner div.gradient-overlay{background:rgba(180,196,57,.85);background:linear-gradient(135deg,rgba(180,196,57,.85),rgba(95,150,57,.85));border-radius:50%;bottom:-100%;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#B4C439",endColorstr="#5F9639",GradientType=$opacity);height:100%;opacity:0;pointer-events:none;position:absolute;right:-100%;transition:bottom .2s linear,right .2s linear,opacity .2s linear,border-radius .2s linear;width:100%;z-index:8}html body div#container div.fruit-wrap div.fruit-item .item-inner div.title-overlay{display:-moz-flex;display:flex;height:100%;left:0;opacity:0;pointer-events:none;position:absolute;right:0;text-align:center;top:0;transition:opacity .2 linear .15s;width:100%;z-index:8}html body div#container div.fruit-wrap div.fruit-item .item-inner div.title-overlay div.title{align-self:center;color:#fff;-moz-flex:1;flex:1;font-family:hwt-artz,sans-serif;font-size:40px;line-height:40px;width:100%}