@import url('https://fonts.googleapis.com/css?family=Overpass|Passion+One:700|Roboto+Mono');
/* Animation via animista.net */
@-webkit-keyframes warm-flow{0%{background:#FEC931}100%{background:#FE8D1D}}@keyframes warm-flow{0%{background:#FEC931}100%{background:#FE8D1D}}
@-webkit-keyframes cool-flow{0%{background:#1FBAC3}100%{background:#D7C115}}@keyframes cool-flow{0%{background:#1FBAC3}100%{background:#D7C115}}
html,
body{width:100%;margin:0;padding:0;left:0;top:0;font-size:100%;font-family:'Overpass', Helvetica, sans-serif;color:#343434;background-color:#FEC931;}
.warm-flow {-webkit-animation:warm-flow 7s infinite alternate both; -moz-animation:warm-flow 7s infinite alternate both; animation:warm-flow 7s infinite alternate both;}
.cool-flow {-webkit-animation:cool-flow 7s infinite alternate both; -moz-animation:cool-flow 7s infinite alternate both; animation:cool-flow 7s infinite alternate both;}
html,
body{width:100%;margin:0;padding:0;left:0;top:0;font-size:100%;font-family:'Overpass', Helvetica, sans-serif;color:#343434;background-color:#FEC931;}
body{background-image:linear-gradient(#FEC931, #FE8D1D);}
body.cool{background-color:#1FBAC3;background-image:linear-gradient(#1FBAC3, #D7C115);}
body.cool h1 span,
body.cool h2 span{color:#1FBAC3;}
body.cool footer,
body.cool footer a{color:#D7C115;}
img{margin:-.22em 0;}
a:link,a:visited{color:#0E584D;}
a:hover,a:active{text-decoration:none;}
a.ghost-button:link,
a.ghost-button:visited{border-radius:2px;border:1px solid rgba(14, 88, 77, .8);color:#0E584D;font-weight:bold;margin:.4em;padding:.5em .8em .4em .8em;text-decoration:none;text-transform:uppercase;}
a.ghost-button:hover,
a.ghost-button:active{background-color:#0E584D;border-color:#0E584D;color:#fff;}
.left{text-align:left;}
.right{text-align:right;}
.center{text-align:center;margin-left:auto;margin-right:auto;}
h1{font-size:2.8rem;text-transform:uppercase;font-family:'Passion One';text-align:center;line-height:.88 !important;}
header h1{margin:auto;}
header h1.logo a{background:url(http://www.flow14.com/img/flow14-logo.svg);text-indent:-9999px;}
header h1.logo--large a{margin:.6em auto .6em auto;padding:0;display:block;width:266px;height:86px;background-size:266px 86px;}
header h1.logo--small a{margin:.3em auto .3em auto;padding:0;display:block;width:133px;height:43px;background-size:133px 43px;}
.item h1{margin:0;padding:0;line-height:1;color:#343434;}
h1 span{padding:0 .1em;background-color:#343434;color:#FEC931;}
h2{font-size:2rem;text-transform:uppercase;font-family:'Passion One';}
.item h2{margin:.6em 0;padding:0;line-height:1;text-align:center;}
.item h2 span{margin:.4em 0;padding:0 .2em;background-color:#343434;color:#FEC931;}
h3{font-size:1.375rem;}
.item h3{text-align:center;}
h4{font-size:1.125rem;}
h5{font-size:1rem;}
h6{font-size:0.875rem;}
p{font-size:1.2rem;font-weight:200;line-height:1.8;font-weight:400;font-family:'Overpass', sans-serif;margin-bottom:1.5em;}
.mono{font-family:'Roboto Mono', sans-serif;}
p.mono{font-size:.85rem;font-family:'Roboto Mono', sans-serif;text-align:center;line-height:1.4;}
p.mono-light{color:#fff;}
.container{width:100%;margin-left:auto;margin-right:auto;}
.row{position:relative;width:100%;}
.row [class^="col"]{float:left;margin:0;min-height:0;}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12{width:100%;}
.col-1-sm{width:8.33%;}
.col-2-sm{width:16.66%;}
.col-3-sm{width:25%;}
.col-4-sm{width:33.33%;}
.col-5-sm{width:41.66%;}
.col-6-sm{width:50%;}
.col-7-sm{width:58.33%;}
.col-8-sm{width:64.66%;}
.col-9-sm{width:75%;}
.col-10-sm{width:83.33%;}
.col-11-sm{width:91.66%;}
.col-12-sm{width:100%;}
.push-1{margin-left:8.33%;}
.push-2{margin-left:16.66%;}
.push-3{margin-left:25%;}
.push-4{margin-left:33.33%;}
.push-5{margin-left:41.66%;}
.push-6{margin-left:50%;}
.row::after{content:"";display:table;clear:both;}
.hidden-sm{display:none;}
.hidden-lg{display:none;}
nav{padding:0 .8em .8em;}
nav a:link,
nav a:visited{white-space:nowrap;margin:.7em .4em;padding:.4em .4em;/*border:1px solid rgba(14, 88, 77, .8);*/color:#0E584D;text-transform:uppercase;text-decoration:none;border-radius:2px;}
nav a:hover,
nav a:active{background-color:#0E584D;border-color:#0E584D;color:#fff;}
.shade{background-color:rgba(52,52,52,.05);}
.shade a{color:#343434;margin:.45em;white-space:nowrap;}
.overlay{margin:.4em .4em .2em 0;padding:.4em;line-height:1.1rem;color:#fff;border-top:2px solid white;border-bottom:1px solid white;position:absolute;z-index:10;font-size:.8rem;font-weight:400;font-family:'Roboto Mono';text-transform:uppercase;}
.overlay-dark{color:#343434;border-top:2px solid #343434;border-bottom:1px solid #343434;background-color:rgba(255,255,255,.6);}
.background-white{background-color:#fff;padding-top:.4em;}
.gap{margin-top:1em;margin-bottom:1em;}
.video{padding-bottom:2em;text-align:center;}
.scale{transform:scale(1.2);}
.scale1_2{transform:scale(1.2);}
.scale1_3{transform:scale(1.3);}
.scale1_4{transform:scale(1.4);}
.inner{margin:0;padding:1em 2em;}
.sample{display:flex;flex-flow:row wrap;padding:.5em 1em 2.5em 1em;justify-content:space-between;}
.sample img{margin:0;padding:0;}
.sample-desc h2,
.sample-desc p{margin:.15em 0;text-align:left;}
.sample-desc h2 a:link,
.sample-desc h2 a:visited{text-decoration:none;}
.sample-desc h2 a:hover,
.sample-desc h2 a:active{text-decoration:underline;}
.sample-cta{align-self:center;margin-left:-.4em;padding:1em 1em 1em 0;}
.sample-cta a{margin:.4em;padding:.4em .8em;border:1px solid rgba(14, 88, 77, .8);color:#0E584D;text-transform:uppercase;text-decoration:none;border-radius:2px;}
.grad{background-image:linear-gradient(#FE8D1D, #FEC931);}
.gradrev{background-image:linear-gradient(#FEC931, #FE8D1D);}
footer{margin-top:2em;color:#FE8D1D;background-color:#343434;}
footer h2{font-size:1.45rem;letter-spacing:.05em;}
footer p{font-size:.85rem;}
footer a:link, footer a:visited{color:#FE8D1D;}
footer a:hover, footer a:active{text-decoration:none;}
.ft-c-1,.ft-c-2,.ft-c-3,.ft-c-4{padding:.4em 0;white-space:nowrap;}
.ft-c-1{background-color:#FEC931;}
.ft-c-2{background-color:#1FBAC3;}
.ft-c-3{background-color:#D7C115;}
.ft-c-4{background-color:#FE8D1D;}
@media only screen and (max-width:45em){.push-1,.push-2,.push-3,.push-4,.push-5,.push-6{margin-left:0;}
.inner{padding:1em;}
.gap img{margin:0;}
.flex{display:flex;flex-wrap:wrap;}
.item-one{order:2;}
.item-two{order:1;}
.item-three{order:3;}
.grid-item{height:auto !important;}
.grid-item-h{height:200px !important;}
.sample{justify-content:center;padding-bottom:1em;}
.sample-desc h2, .sample-desc p{text-align:center;}
.sample-desc h2{font-size:2.6rem;}
.sample-cta{padding:1em .5em 2em;}
.hidden-lg{display:block;}
}
@media only screen and (max-width:60em){.scale,.scale1_2,.scale1_3,.scale1_4{transform:scale(1);}
}
@media only screen and (min-width:33.75em){.push-1,.push-2,.push-3,.push-4,.push-5,.push-6{margin-left:0;}
.container{width:100%;}
}
@media only screen and (min-width:45em){}
@media only screen and (min-width:60em){
.col-1{width:8.33%;}
.col-2{width:16.67%;}
.col-3{width:25%;}
.col-4{width:33.33%;}
.col-5{width:41.66%;}
.col-6{width:50%;}
.col-7{width:58.33%;}
.col-8{width:66.66%;}
.col-9{width:75%;}
.col-10{width:83.33%;}
.col-11{width:91.66%;}
.col-12{width:100%;}
.hidden-sm{display:block;}
.hidden-lg{display:none;}
.container{width:100%;max-width:90rem;}
}
@media only screen and (max-width:80em){
header h1.logo a{background:url(http://www.flow14.com/img/flow14-logo.svg);text-indent:-9999px;}
header h1.logo--large a{margin-left:auto;margin-right:auto;width:190px;height:61px;background-size:190px 61px;}
header h1.logo--small a{margin-left:auto;margin-right:auto;width:126px;height:41px;background-size:126px 41px;}
}