Merge pull request #1006 from chrisgarrity/feature/gh979-tttpage

Fix gh-979: TTT page

src/components/masonrygrid/masonrygrid.jsx

+var classNames = require('classnames');
+var React = require('react');
+var MediaQuery = require('react-responsive');
+var frameless = require('../../lib/frameless');
+
+require('./masonrygrid.scss');
+
+var MasonryGrid = React.createClass({
+    type: 'MasonryGrid',
+    getDefaultProps: function () {
+        return {
+            as: 'div'
+        };
+    },
+    reorderColumns: function (items, cols) {
+        var a1 = [];
+        var a2 = [];
+        var a3 = [];
+        var i = 0;
+        //only implemented for 2 and 3 columns so far - easy to extend if needed
+        if (cols > 1 && cols < 4) {
+            for (i=0;i<items.length;i++){
+                var col = (i+cols)%cols;
+                if (col === 0) {
+                    a1.push(items[i]);
+                }
+                else if (col === 1) {
+                    a2.push(items[i]);
+                }
+                else if (col === 2) {
+                    a3.push(items[i]);
+                }
+            }
+            return a1.concat(a2,a3);
+        } else {
+            return items;
+        }
+    },
+    render: function () {
+        var classes = classNames(
+            'masonry',
+            this.props.className
+        );
+        return (
+            <this.props.as className={classes}>
+                <MediaQuery maxWidth={frameless.tablet - 1} >
+                    {this.props.children}
+                </MediaQuery>
+                <MediaQuery minWidth={frameless.tablet} maxWidth={frameless.desktop - 1} >
+                    {this.reorderColumns(this.props.children, 2)}
+                </MediaQuery>
+                <MediaQuery minWidth={frameless.desktop} >
+                    {this.reorderColumns(this.props.children, 3)}
+                </MediaQuery>
+            </this.props.as>
+        );
+    }
+});
+
+module.exports = MasonryGrid;

src/components/masonrygrid/masonrygrid.scss

+@import "../../frameless";
+
+.masonry {
+    column-gap: $gutter;
+    column-width: $cols4;
+    padding-bottom: 50px;
+    -webkit-perspective: 1;
+}
+
+// working around Firefox issue that requires column-count, using explicit -moz-column-count
+//4 columns
+@media only screen and (max-width: $mobile - 1) {
+    .masonry {
+        -moz-column-count: 1;
+    }
+}
+
+//6 columns
+@media only screen and (min-width: $mobile) and (max-width: $tablet - 1) {
+    .masonry {
+        -moz-column-count: 1;
+    }
+}
+
+
+//8 columns
+@media only screen and (min-width: $tablet) and (max-width: $desktop - 1) {
+    .masonry {
+        -moz-column-count: 2;
+    }
+}
+
+// 12 columns
+@media only screen and (min-width: $desktop) {
+    .masonry {
+        -moz-column-count: 3;
+    }
+}

src/components/ttt-tile/ttt-tile.jsx

+var classNames = require('classnames');
+var React = require('react');
+var FormattedMessage = require('react-intl').FormattedMessage;
+
+require('../forms/button.scss');
+require('./ttt-tile.scss');
+
+var TTTTile = React.createClass({
+    type: 'TTTTile',
+    propTypes: {
+        title: React.PropTypes.string.isRequired,
+        description: React.PropTypes.string.isRequired,
+        thumbUrl: React.PropTypes.string.isRequired,
+        tutorialLoc: React.PropTypes.string.isRequired,
+        onGuideClick: React.PropTypes.func.isRequired
+    },
+    render: function () {
+        var classes = classNames(
+            'ttt-tile',
+            this.props.className
+        );
+        return (
+            <div className={classes} >
+                <a href={this.props.tutorialLoc}>
+                    <div className="ttt-tile-tutorial">
+                        <div className="ttt-tile-image">
+                            <img className="ttt-tile-image-img" src={this.props.thumbUrl} alt="" />
+                            <div className="ttt-tile-image-try">
+                                <div className="button mod-ttt-tile-image-try-button">
+                                    <FormattedMessage id="ttt.tryIt" />
+                                </div>
+                            </div>
+                        </div>
+                        <div className="ttt-tile-info">
+
+                            <div className="ttt-tile-tag">
+                                <FormattedMessage id='tile.tutorial' defaultMessage='Tutorial'/>
+                            </div>
+                            <h4 className="ttt-tile-title">{this.props.title}</h4>
+                            <p className="ttt-tile-description">
+                                {this.props.description}
+                            </p>
+                        </div>
+                    </div>
+
+                </a>
+                <div className="ttt-tile-guides" onClick={this.props.onGuideClick}>
+                    <FormattedMessage id='tile.guides' defaultMessage='See Cards and Guides'/>
+                    <img className="ttt-tile-see-more" src="/svgs/ttt/see-more.svg" />
+                </div>
+            </div>
+        );
+    }
+});
+
+module.exports = TTTTile;

src/components/ttt-tile/ttt-tile.scss

+@import "../../colors";
+@import "../../frameless";
+
+.ttt-tile {
+    display: inline-block;
+    // work-around chrome bug with columns support - 1 px of next column ends up
+    // at the bottom of the previous column.
+    margin-top: 1px;
+    margin-bottom: calc(1.25rem - 1px);
+
+    border-radius: 1rem;
+    box-shadow: 0 0 0 1px $active-gray;
+    width: $cols4;
+    text-align: center;
+}
+
+.ttt-tile-tutorial {
+    display: inline-block;
+    position: relative;
+}
+
+// nesting is required (not just name-spacing) because we want the image
+// and tile box to change style on hover of the parent component.
+.ttt-tile-tutorial:hover {
+
+    .ttt-tile-image {
+        .ttt-tile-image-img {
+            opacity: .5;
+        }
+
+        .ttt-tile-image-try {
+            display: inline-block;
+        }
+    }
+}
+
+.ttt-tile-image {
+    border-radius: 1rem 1rem 0 0;
+    background: $ui-blue;
+    width: 100%;
+}
+
+.ttt-tile-image-img {
+    display: block;
+    border-radius: 1rem 1rem 0 0;
+    width: 100%;
+}
+
+// wrapper for try button to get position correct
+.ttt-tile-image-try {
+    display: none;
+    position: absolute;
+    top: 4rem;
+    left: 50%;
+    transform: translate(-50%, 0);
+    text-align: center;
+    color: $ui-white;
+}
+
+.mod-ttt-tile-image-try-button {
+    border: 1px solid $ui-white;
+    background-color: transparent;
+}
+
+.ttt-tile-info {
+    position: relative;
+    cursor: pointer;
+    padding: 1rem 0;
+}
+
+.ttt-tile-tag {
+    display: inline-block;
+    position: absolute;
+    top: -1rem;
+    left: 1rem;
+    margin: .5em 0;
+    border: 0;
+    border-radius: 1rem;
+    background-color: $ui-blue;
+    padding: .25rem 1rem;
+    color: $type-white;
+    font-size: .8rem;
+    font-weight: bold;
+}
+
+.ttt-tile-title {
+    margin: .5rem auto;
+    width: calc(100% - 3rem);
+}
+
+.ttt-tile-description {
+    margin: auto;
+    width: calc(100% - 3rem);
+    font-size: .875rem;
+}
+
+.ttt-tile-guides {
+    margin: auto;
+    border-top: 1px dashed $ui-border;
+    border-radius: 0 0 1rem 1rem;
+    cursor: pointer;
+    padding: 1.25rem 0;
+    color: $link-blue;
+
+    font-size: .75rem;
+    font-weight: 500;
+
+
+    &:hover {
+        background-color: lighten($link-blue, 40%);
+    }
+}
+
+.ttt-tile-see-more {
+    display: inline-block;
+    padding: 0 .25rem;
+    vertical-align: middle;
+}

src/routes.json

@@ -133,6 +133,13 @@
         "view": "cards/cards",
         "title": "Cards"
     },
