Commit 9ef187aa authored by Sean Hickey's avatar Sean Hickey Committed by chrisgarrity

Updated conference pages for 2018

parent 8cb008f4
This diff is collapsed.
......@@ -11,6 +11,68 @@ require('../footer.scss');
const ConferenceFooter = props => (
<FooterBox>
<div className="collaborators">
<h4>Sponsors</h4>
<FlexRow as="ul">
<li className="odl">
<a href="https://odl.mit.edu/">
<img
alt="MIT Office of Digital Learning"
src="/images/conference/footer/2018/mit-odl.png"
/>
</a>
</li>
<li className="google">
<a href="http://www.google.com/">
<img
alt="Google"
src="/images/conference/footer/2018/google.png"
/>
</a>
</li>
<li className="epam">
<a href="https://www.epam.com/">
<img
alt="EPAM Systems"
src="/images/conference/footer/2018/epam.png"
/>
</a>
</li>
<li className="intel">
<a href="http://www.intel.com/content/www/us/en/homepage.html">
<img
alt="Intel"
src="/images/conference/footer/2018/intel.png"
/>
</a>
</li>
<li className="lego">
<a href="http://www.legofoundation.com/">
<img
alt="LEGO Foundation"
src="/images/conference/footer/2018/lego-foundation.png"
/>
</a>
</li>
<li className="siegel">
<a href="http://www.siegelendowment.org/">
<img
alt="Siegel Family Endowment"
src="/images/conference/footer/2018/siegel.png"
/>
</a>
</li>
<li className="scratchfoundation">
<a href="http://www.scratchfoundation.org/">
<img
alt="Scratch Foundation"
src="/images/conference/footer/2018/scratch-foundation.png"
/>
</a>
</li>
</FlexRow>
</div>
<FlexRow className="scratch-links">
<div className="family">
<h4><FormattedMessage id="footer.scratchFamily" /></h4>
......@@ -121,16 +183,28 @@ const ConferenceFooter = props => (
</li>
<li>
<a
href="http://medium.com/scratchfoundation-blog"
href="https://medium.com/scratchteam-blog"
rel="noopener noreferrer"
target="_blank"
>
<img
alt="scratch foundation blog"
alt="scratch team blog"
src="/images/conference/footer/medium.png"
/>
</a>
</li>
<li>
<a
href="https://scratch-foundation.myshopify.com/"
rel="noopener noreferrer"
target="_blank"
>
<img
alt="scratch store"
src="/images/conference/footer/2018/shopify-white.svg"
/>
</a>
</li>
</FlexRow>
</div>
</div>
......
......@@ -19,23 +19,24 @@
ul {
justify-content: space-between;
align-items: center;
margin: 5px 0;
img {
margin: 20px 0;
max-width: 180px;
max-height: 25px;
max-height: 30px;
}
}
.nostarch {
.intel {
img {
max-height: 40px;
max-height: 50px;
}
}
.intel {
.siegel {
img {
max-height: 50px;
max-height: 60px;
}
}
}
......
......@@ -33,12 +33,28 @@ const Navigation = () => (
</li>
<li className="li-right mod-2018">
<ul className="li-right-ul mod-2018">
<li className="link questions">
<li className="link expect">
<a
className="link-a"
href="#questions"
href="/conference/2018/expect"
>
Questions
What to Expect
</a>
</li>
<li className="link plan">
<a
className="link-a"
href="/conference/2018/plan"
>
Plan Your Visit
</a>
</li>
<li className="link schedule">
<a
className="link-a"
href="/conference/2018/schedule"
>
Schedule
</a>
</li>
</ul>
......
......@@ -88,7 +88,7 @@ module.exports.getDaySchedule = day => (dispatch => {
cleanedRow[columns[i]] = cur[i];
}
}
cleanedRow.uri = `/conference/2016/${cleanedRow.rowid}/details`;
cleanedRow.uri = `/conference/2018/${cleanedRow.rowid}/details`;
const timeSlot = cleanedRow.Chunk + cleanedRow.Start;
if (typeof prev.timeSlots[timeSlot] === 'undefined') {
prev.timeSlots[timeSlot] = [cleanedRow];
......
......@@ -27,20 +27,6 @@
"view": "communityblocks-interviews/communityblocks-interviews",
"title": "Community Blocks Beta Tester Interviews"
},
{
"name": "conference-details-2016",
"pattern": "^/conference/2016/:id/details/?$",
"routeAlias": "/conference(?!/201[4-5])",
"view": "conference/2016/details/details",
"title": "Event Details"
},
{
"name": "conference-expectations-2016",
"pattern": "^/conference/2016/expect/?$",
"routeAlias": "/conference(?!/201[4-5])",
"view": "conference/2016/expect/expect",
"title": "What to Expect"
},
{
"name": "conference-index",
"pattern": "^/conference/?(\\?.*)?$",
......@@ -58,25 +44,39 @@
"viewportWidth": "device-width"
},
{
"name": "conference-index-2016",
"pattern": "^/conference/2016/?$",
"name": "conference-details-2018",
"pattern": "^/conference/2018/:id/details/?$",
"routeAlias": "/conference(?!/201[4-5])",
"view": "conference/2016/index/index",
"view": "conference/2018/details/details",
"title": "Event Details"
},
{
"name": "conference-expectations-2018",
"pattern": "^/conference/2018/expect/?$",
"routeAlias": "/conference(?!/201[4-5])",
"view": "conference/2018/expect/expect",
"title": "What to Expect"
},
{
"name": "conference-index-2018",
"pattern": "^/conference/2018/?$",
"routeAlias": "/conference(?!/201[4-5])",
"view": "conference/2018/index/index",
"title": "Scratch Conference",
"viewportWidth": "device-width"
},
{
"name": "conference-plan-2016",
"pattern": "^/conference/2016/plan/?$",
"name": "conference-plan-2018",
"pattern": "^/conference/2018/plan/?$",
"routeAlias": "/conference(?!/201[4-5])",
"view": "conference/2016/plan/plan",
"view": "conference/2018/plan/plan",
"title": "Plan Your Visit"
},
{
"name": "conference-schedule-2016",
"pattern": "^/conference/2016/schedule/?$",
"name": "conference-schedule-2018",
"pattern": "^/conference/2018/schedule/?$",
"routeAlias": "/conference(?!/201[4-5])",
"view": "conference/2016/schedule/schedule",
"view": "conference/2018/schedule/schedule",
"title": "Conference Schedule"
},
{
......
const classNames = require('classnames');
const connect = require('react-redux').connect;
const PropTypes = require('prop-types');
const React = require('react');
const render = require('../../../../lib/render.jsx');
const detailsActions = require('../../../../redux/conference-details.js');
const Page = require('../../../../components/page/conference/2018/page.jsx');
require('./details.scss');
class ConferenceDetails extends React.Component {
componentDidMount () {
let pathname = window.location.pathname.toLowerCase();
if (pathname[pathname.length - 1] === '/') {
pathname = pathname.substring(0, pathname.length - 1);
}
const path = pathname.split('/');
const detailsId = path[path.length - 2];
this.props.dispatch(detailsActions.startGetDetails(detailsId));
}
render () {
let backUri = '/conference/2018/schedule';
if (!this.props.conferenceDetails.error && !this.props.conferenceDetails.fetching) {
backUri = `${backUri}#${this.props.conferenceDetails.Day}`;
}
const classes = classNames({
inner: true,
details: true,
fetching: this.props.conferenceDetails.fetching
});
return (
<div className={classes}>
<div className="back">
<a href={backUri}>
&larr; Back to Full Schedule
</a>
</div>
{this.props.conferenceDetails.error ? [
<h2 key="not-found">Agenda Item Not Found</h2>
] : [
<h2 key="details-title">{this.props.conferenceDetails.Title}</h2>,
<ul
className="logistics"
key="details-logistics"
>
{this.props.conferenceDetails.fetching ? [] : [
<li key="presenter">
<img
alt="presenter icon"
src="/svgs/conference/schedule/presenter-icon.svg"
/>
{this.props.conferenceDetails.Presenter}
</li>,
<li key="start">
<img
alt="time icon"
src="/svgs/conference/schedule/time-icon.svg"
/>
{this.props.conferenceDetails.Start} &ndash; {this.props.conferenceDetails.End}
</li>,
<li key="type">
<img
alt="event icon"
src="/svgs/conference/schedule/event-icon.svg"
/>
{this.props.conferenceDetails.Type}
</li>
]}
</ul>,
<div
className="description"
key="details-desc"
>
<p>
{this.props.conferenceDetails.Description}
</p>
</div>,
<div
className="back"
key="details-back"
>
{this.props.conferenceDetails.fetching ? [] : [
<a
href={backUri}
key="details-back-uri"
>
&larr; Back to Full Schedule
</a>
]}
</div>
]}
</div>
);
}
}
ConferenceDetails.propTypes = {
conferenceDetails: PropTypes.object, // eslint-disable-line react/forbid-prop-types
dispatch: PropTypes.func
};
const mapStateToProps = state => ({
conferenceDetails: state.conferenceDetails
});
const ConnectedDetails = connect(mapStateToProps)(ConferenceDetails);
render(
<Page><ConnectedDetails /></Page>,
document.getElementById('app'),
{conferenceDetails: detailsActions.detailsReducer}
);
@import "../../../../frameless";
#view {
@media only screen and (max-width: $tablet - 1) {
margin-top: 100px;
}
@media only screen and (max-width: $desktop - 1) {
text-align: left;
}
}
.details {
width: $cols8;
&.inner {
margin-top: 2rem;
&.fetching {
opacity: .6;
}
}
.back {
margin: 1rem 0;
}
ul {
&.logistics {
margin: .25rem 0 2.5rem;
padding-left: 0;
list-style-type: none;
}
li {
margin: .25rem 0;
img {
margin-right: .5rem;
width: 1rem;
height: 1rem;
}
}
}
.description {
margin: 2rem 0;
}
}
//8 columns
@media only screen and (max-width: $desktop - 1) {
.details {
width: 100%;
}
}
This diff is collapsed.
@import "../../../../colors";
@import "../../../../frameless";
.expect {
.flex-row {
align-items: flex-start;
justify-content: space-between;
.card {
width: $cols4;
p {
text-align: left;
}
}
}
.profile {
img {
border-radius: 8em;
width: 80%;
}
h4 {
margin-top: 1.2rem;
}
@media only screen and (max-width: $tablet - 1) {
img {
width: 50%;
}
h2 {
margin: 20px 0;
text-align: center;
font-size: 1.7rem;
}
}
@media only screen and (max-width: $desktop - 1) {
.uneven {
flex-direction: column;
align-items: center;
}
}
}
.keynote {
background-color: $ui-purple;
padding: 48px 0 64px 0;
width: 100%;
h2,
h3,
b,
p {
color: $ui-white;
}
h2 {
margin-bottom: 32px;
}
h3 {
margin: 15px 0;
}
img {
width: 100%;
&.moderator {
width: 50%;
}
}
.date {
b {
border-radius: 20px;
background-color: $ui-orange;
padding: 5px 15px;
font-size: .85rem;
}
margin: 15px 0;
}
@media only screen and (max-width: $desktop - 1) {
.flex-row {
flex-direction: column;
align-items: center;
.card {
margin-top: 25px;
text-align: left;
}
}
}
}
.schedule {
.title {
margin-top: 20px;
display: flex;
justify-content: space-between;
align-items: center;
h2 {
margin: 0;
}
}
img {
width: 30px;
}
.callout {
display: flex;
padding: .85rem;
align-items: center;
img {
margin-right: 30px;
}
}
table {
width: $cols4;
th {
display: flex;
border-bottom: thin solid $ui-border;
padding: 2.5%;
align-items: center;
justify-content: flex-start;
h3 {
margin: 0;
}
img {
margin-right: 30px;
}
}
td {
display: flex;
border-bottom: thin solid $ui-border;
padding: 2.5%;
height: 60px;
align-items: center;
b {
width: 30%;
line-height: 1.7em;
}
p {
margin: 0;
width: 70%;
}
}
}
@media only screen and (max-width: $mobile - 1) {
.flex-row {
table {
width: 100%;
}
}
}
@media only screen and (min-width: $mobile) and (max-width: $desktop - 1) {
.flex-row {
table {
width: $cols6;
}
}
}
@media only screen and (max-width: $desktop - 1) {
.flex-row {
flex-direction: column;
align-items: center;
table {
margin-top: 50px;
text-align: left;
th {
justify-content: center;
}
}
}
}
}
}
This diff is collapsed.
@import "../../../../colors";
@import "../../../../frameless";
#view {
background-color: $ui-light-gray;
min-height: initial;
}
.index {
.title-banner {
margin-bottom: 0;
background-image: url("/images/conference/index/2018/title-banner.jpg");
background-position: top;
background-image: url("/images/conference/index/2018/title-banner-darker.jpg");
padding: 48px 0;
background-position: top;
h1,
h3,
......@@ -17,13 +22,13 @@
text-align: center;
color: $type-white;
}
h4 {
font-weight: normal;
h1 {
font-size: 4.0rem;
}
p {
margin-top: 3rem;
margin-top: 1rem;
&.sub-button {
margin-top: 1rem;
......@@ -41,7 +46,9 @@
a {
button {
background-color: $ui-white;
color: $ui-blue;
font-size: 1rem;
}
}
}
......@@ -69,46 +76,23 @@
}
}
.flex-row {
align-items: flex-start;
justify-content: space-between;
&.uneven {
div {
width: 28%;
text-align: center;
img {
width: 100%;
display: block;
margin: auto;
max-width: 125px;
}
@media only screen and (max-width: $tablet - 1) {
img {
width: 30%;
}
}
@media only screen and (min-width: $tablet) and (max-width: $desktop - 1) {
img {
width: 70%;
}
}
}
}
.info {
text-align: left;
.conf2018-question {
margin-bottom: 0;
font-weight: 500;
}
.conf2018-answer {
margin-top: 0;
}
@media only screen and (max-width: $desktop - 1) {
.uneven {
.short {
width: 70%;
}
margin: .5rem;
width: 125px;
}
}
}
......@@ -121,133 +105,3 @@
}
}
}
.conf2018-panel {
border-bottom: 1px solid $ui-border;
}
.conf2018-panel.mod-last {
border-bottom: 0;
}
.flex-row.conf2018-panel-title {
justify-content: flex-start;
align-items: center;
}
.conf2018-panel-desc {
margin: 2rem 0;
}
td {
padding: .75rem 1.25rem;
vertical-align: top;
}
.conf2018-panel-row-icon-image {
margin-top: .125rem;
width: 1rem;
height: 1rem;
}
.button.mod-register {
padding: .75em 3.5em;
text-align: center;
color: $type-white;
font-size: 1rem;
font-weight: 500;
}
@media only screen and (max-width: $mobile - 1) {
.index.mod-2018 {
text-align: left;
}
.title-banner-image.mod-2018 {
height: 10rem;
}
.conf2018-panel,
.title-banner-h3.mod-2018 {
width: initial;
}
.conf2018-panel {
margin: auto .5rem;
}
.title-banner-h3.mod-2018 {
margin: 1rem .5rem .5rem;
font-size: 1.1rem;
}
.flex-row.conf2018-panel-title {
flex-direction: row;
}
.conf2018-panel-title-text {
max-width: 14rem;
}
.conf2018-panel-row > td {
padding: .75rem .375rem .75rem 0;
}
}
@media only screen and (min-width: $mobile) and (max-width: $tablet - 1) {
.index.mod-2018 {
text-align: left;
}
.title-banner-image.mod-2018 {
height: 10rem;
}
.conf2018-panel,
.title-banner-h3.mod-2018 {
margin: auto .5rem ;
width: initial;
}
.title-banner-h3.mod-2018 {
font-size: 1.1rem;
}
.flex-row.conf2018-panel-title {
flex-direction: row;
}
.conf2018-panel-title-text {
max-width: 18.75rem;
}
.button.mod-register {
padding: .75em 2em;
}
}
@media only screen and (min-width: $tablet) and (max-width: $desktop - 1) {
.index.mod-2018 {
text-align: left;
}
.title-banner-image.mod-2018 {
height: 15rem;
}
.conf2018-panel,
.title-banner-h3.mod-2018 {
margin: auto;
width: 38.75rem;
}
.title-banner-h3.mod-2018 {
font-size: 1.1rem;
}
.button.mod-register {
padding: .75em 1.25em;
}
}
This diff is collapsed.
@import "../../../../colors";
@import "../../../../frameless";
.plan {
section {
border-bottom: 2px solid $ui-border;
&.last {
border-bottom: 0;
}
}
.flex-row {
align-items: flex-start;
justify-content: space-between;
&.uneven {
img {
width: 100%;
}
@media only screen and (max-width: $tablet - 1) {
img {
width: 30%;
}
}
@media only screen and (min-width: $tablet) and (max-width: $desktop - 1) {
img {
width: 70%;
}
}
}
}
.lodging {
text-align: left;
@media only screen and (max-width: $desktop - 1) {
.uneven {
.short {
display: none;
}
}
}
}
.transportation {
.uneven {
align-items: center;
}
@media only screen and (max-width: $desktop - 1) {
.flex-row {
flex-direction: column-reverse;
}
}
}
.explore {
div {
margin-top: 30px;
}
ul {
display: flex;
max-height: 23rem;
flex-flow: column wrap;
justify-content: flex-start;
}
@media only screen and (max-width: $tablet - 1) {
ul {
max-height: 100%;
}
}
@media only screen and (max-width: $desktop - 1) {
div {
text-align: left;
}
}
}
.faq {
dl {
dt {
font-weight: bold;
}
dd {
margin: 8px 0 32px 0;
}
}
.short {
margin-top: 64px;
border: 2px solid $ui-border;
border-radius: 4px;
background-color: $ui-white;
padding: 16px;
text-align: center;
h3 {
margin: 0;
}
@media only screen and (max-width: $tablet - 1) {
margin-top: 0;
}
}
}
}
const bindAll = require('lodash.bindall');
const classNames = require('classnames');
const connect = require('react-redux').connect;
const PropTypes = require('prop-types');
const React = require('react');
const scheduleActions = require('../../../../redux/conference-schedule.js');
const FlexRow = require('../../../../components/flex-row/flex-row.jsx');
const SubNavigation = require('../../../../components/subnavigation/subnavigation.jsx');
const TitleBanner = require('../../../../components/title-banner/title-banner.jsx');
const Page = require('../../../../components/page/conference/2018/page.jsx');
const render = require('../../../../lib/render.jsx');
require('./schedule.scss');
class ConferenceSchedule extends React.Component {
constructor (props) {
super(props);
bindAll(this, [
'handleScheduleChange',
'renderChunkItems'
]);
}
componentDidMount () {
const day = window.location.hash.substr(1) || 'thursday';
this.handleScheduleChange(day);
}
handleScheduleChange (day) {
window.history.replaceState(history.state, '', `#${day}`);
this.props.dispatch(scheduleActions.startGetSchedule(day));
}
renderChunkItems (timeSlot) {
return timeSlot.map(item => {
if (item.Presenter) {
return (
<a
className="item-url"
href={item.uri}
>
<div
className="agenda-item"
key={item.rowid}
>
<h3>{item.Title}</h3>
<FlexRow>
<p>
<img
alt="time icon"
src="/svgs/conference/schedule/time-icon.svg"
/>
{item.Start} &ndash; {item.End}
</p>
</FlexRow>
<FlexRow>
<p>
<img
alt="presenter icon"
src="/svgs/conference/schedule/presenter-icon.svg"
/>
{item.Presenter}
</p>
<p>
<img
alt="event icon"
src="/svgs/conference/schedule/event-icon.svg"
/>
{item.Type}
</p>
</FlexRow>
</div>
</a>
);
}
return (
<div
className="agenda-item no-click"
key={item.rowid}
>
<h3>{item.Title}</h3>
<FlexRow>
<p>{item.Start} &ndash; {item.End}</p>
<p>{item.Location}</p>
</FlexRow>
</div>
);
});
}
render () {
const tabClasses = {
thursday: classNames({
selected: (this.props.conferenceSchedule.day === 'thursday')
}),
friday: classNames({
selected: (this.props.conferenceSchedule.day === 'friday')
}),
saturday: classNames({
last: true,
selected: (this.props.conferenceSchedule.day === 'saturday')
})
};
const handleScheduleMethods = {
thursday: () => {
this.handleScheduleChange('thursday');
},
friday: () => {
this.handleScheduleChange('friday');
},
saturday: () => {
this.handleScheduleChange('saturday');
}
};
return (
<div className="schedule">
<TitleBanner className="mod-conference">
<h1>
Schedule
</h1>
</TitleBanner>
<SubNavigation>
<li
className={tabClasses.thursday}
onClick={handleScheduleMethods.thursday}
>
<img
alt="July 26th Icon"
src="/svgs/conference/expect/july26-icon.svg"
/>
<span>Thursday</span>
</li>
<li
className={tabClasses.friday}
onClick={handleScheduleMethods.friday}
>
<img
alt="July 27th Icon"
src="/svgs/conference/expect/july27-icon.svg"
/>
<span>Friday</span>
</li>
<li
className={tabClasses.saturday}
onClick={handleScheduleMethods.saturday}
>
<img
alt="July 28th Icon"
src="/svgs/conference/expect/july28-icon.svg"
/>
<span>Saturday</span>
</li>
</SubNavigation>
<div className="inner">
{this.props.conferenceSchedule.timeSlots.map(timeSlot => ([
<h2
className="breaking-title"
key={timeSlot.info.name}
>
<span>{timeSlot.info.name}{timeSlot.info.time}</span>
</h2>,
this.renderChunkItems(timeSlot.items)
]))}
</div>
</div>
);
}
}
ConferenceSchedule.propTypes = {
conferenceSchedule: PropTypes.object, // eslint-disable-line react/forbid-prop-types
dispatch: PropTypes.func
};
const mapStateToProps = state => ({
conferenceSchedule: state.conferenceSchedule
});
const ConnectedSchedule = connect(mapStateToProps)(ConferenceSchedule);
render(
<Page><ConnectedSchedule /></Page>,
document.getElementById('app'),
{conferenceSchedule: scheduleActions.scheduleReducer}
);
@import "../../../../colors";
@import "../../../../frameless";
.schedule {
.title-banner {
margin-bottom: 0;
}
.sub-nav {
z-index: -1;
box-shadow: 0 2px 5px $ui-dark-gray;
padding: 0;
li {
margin: 0;
border: 0;
border-top: 4px solid transparent;
border-left: 2px solid $active-gray;
border-radius: 0;
padding: .75em 1em;
color: $type-gray;
font-size: 1rem;
&.last {
border-right: 2px solid $active-gray;
}
&:hover,
&:active,
&.selected {
border-top: 4px solid $ui-orange;
border-left: 2px solid $active-gray;
box-shadow: none;
background-color: inherit;
}
&.selected {
font-weight: 700;
}
}
img {
margin-right: .5em;
width: 2em;
vertical-align: middle;
}
}
.inner {
h2 {
&.breaking-title {
margin: 4rem 0 2rem 0;
border-bottom: 1px solid $ui-dark-gray;
width: 100%;
height: 1.7rem; // match the line-height for h2
text-align: center;
}
span {
background-color: $background-color;
padding: 0 10px;
}
}
a {
&.item-url {
display: block;
&:hover {
background-color: lighten($ui-blue, 40);
}
}
}
.agenda-item {
margin: 1rem 0;
border: 1px solid $active-gray;
border-radius: 5px;
padding: 1.25rem 2.25rem;
&.no-click {
background-color: $ui-gray;
}
.flex-row {
margin: .5rem 0;
justify-content: space-between;
align-items: flex-start;
p {
margin: 0;
width: 48%;
text-align: left;
}
img {
margin-right: .5rem;
width: 1rem;
height: 1rem;
}
}
}
}
@media only screen and (max-width: $mobile - 1) {
.sub-nav {
flex-wrap: nowrap;
}
.inner {
h2 {
&.breaking-title {
margin: 2rem 0 2rem;
height: 100%;
font-size: 1.5rem;
}
}
.agenda-item {
h3 {
font-size: 1.2rem;
}
}
}
}
@media only screen and (max-width: $tablet - 1) {
.inner {
h2 {
&.breaking-title {
border-bottom: 0;
}
span {
background-color: transparent;
padding: 0;
}
}
.agenda-item {
.flex-row {
p {
margin: .5rem 0;
width: 100%;
}
}
}
}
}
}
This diff is collapsed.
@import "../../../../colors";
@import "../../../../frameless";
.index {
.title-banner {
margin-bottom: 0;
background-image: url("/images/conference/index/2018/title-banner.jpg");
background-position: top;
padding: 48px 0;
h1,
h3,
h4,
p {
margin: 0 auto;
padding: 5px 0;
text-align: center;
color: $type-white;
}
h4 {
font-weight: normal;
}
p {
margin-top: 3rem;
&.sub-button {
margin-top: 1rem;
}
b {
margin-top: 2rem;
a {
text-decoration: underline;
color: $type-white;
}
}
a {
button {
}
}
}
@media only screen and (max-width: $mobile - 1) {
h3 {
display: none;
margin-top: 0;
}
p {
margin-top: .25rem;
}
}
@media only screen and (max-width: $desktop - 1) {
h1 {
font-size: 2.5rem;
}
p {
margin-top: 1.5rem;
}
}
}
.flex-row {
align-items: flex-start;
justify-content: space-between;
&.uneven {
img {
width: 100%;
}
@media only screen and (max-width: $tablet - 1) {
img {
width: 30%;
}
}
@media only screen and (min-width: $tablet) and (max-width: $desktop - 1) {
img {
width: 70%;
}
}
}
}
.info {
text-align: left;
.conf2018-question {
margin-bottom: 0;
font-weight: 500;
}
.conf2018-answer {
margin-top: 0;
}
@media only screen and (max-width: $desktop - 1) {
.uneven {
.short {
width: 70%;
}
}
}
}
}
@media only screen and (max-width: $tablet - 1) {
.index {
.flex-row {
align-items: center;
}
}
}
.conf2018-panel {
border-bottom: 1px solid $ui-border;
}
.conf2018-panel.mod-last {
border-bottom: 0;
}
.flex-row.conf2018-panel-title {
justify-content: flex-start;
align-items: center;
}
.conf2018-panel-desc {
margin: 2rem 0;
}
td {
padding: .75rem 1.25rem;
vertical-align: top;
}
.conf2018-panel-row-icon-image {
margin-top: .125rem;
width: 1rem;
height: 1rem;
}
.button.mod-register {
padding: .75em 3.5em;
text-align: center;
color: $type-white;
font-size: 1rem;
font-weight: 500;
}
@media only screen and (max-width: $mobile - 1) {
.index.mod-2018 {
text-align: left;
}
.title-banner-image.mod-2018 {
height: 10rem;
}
.conf2018-panel,
.title-banner-h3.mod-2018 {
width: initial;
}
.conf2018-panel {
margin: auto .5rem;
}
.title-banner-h3.mod-2018 {
margin: 1rem .5rem .5rem;
font-size: 1.1rem;
}
.flex-row.conf2018-panel-title {
flex-direction: row;
}
.conf2018-panel-title-text {
max-width: 14rem;
}
.conf2018-panel-row > td {
padding: .75rem .375rem .75rem 0;
}
}
@media only screen and (min-width: $mobile) and (max-width: $tablet - 1) {
.index.mod-2018 {
text-align: left;
}
.title-banner-image.mod-2018 {
height: 10rem;
}
.conf2018-panel,
.title-banner-h3.mod-2018 {
margin: auto .5rem ;
width: initial;
}
.title-banner-h3.mod-2018 {
font-size: 1.1rem;
}
.flex-row.conf2018-panel-title {
flex-direction: row;
}
.conf2018-panel-title-text {
max-width: 18.75rem;
}
.button.mod-register {
padding: .75em 2em;
}
}
@media only screen and (min-width: $tablet) and (max-width: $desktop - 1) {
.index.mod-2018 {
text-align: left;
}
.title-banner-image.mod-2018 {
height: 15rem;
}
.conf2018-panel,
.title-banner-h3.mod-2018 {
margin: auto;
width: 38.75rem;
}
.title-banner-h3.mod-2018 {
font-size: 1.1rem;
}
.button.mod-register {
padding: .75em 1.25em;
}
}
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 21.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="Social_Icons" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px"
y="0px" viewBox="0 0 128 128" style="enable-background:new 0 0 128 128;" xml:space="preserve">
<style type="text/css">
.st0{fill:#FFFFFF;}
</style>
<path id="Shopify_1_" class="st0" d="M69.7,19.8c0-0.4,0-0.8,0-1.2c0-3.6-0.5-6.5-1.3-8.8c3.2,0.4,5.3,4.1,6.7,8.3
C73.5,18.6,71.7,19.2,69.7,19.8z M62.6,55.7c0,0-3.8-2-8.3-2c-6.7,0-7.1,4.3-7.1,5.3c0,5.8,15.2,8.1,15.2,21.8
c0,10.8-6.8,17.7-16,17.7c-11,0-16.6-6.9-16.6-6.9l2.9-9.8c0,0,5.8,5,10.7,5c3.2,0,4.5-2.5,4.5-4.4c0-7.6-12.4-8-12.4-20.5
c0-10.5,7.5-20.8,22.7-20.8c5.9,0,8.8,1.7,8.8,1.7L62.6,55.7z M60.1,6.4c0.6,0,1.3,0.2,1.9,0.6c-4.6,2.2-9.6,7.7-11.7,18.8
c-3.1,1-6.1,1.9-8.9,2.8C43.9,20.2,49.7,6.4,60.1,6.4z M65.9,20.3c0,0.2,0,0.4,0,0.6c-3.5,1.1-7.4,2.3-11.2,3.5
c2.2-8.4,6.2-12.4,9.7-13.9C65.3,12.8,65.9,16,65.9,20.3z M82.6,15.8c-0.2,0-0.4,0.1-0.6,0.1c-0.1,0-1.3,0.4-3.4,1
c-2-5.8-5.5-11.1-11.8-11.1c-0.2,0-0.4,0-0.5,0c-1.8-2.4-4-3.4-5.9-3.4C46,2.5,39.1,20.7,36.9,30c-5.6,1.8-9.6,3-10.1,3.2
c-3.1,1-3.2,1.1-3.7,4.1c-0.3,2.3-8.5,66.2-8.5,66.2l64.1,12.1l0.1,0L82.6,15.8z M87.2,19c1.9,1.8,3.9,3.9,3.9,3.9s8.6,0.6,9,0.7
c0.4,0,0.9,0.3,1,0.9c0.1,0.6,12.3,83.4,12.3,83.4l-29.9,6.5L87.2,19z"/>
</svg>
<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" width="46.53" height="49.15" viewBox="0 0 46.53 49.15"><title>aug3-icon</title><rect x="8.69" y="10" width="45.13" height="45.13" rx="6.77" ry="6.77" transform="translate(54.51 58.45) rotate(180)" fill="#231f20" stroke="#231f20" stroke-miterlimit="10" stroke-width="1.4" opacity="0.1"/><rect x="8.69" y="7.37" width="45.13" height="45.13" rx="6.77" ry="6.77" transform="translate(54.51 53.2) rotate(180)" fill="#fff" stroke="#22a0d1" stroke-miterlimit="10" stroke-width="1.4"/><path d="M8.69,7.37H53.81a0,0,0,0,1,0,0v8.36A6.77,6.77,0,0,1,47,22.5H15.46a6.77,6.77,0,0,1-6.77-6.77V7.37a0,0,0,0,1,0,0Z" transform="translate(54.51 23.2) rotate(180)" fill="#25aff4" stroke="#22a0d1" stroke-miterlimit="10" stroke-width="1.4"/><path d="M31.23,34.79a3.49,3.49,0,0,0,1.1-.26,2.11,2.11,0,0,0,.84-0.62,1.69,1.69,0,0,0,.33-1.09,1.89,1.89,0,0,0-.68-1.57,2.44,2.44,0,0,0-1.57-.55,2.2,2.2,0,0,0-1.85.81,3.12,3.12,0,0,0-.6,2H25.72a6.75,6.75,0,0,1,.44-2.24,5.11,5.11,0,0,1,1.11-1.74A5,5,0,0,1,29,28.44a6,6,0,0,1,2.23-.4,6.67,6.67,0,0,1,1.91.28,5.46,5.46,0,0,1,1.72.85,4.61,4.61,0,0,1,1.24,1.39,3.68,3.68,0,0,1,.48,1.89,3.77,3.77,0,0,1-.56,2,2.8,2.8,0,0,1-1.67,1.21v0A3.47,3.47,0,0,1,36.41,37a3.74,3.74,0,0,1,.75,2.34,4.92,4.92,0,0,1-.49,2.23,4.86,4.86,0,0,1-1.31,1.64,5.76,5.76,0,0,1-1.89,1,7.68,7.68,0,0,1-4.67,0,5.12,5.12,0,0,1-1.88-1.13,5,5,0,0,1-1.19-1.81,6.35,6.35,0,0,1-.4-2.46h3.07a4.58,4.58,0,0,0,.2,1.22,3,3,0,0,0,.52,1,2.48,2.48,0,0,0,.85.67,2.74,2.74,0,0,0,1.22.25A2.66,2.66,0,0,0,33,41.26a2.72,2.72,0,0,0,.4-3.22,2,2,0,0,0-.9-0.69,3.75,3.75,0,0,0-1.19-.25q-0.65,0-1.24,0V34.79A6.84,6.84,0,0,0,31.23,34.79Z" transform="translate(-7.99 -6.67)" fill="#6b6b6b"/><path d="M23.58,11.31l2.67,7.14H24.62l-0.54-1.59H21.41l-0.56,1.59H19.27L22,11.31h1.61Zm0.09,4.38-0.9-2.62h0l-0.93,2.62h1.85Z" transform="translate(-7.99 -6.67)" fill="#fff"/><path d="M33.12,17.9a3.3,3.3,0,0,1-2.24.71,3.29,3.29,0,0,1-2.25-.7,2.73,2.73,0,0,1-.79-2.16V11.31h1.57v4.44a3.16,3.16,0,0,0,0,.57,1.11,1.11,0,0,0,.65.84,1.81,1.81,0,0,0,.77.13A1.47,1.47,0,0,0,32,16.92a1.79,1.79,0,0,0,.32-1.17V11.31h1.57v4.44A2.71,2.71,0,0,1,33.12,17.9Z" transform="translate(-7.99 -6.67)" fill="#fff"/><path d="M40.5,18.39a2.64,2.64,0,0,1-1,.21A3.65,3.65,0,0,1,38,18.32a3.17,3.17,0,0,1-1.11-.79,3.47,3.47,0,0,1-.69-1.17A4.31,4.31,0,0,1,36,14.91a4.46,4.46,0,0,1,.24-1.49,3.57,3.57,0,0,1,.69-1.19,3.17,3.17,0,0,1,1.11-.8,3.61,3.61,0,0,1,1.47-.29,3.46,3.46,0,0,1,1.07.17,3,3,0,0,1,.93.48,2.62,2.62,0,0,1,1,1.87H41a1.51,1.51,0,0,0-.54-0.9,1.58,1.58,0,0,0-1-.3,1.83,1.83,0,0,0-.9.21,1.7,1.7,0,0,0-.6.55,2.43,2.43,0,0,0-.33.79,4,4,0,0,0-.1.91,3.67,3.67,0,0,0,.1.88,2.37,2.37,0,0,0,.33.76,1.7,1.7,0,0,0,.6.54,1.83,1.83,0,0,0,.9.21,1.7,1.7,0,0,0,1.21-.39,1.72,1.72,0,0,0,.5-1.15H39.59V14.59h3v3.86h-1l-0.16-.81A2.36,2.36,0,0,1,40.5,18.39Z" transform="translate(-7.99 -6.67)" fill="#fff"/></svg>
\ No newline at end of file
<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" width="46.53" height="49.15" viewBox="0 0 46.53 49.15"><defs><style>.cls-1{fill:#231f20;stroke:#231f20;opacity:0.1;}.cls-1,.cls-2,.cls-3{stroke-miterlimit:10;stroke-width:1.4px;}.cls-2,.cls-5{fill:#fff;}.cls-2,.cls-3{stroke:#22a0d1;}.cls-3{fill:#25aff4;}.cls-4{fill:#6b6b6b;}</style></defs><title>aug4-icon</title><rect class="cls-1" x="3.94" y="5.25" width="45.13" height="45.13" rx="6.77" ry="6.77" transform="translate(49.76 53.7) rotate(180)"/><rect class="cls-2" x="3.94" y="2.62" width="45.13" height="45.13" rx="6.77" ry="6.77" transform="translate(49.76 48.45) rotate(180)"/><path class="cls-3" d="M3.94,2.62H49.06a0,0,0,0,1,0,0V11a6.77,6.77,0,0,1-6.77,6.77H10.71A6.77,6.77,0,0,1,3.94,11V2.62a0,0,0,0,1,0,0Z" transform="translate(49.76 18.45) rotate(180)"/><path class="cls-4" d="M20.54,35.84v-3l6.91-9.28h2.89v9.57h2.11v2.66H30.34v3.68H27.27V35.84H20.54Zm6.66-8.19-4.12,5.53h4.18V27.65H27.21Z" transform="translate(-3.24 -1.92)"/><path class="cls-5" d="M18.83,6.56L21.5,13.7H19.87l-0.54-1.59H16.66L16.09,13.7H14.52l2.7-7.14h1.61Zm0.09,4.38L18,8.32h0l-0.93,2.62h1.85Z" transform="translate(-3.24 -1.92)"/><path class="cls-5" d="M28.37,13.15a3.3,3.3,0,0,1-2.24.71,3.29,3.29,0,0,1-2.25-.7A2.73,2.73,0,0,1,23.08,11V6.56h1.57V11a3.16,3.16,0,0,0,0,.57,1.11,1.11,0,0,0,.65.84,1.81,1.81,0,0,0,.77.13,1.47,1.47,0,0,0,1.16-.37A1.79,1.79,0,0,0,27.6,11V6.56h1.57V11A2.71,2.71,0,0,1,28.37,13.15Z" transform="translate(-3.24 -1.92)"/><path class="cls-5" d="M35.75,13.64a2.64,2.64,0,0,1-1,.21,3.65,3.65,0,0,1-1.47-.29,3.17,3.17,0,0,1-1.11-.79,3.47,3.47,0,0,1-.69-1.17,4.31,4.31,0,0,1-.24-1.46,4.46,4.46,0,0,1,.24-1.49,3.57,3.57,0,0,1,.69-1.19,3.17,3.17,0,0,1,1.11-.8,3.61,3.61,0,0,1,1.47-.29,3.46,3.46,0,0,1,1.07.17,3,3,0,0,1,.93.48,2.62,2.62,0,0,1,1,1.87h-1.5A1.51,1.51,0,0,0,35.7,8a1.58,1.58,0,0,0-1-.3,1.83,1.83,0,0,0-.9.21,1.7,1.7,0,0,0-.6.55,2.43,2.43,0,0,0-.33.79,4,4,0,0,0-.1.91,3.67,3.67,0,0,0,.1.88,2.37,2.37,0,0,0,.33.76,1.7,1.7,0,0,0,.6.54,1.83,1.83,0,0,0,.9.21,1.7,1.7,0,0,0,1.21-.39,1.72,1.72,0,0,0,.5-1.15H34.84V9.84h3V13.7h-1l-0.16-.81A2.36,2.36,0,0,1,35.75,13.64Z" transform="translate(-3.24 -1.92)"/></svg>
\ No newline at end of file
<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" width="46.53" height="49.15" viewBox="0 0 46.53 49.15"><defs><style>.cls-1{fill:#231f20;stroke:#231f20;opacity:0.1;}.cls-1,.cls-2,.cls-3{stroke-miterlimit:10;stroke-width:1.4px;}.cls-2,.cls-5{fill:#fff;}.cls-2,.cls-3{stroke:#22a0d1;}.cls-3{fill:#25aff4;}.cls-4{fill:#6b6b6b;}</style></defs><title>aug5-icon</title><rect class="cls-1" x="3.94" y="5.25" width="45.13" height="45.13" rx="6.77" ry="6.77" transform="translate(49.76 53.7) rotate(180)"/><rect class="cls-2" x="3.94" y="2.62" width="45.13" height="45.13" rx="6.77" ry="6.77" transform="translate(49.76 48.45) rotate(180)"/><path class="cls-3" d="M3.94,2.62H49.06a0,0,0,0,1,0,0V11a6.77,6.77,0,0,1-6.77,6.77H10.71A6.77,6.77,0,0,1,3.94,11V2.62a0,0,0,0,1,0,0Z" transform="translate(49.76 18.45) rotate(180)"/><path class="cls-4" d="M25,26.27l-0.64,3.62,0,0A4,4,0,0,1,25.79,29a5.27,5.27,0,0,1,3.8.15,4.6,4.6,0,0,1,1.54,1.16,5.05,5.05,0,0,1,1,1.72,6.62,6.62,0,0,1,.33,2.1,5.49,5.49,0,0,1-.48,2.29,5.83,5.83,0,0,1-1.28,1.83,5.7,5.7,0,0,1-1.88,1.19,5.86,5.86,0,0,1-2.27.4,7.9,7.9,0,0,1-2.22-.31,5.52,5.52,0,0,1-1.88-.94A4.73,4.73,0,0,1,21.1,37a4.89,4.89,0,0,1-.51-2.19h3.23a2.64,2.64,0,0,0,.82,1.74,2.55,2.55,0,0,0,1.8.65,2.49,2.49,0,0,0,1.15-.26,2.72,2.72,0,0,0,.86-0.68,3.06,3.06,0,0,0,.55-1,3.48,3.48,0,0,0,.19-1.15A3.64,3.64,0,0,0,29,33a2.72,2.72,0,0,0-.55-1,2.56,2.56,0,0,0-.86-0.64,2.78,2.78,0,0,0-1.16-.23,2.86,2.86,0,0,0-1.41.31,3.3,3.3,0,0,0-1,1H21.09l1.57-8.8h8.89v2.66H25Z" transform="translate(-3.24 -1.92)"/><path class="cls-5" d="M18.83,6.56L21.5,13.7H19.87l-0.54-1.59H16.66L16.09,13.7H14.52l2.7-7.14h1.61Zm0.09,4.38L18,8.32h0l-0.93,2.62h1.85Z" transform="translate(-3.24 -1.92)"/><path class="cls-5" d="M28.37,13.15a3.3,3.3,0,0,1-2.24.71,3.29,3.29,0,0,1-2.25-.7A2.73,2.73,0,0,1,23.08,11V6.56h1.57V11a3.16,3.16,0,0,0,0,.57,1.11,1.11,0,0,0,.65.84,1.81,1.81,0,0,0,.77.13,1.47,1.47,0,0,0,1.16-.37A1.79,1.79,0,0,0,27.6,11V6.56h1.57V11A2.71,2.71,0,0,1,28.37,13.15Z" transform="translate(-3.24 -1.92)"/><path class="cls-5" d="M35.75,13.64a2.64,2.64,0,0,1-1,.21,3.65,3.65,0,0,1-1.47-.29,3.17,3.17,0,0,1-1.11-.79,3.47,3.47,0,0,1-.69-1.17,4.31,4.31,0,0,1-.24-1.46,4.46,4.46,0,0,1,.24-1.49,3.57,3.57,0,0,1,.69-1.19,3.17,3.17,0,0,1,1.11-.8,3.61,3.61,0,0,1,1.47-.29,3.46,3.46,0,0,1,1.07.17,3,3,0,0,1,.93.48,2.62,2.62,0,0,1,1,1.87h-1.5A1.51,1.51,0,0,0,35.7,8a1.58,1.58,0,0,0-1-.3,1.83,1.83,0,0,0-.9.21,1.7,1.7,0,0,0-.6.55,2.43,2.43,0,0,0-.33.79,4,4,0,0,0-.1.91,3.67,3.67,0,0,0,.1.88,2.37,2.37,0,0,0,.33.76,1.7,1.7,0,0,0,.6.54,1.83,1.83,0,0,0,.9.21,1.7,1.7,0,0,0,1.21-.39,1.72,1.72,0,0,0,.5-1.15H34.84V9.84h3V13.7h-1l-0.16-.81A2.36,2.36,0,0,1,35.75,13.64Z" transform="translate(-3.24 -1.92)"/></svg>
\ No newline at end of file
<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" width="46.53" height="49.15" viewBox="0 0 46.53 49.15"><defs><style>.cls-1{fill:#231f20;stroke:#231f20;opacity:0.1;}.cls-1,.cls-2,.cls-3{stroke-miterlimit:10;stroke-width:1.4px;}.cls-2,.cls-5{fill:#fff;}.cls-2,.cls-3{stroke:#22a0d1;}.cls-3{fill:#25aff4;}.cls-4{fill:#6b6b6b;}</style></defs><title>aug6-icon</title><rect class="cls-1" x="3.94" y="5.25" width="45.13" height="45.13" rx="6.77" ry="6.77" transform="translate(49.76 53.7) rotate(180)"/><rect class="cls-2" x="3.94" y="2.62" width="45.13" height="45.13" rx="6.77" ry="6.77" transform="translate(49.76 48.45) rotate(180)"/><path class="cls-3" d="M3.94,2.62H49.06a0,0,0,0,1,0,0V11a6.77,6.77,0,0,1-6.77,6.77H10.71A6.77,6.77,0,0,1,3.94,11V2.62a0,0,0,0,1,0,0Z" transform="translate(49.76 18.45) rotate(180)"/><path class="cls-4" d="M28.27,26.31a1.88,1.88,0,0,0-1.41-.59,2.1,2.1,0,0,0-1.44.51,3.73,3.73,0,0,0-.92,1.25,6.73,6.73,0,0,0-.5,1.58,9.92,9.92,0,0,0-.18,1.5l0,0a3.85,3.85,0,0,1,1.55-1.36,4.84,4.84,0,0,1,2-.41,4.79,4.79,0,0,1,2,.44,5,5,0,0,1,1.66,1.19A4.61,4.61,0,0,1,32,32.13a6.24,6.24,0,0,1,.3,1.89,6.43,6.43,0,0,1-.4,2.29,5.46,5.46,0,0,1-1.14,1.84A5.27,5.27,0,0,1,29,39.38a5.67,5.67,0,0,1-2.27.44,5.67,5.67,0,0,1-3-.72,5.51,5.51,0,0,1-1.89-1.88,7.73,7.73,0,0,1-1-2.63,16.34,16.34,0,0,1-.27-3,13.1,13.1,0,0,1,.34-3A8.63,8.63,0,0,1,22.09,26,6.14,6.14,0,0,1,24,24a5.28,5.28,0,0,1,2.89-.75,6,6,0,0,1,1.91.3,4.92,4.92,0,0,1,1.57.85,4.41,4.41,0,0,1,1.11,1.38,5.5,5.5,0,0,1,.57,1.89H29A2.75,2.75,0,0,0,28.27,26.31Zm-2.72,5.2a2.26,2.26,0,0,0-.81.65,2.85,2.85,0,0,0-.48.94,4,4,0,0,0-.16,1.13,3.55,3.55,0,0,0,.17,1.08,3,3,0,0,0,.5,1,2.46,2.46,0,0,0,.81.67,2.31,2.31,0,0,0,1.09.25,2.07,2.07,0,0,0,1-.25,2.51,2.51,0,0,0,.76-0.66A2.86,2.86,0,0,0,29,35.34a3.64,3.64,0,0,0,.16-1.07,4.11,4.11,0,0,0-.15-1.1,3.08,3.08,0,0,0-.44-1,2.29,2.29,0,0,0-.76-0.68,2.18,2.18,0,0,0-1.08-.26A2.54,2.54,0,0,0,25.56,31.51Z" transform="translate(-3.24 -1.92)"/><path class="cls-5" d="M18.83,6.56L21.5,13.7H19.87l-0.54-1.59H16.66L16.09,13.7H14.52l2.7-7.14h1.61Zm0.09,4.38L18,8.32h0l-0.93,2.62h1.85Z" transform="translate(-3.24 -1.92)"/><path class="cls-5" d="M28.37,13.15a3.3,3.3,0,0,1-2.24.71,3.29,3.29,0,0,1-2.25-.7A2.73,2.73,0,0,1,23.08,11V6.56h1.57V11a3.16,3.16,0,0,0,0,.57,1.11,1.11,0,0,0,.65.84,1.81,1.81,0,0,0,.77.13,1.47,1.47,0,0,0,1.16-.37A1.79,1.79,0,0,0,27.6,11V6.56h1.57V11A2.71,2.71,0,0,1,28.37,13.15Z" transform="translate(-3.24 -1.92)"/><path class="cls-5" d="M35.75,13.64a2.64,2.64,0,0,1-1,.21,3.65,3.65,0,0,1-1.47-.29,3.17,3.17,0,0,1-1.11-.79,3.47,3.47,0,0,1-.69-1.17,4.31,4.31,0,0,1-.24-1.46,4.46,4.46,0,0,1,.24-1.49,3.57,3.57,0,0,1,.69-1.19,3.17,3.17,0,0,1,1.11-.8,3.61,3.61,0,0,1,1.47-.29,3.46,3.46,0,0,1,1.07.17,3,3,0,0,1,.93.48,2.62,2.62,0,0,1,1,1.87h-1.5A1.51,1.51,0,0,0,35.7,8a1.58,1.58,0,0,0-1-.3,1.83,1.83,0,0,0-.9.21,1.7,1.7,0,0,0-.6.55,2.43,2.43,0,0,0-.33.79,4,4,0,0,0-.1.91,3.67,3.67,0,0,0,.1.88,2.37,2.37,0,0,0,.33.76,1.7,1.7,0,0,0,.6.54,1.83,1.83,0,0,0,.9.21,1.7,1.7,0,0,0,1.21-.39,1.72,1.72,0,0,0,.5-1.15H34.84V9.84h3V13.7h-1l-0.16-.81A2.36,2.36,0,0,1,35.75,13.64Z" transform="translate(-3.24 -1.92)"/></svg>
\ No newline at end of file
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 22.0.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="46.5px" height="49.2px" viewBox="0 0 46.5 49.2" style="enable-background:new 0 0 46.5 49.2;" xml:space="preserve">
<style type="text/css">
.st0{opacity:0.1;fill:#231F20;stroke:#231F20;stroke-width:1.4;stroke-miterlimit:10;enable-background:new ;}
.st1{fill:#FFFFFF;stroke:#22A0D1;stroke-width:1.4;stroke-miterlimit:10;}
.st2{fill:#25AFF4;stroke:#22A0D1;stroke-width:1.4;stroke-miterlimit:10;}
.st3{fill:#FFFFFF;}
.st4{fill:#6B6B6B;}
</style>
<path class="st0" d="M39,48.5H7.5c-3.7,0-6.8-3-6.8-6.8V10.1c0-3.7,3-6.8,6.8-6.8H39c3.7,0,6.8,3,6.8,6.8v31.6
C45.8,45.4,42.8,48.5,39,48.5z"/>
<path class="st1" d="M39,45.8H7.5c-3.7,0-6.8-3-6.8-6.8V7.5c0-3.7,3-6.8,6.8-6.8H39c3.7,0,6.8,3,6.8,6.8v31.6
C45.8,42.8,42.8,45.8,39,45.8z"/>
<path class="st2" d="M45.8,15.8H0.7l0,0V7.5c0-3.7,3-6.8,6.8-6.8c0,0,0,0,0,0H39c3.7,0,6.8,3,6.8,6.8V15.8L45.8,15.8z"/>
<g>
<path class="st3" d="M14.3,10.3c0,0.3-0.2,0.5-0.3,0.8c-0.2,0.2-0.4,0.4-0.7,0.6c-0.3,0.2-0.7,0.2-1.3,0.2c-0.3,0-0.6,0-0.9-0.1
c-0.3-0.1-0.5-0.2-0.8-0.4c-0.2-0.2-0.4-0.4-0.5-0.7c-0.1-0.3-0.2-0.6-0.2-1V9.1h1.4v0.3c0,0.2,0,0.3,0,0.5c0,0.1,0.1,0.3,0.1,0.4
c0.1,0.1,0.2,0.2,0.3,0.2c0.1,0.1,0.3,0.1,0.5,0.1c0.2,0,0.4,0,0.5-0.1c0.1-0.1,0.2-0.2,0.2-0.3c0.1-0.1,0.1-0.2,0.1-0.4
c0-0.1,0-0.3,0-0.4V4.6h1.6v4.9C14.4,9.8,14.4,10,14.3,10.3z"/>
<path class="st3" d="M22,11.2c-0.5,0.5-1.3,0.7-2.2,0.7c-1,0-1.7-0.2-2.2-0.7c-0.5-0.5-0.8-1.2-0.8-2.2V4.6h1.6v4.4
c0,0.2,0,0.4,0,0.6c0,0.2,0.1,0.4,0.2,0.5c0.1,0.1,0.3,0.3,0.4,0.3c0.2,0.1,0.4,0.1,0.8,0.1c0.6,0,0.9-0.1,1.2-0.4s0.3-0.6,0.3-1.2
V4.6h1.6v4.4C22.8,10,22.6,10.8,22,11.2z"/>
<path class="st3" d="M26.8,4.6v5.8h3.5v1.3h-5V4.6H26.8z"/>
<path class="st3" d="M30.2,4.6H32l1.7,2.8l1.7-2.8h1.8L34.4,9v2.7h-1.6V9L30.2,4.6z"/>
</g>
<g>
<path class="st4" d="M10.8,25.4c0.2-0.8,0.6-1.5,1.1-2.1s1.1-1.1,1.9-1.4c0.7-0.3,1.6-0.5,2.6-0.5c0.7,0,1.4,0.1,2.1,0.3
s1.3,0.6,1.8,1c0.5,0.4,0.9,1,1.2,1.6c0.3,0.6,0.4,1.3,0.4,2.1c0,0.8-0.1,1.5-0.4,2.1c-0.3,0.6-0.6,1.1-1,1.6
c-0.4,0.5-0.9,0.9-1.5,1.2c-0.5,0.4-1.1,0.7-1.6,1.1c-0.6,0.4-1.1,0.7-1.6,1.2c-0.5,0.4-1,0.9-1.4,1.4h7.6v2.8H10.1
c0-0.9,0.1-1.7,0.4-2.4c0.3-0.7,0.6-1.3,1.1-1.9s1-1,1.6-1.5s1.3-0.9,2-1.4c0.4-0.2,0.7-0.5,1.1-0.7c0.4-0.3,0.8-0.5,1.1-0.8
c0.3-0.3,0.6-0.7,0.8-1c0.2-0.4,0.3-0.8,0.3-1.3c0-0.8-0.2-1.4-0.7-1.8c-0.5-0.4-1-0.7-1.7-0.7c-0.5,0-0.9,0.1-1.2,0.3
c-0.3,0.2-0.6,0.5-0.8,0.9c-0.2,0.4-0.3,0.8-0.4,1.2c-0.1,0.4-0.1,0.9-0.1,1.3h-3.1C10.4,27.1,10.5,26.2,10.8,25.4z"/>
<path class="st4" d="M29,24.5l-0.6,3.7l0,0c0.4-0.4,0.9-0.8,1.4-1s1.1-0.3,1.7-0.3c0.8,0,1.5,0.1,2.1,0.4s1.1,0.7,1.6,1.2
c0.4,0.5,0.7,1.1,1,1.7s0.3,1.4,0.3,2.1c0,0.8-0.2,1.6-0.5,2.3s-0.8,1.3-1.3,1.9c-0.5,0.5-1.2,0.9-1.9,1.2
c-0.7,0.3-1.5,0.4-2.3,0.4c-0.8,0-1.5-0.1-2.2-0.3c-0.7-0.2-1.3-0.5-1.9-1c-0.6-0.4-1-1-1.3-1.6c-0.3-0.6-0.5-1.4-0.5-2.2h3.3
c0.1,0.7,0.4,1.3,0.8,1.8c0.5,0.4,1.1,0.7,1.8,0.7c0.4,0,0.8-0.1,1.2-0.3c0.3-0.2,0.6-0.4,0.9-0.7c0.2-0.3,0.4-0.6,0.6-1
c0.1-0.4,0.2-0.8,0.2-1.2c0-0.4-0.1-0.8-0.2-1.2c-0.1-0.4-0.3-0.7-0.6-1c-0.2-0.3-0.5-0.5-0.9-0.6c-0.3-0.2-0.7-0.2-1.2-0.2
c-0.6,0-1.1,0.1-1.4,0.3c-0.4,0.2-0.7,0.5-1,1H25l1.6-8.9h9v2.7H29z"/>
</g>
</svg>
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 22.0.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="46.5px" height="49.2px" viewBox="0 0 46.5 49.2" style="enable-background:new 0 0 46.5 49.2;" xml:space="preserve">
<style type="text/css">
.st0{opacity:0.1;fill:#231F20;stroke:#231F20;stroke-width:1.4;stroke-miterlimit:10;enable-background:new ;}
.st1{fill:#FFFFFF;stroke:#22A0D1;stroke-width:1.4;stroke-miterlimit:10;}
.st2{fill:#25AFF4;stroke:#22A0D1;stroke-width:1.4;stroke-miterlimit:10;}
.st3{fill:#FFFFFF;}
.st4{fill:#6B6B6B;}
</style>
<path class="st0" d="M39,48.5H7.5c-3.7,0-6.8-3-6.8-6.8V10.1c0-3.7,3-6.8,6.8-6.8H39c3.7,0,6.8,3,6.8,6.8v31.6
C45.8,45.4,42.8,48.5,39,48.5z"/>
<path class="st1" d="M39,45.8H7.5c-3.7,0-6.8-3-6.8-6.8V7.5c0-3.7,3-6.8,6.8-6.8H39c3.7,0,6.8,3,6.8,6.8v31.6
C45.8,42.8,42.8,45.8,39,45.8z"/>
<path class="st2" d="M45.8,15.8H0.7l0,0V7.5c0-3.7,3-6.8,6.8-6.8c0,0,0,0,0,0H39c3.7,0,6.8,3,6.8,6.8V15.8L45.8,15.8z"/>
<g>
<path class="st3" d="M14.3,10.3c0,0.3-0.2,0.5-0.3,0.8c-0.2,0.2-0.4,0.4-0.7,0.6c-0.3,0.2-0.7,0.2-1.3,0.2c-0.3,0-0.6,0-0.9-0.1
c-0.3-0.1-0.5-0.2-0.8-0.4c-0.2-0.2-0.4-0.4-0.5-0.7c-0.1-0.3-0.2-0.6-0.2-1V9.1h1.4v0.3c0,0.2,0,0.3,0,0.5c0,0.1,0.1,0.3,0.1,0.4
c0.1,0.1,0.2,0.2,0.3,0.2c0.1,0.1,0.3,0.1,0.5,0.1c0.2,0,0.4,0,0.5-0.1c0.1-0.1,0.2-0.2,0.2-0.3c0.1-0.1,0.1-0.2,0.1-0.4
c0-0.1,0-0.3,0-0.4V4.6h1.6v4.9C14.4,9.8,14.4,10,14.3,10.3z"/>
<path class="st3" d="M22,11.2c-0.5,0.5-1.3,0.7-2.2,0.7c-1,0-1.7-0.2-2.2-0.7c-0.5-0.5-0.8-1.2-0.8-2.2V4.6h1.6v4.4
c0,0.2,0,0.4,0,0.6c0,0.2,0.1,0.4,0.2,0.5c0.1,0.1,0.3,0.3,0.4,0.3c0.2,0.1,0.4,0.1,0.8,0.1c0.6,0,0.9-0.1,1.2-0.4s0.3-0.6,0.3-1.2
V4.6h1.6v4.4C22.8,10,22.6,10.8,22,11.2z"/>
<path class="st3" d="M26.8,4.6v5.8h3.5v1.3h-5V4.6H26.8z"/>
<path class="st3" d="M30.2,4.6H32l1.7,2.8l1.7-2.8h1.8L34.4,9v2.7h-1.6V9L30.2,4.6z"/>
</g>
<g>
<path class="st4" d="M10.8,25.4c0.2-0.8,0.6-1.5,1.1-2.1s1.1-1.1,1.9-1.4c0.7-0.3,1.6-0.5,2.6-0.5c0.7,0,1.4,0.1,2.1,0.3
s1.3,0.6,1.8,1c0.5,0.4,0.9,1,1.2,1.6c0.3,0.6,0.4,1.3,0.4,2.1c0,0.8-0.1,1.5-0.4,2.1c-0.3,0.6-0.6,1.1-1,1.6
c-0.4,0.5-0.9,0.9-1.5,1.2c-0.5,0.4-1.1,0.7-1.6,1.1c-0.6,0.4-1.1,0.7-1.6,1.2c-0.5,0.4-1,0.9-1.4,1.4h7.6v2.8H10.1
c0-0.9,0.1-1.7,0.4-2.4c0.3-0.7,0.6-1.3,1.1-1.9s1-1,1.6-1.5s1.3-0.9,2-1.4c0.4-0.2,0.7-0.5,1.1-0.7c0.4-0.3,0.8-0.5,1.1-0.8
c0.3-0.3,0.6-0.7,0.8-1c0.2-0.4,0.3-0.8,0.3-1.3c0-0.8-0.2-1.4-0.7-1.8c-0.5-0.4-1-0.7-1.7-0.7c-0.5,0-0.9,0.1-1.2,0.3
c-0.3,0.2-0.6,0.5-0.8,0.9c-0.2,0.4-0.3,0.8-0.4,1.2c-0.1,0.4-0.1,0.9-0.1,1.3h-3.1C10.4,27.1,10.5,26.2,10.8,25.4z"/>
<path class="st4" d="M32.3,24.5c-0.4-0.4-0.9-0.6-1.4-0.6c-0.6,0-1.1,0.2-1.5,0.5c-0.4,0.3-0.7,0.8-0.9,1.3c-0.2,0.5-0.4,1-0.5,1.6
c-0.1,0.6-0.2,1.1-0.2,1.5l0,0c0.4-0.6,1-1.1,1.6-1.4c0.6-0.3,1.3-0.4,2.1-0.4c0.7,0,1.4,0.1,2,0.4s1.2,0.7,1.7,1.2
c0.4,0.5,0.7,1,0.9,1.7s0.3,1.3,0.3,1.9c0,0.8-0.1,1.6-0.4,2.3c-0.3,0.7-0.7,1.3-1.2,1.9c-0.5,0.5-1.1,0.9-1.8,1.2
s-1.5,0.4-2.3,0.4c-1.2,0-2.2-0.2-3-0.7c-0.8-0.5-1.4-1.1-1.9-1.9c-0.5-0.8-0.8-1.7-1-2.7c-0.2-1-0.3-2-0.3-3c0-1,0.1-2,0.3-3
c0.2-1,0.6-1.9,1.1-2.7c0.5-0.8,1.2-1.5,2-2c0.8-0.5,1.8-0.8,2.9-0.8c0.7,0,1.3,0.1,1.9,0.3c0.6,0.2,1.1,0.5,1.6,0.9
c0.5,0.4,0.8,0.8,1.1,1.4c0.3,0.6,0.5,1.2,0.6,1.9h-3.1C32.9,25.4,32.7,24.9,32.3,24.5z M29.6,29.8c-0.3,0.2-0.6,0.4-0.8,0.7
c-0.2,0.3-0.4,0.6-0.5,1s-0.2,0.7-0.2,1.1c0,0.4,0.1,0.7,0.2,1.1c0.1,0.4,0.3,0.7,0.5,1c0.2,0.3,0.5,0.5,0.8,0.7
c0.3,0.2,0.7,0.3,1.1,0.3c0.4,0,0.7-0.1,1-0.3c0.3-0.2,0.6-0.4,0.8-0.7c0.2-0.3,0.4-0.6,0.5-0.9c0.1-0.4,0.2-0.7,0.2-1.1
c0-0.4,0-0.8-0.1-1.1c-0.1-0.4-0.2-0.7-0.4-1c-0.2-0.3-0.5-0.5-0.8-0.7c-0.3-0.2-0.7-0.3-1.1-0.3C30.3,29.6,29.9,29.6,29.6,29.8z"
/>
</g>
</svg>
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 22.0.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="46.5px" height="49.2px" viewBox="0 0 46.5 49.2" style="enable-background:new 0 0 46.5 49.2;" xml:space="preserve">
<style type="text/css">
.st0{opacity:0.1;fill:#231F20;stroke:#231F20;stroke-width:1.4;stroke-miterlimit:10;enable-background:new ;}
.st1{fill:#FFFFFF;stroke:#22A0D1;stroke-width:1.4;stroke-miterlimit:10;}
.st2{fill:#25AFF4;stroke:#22A0D1;stroke-width:1.4;stroke-miterlimit:10;}
.st3{fill:#FFFFFF;}
.st4{fill:#6B6B6B;}
</style>
<path class="st0" d="M39,48.5H7.5c-3.7,0-6.8-3-6.8-6.8V10.1c0-3.7,3-6.8,6.8-6.8H39c3.7,0,6.8,3,6.8,6.8v31.6
C45.8,45.4,42.8,48.5,39,48.5z"/>
<path class="st1" d="M39,45.8H7.5c-3.7,0-6.8-3-6.8-6.8V7.5c0-3.7,3-6.8,6.8-6.8H39c3.7,0,6.8,3,6.8,6.8v31.6
C45.8,42.8,42.8,45.8,39,45.8z"/>
<path class="st2" d="M45.8,15.8H0.7l0,0V7.5c0-3.7,3-6.8,6.8-6.8c0,0,0,0,0,0H39c3.7,0,6.8,3,6.8,6.8V15.8L45.8,15.8z"/>
<g>
<path class="st3" d="M14.3,10.3c0,0.3-0.2,0.5-0.3,0.8c-0.2,0.2-0.4,0.4-0.7,0.6c-0.3,0.2-0.7,0.2-1.3,0.2c-0.3,0-0.6,0-0.9-0.1
c-0.3-0.1-0.5-0.2-0.8-0.4c-0.2-0.2-0.4-0.4-0.5-0.7c-0.1-0.3-0.2-0.6-0.2-1V9.1h1.4v0.3c0,0.2,0,0.3,0,0.5c0,0.1,0.1,0.3,0.1,0.4
c0.1,0.1,0.2,0.2,0.3,0.2c0.1,0.1,0.3,0.1,0.5,0.1c0.2,0,0.4,0,0.5-0.1c0.1-0.1,0.2-0.2,0.2-0.3c0.1-0.1,0.1-0.2,0.1-0.4
c0-0.1,0-0.3,0-0.4V4.6h1.6v4.9C14.4,9.8,14.4,10,14.3,10.3z"/>
<path class="st3" d="M22,11.2c-0.5,0.5-1.3,0.7-2.2,0.7c-1,0-1.7-0.2-2.2-0.7c-0.5-0.5-0.8-1.2-0.8-2.2V4.6h1.6v4.4
c0,0.2,0,0.4,0,0.6c0,0.2,0.1,0.4,0.2,0.5c0.1,0.1,0.3,0.3,0.4,0.3c0.2,0.1,0.4,0.1,0.8,0.1c0.6,0,0.9-0.1,1.2-0.4s0.3-0.6,0.3-1.2
V4.6h1.6v4.4C22.8,10,22.6,10.8,22,11.2z"/>
<path class="st3" d="M26.8,4.6v5.8h3.5v1.3h-5V4.6H26.8z"/>
<path class="st3" d="M30.2,4.6H32l1.7,2.8l1.7-2.8h1.8L34.4,9v2.7h-1.6V9L30.2,4.6z"/>
</g>
<g>
<path class="st4" d="M10.8,25.4c0.2-0.8,0.6-1.5,1.1-2.1s1.1-1.1,1.9-1.4c0.7-0.3,1.6-0.5,2.6-0.5c0.7,0,1.4,0.1,2.1,0.3
s1.3,0.6,1.8,1c0.5,0.4,0.9,1,1.2,1.6c0.3,0.6,0.4,1.3,0.4,2.1c0,0.8-0.1,1.5-0.4,2.1c-0.3,0.6-0.6,1.1-1,1.6
c-0.4,0.5-0.9,0.9-1.5,1.2c-0.5,0.4-1.1,0.7-1.6,1.1c-0.6,0.4-1.1,0.7-1.6,1.2c-0.5,0.4-1,0.9-1.4,1.4h7.6v2.8H10.1
c0-0.9,0.1-1.7,0.4-2.4c0.3-0.7,0.6-1.3,1.1-1.9s1-1,1.6-1.5s1.3-0.9,2-1.4c0.4-0.2,0.7-0.5,1.1-0.7c0.4-0.3,0.8-0.5,1.1-0.8
c0.3-0.3,0.6-0.7,0.8-1c0.2-0.4,0.3-0.8,0.3-1.3c0-0.8-0.2-1.4-0.7-1.8c-0.5-0.4-1-0.7-1.7-0.7c-0.5,0-0.9,0.1-1.2,0.3
c-0.3,0.2-0.6,0.5-0.8,0.9c-0.2,0.4-0.3,0.8-0.4,1.2c-0.1,0.4-0.1,0.9-0.1,1.3h-3.1C10.4,27.1,10.5,26.2,10.8,25.4z"/>
<path class="st4" d="M33.8,27.3c-0.7,1.1-1.2,2.2-1.6,3.4c-0.4,1.2-0.8,2.4-1,3.7c-0.2,1.2-0.4,2.4-0.4,3.5h-3.5
c0.2-2.4,0.7-4.7,1.7-6.9c0.9-2.2,2.2-4.3,3.7-6.1H25v-3h11v2.8C35.2,25.3,34.4,26.2,33.8,27.3z"/>
</g>
</svg>
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 22.0.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="46.5px" height="49.2px" viewBox="0 0 46.5 49.2" style="enable-background:new 0 0 46.5 49.2;" xml:space="preserve">
<style type="text/css">
.st0{opacity:0.1;fill:#231F20;stroke:#231F20;stroke-width:1.4;stroke-miterlimit:10;enable-background:new ;}
.st1{fill:#FFFFFF;stroke:#22A0D1;stroke-width:1.4;stroke-miterlimit:10;}
.st2{fill:#25AFF4;stroke:#22A0D1;stroke-width:1.4;stroke-miterlimit:10;}
.st3{fill:#FFFFFF;}
.st4{fill:#6B6B6B;}
</style>
<path class="st0" d="M39,48.5H7.5c-3.7,0-6.8-3-6.8-6.8V10.1c0-3.7,3-6.8,6.8-6.8H39c3.7,0,6.8,3,6.8,6.8v31.6
C45.8,45.4,42.8,48.5,39,48.5z"/>
<path class="st1" d="M39,45.8H7.5c-3.7,0-6.8-3-6.8-6.8V7.5c0-3.7,3-6.8,6.8-6.8H39c3.7,0,6.8,3,6.8,6.8v31.6
C45.8,42.8,42.8,45.8,39,45.8z"/>
<path class="st2" d="M45.8,15.8H0.7l0,0V7.5c0-3.7,3-6.8,6.8-6.8c0,0,0,0,0,0H39c3.7,0,6.8,3,6.8,6.8V15.8L45.8,15.8z"/>
<g>
<path class="st3" d="M14.3,10.3c0,0.3-0.2,0.5-0.3,0.8c-0.2,0.2-0.4,0.4-0.7,0.6c-0.3,0.2-0.7,0.2-1.3,0.2c-0.3,0-0.6,0-0.9-0.1
c-0.3-0.1-0.5-0.2-0.8-0.4c-0.2-0.2-0.4-0.4-0.5-0.7c-0.1-0.3-0.2-0.6-0.2-1V9.1h1.4v0.3c0,0.2,0,0.3,0,0.5c0,0.1,0.1,0.3,0.1,0.4
c0.1,0.1,0.2,0.2,0.3,0.2c0.1,0.1,0.3,0.1,0.5,0.1c0.2,0,0.4,0,0.5-0.1c0.1-0.1,0.2-0.2,0.2-0.3c0.1-0.1,0.1-0.2,0.1-0.4
c0-0.1,0-0.3,0-0.4V4.6h1.6v4.9C14.4,9.8,14.4,10,14.3,10.3z"/>
<path class="st3" d="M22,11.2c-0.5,0.5-1.3,0.7-2.2,0.7c-1,0-1.7-0.2-2.2-0.7c-0.5-0.5-0.8-1.2-0.8-2.2V4.6h1.6v4.4
c0,0.2,0,0.4,0,0.6c0,0.2,0.1,0.4,0.2,0.5c0.1,0.1,0.3,0.3,0.4,0.3c0.2,0.1,0.4,0.1,0.8,0.1c0.6,0,0.9-0.1,1.2-0.4s0.3-0.6,0.3-1.2
V4.6h1.6v4.4C22.8,10,22.6,10.8,22,11.2z"/>
<path class="st3" d="M26.8,4.6v5.8h3.5v1.3h-5V4.6H26.8z"/>
<path class="st3" d="M30.2,4.6H32l1.7,2.8l1.7-2.8h1.8L34.4,9v2.7h-1.6V9L30.2,4.6z"/>
</g>
<g>
<path class="st4" d="M10.8,25.4c0.2-0.8,0.6-1.5,1.1-2.1s1.1-1.1,1.9-1.4c0.7-0.3,1.6-0.5,2.6-0.5c0.7,0,1.4,0.1,2.1,0.3
s1.3,0.6,1.8,1c0.5,0.4,0.9,1,1.2,1.6c0.3,0.6,0.4,1.3,0.4,2.1c0,0.8-0.1,1.5-0.4,2.1c-0.3,0.6-0.6,1.1-1,1.6
c-0.4,0.5-0.9,0.9-1.5,1.2c-0.5,0.4-1.1,0.7-1.6,1.1c-0.6,0.4-1.1,0.7-1.6,1.2c-0.5,0.4-1,0.9-1.4,1.4h7.6v2.8H10.1
c0-0.9,0.1-1.7,0.4-2.4c0.3-0.7,0.6-1.3,1.1-1.9s1-1,1.6-1.5s1.3-0.9,2-1.4c0.4-0.2,0.7-0.5,1.1-0.7c0.4-0.3,0.8-0.5,1.1-0.8
c0.3-0.3,0.6-0.7,0.8-1c0.2-0.4,0.3-0.8,0.3-1.3c0-0.8-0.2-1.4-0.7-1.8c-0.5-0.4-1-0.7-1.7-0.7c-0.5,0-0.9,0.1-1.2,0.3
c-0.3,0.2-0.6,0.5-0.8,0.9c-0.2,0.4-0.3,0.8-0.4,1.2c-0.1,0.4-0.1,0.9-0.1,1.3h-3.1C10.4,27.1,10.5,26.2,10.8,25.4z"/>
<path class="st4" d="M25.6,24c0.3-0.6,0.7-1,1.3-1.4c0.5-0.4,1.1-0.6,1.7-0.8c0.6-0.2,1.3-0.3,2-0.3c1,0,1.8,0.2,2.5,0.5
c0.7,0.3,1.2,0.7,1.7,1.1s0.7,0.9,0.9,1.4c0.2,0.5,0.3,0.9,0.3,1.3c0,0.8-0.2,1.5-0.6,2.1c-0.4,0.6-1,1-1.8,1.3v0
c1,0.2,1.7,0.7,2.2,1.4c0.5,0.7,0.8,1.6,0.8,2.6c0,0.9-0.2,1.6-0.5,2.2s-0.8,1.2-1.4,1.6c-0.6,0.4-1.2,0.7-1.9,0.9
c-0.7,0.2-1.5,0.3-2.2,0.3c-0.8,0-1.5-0.1-2.3-0.3c-0.7-0.2-1.4-0.5-2-0.9c-0.6-0.4-1-0.9-1.4-1.6c-0.3-0.6-0.5-1.4-0.5-2.3
c0-1,0.3-1.9,0.8-2.6c0.5-0.7,1.3-1.1,2.2-1.4v0c-0.8-0.2-1.4-0.6-1.8-1.2c-0.4-0.6-0.6-1.3-0.6-2.1C25.1,25.2,25.3,24.5,25.6,24z
M27.9,34.2c0.2,0.3,0.4,0.6,0.6,0.9c0.3,0.2,0.6,0.4,0.9,0.6c0.4,0.1,0.7,0.2,1.1,0.2c0.4,0,0.8-0.1,1.1-0.2
c0.3-0.1,0.6-0.3,0.9-0.6c0.3-0.2,0.4-0.5,0.6-0.9c0.1-0.3,0.2-0.7,0.2-1.1c0-0.4-0.1-0.7-0.2-1c-0.1-0.3-0.3-0.6-0.6-0.8
c-0.3-0.2-0.5-0.4-0.9-0.5c-0.3-0.1-0.7-0.2-1.1-0.2c-0.8,0-1.5,0.2-2,0.7c-0.6,0.4-0.8,1.1-0.8,1.9C27.7,33.4,27.8,33.8,27.9,34.2
z M28.8,27.7c0.5,0.4,1.1,0.5,1.7,0.5c0.7,0,1.3-0.2,1.7-0.5s0.7-0.9,0.7-1.6c0-0.2,0-0.4-0.1-0.7c-0.1-0.3-0.2-0.5-0.4-0.7
c-0.2-0.2-0.4-0.4-0.7-0.6c-0.3-0.2-0.7-0.2-1.2-0.2c-0.3,0-0.6,0-0.9,0.1c-0.3,0.1-0.6,0.2-0.8,0.4c-0.2,0.2-0.4,0.4-0.5,0.7
c-0.1,0.3-0.2,0.6-0.2,1C28.1,26.9,28.3,27.4,28.8,27.7z"/>
</g>
</svg>
Markdown is supported
0%
or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment