#page-hero{z-index:2}.stage{z-index:0}.stage#page{padding-top:0px !important;padding-bottom:0px !important}.stage#types_of_sugar_nav{background:#30302f url(https://www.sugar.org/wp-content/themes/sugar/elements/styles/../images/sugar-bg-dark.jpg) center top no-repeat;background-attachment:fixed;background-size:cover;z-index:1;-webkit-transition:all 250ms cubic-bezier(.645, .045, .355, 1);transition:all 250ms cubic-bezier(.645, .045, .355, 1)}.stage#types_of_sugar_nav .content{display:flex;flex-direction:column;justify-content:center;align-items:center;-webkit-transition:all 250ms cubic-bezier(.645, .045, .355, 1);transition:all 250ms cubic-bezier(.645, .045, .355, 1);padding-top:0px !important}.stage#types_of_sugar_nav .content .outline-highlight{float:left;position:relative;margin:60px 0px 60px 0px;padding:30px 30px 30px 30px;font-family:'Zilla Slab',serif;font-size:30px;font-weight:900;line-height:30px;color:#fff;font-style:italic;text-align:center;border:2px solid #fff;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;overflow:hidden;opacity:1;-webkit-transition:all 250ms cubic-bezier(.645, .045, .355, 1);transition:all 250ms cubic-bezier(.645, .045, .355, 1)}.stage#types_of_sugar_nav .content ul#sugar-types-nav,.stage#types_of_sugar_nav .content ul#sugar-types-nav-sticky{width:100%;float:left;position:relative;margin:0px 0px 60px 0px;padding:0px 0px 0px 0px;display:flex;flex-direction:row;justify-content:center;align-items:center;-webkit-transition:all 250ms cubic-bezier(.645, .045, .355, 1);transition:all 250ms cubic-bezier(.645, .045, .355, 1)}.stage#types_of_sugar_nav .content ul#sugar-types-nav li,.stage#types_of_sugar_nav .content ul#sugar-types-nav-sticky li{margin-left:80px}.stage#types_of_sugar_nav .content ul#sugar-types-nav li:nth-of-type(1),.stage#types_of_sugar_nav .content ul#sugar-types-nav-sticky li:nth-of-type(1){margin-left:0px}.stage#types_of_sugar_nav .content ul#sugar-types-nav li a,.stage#types_of_sugar_nav .content ul#sugar-types-nav-sticky li a{font-family:'Muli',sans-serif;font-weight:900;color:#fff;font-size:24px;line-height:24px;text-decoration:none;-webkit-transition:all 125ms cubic-bezier(.645, .045, .355, 1);transition:all 125ms cubic-bezier(.645, .045, .355, 1)}.stage#types_of_sugar_nav .content ul#sugar-types-nav li a:hover,.stage#types_of_sugar_nav .content ul#sugar-types-nav-sticky li a:hover,.stage#types_of_sugar_nav .content ul#sugar-types-nav li a.current,.stage#types_of_sugar_nav .content ul#sugar-types-nav-sticky li a.current{text-decoration:underline}.stage#types_of_sugar_nav .content ul#sugar-types-nav-sticky{background:#30302f url(https://www.sugar.org/wp-content/themes/sugar/elements/styles/../images/sugar-bg-dark.jpg) center top no-repeat;background-attachment:fixed;background-size:cover;width:100%;position:fixed;left:0px;top:0px;z-index:700;padding:20px 0px 20px 0px;overflow:hidden;height:auto;max-height:0px;opacity:0}.stage#types_of_sugar_nav .content ul#sugar-types-nav-sticky.visible{max-height:200px;opacity:1}.stage .content.types{margin-top:0px !important;padding-top:0px !important;padding-bottom:100px !important}.stage .content.types h3{width:100%;float:left;position:relative;margin:0px 0px 40px 0px;padding:100px 0px 0px 0px;font-family:'Muli',sans-serif;font-weight:900;font-size:36px;line-height:36px;color:#42695c;text-align:center}.stage .content.types h3:nth-of-type(1){margin-top:0px}.stage .content.types h3:nth-of-type(2){color:#80644c}.stage .content.types h3:nth-of-type(3){color:#81cad0}.stage .content.types .gray-bg{background:#e7e8e6;width:100%;float:left;position:relative;margin:100px 0px 100px 0px}.stage .content.types ul.types-of-sugar{width:calc(100% - 20px);max-width:1580px;float:left;position:relative;margin:-100px 0px -120px 0px;padding:0px 0px 0px 20px;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;align-items:flex-start}.stage .content.types ul.types-of-sugar li.type{height:296px;width:calc(20% - 24px);float:left;position:relative;margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;cursor:pointer;z-index:1;display:block;display:flex;flex-direction:row;justify-content:flex-start;align-content:center;align-items:center;overflow:hidden}.stage .content.types ul.types-of-sugar li.type h4{width:calc(100% - 80px);max-width:216px;position:absolute;left:20px;bottom:20px;z-index:1;font-family:'Muli',sans-serif;font-size:28px;line-height:30px;font-weight:900;color:#fff}.stage .content.types ul.types-of-sugar li.type div.arrow{background:url(https://www.sugar.org/wp-content/themes/sugar/elements/styles/../images/circle-arrow.png) left top no-repeat;width:40px;height:40px;border:2px solid #fff;-webkit-border-radius:25px;-moz-border-radius:25px;border-radius:25px;position:absolute;right:20px;bottom:20px;cursor:pointer;z-index:2}.stage .content.types ul.types-of-sugar li.type div.thumbnail{background-position:center center;background-repeat:no-repeat;background-size:cover;width:100%;height:100%;float:left;position:relative;margin:0px 0px 0px 0px;padding:0px 0px 0% 0px;display:block;z-index:0}.stage .content.types ul.types-of-sugar li.type img{background-position:center center;background-repeat:no-repeat;width:100%;height:auto;float:left;position:relative;margin:0px 0px 0% 0px;padding:0px 0px 0% 0px;display:block;z-index:0}.stage .content.types ul.types-of-sugar li.type div.description{width:0px;height:100%;float:left;position:relative;margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;display:block;opacity:0;overflow:hidden}.stage .content.types ul.types-of-sugar li.type div.description ul{width:100%;height:calc(100% - 40px);float:left;position:relative;margin:20px 0px 20px 0px;padding:0px 0px 0px 0px;list-style:disc;list-style-position:outside;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;overflow-y:auto}.stage .content.types ul.types-of-sugar li.type div.description ul li{width:calc(100% - 40px);color:#fff;font-family:'Muli',sans-serif;font-weight:400;font-size:16px;line-height:24px;float:left;position:relative;margin:0px 0px 10px 20px;padding:0px 0px 0px 0px;word-wrap:break-word}.stage .content.types ul.types-of-sugar li.type div.description ul li:last-of-type{margin-bottom:0px}.stage .content.types ul.types-of-sugar li.type:hover{-webkit-box-shadow:0px 3px 15px 0px rgba(0,0,0,0.25);-moz-box-shadow:0px 3px 15px 0px rgba(0,0,0,0.25);box-shadow:0px 3px 15px 0px rgba(0,0,0,0.25)}.stage .content.types ul.types-of-sugar li.type.open{width:calc(60% - 32px);-webkit-box-shadow:0px 3px 15px 0px rgba(0,0,0,0.25);-moz-box-shadow:0px 3px 15px 0px rgba(0,0,0,0.25);box-shadow:0px 3px 15px 0px rgba(0,0,0,0.25)}.stage .content.types ul.types-of-sugar li.type.open div.description{width:100%;margin:0px 20px 0px 20px;opacity:1 !important}.stage .content.types ul.types-of-sugar li.type.open div.arrow{transform:scale(.5);right:4px;bottom:8px;background-position:left bottom}.stage .content.types ul.types-of-sugar li.type.open div.arrow:hover{border-color:#30302f !important}.stage .content.types ul.types-of-sugar.white li.type{background-color:#42695c}.stage .content.types ul.types-of-sugar.white li.type.open div.arrow{background-color:#42695c}.stage .content.types ul.types-of-sugar.white li.type div.arrow:hover{border-color:#42695c}.stage .content.types ul.types-of-sugar.brown li.type{background-color:#80644c}.stage .content.types ul.types-of-sugar.brown li.type.open div.arrow{background-color:#80644c}.stage .content.types ul.types-of-sugar.brown li.type div.arrow:hover{border-color:#80644c}.stage .content.types ul.types-of-sugar.liquid li.type{background-color:#81cad0}.stage .content.types ul.types-of-sugar.liquid li.type.open div.arrow{background-color:#81cad0}.stage .content.types ul.types-of-sugar.liquid li.type div.arrow:hover{border-color:#81cad0}@media screen and (max-width:1600px){.stage .content.types ul.types-of-sugar li.type{width:calc(25% - 24px)}.stage .content.types ul.types-of-sugar li.type.open{width:calc(75% - 32px)}}@media screen and (max-width:1200px){.stage .content.types ul.types-of-sugar li.type{width:calc(33% - 24px)}.stage .content.types ul.types-of-sugar li.type.open{width:calc(100% - 42px)}}@media screen and (max-width:960px){.stage .content ul#sugar-types-nav-sticky{top:80px !important}.stage .content ul#sugar-types-nav{width:100% !important;margin-bottom:40px}.stage .content ul#sugar-types-nav li,.stage .content ul#sugar-types-nav-sticky li{width:33.3%;margin-left:0px !important}.stage .content ul#sugar-types-nav li:nth-of-type(1),.stage .content ul#sugar-types-nav-sticky li:nth-of-type(1){margin-left:0px}.stage .content ul#sugar-types-nav li a,.stage .content ul#sugar-types-nav-sticky li a{width:100% !important;text-align:center !important;font-size:18px !important;line-height:18px !important;float:left !important;position:relative !important}.stage .content.types ul.types-of-sugar li.type{height:240px}.stage .content.types ul.types-of-sugar li.type h4{font-size:24px;line-height:24px}.stage .content.types ul.types-of-sugar li.type.open{width:calc(100% - 40px)}}@media screen and (max-width:760px){.stage .content.types .gray-bg{margin:0px 0px 0px 0px !important;background-color:#fff}.stage .content.types ul.types-of-sugar{width:calc(100% - 60px);margin:20px 0px 0px 0px !important;display:block}.stage .content.types ul.types-of-sugar li.type{background:none !important;height:auto !important;width:calc(100%) !important;float:left;position:relative;margin:0px 0px 40px 0px !important;padding:0px 0px 0px 0px !important;box-shadow:none !important;display:flex;flex-direction:column;justify-content:flex-start;align-items:center}.stage .content.types ul.types-of-sugar li.type h4{float:right;position:relative;width:100% !important;top:auto;left:auto;max-width:100%;margin:40px 0px -20px 0px !important;padding:0px 0px 0px 0px !important;text-align:center;font-size:24px;line-height:24px;order:2;color:#7bbd33}.stage .content.types ul.types-of-sugar li.type .description{width:100% !important;height:auto !important;opacity:1 !important;order:3;float:left;position:relative}.stage .content.types ul.types-of-sugar li.type .description ul,.stage .content.types ul.types-of-sugar li.type .description li,.stage .content.types ul.types-of-sugar li.type .description p{color:#949691 !important}.stage .content.types ul.types-of-sugar li.type div.thumbnail{width:200px;height:200px;float:left !important;position:relative !important;margin:0px 0px 0px 0px !important;padding:0px 0px 0px 0px !important;order:1;-webkit-border-radius:500px;-moz-border-radius:500px;border-radius:500px;overflow:hidden}.stage .content.types ul.types-of-sugar li.type div.arrow{display:none}.stage .content.types ul.types-of-sugar li.type.open{width:calc(100% - 40px)}}@media screen and (max-width:540px){.stage .content ul#sugar-types-nav li a,.stage .content ul#sugar-types-nav-sticky li a{font-size:13px !important;line-height:13px !important}}@media screen and (max-width:380px){.stage .content ul#sugar-types-nav{width:calc(100% + 20px) !important;margin-left:-10px !important;margin-right:-10px !important}.stage .content ul#sugar-types-nav li{width:100%}}