+    {
+        "name": "things-to-try",
+        "pattern": "^/go/?$",
+        "routeAlias": "/go/?$",
+        "view": "thingstotry/thingstotry",
+        "title": "Things to Try"
+    },
     {
         "name": "communityblocks-interviews",
         "pattern": "^/info/communityblocks-interviews/?$",

src/views/thingstotry/l10n-static.json

+{
+    "ttt.MakeItFlyActivityLoc": "/pdfs/cards/FlyCards.pdf",
+    "ttt.MakeItFlyGuideLoc": "/pdfs/guides/FlyGuide.pdf",
+    "ttt.AnimateYourNameActivityLoc": "/pdfs/cards/AnimateYourNameCards.pdf",
+    "ttt.AnimateYourNameGuideLoc": "/pdfs/guides/NameGuide.pdf",
+    "ttt.MakeMusicActivityLoc": "/pdfs/cards/MusicCards.pdf",
+    "ttt.MakeMusicGuideLoc": "/pdfs/guides/MusicGuide.pdf",
+    "ttt.RaceActivityLoc": "/pdfs/cards/RaceGameCards.pdf",
+    "ttt.RaceGuideLoc": "/pdfs/guides/RaceGuide.pdf",
+    "ttt.DanceActivityLoc": "/pdfs/cards/DanceCards.pdf",
+    "ttt.DanceGuideLoc": "/pdfs/guides/DanceGuide.pdf",
+    "ttt.PongActivityLoc": "/pdfs/cards/PongCards.pdf",
+    "ttt.PongGuideLoc": "/pdfs/guides/PongGuide.pdf",
+    "ttt.CatchActivityLoc": "/pdfs/cards/CatchCards.pdf",
+    "ttt.CatchGuideLoc": "/pdfs/guides/CatchGuide.pdf",
+    "ttt.HideAndSeekActivityLoc": "/pdfs/cards/Hide-and-Seek-Cards.pdf",
+    "ttt.HideAndSeekGuideLoc": "/pdfs/guides/Hide-and-Seek-Guide.pdf",
+    "ttt.VirtualPetActivityLoc": "/pdfs/cards/PetCards.pdf",
+    "ttt.VirtualPetGuideLoc": "/pdfs/guides/PetGuide.pdf",
+    "ttt.FashionActivityLoc": "/pdfs/cards/DressupCards.pdf",
+    "ttt.FashionGuideLoc": "/pdfs/guides/DressupGuide.pdf",
+    "ttt.StoryActivityLoc": "/pdfs/cards/StoryCards.pdf",
+    "ttt.StoryGuideLoc": "/pdfs/guides/StoryGuide.pdf"
+}

src/views/thingstotry/l10n.json

+{
+    "ttt.placeholder": "Placeholder text",
+    "ttt.title": "Things to Try",
+    "ttt.subTitle": "You can get started with Scratch in a variety of ways. Click a picture to try a <b>Tutorial</b>. You can also download a set of <b>Activity Cards</b> and <b>Educator Guide</b> for each theme.",
+    "tile.tutorial": "Tutorial",
+    "tile.guides": "See Cards and Guides",
+    "ttt.tutorialTitle": "Tutorial",
+    "ttt.tutorialSubtitle": "Find out how to make this project using a step-by-step tutorial in Scratch.",
+    "ttt.activityTitle": "Activity Cards",
+    "ttt.activitySubtitle": "Explore new coding ideas using this set of illustrated cards you can print out.",
+    "ttt.educatorTitle": "Educator Guide",
+    "ttt.educatorSubtitle": "Use this educator guide to plan and lead a one-hour Scratch workshop.",
+    "ttt.tryIt": "Try It",
+    "ttt.download": "Download",
+    "ttt.MakeItFlyTitle": "Make It Fly",
+    "ttt.MakeItFlyDescription": "Animate the Scratch Cat, The Powerpuff Girls, or even a taco!",
+    "ttt.AnimateYourNameTitle": "Animate Your Name",
+    "ttt.AnimateYourNameDescription": "Animate the letters of your name, initials, or favorite word.",
+    "ttt.RaceTitle": "Race to the Finish",
+    "ttt.RaceDescription": "Make a game where two characters race each other.",
+    "ttt.MakeMusicTitle": "Make Music",
+    "ttt.MakeMusicDescription": "Choose instruments, add sounds, and press keys to play music.",
+    "ttt.HideAndSeekTitle": "Hide-and-Seek Game",
+    "ttt.HideAndSeekDescription": "Make a hide-and-seek game with characters that appear and disappear.",
+    "ttt.StoryTitle": "Create a Story",
+    "ttt.StoryDescription": "Choose characters, add conversation, and bring your story to life.",
+    "ttt.FashionTitle": "Fashion Game",
+    "ttt.FashionDescription": "Dress up a character with different clothes and styles.",
+    "ttt.PongTitle": "Pong Game",
+    "ttt.PongDescription": "Make a bouncing ball game with sounds, points, and other effects.",
+    "ttt.DanceTitle": "Let's Dance",
+    "ttt.DanceDescription": "Design an animated dance scene with music and dance moves.",
+    "ttt.CatchTitle": "Catch Game",
+    "ttt.CatchDescription": "Make a game where you catch things falling from the sky.",
+    "ttt.VirtualPetTitle": "Virtual Pet",
+    "ttt.VirtualPetDescription": "Create an interactive pet that can eat, drink, and play."
+}

src/views/thingstotry/thingstotry.jsx

+var React = require('react');
+var injectIntl = require('react-intl').injectIntl;
+var FormattedHTMLMessage = require('react-intl').FormattedHTMLMessage;
+var FormattedMessage = require('react-intl').FormattedMessage;
+var render = require('../../lib/render.jsx');
+
+var MasonryGrid = require('../../components/masonrygrid/masonrygrid.jsx');
+var Page = require('../../components/page/www/page.jsx');
+var TitleBanner = require('../../components/title-banner/title-banner.jsx');
+var TTTTile = require('../../components/ttt-tile/ttt-tile.jsx');
+var TTTModal = require('../../components/modal/ttt/modal.jsx');
+var Tiles = require('./ttt.json');
+
+require('./thingstotry.scss');
+
+var ThingsToTry = injectIntl(React.createClass({
+    type: 'ThingsToTry',
+    getInitialState: function () {
+        return {
+            currentTile: Tiles[0],
+            TTTModalOpen: false
+        };
+    },
+    showTTTModal: function (tile) {
+        // expects translated tile
+        this.setState({currentTile: tile});
+        this.setState({TTTModalOpen: true});
+    },
+    hideTTTModal: function () {
+        this.setState({TTTModalOpen: false});
+    },
+    renderTTTTiles: function () {
+        var formatMessage = this.props.intl.formatMessage;
+        var translatedTiles = [];
+        var translatedTile = {};
+
+        Tiles.map(function (tile, key) {
+            translatedTile = {
+                title: formatMessage({id: tile.title}),
+                description: formatMessage({id: tile.description}),
+                tutorialLoc: tile.tutorialLoc,
+                activityLoc: formatMessage({id: tile.activityLoc}),
+                guideLoc: formatMessage({id: tile.guideLoc}),
+                thumbUrl: tile.thumbUrl,
+                bannerUrl: tile.bannerUrl
+            };
+            translatedTiles.push(
+                <TTTTile
+                    key={key}
+                    onGuideClick={this.showTTTModal.bind(this, translatedTile)}
+                    {...translatedTile}
+                />
+            );
+        }, this); // don't forget to pass 'this' into map function
+        return translatedTiles;
+    },
+    render: function () {
+        return (
+            <div className="ttt">
+                <TitleBanner className="masthead mod-ttt-title">
+                    <section className="ttt-section">
+                        <img className="ttt-banner-image" src="/svgs/ttt/resources.svg" alt=""/>
+                    </section>
+                    <h1>
+                        <FormattedMessage id="ttt.title" />
+                    </h1>
+                    <p className="intro">
+                        <FormattedHTMLMessage id="ttt.subTitle" />
+                    </p>
+                </TitleBanner>
+
+                <div className="inner">
+                    <section className="ttt-section">
+                        <MasonryGrid >
+                            {this.renderTTTTiles()}
+                        </MasonryGrid>
+                        <TTTModal
+                            isOpen={this.state.TTTModalOpen}
+                            onRequestClose={this.hideTTTModal}
+                            {...this.state.currentTile}
+                        />
+                    </section>
+
+                </div>
+            </div>
+        );
+    }
+}));
+
+render(<Page><ThingsToTry /></Page>, document.getElementById('app'));

src/views/thingstotry/thingstotry.scss

+@import "../../colors";
+@import "../../frameless";
+
+$base-bg: $ui-white;
+
+#view {
+    padding: 0;
+}
+
+// .mod-ttt-title, to avoid collision with .title-banner.mod-tt in ttt modal
+.title-banner.mod-ttt-title {
+    background-color: $ui-blue;
+}
+
+.ttt-section {
+    display: flex;
+    margin: 0 auto;
+    text-align: center;
+    justify-content: center;
+    flex-wrap: wrap;
+    align-items: center;
+}
+
+.ttt-banner-image {
+    max-width: calc(100% - 2rem);
+}
+
+//4 columns
+@media only screen and (max-width: $mobile - 1) {
+
+    .title-banner {
+        &.masthead {
+            padding-bottom: 1.25rem;
+
+            p {
+                max-width: $cols4;
+            }
+        }
+    }
+
+    .ttt-section.mod-title-banner {
+        max-width: $mobile;
+    }
+}
+
+//6 columns
+@media only screen and (min-width: $mobile) and (max-width: $tablet - 1) {
+    .title-banner {
+        &.masthead {
+
+            p {
+                max-width: $cols6;
+            }
+        }
+    }
+
+    .ttt-section.mod-title-banner {
+        max-width: $mobile;
+    }
+}
+
+
+//8 columns
+@media only screen and (min-width: $tablet) and (max-width: $desktop - 1) {
+    .title-banner {
+        &.masthead {
+            padding-bottom: 2rem;
+
+            p {
+                max-width: $cols8;
+            }
+        }
+    }
+
+    .ttt-section.mod-title-banner {
+        max-width: $tablet;
+    }
+}
+
+// 12 columns
+@media only screen and (min-width: $desktop) {
+    .title-banner {
+        &.masthead {
+            padding-bottom: 1.25rem;
+
+            p {
+                max-width: $cols8;
+            }
+        }
+    }
+}

src/views/thingstotry/ttt.json

