/*Normalize*/html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace, monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type="button"],[type="reset"],[type="submit"],button{-webkit-appearance:button}[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px}[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}
/*===========================/
BASE ELEMENTS
============================*/
html{color:#222;font-size:1em;line-height:1.4;font-family:sans-serif;}
html,body{text-align:left;font:1em/1.3 Tahoma,Verdana,Geneva,sans-serif;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;min-height:100vh;flex-direction:column;}
/* ACCESSIBILITY */::-moz-selection,::selection{background:#b3d4fc;color:#fff;text-shadow:none;}
/* BLOCK */
h1,h2,h3,h4,h5,h6,table caption{font-weight:700;line-height:1.1;}
h1{font-size:1.8em;font-weight:bold;}
h2{font-size:1.4em;text-transform:uppercase;font-style:italic;}
h3{font-size:1.2em;font-style:italic;}
h4{font-size:1.1em;font-weight:bold;}
h5{font-size:1em;font-variant:small-caps;font-weight:bold;}
h6{font-size:1em;font-weight:bold;font-style:italic;}
main{min-height:50vh;}

hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0;}
p{line-height:1.5;font-weight:300;}
ul,ol{padding-left:1.5em;font-weight:300;}
ol ol{list-style-type:lower-alpha;}
ol ol ol{list-style-type:decimal;}
ol ol ol ol{list-style-type:lower-alpha;}
dt{font-weight:700;font-style:italic;font-family:'Nunito';}
dd{margin-bottom:1em;}
table{border-collapse:collapse;margin-bottom:3em;width:100%;}
caption{border-bottom:1px dashed #aab;padding:.5em;font-size:1.25em;}
tr{border:1px solid rgba(0,0,0,.3);text-align:left;}
tbody tr:nth-child(odd){background-color:rgba(0,0,0,.1);}
td,th{padding-left:.5em;}
nav li a{display:block;padding:.5em .25em;line-height:1.3em;text-decoration:none;box-sizing:border-box;}

/* INLINE */
b,strong{font-weight:700;}
abbr[title],dfn[title]{cursor:help;}
time{color:#000;}
del,s{text-decoration:line-through rgba(192,0,0,.6);position:relative;}
del:after,s:after{content:' ';height:.1em;background-color:rgba(192,0,0,.6);position:absolute;top:53%;left:0;width:100%;}

/* MEDIA */
audio,canvas,img,svg,video{vertical-align:middle;}
img{vertical-align:top;height:auto;width:auto;max-width:100%;}
p img{display:block;clear:both;margin:0 auto 1em;}


/* FORM */
input,select,textarea{background-color:rgba(255,255,255,.8);border:1px solid #ccc;border-bottom:3px solid #ccc;box-sizing:border-box;font-size:1.25em;height:2em;}
textarea{height:auto;}
button,input[type='submit'],input[type='button'],.button{border:0;width:auto;cursor:pointer;color:#fff;font-size:1.3em;box-shadow:0 4px 0 rgba(0,0,0,.2);border-radius:.25em;}
label{font-size:.8em;color:#777;}
input:focus,select:focus,textarea:focus{outline:none;border:2px solid #5eb4ff;border-bottom:5px solid #5eb4ff;color:#38c;}



/*===========================/
CLASSES
============================*/
/* DE-STYLE */
.no-select{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
.no-link{padding:0;line-height:1;text-decoration:none;color:inherit;}
.no-list,.no-list ul{list-style:none outside none;margin:0;padding:0;}
.no-list li{margin:0;}
.no-italic{font-style:normal;}
.no-resize{resize:none;}

/* COLUMNS */
[class*='flexwrap']{display:flex;flex-flow:row wrap;justify-content:space-between;}
.flex{box-sizing:border-box;width:100%;}
.flex-ais{align-items:flex-start;}
.flex-aic{align-items:center;}
.flex-aie{align-items:flex-end;}
.flex-jc{justify-content:center;}
.flex-js{justify-content:flex-start;}
.flex-je{justify-content:flex-end;}
.flex-jsb{justify-content:space-between;}
.flex-jsa{justify-content:space-around;}
.flex-acsb{align-content:space-between;}
.flex-acsa{align-content:space-around;}
.flex-acs{align-content:flex-start;}
.flex-acc{align-content:center;}
.flex-ace{align-content:flex-end;}
.flex-ss{align-self:flex-start;}
.flex-sc{align-self:center;}
.flex-se{align-self:flex-end;}
.flex-force .flex{flex:1;width:auto;}
.flex-center{display:flex;justify-content:center;align-items:center;}
.flex .inner{box-sizing:border-box;}

.tabs{font-style:italic;font-size:1em;}
.tab a{display:block;cursor:pointer;padding:.5em 0;border-bottom:.4em solid #ccc;border-radius:1em;color:#2f5b80;}
.tab a:hover{border-color:#ffc15e;color:#5eb4ff;}
.panel{position:absolute;left:-9999px;}
.panel.active,.no-js .panel{position:static;left:auto;}

.lvl2-sub{position:relative;cursor:pointer;}
.lvl2-sub .lvl2-menu{position:absolute;left:-9999px;z-index:100;background-color:#fff;border:1px solid #ccc;}
.no-js .lvl2-sub:hover .lvl2-menu,.no-js .lvl2-menu:hover,.js .lvl2-menu.show{left:0;}
.lvl2-sub .lvl2-menu li a{padding:.75em 1em;}

.collapser{position:relative;}
.collapsible{position:absolute;left:-9999px;}
.collapsible.expanded{position:static;left:auto;}
.plus,.minus{position:absolute;top:0;right:0;line-height:2em;}
.plus:after,.minus:after{content:'';display:block;width:1em;height:100%;text-align:center;color:rgba(0,0,0,.5);float:right;font-size:1.5em;line-height:1.3;}
.plus:after{content:'+';}
.minus:after{content:'–';}
.panel-wrapper{position:relative;background-color:rgba(0,0,0,.2);border-radius:.1em;padding:.25em;}
.panel-toggle{position:absolute;top:-2.25em;background-color:rgba(0,0,0,.2);padding-left:.5em;border-radius:.25em .25em 0 0;cursor:pointer;}
.panel-toggle.right{right:0;}
.panel-toggle span{display:inline-block;font-size:1.5em;width:1.5em;height:1.5em;line-height:1.5em;text-align:center;rotate:90deg;color:#999;transition:all 300ms ease-in-out;}
.panel-toggle.active span{rotate:-90deg;}
.panel{height:0;overflow:hidden;transition:all 300ms ease-in-out;}
.panel.active{height:auto;}
#tag-panel.active{height:7.5em;}


.aural-menu{margin:0;padding:0;}
.aural-menu a{position:absolute;left:-10000px;}
.aural-menu a:focus{position:static;left:auto;background-color:#c2b184;border:1px solid #715d2c;}

/* FORMS */
.field *{width:100%;}
.touch-boxes{position:relative;font-size:1.25em;}
.touch-boxes input{position:absolute;left:-9999px;}
.touch-boxes label{text-align:center;padding:.2em 0;cursor:copy;color:#666;background-color:#eee;box-shadow:0 .3em .25em -.25em rgba(0,0,0,.3);border:2px solid rgba(0,0,0,.3);}
.touch-boxes input:checked+label{background-color:rgb(0,178,169);color:#fff;}

/*NOTE: Place <label> after <input type='checkbox||radio' /> */
.buttonize{position:relative;}
.buttonize label{display:block;padding:.5em 1em;background-color:#5eb4ff;color:#fff;font-size:1em;cursor:pointer;position:relative;}
.buttonize input[type='checkbox'],
.buttonize input[type='radio']{position:absolute;left:-9999px;}
.buttonize input:checked+label{background-color:#2f5b80;color:#fff;}
.buttonize.checkmark label{padding-left:2em;}
.buttonize.checkmark label:before{content:'';display:block;position:absolute;top:.6em;left:.5em;z-index:10;width:1em;border:1px solid #fff;height:1em;}
.buttonize.checkmark input:checked+label:after{content:'';display:block;position:absolute;left:1em;z-index:11;top:.25em;height:1em;width:.5em;border:2px solid #fff;border-left:0;border-top:0;transform:rotate(45deg);}
.buttonize input[disabled]+label{background-color:#aaa;cursor:not-allowed;}

.horiz-line{position:relative;line-height:1.5;}
.horiz-line:before{content:"";display:block;position:absolute;top:50%;width:100%;border-bottom:1px solid #ffc15e;z-index:5;}
.horiz-line span{padding:.25em .5em;background-color:#fff;position:relative;z-index:10;}

.note{border-left:.5em solid rgb(200,100,100);padding:1em;background-color:rgba(255,200,200,1);}

.circle{display:block;width:1.3em;height:1.3em;border-radius:50%;}

.counter{font-size:.9em;position:absolute;top:0;right:.5em;width:1.5em;height:1.5em;text-align:center;border-radius:50%;}


/*ORG QUADRANT*/
.raindrop{position:relative;opacity:1;transition:opacity 500ms,height 1s;margin-bottom:.2em;touch-action:none;}
.raindrop:hover{background-color:rgba(255,255,255,.2);}
.quad .raindrop{}
.raindrop.selected{background-color:rgba(200,255,255,.5);color:rgba(0,0,0,.8);}
.delete{display:none;color:#fff;line-height:.75em;text-align:center;}
.raindrop.selected .delete,.step.selected > .delete{display:block;height:50%;width:1em;background-color:#d00;position:absolute;top:25%;left:100%;cursor:pointer;border-radius:0 25% 25% 0;z-index:10;}
.raindrop input.title,.step input.title{width:90%;font-size:1em;margin-left:1.25em;}
.step input.title{height:initial;}
.raindrop .title[disabled],.step .title[disabled]{pointer-events:none;background-color:rgba(255,255,255,.3);border:none;font-size:inherit;font-color:inherit;}
.raindrop .title[disabled],.step .title[disabled],.quad .title[disabled]{color:#fff;}
#urgent-important .raindrop:first-child:before{content:'\2605';position:absolute;left:-1.5em;top:0;display:block;width:1.5em;height:100%;line-height:1.5em;background-color:#09c;color:#fff;border-radius:50% 0 0 50%;text-align:center;font-size:1.25em;}
#urgent-important .raindrop:nth-child(2):before{content:'\2606';position:absolute;left:-1.5em;top:0;display:block;width:1.5em;height:100%;line-height:1.5em;background-color:#058;color:#fff;border-radius:50% 0 0 50%;text-align:center;font-size:1.25em;}

.sorter{display:block;position:absolute;height:100%;height:2em;width:5%;box-sizing:border-box;padding:0;text-align:center;cursor:move;font-size:1em;line-height:1.9em;color:#eee;}
.step .sorter{max-height:1.3em;line-height:1.2em;/*background-color:transparent;padding:0;top:0;*/}
.plan{padding:0 .25em;background-color:#eee;border:1px solid #ddd;border-radius:.2em;}
.template{display:none;}
button[disabled]{background-color:#777;cursor:not-allowed;}
.step{position:relative;margin-top:.25em;border:1px solid rgba(200,200,255,.9);border-radius:.25em;padding:.25em;}
#stairs > .step{font-size:1.2em;line-height:1.3em;margin-right:1em;padding-right:.5em;}
li > .sub-sortable{margin-left:1.25em;padding-bottom:.5em;}
li > .sub-sortable.empty{display:block;position:absolute;top:50%;left:0;height:auto;min-height:100%;width:100%;z-index:-1;}
#stair-wrapper{position:relative;}
#copy-data{position:absolute;display:block;background-color:rgba(200,175,50,.9);color:#fff;bottom:0;right:0;padding:.25em .5em;}
.enter-btn{line-height:2em;height:2em;}

#cloud .order-buttons{display:none;}
.order-buttons{display:flex;flex:row wrap;justify-content:space-between;width:6em;height:100%;position:absolute;top:0;right:9999px;padding:.25em;box-sizing:border-box;z-index:100;}
.selected .order-buttons{right:.25em;}
.order-buttons i{font-style:normal;font-weight:bold;width:24%;text-align:center;background-color:rgba(100,100,100,.8);color:#fff;cursor:pointer;}

.quad{height:40vh;border:1px dashed #aaa;position:relative;padding:.5em .5em .5em .75em;box-sizing:border-box;}
.quad:before{width:100%;position:absolute;text-align:center;box-sizing:border-box;top:40%;right:0;display:block;transform:rotate(-45deg);content:attr(data-watermark);opacity:0.3;color:#ccc;font-size:1.5em;}
#flight{border:2px dashed #aaa;border-radius:.5em;line-height:2em;height:2em;position:relative;padding-left:1em;}
#flight:before{position:absolute;text-align:center;box-sizing:border-box;top:-2em;left:33%;display:block;content:attr(data-watermark);color:#ccc;font-size:.9em;}

#cloud,#stairs{padding:.25em;border-radius:.2em;min-height:8em;height:auto;font-size:1em;}
#cloud{border:1px solid #ddd;max-height:32em;overflow:auto;}
#stairs{border-top:1px dashed #ddd;border-bottom:1px dashed #ddd;padding-left:2em;padding-bottom:3em;}

#tag-wrapper{display:flex;flex:row wrap;padding-top:.2em;}
.tag{height:1.5em;background-color:rgba(255,255,255,.5);color:#fff;position:relative;margin-right:.25em;margin-bottom:.5em;border-radius:.25em;cursor:default;display:inline-block;border:1px solid #999;}
.tag.add-tag{cursor:cell;}
#tags{width:100%;}
#tags > .tag{padding:.25em 1.75em .25em .5em;}
#selected-plan{text-decoration:underline;}
#all-tag{border-right:1px dotted #777;padding-right:.5em;margin-right:1em;}
#all-tag .tag{padding:.25em .5em;}
#all-tag .tag.disabled{cursor:not-allowed;}
.tag > .delete{display:block;position:absolute;top:0;right:0;width:1em;height:100%;line-height:1.75em;cursor:pointer;text-align:center;background-color:rgba(255,255,255,.3);color:#a00;}
.tag > .delete:hover{background-color:rgba(255,0,0,.3);color:#fff;}
.tag.selected{background-color:#09c;color:#fff;}
.tag.selected:hover{opacity:.8;}
.raindrop.not-filtered{opacity:0;height:0;padding:0;border:0;}

.drop-zone{border:3px dashed #fff;width:100%;max-width:32em;color:#fff;}
.drop-zone.over{border-color:#fff;background-color:rgba(255,255,255,.2);}
.drop-zone img,.item img{max-height:180px;}
/*END ORG QUADRANT*/



/* ==========================================================================
Id styles
========================================================================== */
#site-header{text-align:center;border-bottom:1px solid #aaa;}
#site-title a img{max-width:320px;width:100%;}
#site-footer{min-height:5em;border-top:.5em solid #2f5b80;}

#intro{position:relative;}
#intro .close{/*position:absolute;top:.5em;right:1em;*/width:4em;margin:0 auto;text-align:center;padding:.5em 1em;background-color:rgba(0,0,0,.2);cursor:pointer;font-weight:bold;font-size:1.5em;}
#intro a:not(.button){color:#ec3;}

#logo{margin-top:.25em;}
#logo svg#fb-logo{max-width:7em;}
#logo svg#fb-icon{max-height:1em;}
#logo svg g *{fill:#5eb4ff;stroke:#5eb4ff;stroke-width:4px;}


/*TOP*/
#top{display:none;text-align:center;position:fixed;top:0;z-index:100;height:3em;width:100%;background-color:rgba(0,0,0,.4);}
#top svg{width:180px;height:100%;}
#top:hover{background-color:rgba(0,0,0,.5);}

#focused-plan-dialog{}
#focused-plan-dialog:not(.remove) #focused-plan-bg{position:fixed;top:0;right:0;bottom:0;left:0;background-color:rgba(0,0,0,.6);z-index:10;backdrop-filter:blur(2px);}
#focused-plan-outer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:20;}
#focused-plan{padding-top:2em;width:100%;height:auto;min-width:16em;max-width:48em;margin:0 auto;background-color:#fff;color:#555;}
#focused-plan h2{font-size:3em;text-align:center;font-style:normal;color:#09c;margin-top:0;}
#focused-plan #plan-wrapper{padding:0 2em 4em 2em;}
#focused-plan #focus-1{background-color:rgba(0,0,0,.3);border:4px solid #09c;padding:1em;border-radius:.5em;font-size:1.2em;position:relative;box-shadow:0 .75em .25em -.5em rgba(128,128,128,.5);}
#focused-plan #focus-1:before{content:'\2605';position:absolute;left:48%;top:-.9em;display:block;width:1.5em;height:1.5em;line-height:1.5em;background-color:#09c;color:#fff;border-radius:50%;text-align:center;font-size:1em;}
#focused-plan #focus-2{background-color:rgba(0,0,0,.1);border:4px solid #058;padding:1em;border-radius:.5em;font-size:1.2em;position:relative;box-shadow:0 .75em .25em -.5em rgba(128,128,128,.5);}
#focused-plan #focus-2:before{content:'\2606';position:absolute;left:48%;top:-.9em;display:block;width:1.5em;height:1.5em;line-height:1.5em;background-color:#058;color:#fff;border-radius:50%;text-align:center;font-size:1em;}
#focused-plan #focus-follow-up{border:4px solid #999;padding:1em;border-radius:.5em;font-size:1.2em;position:relative;box-shadow:0 .75em .25em -.5em rgba(128,128,128,.5);}
.focus-plan-steps ol{list-style:none inside none;}
.focus-plan-steps > ol{padding-left:1.75em;position:relative;}
.focus-plan-steps ol ol{padding-left:0;}
/*.focus-plan-steps ol ol li{background:transparent url("../svg/list.svg") 0 50% no-repeat;background-size:1em;}
.focus-plan-steps ol ol li:last-child{background-image:url("../svg/list-last.svg");}*/
#focused-plan li{padding-left:1em;line-height:2em;}
#focused-plan li:before{content:'';display:block;width:1.5em;height:1.5em;position:absolute;left:0;border:2px solid #999;border-radius:.25em;background-color:rgba(255,255,255,.4);}
#focus-1 li:before{border-color:#09c;}
#focus-2 li:before{border-color:#058;}
#focused-plan h4{font-size:2em;margin:0;padding:0;text-transform:uppercase;}
#focused-plan h2,#focused-plan h3,#focused-plan h4{text-shadow:2px 2px 1px rgba(128,128,128,.4);}

/*===========================/
QUERIES [BROWSER]
============================*/
/*smaller than 320px*/
@media only screen and (max-width:19.99em) {
	/*FLEX*/
	.flex-hold-20 > .flex{width:100%;}
}
/*larger than 320px*/
@media only screen and (min-width:20em) {
	/*FLEX*/
	.flexwrap12 > .flex:not([class*='span']),
	.flexwrap10 > .flex:not([class*='span']){width:50%;}
}

/*smaller than 512px*/
@media only screen and (max-width:31.99em) {
	/*FLEX*/
	.flex-hold-32 > .flex{width:100%;}
}
/*larger than 512px*/
@media only screen and (min-width:32em) {
	/*FLEX*/
	.flexwrap3 > .flex:not([class*='span']),
	.flexwrap9 > .flex:not([class*='span']),
	.flexwrap12 > .flex:not([class*='span']){width:33.33%;}
	.flexwrap2 > .flex,
	.flexwrap4 > .flex:not([class*='span']),
	.flexwrap6 > .flex:not([class*='span']),
	.flexwrap8 > .flex:not([class*='span']){width:50%;}
	.flexwrap3 > .flex.span2,
	.flexwrap9 > .flex.span2,
	.flexwrap12 > .flex.span2{width:66.67%;}
}

/*smaller than 768px*/
@media only screen and (max-width:47.99em) {
	/*FLEX*/
	.flex-hold-48 > .flex{width:100%;}
}
/*larger than 768px*/
@media only screen and (min-width:48em) {
	/*FLEX*/
	.flexwrap5 > .flex:not([class*='span']),
	.flexwrap10 > .flex:not([class*='span']){width:20%;}
	.flexwrap4 > .flex:not([class*='span']),
	.flexwrap8 > .flex:not([class*='span']),
	.flexwrap12 > .flex:not([class*='span']){width:25%;}
	.flexwrap6 > .flex:not([class*='span']),
	.flexwrap9 > .flex:not([class*='span']){width:33.33%;}
	.flexwrap5 > .flex.span2,
	.flexwrap10 > .flex.span2{width:40%;}
	.flexwrap4 > .flex.span2,
	.flexwrap8 > .flex.span2,
	.flexwrap12 > .flex.span2{width:50%;}
	.flexwrap5 > .flex.span3,
	.flexwrap10 > .flex.span3{width:60%;}
	.flexwrap6 > .flex.span2,
	.flexwrap9 > .flex.span2{width:66.67%;}
	.flexwrap4 > .flex.span3,
	.flexwrap8 > .flex.span3,
	.flexwrap12 > .flex.span3{width:75%;}
	.flexwrap5 > .flex.span4,
	.flexwrap10 > .flex.span4{width:80%;}
}

/*smaller than 960px*/
@media only screen and (max-width:59.99em) {
	/*FLEX*/
	.flex-hold-60 > .flex{width:100%;}

	.hide-max-60{display:none;}
}
/*larger than 960px*/
@media only screen and (min-width:60em),print {
	/*FLEX*/
	.flexwrap8 > .flex:not([class*='span']){width:12.5%;}
	.flexwrap6 > .flex:not([class*='span']),
	.flexwrap12 > .flex:not([class*='span']){width:16.66%;}
	.flexwrap8 > .flex.span2{width:25%;}
	.flexwrap6 > .flex.span2,
	.flexwrap12 > .flex.span2{width:33.33%;}
	.flexwrap8 > .flex.span3{width:37.5%;}
	.flexwrap8 > .flex.span4,
	.flexwrap6 > .flex.span3,
	.flexwrap12 > .flex.span3{width:50%;}
	.flexwrap8 > .flex.span5{width:62.5%;}
	.flexwrap6 > .flex.span4,
	.flexwrap12 > .flex.span4{width:66.67%;}
	.flexwrap8 > .flex.span6{width:75%;}
	.flexwrap6 > .flex.span5,
	.flexwrap12 > .flex.span5{width:83.33%;}
	.flexwrap8 > .flex.span7{width:87.5%;}
	
	#dashboard-menu,#login-wrap{margin-top:1em;}
	
}

/*smaller than 1280px*/
@media only screen and (max-width:79.99em) {
	.flex-hold-80 > .flex{width:100%;}
}
/*larger than 1280px*/
@media only screen and (min-width:80em) {
	/*FLEX*/
	.flexwrap9 > .flex{width:11.11%;}
	.flexwrap9 > .flex.span2{width:22.22%;}
	.flexwrap9 > .flex.span3{width:33.33%;}
	.flexwrap9 > .flex.span4{width:44.44%;}
	.flexwrap9 > .flex.span5{width:55.56%;}
	.flexwrap9 > .flex.span6{width:66.67%;}
	.flexwrap9 > .flex.span7{width:77.78%;}
	.flexwrap9 > .flex.span8{width:88.89%;}
	.flexwrap12 > .flex{width:8.33%;}
	.flexwrap12 > .flex.span2{width:16.66%;}
	.flexwrap12 > .flex.span3{width:25%;}
	.flexwrap12 > .flex.span4{width:33.33%;}
	.flexwrap12 > .flex.span5{width:41.66%;}
	.flexwrap12 > .flex.span6{width:50%;}
	.flexwrap12 > .flex.span7{width:58.34%;}
	.flexwrap12 > .flex.span8{width:66.67%;}
	.flexwrap12 > .flex.span9{width:75%;}
	.flexwrap12 > .flex.span10{width:83.34%;}
	.flexwrap12 > .flex.span11{width:91.67%;}
}

/*larger than 1440px*/
@media only screen and (min-width:90em) {
}

/*print for high resolution */
@media print, (min-resolution:1.25dppx), (min-resolution:120dpi){

}
.flex.span-full{width:100%;}


/*printing*/
@media print{
	*,*:before,*:after{background:transparent !important;color:#000 !important;box-shadow:none !important;text-shadow:none !important;}
	a,a:visited{text-decoration:underline;}
	a[href]:after{content:" (" attr(href) ")";}
	abbr[title]:after{content:" (" attr(title) ")";}
	a[href^="#"]:after,a[href^="javascript:"]:after{content:"";}
    pre{white-space:pre-wrap !important;}
	pre,blockquote{border:1px solid #999;page-break-inside:avoid;}
	thead{display:table-header-group;}
	tr,img{page-break-inside:avoid;}
	img{max-width:100% !important;}
	p,h2,h3{orphans:3;widows:3;}
	h2,h3{page-break-after:avoid;}
	.no-print{display:none;}
}

/*screen readers*/
@media aural
{
	.remove{display:block;}
	.hide{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto;}
	.invisible{visibility:visible;}

	.seenot,.aural{position:static;left:inherit;}
}

/*===========================/
UTILITIES
============================*/
/*img[src$=".svg"]{width:100%;}*/
/* BOX MODEL */
.w-dyn{transition:width 50ms ease-in;}
.w-auto{width:auto;}
.w-100pc{width:100%;}.w-95pc{width:95%;}.w-90pc{width:90%;}.w-85pc{width:85%;}.w-80pc{width:80%;}.w-75pc{width:75%;}.w-70pc{width:70%;}.w-67pc{width:67%;}.w-65pc{width:65%;}.w-60pc{width:60%;}.w-55pc{width:55%;}.w-50pc{width:50%;}.w-45pc{width:45%;}.w-40pc{width:40%;}.w-35pc{width:35%;}.w-33pc{width:33%;}.w-30pc{width:30%;}.w-25pc{width:25%;}.w-20pc{width:20%;}.w-15pc{width:15%;}.w-10pc{width:10%;}.w-5pc{width:5%;}
.h-100pc{height:100%;}
.h-fill{height:100%;min-height:100vh;}
/*padding*/
.p-0{padding:0;}.p-1_2{padding:.5em;}.p-1{padding:1em;}.p-2{padding:2em;}.p-3{padding:3em;}.p-4{padding:4em;}
.pt-1_2,.py-1_2{padding-top:.5em;}.pt-1,.py-1{padding-top:1em;}.pt-2,.py-2{padding-top:2em;}.pt-3,.py-3{padding-top:3em;}.pt-4,.py-4{padding-top:4em;}
.pb-1_2,.py-1_2{padding-bottom:.5em;}.pb-1,.py-1{padding-bottom:1em;}.pb-2,.py-2{padding-bottom:2em;}.pb-3,.py-3{padding-bottom:3em;}.pb-4,.py-4{padding-bottom:4em;}
.pr-1_2,.px-1_2{padding-right:.5em;}.pr-1,.px-1{padding-right:1em;}.pr-2,.px-2{padding-right:2em;}
.pl-1_2,.px-1_2{padding-left:.5em;}.pl-1,.px-1{padding-left:1em;}.pl-2,.px-2{padding-left:2em;}
/*margin*/
.m-0{margin:0;}.m-1_2{margin:.5em;}.m-1{margin:1em;}.m-2{margin:2em;}.m-3{margin:3em;}.m-4{margin:4em;}
.mt-0{margin-top:0;}.mt-1_2{margin-top:.5em;}.mt-1{margin-top:1em;}.mt-2{margin-top:2em;}.mt-3{margin-top:3em;}.mt-4{margin-top:4em;}
.mb-0{margin-bottom:0;}.mb-1_2{margin-bottom:.5em;}.mb-1{margin-bottom:1em;}.mb-2{margin-bottom:2em;}.mb-3{margin-bottom:3em;}.mb-4{margin-bottom:4em;}
.mr-1{margin-right:1em;}.ml-1{margin-left:1em;}.ml-1_2{margin-left:.5em;}.mr-1_2{margin-right:.5em;}
.m-auto{margin-left:auto;margin-right:auto;}
.mw-20em{width:100%;max-width:20em;}
.mw-60em{width:100%;max-width:60em;}
/*borders*/
.br-1{border-right:1px solid #999;}
/*rounded*/
.rounded-1{border-radius:1em;}
.rounded-1_2{border-radius:.5em;}
.rounded-1_4{border-radius:.25em;}

/* TYPOGRAPHY */
.ta-center{text-align:center;}
.ta-right{text-align:right;}
.ta-left{text-align:left;}
.fw-700,.fw-bold{font-weight:700;}
.lh-1{line-height:1;}
.lh-1p3,.lh{line-height:1.3;}
.fs-p5{font-size:.5em;}
.fs-p67{font-size:.67em;}
.fs-p75{font-size:.75em;}
.fs-p8{font-size:.8em;}
.fs-p9{font-size:.9em;}
.fs-1{font-size:initial;}
.fs-1p2{font-size:1.2em;}
.fs-1p3{font-size:1.3em;}
.fs-1p5{font-size:1.5em;}
.fs-2{font-size:2em;}
.fs-3{font-size:3em;}
.fs-4{font-size:4em;}
.fs-5{font-size:5em;}
.fs-6{font-size:6em;}
.tt-cap{text-transform:capitalize;}
.tt-none{text-transform:none;}

/* COLORS */
.bg-brand-purple{background-color:#845eff/*rgb(132,94,255)*/;color:#fff;}
.bg-brand-dk-purple{background-color:#422f80/*rgb(66,47,128)*/;color:#fff;}
.bg-brand-orange,.bg-2{background-color:#ffc15e;/*rgb(255,193,94)*/}
.bg-brand-dk-orange,.bg-6{background-color:#80612f/*rgb(128,97,47)*/;color:#fff;}
.bg-brand-blue,.bg-3{background-color:#5eb4ff/*rgb(94,180,255)*/;}
.bg-brand-dk-blue{background-color:#2f5b80/*rgb(47,91,128)*/;color:#fff;}
.bg-lt-red{background-color:#fcc/*rgb(255,204,204)*/;}
.bg-red,.bg-4{background:#dd514c/*rgb(221,81,76)*/;}
.bg-dk-red{background-color:#933/*rgb()*/;color:#fff;}
.bg-blue{background:#1f8dd6/*rgb(31,141,214)*/;}
.bg-orange{background:#f37b1d/*rgb(243,123,29)*/;}
.bg-lt-green{background-color:#cfc/*rgb()*/;}
.bg-green{background:#5eb95e/*rgb(94,185,94)*/;}
.bg-yellow{background:#fad232/*rgb(250,210,50)*/;color:#666;}
.bg-purple,.bg-5{background:#8058a5/*rgb(128,88,165)*/;}
.bg-darker{background:rgba(0,0,0,.1);}
.bg-lighter{background:rgba(255,255,255,.3);}
.bg-gold{background-color:#ccaa33/*rgb()*/;}
.bg-white{background-color:#fff/*rgb()*/;}
.bg-fog{background-color:#eee/*rgb()*/;}
.bg-silver{background-color:#aaa/*rgb()*/;}
.bg-gray{background-color:rgba(128,128,128,1);color:#fff;}
.bg-charcoal{background:rgba(33,33,33,.75);color:#fff;}
.bg-slate{background:rgba(33,33,60,.75);color:#fff;}

.brand-purple{color:#845eff;}
.brand-dk-purple{color:#422f80;}
.brand-orange{color:#ffc15e;}
.brand-dk-orange{color:#80612f;}
.brand-blue{color:#5eb4ff;}
.brand-dk-blue{color:#2f5b80;}
.black{color:#333;}
.red{color:#dd514c/*rgb(221,81,76)*/;}
.green{color:#5eb95e/*rgb(94,185,94)*/;}
.gold{color:#ccaa33;}
.white{color:#fff;}

/* MISC */
.c-pointer{cursor:pointer;}
.c-default{cursor:default;}
.c-help{cursor:help;}
.no-tshadow{text-shadow:none;}
.no-bshadow{box-shadow:none;}
.circle3{display:block;width:3em;height:3em;border-radius:50%;}

/* MASKS */
.clip-circle{clip-path:circle(60px at center);}
.clip-ellipse{clip-path:ellipse(60px 40px at center);}
.clip-polygon{clip-path:polygon(5% 5%, 100% 0%, 100% 75%, 75% 75%, 75% 100%, 50% 75%, 0% 75%);}

/* SVG */
svg .no-fill{fill:none;}
svg .stroke-white{stroke-width:2px;stroke:white;}

/* VISIBILITY */
.d-block{display:block;}
.d-none{display:none;}
.d-ib{display:inline-block;}
.invisible{visibility:hidden;}
.remove{position:absolute;left:-9999px;}
.reset{position:static;}
.hide{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;}
.hide.focus:active,.hide.focus:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto;}

/* POSITIONING */
.pos-rel{position:relative;}
.pos-tr{position:absolute;top:0;right:0;}
.pos-tl{position:absolute;top:0;left:0;}
.o-hidden{overflow:hidden;}
.clear:before,.clear:after{content:" ";display:table;}
.clear:after{clear:both;}
.clear{*zoom:1;}
.f-left{float:left;}
.f-right{float:right;}