/* html5doctor.com Reset v1.6.1 - http://cssreset.com */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }

body { line-height: 1; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

nav ul { list-style: none; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after { content: none; }

a { margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent; }

ins { background-color: #ff9; color: #000; text-decoration: none; }

mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; }

del { text-decoration: line-through; }

abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; }

table { border-collapse: collapse; border-spacing: 0; }

hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }

input, select { vertical-align: middle; }

/* Grids generated by Gridset: http://gridsetapp.com */
@media only screen and (max-width: 767px) { /* Mobile grid: 2 column / gutter: 6.25% ---------------------------------------- */
  [class*=m1], [class*=m2], .m-all { display: block; float: left; margin-right: -100%; }
  /* Mobile grid spans ----- */
  .m1, .m2 { width: 46.875%; }
  .m-all { width: 100%; margin-left: 0; clear: left; }
  /* Mobile grid padding ----- */
  [class*=m-pad] { padding-left: 3.125%; padding-right: 3.125%; left: -3.125%; }
  [class~=m-padfull], [class~=m-padinfull], [class~=m-padfull], [class~=m-padinfull] { padding-left: 6.25%; padding-right: 6.25%; left: -6.25%; }
  .m-pad, .m-padfull { position: relative; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
  .m-padin[class~=m-padin], .m-padinfull[class~=m-padinfull] { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; left: 0; }
  /* Mobile grid relationships ----- */
  [class*=m2] { margin-left: 53.125%; }
  .m1, [class*=m1-], .m-all, [class*=m1-], .m1, [class*=m1-] [class*=m1], [class*=m2-] [class*=m2] { margin-left: 0; clear: left; }
  /* Mobile grid floats ----- */
  [class*=m-float] { margin-left: 6.25%; margin-right: 6.25%; }
  .m-floatright[class~=m-floatright], .m-floatright[class~=m-floatright] + .m-floatright[class~=m-floatright] { float: right; margin-right: 0; clear: right; }
  .m-floatleft[class~=m-floatleft] { float: left; margin-left: 0; }
  /* Mobile clearing ----- */
  [class*=m2] + [class*=m2], .m-clear { clear: left; }
  .m-overlap[class*=overlap] { clear: none; }
  /* Mobile hiding ----- */
  .m-hide { display: none !important; } }
@media only screen and (min-width: 768px) { /* Desktop grid: 6 column / gutter: 4% ---------------------------------------- */
  [class*=c1], [class*=c2], [class*=c3], [class*=c4], [class*=c5], [class*=c6], .c-all { display: block; float: left; margin-right: -100%; }
  /* Desktop grid spans ----- */
  .c1, .c2, .c3, .c4, .c5, .c6 { width: 13.31380208%; }
  .c1-c5 .c1, .c1-c5 .c2, .c1-c5 .c3, .c1-c5 .c4, .c1-c5 .c5, .c2-c6 .c2, .c2-c6 .c3, .c2-c6 .c4, .c2-c6 .c5, .c2-c6 .c6 { width: 16.12445398%; }
  .c1-c4 .c1, .c1-c4 .c2, .c1-c4 .c3, .c1-c4 .c4, .c2-c5 .c2, .c2-c5 .c3, .c2-c5 .c4, .c2-c5 .c5, .c3-c6 .c3, .c3-c6 .c4, .c3-c6 .c5, .c3-c6 .c6 { width: 20.40266582%; }
  .c1-c3 .c1, .c1-c3 .c2, .c1-c3 .c3, .c2-c4 .c2, .c2-c4 .c3, .c2-c4 .c4, .c3-c5 .c3, .c3-c5 .c4, .c3-c5 .c5, .c4-c6 .c4, .c4-c6 .c5, .c4-c6 .c6 { width: 27.77098781%; }
  .c1-c2, .c2-c3, .c3-c4, .c4-c5, .c5-c6 { width: 30.62760417%; }
  .c1-c5 .c1-c2, .c1-c5 .c2-c3, .c1-c5 .c3-c4, .c1-c5 .c4-c5, .c2-c6 .c2-c3, .c2-c6 .c3-c4, .c2-c6 .c4-c5, .c2-c6 .c5-c6 { width: 37.09334048%; }
  .c1-c2 .c1, .c1-c2 .c2, .c2-c3 .c2, .c2-c3 .c3, .c3-c4 .c3, .c3-c4 .c4, .c4-c5 .c4, .c4-c5 .c5, .c5-c6 .c5, .c5-c6 .c6 { width: 43.46994303%; }
  .c1-c4 .c1-c2, .c1-c4 .c2-c3, .c1-c4 .c3-c4, .c2-c5 .c2-c3, .c2-c5 .c3-c4, .c2-c5 .c4-c5, .c3-c6 .c3-c4, .c3-c6 .c4-c5, .c3-c6 .c5-c6 { width: 46.93511055%; }
  .c1-c3, .c2-c4, .c3-c5, .c4-c6 { width: 47.94140625%; }
  .c1-c5 .c1-c3, .c1-c5 .c2-c4, .c1-c5 .c3-c5, .c2-c6 .c2-c4, .c2-c6 .c3-c5, .c2-c6 .c4-c6 { width: 58.06222699%; }
  .c1-c3 .c1-c2, .c1-c3 .c2-c3, .c2-c4 .c2-c3, .c2-c4 .c3-c4, .c3-c5 .c3-c4, .c3-c5 .c4-c5, .c4-c6 .c4-c5, .c4-c6 .c5-c6 { width: 63.88549391%; }
  .c1-c4, .c2-c5, .c3-c6 { width: 65.25520833%; }
  .c1-c4 .c1-c3, .c1-c4 .c2-c4, .c2-c5 .c2-c4, .c2-c5 .c3-c5, .c3-c6 .c3-c5, .c3-c6 .c4-c6 { width: 73.46755528%; }
  .c1-c5 .c1-c4, .c1-c5 .c2-c5, .c2-c6 .c2-c5, .c2-c6 .c3-c6 { width: 79.03111349%; }
  .c1-c5, .c2-c6 { width: 82.56901042%; }
  .c-all { width: 100%; margin-left: 0; clear: left; }
  /* Desktop grid padding ----- */
  [class*=c-pad] { padding-left: 2%; padding-right: 2%; left: -2%; }
  .c1-c5 [class*=c-pad], .c2-c6 [class*=c-pad] { padding-left: 2.42221626%; padding-right: 2.42221626%; left: -2.42222%; }
  .c1-c4 [class*=c-pad], .c2-c5 [class*=c-pad], .c3-c6 [class*=c-pad] { padding-left: 3.06488946%; padding-right: 3.06488946%; left: -3.06489%; }
  [class~=c-padfull], [class~=c-padinfull], [class~=c-padfull], [class~=c-padinfull], [class~=c-padfull], [class~=c-padinfull], [class~=c-padfull], [class~=c-padinfull], [class~=c-padfull], [class~=c-padinfull], [class~=c-padfull], [class~=c-padinfull] { padding-left: 4%; padding-right: 4%; left: -4%; }
  .c1-c3 [class*=c-pad], .c2-c4 [class*=c-pad], .c3-c5 [class*=c-pad], .c4-c6 [class*=c-pad] { padding-left: 4.17175915%; padding-right: 4.17175915%; left: -4.17176%; }
  .c1-c5 [class~=c-padfull], .c1-c5 [class~=c-padinfull], .c1-c5 [class~=c-padfull], .c1-c5 [class~=c-padinfull], .c1-c5 [class~=c-padfull], .c1-c5 [class~=c-padinfull], .c1-c5 [class~=c-padfull], .c1-c5 [class~=c-padinfull], .c1-c5 [class~=c-padfull], .c1-c5 [class~=c-padinfull], .c2-c6 [class~=c-padfull], .c2-c6 [class~=c-padinfull], .c2-c6 [class~=c-padfull], .c2-c6 [class~=c-padinfull], .c2-c6 [class~=c-padfull], .c2-c6 [class~=c-padinfull], .c2-c6 [class~=c-padfull], .c2-c6 [class~=c-padinfull], .c2-c6 [class~=c-padfull], .c2-c6 [class~=c-padinfull] { padding-left: 4.84443253%; padding-right: 4.84443253%; left: -4.84443%; }
  .c1-c4 [class~=c-padfull], .c1-c4 [class~=c-padinfull], .c1-c4 [class~=c-padfull], .c1-c4 [class~=c-padinfull], .c1-c4 [class~=c-padfull], .c1-c4 [class~=c-padinfull], .c1-c4 [class~=c-padfull], .c1-c4 [class~=c-padinfull], .c2-c5 [class~=c-padfull], .c2-c5 [class~=c-padinfull], .c2-c5 [class~=c-padfull], .c2-c5 [class~=c-padinfull], .c2-c5 [class~=c-padfull], .c2-c5 [class~=c-padinfull], .c2-c5 [class~=c-padfull], .c2-c5 [class~=c-padinfull], .c3-c6 [class~=c-padfull], .c3-c6 [class~=c-padinfull], .c3-c6 [class~=c-padfull], .c3-c6 [class~=c-padinfull], .c3-c6 [class~=c-padfull], .c3-c6 [class~=c-padinfull], .c3-c6 [class~=c-padfull], .c3-c6 [class~=c-padinfull] { padding-left: 6.12977891%; padding-right: 6.12977891%; left: -6.12978%; }
  .c1-c2 [class*=c-pad], .c2-c3 [class*=c-pad], .c3-c4 [class*=c-pad], .c4-c5 [class*=c-pad], .c5-c6 [class*=c-pad] { padding-left: 6.53005697%; padding-right: 6.53005697%; left: -6.53006%; }
  .c1-c3 [class~=c-padfull], .c1-c3 [class~=c-padinfull], .c1-c3 [class~=c-padfull], .c1-c3 [class~=c-padinfull], .c1-c3 [class~=c-padfull], .c1-c3 [class~=c-padinfull], .c2-c4 [class~=c-padfull], .c2-c4 [class~=c-padinfull], .c2-c4 [class~=c-padfull], .c2-c4 [class~=c-padinfull], .c2-c4 [class~=c-padfull], .c2-c4 [class~=c-padinfull], .c3-c5 [class~=c-padfull], .c3-c5 [class~=c-padinfull], .c3-c5 [class~=c-padfull], .c3-c5 [class~=c-padinfull], .c3-c5 [class~=c-padfull], .c3-c5 [class~=c-padinfull], .c4-c6 [class~=c-padfull], .c4-c6 [class~=c-padinfull], .c4-c6 [class~=c-padfull], .c4-c6 [class~=c-padinfull], .c4-c6 [class~=c-padfull], .c4-c6 [class~=c-padinfull] { padding-left: 8.34351829%; padding-right: 8.34351829%; left: -8.34352%; }
  .c1-c2 [class~=c-padfull], .c1-c2 [class~=c-padinfull], .c1-c2 [class~=c-padfull], .c1-c2 [class~=c-padinfull], .c2-c3 [class~=c-padfull], .c2-c3 [class~=c-padinfull], .c2-c3 [class~=c-padfull], .c2-c3 [class~=c-padinfull], .c3-c4 [class~=c-padfull], .c3-c4 [class~=c-padinfull], .c3-c4 [class~=c-padfull], .c3-c4 [class~=c-padinfull], .c4-c5 [class~=c-padfull], .c4-c5 [class~=c-padinfull], .c4-c5 [class~=c-padfull], .c4-c5 [class~=c-padinfull], .c5-c6 [class~=c-padfull], .c5-c6 [class~=c-padinfull], .c5-c6 [class~=c-padfull], .c5-c6 [class~=c-padinfull] { padding-left: 13.06011393%; padding-right: 13.06011393%; left: -13.06011%; }
  .c-pad, .c-padfull { position: relative; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
  .c-padin[class~=c-padin], .c-padinfull[class~=c-padinfull] { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; left: 0; }
  /* Desktop grid relationships ----- */
  [class*=c6] { margin-left: 86.56901042%; }
  .c2-c6 [class*=c6] { margin-left: 83.87554602%; }
  .c2-c6 [class*=c5] { margin-left: 62.90665952%; }
  .c2-c6 [class*=c4] { margin-left: 41.93777301%; }
  .c2-c6 [class*=c3] { margin-left: 20.9688865%; }
  .c3-c6 [class*=c6] { margin-left: 79.59733419%; }
  .c3-c6 [class*=c5] { margin-left: 53.06488946%; }
  .c3-c6 [class*=c4] { margin-left: 26.53244472%; }
  .c4-c6 [class*=c6] { margin-left: 72.2290122%; }
  .c4-c6 [class*=c5] { margin-left: 36.11450609%; }
  .c5-c6 [class*=c6] { margin-left: 56.53005695%; }
  [class*=c5] { margin-left: 69.25520833%; }
  .c1-c5 [class*=c5] { margin-left: 83.87554602%; }
  .c1-c5 [class*=c4] { margin-left: 62.90665952%; }
  .c1-c5 [class*=c3] { margin-left: 41.93777301%; }
  .c1-c5 [class*=c2] { margin-left: 20.96888651%; }
  .c2-c5 [class*=c5] { margin-left: 79.59733419%; }
  .c2-c5 [class*=c4] { margin-left: 53.06488946%; }
  .c2-c5 [class*=c3] { margin-left: 26.53244472%; }
  .c3-c5 [class*=c5] { margin-left: 72.2290122%; }
  .c3-c5 [class*=c4] { margin-left: 36.11450609%; }
  .c4-c5 [class*=c5] { margin-left: 56.53005695%; }
  [class*=c4] { margin-left: 51.94140625%; }
  .c1-c4 [class*=c4] { margin-left: 79.59733419%; }
  .c1-c4 [class*=c3] { margin-left: 53.06488946%; }
  .c1-c4 [class*=c2] { margin-left: 26.53244473%; }
  .c2-c4 [class*=c4] { margin-left: 72.2290122%; }
  .c2-c4 [class*=c3] { margin-left: 36.11450609%; }
  .c3-c4 [class*=c4] { margin-left: 56.53005695%; }
  [class*=c3] { margin-left: 34.62760417%; }
  .c1-c3 [class*=c3] { margin-left: 72.2290122%; }
  .c1-c3 [class*=c2] { margin-left: 36.1145061%; }
  .c2-c3 [class*=c3] { margin-left: 56.53005695%; }
  [class*=c2] { margin-left: 17.31380208%; }
  .c1-c2 [class*=c2] { margin-left: 56.53005696%; }
  .c1, [class*=c1-], .c-all, [class*=c1-], .c1, [class*=c1-] [class*=c1], [class*=c2-] [class*=c2], [class*=c3-] [class*=c3], [class*=c4-] [class*=c4], [class*=c5-] [class*=c5], [class*=c6-] [class*=c6] { margin-left: 0; clear: left; }
  /* Desktop grid floats ----- */
  [class*=c-float] { margin-left: 4%; margin-right: 4%; }
  .c1-c5 [class*=c-float] { margin-left: 4.8444325294119%; margin-right: 4.8444325294119%; }
  .c1-c4 [class*=c-float] { margin-left: 6.1297789132351%; margin-right: 6.1297789132351%; }
  .c1-c3 [class*=c-float] { margin-left: 8.3435182921861%; margin-right: 8.3435182921861%; }
  .c1-c2 [class*=c-float] { margin-left: 13.060113934468%; margin-right: 13.060113934468%; }
  .c-floatright[class~=c-floatright], .c-floatright[class~=c-floatright] + .c-floatright[class~=c-floatright] { float: right; margin-right: 0; clear: right; }
  .c-floatleft[class~=c-floatleft] { float: left; margin-left: 0; }
  /* Desktop clearing ----- */
  [class*=c2] + [class*=c2], [class*=c3] + [class*=c3], [class*=c3] + [class*=c2], [class*=c4] + [class*=c4], [class*=c4] + [class*=c3], [class*=c4] + [class*=c2], [class*=c5] + [class*=c5], [class*=c5] + [class*=c4], [class*=c5] + [class*=c3], [class*=c5] + [class*=c2], [class*=c6] + [class*=c6], [class*=c6] + [class*=c5], [class*=c6] + [class*=c4], [class*=c6] + [class*=c3], [class*=c6] + [class*=c2], .c-clear { clear: left; }
  .c-overlap[class*=overlap] { clear: none; }
  /* Desktop hiding ----- */
  .c-hide { display: none !important; } }
html { -webkit-font-smoothing: antialiased; }

body { color: #35464e; font-size: 16px; line-height: 1.7em; font-family: "proxima-nova",sans-serif; }
@media (max-width: 767px) { body { font-size: 14px; } }

::-moz-selection { background: #ff5a00; color: #fff; }

::selection { background: #ff5a00; color: #fff; }

* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 0; }

.wrapper { width: 92%; margin: 0 auto; max-width: 1400px; clear: left; }

.fw { width: 100%; float: left; }

.max-1200 { max-width: 1200px; }

h1, h2, h3, h4, h5 { margin: 0; }

h1 { height: 60px; position: relative; }
@media (max-width: 767px) { h1 { text-align: center; } }
h1 a.logo-link { display: inline-block; width: 200px; height: 60px; position: relative; }
@media (max-width: 767px) { h1 a.logo-link { width: 160px; height: 48px; } }
@media (max-width: 767px) { h1 a.logo-link img { width: 160px !important; height: 48px !important; } }
h1 a.logo-link .logo-hover { position: absolute; left: 0; top: 0; width: 0; bottom: 0; background: url(../i/logo-hover.png) top left no-repeat; transition: width 0.5s; -webkit-transition: width 0.5s; -ms-transition: width 0.5s; -moz-transition: width 0.5s; -o-transition: width 0.5s; }
@media (min-width: 768px) { h1 a.logo-link:focus .logo-hover, h1 a.logo-link:hover .logo-hover { width: 100%; } }

h2 { font-weight: 600; text-align: center; font-size: 3.4em; line-height: 1em; padding: 35px 0 20px; }
@media (max-width: 767px) { h2 { font-size: 2.2em; padding: 40px 0 20px; } }

h3 { font-weight: 600; font-size: 2em; line-height: 1.1em; }
@media (max-width: 767px) { h3 { text-align: center; } }

h4 { font-weight: 600; font-size: 1.5em; }
@media (max-width: 767px) { h4 { text-align: center; } }

h5 { font-weight: 400; text-align: center; font-size: 1.25em; color: #5e7d8b; padding: 0 10% 50px; }
@media (max-width: 767px) { h5 { padding: 0 0 40px; } }

h6 { font-size: 1.25em; font-weight: 600; }

a { text-decoration: none; color: #048fd0; font-weight: 600; outline: none; }
a:hover, a:focus { color: #035b85; }

a.button { font-size: 0.9em; float: left; padding: 8px 15px; line-height: 1.3em; color: #fff; border-radius: 5px; -webkit-border-radius: 5px; -ms-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; font-weight: 700; text-transform: uppercase; text-align: center; clear: left; }
a.button:Active { position: relative; top: 1px; bottom: -1px; }

a.button.green { background: #6ca039; }
a.button.green:hover { background: #5f8d32; }
a.button.green:active { background: #537a2c; }

a.contact-cta:hover { cursor: pointer; }

p + p { margin-top: 1em; }

span { font-size: 0.9em; }

em { font-weight: 600; font-style: normal; color: #ff5a00; }

.tilde { font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-weight: 300; font-size: 1.25em; }

.fr { float: right; }

.fl { float: left; }

.grey-bar { background: #e6ecef; }

.top { padding-top: 25px; background-size: 100%; position: relative; z-index: -1; overflow: hidden; position: relative; }
.top .wrapper { position: relative; z-index: 10; }
.top:after { position: absolute; top: 120px; left: 0; right: 0; bottom: 0; z-index: 0; content: ""; }
@media (min-width: 768px) { .top:after { background: url(../i/college.jpg) bottom center no-repeat; background-size: 100%; } }
@media (min-width: 768px) and (min--moz-device-pixel-ratio: 1.3), (min-width: 768px) and (-o-min-device-pixel-ratio: 2.6 / 2), (min-width: 768px) and (-webkit-min-device-pixel-ratio: 1.3), (min-width: 768px) and (min-device-pixel-ratio: 1.3), (min-width: 768px) and (min-resolution: 1.3dppx) { .top:after { /* on retina, use image that's scaled by 2 */ background-image: url("../i/college@2x.jpg"); background-size: cover; } }
.top:before { position: absolute; top: 120px; left: -200px; right: -200px; bottom: 0; z-index: 5; content: ""; box-shadow: inset 0 200px 200px 0 #fff; }

.top-shadow { z-index: 10; width: 120%; position: absolute; bottom: 0; left: -10%; height: 50px; box-shadow: inset 0 -5px 5px 0 rgba(53, 70, 78, 0.05), inset 0 -20px 20px 0 rgba(53, 70, 78, 0.1); }
@media (max-width: 767px) { .top-shadow { display: none; } }

@media (max-width: 767px) { nav { border-top: 1px solid rgba(53, 70, 78, 0.1); border-bottom: 1px solid rgba(53, 70, 78, 0.1); padding: 5px 0; margin: 20px 0 0; }
  nav ul li span { display: none; } }
nav ul { float: right; width: 100%; margin-top: 0.6em; }
nav ul li { display: inline-block; text-align: center; line-height: 1.5em; margin-left: 6%; float: right; }
nav ul li a { display: block; font-weight: 700; font-size: 1.1em; }
nav ul li a:hover, nav ul li a:focus { background: rgba(4, 143, 208, 0.1); border-radius: 5px; -webkit-border-radius: 5px; -ms-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; }
nav ul li a.login { margin-top: 4px; margin-left: 10px; background: rgba(53, 70, 78, 0.3); }
nav ul li a.login:hover { background: rgba(53, 70, 78, 0.4); }
nav ul li a.login:active, nav ul li a.login:focus { background: rgba(53, 70, 78, 0.5); }
nav ul li span { top: -0.1em; position: relative; }
nav ul li.pricing { margin-left: 0; }
@media (max-width: 767px) { nav ul { margin-top: 0; }
  nav ul li a { line-height: 2.6em; }
  nav ul li.trial { width: 40%; }
  nav ul li.pricing { width: 24%; margin-left: 0; }
  nav ul li.login { width: 24%; }
  nav ul li.login a.login { margin-left: 0; } }

@media (max-width: 767px) { .hero-container { margin-bottom: 20px; float: left; }
  .hero-container .hero-inner { width: 100%; position: relative; float: left; margin-bottom: 20px; }
  .hero-container .hero-inner:after { position: absolute; content: ""; z-index: 10; bottom: 0; right: 0; top: 0; left: 0; box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1); }
  .hero-container .hero-inner img { width: 100%; height: auto; display: block; position: relative; }
  .hero-container .hero-inner .tooltip { background: #ff5a00; color: #fff; font-weight: 600; line-height: 1.3em; text-align: center; width: 100%; padding: 5px 10px; float: left; }
  .browser { display: none; }
  .hero-tabs { display: none; } }
@media (min-width: 768px) { .hero-container { box-shadow: 0 10px 15px 0 rgba(0, 0, 0, 0.3), 0 5px 5px 0 rgba(0, 0, 0, 0.25); border-radius: 5px; -webkit-border-radius: 5px; -ms-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; }
  .hero-container .hero-inner { width: 100%; position: relative; display: none; }
  .hero-container .hero-inner img { width: 100%; height: auto; display: block; }
  .hero-container .hero-inner .tooltip { background: #ff5a00; color: #fff; font-weight: 600; line-height: 1.3em; text-align: center; width: 29%; padding: 1%; position: absolute; z-index: 10; }
  .hero-container .hero-inner .tooltip:after { height: 20px; width: 20px; content: ""; background: #ff5a00; position: absolute; z-index: -1; transform: rotate(45deg); -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); }
  .hero-container .hero-inner .tooltip-top-tip:after { left: 50%; margin-left: -10px; top: -4px; }
  .hero-container .hero-inner .tooltip-bottom-tip:after { left: 50%; margin-left: -10px; bottom: -4px; }
  .hero-container .hero-inner .tooltip-right-tip:after { top: 50%; margin-top: -10px; right: -4px; }
  .hero-container .hero-inner .tooltip-left-tip:after { top: 50%; margin-top: -10px; left: -4px; }
  .hero-1 .hero-inner-1 { display: block; }
  .hero-1 .tooltip { top: 23%; left: 14%; animation: tooltip-animate-top 0.6s; -webkit-animation: tooltip-animate-top 0.6s; -ms-animation: tooltip-animate-top 0.6s; -moz-animation: tooltip-animate-top 0.6s; -o-animation: tooltip-animate-top 0.6s; }
  .hero-2 .hero-inner-2 { display: block; }
  .hero-2 .tooltip { bottom: 8%; right: 37%; animation: tooltip-animate-right 0.6s; -webkit-animation: tooltip-animate-right 0.6s; -ms-animation: tooltip-animate-right 0.6s; -moz-animation: tooltip-animate-right 0.6s; -o-animation: tooltip-animate-right 0.6s; }
  .hero-3 .hero-inner-3 { display: block; }
  .hero-3 .tooltip { top: 10%; left: 8%; animation: tooltip-animate-left 0.6s; -webkit-animation: tooltip-animate-left 0.6s; -ms-animation: tooltip-animate-left 0.6s; -moz-animation: tooltip-animate-left 0.6s; -o-animation: tooltip-animate-left 0.6s; }
  .hero-4 .hero-inner-4 { display: block; }
  .hero-4 .tooltip { top: 20%; left: 21%; animation: tooltip-animate-top 0.6s; -webkit-animation: tooltip-animate-top 0.6s; -ms-animation: tooltip-animate-top 0.6s; -moz-animation: tooltip-animate-top 0.6s; -o-animation: tooltip-animate-top 0.6s; }
  .hero-5 .hero-inner-5 { display: block; }
  .hero-5 .tooltip { top: 30%; right: 38%; animation: tooltip-animate-right 0.6s; -webkit-animation: tooltip-animate-right 0.6s; -ms-animation: tooltip-animate-right 0.6s; -moz-animation: tooltip-animate-right 0.6s; -o-animation: tooltip-animate-right 0.6s; }
  .hero-6 .hero-inner-6 { display: block; }
  .hero-6 .tooltip { bottom: 25%; right: 37%; animation: tooltip-animate-right 0.6s; -webkit-animation: tooltip-animate-right 0.6s; -ms-animation: tooltip-animate-right 0.6s; -moz-animation: tooltip-animate-right 0.6s; -o-animation: tooltip-animate-right 0.6s; }
  .browser { height: 40px; border-top-left-radius: 5px; -webkit-border-top-left-radius: 5px; -ms-border-top-left-radius: 5px; -moz-border-top-left-radius: 5px; -o-border-top-left-radius: 5px; border-top-right-radius: 5px; -webkit-border-top-right-radius: 5px; -ms-border-top-right-radius: 5px; -moz-border-top-right-radius: 5px; -o-border-top-right-radius: 5px; background: url(../i/browser-left.png) top left no-repeat; }
  .browser .browser-end { height: 40px; width: 100px; float: right; background: url(../i/browser-right.png) top right no-repeat; }
  .hero-tabs { background: #fff; z-index: 10; float: left; padding: 30px 0 60px; }
  .hero-tabs a { text-align: center; font-weight: 600; line-height: 50px; background: rgba(4, 143, 208, 0.1); border-radius: 5px; -webkit-border-radius: 5px; -ms-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; position: relative; cursor: pointer; }
  .hero-tabs a:hover { background: rgba(4, 143, 208, 0.2); }
  .hero-tabs a.selected { background: #048fd0; color: #fff; }
  .hero-tabs a.selected:after { height: 20px; width: 20px; content: ""; background: #048fd0; position: absolute; left: 50%; margin-left: -10px; top: -4px; z-index: 5; transform: rotate(45deg); -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); } }
@media (min-width: 768px) and (min--moz-device-pixel-ratio: 1.3), (min-width: 768px) and (-o-min-device-pixel-ratio: 2.6 / 2), (min-width: 768px) and (-webkit-min-device-pixel-ratio: 1.3), (min-width: 768px) and (min-device-pixel-ratio: 1.3), (min-width: 768px) and (min-resolution: 1.3dppx) { .browser { /* on retina, use image that's scaled by 2 */ background-image: url("../i/browser-left@2x.png"); background-size: cover; } }
@media (min-width: 768px) and (min--moz-device-pixel-ratio: 1.3), (min-width: 768px) and (-o-min-device-pixel-ratio: 2.6 / 2), (min-width: 768px) and (-webkit-min-device-pixel-ratio: 1.3), (min-width: 768px) and (min-device-pixel-ratio: 1.3), (min-width: 768px) and (min-resolution: 1.3dppx) { .browser .browser-end { /* on retina, use image that's scaled by 2 */ background-image: url("../i/browser-right@2x.png"); background-size: contain; } }

.videos { padding: 30px 0; margin-bottom: 30px; }
@media (max-width: 767px) { .videos { margin-bottom: 0; padding: 40px 0; } }

.videos .video { height: 170px; border-radius: 5px; -webkit-border-radius: 5px; -ms-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; overflow: hidden; color: #fff; font-size: 1.5em; line-height: 1.1em; font-weight: 700; position: relative; background-size: cover; }
.videos .video span { position: absolute; bottom: 20px; left: 90px; right: 20%; }
.videos .video:hover { box-shadow: inset 0 0 0 300px rgba(53, 70, 78, 0.2); color: #fff; }
.videos .video:active { box-shadow: inset 0 0 0 300px rgba(53, 70, 78, 0.3); position: relative; top: 1px; bottom: -1px; }
.videos .video:after { height: 60px; width: 60px; content: ""; position: absolute; bottom: 15px; left: 15px; background: url(../i/play.png) top left no-repeat; }
@media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) { .videos .video:after { /* on retina, use image that's scaled by 2 */ background-image: url("../i/play@2x.png"); background-size: cover; } }
@media (max-width: 767px) { .videos .video { height: 90px; box-shadow: inset 0 0 0 300px rgba(53, 70, 78, 0.3); margin-bottom: 10px; } }
.videos .video-commercial { background: url(../i/video-commercial.png) center center; background-size: cover; }
@media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) { .videos .video-commercial { /* on retina, use image that's scaled by 2 */ background-image: url("../i/video-commercial@2x.png"); background-size: cover; } }
.videos .video-mission { background: url(../i/video-mission.jpg) center center; background-size: cover; }
@media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) { .videos .video-mission { /* on retina, use image that's scaled by 2 */ background-image: url("../i/video-mission@2x.jpg"); background-size: cover; } }

@media (max-width: 767px) { .bullets-cta-container { text-align: center; padding: 10px 0 0; } }
@media (min-width: 768px) { .bullets-cta-container .bullets-cta { display: table-cell; vertical-align: middle; height: 170px; } }
.bullets-cta-container .bullets-cta ul { font-size: 1.25em; list-style-type: none; line-height: 1.6em; margin-bottom: 15px; }

.large-feature { padding: 30px 0; }
@media (max-width: 767px) { .large-feature { padding: 40px 0; } }
.large-feature .large-feature-image { height: 190px; position: relative; }
@media (max-width: 767px) { .large-feature .large-feature-image { margin-top: 10px; } }
.large-feature .large-feature-image:after { position: absolute; top: 0; left: 0; right: 0; bottom: 0; content: ""; box-shadow: inset 0 0 0 5px rgba(53, 70, 78, 0.1); }
.large-feature .feature-image { margin: auto; width: 100%; max-width: 450px; }
.large-feature .feature-image img { width: 100%; }
.large-feature .calendar-image { background: url(../i/large-feature-calendar.png) center center; }
@media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) { .large-feature .calendar-image { /* on retina, use image that's scaled by 2 */ background-image: url("../i/large-feature-calendar@2x.png"); background-size: cover; } }
.large-feature .create-assignments-image { background: #f9f9f9; }
@media (max-width: 767px) { .large-feature .create-assignments-image { height: auto; } }
.large-feature .desk-workflows-image { background: #fbfbfb; }
@media (max-width: 767px) { .large-feature .desk-workflows-image { height: auto; } }
.large-feature h3 { margin-bottom: 15px; }

@media (max-width: 767px) { .large-feature + .large-feature { padding-top: 0; } }

.mini-features { padding: 25px 0; margin-top: 30px; }
@media (max-width: 767px) { .mini-features { margin-top: 0; padding: 40px 0 15px; } }
.mini-features .wrapper { overflow: auto; padding-top: 30px; padding-bottom: 30px; }
@media (max-width: 767px) { .mini-features .wrapper { padding: 0; } }
.mini-features .wrapper h4 { margin-bottom: 15px; }
@media (max-width: 767px) { .mini-features .wrapper h4 { margin-top: 0; margin-bottom: 10px; } }
@media (max-width: 767px) { .mini-features .wrapper p { margin-bottom: 30px; } }
.mini-features .wrapper + .wrapper { padding-top: 0; }

.testimonials { padding: 25px 0; margin-top: 30px; float: left; }
@media (max-width: 767px) { .testimonials { padding: 40px 0 0; margin-top: 0; } }
.testimonials h3 { text-align: center; margin-bottom: 30px; }
@media (max-width: 767px) { .testimonials h3 { margin-bottom: 0; } }
@media (max-width: 767px) { .testimonials .testimonial { padding-bottom: 20px; margin-top: 20px; border-bottom: 1px solid rgba(53, 70, 78, 0.1); } }

.clients { padding: 25px 0; text-align: center; line-height: 1em; }
@media (max-width: 767px) { .clients { padding: 0; } }
.clients img { width: 100%; margin-bottom: 15px; }
.clients a { display: block; margin-bottom: 5px; }
@media (max-width: 767px) { .clients .client { padding: 20px 0; } }

.grey-bar.pricing { padding: 60px 0; margin-top: 30px; }
@media (max-width: 767px) { .grey-bar.pricing { padding: 40px 0; } }
.grey-bar.pricing h3 { text-align: center; margin-bottom: 30px; }
@media (max-width: 767px) { .grey-bar.pricing h3 { margin-bottom: 20px; } }
.grey-bar.pricing .package-type { border-top: 1px solid rgba(53, 70, 78, 0.1); float: left; }
.grey-bar.pricing .package-type h4 { padding-top: 30px; line-height: 1em; margin-bottom: 20px; }
@media (max-width: 767px) { .grey-bar.pricing .package-type h4 { padding-top: 20px; } }
@media (max-width: 767px) { .grey-bar.pricing .package-type h4 { text-align: center; } }
.grey-bar.pricing .everyone-else { margin-top: 30px; }
@media (max-width: 767px) { .grey-bar.pricing .everyone-else { margin-top: 20px; } }
.grey-bar.pricing hr { border-top: 1px solid rgba(53, 70, 78, 0.1); float: left; width: 100%; clear: left; margin-top: 15px; margin-bottom: 15px; }
.grey-bar.pricing .package { line-height: 1.5em; }
.grey-bar.pricing .package h6 { font-weight: 400; }
.grey-bar.pricing .package span { color: #5e7d8b; font-size: 1em; }
.grey-bar.pricing .price { padding-top: 10px; }
@media (max-width: 767px) { .grey-bar.pricing .price { padding-top: 0; } }
.grey-bar.pricing .price h6 { display: inline; }
@media (max-width: 767px) { .grey-bar.pricing .price h6 { font-size: 1em; } }
.grey-bar.pricing .price span { color: #5e7d8b; font-size: 1em; }
.grey-bar.pricing .referral-scheme { padding: 15px; color: #fff; background: #ff5a00; font-weight: 700; line-height: 1.2em; }
@media (max-width: 767px) { .grey-bar.pricing .referral-scheme { margin-top: 40px; padding: 10px; } }
.grey-bar.pricing .included { background: #fff; padding: 15px; margin-top: 30px; margin-bottom: 30px; }
@media (max-width: 767px) { .grey-bar.pricing .included { padding: 10px; margin-top: 20px; margin-bottom: 20px; } }
.grey-bar.pricing .included h6 { margin-bottom: 10px; line-height: 1.2em; }
.grey-bar.pricing .included ul { list-style-type: none; }

.faqs-and-blog { padding: 60px 0; line-height: 1.5em; }
@media (max-width: 767px) { .faqs-and-blog { padding: 40px 0; } }
.faqs-and-blog h4 { margin-bottom: 20px; }
.faqs-and-blog p strong { display: block; font-weight: 600; }
@media (max-width: 767px) { .faqs-and-blog .blog { margin-top: 30px; padding-top: 30px; border-top: 1px solid rgba(53, 70, 78, 0.1); } }

footer { font-size: 0.8em; background: #35464e; color: #7896a4; padding: 15px 0; line-height: 1.4em; clear: left; z-index: 2; position: relative; }
footer ul.footer-nav { list-style-type: none; }
footer ul.footer-nav li { float: left; display: inline; margin-right: 30px; }
@media (max-width: 767px) { footer ul.footer-nav li { margin-right: 20px; } }
footer ul.footer-nav li a { color: #97aeb8; }
footer ul.footer-nav li a:hover { color: #b5c5cd; }
footer .copyright { text-align: right; }
@media (max-width: 767px) { footer .copyright { margin-top: 10px; text-align: left; } }

.modal { position: fixed; z-index: 100; top: 0; left: 0; right: 0; bottom: 0; display: none; }
.modal .modal-inner { position: absolute; top: 50%; left: 50%; }
.modal .modal-inner object { z-index: 200; }

.modal-bg { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(53, 70, 78, 0.95); z-index: 120; }
.modal-bg:hover { cursor: pointer; }

.modal.video .modal-inner { height: 480px; width: 853px; margin-top: -240px; margin-left: -426px; z-index: 150; background: #fff; text-align: center; }
.modal.video .modal-inner h3 { line-height: 480px; }
@media (max-width: 767px) { .modal.video .modal-inner { margin-top: -84px; margin-left: -150px; } }
@media (max-width: 767px) { .modal.video .modal-inner .video-object { width: 300px !important; height: 169px !important; } }

.modal.contact .modal-inner { position: absolute; padding: 30px; max-width: 350px; top: 50%; left: 50%; margin-left: -190px; margin-top: -150px; background: #fff; z-index: 150; }
@media (max-width: 767px) { .modal.contact .modal-inner { padding: 20px; width: 300px; margin-left: -150px; } }
.modal.contact .modal-inner object { z-index: 200; }
.modal.contact .modal-inner h3 { text-align: center; margin-bottom: 15px; }
@media (max-width: 767px) { .modal.contact .modal-inner h3 { margin-bottom: 20px; } }
.modal.contact .modal-inner a.close { position: absolute; top: 15px; right: 15px; display: none; }
@media (max-width: 767px) { .modal.contact .modal-inner a.close { display: block; top: 10px; right: 10px; } }

header { height: 150px; padding-top: 25px; }

a.blog-link { display: inline; width: 200px; height: 20px; line-height: 63px; font-size: 2.25em; text-transform: uppercase; font-weight: 400; margin-left: 15px; position: relative; vertical-align: top; }
@media (max-width: 767px) { a.blog-link { font-size: 2em; line-height: 51px; } }

.blog-description { font-size: 0.9em; line-height: 1.5em; text-align: right; padding-top: 10px; }
@media (max-width: 767px) { .blog-description { text-align: center; border-bottom: 1px solid rgba(53, 70, 78, 0.1); padding-bottom: 20px; margin-bottom: 20px; } }

.articles ol { list-style-type: none; }
.articles h4 { text-align: center; margin-bottom: 30px; padding-bottom: 30px; border-bottom: 1px solid rgba(53, 70, 78, 0.1); }

article { margin-bottom: 60px; }
@media (max-width: 767px) { article { margin-bottom: 40px; } }
article img { max-width: 100%; height: auto !important; }
article h3 { text-align: center; }
article em { color: #35464e; }

.comments-categories { font-size: 0.8em; text-align: center; }
.comments-categories time { display: inline-block; color: #7896a4; text-align: center; margin: 0 0 10px; }
@media (max-width: 767px) { .comments-categories time { margin: 0 0 10px; } }
.comments-categories .post-categories { display: inline-block; }
.comments-categories .post-categories li { display: inline-block; }
.comments-categories .post-categories li a { font-weight: 400; color: #7896a4; }
.comments-categories .post-categories li a:hover { color: #048fd0; }

.wrapper.pagination { height: 90px; }

div.sharedaddy .sd-content { width: 100% !important; float: left !important; margin: 0 !important; padding: 15px 0 30px; }

div.sharedaddy div.sd-block { border: 0 !important; }

.categories-wrapper { background: #f2f5f6; opacity: 0.95; font-size: 0.8em; line-height: 1.4em; text-align: center; padding: 15px; position: fixed; bottom: 0; left: 0; right: 0; z-index: 1; }
.categories-wrapper:hover { opacity: 1; }
.categories-wrapper li.categories { display: inline-block; }
.categories-wrapper li.categories ul { display: inline-block; }
.categories-wrapper li.categories ul li { display: inline-block; margin-left: 15px; }
.categories-wrapper li.categories ul li a { font-weight: 400; }

@-webkit-keyframes tooltip-animate-top { 0% { opacity: 0; margin-top: 20px; }
  100% { opacity: 1; margin-top: 0; } }

@-moz-keyframes tooltip-animate-top { 0% { opacity: 0; margin-top: 20px; }
  100% { opacity: 1; margin-top: 0; } }

@-o-keyframes tooltip-animate-top { 0% { opacity: 0; margin-top: 20px; }
  100% { opacity: 1; margin-top: 0; } }

@keyframes tooltip-animate-top { 0% { opacity: 0; margin-top: 20px; }
  100% { opacity: 1; margin-top: 0; } }

@-webkit-keyframes tooltip-animate-right { 0% { opacity: 0; margin-right: 20px; }
  100% { opacity: 1; margin-right: 0; } }

@-moz-keyframes tooltip-animate-right { 0% { opacity: 0; margin-right: 20px; }
  100% { opacity: 1; margin-right: 0; } }

@-o-keyframes tooltip-animate-right { 0% { opacity: 0; margin-right: 20px; }
  100% { opacity: 1; margin-right: 0; } }

@keyframes tooltip-animate-right { 0% { opacity: 0; margin-right: 20px; }
  100% { opacity: 1; margin-right: 0; } }

@-webkit-keyframes tooltip-animate-left { 0% { opacity: 0; margin-left: -20px; }
  100% { opacity: 1; margin-left: 0; } }

@-moz-keyframes tooltip-animate-left { 0% { opacity: 0; margin-left: -20px; }
  100% { opacity: 1; margin-left: 0; } }

@-o-keyframes tooltip-animate-left { 0% { opacity: 0; margin-left: -20px; }
  100% { opacity: 1; margin-left: 0; } }

@keyframes tooltip-animate-left { 0% { opacity: 0; margin-left: -20px; }
  100% { opacity: 1; margin-left: 0; } }