+[
+    {
+        "title": "ttt.AnimateYourNameTitle",
+        "description": "ttt.AnimateYourNameDescription",
+        "thumbUrl": "/images/ttt/animate-your-name.jpg",
+        "bannerUrl": "/images/ttt/animate-your-name-banner.jpg",
+        "tutorialLoc": "/projects/editor/?tip_bar=name",
+        "activityLoc": "ttt.AnimateYourNameActivityLoc",
+        "guideLoc": "ttt.AnimateYourNameGuideLoc"
+    },
+    {
+        "title": "ttt.MakeItFlyTitle",
+        "description": "ttt.MakeItFlyDescription",
+        "thumbUrl": "/images/ttt/make-it-fly.jpg",
+        "bannerUrl": "/images/ttt/make-it-fly-banner.jpg",
+        "tutorialLoc": "/projects/editor/?tip_bar=fly",
+        "activityLoc": "ttt.MakeItFlyActivityLoc",
+        "guideLoc": "ttt.MakeItFlyGuideLoc"
+    },
+    {
+        "title": "ttt.MakeMusicTitle",
+        "description": "ttt.MakeMusicDescription",
+        "thumbUrl": "/images/ttt/make-music.jpg",
+        "bannerUrl": "/images/ttt/make-music-banner.jpg",
+        "tutorialLoc": "/projects/editor/?tip_bar=music",
+        "activityLoc": "ttt.MakeMusicActivityLoc",
+        "guideLoc": "ttt.MakeMusicGuideLoc"
+    },
+    {
+        "title": "ttt.RaceTitle",
+        "description": "ttt.RaceDescription",
+        "thumbUrl": "/images/ttt/race-to-the-finish.jpg",
+        "bannerUrl": "/images/ttt/race-to-the-finish-banner.jpg",
+        "tutorialLoc": "/projects/editor/?tip_bar=racegame",
+        "activityLoc": "ttt.RaceActivityLoc",
+        "guideLoc": "ttt.RaceGuideLoc"
+    },
+    {
+        "title": "ttt.HideAndSeekTitle",
+        "description": "ttt.HideAndSeekDescription",
+        "thumbUrl": "/images/ttt/hide-and-seek.jpg",
+        "bannerUrl": "/images/ttt/hide-and-seek-banner.jpg",
+        "tutorialLoc": "/projects/editor/?tip_bar=hide",
+        "activityLoc": "ttt.HideAndSeekActivityLoc",
+        "guideLoc": "ttt.HideAndSeekGuideLoc"
+    },
+    {
+        "title": "ttt.PongTitle",
+        "description": "ttt.PongDescription",
+        "thumbUrl": "/images/ttt/pong-game.jpg",
+        "bannerUrl": "/images/ttt/pong-game-banner.jpg",
+        "tutorialLoc": "/projects/editor/?tip_bar=pong",
+        "activityLoc": "ttt.PongActivityLoc",
+        "guideLoc": "ttt.PongGuideLoc"
+    },
+    {
+        "title": "ttt.DanceTitle",
+        "description": "ttt.DanceDescription",
+        "thumbUrl": "/images/ttt/lets-dance.jpg",
+        "bannerUrl": "/images/ttt/lets-dance-banner.jpg",
+        "tutorialLoc": "/projects/editor/?tip_bar=dance",
+        "activityLoc": "ttt.DanceActivityLoc",
+        "guideLoc": "ttt.DanceGuideLoc"
+    },
+    {
+        "title": "ttt.CatchTitle",
+        "description": "ttt.CatchDescription",
+        "thumbUrl": "/images/ttt/catch-game.jpg",
+        "bannerUrl": "/images/ttt/catch-game-banner.jpg",
+        "tutorialLoc": "/projects/editor/?tip_bar=catch",
+        "activityLoc": "ttt.CatchActivityLoc",
+        "guideLoc": "ttt.CatchGuideLoc"
+    },
+    {
+        "title": "ttt.VirtualPetTitle",
+        "description": "ttt.VirtualPetDescription",
+        "thumbUrl": "/images/ttt/virtual-pet.jpg",
+        "bannerUrl": "/images/ttt/virtual-pet-banner.jpg",
+        "tutorialLoc": "/projects/editor/?tip_bar=pet",
+        "activityLoc": "ttt.VirtualPetActivityLoc",
+        "guideLoc": "ttt.VirtualPetGuideLoc"
+    }
+]

static/svgs/ttt/resources.svg

+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 19.2.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Illustrator" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px"
+	 y="0px" width="620px" height="220px" viewBox="0 0 620 220" style="enable-background:new 0 0 620 220;" xml:space="preserve">
+<style type="text/css">
+	.st0{opacity:0.3;}
+	.st1{fill:none;stroke:#FFFFFF;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1.9997,3.9994;}
+	.st2{opacity:0.15;}
+	.st3{fill:none;stroke:#231F20;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
+	.st4{fill:#231F20;}
+	.st5{opacity:0.1;}
+	.st6{fill:#FFFFFF;}
+	.st7{fill:#F0F1F1;stroke:#F0F1F1;stroke-width:2;stroke-miterlimit:10;}
+	.st8{opacity:0.2;fill:#231F20;stroke:#231F20;stroke-width:2;stroke-miterlimit:10;}
+	.st9{fill:#FFFFFF;stroke:#D0D2D3;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
+	.st10{opacity:0.2;}
+	.st11{fill:#231F20;stroke:#231F20;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
+	.st12{opacity:0.2;fill:#231F20;stroke:#231F20;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
+	.st13{fill:#F0F1F1;stroke:#D0D2D3;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
+	.st14{opacity:0.15;fill:#231F20;stroke:#231F20;stroke-width:2;stroke-miterlimit:10;}
+	.st15{fill:none;stroke:#D0D2D3;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
+	.st16{fill:#231F20;stroke:#231F20;stroke-width:2;stroke-miterlimit:10;}
+	.st17{fill:#FFFFFF;stroke:#A6A8AB;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
+	.st18{fill:none;stroke:#A6A8AB;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
+	.st19{fill:#FFFFFF;stroke:#4C95FF;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
+	.st20{fill:#13D69A;stroke:#0FBD8C;stroke-width:2;stroke-linecap:round;stroke-miterlimit:10;}
+	.st21{opacity:0.15;fill:#231F20;}
+	.st22{fill:#4C95FF;}
+	.st23{opacity:0.5;fill:#4C95FF;stroke:#4C95FF;stroke-width:2;stroke-miterlimit:10;}
+	.st24{fill:none;stroke:#FFFFFF;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
+	.st25{fill:#FFFFFF;stroke:#FFFFFF;stroke-width:6;stroke-miterlimit:10;}
+	.st26{fill:#4C95FF;stroke:#4C95FF;stroke-width:2;stroke-miterlimit:10;}
+	.st27{fill:#575E75;stroke:#575E75;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
+	.st28{opacity:0.5;}
+	.st29{fill:none;stroke:#4C95FF;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
+	.st30{fill:#FFFFFF;stroke:#FFFFFF;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
+	.st31{fill:#13D69A;stroke:#13D69A;stroke-width:2;stroke-miterlimit:10;}
+	.st32{opacity:0.1;fill:none;stroke:#231F20;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
+	.st33{opacity:0.15;fill:none;stroke:#231F20;stroke-width:2;stroke-miterlimit:10;}
+	.st34{fill:#231F20;stroke:#231F20;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
+	.st35{fill:none;stroke:#231F20;stroke-width:2.7435;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
+	.st36{fill:#13D69A;stroke:#13D69A;stroke-width:2;stroke-linecap:round;stroke-miterlimit:10;}
+	.st37{fill:#0FBD8C;stroke:#0FBD8C;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
+	.st38{fill:#FFFFFF;stroke:#0FBD8C;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
+	.st39{fill:none;stroke:#FFFFFF;stroke-width:4;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
+	.st40{fill:#FFFFFF;stroke:#FDFEFF;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
+	.st41{opacity:0.2;fill:#4C95FF;stroke:#4C95FF;stroke-width:2;stroke-miterlimit:10;}
+	.st42{opacity:0.2;fill:#13D69A;stroke:#13D69A;stroke-width:2;stroke-miterlimit:10;}
+	.st43{fill:none;stroke:#0FBD8C;stroke-width:2;stroke-linecap:square;stroke-miterlimit:10;}
+	.st44{opacity:0.1;fill:#FFFFFF;stroke:#231F20;stroke-width:2;stroke-miterlimit:10;}
+	.st45{opacity:0.15;fill:none;stroke:#231F20;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
+</style>
+<g class="st0">
+	<path class="st1" d="M74.4,67.9c12.3,44.7,58.5,148.7,192,128.3S382.4,14.5,454.3,13s176.6,83.2,132.4,112
+		c-44.2,28.8-302.9-111.5-358.3-54.8S103.1,180.5,44.6,128.1S62.1,23.1,74.4,67.9z"/>
+</g>
+<g class="st2">
+	<path class="st3" d="M338.9,201.3c0,0-1.4,1.3-1.7,2.4c-0.4,1.6-1.4,4.1-3.8,2.1c-2.4-2,1.1-3.1,1.5-1.7c0.4,1.4-0.9,5-2.9,5.2"/>
+	<g>
+		<g>
+			<path class="st4" d="M360.8,197.8c-0.1,2.7-1.3,5.2-3.3,7.1c-0.7,0.6-1.5,1.2-2.4,1.6c-0.1,0-0.2,0.1-0.3,0.1
+				c0.1-0.4,0.2-0.7,0.2-1.1c0-0.4,0-0.8-0.1-1.1c0.5-0.3,0.9-0.6,1.3-1c1.7-1.5,2.6-3.5,2.7-5.7c0.1-2.2-0.8-4.2-2.3-5.8
+				c-3.3-3.3-8.8-3.4-12.2-0.3c-0.4,0.3-0.7,0.7-1,1.1c-0.8-0.2-1.5-0.2-2.3,0c0-0.1,0.1-0.2,0.1-0.3c0.5-0.8,1.1-1.6,1.9-2.2
+				c4.2-3.8,11-3.6,15,0.4C359.8,192.5,360.8,195.1,360.8,197.8z"/>
+		</g>
+		<path class="st3" d="M355.4,192.8c-1.3-1.3-3-2-4.7-2.2c-0.6-0.1-1.1-0.5-1.3-1l-0.3-1.1"/>
+		<path class="st3" d="M355.4,192.8c1.3,1.3,2,2.9,2,4.6c0,0.6,0.5,1.1,1.1,1.2l1.1,0.2"/>
+		<g>
+			<path class="st4" d="M344.1,194.5l-4.4,4c0,0,0,0,0,0c-0.5-0.6-0.8-1.3-0.8-2c0-0.8,0.4-1.5,0.9-2c0.4-0.4,0.9-0.6,1.4-0.7
+				c0.4-0.1,0.9-0.1,1.3,0C343.1,193.8,343.7,194,344.1,194.5z"/>
+		</g>
+		<g>
+			<path class="st4" d="M353.9,205.5c0,0.3,0,0.5-0.1,0.8c-0.1,0.5-0.4,0.9-0.8,1.2c-1.2,1.1-3.1,1-4.3-0.1l4.4-3.9c0,0,0,0,0,0
+				c0.4,0.4,0.7,0.9,0.8,1.5C353.9,205.1,353.9,205.3,353.9,205.5z"/>
+		</g>
+		<g>
+			<path class="st4" d="M346.8,195.4c0,0.1-0.1,0.3-0.2,0.4l-5.5,5c-0.1,0.1-0.3,0.2-0.4,0.2c-0.2,0-0.3-0.1-0.5-0.2l-0.5-0.5
+				c-0.1-0.1-0.2-0.2-0.2-0.4c0-0.1,0.1-0.3,0.2-0.4l5.5-5c0.1-0.1,0.3-0.2,0.4-0.2c0.2,0,0.3,0.1,0.5,0.2l0.5,0.5
+				C346.8,195.1,346.8,195.3,346.8,195.4z"/>
+		</g>
+		<g>
+			<path class="st4" d="M353.5,202.2c0,0.1-0.1,0.3-0.2,0.4l-5.5,5c-0.1,0.1-0.3,0.2-0.4,0.2c-0.2,0-0.4-0.1-0.5-0.2l-0.5-0.5
+				c-0.1-0.1-0.2-0.2-0.2-0.4c0-0.1,0.1-0.3,0.2-0.4l5.5-5c0.1-0.1,0.3-0.2,0.5-0.2c0.2,0,0.3,0.1,0.5,0.2l0.5,0.5
+				C353.5,201.9,353.5,202,353.5,202.2z"/>
+		</g>
+	</g>
+</g>
+<g>
+	<g class="st5">
+		<path class="st6" d="M234.3,179.6c-5.5,0-10-4.5-10-10V63.3c0-5.5,4.5-10,10-10h176.3c5.5,0,10,4.5,10,10v106.3
+			c0,5.5-4.5,10-10,10H234.3z"/>
+		<path class="st4" d="M410.6,55.3c4.4,0,8,3.6,8,8v106.3c0,4.4-3.6,8-8,8H234.3c-4.4,0-8-3.6-8-8V63.3c0-4.4,3.6-8,8-8H410.6
+			 M410.6,51.3H234.3c-6.6,0-12,5.4-12,12v106.3c0,6.6,5.4,12,12,12h176.3c6.6,0,12-5.4,12-12V63.3
+			C422.6,56.7,417.2,51.3,410.6,51.3L410.6,51.3z"/>
+	</g>
+	<path class="st7" d="M410.6,177.6H234.3c-4.4,0-8-3.6-8-8V63.3c0-4.4,3.6-8,8-8h176.3c4.4,0,8,3.6,8,8v106.3
+		C418.6,174,415,177.6,410.6,177.6z"/>
+	<path class="st8" d="M410.6,55.3H234.3c-4.4,0-8,3.6-8,8v1.8h192.3v-1.8C418.6,58.9,415,55.3,410.6,55.3z"/>
+	<path class="st9" d="M231,121.6V75.7c0-2.2,1.8-4,4-4h63.8c2.2,0,4,1.8,4,4v45.8c0,2.2-1.8,4-4,4H235
+		C232.8,125.6,231,123.8,231,121.6z"/>
+	<g class="st10">
+		<circle class="st11" cx="233.9" cy="60.2" r="0.9"/>
+		<rect x="238.4" y="59.3" class="st11" width="1.8" height="1.8"/>
+		<polygon class="st11" points="245.8,61.1 243.6,61.1 244.7,59.3 		"/>
+	</g>
+	<line class="st9" x1="231" y1="77.2" x2="302.8" y2="77.2"/>
+	<path class="st12" d="M346.2,177.6V77.2h72.4v92.4c0,4.4-3.6,8-8,8H346.2z"/>
+	<path class="st13" d="M231,177.6v-43c0-2.2,1.8-4,4-4h63.8c2.2,0,4,1.8,4,4v43H231z"/>
+	<g>
+		<path class="st14" d="M231,77.2v-1.5c0-2.2,1.8-4,4-4h63.8c2.2,0,4,1.8,4,4v1.5H231z"/>
+	</g>
+	<line class="st15" x1="302.8" y1="136" x2="231" y2="136"/>
+	<line class="st15" x1="244.2" y1="177.6" x2="244.2" y2="130.5"/>
+	<g class="st2">
+		<g>
+			<line class="st15" x1="231" y1="136" x2="302.8" y2="136"/>
+			<path class="st16" d="M231,136v-1.5c0-2.2,1.8-4,4-4h63.8c2.2,0,4,1.8,4,4v1.5H231z"/>
+		</g>
+		<rect x="231" y="136" class="st16" width="13.1" height="41.6"/>
+	</g>
+	<path class="st9" d="M346.2,77.2v100.4h-38.2V74.2c0-1.4,1.1-2.5,2.5-2.5h7.7c1.4,0,2.5,1.1,2.5,2.5v3H346.2z"/>
+	<line class="st15" x1="308.1" y1="100.2" x2="346.2" y2="100.2"/>
+	<path class="st9" d="M320.8,77.2v-1.5c0-2.2,1.8-4,4-4h4.7c2.2,0,4,1.8,4,4v1.5H320.8z"/>
+	<path class="st9" d="M333.5,77.2v-1.5c0-2.2,1.8-4,4-4h4.7c2.2,0,4,1.8,4,4v1.5H333.5z"/>
+	<g>
+		<line class="st15" x1="313.1" y1="81.2" x2="324.2" y2="81.2"/>
+		<line class="st15" x1="313.1" y1="85" x2="324.2" y2="85"/>
+		<line class="st15" x1="313.1" y1="88.8" x2="324.2" y2="88.8"/>
+		<line class="st15" x1="313.1" y1="92.6" x2="324.2" y2="92.6"/>
+		<line class="st15" x1="313.1" y1="96.5" x2="324.2" y2="96.5"/>
+	</g>
+	<g>
+		<line class="st15" x1="330.1" y1="81.2" x2="341.2" y2="81.2"/>
+		<line class="st15" x1="330.1" y1="85" x2="341.2" y2="85"/>
+		<line class="st15" x1="341.2" y1="88.8" x2="330.1" y2="88.8"/>
+		<line class="st15" x1="330.1" y1="92.6" x2="341.2" y2="92.6"/>
+		<line class="st15" x1="330.1" y1="96.5" x2="341.2" y2="96.5"/>
+	</g>
+	<path class="st14" d="M346.2,77.2v100.4h-38.2V74.2c0-1.4,1.1-2.5,2.5-2.5h7.7c1.4,0,2.5,1.1,2.5,2.5v3H346.2z"/>
+	<g>
+		<path class="st9" d="M393.9,171.3h24.7V77.2h-24.7c-4.4,0-8,3.6-8,8v78.1C385.9,167.8,389.5,171.3,393.9,171.3z"/>
+		<line class="st15" x1="385.9" y1="83.9" x2="418.6" y2="83.9"/>
+	</g>
+	<g>
+		<path class="st17" d="M383.6,177.6h27c4.4,0,8-3.6,8-8V77.2h-35c-2.2,0-4,1.8-4,4v92.4C379.6,175.8,381.4,177.6,383.6,177.6z"/>
+		<line class="st18" x1="379.6" y1="83.9" x2="418.6" y2="83.9"/>
+	</g>
+	<path class="st19" d="M257.7,151.7h-7.8c-1.1,0-2-0.9-2-2v-7.8c0-1.1,0.9-2,2-2h7.8c1.1,0,2,0.9,2,2v7.8
+		C259.7,150.8,258.8,151.7,257.7,151.7z"/>
+	<path class="st20" d="M231,98c10.4,0,15.7,14.3,37.8,14.3s23.7-21.3,34-21.3v31.6c0,1.6-1.3,2.9-2.9,2.9h-66
+		c-1.6,0-2.9-1.3-2.9-2.9V98z"/>
+	<g>
+		<path class="st21" d="M414.5,88.9h-30.8c-0.6,0-1.1-0.5-1.1-1.1v0c0-0.6,0.5-1.1,1.1-1.1h30.8c0.6,0,1.1,0.5,1.1,1.1v0
+			C415.7,88.4,415.1,88.9,414.5,88.9z"/>
+		<path class="st22" d="M396.6,88.9h-13c-0.6,0-1.1-0.5-1.1-1.1l0,0c0-0.6,0.5-1.1,1.1-1.1h13c0.6,0,1.1,0.5,1.1,1.1l0,0
+			C397.8,88.4,397.3,88.9,396.6,88.9z"/>
+	</g>
+	<path class="st23" d="M313.2,105.4h1.8c0.2,0,0.4,0.1,0.5,0.2l1,1c0.1,0.1,0.3,0.2,0.5,0.2h2.3c0.2,0,0.4-0.1,0.5-0.2l1-1
+		c0.1-0.1,0.3-0.2,0.5-0.2h16.9c0.4,0,0.7,0.3,0.7,0.7v4.3c0,0.4-0.3,0.7-0.7,0.7h-16.9c-0.2,0-0.4,0.1-0.5,0.2l-1,1
+		c-0.1,0.1-0.3,0.2-0.5,0.2h-2.3c-0.2,0-0.4-0.1-0.5-0.2l-1-1c-0.1-0.1-0.3-0.2-0.5-0.2h-1.8c-0.4,0-0.7-0.3-0.7-0.7v-4.3
+		C312.5,105.7,312.9,105.4,313.2,105.4z"/>
+	<path class="st23" d="M313.2,154.2h1.8c0.2,0,0.4,0.1,0.5,0.2l1,1c0.1,0.1,0.3,0.2,0.5,0.2h2.3c0.2,0,0.4-0.1,0.5-0.2l1-1
+		c0.1-0.1,0.3-0.2,0.5-0.2h16.9c0.4,0,0.7,0.3,0.7,0.7v4.3c0,0.4-0.3,0.7-0.7,0.7h-16.9c-0.2,0-0.4,0.1-0.5,0.2l-1,1
+		c-0.1,0.1-0.3,0.2-0.5,0.2h-2.3c-0.2,0-0.4-0.1-0.5-0.2l-1-1c-0.1-0.1-0.3-0.2-0.5-0.2h-1.8c-0.4,0-0.7-0.3-0.7-0.7v-4.3
+		C312.5,154.5,312.9,154.2,313.2,154.2z"/>
+	<path class="st23" d="M313.2,117.6h1.8c0.2,0,0.4,0.1,0.5,0.2l1,1c0.1,0.1,0.3,0.2,0.5,0.2h2.3c0.2,0,0.4-0.1,0.5-0.2l1-1
+		c0.1-0.1,0.3-0.2,0.5-0.2h13.2c0.4,0,0.7,0.3,0.7,0.7v4.3c0,0.4-0.3,0.7-0.7,0.7h-13.2c-0.2,0-0.4,0.1-0.5,0.2l-1,1
+		c-0.1,0.1-0.3,0.2-0.5,0.2h-2.3c-0.2,0-0.4-0.1-0.5-0.2l-1-1c-0.1-0.1-0.3-0.2-0.5-0.2h-1.8c-0.4,0-0.7-0.3-0.7-0.7v-4.3
+		C312.5,117.9,312.9,117.6,313.2,117.6z"/>
+	<path class="st23" d="M313.2,166.4h1.8c0.2,0,0.4,0.1,0.5,0.2l1,1c0.1,0.1,0.3,0.2,0.5,0.2h2.3c0.2,0,0.4-0.1,0.5-0.2l1-1
+		c0.1-0.1,0.3-0.2,0.5-0.2h13.2c0.4,0,0.7,0.3,0.7,0.7v4.3c0,0.4-0.3,0.7-0.7,0.7h-13.2c-0.2,0-0.4,0.1-0.5,0.2l-1,1
+		c-0.1,0.1-0.3,0.2-0.5,0.2h-2.3c-0.2,0-0.4-0.1-0.5-0.2l-1-1c-0.1-0.1-0.3-0.2-0.5-0.2h-1.8c-0.4,0-0.7-0.3-0.7-0.7v-4.3
+		C312.5,166.7,312.9,166.4,313.2,166.4z"/>
+	<path class="st23" d="M313.2,129.8h1.8c0.2,0,0.4,0.1,0.5,0.2l1,1c0.1,0.1,0.3,0.2,0.5,0.2h2.3c0.2,0,0.4-0.1,0.5-0.2l1-1
+		c0.1-0.1,0.3-0.2,0.5-0.2h19.1c0.4,0,0.7,0.3,0.7,0.7v4.3c0,0.4-0.3,0.7-0.7,0.7h-19.1c-0.2,0-0.4,0.1-0.5,0.2l-1,1
+		c-0.1,0.1-0.3,0.2-0.5,0.2h-2.3c-0.2,0-0.4-0.1-0.5-0.2l-1-1c-0.1-0.1-0.3-0.2-0.5-0.2h-1.8c-0.4,0-0.7-0.3-0.7-0.7v-4.3
+		C312.5,130.1,312.9,129.8,313.2,129.8z"/>
+	<g>
+		<line class="st24" x1="358.2" y1="134.4" x2="352.6" y2="139.7"/>
+		<line class="st24" x1="352.1" y1="132" x2="347.2" y2="136.7"/>
+		<line class="st24" x1="355.2" y1="133.1" x2="346.2" y2="141.8"/>
+		<line class="st24" x1="349.7" y1="142.4" x2="350.5" y2="141.6"/>
+		<path class="st25" d="M351.4,127.3h1.8c0.2,0,0.4,0.1,0.5,0.2l1,1c0.1,0.1,0.3,0.2,0.5,0.2h2.3c0.2,0,0.4-0.1,0.5-0.2l1-1
+			c0.1-0.1,0.3-0.2,0.5-0.2h15.4c0.4,0,0.7,0.3,0.7,0.7v4.3c0,0.4-0.3,0.7-0.7,0.7h-15.4c-0.2,0-0.4,0.1-0.5,0.2l-1,1
+			c-0.1,0.1-0.3,0.2-0.5,0.2h-2.3c-0.2,0-0.4-0.1-0.5-0.2l-1-1c-0.1-0.1-0.3-0.2-0.5-0.2h-1.8c-0.4,0-0.7-0.3-0.7-0.7V128
+			C350.7,127.6,351,127.3,351.4,127.3z"/>
+		<path class="st26" d="M351.4,127.3h1.8c0.2,0,0.4,0.1,0.5,0.2l1,1c0.1,0.1,0.3,0.2,0.5,0.2h2.3c0.2,0,0.4-0.1,0.5-0.2l1-1
+			c0.1-0.1,0.3-0.2,0.5-0.2h15.4c0.4,0,0.7,0.3,0.7,0.7v4.3c0,0.4-0.3,0.7-0.7,0.7h-15.4c-0.2,0-0.4,0.1-0.5,0.2l-1,1
+			c-0.1,0.1-0.3,0.2-0.5,0.2h-2.3c-0.2,0-0.4-0.1-0.5-0.2l-1-1c-0.1-0.1-0.3-0.2-0.5-0.2h-1.8c-0.4,0-0.7-0.3-0.7-0.7V128
+			C350.7,127.6,351,127.3,351.4,127.3z"/>
+	</g>
+	<path class="st23" d="M313.2,142h1.8c0.2,0,0.4,0.1,0.5,0.2l1,1c0.1,0.1,0.3,0.2,0.5,0.2h2.3c0.2,0,0.4-0.1,0.5-0.2l1-1
+		c0.1-0.1,0.3-0.2,0.5-0.2h11c0.4,0,0.7,0.3,0.7,0.7v4.3c0,0.4-0.3,0.7-0.7,0.7h-11c-0.2,0-0.4,0.1-0.5,0.2l-1,1
+		c-0.1,0.1-0.3,0.2-0.5,0.2h-2.3c-0.2,0-0.4-0.1-0.5-0.2l-1-1c-0.1-0.1-0.3-0.2-0.5-0.2h-1.8c-0.4,0-0.7-0.3-0.7-0.7v-4.3
+		C312.5,142.3,312.9,142,313.2,142z"/>
+	<g>
+		<polygon class="st27" points="374.6,139.2 369.2,139.2 365.7,143.7 365.7,130.9 		"/>
+		<line class="st27" x1="370" y1="139.2" x2="372.2" y2="144.2"/>
+	</g>
+	<path class="st9" d="M384,118.8v-14.6c0-2.2,1.8-4,4-4h22.1c2.2,0,4,1.8,4,4v14.6c0,2.2-1.8,4-4,4H388
+		C385.8,122.8,384,121,384,118.8z"/>
+	<path class="st20" d="M384,111.2c4.4,0,6.6,6,15.8,6c9.3,0,10-8.9,14.3-8.9v11.6c0,1.6-1.3,2.9-2.9,2.9H387c-1.6,0-2.9-1.3-2.9-2.9
+		V111.2z"/>
+	<line class="st15" x1="384" y1="128.7" x2="411.4" y2="128.7"/>
+	<line class="st15" x1="384" y1="133" x2="404.1" y2="133"/>
+	<g class="st28">
+		<line class="st29" x1="384" y1="93.9" x2="387.6" y2="93.9"/>
+		<polyline class="st29" points="385.7,95.6 384,93.9 385.7,92.3 		"/>
+	</g>
+	<g class="st28">
+		<line class="st29" x1="413.2" y1="93.9" x2="409.6" y2="93.9"/>
+		<polyline class="st29" points="411.6,92.3 413.2,93.9 411.6,95.6 		"/>
+	</g>
+	<line class="st15" x1="392.8" y1="93.9" x2="404.8" y2="93.9"/>
+</g>
+<g>
+	<g>
+		<g>
+			<path class="st30" d="M505.4,165.1L453.1,145l-5-1.9c-1.6-0.6-2.4-2.3-1.8-3.8l27.6-71.7c0.6-1.5,2.3-2.2,3.9-1.6l5,1.9L535.1,88
+				c1.6,0.6,2.4,2.3,1.8,3.8l-27.6,71.7C508.7,165,507,165.7,505.4,165.1z"/>
+		</g>
+		<g class="st5">
+			<path class="st4" d="M506.5,167.3c-0.6,0-1.3-0.1-1.9-0.3l-57.3-22c-2.6-1-3.9-3.9-2.9-6.4L472,66.8c0.7-1.9,2.5-3.1,4.6-3.1
+				c0.6,0,1.3,0.1,1.9,0.3l57.3,22c2.6,1,3.9,3.9,2.9,6.4l-27.6,71.7C510.4,166.1,508.6,167.3,506.5,167.3z"/>
+			<path class="st4" d="M476.6,65.7c0.4,0,0.8,0.1,1.1,0.2l5,1.9L535.1,88c1.6,0.6,2.4,2.3,1.8,3.8l-27.6,71.7
+				c-0.4,1.1-1.6,1.8-2.8,1.8c-0.4,0-0.8-0.1-1.1-0.2L453.1,145l-5-1.9c-1.6-0.6-2.4-2.3-1.8-3.8l27.6-71.7
+				C474.3,66.4,475.4,65.7,476.6,65.7 M476.6,61.7L476.6,61.7c-2.9,0-5.5,1.7-6.5,4.4l-27.6,71.7c-0.7,1.8-0.6,3.7,0.2,5.4
+				c0.8,1.7,2.2,2.9,3.9,3.6l5,1.9l52.3,20.1c0.8,0.3,1.7,0.5,2.6,0.5c2.9,0,5.5-1.7,6.5-4.4l27.6-71.7c0.7-1.8,0.6-3.7-0.2-5.4
+				c-0.8-1.7-2.2-2.9-3.9-3.6l-52.3-20.1l-5-1.9C478.4,61.9,477.5,61.7,476.6,61.7L476.6,61.7z"/>
+		</g>
+	</g>
+	<g>
+		<g>
+			<path class="st30" d="M500.3,166.8L453.1,145c-0.1,0-0.1-0.1-0.2-0.1l-4.8-1.9c-1.6-0.6-2.4-2.3-1.8-3.8l27.6-71.7
+				c0.6-1.5,2.3-2.2,3.9-1.6l4.9,1.9c0.1,0,0.1,0.1,0.2,0.1l49.7,14.9c1.7,0.5,2.6,2.3,2,3.9l-30.2,78.6
+				C503.7,166.8,501.9,167.5,500.3,166.8z"/>
+		</g>
+	</g>
+	<g>
+		<g class="st5">
+			<path class="st4" d="M495.3,170.4c-0.8,0-1.7-0.2-2.4-0.6l-41.1-23.1l-4.6-1.8c-2.5-1-3.8-3.8-2.8-6.4L472,66.8
+				c0.7-1.9,2.6-3.2,4.6-3.2c0.6,0,1.2,0.1,1.8,0.3l4.7,1.8l45.7,10.9c1.4,0.3,2.6,1.2,3.2,2.5s0.7,2.7,0.2,4.1l-32.3,84
+				C499.2,169.1,497.4,170.4,495.3,170.4z"/>
+			<path class="st4" d="M476.6,65.7c0.3,0,0.7,0.1,1,0.2l4.8,1.9l45.9,10.9c1.7,0.4,2.7,2.2,2,3.9l-32.3,84
+				c-0.5,1.2-1.6,1.9-2.7,1.9c-0.5,0-1-0.1-1.4-0.4l-41.2-23.1L448,143c-1.5-0.6-2.3-2.3-1.7-3.8l27.6-71.7
+				C474.3,66.4,475.4,65.7,476.6,65.7 M476.6,61.7L476.6,61.7c-2.8,0-5.4,1.8-6.5,4.4l-27.6,71.7c-1.4,3.6,0.4,7.6,4,8.9l4.5,1.7
+				l40.9,23c1,0.6,2.2,0.9,3.4,0.9c2.9,0,5.4-1.7,6.5-4.4l32.3-84c0.7-1.9,0.6-3.9-0.3-5.7c-0.9-1.8-2.6-3-4.5-3.5l-45.6-10.9
+				l-4.6-1.8C478.3,61.8,477.4,61.7,476.6,61.7L476.6,61.7z"/>
+		</g>
+		<path class="st30" d="M493.9,168l-41.2-23.1L448,143c-1.5-0.6-2.3-2.3-1.7-3.8l27.6-71.7c0.6-1.5,2.3-2.3,3.8-1.7l4.8,1.9
+			l45.9,10.9c1.7,0.4,2.7,2.2,2,3.9l-32.3,84C497.4,168.2,495.5,168.9,493.9,168z"/>
+		<path class="st31" d="M520.4,108.5l-38.8-15.7c-1.5-0.6-2.3-2.3-1.7-3.8l3.2-8.4c0.6-1.5,2.3-2.3,3.8-1.7l41,10.2L520.4,108.5z"/>
+		<g>
+			<g>
+				<path class="st6" d="M490.2,86l22.4,6c1.6,0.4,2.5,2.1,2.1,3.6c-0.4,1.6-2.1,2.5-3.6,2.1c-0.1,0-0.2,0-0.2-0.1L489,89.9
+					c-1-0.4-1.6-1.5-1.2-2.6C488.1,86.3,489.2,85.8,490.2,86z"/>
+			</g>
+		</g>
+		<line class="st32" x1="482.5" y1="67.7" x2="452.8" y2="144.9"/>
+		<line class="st9" x1="464.3" y1="102.6" x2="462.7" y2="106.9"/>
+		<line class="st9" x1="475.4" y1="73.8" x2="473.7" y2="78.1"/>
+		<line class="st9" x1="453.3" y1="131.3" x2="451.6" y2="135.6"/>
+	</g>
+	<line class="st15" x1="463.4" y1="131.5" x2="491.6" y2="146.7"/>
+	<line class="st15" x1="461.2" y1="137.1" x2="484.8" y2="150.2"/>
+	<path class="st33" d="M468.4,120.3l6.7-17.4c0.4-1.1,1.6-1.6,2.7-1.1l27.2,11.8c1.3,0.6,2,2,1.6,3.2l-7.5,19.4
+		c-0.5,1.2-1.9,1.6-3.2,1l-26.4-13.9C468.5,122.8,468,121.4,468.4,120.3z"/>
+	<path class="st20" d="M471.9,111.4c4.1,2,4,8.8,13.2,13.5c9.9,5,14.2-3.9,19.1-1.6l-5.4,14c-0.3,0.7-1.1,1-1.9,0.6l-28.1-14.8
+		c-0.6-0.3-0.9-1.1-0.7-1.7L471.9,111.4z"/>
+</g>
+<path class="st23" d="M412.2,171.3H386c-1.1,0-2-0.9-2-2v-1.8c0-1.1,0.9-2,2-2h26.1c1.1,0,2,0.9,2,2v1.8
+	C414.2,170.4,413.3,171.3,412.2,171.3z"/>
+<g class="st2">
+	<path class="st4" d="M457.5,182.1c-0.6,1.2-2.2,1.3-3.6,0.2c-1.4-1.1-2-2.9-1.4-4.1s2.2-1.3,3.6-0.2S458.1,180.9,457.5,182.1z"/>
+	<path class="st4" d="M456.8,178.8c0.7,1.2,0.4,0.6,3.7-5.6c3.3-6.3,2,0.2,4.9,1.8c2.9,1.6-1.6,2.2-3,0.4c-1.3-1.7,0.4-4.8-5,6.7"/>
+	<path class="st4" d="M467.4,185.7c-0.6,1.2-2.2,1.3-3.6,0.2c-1.4-1.1-2-2.9-1.4-4.1c0.6-1.2,2.2-1.3,3.6-0.2
+		C467.4,182.6,468,184.5,467.4,185.7z"/>
+	<path class="st4" d="M466.8,182.3c0.7,1.2,0.4,0.6,3.7-5.6s2,0.2,4.9,1.8c2.9,1.6-1.6,2.2-3,0.4c-1.3-1.7,0.4-4.8-5,6.7"/>
+</g>
+<g class="st2">
+	<g>
+		<g>
+			<path class="st4" d="M399.7,13.1c0,0.2,0,0.4-0.1,0.6c0,0-0.6,1.2-1.5,3c-1,2-2.3,4.3-3.5,6.6c-0.7,1.2-1.3,2.3-2,3.4l-0.3,0.6
+				c-0.5,0.9-1,1.7-1.4,2.4c-1.1,1.6-2.1,2.4-2.1,2.4c0,0,0,0-0.1,0c0-0.3-0.1-0.5-0.2-0.8c-0.8-2-2.6-3.1-3.9-3.3
+				c-0.4-0.1-0.8-0.1-1.3,0c0.2-0.4,0.6-1.4,1.5-2.6c0.5-0.7,1.2-1.5,1.9-2.3l0.3-0.4c0.8-1,1.7-2,2.6-3c1.9-2.1,3.7-4,5.1-5.5
+				c1.4-1.5,2.4-2.4,2.4-2.4c0.6-0.6,1.6-0.6,2.2,0C399.5,12.3,399.7,12.7,399.7,13.1z"/>
+		</g>
+	</g>
+	<g id="XMLID_9_">
+		<g>
+			<path class="st4" d="M387.8,33.2c0,1.1-0.4,2.4-1.2,3.5c-0.2,0.2-0.3,0.4-0.5,0.6c0-0.1-0.1-0.2-0.1-0.3c-0.2-0.5-0.4-1-1-1.4
+				c-0.5-0.3-1.1-0.4-1.6-0.4c-0.9-0.1-1.6-0.2-2.1-1.1c-0.1-0.2-0.2-0.4-0.2-0.5c-0.1-0.2-0.2-0.4-0.4-0.5
+				c-0.1-0.1-0.2-0.2-0.2-0.2c-0.1-0.1-0.1-0.1-0.2-0.2c-0.1-0.1-0.3-0.2-0.4-0.2c-0.1,0-0.2-0.1-0.3-0.1c0,0,0,0-0.1,0c0,0,0,0,0,0
+				l0.3-0.9c0.3-0.9,1.2-1.6,2.3-2c0.4-0.2,0.8-0.2,1.2-0.3h0c0.4,0,0.8,0,1.1,0c1,0.2,2.4,1,3.1,2.7c0,0,0,0.1,0,0.1
+				C387.7,32.3,387.8,32.8,387.8,33.2z"/>
+		</g>
+	</g>
+	<g>
+		<g>
+			<path class="st4" d="M385.3,38.1c-1.4,1.1-3,1.7-4.8,1.6c-2.3-0.2-4.4-1.5-5.7-3.5c-0.1-0.2-0.2-0.6,0-0.8
+				c0.2-0.2,0.4-0.4,0.7-0.4c0.1,0,0.1,0,0.2,0c0.4,0.1,0.7,0.1,1,0.2c1.4,0.1,1.9-0.7,2.4-1.9c0,0,0.1,0,0.2,0
+				c0.1,0,0.2,0.1,0.3,0.2c0,0,0.1,0.1,0.2,0.1c0,0,0.1,0.1,0.1,0.1c0,0,0,0.1,0.1,0.1c0.1,0.1,0.2,0.2,0.2,0.4
+				c0,0.1,0.1,0.2,0.1,0.3c0.7,1.5,1.9,1.7,2.9,1.7c0.5,0.1,0.9,0.1,1.2,0.3c0.3,0.2,0.5,0.5,0.7,1
+				C385.1,37.7,385.2,37.9,385.3,38.1z"/>
+		</g>
+	</g>
+	<path class="st34" d="M372.4,32.3c0,0-0.1-1.8-1.9-2.8C368.6,28.5,368.6,31.3,372.4,32.3z"/>
+	<path class="st34" d="M372.9,34c0,0-0.8-0.8-2.2-0.5S370.7,35.2,372.9,34z"/>
+	<path class="st34" d="M374.5,32.6c0,0,0.8-0.9,0.4-2.2C374.4,29.1,373.1,30.4,374.5,32.6z"/>
+</g>
+<g class="st2">
+	<path class="st4" d="M555.9,92.1l18.2-0.2c3.2,0,5.8,2.5,5.9,5.7v0c0,3.2-2.5,5.8-5.7,5.9l-18.2,0.2c-3.2,0-5.8-2.5-5.9-5.7v0
+		C550.1,94.8,552.7,92.2,555.9,92.1z"/>
+	<path class="st4" d="M556,103.7c0,1.3-0.5,2.6-1.1,3.5c-0.4,0.6,0.1,1.4,0.8,1.2c3.6-1.1,6.8-4.8,6.8-4.8L556,103.7z"/>
+</g>
+<g class="st2">
+	<path class="st35" d="M148.7,38.7c0,0,0.1,0.3,0.2,0.8c0.1,0.5,0.3,1.2,0.7,2.1c0.7,1.7,2.3,4,5,5.3c2.7,1.4,6.5,1.6,9.6-0.2
+		c3.1-1.7,5.1-5.3,4.9-8.8c-0.2-3.5-2.6-6.4-5.3-7.5c-2.7-1.1-5.6-0.5-7.3,0.7c-1.8,1.2-2.6,2.9-2.9,4c0,0-0.9,2.5,0.3,4.8
+		c0.5,1,1.5,2.3,3.1,3c1.6,0.7,3.8,0.7,5.3-0.4c1.6-1,2.5-3,2.2-4.8c-0.2-1.7-1.6-3-2.8-3.3c-1.3-0.4-2.5,0.1-3.1,0.7
+		c-0.6,0.6-0.8,1.3-0.8,1.7c0,0.4,0,0.6,0,0.6c0,0,0.6,2,2.2,1.4"/>
+</g>
+<g class="st2">
+	<path class="st35" d="M525.9,167.8c0,0-0.1,0.2-0.4,0.7c-0.2,0.4-0.5,1.1-0.8,2c-0.5,1.8-0.7,4.5,0.5,7.3c1.2,2.8,4,5.4,7.5,6
+		c3.5,0.7,7.3-0.8,9.3-3.7c2.1-2.8,2.1-6.6,0.6-9.1c-1.4-2.6-4-3.9-6.1-4.1c-2.2-0.2-3.8,0.6-4.7,1.2c0,0-2.3,1.4-2.9,3.9
+		c-0.3,1-0.3,2.7,0.5,4.3c0.7,1.5,2.5,2.9,4.4,3.1c1.9,0.2,3.9-0.7,4.8-2.2c0.9-1.5,0.7-3.3-0.1-4.4c-0.8-1.1-2-1.5-2.8-1.4
+		c-0.9,0.1-1.5,0.5-1.7,0.8c-0.3,0.3-0.4,0.5-0.4,0.5c0,0-0.9,1.9,0.8,2.5"/>
+</g>
+<g>
+	<g class="st2">
+		<path class="st4" d="M254.6,29.6l-6.8-1.8c-0.4-0.1-0.8,0.4-0.6,0.8l2.5,4.3c0.1,0.2,0.5,0.3,0.7,0.2l4.3-2.5
+			C255.2,30.3,255.1,29.7,254.6,29.6z"/>
+		<path class="st4" d="M261,27.6c0,0,0,0-0.1-0.1c-0.1-0.1-0.2-0.2-0.3-0.3c-0.1-0.1-0.3-0.2-0.4-0.4c-0.2-0.1-0.4-0.3-0.7-0.4
+			c-0.5-0.3-1.1-0.5-1.8-0.6c-0.7-0.1-1.4,0-2.1,0.2c-0.1,0.1-0.4,0.2-0.5,0.2c-0.1,0.1-0.3,0.2-0.4,0.2c-0.3,0.2-0.6,0.4-0.8,0.6
+			c-0.5,0.5-0.8,1-1,1.5c-0.1,0.2-0.2,0.5-0.2,0.7c0,0.2-0.1,0.4-0.1,0.5c0,0.1,0,0.3,0,0.3c0,0.1,0,0.1,0,0.1l0,0.1
+			c0,0.8-0.7,1.4-1.5,1.4c-0.8,0-1.4-0.7-1.4-1.5c0-0.1,0-0.1,0-0.2c0,0,0-0.1,0-0.2c0-0.1,0-0.3,0.1-0.5c0.1-0.2,0.1-0.5,0.3-0.8
+			c0.1-0.3,0.3-0.7,0.5-1c0.4-0.7,1-1.5,1.8-2.1c0.4-0.3,0.8-0.6,1.3-0.8c0.2-0.1,0.5-0.2,0.7-0.3c0.3-0.1,0.4-0.1,0.7-0.2
+			c1-0.2,2.1-0.2,3,0c0.9,0.2,1.7,0.6,2.3,1.1c0.3,0.2,0.6,0.4,0.8,0.7c0.2,0.2,0.4,0.4,0.5,0.6c0.2,0.2,0.2,0.3,0.3,0.4
+			c0.1,0.1,0.1,0.1,0.1,0.1c0.2,0.3,0.1,0.7-0.2,0.9C261.5,27.9,261.2,27.8,261,27.6z"/>
+	</g>
+	<g class="st2">
+		<path class="st4" d="M259.8,33.2l6.6,2.5c0.4,0.2,0.9-0.3,0.7-0.7l-2-4.5c-0.1-0.3-0.4-0.4-0.7-0.3l-4.5,2
+			C259.4,32.4,259.4,33,259.8,33.2z"/>
+		<path class="st4" d="M253.3,34.5c0,0,0,0,0.1,0.1c0.1,0.1,0.1,0.2,0.2,0.3c0.1,0.1,0.2,0.3,0.4,0.4c0.2,0.2,0.4,0.3,0.6,0.5
+			c0.5,0.3,1.1,0.6,1.8,0.8c0.7,0.2,1.4,0.2,2.1,0c0.1,0,0.4-0.1,0.5-0.2c0.1,0,0.3-0.1,0.5-0.2c0.3-0.2,0.6-0.3,0.9-0.6
+			c0.5-0.4,0.9-0.9,1.1-1.4c0.1-0.2,0.2-0.4,0.3-0.6c0.1-0.2,0.1-0.4,0.1-0.5c0-0.1,0-0.3,0.1-0.3c0-0.1,0-0.1,0-0.1l0-0.1
+			c0.1-0.8,0.9-1.3,1.6-1.2c0.8,0.1,1.3,0.9,1.2,1.6c0,0.1,0,0.1,0,0.2c0,0,0,0.1-0.1,0.2c0,0.1-0.1,0.3-0.2,0.5
+			c-0.1,0.2-0.2,0.5-0.3,0.8c-0.2,0.3-0.3,0.6-0.6,1c-0.5,0.7-1.1,1.3-2,1.9c-0.4,0.3-0.9,0.5-1.4,0.7c-0.2,0.1-0.5,0.2-0.8,0.2
+			c-0.3,0.1-0.4,0.1-0.7,0.1c-1,0.1-2.1,0-3-0.3c-0.9-0.3-1.6-0.8-2.2-1.3c-0.3-0.3-0.5-0.5-0.7-0.7c-0.2-0.2-0.3-0.4-0.5-0.6
+			c-0.1-0.2-0.2-0.3-0.2-0.4c0-0.1-0.1-0.1-0.1-0.1c-0.2-0.3,0-0.7,0.3-0.8C252.8,34.2,253.1,34.2,253.3,34.5z"/>
+	</g>
+</g>
+<g class="st2">
+	<path class="st4" d="M193.8,172.1c0.4,1.5-1,2.8-3.1,2.9s-4-1.1-4.4-2.6s1-2.8,3.1-2.9S193.4,170.5,193.8,172.1z"/>
+	<path class="st4" d="M190.6,169.6c1.5,0.6,0.8,0.2-0.9-8c-1.8-8.2,2-1.3,5.8-2.1s0.2,3.2-2.4,2.7s-3.3-4.7,0.6,9.9"/>
+	<path class="st4" d="M205.5,167.7c0.4,1.5-1,2.8-3.1,2.9s-4-1.1-4.4-2.6c-0.4-1.5,1-2.8,3.1-2.9S205.1,166.2,205.5,167.7z"/>
+	<path class="st4" d="M202.4,165.2c1.5,0.6,0.8,0.2-0.9-8c-1.8-8.2,2-1.3,5.8-2.1c3.8-0.7,0.2,3.2-2.4,2.7c-2.5-0.6-3.3-4.7,0.6,9.9
+		"/>
+</g>
+<g class="st2">
+	
+		<ellipse transform="matrix(0.1018 -0.9948 0.9948 0.1018 -92.5676 234.7167)" class="st4" cx="83.7" cy="168.6" rx="1.6" ry="1.6"/>
+	
+		<ellipse transform="matrix(0.1018 -0.9948 0.9948 0.1018 -100.0771 234.3053)" class="st4" cx="79.7" cy="172.6" rx="2.5" ry="2.5"/>
+	<path class="st4" d="M74,178.6c0.3-0.5,0.6-1.1,0.6-1.8c0.2-2.3-1.4-4.3-3.7-4.6c-1.2-0.1-2.4,0.3-3.2,1.1
+		c-0.6-1.4-1.8-2.4-3.4-2.6c-2-0.2-3.9,1.1-4.4,2.9c-0.5-0.3-1-0.4-1.6-0.5c-2.3-0.2-4.3,1.4-4.6,3.7c-0.2,1.7,0.7,3.3,2.2,4.1
+		c-0.2,0.4-0.4,0.9-0.4,1.4c-0.2,2.3,1.4,4.3,3.7,4.6c1.4,0.1,2.8-0.5,3.7-1.5c0.6,1.2,1.8,2.1,3.3,2.2c1.6,0.2,3.1-0.6,3.9-1.8
+		c0.5,0.3,1.1,0.5,1.7,0.6c2.3,0.2,4.3-1.4,4.6-3.7C76.4,181,75.5,179.4,74,178.6z M60.4,180.3c-0.9-0.1-1.5-0.9-1.4-1.7
+		s0.8-1.5,1.7-1.4s1.5,0.9,1.4,1.7S61.2,180.4,60.4,180.3z M65,180.8c-0.9-0.1-1.5-0.9-1.4-1.7s0.8-1.5,1.7-1.4
+		c0.9,0.1,1.5,0.9,1.4,1.7S65.8,180.9,65,180.8z M69.6,181.3c-0.9-0.1-1.5-0.9-1.4-1.7c0.1-0.9,0.8-1.5,1.7-1.4
+		c0.9,0.1,1.5,0.9,1.4,1.7C71.2,180.7,70.5,181.4,69.6,181.3z"/>
+</g>
+<g>
+	<g class="st5">
+		<path class="st4" d="M123,172.9c-1.9,0-3.6-0.8-4.7-2.3l-46-58.8c-1-1.3-1.4-2.8-1.2-4.4c0.2-1.6,1-3,2.3-4L118,68.5
+			c1-0.8,2.4-1.3,3.7-1.3c1.9,0,3.6,0.8,4.7,2.3l46,58.8c1,1.3,1.4,2.8,1.2,4.4c-0.2,1.6-1,3-2.3,4l-44.7,34.9
+			C125.6,172.5,124.3,172.9,123,172.9z"/>
+		<path class="st4" d="M121.7,69.2c1.2,0,2.4,0.5,3.2,1.5l46,58.8c1.4,1.7,1.1,4.3-0.7,5.6l-44.7,34.9c-0.7,0.6-1.6,0.8-2.5,0.8
+			c-1.2,0-2.4-0.5-3.2-1.5l-46-58.8c-1.4-1.7-1.1-4.3,0.7-5.6L119.2,70C119.9,69.5,120.8,69.2,121.7,69.2 M121.7,65.2L121.7,65.2
+			c-1.8,0-3.5,0.6-4.9,1.7l-44.7,34.9c-1.7,1.3-2.8,3.2-3,5.3c-0.3,2.1,0.3,4.2,1.6,5.9l46,58.8c1.5,2,3.8,3.1,6.3,3.1
+			c1.8,0,3.5-0.6,4.9-1.7l44.7-34.9c3.5-2.7,4.1-7.8,1.4-11.2l-46-58.8C126.5,66.3,124.2,65.2,121.7,65.2L121.7,65.2z"/>
+	</g>
+	<path class="st36" d="M170.1,135.2l-44.7,34.9c-1.7,1.4-4.3,1.1-5.6-0.7l-46-58.8c-1.4-1.7-1.1-4.3,0.7-5.6L119.2,70
+		c1.7-1.4,4.3-1.1,5.6,0.7l46,58.8C172.1,131.3,171.8,133.8,170.1,135.2z"/>
+	<path class="st37" d="M130.3,88.8L90,120.2l-6.7-8.6c-1.4-1.7-1.1-4.3,0.7-5.6L118,79.5c1.7-1.4,4.3-1.1,5.6,0.7L130.3,88.8z"/>
+	<path class="st38" d="M90,120.2l40.2-31.4l29.8,38.2c1.4,1.7,1.1,4.3-0.7,5.6l-33.9,26.5c-1.7,1.4-4.3,1.1-5.6-0.7L90,120.2z"/>
+	<g>
+		<line class="st39" x1="93.9" y1="107.8" x2="117.3" y2="89.5"/>
+	</g>
+</g>
+<g>
+	<g class="st5">
+		<path class="st4" d="M120.5,162.5c-2.8,0-5.2-1.9-5.8-4.6L97.1,85.4c-0.4-1.6-0.1-3.2,0.7-4.5s2.2-2.3,3.7-2.7l55.1-13.3
+			c0.5-0.1,0.9-0.2,1.4-0.2c2.8,0,5.2,1.9,5.8,4.6l17.5,72.6c0.8,3.2-1.2,6.5-4.4,7.2l-55.1,13.3C121.4,162.5,121,162.5,120.5,162.5
+			z"/>
+		<path class="st4" d="M158.1,66.6c1.8,0,3.4,1.2,3.9,3.1l17.5,72.6c0.5,2.1-0.8,4.3-2.9,4.8l-55.1,13.3c-0.3,0.1-0.6,0.1-0.9,0.1
+			c-1.8,0-3.4-1.2-3.9-3.1L99.1,84.9c-0.5-2.1,0.8-4.3,2.9-4.8l55.1-13.3C157.4,66.7,157.7,66.6,158.1,66.6 M158.1,62.6
+			C158.1,62.6,158.1,62.6,158.1,62.6c-0.6,0-1.3,0.1-1.9,0.2l-55.1,13.3c-2.1,0.5-3.8,1.8-4.9,3.6c-1.1,1.8-1.5,4-1,6l17.5,72.6
+			c0.9,3.6,4.1,6.1,7.8,6.1c0.6,0,1.3-0.1,1.9-0.2l55.1-13.3c2.1-0.5,3.8-1.8,4.9-3.6c1.1-1.8,1.5-4,1-6l-17.5-72.6
+			C165,65.2,161.8,62.6,158.1,62.6L158.1,62.6z"/>
+	</g>
+	<path class="st40" d="M176.5,147.1l-55.1,13.3c-2.1,0.5-4.3-0.8-4.8-2.9L99.1,84.9c-0.5-2.1,0.8-4.3,2.9-4.8l55.1-13.3
+		c2.1-0.5,4.3,0.8,4.8,2.9l17.5,72.6C180,144.4,178.7,146.6,176.5,147.1z"/>
+	<path class="st36" d="M164.3,79.6l-62.9,15.2l-2.4-9.9c-0.5-2.1,0.8-4.3,2.9-4.8l55.1-13.3c2.1-0.5,4.3,0.8,4.8,2.9L164.3,79.6z"/>
+	<path class="st41" d="M176.5,147.1l-55.1,13.3c-2.1,0.5-4.3-0.8-4.8-2.9l-4-16.4l62.9-15.2l4,16.4
+		C180,144.4,178.7,146.6,176.5,147.1z"/>
+	
+		<rect x="103" y="86.9" transform="matrix(0.9721 -0.2347 0.2347 0.9721 -19.0573 34.4786)" class="st42" width="64.7" height="20.9"/>
+	<line class="st43" x1="101.5" y1="94.7" x2="164.3" y2="79.6"/>
+	
+		<rect x="108.6" y="107.1" transform="matrix(0.9721 -0.2347 0.2347 0.9721 -24.3322 36.436)" class="st44" width="64.7" height="26.7"/>
+	<line class="st45" x1="135.1" y1="94.6" x2="155.8" y2="89.6"/>
+	<line class="st45" x1="136.4" y1="99.8" x2="152.3" y2="96"/>
+	<path class="st19" d="M125.2,105.7l-7.6,1.8c-1.1,0.3-2.2-0.4-2.4-1.5l-1.8-7.6c-0.3-1.1,0.4-2.2,1.5-2.4l7.6-1.8
+		c1.1-0.3,2.2,0.4,2.4,1.5l1.8,7.6C126.9,104.4,126.3,105.5,125.2,105.7z"/>
+	<path class="st26" d="M144.1,116.6l1.8-0.4c0.2,0,0.4,0,0.5,0.1l1.2,0.7c0.2,0.1,0.4,0.1,0.5,0.1l2.2-0.5c0.2,0,0.3-0.2,0.4-0.3
+		l0.7-1.2c0.1-0.2,0.3-0.3,0.4-0.3l12.9-3.1c0.4-0.1,0.8,0.1,0.9,0.5l1,4.1c0.1,0.4-0.1,0.8-0.5,0.9l-12.9,3.1
+		c-0.2,0-0.3,0.2-0.4,0.3l-0.7,1.2c-0.1,0.2-0.3,0.3-0.4,0.3l-2.2,0.5c-0.2,0-0.4,0-0.5-0.1l-1.2-0.7c-0.2-0.1-0.4-0.1-0.5-0.1
+		l-1.8,0.4c-0.4,0.1-0.8-0.1-0.9-0.5l-1-4.1C143.5,117.1,143.7,116.7,144.1,116.6z"/>
+	<line class="st45" x1="115.8" y1="123.8" x2="136.5" y2="118.8"/>
+	<line class="st45" x1="117.1" y1="129" x2="133" y2="125.1"/>
+	<line class="st45" x1="126" y1="145.8" x2="163.4" y2="136.8"/>
+	<line class="st45" x1="131.5" y1="150" x2="160.4" y2="143"/>
+	<g>
+		<line class="st39" x1="106.2" y1="86" x2="135.1" y2="79"/>
+	</g>
+</g>
+</svg>

static/svgs/ttt/see-more.svg

+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 19.2.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="16px" height="16px" viewBox="0 0 16 16" style="enable-background:new 0 0 16 16;" xml:space="preserve">
+<style type="text/css">
+	.st0{opacity:0.2;fill:#4C97FF;stroke:#4C97FF;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
+	.st1{fill:none;stroke:#4C97FF;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
+	.st2{fill:#4C97FF;}
+</style>
+<path class="st0" d="M13,11H6c-0.6,0-1-0.4-1-1V3c0-0.6,0.4-1,1-1h7c0.6,0,1,0.4,1,1v7C14,10.6,13.6,11,13,11z"/>
+<path class="st1" d="M9,13c0,0.6-0.4,1-1,1H3c-0.6,0-1-0.4-1-1V8c0-0.6,0.4-1,1-1"/>
+<path class="st1" d="M13,11H6c-0.6,0-1-0.4-1-1V3c0-0.6,0.4-1,1-1h7c0.6,0,1,0.4,1,1v7C14,10.6,13.6,11,13,11z"/>
+<g>
+	<path class="st2" d="M12,4.2v2.4c0,0.2-0.3,0.3-0.4,0.2L10.8,6l-3,2.7c-0.1,0.1-0.3,0.1-0.4,0c-0.1-0.1-0.1-0.3,0-0.4L10,5.2
+		L9.2,4.4C9,4.3,9.1,4,9.4,4h2.4C11.9,4,12,4.1,12,4.2z"/>
+</g>
+</svg>