@charset "UTF-8";
/* Requires: normalize.css */
/* Global Reset & Standards ---------------------- */
*, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

html { font-size: 62.5%; }

body { background: white; font-family: Lato, "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif; font-weight: normal; font-style: normal; font-size: 16px; line-height: 1; color: #114d89; position: relative; -webkit-font-smoothing: antialiased; }

/* Links ---------------------- */
a img { border: none; }

a { color: #0080bf; text-decoration: none; line-height: inherit; }

a:hover { color: #006fa6; }

a:focus { color: #006fa6; }

p a, p a:visited { line-height: inherit; }

/* Misc ---------------------- */
.left { float: left; }

.right { float: right; }

.text-left { text-align: left; }

.text-right { text-align: right; }

.text-center { text-align: center; }

.hide { display: none; }

.hide-override { display: none !important; }

.highlight { background: #ffff99; }

#googlemap img, object, embed { max-width: none; }

#map_canvas embed { max-width: none; }

#map_canvas img { max-width: none; }

#map_canvas object { max-width: none; }

/* Reset for strange margins by default on <figure> elements */
figure { margin: 0; }

/* Base Type Styles Using Modular Scale ---------------------- */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, .compare .title, .cloud-pricing .title, .other-services .title, h6, pre, form, p, blockquote, th, td { margin: 0; padding: 0; font-size: 16px; direction: ltr; }

p { font-family: inherit; font-weight: normal; font-size: 16px; line-height: 1.6; margin-bottom: 17px; }
p.lead { font-size: 20px; line-height: 1.6; margin-bottom: 17px; }

aside p { font-size: 15px; line-height: 1.35; font-style: italic; }

h1, h2, h3, h4, h5, .compare .title, .cloud-pricing .title, .other-services .title, h6 { font-family: Lato, "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif; font-weight: 900; font-style: normal; color: #114d89; text-rendering: optimizeLegibility; line-height: 1.1; margin-bottom: 16px; margin-top: 16px; }
h1 small, h2 small, h3 small, h4 small, h5 small, .compare .title small, .cloud-pricing .title small, .other-services .title small, h6 small { font-size: 60%; color: #4a99e9; line-height: 0; }

h1 { font-size: 44px; }

h2 { font-size: 42px; }

h3 { font-size: 27px; }

h4 { font-size: 26px; }

h5, .compare .title, .cloud-pricing .title, .other-services .title { font-size: 17px; }

h6 { font-size: 16px; }

hr { border: solid #dddddd; border-width: 1px 0 0; clear: both; margin: 22px 0 21px; height: 0; }

.subheader { line-height: 1.3; color: #4a99e9; font-weight: 300; margin-bottom: 17px; }

em, i { font-style: italic; line-height: inherit; }

strong, b { font-weight: bold; line-height: inherit; }

small { font-size: 60%; line-height: inherit; }

code { font-weight: bold; background: #ffff99; }

/* Lists ---------------------- */
ul, ol, dl { font-size: 16px; line-height: 1.6; margin-bottom: 17px; list-style-position: outside; }

ul li ul, ul li ol { margin-left: 20px; margin-bottom: 0; }
ul.square, ul.circle, ul.disc { margin-left: 17px; }
ul.square { list-style-type: square; }
ul.square li ul { list-style: inherit; }
ul.circle { list-style-type: circle; }
ul.circle li ul { list-style: inherit; }
ul.disc { list-style-type: disc; }
ul.disc li ul { list-style: inherit; }
ul.no-bullet { list-style: none; }
ul.large li { line-height: 21px; }

ol { margin-left: 20px; }
ol li ul, ol li ol { margin-left: 20px; margin-bottom: 0; }

/* Blockquotes ---------------------- */
blockquote, blockquote p { line-height: 1.5; color: #4a99e9; }

blockquote { margin: 0 0 17px; padding: 9px 20px 0 19px; border-left: 1px solid #dddddd; }
blockquote cite { display: block; font-size: 15px; color: #1d80e3; }
blockquote cite:before { content: "\2014 \0020"; }
blockquote cite a, blockquote cite a:visited { color: #1d80e3; }

abbr, acronym { text-transform: uppercase; font-size: 90%; color: #114d89; border-bottom: 1px solid #dddddd; cursor: help; }

abbr { text-transform: none; }

/* Print styles.  Inlined to avoid required HTTP connection: www.phpied.com/delay-loading-your-print-css/ Credit to Paul Irish and HTML5 Boilerplate (html5boilerplate.com)
*/
.print-only { display: none !important; }

@media print { * { background: transparent !important; color: black !important; box-shadow: none !important; text-shadow: none !important; filter: none !important; -ms-filter: none !important; }
  /* Black prints faster: h5bp.com/s */
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }
  /* Don't show links for images, or javascript/internal links */
  pre, blockquote { border: 1px solid #999999; page-break-inside: avoid; }
  thead { display: table-header-group; }
  /* h5bp.com/t */
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
  .hide-on-print { display: none !important; }
  .print-only { display: block !important; }
  .hide-for-print { display: none !important; }
  .show-for-print { display: inherit !important; } }
/* Requires globals.css */
/* Standard Forms ---------------------- */
form { margin: 0 0 19.41641px; }

.row form .row { margin: 0 -6px; }
.row form .row .column, .row form .row .columns, .row form .row .cloud-features-list span, .cloud-features-list .row form .row span, .row form .row .quote-wrap, .row form .row .hosting, .row form .row .servers, .row form .row .domains { padding: 0 6px; }
.row form .row.collapse { margin: 0; }
.row form .row.collapse .column, .row form .row.collapse .columns, .row form .row.collapse .cloud-features-list span, .cloud-features-list .row form .row.collapse span, .row form .row.collapse .quote-wrap, .row form .row.collapse .hosting, .row form .row.collapse .servers, .row form .row.collapse .domains { padding: 0; }

label { font-size: 16px; color: #4d4d4d; cursor: pointer; display: block; font-weight: 500; margin-bottom: 3px; }
label.right { float: none; text-align: right; }
label.inline { line-height: 34px; margin: 0 0 12px 0; }

.prefix, .postfix { display: block; position: relative; z-index: 2; text-align: center; width: 100%; padding-top: 0; padding-bottom: 0; height: 34px; line-height: 33px; }

a.button.prefix, a.button.postfix { padding-left: 0; padding-right: 0; text-align: center; }

span.prefix, span.postfix { background: #f2f2f2; border: 1px solid #cccccc; }

.prefix { left: 2px; -moz-border-radius-topleft: 2px; -webkit-border-top-left-radius: 2px; border-top-left-radius: 2px; -moz-border-radius-bottomleft: 2px; -webkit-border-bottom-left-radius: 2px; border-bottom-left-radius: 2px; overflow: hidden; }

.postfix { right: 2px; -moz-border-radius-topright: 2px; -webkit-border-top-right-radius: 2px; border-top-right-radius: 2px; -moz-border-radius-bottomright: 2px; -webkit-border-bottom-right-radius: 2px; border-bottom-right-radius: 2px; }

input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], textarea { background-color: white; font-family: inherit; border: 1px solid #cccccc; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); color: rgba(0, 0, 0, 0.75); display: block; font-size: 14px; margin: 0 0 12px 0; padding: 6px; height: 34px; width: 100%; -webkit-transition: all 0.15s linear; -moz-transition: all 0.15s linear; -o-transition: all 0.15s linear; transition: all 0.15s linear; }
input[type="text"].oversize, input[type="password"].oversize, input[type="date"].oversize, input[type="datetime"].oversize, input[type="email"].oversize, input[type="number"].oversize, input[type="search"].oversize, input[type="tel"].oversize, input[type="time"].oversize, input[type="url"].oversize, textarea.oversize { font-size: 17px; padding: 4px 6px; }
input[type="text"]:focus, input[type="password"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="time"]:focus, input[type="url"]:focus, textarea:focus { background: #fafafa; border-color: #b3b3b3; }
input[type="text"][disabled], input[type="password"][disabled], input[type="date"][disabled], input[type="datetime"][disabled], input[type="email"][disabled], input[type="number"][disabled], input[type="search"][disabled], input[type="tel"][disabled], input[type="time"][disabled], input[type="url"][disabled], textarea[disabled] { background-color: #ddd; }

textarea { height: auto; }

select { width: 100%; }

/* Fieldsets */
fieldset { border: solid 1px #dddddd; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; padding: 12px; margin: 18px 0; }
fieldset legend { font-weight: bold; background: white; padding: 0 3px; margin: 0; margin-left: -3px; }

/* Errors */
.error input, input.error, .error textarea, textarea.error, .error input:focus, input.error:focus, .error textarea:focus, textarea.error:focus { border-color: #c60f13; background-color: rgba(198, 15, 19, 0.1); }

.success input, input.success, .success textarea, textarea.success, .success input:focus, input.success:focus, .success textarea:focus, textarea.success:focus { border-color: #468851; background-color: #dff0d8; }

.error input:focus, input.error:focus, .error textarea:focus, textarea.error:focus { outline-color: #f5797c; }

.error label, label.error { color: #c60f13; }

.error small, small.error { display: block; padding: 6px 4px; margin-top: -13px; margin-bottom: 12px; background: #c60f13; color: #fff; font-size: 14px; font-weight: bold; -moz-border-radius-bottomleft: 2px; -webkit-border-bottom-left-radius: 2px; border-bottom-left-radius: 2px; -moz-border-radius-bottomright: 2px; -webkit-border-bottom-right-radius: 2px; border-bottom-right-radius: 2px; }

/* Custom Forms ---------------------- */
form.custom { /* Custom input, disabled */ }
form.custom span.custom { display: inline-block; width: 16px; height: 16px; position: relative; top: 2px; border: solid 1px #cccccc; background: white; }
form.custom span.custom.radio { -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px; }
form.custom span.custom.checkbox:before { content: ""; display: block; line-height: 0.8; height: 14px; width: 14px; text-align: center; position: absolute; top: 0; left: 0; font-size: 14px; color: #fff; }
form.custom span.custom.radio.checked:before { content: ""; display: block; width: 8px; height: 8px; -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px; background: #222222; position: relative; top: 3px; left: 3px; }
form.custom span.custom.checkbox.checked:before { content: "\00d7"; color: #222222; }
form.custom div.custom.dropdown { display: block; position: relative; width: auto; height: 28px; margin-bottom: 9px; margin-top: 2px; }
form.custom div.custom.dropdown ul { overflow-y: auto; max-height: 200px; }
form.custom div.custom.dropdown a.current { display: block; width: auto; line-height: 26px; min-height: 28px; padding: 0; padding-left: 6px; padding-right: 38px; border: solid 1px #dddddd; color: #141414; background-color: white; white-space: nowrap; }
form.custom div.custom.dropdown a.selector { position: absolute; width: 27px; height: 28px; display: block; right: 0; top: 0; border: solid 1px #dddddd; }
form.custom div.custom.dropdown a.selector:after { content: ""; display: block; content: ""; display: block; width: 0; height: 0; border: solid 5px; border-color: #aaaaaa transparent transparent transparent; position: absolute; left: 50%; top: 50%; margin-top: -2px; margin-left: -5px; }
form.custom div.custom.dropdown:hover a.selector:after, form.custom div.custom.dropdown.open a.selector:after { content: ""; display: block; width: 0; height: 0; border: solid 5px; border-color: #222222 transparent transparent transparent; }
form.custom div.custom.dropdown.open ul { display: block; z-index: 10; }
form.custom div.custom.dropdown.small { width: 134px !important; }
form.custom div.custom.dropdown.medium { width: 254px !important; }
form.custom div.custom.dropdown.large { width: 434px !important; }
form.custom div.custom.dropdown.expand { width: 100% !important; }
form.custom div.custom.dropdown.open.small ul { width: 134px !important; }
form.custom div.custom.dropdown.open.medium ul { width: 254px !important; }
form.custom div.custom.dropdown.open.large ul { width: 434px !important; }
form.custom div.custom.dropdown.open.expand ul { width: 100% !important; }
form.custom div.custom.dropdown ul { position: absolute; width: auto; display: none; margin: 0; left: 0; top: 27px; margin: 0; padding: 0; background: white; background: rgba(255, 255, 255, 0.95); border: solid 1px #cccccc; }
form.custom div.custom.dropdown ul li { color: #555555; font-size: 15px; cursor: pointer; padding: 3px; padding-left: 6px; padding-right: 38px; min-height: 18px; line-height: 18px; margin: 0; white-space: nowrap; list-style: none; }
form.custom div.custom.dropdown ul li.selected { background: #cdebf5; color: black; }
form.custom div.custom.dropdown ul li.selected:after { content: "\2013"; position: absolute; right: 10px; }
form.custom div.custom.dropdown ul li:hover { background-color: #cdebf5; color: black; }
form.custom div.custom.dropdown ul li:hover:after { content: "\2013"; position: absolute; right: 10px; color: #a3dbec; }
form.custom div.custom.dropdown ul li.selected:hover { background: #cdebf5; cursor: default; color: black; }
form.custom div.custom.dropdown ul li.selected:hover:after { color: black; }
form.custom div.custom.dropdown ul.show { display: block; }
form.custom .custom.disabled { background-color: #dddddd; }

/* Correct FF custom dropdown height */
@-moz-document url-prefix() { form.custom div.custom.dropdown a.selector { height: 28px; } }

.lt-ie9 form.custom div.custom.dropdown a.selector { height: 28px; }

/* The Grid ---------------------- */
.row { width: 1000px; max-width: 100%; min-width: 768px; margin: 0 auto; }
.row .row { width: auto; max-width: none; min-width: 0; margin: 0 -15px; }
.row.collapse .column, .row.collapse .columns, .row.collapse .cloud-features-list span, .cloud-features-list .row.collapse span, .row.collapse .quote-wrap, .row.collapse .hosting, .row.collapse .servers, .row.collapse .domains { padding: 0; }
.row .row { width: auto; max-width: none; min-width: 0; margin: 0 -15px; }
.row .row.collapse { margin: 0; }

.column, .columns, .cloud-features-list span, .quote-wrap, .hosting, .servers, .domains { float: left; min-height: 1px; padding: 20px 5px; position: relative; }
.column.centered, .column.quote-wrap, .columns.centered, .cloud-features-list span.centered, .cloud-features-list span.quote-wrap, .quote-wrap, .centered.hosting, .hosting.quote-wrap, .centered.servers, .servers.quote-wrap, .centered.domains, .domains.quote-wrap { float: none; margin: 0 auto; }

[class*="column"] + [class*="column"]:last-child { float: right; }

[class*="column"] + [class*="column"].end { float: left; }

.one, .row .one { width: 8.33333%; }

.two, .row .two { width: 16.66667%; }

.twop5, .row .twop5 { width: 20%; }
.twop5 h4{ font-size: 2.3em !important; }
.twop5 .price strong{ font-size: 1.8em !important; }

.three, .row .three { width: 25%; }

.four, .row .four, .cloud-features-list span, .hosting, .servers, .domains { width: 33.33333%; }

.five, .row .five { width: 41.66667%; }

.six, .row .six, .quote-wrap { width: 50%; }

.seven, .row .seven { width: 58.33333%; }

.eight, .row .eight { width: 66.66667%; }

.nine, .row .nine { width: 75%; }

.ten, .row .ten { width: 83.33333%; }

.eleven, .row .eleven { width: 91.66667%; }

.twelve, .row .twelve { width: 100%; }

.row .offset-by-one { margin-left: 8.33333%; }

.row .offset-by-two { margin-left: 16.66667%; }

.row .offset-by-three { margin-left: 25%; }

.row .offset-by-four { margin-left: 33.33333%; }

.row .offset-by-five { margin-left: 41.66667%; }

.row .offset-by-six { margin-left: 50%; }

.row .offset-by-seven { margin-left: 58.33333%; }

.row .offset-by-eight { margin-left: 66.66667%; }

.row .offset-by-nine { margin-left: 75%; }

.row .offset-by-ten { margin-left: 83.33333%; }

.push-two { left: 16.66667%; }

.pull-two { right: 16.66667%; }

.push-three { left: 25%; }

.pull-three { right: 25%; }

.push-four { left: 33.33333%; }

.pull-four { right: 33.33333%; }

.push-five { left: 41.66667%; }

.pull-five { right: 41.66667%; }

.push-six { left: 50%; }

.pull-six { right: 50%; }

.push-seven { left: 58.33333%; }

.pull-seven { right: 58.33333%; }

.push-eight { left: 66.66667%; }

.pull-eight { right: 66.66667%; }

.push-nine { left: 75%; }

.pull-nine { right: 75%; }

.push-ten { left: 83.33333%; }

.pull-ten { right: 83.33333%; }

img { height: auto; }

object, embed { max-width: 100%; }

img { -ms-interpolation-mode: bicubic; }

#map_canvas img, .map_canvas img { max-width: none!important; }

/* Nicolas Gallagher's micro clearfix */
.row { *zoom: 1; }
.row:before, .row:after { content: " "; display: table; }
.row:after { clear: both; }

/* Block Grids ---------------------- */
/* These are 2-up, 3-up, 4-up and 5-up ULs, suited
for repeating blocks of content. Add 'mobile' to
them to switch them just like the layout grid
(one item per line) on phones

For IE7/8 compatibility block-grid items need to be
the same height. You can optionally uncomment the
lines below to support arbitrary height, but know
that IE7/8 do not support :nth-child.
-------------------------------------------------- */
.block-grid { display: block; overflow: hidden; padding: 0; }
.block-grid > li { display: block; height: auto; float: left; }
.block-grid.one-up { margin: 0; }
.block-grid.one-up > li { width: 100%; padding: 0 0 15px; }
.block-grid.two-up { margin: 0 -15px; }
.block-grid.two-up > li { width: 50%; padding: 0 15px 15px; }
.block-grid.two-up > li:nth-child(2n+1) { clear: both; }
.block-grid.three-up { margin: 0 -12px; }
.block-grid.three-up > li { width: 33.33333%; padding: 0 12px 12px; }
.block-grid.three-up > li:nth-child(3n+1) { clear: both; }
.block-grid.four-up { margin: 0 -10px; }
.block-grid.four-up > li { width: 25%; padding: 0 10px 10px; }
.block-grid.four-up > li:nth-child(4n+1) { clear: both; }
.block-grid.five-up { margin: 0 -8px; }
.block-grid.five-up > li { width: 20%; padding: 0 8px 8px; }
.block-grid.five-up > li:nth-child(5n+1) { clear: both; }
.block-grid.six-up { margin: 0 -8px; }
.block-grid.six-up > li { width: 16.66667%; padding: 0 8px 8px; }
.block-grid.six-up > li:nth-child(6n+1) { clear: both; }
.block-grid.seven-up { margin: 0 -8px; }
.block-grid.seven-up > li { width: 14.28571%; padding: 0 8px 8px; }
.block-grid.seven-up > li:nth-child(7n+1) { clear: both; }
.block-grid.eight-up { margin: 0 -8px; }
.block-grid.eight-up > li { width: 12.5%; padding: 0 8px 8px; }
.block-grid.eight-up > li:nth-child(8n+1) { clear: both; }
.block-grid.nine-up { margin: 0 -8px; }
.block-grid.nine-up > li { width: 11.11111%; padding: 0 8px 8px; }
.block-grid.nine-up > li:nth-child(9n+1) { clear: both; }
.block-grid.ten-up { margin: 0 -8px; }
.block-grid.ten-up > li { width: 10%; padding: 0 8px 8px; }
.block-grid.ten-up > li:nth-child(10n+1) { clear: both; }
.block-grid.eleven-up { margin: 0 -8px; }
.block-grid.eleven-up > li { width: 9.09091%; padding: 0 8px 8px; }
.block-grid.eleven-up > li:nth-child(11n+1) { clear: both; }
.block-grid.twelve-up { margin: 0 -8px; }
.block-grid.twelve-up > li { width: 8.33333%; padding: 0 8px 8px; }
.block-grid.twelve-up > li:nth-child(12n+1) { clear: both; }

/* Normal Buttons ---------------------- */
.button { width: auto; background: #0080bf; border: 1px solid #004d73; -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset; -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset; color: white; cursor: pointer; display: inline-block; font-family: inherit; font-size: 16px; font-weight: bold; line-height: 1; margin: 0; padding: 10px 20px 11px; position: relative; text-align: center; text-decoration: none; -webkit-transition: background-color 0.15s ease-in-out; -moz-transition: background-color 0.15s ease-in-out; -o-transition: background-color 0.15s ease-in-out; transition: background-color 0.15s ease-in-out; /* Hovers */ /* Sizes */ /* Colors */ /* Radii */ /* Layout */ /* Disabled ---------- */ }
.button:hover, .button:focus { color: white; background-color: #005e8c; }
.button:active { -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2) inset; -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2) inset; box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2) inset; }
.button.large { font-size: 17px; padding: 15px 30px 16px; }
.button.medium { font-size: 16px; }
.button.small { font-size: 13px; padding: 7px 14px 8px; }
.button.tiny { font-size: 12px; padding: 5px 10px 6px; }
.button.expand { width: 100%; text-align: center; }
.button.primary { background-color: #0080bf; border: 1px solid #004d73; }
.button.primary:hover, .button.primary:focus { background-color: #005e8c; }
.button.success { background-color: #5da423; border: 1px solid #396516; }
.button.success:hover, .button.success:focus { background-color: #457a1a; }
.button.alert { background-color: #c60f13; border: 1px solid #7f0a0c; }
.button.alert:hover, .button.alert:focus { background-color: #970b0e; }
.button.secondary { background-color: #26a7e0; color: black; border: 1px solid #1778a2; }
.button.secondary:hover, .button.secondary:focus { background-color: #1a88b9; }
.button.radius { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.button.round { -webkit-border-radius: 1000px; -moz-border-radius: 1000px; border-radius: 1000px; }
.button.full-width { width: 100%; text-align: center; padding-left: 0px !important; padding-right: 0px !important; }
.button.left-align { text-align: left; text-indent: 12px; }
.button.disabled, .button[disabled] { opacity: 0.6; cursor: default; background: #0080bf; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
.button.disabled:hover, .button[disabled]:hover { background: #0080bf; }
.button.disabled.success, .button[disabled].success { background-color: #5da423; }
.button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success:hover, .button[disabled].success:focus { background-color: #5da423; outline: none; }
.button.disabled.alert, .button[disabled].alert { background-color: #c60f13; }
.button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert:hover, .button[disabled].alert:focus { background-color: #c60f13; outline: none; }
.button.disabled.secondary, .button[disabled].secondary { background-color: #26a7e0; }
.button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary:hover, .button[disabled].secondary:focus { background-color: #26a7e0; outline: none; }

/* Don't use native buttons on iOS */
input[type=submit].button, button.button { -webkit-appearance: none; }

/* Correct FF button padding */
@-moz-document url-prefix() { button::-moz-focus-inner, input[type="reset"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, input[type="file"] > input[type="button"]::-moz-focus-inner { border: none; padding: 0; }
  input[type="submit"].tiny.button { padding: 3px 10px 4px; }
  input[type="submit"].small.button { padding: 5px 14px 6px; }
  input[type="submit"].button, input[type=submit].medium.button { padding: 8px 20px 9px; }
  input[type="submit"].large.button { padding: 13px 30px 14px; } }

/* Buttons with Dropdowns ---------------------- */
.button.dropdown { position: relative; padding-right: 44px; /* Sizes */ /* Triangles */ /* Flyout List */ /* Split Dropdown Buttons */ }
.button.dropdown.large { padding-right: 60px; }
.button.dropdown.small { padding-right: 28px; }
.button.dropdown.tiny { padding-right: 20px; }
.button.dropdown:after { content: ""; display: block; width: 0; height: 0; border: solid 6px; border-color: white transparent transparent transparent; position: absolute; top: 50%; right: 20px; margin-top: -2px; }
.button.dropdown.large:after { content: ""; display: block; width: 0; height: 0; border: solid 7px; border-color: white transparent transparent transparent; margin-top: -3px; right: 30px; }
.button.dropdown.small:after { content: ""; display: block; width: 0; height: 0; border: solid 5px; border-color: white transparent transparent transparent; margin-top: -2px; right: 14px; }
.button.dropdown.tiny:after { content: ""; display: block; width: 0; height: 0; border: solid 4px; border-color: white transparent transparent transparent; margin-top: -1px; right: 10px; }
.button.dropdown > ul { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; display: none; position: absolute; left: -1px; background: #fff; background: rgba(255, 255, 255, 0.95); list-style: none; margin: 0; padding: 0; border: 1px solid #cccccc; border-top: none; min-width: 100%; z-index: 40; }
.button.dropdown > ul li { width: 100%; cursor: pointer; padding: 0; min-height: 18px; line-height: 18px; margin: 0; white-space: nowrap; list-style: none; }
.button.dropdown > ul li a, .button.dropdown > ul li button { display: block; color: #555; font-size: 15px; font-weight: normal; padding: 6px 14px; text-align: left; }
.button.dropdown > ul li button { width: 100%; border: inherit; background: inherit; font-family: inherit; margin: inherit; -webkit-font-smoothing: antialiased; }
.button.dropdown > ul li:hover, .button.dropdown > ul li:focus { background-color: #a6e1ff; color: #222; }
.button.dropdown > ul li.divider { min-height: 0; padding: 0; height: 1px; margin: 4px 0; background: #ededed; }
.button.dropdown.up > ul { border-top: 1px solid #cccccc; border-bottom: none; }
.button.dropdown ul.no-hover.show-dropdown { display: block !important; }
.button.dropdown:hover > ul.no-hover { display: none; }
.button.dropdown.split { padding: 0; position: relative; /* Sizes */ /* Triangle Spans */ /* Colors */ }
.button.dropdown.split:after { display: none; }
.button.dropdown.split:hover, .button.dropdown.split:focus { background-color: #0080bf; }
.button.dropdown.split.alert:hover, .button.dropdown.split.alert:focus { background-color: #c60f13; }
.button.dropdown.split.success:hover, .button.dropdown.split.success:focus { background-color: #5da423; }
.button.dropdown.split.secondary:hover, .button.dropdown.split.secondary:focus { background-color: #26a7e0; }
.button.dropdown.split > a { color: white; display: block; padding: 10px 50px 11px 20px; padding-left: 20px; padding-right: 50px; -webkit-transition: background-color 0.15s ease-in-out; -moz-transition: background-color 0.15s ease-in-out; -o-transition: background-color 0.15s ease-in-out; transition: background-color 0.15s ease-in-out; }
.button.dropdown.split > a:hover, .button.dropdown.split > a:focus { background-color: #005e8c; -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset; -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset; }
.button.dropdown.split.large > a { padding: 15px 75px 16px 30px; padding-left: 30px; padding-right: 75px; }
.button.dropdown.split.small > a { padding: 7px 35px 8px 14px; padding-left: 14px; padding-right: 35px; }
.button.dropdown.split.tiny > a { padding: 5px 25px 6px 10px; padding-left: 10px; padding-right: 25px; }
.button.dropdown.split > span { background-color: #0080bf; position: absolute; right: 0; top: 0; height: 100%; width: 30px; border-left: 1px solid #004d73; -webkit-box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.5) inset; -moz-box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.5) inset; box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.5) inset; -webkit-transition: background-color 0.15s ease-in-out; -moz-transition: background-color 0.15s ease-in-out; -o-transition: background-color 0.15s ease-in-out; transition: background-color 0.15s ease-in-out; }
.button.dropdown.split > span:hover, .button.dropdown.split > span:focus { background-color: #005e8c; }
.button.dropdown.split > span:after { content: ""; display: block; width: 0; height: 0; border: solid 6px; border-color: white transparent transparent transparent; position: absolute; top: 50%; left: 50%; margin-left: -6px; margin-top: -2px; }
.button.dropdown.split.secondary > span:after { content: ""; display: block; width: 0; height: 0; border: solid 6px; border-color: black transparent transparent transparent; }
.button.dropdown.split.large span { width: 45px; }
.button.dropdown.split.small span { width: 21px; }
.button.dropdown.split.tiny span { width: 15px; }
.button.dropdown.split.large span:after { content: ""; display: block; width: 0; height: 0; border: solid 7px; border-color: white transparent transparent transparent; margin-top: -3px; margin-left: -7px; }
.button.dropdown.split.small span:after { content: ""; display: block; width: 0; height: 0; border: solid 4px; border-color: white transparent transparent transparent; margin-top: -1px; margin-left: -4px; }
.button.dropdown.split.tiny span:after { content: ""; display: block; width: 0; height: 0; border: solid 3px; border-color: white transparent transparent transparent; margin-top: -1px; margin-left: -3px; }
.button.dropdown.split.alert > span { background-color: #c60f13; border-left-color: #7f0a0c; }
.button.dropdown.split.success > span { background-color: #5da423; border-left-color: #396516; }
.button.dropdown.split.secondary > span { background-color: #26a7e0; border-left-color: #1778a2; }
.button.dropdown.split.secondary > a { color: black; }
.button.dropdown.split.alert > a:hover, .button.dropdown.split.alert > span:hover, .button.dropdown.split.alert > a:focus, .button.dropdown.split.alert > span:focus { background-color: #970b0e; }
.button.dropdown.split.success > a:hover, .button.dropdown.split.success > span:hover, .button.dropdown.split.success > a:focus, .button.dropdown.split.success > span:focus { background-color: #457a1a; }
.button.dropdown.split.secondary > a:hover, .button.dropdown.split.secondary > span:hover, .button.dropdown.split.secondary > a:focus, .button.dropdown.split.secondary > span:focus { background-color: #1a88b9; }

/* Button Groups ---------------------- */
ul.button-group { list-style: none; padding: 0; margin: 0 0 12px; *zoom: 1; }
ul.button-group:before, ul.button-group:after { content: " "; display: table; }
ul.button-group:after { clear: both; }
ul.button-group li { padding: 0; margin: 0 0 0 -1px; float: left; }
ul.button-group li:first-child { margin-left: 0; }
ul.button-group.radius li .button, ul.button-group.radius li .button.radius, ul.button-group.radius li .button-rounded { -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; }
ul.button-group.radius li:first-child .button, ul.button-group.radius li:first-child .button.radius { -moz-border-radius-topleft: 3px; -webkit-border-top-left-radius: 3px; border-top-left-radius: 3px; -moz-border-radius-bottomleft: 3px; -webkit-border-bottom-left-radius: 3px; border-bottom-left-radius: 3px; }
ul.button-group.radius li:first-child .button.rounded { -moz-border-radius-topleft: 1000px; -webkit-border-top-left-radius: 1000px; border-top-left-radius: 1000px; -moz-border-radius-bottomleft: 1000px; -webkit-border-bottom-left-radius: 1000px; border-bottom-left-radius: 1000px; }
ul.button-group.radius li:last-child .button, ul.button-group.radius li:last-child .button.radius { -moz-border-radius-topright: 3px; -webkit-border-top-right-radius: 3px; border-top-right-radius: 3px; -moz-border-radius-bottomright: 3px; -webkit-border-bottom-right-radius: 3px; border-bottom-right-radius: 3px; }
ul.button-group.radius li:last-child .button.rounded { -moz-border-radius-topright: 1000px; -webkit-border-top-right-radius: 1000px; border-top-right-radius: 1000px; -moz-border-radius-bottomright: 1000px; -webkit-border-bottom-right-radius: 1000px; border-bottom-right-radius: 1000px; }
ul.button-group.even .button { width: 100%; }
ul.button-group.even.two-up li { width: 50%; }
ul.button-group.even.three-up li { width: 33.3%; }
ul.button-group.even.three-up li:first-child { width: 33.4%; }
ul.button-group.even.four-up li { width: 25%; }
ul.button-group.even.five-up li { width: 20%; }

div.button-bar { overflow: hidden; }
div.button-bar ul.button-group { float: left; margin-right: 8px; }
div.button-bar ul.button-group:last-child { margin-left: 0; }

.nav-bar { height: 50px; background: #4d4d4d; margin-left: 0; margin-top: 25px; padding: 0; }
.nav-bar > li { float: left; display: block; position: relative; padding: 0; margin: 0; border: 1px solid #333333; border-right: none; line-height: 48px; -webkit-box-shadow: 1px 0 0 rgba(255, 255, 255, 0.2) inset; -moz-box-shadow: 1px 0 0 rgba(255, 255, 255, 0.2) inset; box-shadow: 1px 0 0 rgba(255, 255, 255, 0.2) inset; }
.nav-bar > li:first-child { -webkit-box-shadow: 0 0 0; -moz-box-shadow: 0 0 0; box-shadow: 0 0 0; }
.nav-bar > li:last-child { border-right: solid 1px #333333; -webkit-box-shadow: 1px 0 0 rgba(255, 255, 255, 0.2) inset, 1px 0 0 rgba(255, 255, 255, 0.2); -moz-box-shadow: 1px 0 0 rgba(255, 255, 255, 0.2) inset, 1px 0 0 rgba(255, 255, 255, 0.2); box-shadow: 1px 0 0 rgba(255, 255, 255, 0.2) inset, 1px 0 0 rgba(255, 255, 255, 0.2); }
.nav-bar > li.active { background: #0080bf; border-color: #005e8c; }
.nav-bar > li.active > a { color: white; cursor: default; }
.nav-bar > li.active:hover { background: #0080bf; cursor: default; }
.nav-bar > li:hover { background: #333333; }
.nav-bar > li > a { color: #e6e6e6; }
.nav-bar > li ul { margin-bottom: 0; }
.nav-bar > li .flyout { display: none; }
.nav-bar > li.has-flyout > a:first-child { padding-right: 50px; position: relative; }
.nav-bar > li.has-flyout > a:first-child:after { content: ""; display: block; width: 0; height: 0; border: solid 4px; border-color: #e6e6e6 transparent transparent transparent; position: absolute; right: 25px; top: 22px; }
.nav-bar > li.has-flyout > a.flyout-toggle { border-left: 0 !important; position: absolute; right: 0; top: 0; padding: 25px; z-index: 2; display: block; }
.nav-bar > li.has-flyout.is-touch > a:first-child { padding-right: 55px; }
.nav-bar > li.has-flyout.is-touch > a.flyout-toggle { border-left: 1px dashed #666666; }
.nav-bar > li > a:first-child { position: relative; padding: 0 25px; display: block; text-decoration: none; font-size: 16px; }
.nav-bar > li > input { margin: 0 10px; }
.nav-bar.vertical { height: auto; margin-top: 0; }
.nav-bar.vertical > li { float: none; border-bottom: none; border-right: solid 1px #333333; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
.nav-bar.vertical > li.has-flyout > a:first-child:after { content: ""; display: block; width: 0; height: 0; border: solid 4px; border-color: transparent transparent transparent #e6e6e6; }
.nav-bar.vertical > li .flyout { left: 100%; top: -1px; }
.nav-bar.vertical > li .flyout.right { left: auto; right: 100%; }
.nav-bar.vertical > li.active { border-right: solid 1px #005e8c; }
.nav-bar.vertical > li:last-child { border-bottom: solid 1px #333333; }

.flyout { background: #f2f2f2; padding: 25px; margin: 0; border: 1px solid #d9d9d9; position: absolute; top: 49px; left: -1px; width: 250px; z-index: 40; -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1); /* remove margin on any first-child element */ /* remove margin on last element */ }
.flyout p { line-height: 1.2; font-size: 15px; }
.flyout *:first-child { margin-top: 0; }
.flyout *:last-child { margin-bottom: 0; }
.flyout.small { width: 166.66667px; }
.flyout.large { width: 437.5px; }
.flyout.right { left: auto; right: -2px; }
.flyout.left { right: auto; left: -2px; }
.flyout.up { top: auto; bottom: 49px; }

ul.flyout, .nav-bar li ul { padding: 0; list-style: none; }
ul.flyout li, .nav-bar li ul li { border-left: solid 3px #cccccc; }
ul.flyout li a, .nav-bar li ul li a { background: #f2f2f2; border: 1px solid #e6e6e6; border-width: 1px 1px 0 0; color: #555; display: block; font-size: 16px; height: auto; line-height: 1; padding: 20px 25px; -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset; -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset; }
ul.flyout li a:hover, ul.flyout li a:focus, .nav-bar li ul li a:hover, .nav-bar li ul li a:focus { background: #ebebeb; color: #333; }
ul.flyout li.active, .nav-bar li ul li.active { margin-top: 0; border-top: 1px solid #4d4d4d; border-left: 4px solid #1a1a1a; }
ul.flyout li.active a, .nav-bar li ul li.active a { background: #4d4d4d; border: none; color: #fff; height: auto; margin: 0; position: static; top: 0; -webkit-box-shadow: 0 0 0; -moz-box-shadow: 0 0 0; box-shadow: 0 0 0; }

/* Foundation Top Bar
 Requires: -jquery.foundation.topbar.js
 Notes: - <nav class="top-bar"> can have .fixed added to make it stick to the top of viewport. Can add .contain-to-grid to top-bar to make it full width but content on grid. - <li class="name"> creates a branding area that can be linked to homepage - Can include text, image or both inside this <li>. - <li class="divider"> creates a divider between nav items, add margins for space - <li class="search"> Needs to hold a <form> which can use .row.collapse and pre/postfix buttons or default type="search"
*/
/* Element that controls breakpoint, no need to change this ever */
.top-bar-js-breakpoint { width: 940px !important; visibility: hidden; }

/* Wrapped around .top-bar to contain to grid width */
.contain-to-grid { width: 100%; background: #222222; }

/* Wrapped around .top-bar to make it fixed at the top */
.fixed { width: 100%; left: 0; position: fixed; top: 0; z-index: 99; }

/* Add .sticky class for using top bar as a sticky navigation when scrolling passed it. Add the class .sticky to a top bar using .contain-to-grid but leave off .fixed, javascript will take care of that */
.sticky { float: left; overflow: hidden; }
.sticky.fixed { float: none; }

/* <nav> */
.top-bar { background: #222222; min-height: 45px; line-height: 45px; margin: 0 0 30px 0; padding: 0; width: 100%; position: relative; /* Contain width to .row width */ /* First <ul> for branding, title, name, etc */ /* topbar global <ul> styles */ }
.contain-to-grid .top-bar { max-width: 1000px; margin: 0 auto; }
.top-bar > ul .name h1 { line-height: 45px; margin: 0; }
.top-bar > ul .name h1 a { font-weight: bold; padding: 0 22.5px; font-size: 17px !important; }
.top-bar > ul .name img { margin-top: -5px; vertical-align: middle; }
.top-bar.expanded { height: inherit; }
.top-bar ul { margin-left: 0; display: inline; height: 45px; line-height: 45px; list-style: none; /* Main Navigation links style */ /* Left Side <ul> */ /* Right Side <ul> */ }
.top-bar ul > li { float: left; /* Dividers between navigation */ /* Put a button in an <li> but give is a class */ /* Put a search bar or text input in the bar */ /* Put login bar in the top bar */ /* Hide the triangle for breakpoint menu */ /* li.has-dropdown */ }
.top-bar ul > li a:not(.button) { color: white; display: block; font-size: 13px; font-weight: bold; height: 45px; line-height: 45px; padding: 0 15px; }
.top-bar ul > li:not(.name):hover, .top-bar ul > li:not(.name).active, .top-bar ul > li:not(.name):focus { background: black; }
.top-bar ul > li:not(.name):hover a, .top-bar ul > li:not(.name).active a, .top-bar ul > li:not(.name):focus a { color: #d9d9d9; }
.top-bar ul > li.divider { background: black; -webkit-box-shadow: 1px 0 0 rgba(255, 255, 255, 0.1); -moz-box-shadow: 1px 0 0 rgba(255, 255, 255, 0.1); box-shadow: 1px 0 0 rgba(255, 255, 255, 0.1); height: 100%; margin-right: 1px; width: 1px; }
.top-bar ul > li.has-button a.button { margin: 0 11.25px; }
.top-bar ul > li.has-button:hover, .top-bar ul > li.has-button:focus { background: #222222; }
.top-bar ul > li.has-button:hover a, .top-bar ul > li.has-button:focus a { color: #fff; }
.top-bar ul > li.search { padding: 0 15px; }
.top-bar ul > li.search form { display: inline-block; margin-bottom: 0; vertical-align: middle; width: 200px; }
.top-bar ul > li.search form input[type=text] { -moz-border-radius-topright: 0; -webkit-border-top-right-radius: 0; border-top-right-radius: 0; -moz-border-radius-bottomright: 0; -webkit-border-bottom-right-radius: 0; border-bottom-right-radius: 0; float: left; font-size: 15px; margin-top: -1px; height: 22.5px; margin-bottom: 0; width: 130px; }
.top-bar ul > li.search form input[type=text] + .button { border-left: none; -moz-border-radius-topleft: 0; -webkit-border-top-left-radius: 0; border-top-left-radius: 0; -moz-border-radius-bottomleft: 0; -webkit-border-bottom-left-radius: 0; border-bottom-left-radius: 0; float: left; font-size: 14px; margin-top: -1px; padding: 5px 12px 4px; }
.top-bar ul > li.search form input[type=search] { font-size: 16px; margin-bottom: 0; }
.top-bar ul > li.search:hover, .top-bar ul > li.search:focus { background: #222222; }
.top-bar ul > li.login { padding: 0 15px; }
.top-bar ul > li.login form { display: inline-block; margin-bottom: 0; vertical-align: middle; width: 300px; }
.top-bar ul > li.login form input { float: left; width: auto; font-size: 15px; margin-top: -1px; height: 22.5px; margin-bottom: 0; }
.top-bar ul > li.login form input[type=text] { -moz-border-radius-topright: 0; -webkit-border-top-right-radius: 0; border-top-right-radius: 0; -moz-border-radius-bottomright: 0; -webkit-border-bottom-right-radius: 0; border-bottom-right-radius: 0; width: 120px; }
.top-bar ul > li.login form input[type=password] { margin-bottom: 0; -moz-border-radius-topleft: 0; -webkit-border-top-left-radius: 0; border-top-left-radius: 0; -moz-border-radius-bottomleft: 0; -webkit-border-bottom-left-radius: 0; border-bottom-left-radius: 0; width: 120px; }
.top-bar ul > li.login form input[type=password] + .button { border-left: none; -moz-border-radius-topleft: 0; -webkit-border-top-left-radius: 0; border-top-left-radius: 0; -moz-border-radius-bottomleft: 0; -webkit-border-bottom-left-radius: 0; border-bottom-left-radius: 0; -moz-border-radius-topright: 2px; -webkit-border-top-right-radius: 2px; border-top-right-radius: 2px; -moz-border-radius-bottomright: 2px; -webkit-border-bottom-right-radius: 2px; border-bottom-right-radius: 2px; float: left; font-size: 14px; margin-top: -1px; padding: 5px 12px 4px; width: 60px; }
.top-bar ul > li.login:hover, .top-bar ul > li.login:focus { background: #222222; }
.top-bar ul > li.toggle-topbar { display: none; }
.top-bar ul > li.has-dropdown { position: relative; /* Dropdown Level 2+ */ }
.top-bar ul > li.has-dropdown:hover > .dropdown, .top-bar ul > li.has-dropdown:focus > .dropdown { display: block; visibility: visible; }
.top-bar ul > li.has-dropdown a { padding-right: 33.75px; }
.top-bar ul > li.has-dropdown a:after { content: ""; display: block; width: 0; height: 0; border: solid 5px; border-color: white transparent transparent transparent; margin-right: 15px; margin-top: -2.5px; position: absolute; right: 0; top: 50%; }
.top-bar ul > li.has-dropdown .dropdown { background: #222222; left: 0; margin: 0; padding: 9px 0 0 0; position: absolute; visibility: hidden; z-index: 99; }
.top-bar ul > li.has-dropdown .dropdown li { background: #222222; line-height: 1; min-width: 100%; padding-bottom: 5px; }
.top-bar ul > li.has-dropdown .dropdown li a { color: white; font-weight: normal; height: 100%; line-height: 1; padding: 5px 17px 5px 15px; white-space: nowrap; }
.top-bar ul > li.has-dropdown .dropdown li a:after { border: none; }
.top-bar ul > li.has-dropdown .dropdown li a:hover, .top-bar ul > li.has-dropdown .dropdown li a:focus { background: #3c3c3c; }
.top-bar ul > li.has-dropdown .dropdown li label { color: #6f6f6f; font-size: 12px; font-weight: bold; margin: 0; padding-left: 15px; text-transform: uppercase; }
.top-bar ul > li.has-dropdown .dropdown li.divider { border-top: solid 1px black; -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1) inset; -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1) inset; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1) inset; height: 10px; padding: 0; width: 100%; }
.top-bar ul > li.has-dropdown .dropdown li:last-child { padding-bottom: 10px; }
.top-bar ul > li.has-dropdown .dropdown li.active a { background: black; }
.top-bar ul > li.has-dropdown .dropdown li.has-dropdown > a { padding-right: 37.5px; }
.top-bar ul > li.has-dropdown .dropdown li.has-dropdown > a:after { border: none; content: "\00bb"; right: 5px; top: 6px; }
.top-bar ul > li.has-dropdown .dropdown li.has-dropdown .dropdown { position: absolute; left: 100%; top: 0; }
.top-bar ul > li.has-dropdown .dropdown li.has-dropdown:hover > .dropdown, .top-bar ul > li.has-dropdown .dropdown li.has-dropdown:focus > .dropdown { display: block; }
.top-bar ul.left { float: left; width: auto; margin-bottom: 0; }
.top-bar ul.right { float: right; width: auto; margin-bottom: 0; /* Dropdown Right Side Alignment */ }
.top-bar ul.right .has-dropdown .dropdown { left: auto; right: 0px; }
.top-bar ul.right .has-dropdown .dropdown li.has-dropdown > .dropdown { right: 100%; left: auto; width: 100%; }
.top-bar .js-generated { display: none; }

/* Firefox Fixes */
@-moz-document url-prefix() { .top-bar ul li .button.small { padding-bottom: 6px; }
  .top-bar ul li.search form input[type=search] { font-size: 14px; height: 22px; padding: 3px; } }

/* IE8 Fixes */
.lt-ie9 .top-bar ul li a { color: white; display: block; font-weight: bold; font-size: 13px; height: 45px; line-height: 45px; padding: 0 15px; }
.lt-ie9 .top-bar ul li a.button { height: auto; line-height: 30px; margin-top: 7px; }
.lt-ie9 .top-bar ul li a img { margin-top: -5px; vertical-align: middle; }

.lt-ie9 .top-bar section > ul > li a:hover, .lt-ie9 .top-bar section > ul > li a:focus { color: #cccccc; }
.lt-ie9 .top-bar section > ul > li:hover, .lt-ie9 .top-bar section > ul > li:focus { background: black; }
.lt-ie9 .top-bar section > ul > li.search:hover, .lt-ie9 .top-bar section > ul > li.search:focus, .lt-ie9 .top-bar section > ul > li.has-button:hover, .lt-ie9 .top-bar section > ul > li.has-button:focus { background: none; }
.lt-ie9 .top-bar section > ul > li.active { background: black; color: #d9d9d9; }

.lt-ie9 .top-bar ul li.has-dropdown { padding-right: 33.75px; }
.lt-ie9 .top-bar ul li.has-dropdown > ul li { padding-right: 0; }

/* CSS for jQuery Orbit Plugin 1.4.0 Maintained for Foundation. foundation.zurb.com Free to use under the MIT license. http://www.opensource.org/licenses/mit-license.php
*/
/* Container ---------------------- */
.orbit-wrapper { width: 1px; height: 1px; position: relative; }

.orbit { width: 1px; height: 1px; position: relative; overflow: hidden; margin-bottom: 17px; }
.orbit.with-bullets { margin-bottom: 40px; }
.orbit .orbit-slide { max-width: 100%; position: absolute; top: 0; left: 0; }
.orbit a.orbit-slide { border: none; line-height: 0; display: none; }
.orbit div.orbit-slide { width: 100%; height: 100%; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; }

/* Note: If your slider only uses content or anchors, you're going to want to put the width and height declarations on the ".orbit>div" and "div.orbit>a" tags in addition to just the .orbit-wrapper */
/* Timer ---------------------- */
.orbit-wrapper .timer { width: 40px; height: 40px; overflow: hidden; position: absolute; top: 10px; right: 10px; opacity: .6; cursor: pointer; z-index: 31; }
.orbit-wrapper span.rotator { display: block; width: 40px; height: 40px; position: absolute; top: 0; left: -20px; background: url('../images/foundation/orbit/rotator-black.png?1363745058') no-repeat; z-index: 3; }
.orbit-wrapper span.rotator.move { left: 0; }
.orbit-wrapper span.mask { display: block; width: 20px; height: 40px; position: absolute; top: 0; right: 0; z-index: 2; overflow: hidden; }
.orbit-wrapper span.mask.move { width: 40px; left: 0; background: url('../images/foundation/orbit/timer-black.png?1363745058') repeat 0 0; }
.orbit-wrapper span.pause { display: block; width: 40px; height: 40px; position: absolute; top: 0; left: 0; background: url('../images/foundation/orbit/pause-black.png?1363745058') no-repeat; z-index: 4; opacity: 0; }
.orbit-wrapper span.pause.active { background: url('../images/foundation/orbit/pause-black.png?1363745058') no-repeat 0 -40px; }
.orbit-wrapper .timer:hover span.pause, .orbit-wrapper .timer:focus span.pause, .orbit-wrapper span.pause.active { opacity: 1; }

/* Captions ---------------------- */
.orbit-caption { display: none; font-family: inherit; }

.orbit-wrapper .orbit-caption { background: black; background: rgba(0, 0, 0, 0.6); z-index: 30; color: white; text-align: center; padding: 7px 0; font-size: 15px; position: absolute; right: 0; bottom: 0; width: 100%; }

/* Directional Nav ---------------------- */
.orbit-wrapper .slider-nav { display: block; }
.orbit-wrapper .slider-nav span { width: 39px; height: 50px; text-indent: -9999px; position: absolute; z-index: 30; top: 50%; margin-top: -25px; cursor: pointer; }
.orbit-wrapper .slider-nav span.right { background: url('../images/foundation/orbit/right-arrow.png?1363745058'); background-size: 100%; right: 0; }
.orbit-wrapper .slider-nav span.left { background: url('../images/foundation/orbit/left-arrow.png?1363745058'); background-size: 100%; left: 0; }

.lt-ie9 .orbit-wrapper .slider-nav span.right { background: url('../images/foundation/orbit/right-arrow-small.png?1363745058'); }
.lt-ie9 .orbit-wrapper .slider-nav span.left { background: url('../images/foundation/orbit/left-arrow-small.png?1363745058'); }

/* Bullet Nav ---------------------- */
ul.orbit-bullets { position: absolute; z-index: 30; list-style: none; bottom: -40px; left: 50%; margin-left: -50px; padding: 0; }
ul.orbit-bullets li { float: left; margin-left: 5px; cursor: pointer; color: #999999; text-indent: -9999px; background: url('../images/foundation/orbit/bullets.jpg?1363745058') no-repeat 4px 0; width: 13px; height: 12px; overflow: hidden; }
ul.orbit-bullets li.active { color: #222222; background-position: -8px 0; }
ul.orbit-bullets li.has-thumb { background: none; width: 100px; height: 75px; }
ul.orbit-bullets li.active.has-thumb { background-position: 0 0; border-top: 2px solid black; }

/* Orbit Slide Counter */
.orbit-slide-counter { position: absolute; bottom: 0; z-index: 99; background: rgba(0, 0, 0, 0.7); color: white; padding: 5px; }

/* Fluid Layout ---------------------- */
.orbit img.fluid-placeholder { visibility: hidden; position: static; display: block; width: 100%; }

.orbit, .orbit-wrapper { width: 100% !important; }

/* Correct timer in IE */
.lt-ie9 .timer { display: none !important; }

.lt-ie9 .orbit-caption { background: black; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000); zoom: 1; }

@media only screen and (max-width: 767px) { .orbit.orbit-stack-on-small img.fluid-placeholder { visibility: visible; }
  .orbit.orbit-stack-on-small .orbit-slide { position: static; margin-bottom: 10px; } }
/* CSS for jQuery Reveal Plugin Maintained for Foundation. foundation.zurb.com Free to use under the MIT license. http://www.opensource.org/licenses/mit-license.php */
/* Reveal Modals ---------------------- */
.reveal-modal-bg { position: fixed; height: 100%; width: 100%; background: #000; background: rgba(0, 0, 0, 0.45); z-index: 40; display: none; top: 0; left: 0; }

.reveal-modal { background: #fff; visibility: hidden; display: none; top: 100px; left: 50%; margin-left: -260px; width: 520px; position: absolute; z-index: 41; padding: 30px; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.4); -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.4); box-shadow: 0 0 10px rgba(0, 0, 0, 0.4); }
.reveal-modal .close-reveal-modal:not(.button) { font-size: 22px; font-size: 2.2rem; line-height: .5; position: absolute; top: 8px; right: 11px; color: #aaa; text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.6); font-weight: bold; cursor: pointer; }
.reveal-modal.small { width: 30%; margin-left: -15%; }
.reveal-modal.medium { width: 40%; margin-left: -20%; }
.reveal-modal.large { width: 60%; margin-left: -30%; }
.reveal-modal.xlarge { width: 70%; margin-left: -35%; }
.reveal-modal.expand { width: 90%; margin-left: -45%; }
.reveal-modal .row { min-width: 0; margin-bottom: 10px; }
.reveal-modal > :first-child { margin-top: 0; }
.reveal-modal > :last-child { margin-bottom: 0; }

@media print { .reveal-modal { border: solid 1px black; background: #fff; } }
#joyRideTipContent { display: none; }

/* Default styles for the container */
.joyride-tip-guide { display: none; position: absolute; background: black; background: rgba(0, 0, 0, 0.8); color: white; width: 300px; z-index: 101; top: 0; left: 0; font-family: inherit; font-weight: normal; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }

.joyride-content-wrapper { padding: 18px 20px 24px; }

/* Add a little css triangle pip, older browser just miss out on the fanciness of it */
.joyride-tip-guide span.joyride-nub { display: block; position: absolute; left: 22px; width: 0; height: 0; border: solid 14px; }
.joyride-tip-guide span.joyride-nub.top { border-color: black; border-color: rgba(0, 0, 0, 0.8); border-top-color: transparent !important; border-left-color: transparent !important; border-right-color: transparent !important; top: -28px; bottom: none; }
.joyride-tip-guide span.joyride-nub.bottom { border-color: black; border-color: rgba(0, 0, 0, 0.8) !important; border-bottom-color: transparent !important; border-left-color: transparent !important; border-right-color: transparent !important; bottom: -28px; bottom: none; }
.joyride-tip-guide span.joyride-nub.right { border-color: black; border-color: rgba(0, 0, 0, 0.8) !important; border-top-color: transparent !important; border-right-color: transparent !important; border-bottom-color: transparent !important; top: 22px; bottom: none; left: auto; right: -28px; }
.joyride-tip-guide span.joyride-nub.left { border-color: black; border-color: rgba(0, 0, 0, 0.8) !important; border-top-color: transparent !important; border-left-color: transparent !important; border-bottom-color: transparent !important; top: 22px; left: -28px; right: auto; bottom: none; }

/* Typography */
.joyride-tip-guide h1, .joyride-tip-guide h2, .joyride-tip-guide h3, .joyride-tip-guide h4, .joyride-tip-guide h5, .joyride-tip-guide .compare .title, .compare .joyride-tip-guide .title, .joyride-tip-guide .cloud-pricing .title, .cloud-pricing .joyride-tip-guide .title, .joyride-tip-guide .other-services .title, .other-services .joyride-tip-guide .title, .joyride-tip-guide h6 { line-height: 1.25; margin: 0; font-weight: bold; color: white; }

.joyride-tip-guide p { margin: 0 0 18px 0; font-size: 14px; line-height: 1.3; }

.joyride-timer-indicator-wrap { width: 50px; height: 3px; border: solid 1px #555555; position: absolute; right: 17px; bottom: 16px; }

.joyride-timer-indicator { display: block; width: 0; height: inherit; background: #666666; }

.joyride-close-tip { position: absolute; right: 10px; top: 10px; color: #777777 !important; text-decoration: none; font-size: 20px; font-weight: normal; line-height: 0.5 !important; }
.joyride-close-tip:hover, .joyride-close-tip:focus { color: #eeeeee !important; }

.joyride-modal-bg { position: fixed; height: 100%; width: 100%; background: transparent; background: rgba(0, 0, 0, 0.5); z-index: 100; display: none; top: 0; left: 0; cursor: pointer; }

.clearing-blackout { background: black; background: rgba(0, 0, 0, 0.8); position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 999; }
.clearing-blackout .clearing-close { display: block; }

.clearing-container { position: relative; z-index: 999; height: 100%; overflow: hidden; }

.visible-img { height: 75%; position: relative; }
.visible-img img { position: absolute; left: 50%; top: 50%; margin-left: -50%; max-height: 100%; max-width: 100%; }
.visible-img .clearing-caption { color: white; margin-bottom: 0; text-align: center; position: absolute; bottom: 0; background: black; background: rgba(0, 0, 0, 0.7); width: 100%; padding: 10px 100px; }

.clearing-close { z-index: 999; position: absolute; top: 10px; right: 20px; font-size: 30px; line-height: 1; color: white; display: none; }
.clearing-close:hover, .clearing-close:focus { color: #ccc; }

.clearing-main-left, .clearing-main-right { position: absolute; top: 50%; margin-top: -16px; }

.clearing-main-left.disabled, .clearing-main-right.disabled { opacity: 0.5; }

.clearing-main-left:active, .clearing-main-right:active { margin-top: -15px; }

.clearing-main-left { left: 10px; content: ""; display: block; width: 0; height: 0; border: solid 16px; border-color: transparent white transparent transparent; }

.clearing-main-right { right: 10px; content: ""; display: block; width: 0; height: 0; border: solid 16px; border-color: transparent transparent transparent white; }

ul[data-clearing].block-grid.three-up > li:nth-child(3n+1) { clear: none; }

ul[data-clearing] li { cursor: pointer; display: block; }
ul[data-clearing] li.clearing-feature ~ li { display: none; }

.clearing-assembled .clearing-container .carousel { background: black; background: rgba(0, 0, 0, 0.75); height: 150px; margin-top: 5px; }
.clearing-assembled .clearing-container .visible-img { background: black; background: rgba(0, 0, 0, 0.75); overflow: hidden; }
.clearing-assembled .clearing-container ul[data-clearing] { z-index: 999; width: 200%; height: 100%; margin-left: 0; position: relative; left: 0; }
.clearing-assembled .clearing-container ul[data-clearing] li { display: block; width: 175px; height: inherit; padding: 0; float: left; overflow: hidden; background: #222; margin-right: 1px; position: relative; }
.clearing-assembled .clearing-container ul[data-clearing] li.fix-height img { min-height: 100%; height: 100%; max-width: none; }
.clearing-assembled .clearing-container ul[data-clearing] li img { cursor: pointer !important; min-width: 100% !important; }
.clearing-assembled .clearing-container ul[data-clearing] li.visible { border-top: 4px solid white; }

/* Overrides clear:both; when using block-grid with Clearing. Also overrided .th styling when Clearing is open */
ul.block-grid[data-clearing] { overflow: visible; }

.clearing-blackout ul.block-grid[data-clearing].two-up > li:nth-child(2n+1) { clear: none; }
.clearing-blackout ul.block-grid[data-clearing].three-up > li:nth-child(3n+1) { clear: none; }
.clearing-blackout ul.block-grid[data-clearing].four-up > li:nth-child(4n+1) { clear: none; }
.clearing-blackout ul.block-grid[data-clearing].five-up > li:nth-child(5n+1) { clear: none; }
.clearing-blackout ul.block-grid[data-clearing].six-up > li:nth-child(6n+1) { clear: none; }
.clearing-blackout ul.block-grid[data-clearing].seven-up > li:nth-child(7n+1) { clear: none; }
.clearing-blackout ul.block-grid[data-clearing].eight-up > li:nth-child(8n+1) { clear: none; }
.clearing-blackout ul.block-grid[data-clearing].nine-up > li:nth-child(9n+1) { clear: none; }
.clearing-blackout ul.block-grid[data-clearing].ten-up > li:nth-child(10n+1) { clear: none; }
.clearing-blackout ul.block-grid[data-clearing].eleven-up > li:nth-child(11n+1) { clear: none; }
.clearing-blackout ul.block-grid[data-clearing].twelve-up > li:nth-child(12n+1) { clear: none; }
.clearing-blackout .th img { border: none; -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0); -moz-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0); box-shadow: 0 0 0 0 rgba(0, 0, 0, 0); -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; }
.clearing-blackout:hover img, .clearing-blackout:focus img { -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0); -moz-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0); box-shadow: 0 0 0 0 rgba(0, 0, 0, 0); }

/* Tabs ---------------------- */
.tabs { list-style: none; border-bottom: solid 1px #e6e6e6; display: block; height: 40px; padding: 0; margin-bottom: 20px; }
.tabs.contained { margin-bottom: 0; margin-left: 0; }
.tabs dt, .tabs li.section-title { color: #b3b3b3; cursor: default; display: block; float: left; font-size: 12px; height: 40px; line-height: 40px; padding: 0; padding-right: 9px; padding-left: 20px; font-weight: normal; width: auto; text-transform: uppercase; }
.tabs dt:first-child, .tabs li.section-title:first-child { padding: 0; padding-right: 9px; }
.tabs dd, .tabs li { display: block; float: left; padding: 0; margin: 0; }
.tabs dd a, .tabs li a { color: #4a99e9; display: block; font-size: 16px; height: 40px; line-height: 40px; padding: 0px 23.8px; }
.tabs dd a:focus, .tabs li a:focus { font-weight: bold; color: #0080bf; }
.tabs dd.active, .tabs li.active { border-top: 3px solid #0080bf; margin-top: -3px; }
.tabs dd.active a, .tabs li.active a { cursor: default; color: #1766b6; background: #fff; border-left: 1px solid #e6e6e6; border-right: 1px solid #e6e6e6; font-weight: bold; }
.tabs dd:first-child, .tabs li:first-child { margin-left: 0; }
.tabs.vertical { height: auto; border-bottom: 1px solid #e6e6e6; }
.tabs.vertical dt, .tabs.vertical dd, .tabs.vertical li { float: none; height: auto; }
.tabs.vertical dd, .tabs.vertical li { border-left: 3px solid #cccccc; }
.tabs.vertical dd a, .tabs.vertical li a { background: #f2f2f2; border: none; border: 1px solid #e6e6e6; border-width: 1px 1px 0 0; color: #555; display: block; font-size: 16px; height: auto; line-height: 1; padding: 15px 20px; -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset; -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset; }
.tabs.vertical dd.active, .tabs.vertical li.active { margin-top: 0; border-top: 1px solid #4d4d4d; border-left: 4px solid #1a1a1a; }
.tabs.vertical dd.active a, .tabs.vertical li.active a { background: #4d4d4d; border: none; color: #fff; height: auto; margin: 0; position: static; top: 0; -webkit-box-shadow: 0 0 0; -moz-box-shadow: 0 0 0; box-shadow: 0 0 0; }
.tabs.vertical dd:first-child a.active, .tabs.vertical li:first-child a.active { margin: 0; }
.tabs.pill { border-bottom: none; margin-bottom: 10px; }
.tabs.pill dd, .tabs.pill li { margin-right: 10px; }
.tabs.pill dd:last-child, .tabs.pill li:last-child { margin-right: 0; }
.tabs.pill dd a, .tabs.pill li a { -webkit-border-radius: 1000px; -moz-border-radius: 1000px; border-radius: 1000px; background: #e6e6e6; height: 26px; line-height: 26px; color: #666; }
.tabs.pill dd.active, .tabs.pill li.active { border: none; margin-top: 0; }
.tabs.pill dd.active a, .tabs.pill li.active a { background-color: #0080bf; border: none; color: #fff; }
.tabs.pill.contained { border-bottom: solid 1px #eeeeee; margin-bottom: 0; }
.tabs.pill.two-up dd, .tabs.pill.two-up li, .tabs.pill.three-up dd, .tabs.pill.three-up li, .tabs.pill.four-up dd, .tabs.pill.four-up li, .tabs.pill.five-up dd, .tabs.pill.five-up li { margin-right: 0; }
.tabs.two-up dt a, .tabs.two-up dd a, .tabs.two-up li a, .tabs.three-up dt a, .tabs.three-up dd a, .tabs.three-up li a, .tabs.four-up dt a, .tabs.four-up dd a, .tabs.four-up li a, .tabs.five-up dt a, .tabs.five-up dd a, .tabs.five-up li a { padding: 0 17px; text-align: center; overflow: hidden; }
.tabs.two-up dt, .tabs.two-up dd, .tabs.two-up li { width: 50%; }
.tabs.three-up dt, .tabs.three-up dd, .tabs.three-up li { width: 33.33%; }
.tabs.four-up dt, .tabs.four-up dd, .tabs.four-up li { width: 25%; }
.tabs.five-up dt, .tabs.five-up dd, .tabs.five-up li { width: 20%; }

ul.tabs-content { display: block; margin: 0 0 20px; padding: 0; }
ul.tabs-content > li { display: none; }
ul.tabs-content > li.active { display: block; }
ul.tabs-content.contained { padding: 0; }
ul.tabs-content.contained > li { border: solid 0 #e6e6e6; border-width: 0 1px 1px 1px; padding: 20px; }
ul.tabs-content.contained.vertical > li { border-width: 1px 1px 1px 1px; }

.no-js ul.tabs-content > li { display: block; }

/* Table of Contents

:: Visibility
:: Alerts
:: Labels
:: Tooltips
:: Panels
:: Accordion
:: Side Nav
:: Sub Nav
:: Pagination
:: Breadcrumbs
:: Lists
:: Inline/Link Lists
:: Keystroke Chars
:: Image Thumbnails
:: Video
:: Tables
:: Microformats
:: Progress Bars
:: Pricing Tables

*/
/* Alerts ---------------------- */
div.alert-box { display: block; padding: 6px 7px 7px; font-weight: bold; font-size: 16px; color: white; background-color: #0080bf; border: 1px solid rgba(0, 0, 0, 0.1); margin-bottom: 12px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; text-shadow: 0 -1px rgba(0, 0, 0, 0.3); position: relative; }
div.alert-box.success { background-color: #5da423; color: #fff; text-shadow: 0 -1px rgba(0, 0, 0, 0.3); }
div.alert-box.alert { background-color: #c60f13; color: #fff; text-shadow: 0 -1px rgba(0, 0, 0, 0.3); }
div.alert-box.secondary { background-color: #26a7e0; color: black; text-shadow: 0 1px rgba(255, 255, 255, 0.3); }
div.alert-box a.close { color: #333; position: absolute; right: 4px; top: -1px; font-size: 17px; opacity: 0.2; padding: 4px; }
div.alert-box a.close:hover, div.alert-box a.close:focus { opacity: 0.4; }

/* Labels ---------------------- */
.label { padding: 1px 4px 2px; font-size: 14px; font-weight: bold; text-align: center; text-decoration: none; line-height: 1; white-space: nowrap; display: inline; position: relative; bottom: 1px; color: #fff; background: #0080bf; }
.label.radius { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.label.round { padding: 1px 7px 2px; -webkit-border-radius: 1000px; -moz-border-radius: 1000px; border-radius: 1000px; }
.label.alert { background-color: #c60f13; }
.label.success { background-color: #5da423; }
.label.secondary { background-color: #26a7e0; color: black; }

/* Tooltips ---------------------- */
.has-tip { border-bottom: dotted 1px #cccccc; cursor: help; font-weight: bold; color: #333333; }
.has-tip:hover, .has-tip:focus { border-bottom: dotted 1px #003c59; color: #0080bf; }
.has-tip.tip-left, .has-tip.tip-right { float: none !important; }

.tooltip { display: none; background: black; background: rgba(0, 0, 0, 0.85); position: absolute; color: white; font-weight: bold; font-size: 12px; padding: 5px; z-index: 999; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; line-height: normal; }
.tooltip > .nub { display: block; width: 0; height: 0; border: solid 5px; border-color: transparent transparent black transparent; border-color: transparent transparent rgba(0, 0, 0, 0.85) transparent; position: absolute; top: -10px; left: 10px; }
.tooltip.tip-override > .nub { border-color: transparent transparent black transparent !important; border-color: transparent transparent rgba(0, 0, 0, 0.85) transparent !important; top: -10px !important; }
.tooltip.tip-top > .nub, .tooltip.tip-centered-top > .nub { border-color: black transparent transparent transparent; border-color: rgba(0, 0, 0, 0.85) transparent transparent transparent; top: auto; bottom: -10px; }
.tooltip.tip-left, .tooltip.tip-right { float: none !important; }
.tooltip.tip-left > .nub { border-color: transparent transparent transparent black; border-color: transparent transparent transparent rgba(0, 0, 0, 0.85); right: -10px; left: auto; }
.tooltip.tip-right > .nub { border-color: transparent black transparent transparent; border-color: transparent rgba(0, 0, 0, 0.85) transparent transparent; right: auto; left: -10px; }
.tooltip.noradius { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; }
.tooltip.opened { color: #0080bf !important; border-bottom: dotted 1px #003c59 !important; }

.tap-to-close { display: block; font-size: 10px; font-size: 1rem; color: #888888; font-weight: normal; }

/* Panels ---------------------- */
.panel { background: #f2f2f2; border: solid 1px #e6e6e6; margin: 0 0 22px 0; padding: 20px; }
.panel > :first-child { margin-top: 0; }
.panel > :last-child { margin-bottom: 0; }
.panel.callout { background: #0080bf; color: #fff; border-color: #005e8c; -webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.5); -moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.5); box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.5); }
.panel.callout a { color: #fff; }
.panel.callout .button { background: white; border: none; color: #0080bf; text-shadow: none; }
.panel.callout .button:hover, .panel.callout .button:focus { background: rgba(255, 255, 255, 0.8); }
.panel.radius { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }

/* Accordion ---------------------- */
ul.accordion { margin: 0 0 22px 0; border-bottom: 1px solid #26a7e0; }
ul.accordion > li { list-style: none; margin: 0; padding: 0; border-top: 1px solid #26a7e0; }
ul.accordion > li > div.title { cursor: pointer; background: #3cb0e3; padding: 15px; margin: 0; position: relative; border-left: 1px solid #26a7e0; border-right: 1px solid #26a7e0; -webkit-transition: 0.15s background linear; -moz-transition: 0.15s background linear; -o-transition: 0.15s background linear; transition: 0.15s background linear; }
ul.accordion > li > div.title h1, ul.accordion > li > div.title h2, ul.accordion > li > div.title h3, ul.accordion > li > div.title h4, ul.accordion > li > div.title h5, ul.accordion > li > div.title .compare .title, .compare ul.accordion > li > div.title .title, ul.accordion > li > div.title .cloud-pricing .title, .cloud-pricing ul.accordion > li > div.title .title, ul.accordion > li > div.title .other-services .title, .other-services ul.accordion > li > div.title .title { margin: 0; }
ul.accordion > li > div.title:after { content: ""; display: block; width: 0; height: 0; border: solid 6px; border-color: transparent #0e465f transparent transparent; position: absolute; right: 15px; top: 21px; }
ul.accordion > li .content { display: none; padding: 15px; }
ul.accordion > li.active { border-top: 3px solid #0080bf; }
ul.accordion > li.active .title { background: white; padding-top: 13px; }
ul.accordion > li.active .title:after { content: ""; display: block; width: 0; height: 0; border: solid 6px; border-color: #0e465f transparent transparent transparent; }
ul.accordion > li.active .content { background: white; display: block; border-left: 1px solid #26a7e0; border-right: 1px solid #26a7e0; }

/* Side Nav ---------------------- */
ul.side-nav { display: block; list-style: none; margin: 0; padding: 17px 0; }
ul.side-nav li { display: block; list-style: none; margin: 0 0 8px 0; }
ul.side-nav li a { display: block; }
ul.side-nav li.active a { color: #4d4d4d; font-weight: bold; }
ul.side-nav li.divider { border-top: 1px solid #e6e6e6; height: 0; padding: 0; }

/* Sub Navs http://www.zurb.com/article/292/how-to-create-simple-and-effective-sub-na ---------------------- */
dl.sub-nav { display: block; width: auto; overflow: hidden; margin: -4px 0 18px; margin-right: 0; margin-left: -9px; padding-top: 4px; }
dl.sub-nav dt, dl.sub-nav dd { float: left; display: inline; margin-left: 9px; margin-bottom: 10px; }
dl.sub-nav dt { color: #999; font-weight: normal; }
dl.sub-nav dd a { text-decoration: none; -webkit-border-radius: 1000px; -moz-border-radius: 1000px; border-radius: 1000px; }
dl.sub-nav dd.active a { font-weight: bold; background: #0080bf; color: #fff; padding: 3px 9px; cursor: default; }

/* Pagination ---------------------- */
ul.pagination { display: block; height: 24px; margin-left: -5px; }
ul.pagination li { float: left; display: block; height: 24px; color: #999; font-size: 16px; margin-left: 5px; }
ul.pagination li a { display: block; padding: 1px 7px 1px; color: #555; }
ul.pagination li:hover a, ul.pagination li a:focus { background: #e6e6e6; }
ul.pagination li.unavailable a { cursor: default; color: #999; }
ul.pagination li.unavailable:hover a, ul.pagination li.unavailable a:focus { background: transparent; }
ul.pagination li.current a { background: #0080bf; color: white; font-weight: bold; cursor: default; }
ul.pagination li.current a:hover, ul.pagination li.current a:focus { background: #0080bf; }

div.pagination-centered { text-align: center; }
div.pagination-centered ul > li { float: none; display: inline-block; }

/* Breadcrums ---------------------- */
ul.breadcrumbs { display: block; background: #3cb0e3; padding: 6px 10px 7px; border: 1px solid #26a7e0; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; overflow: hidden; margin-left: 0; }
ul.breadcrumbs li { margin: 0; padding: 0 12px 0 0; float: left; list-style: none; }
ul.breadcrumbs li a, ul.breadcrumbs li span { text-transform: uppercase; font-size: 11px; font-size: 1.1rem; padding-left: 12px; }
ul.breadcrumbs li:first-child a, ul.breadcrumbs li:first-child span { padding-left: 0; }
ul.breadcrumbs li:before { content: "/"; color: #aaa; }
ul.breadcrumbs li:first-child:before { content: " "; }
ul.breadcrumbs li.current a { cursor: default; color: #333; }
ul.breadcrumbs li:hover a, ul.breadcrumbs li a:focus { text-decoration: underline; }
ul.breadcrumbs li.current:hover a, ul.breadcrumbs li.current a:focus { text-decoration: none; }
ul.breadcrumbs li.unavailable a { color: #999; }
ul.breadcrumbs li.unavailable:hover a, ul.breadcrumbs li.unavailable a:focus { text-decoration: none; color: #999; cursor: default; }

/* Inline Link List */
ul.inline-list, ul.link-list { margin: 0 0 17px -22px; padding: 0; list-style: none; overflow: hidden; }
ul.inline-list > li, ul.link-list > li { list-style: none; float: left; margin-left: 22px; display: block; }
ul.inline-list > li > *, ul.link-list > li > * { display: block; }

/* Keytroke Characters ---------------------- */
.keystroke, kbd { font-family: "Consolas", "Menlo", "Courier", monospace; font-size: 15px; padding: 2px 4px 0px; margin: 0; background: #ededed; border: solid 1px #dbdbdb; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }

/* Image Thumbnails ---------------------- */
.th { display: block; }
.th img { display: block; border: solid 4px white; -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2); box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-transition-property: box-shadow; -moz-transition-property: box-shadow; -o-transition-property: box-shadow; transition-property: box-shadow; -webkit-transition-duration: 300ms; -moz-transition-duration: 300ms; -o-transition-duration: 300ms; transition-duration: 300ms; }
.th:hover img, .th:focus img { -webkit-box-shadow: 0 0 6px 1px rgba(0, 128, 191, 0.5); -moz-box-shadow: 0 0 6px 1px rgba(0, 128, 191, 0.5); box-shadow: 0 0 6px 1px rgba(0, 128, 191, 0.5); }

/* Video - Mad props to http://www.alistapart.com/articles/creating-intrinsic-ratios-for-video/ ---------------------- */
.flex-video { position: relative; padding-top: 25px; padding-bottom: 67.5%; height: 0; margin-bottom: 16px; overflow: hidden; }
.flex-video.widescreen { padding-bottom: 57.25%; }
.flex-video.vimeo { padding-top: 0; }
.flex-video iframe, .flex-video object, .flex-video embed, .flex-video video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/* Tables ---------------------- */
table { background: #fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; margin: 0 0 18px; border: 1px solid #dddddd; }

table thead, table tfoot { background: #f5f5f5; }

table thead tr th, table tfoot tr th, table tbody tr td, table tr td, table tfoot tr td { display: table-cell; font-size: 16px; line-height: 18px; text-align: left; }

table thead tr th, table tfoot tr td { padding: 8px 10px 9px; font-size: 16px; font-weight: bold; color: #222; }

table thead tr th:first-child, table tfoot tr td:first-child { border-left: none; }

table thead tr th:last-child, table tfoot tr td:last-child { border-right: none; }

table tbody tr.even, table tbody tr.alt { background: #f9f9f9; }

table tbody tr:nth-child(even) { background: #f9f9f9; }

table tbody tr td { color: #333; padding: 9px 10px; vertical-align: top; border: none; }

/* Microformats ---------------------- */
ul.vcard { display: inline-block; margin: 0 0 12px 0; border: 1px solid #dddddd; padding: 10px; }
ul.vcard li { margin: 0; display: block; }
ul.vcard li.fn { font-weight: bold; font-size: 17px; }

p.vevent span.summary { font-weight: bold; }
p.vevent abbr { cursor: default; text-decoration: none; font-weight: bold; border: none; padding: 0 1px; }

/* Progress Bar ---------------------- */
div.progress { padding: 2px; margin-bottom: 10px; border: 1px solid #cccccc; height: 25px; /* meter */ /* border radii */ }
div.progress .meter { background: #0080bf; height: 100%; display: block; width: 50%; }
div.progress.secondary .meter { background: #26a7e0; }
div.progress.success .meter { background: #5da423; }
div.progress.alert .meter { background: #c60f13; }
div.progress.radius { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
div.progress.radius .meter { -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; }
div.progress.round { -webkit-border-radius: 1000px; -moz-border-radius: 1000px; border-radius: 1000px; }
div.progress.round .meter { -webkit-border-radius: 1000px; -moz-border-radius: 1000px; border-radius: 1000px; }

/* Pricing Tables ---------------------- */
.pricing-table { border: solid 1px #dddddd; margin-left: 0; margin-bottom: 20px; }
.pricing-table * { list-style: none; line-height: 1; }
.pricing-table .title { background-color: #dddddd; padding: 15px 20px; text-align: center; color: #333333; font-weight: bold; font-size: 16px; }
.pricing-table .price { background-color: #eeeeee; padding: 15px 20px; text-align: center; color: #333333; font-weight: normal; font-size: 20px; }
.pricing-table .description { background-color: white; padding: 15px; text-align: center; color: #777777; font-size: 12px; font-weight: normal; line-height: 1.4; border-bottom: dotted 1px #dddddd; }
.pricing-table .bullet-item { background-color: white; padding: 15px; text-align: center; color: #333333; font-size: 14px; font-weight: normal; border-bottom: dotted 1px #dddddd; }
.pricing-table .cta-button { background-color: whitesmoke; text-align: center; padding: 20px; }

/*=============================================
	OVERRIDES ELEMENTS CSS
	First in cascade to override foundation styles
=============================================*/
.soft, .cv, .enquire-text { font-weight: normal !important; }

.row { width: 1000px !important; max-width: 1000px !important; min-width: 1000px !important; margin: 0 auto; }

.nlp, .banner .row .twelve, a.signup-small, a.enquire-small { padding: 0 15px 0 0 !important; }

.nrp, a.signup-small, a.enquire-small { padding: 0 0 0 15px !important; }

.nlp.nrp, .banner .row .nrp.twelve, .banner .row a.twelve.signup-small, .banner .row a.twelve.enquire-small, a.signup-small, a.enquire-small, .nrp.nlp, .banner .row .nrp.twelve, .banner .row a.twelve.signup-small, .banner .row a.twelve.enquire-small, a.signup-small, a.enquire-small { padding: inherit 0 inherit 0 !important; }

.nlm.nrm, .nrm.nlm { margin: inherit 0 inherit 0 !important; }

.rounded { border-radius: 10px; }

.nlm { margin-left: 0 !important; }

.nrm { margin-right: 0 !important; }

.pseudo-helper, .dotted-rule:before, .dotted-rule:after, .case-studies a:after { content: ""; display: block; position: absolute; }

.triangle-bottom { position: relative; }
.triangle-bottom:after { width: 0px; height: 0px; border-style: solid; border-width: 8px 5px 0 5px; border-color: red transparent transparent transparent; content: ""; position: absolute; bottom: -8px; left: 50%; display: block; }

#wireframe { height: 100%; display: block; position: absolute; left: 50%; top: 6px; margin-left: -485px; width: 1000px; z-index: 1; }
#wireframe img { margin: 0 auto; text-align: center; opacity: 0.8; }

.inset { padding: 20px inherit inherit 10px; border-top: 1px dotted black; border-bottom: 1px dotted black; }

.headline { margin-top: 0; }

.alternative, .active { background-color: #26a7e0; }

.padded, .plans ul, .greyBackground, .case-studies .inner { padding: 20px; }

.no-margin, .nm { margin: 0 !important; }

.no-margin-bottom, .nmb { margin-bottom: 0 !important; }

.no-margin-top, .nmt, .enterprise-box h3 { margin-top: 0 !important; }

.gap-top, .gt { padding-top: 20px !important; }

.medium-gap-top, .mgt { padding-top: 50px !important; }

.huge-gap-top, .hgt { padding-top: 60px !important; }

.gap-bottom, .gb { padding-bottom: 20px !important; }

.medium-gap-bottom, .mgb { padding-bottom: 50px !important; }

.huge-gap-bottom, .hgb { padding-bottom: 60px !important; }

.huge-margin-bottom, .hmb { margin-bottom: 50px !important; }

.medium-margin-bottom, .mmb { margin-bottom: 50px !important; }

.margin-bottom, .mb { margin-bottom: 60px !important; }

.mt { margin-top: 60px !important; }

.tmt { margin-top: 15px !important; }

.tmb { margin-bottom: 15px !important; }

.tgt { padding-top: 15px; }

.tgb { padding-bottom: 15px; }

.center, .icon-features > div { text-align: center; }

.headerwrap { box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.4); background: url(../images/header-bg.gif) 50% 100% repeat-x transparent; }

.logo { padding-top: 20px; }

/* IT'S OVER 9000! */
.tenthousand { height: 180px; margin-bottom: 60px; display: block; background: url(../images/ten-thousand7.jpg) 50% 100% no-repeat transparent; }
.tenthousand h3 { margin-bottom: 0; }

footer { background: url(../images/footer-bg.png) repeat-x 0% 62px #0b2949; padding-bottom: 20px; }
footer h3, footer p { color: #00aced; }
footer h3 { margin: 12px 0; }
footer a { color: white; }
footer ul.side-nav { margin-top: 50px; }
footer ul.side-nav li { margin: 0; }
footer ul.side-nav i { width: 11px; height: 10px; display: inline-block; margin-left: 4px; background: url(../images/arrow-dr-small.png) center right no-repeat transparent; }

footer .social ul{
  line-height: normal;
}

.copyright { margin-top: 108.788888px; font-size: 12px; }

h2 { margin-bottom: 20px; }

h3 { margin: 33.6px 0 33.6px 0; line-height: 40px; font-size: 30.4px; }

h4 { font-size: 20.57143px; }

.disabled { color: #ececec; }

.check li { background-image: url(../images/green-check.png); }

.arrow li, .why-cdn li { background-image: url(../images/arrow-dr.png); }

.small-arrow li { background-image: url(../images/arrow-dr-small.png); }

.list-left, .why-cdn { list-style: none; margin-left: 0; padding-left: 0; }
.list-left li, .why-cdn li { padding-left: 30px; margin-top: 10px; min-height: 25px; line-height: 1.3em; background-repeat: no-repeat; background-position: 0 0.2em; }
.list-left li:first-child, .why-cdn li:first-child { margin-top: 0; }

strong { font-weight: 800; }

.list-right { padding-right: 30px; padding-top: 4px; }
.list-right li { background-position: center right; }

.allbrands h3 { margin-top: 45px; }

.awards ul { list-style: none; }

.credentials-list { margin-left: 45px; padding: 50px 0px; }
.credentials-list ul { margin-bottom: 0; }

.credentials-list li { margin-bottom: 8px; line-height: 2.2em; background-position: 0 35%; font-weight: 700; padding-bottom: 10px; }

.dotted-rule { position: relative; }
.dotted-rule:before, .dotted-rule:after { background: url(../images/dotted-rule.png) repeat-x; width: 100%; max-width: 1000px; height: 7px; display: block; top: 0; }
.dotted-rule:after { top: 100%; }

.circles li { background-color: #e88e23; width: 160px; height: 160px; border-radius: 50%; overflow: hidden; cursor: default; margin-left: 12px; box-shadow: inset 0 0 0 0 rgba(255, 255, 255, 0.6), 0 1px 2px rgba(0, 0, 0, 0.1); }
.circles li a { display: block; height: inherit; width: inherit; }

.wb { background: url(../images/suppliers/wb.png) center center transparent no-repeat; }

.da { background: url(../images/suppliers/da.png) center center transparent no-repeat; }

.oh { background: url(../images/suppliers/oh.png) center center transparent no-repeat; }

.d4l { background: url(../images/suppliers/d4l.png) center center transparent no-repeat; }

.fh { background: url(../images/suppliers/fh.png) center center transparent no-repeat; }

.circles li:hover { box-shadow: inset 0 0 0 200px rgba(255, 255, 255, 0.6); }

.dotted { background: url(../images/dotted-rule.png) repeat-x; width: 100%; height: 10px; border: 0; }

.sub-page-navigation ul { float: right; }
.sub-page-navigation li { float: left; margin-right: 1px; width: 156px; display: block; height: 49px; background-color: #26a7e0; color: white; text-align: center; vertical-align: middle; background: url(../images/sub-page-navigation.png) no-repeat transparent center top; }
.sub-page-navigation a { color: white; display: block; line-height: 1; padding-top: 4px; text-shadow: -1px 2px 1px rgba(0, 0, 0, 0.2); font-size: 15px; font-weight: 700; height: 49px; }
.sub-page-navigation .active, .sub-page-navigation li:hover { background: url(../images/sub-page-navigation-active.png) no-repeat transparent center top; }

.terms-list { list-style: none; font-weight: 700; }
.terms-list li { margin-bottom: 10px; padding-left: 80px !important; background: url(../images/pdficon.png) 5% center no-repeat transparent; }
.terms-list li a { display: block; }
.terms-list li:hover { box-shadow: 1px 1px 2px inset rgba(0, 0, 0, 0.6); }

.about-video h3 { line-height: 1.2em; }

.call-support { padding-top: 24px; padding-left: 10px; }
.call-support strong { font-weight: 900; font-size: 22px; }

.reveal-modal-bg { z-index: 1000; }

.clickable { cursor: pointer; }

._404 { background: url(../images/404.png) top left no-repeat !important; width: 364px !important; height: 90px !important; background-position: -10px -110px !important; }

._404:hover { background: url(../images/404.png) top left no-repeat !important; width: 364px !important; height: 90px !important; background-position: -10px -10px !important; }

.hide-text { text-indent: 100% !important; white-space: nowrap !important; overflow: hidden !important; }

.dark-blue { color: white !important; background-color: #052546; }
.dark-blue h3 { color: white; }

/* iPads (portrait and landscape) ----------- */
/* Some elements display with little 'width' - target iPad, display betterer */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) { body { min-width: 1024px; } }
/* iPhone targetting */
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) { body { min-width: 1024px; } }
@media only screen and (min-device-width: 768px) { body { min-width: 1024px; } }
/* Fix pricing table display issue where the after/before pseudo elements were being ignored */
@-moz-document url-prefix() { .compare tbody tr td:after, .cloud-pricing tbody tr td:after, .other-services tbody tr td:after, .cloud-pricing tbody tr td:after, .other-services tbody tr td:after, .other-services tbody tr td:after, .compare tbody tr td:before, .cloud-pricing tbody tr td:before, .other-services tbody tr td:before, .cloud-pricing tbody tr td:before, .other-services tbody tr td:before, .other-services tbody tr td:before { background: none; } }

/*=============================================
	NAVIGATION ELEMENTS CSS
=============================================*/
.banner { background-color: black; box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.2); }
.banner h1 { color: white; text-transform: uppercase; font-size: 40.57971px; padding-left: 15px; }
.banner h2 { color: #26a7e0; text-transform: uppercase; padding: 20px; background-color: #0a2948; font-weight: normal; font-size: 23.35px; }
.banner .row { height: 227px; background: url(../images/header-background-v2.jpg) bottom right no-repeat transparent; }
.banner .row .twelve { height: inherit; }
.banner span { position: relative; width: 100%; }
/* removed image on default class employee ~BOSS */
.banner .employee { display: block; position: absolute; right: 0px; bottom: 0; height: 219px; width: 400px; padding: 0; }
.banner .liam { background: url(../images/liam.png) bottom right no-repeat transparent; }
.banner .neil { background: url(../images/neil.png) bottom right no-repeat transparent; }
.banner .neto { background: url(../images/neto.png) bottom right no-repeat transparent; }
.banner .darren { background: url(../images/darren.png) bottom right no-repeat transparent; }
.banner .nick { background: url(../images/nick.png) bottom right no-repeat transparent; }
.banner .hemal { background: url(../images/hemal.png) bottom right no-repeat transparent; }
.banner .katrina { background: url(../images/katrina.png) bottom right no-repeat transparent; }

.menu-header-bg, .primary-nav .header { background-color: white; *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFFFFFF', endColorstr='#FFE7EAED'); background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iNDglIiBzdG9wLWNvbG9yPSIjZmZmZmZmIi8+PHN0b3Agb2Zmc2V0PSI3MSUiIHN0b3AtY29sb3I9IiNmN2Y4ZjkiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlN2VhZWQiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(48%, #ffffff), color-stop(71%, #f7f8f9), color-stop(100%, #e7eaed)); background-image: -webkit-linear-gradient(top, #ffffff 0%, #ffffff 48%, #f7f8f9 71%, #e7eaed 100%); background-image: -moz-linear-gradient(top, #ffffff 0%, #ffffff 48%, #f7f8f9 71%, #e7eaed 100%); background-image: -o-linear-gradient(top, #ffffff 0%, #ffffff 48%, #f7f8f9 71%, #e7eaed 100%); background-image: linear-gradient(top, #ffffff 0%, #ffffff 48%, #f7f8f9 71%, #e7eaed 100%); }

.mm-divider, .primary-nav .main-menu > li { border-right: 1px solid #0097d6; }

.primary-nav { height: 50px; text-shadow: none; }
.primary-nav ul ul { display: none; }
.primary-nav .header { height: 91px !important; text-align: left; color: #0a2948; font-size: 20px; font-weight: 900; padding: 30px 32px 35px 32px !important; text-shadow: none !important; display: none; }
.primary-nav .header:hover { color: #0a2948 !important; }
.primary-nav .description { font-size: 12px; color: #0a2948 !important; font-weight: 700; display: block; line-height: 1.3; }
.primary-nav .description:hover { color: #0a2948 !important; }
.primary-nav .main-menu > li { position: relative; text-align: center; width: 20%; height: 50px; padding: 15px 0; margin: 0; float: left; list-style: none; overflow: visible; text-shadow: 1px 1px rgba(0, 0, 0, 0.2); -webkit-transition-property: background-color; -moz-transition-property: background-color; -o-transition-property: background-color; transition-property: background-color; -webkit-transition-duration: 150ms; -moz-transition-duration: 150ms; -o-transition-duration: 150ms; transition-duration: 150ms; -webkit-transition-timing-function: ease-in; -moz-transition-timing-function: ease-in; -o-transition-timing-function: ease-in; transition-timing-function: ease-in; }
.primary-nav .main-menu > li a { min-height: 50px; color: white; width: 100%; display: block; position: absolute; padding-top: 12px; top: 0; overflow: visible; text-transform: uppercase; font-weight: 700; font-size: 14px; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2); }
.primary-nav .main-menu > li:first-child { border-left: 1px solid transparent; }
.primary-nav .main-menu > li:last-child { border-right: 1px solid transparent; }
.primary-nav .main-menu > li:hover { background-color: #26a7e0; }
.primary-nav .main-menu > li.active, .primary-nav .main-menu > li:hover { color: #e35e36 !important; overflow: visible; }
.primary-nav .main-menu > li.active:after { display: block; content: ""; z-index: 100; height: 0; padding-top: 0; padding-bottom: 17%; width: 100%; position: absolute; top: 42px; background: url(../images/chevron.png) center top no-repeat transparent; }
.primary-nav .main-menu > li ul { color: #333; overflow: visible; position: absolute; left: 0; margin-left: 0; -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1); box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1); }
.primary-nav .main-menu > li ul li { list-style: none; height: 40px; }
.primary-nav .main-menu > li ul li:first-child { margin-top: 20px; }
.primary-nav .main-menu > li ul li:last-child { margin-bottom: 12px; }
.primary-nav .main-menu > li ul li a { color: #0a2948; font-size: 14px; font-weight: normal; text-align: left; text-transform: none; text-shadow: none; height: 28px; min-height: 40px; padding: 8px 0 0 20px; }
.primary-nav .main-menu > li ul li a:hover { color: #e35e36 !important; overflow: visible; font-size: 14px; }
.primary-nav .main-menu > li:hover > ul { position: absolute; top: 100%; left: 0; opacity: 1; display: block; background-color: #f1f1f1; width: 100%; z-index: 20; }
.primary-nav .main-menu > li:hover > ul li { float: none; width: 100%; position: relative; top: 100%; left: 0; }

.secondary-nav ul { float: right; overflow: visible; }
.secondary-nav ul li, .secondary-nav ul ul li { margin: 0; background-color: #26a7e0; text-align: right; color: white; position: relative; }
.secondary-nav ul li { border: 1px solid #3fc1f1; border-right: none; }
.secondary-nav ul li:last-child { border-right: none; }
.secondary-nav ul .active, .secondary-nav ul li:hover { background-color: #0080bf; position: relative; }
.secondary-nav ul .active:before { position: absolute; content: ""; display: block; width: 10px; height: 10px; bottom: 0; left: 49%; margin-bottom: -4px; width: 0px; height: 0px; border-style: solid; border-width: 7px 6px 0 6px; border-color: #0080bf transparent transparent transparent; }
.secondary-nav a { color: white; padding: 5px 20px; font-size: 14px; }

/*=============================================
	CLOUD ELEMENTS CSS
=============================================*/
.blue-gradient, .compare thead th, .cloud-pricing thead th, .other-services thead th { background-color: #00abec; *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF00ABEC', endColorstr='#FF2D8FC5'); background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwYWJlYyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzJkOGZjNSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #00abec), color-stop(100%, #2d8fc5)); background-image: -webkit-linear-gradient(top, #00abec 0%, #2d8fc5 100%); background-image: -moz-linear-gradient(top, #00abec 0%, #2d8fc5 100%); background-image: -o-linear-gradient(top, #00abec 0%, #2d8fc5 100%); background-image: linear-gradient(top, #00abec 0%, #2d8fc5 100%); }

.white-gradient, .compare .first, .cloud-pricing .first, .other-services .first { background-color: white; *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFFFFFF', endColorstr='#FFFFFFFF'); background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #ffffff)); background-image: -webkit-linear-gradient(top, #ffffff 0%, #ffffff 100%); background-image: -moz-linear-gradient(top, #ffffff 0%, #ffffff 100%); background-image: -o-linear-gradient(top, #ffffff 0%, #ffffff 100%); background-image: linear-gradient(top, #ffffff 0%, #ffffff 100%); }

.three-up .box { position: relative; }
.three-up .box h3 { padding: 15px 25px 20px 25px; position: relative; text-shadow: rgba(0, 0, 0, 0.2) 1px 2px 1px; }
.three-up .box h3 span { font-weight: normal; }
.three-up .box h3:after { content: ""; display: block; position: absolute; right: 0; bottom: -226px; width: 100%; height: 271px; z-index: 10; }
.three-up .box h3.cloud:after { background: url(../images/server-ccp.png) 100% 24px no-repeat transparent; }
.three-up .box h3.dedicated:after { background: url(../images/server-server.png) 100% 24px no-repeat transparent; }
.three-up .box h3.enterprise:after { background: url(../images/enterprise-cloud-neto.png) 100% 24px no-repeat transparent; }
.three-up .box.enterprise h4 { color: #40c3f3; }
.three-up .box.cloud h4 { color: #e35e36; }
.three-up .box.dedicated h4 { color: #e88e23; }
.three-up .box h4 { font-size: 1em; display: block; padding-top: 10%; padding-bottom: 10%; padding-left: 14%; font-weight: normal; }
.three-up .box h4 .price { display: block; font-size: 3em; margin-left: -6%; font-weight: 900; }
.three-up .box ul { margin-top: 30px; padding: 50px 40px 10px 40px; background-color: #f0f0f1; *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFF0F0F1', endColorstr='#FFFFFFFF'); background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YwZjBmMSIvPjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g'); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f0f0f1), color-stop(50%, #ffffff), color-stop(100%, #ffffff)); background-image: -webkit-linear-gradient(top, #f0f0f1 0%, #ffffff 50%, #ffffff 100%); background-image: -moz-linear-gradient(top, #f0f0f1 0%, #ffffff 50%, #ffffff 100%); background-image: -o-linear-gradient(top, #f0f0f1 0%, #ffffff 50%, #ffffff 100%); background-image: linear-gradient(top, #f0f0f1 0%, #ffffff 50%, #ffffff 100%); position: relative; z-index: 5; }
.three-up .box ul li { margin-bottom: 16px; }
.three-up .box .find-more { padding: 15px 20px 15px 20%; display: block; position: relative; text-align: center; font-size: 1.4em; font-style: italic; }
.three-up .box .find-more:before { content: ""; display: block; width: 22%; height: 100%; position: absolute; top: 0; left: 0; background: url(../images/orange-down-arrow.png) center center no-repeat rgba(255, 255, 255, 0.2); }
.three-up .box .find-more span { text-transform: uppercase; font-weight: 900; font-size: 1.4em; font-style: normal; padding-left: 5px; }
.three-up .box a.find-more:hover { color: white; text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.4); }
.three-up .box .find-more.bg-orange:hover, .three-up .box .find-more.wb:hover { background-color: #db4c29 !important; }
.three-up .box .find-more.bg-highlightBlue:hover, .three-up .box .find-more.oh:hover { background-color: #009be8 !important; }
.three-up .box .find-more.bg-yellow:hover, .three-up .box .find-more.da:hover { background-color: #e27b1a !important; }

table { border: none; border-collapse: collapse; }
table tr td { padding: 10px; border: none; }

.compare, .cloud-pricing, .other-services { width: 100%; border: none; padding: 0; margin: 0; font-size: 14px; }
.compare thead th, .cloud-pricing thead th, .other-services thead th { height: 50px; text-transform: uppercase; background-color: #00abec; border-bottom: 4px solid white; color: white; text-align: center; text-shadow: rgba(0, 0, 0, 0.4) 1px 1px 1px; border-right: 1px solid #1c9ad4; }
.compare thead th:first-child, .cloud-pricing thead th:first-child, .other-services thead th:first-child { border-left: 2px solid white; text-shadow: none; font-size: 20px; }
.compare .first, .cloud-pricing .first, .other-services .first { width: 40%; background-color: white; }
.compare .title, .cloud-pricing .title, .other-services .title { text-indent: 1.3em; text-align: left; }
.compare tbody tr td:after, .cloud-pricing tbody tr td:after, .other-services tbody tr td:after, .compare tbody tr td:before, .cloud-pricing tbody tr td:before, .other-services tbody tr td:before { background: url(../images/tbl-bd-bottom.png) bottom left repeat-x transparent; position: absolute; bottom: 1%; left: 0; display: block; content: " "; height: 3px; width: 100%; }
.compare tbody tr td:before, .cloud-pricing tbody tr td:before, .other-services tbody tr td:before { width: 3px; height: 100%; bottom: 0%; left: 100%; background: url(../images/tbl-bd-right.png) bottom left repeat-y transparent; }
.compare tbody tr > td:first-child, .cloud-pricing tbody tr > td:first-child, .other-services tbody tr > td:first-child { background: #f0f0f0; text-align: left; text-indent: 1em; padding-right: 0; }
.compare tbody tr td, .cloud-pricing tbody tr td, .other-services tbody tr td { text-align: center; color: #114d89; font-size: 14px; position: relative; }
.compare tbody tr, .cloud-pricing tbody tr, .other-services tbody tr { background-color: #f7f7f8; padding: 0; }
.compare .title, .cloud-pricing .title, .other-services .title { background-color: white !important; padding: 12px 0; font-transform: uppercase; }
.compare .yes, .cloud-pricing .yes, .other-services .yes { background: url(../images/yes.png) center center no-repeat transparent; }
.compare .no, .cloud-pricing .no, .other-services .no { background: url(../images/no.png) center center no-repeat transparent; }
.compare .yes span, .cloud-pricing .yes span, .other-services .yes span, .compare .no span, .cloud-pricing .no span, .other-services .no span { visibility: hidden; }
.compare .sub-heading td, .cloud-pricing .sub-heading td, .other-services .sub-heading td { font-size: 20px; }
.compare .sub-heading td:after, .cloud-pricing .sub-heading td:after, .other-services .sub-heading td:after, .compare .sub-heading td:before, .cloud-pricing .sub-heading td:before, .other-services .sub-heading td:before, .compare tr > td:last-child:before, .cloud-pricing tr > td:last-child:before, .other-services tr > td:last-child:before { background-image: none !important; }

.cloud-features-list { text-shadow: 1px 1px white; }
.cloud-features-list ul { list-style: none; }
.cloud-features-list li { padding: 0; width: 100%; height: 162px; background: #f0f0f1 no-repeat center right; margin-bottom: 45px; }
.cloud-features-list .sc { background-image: url(../images/cloud/sc.png); }
.cloud-features-list .fw { background-image: url(../images/cloud/fw.png); }
.cloud-features-list .de { background-image: url(../images/cloud/de.png); }
.cloud-features-list .lb { background-image: url(../images/cloud/lb.png); }
.cloud-features-list .cp { background-image: url(../images/cloud/cp.png); }
.cloud-features-list .si { background-image: url(../images/cloud/si.png); }
.cloud-features-list p { height: 162px; width: 290px; padding: 20px 20px 35px 20px; background-color: #f0f0f1; line-height: 1.1; }
.cloud-features-list strong { font-size: 1.2em; margin-bottom: 10px; display: block; }
.cloud-features-list span { height: 162px; }

.cloud-sub-nav li a { padding-top: 12px; }

.blue-numbered-list li { margin-bottom: 20px; }

.deploygroup, .capacity, .burst, .hypervisor { padding-left: 80px; padding-right: 20px; padding-bottom: 20px; list-style-type: none; min-height: 200px; }

.deploygroup { background: url(../images/cloud/more-info/1-small.png) no-repeat 0% 1%; }

.burst { background: url(../images/cloud/more-info/2-small.png) no-repeat 0% 1%; }

.capacity { background: url(../images/cloud/more-info/3-small.png) no-repeat 0% 1%; }

.hypervisor { background: url(../images/cloud/more-info/4-small.png) no-repeat 0% 1%; }

.redundancy .big-padded { padding: 50px; }
.redundancy .resilient, .redundancy .loadbalance, .redundancy .restore, .redundancy .deploy, .redundancy .redundant { padding-left: 100px; padding-right: 20px; padding-bottom: 20px; list-style-type: none; }
.redundancy .resilient { background: url(../images/cloud/more-info/rd.png) no-repeat 0% 5%; }
.redundancy .loadbalance { background: url(../images/cloud/more-info/lb.png) no-repeat 0% 5%; }
.redundancy .restore { background: url(../images/cloud/more-info/dz.png) no-repeat 0% 5%; }
.redundancy .deploy { background: url(../images/cloud/more-info/ha.png) no-repeat 0% 5%; }
.redundancy .redundant { background: url(../images/cloud/more-info/vr.png) no-repeat 0% 5%; }

.cloud-intro { padding-right: 20px; }
.cloud-intro h3 { margin-top: 0; font-size: 26px; line-height: 1.4; font-weight: 700; word-spacing: 3px; }
.cloud-intro a.signup { display: block; padding-left: 50px; }
.cloud-intro a.pricing { position: absolute; left: 135px; bottom: 0; margin-bottom: -30px; }
.cloud-intro .enquire-text { padding-left: 0; }

.cloud-slider h3 { margin-bottom: 0; }
.cloud-slider .screen { border: 1px solid #192d3b; border-radius: 20px; width: 845px; padding: 30px 25px; padding-bottom: 0; background-color: #192D3B; overflow: visible; margin: 0 auto; }
.cloud-slider .orbit-caption { bottom: 18px; }
.cloud-slider .orbit-wrapper .slider-nav span.right { margin-right: -10%; min-height: 200px; background: url(../images/right-arrow-cloud.png) no-repeat top center transparent; }
.cloud-slider .orbit-wrapper .slider-nav span.left { margin-left: -10%; min-height: 200px; background: url(../images/left-arrow-cloud.png) no-repeat top center transparent; }
.cloud-slider .orbit-wrapper .slider-nav span { top: 40%; }

.shadow { height: 24px; width: 710px; background: url(../images/cloud-slider-shadow.png) top center no-repeat transparent; margin: 2px auto; }

form#signup .button-signup { background: url(../images/signup.png) top left no-repeat; margin-top: 8px; }
form#signup .button-signup { width: 278px; height: 68px; background-position: -10px -231px; }
form#signup .button-signup:hover { width: 278px; height: 68px; background-position: -10px -158px; cursor: pointer; }
form#signup input, form#signup select, form#signup option { margin: 0 0 4px 0; box-shadow: none; background-color: #EDF1F4; }
form#signup input:focus, form#signup select:focus, form#signup option:focus { box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.2); outline: none; }
form#signup label { font-weight: normal; line-height: 1.25; }
form#signup label.error { margin-top: 6px; }
form#signup .mandatory { color: red; font-size: 900; font-size: 16px; }
form#signup fieldset { position: relative; border: 1px solid #f8f8f8; -webkit-border-radius: 0; border-radius: 0; margin-top: 40px; padding: 5px 10px; }
form#signup legend { color: #40c3f3; font-size: 17px; position: absolute; top: 0; margin-top: -30px; }

.button-signup { text-indent: -10000px; margin-left: 10px; background: url(../images/signup-solo-orange.png) top left no-repeat; display: block; width: 255px; height: 64px; background-position: -10px -10px; }

.button-signup:hover { width: 255px; height: 64px; background-position: -10px -84px; }

/*=============================================
	ENTERPRISE ELEMENTS CSS
=============================================*/
.grey-box { background-color: #edf1f4; }
.grey-box ul { list-style: none; }
.grey-box ul li { line-height: 1.1; }
.grey-box ul strong { color: #dd5c34; }

h2.smaller { font-size: 28px; }

.quote { font-style: italic; text-align: center; line-height: 1.0; }
.quote h3 { margin-top: 5px; }
.quote p + p { margin-bottom: 0px; }
.quote .quoted { font-size: 18px; width: 50%; margin: 0 auto 10px auto; }
.quote .name, .quote .position, .quote .company { color: #00aeef; font-weight: 900; font-style: normal; font-size: 16px; }
.quote .company { color: #114d89; }

.quote-wrap { padding: 40px 0 !important; }

.chevron-button { padding: 15px 50px; }

.enquire-now { padding: 50px 0; }
.enquire-now p { padding-top: 7px; line-height: 1; }
.enquire-now a { display: block; height: 90px; width: 367px; text-indent: -10000px; background: url(../images/enquire-orange-sprite.png) no-repeat top left; float: right; background-position: -10px -110px; }
.enquire-now a:hover { background: url(../images/enquire-orange-sprite.png) no-repeat top left; background-position: -10px -10px; }

.try-free { padding: 50px 0; }
.try-free p { padding-top: 7px; line-height: 1; }
.try-free a { display: block; height: 90px; width: 367px; text-indent: -10000px; background: url(../images/try-it-free-button.png) no-repeat top left; float: right; background-position: -3px -3px; }
.try-free a:hover { background: url(../images/try-it-free-button.png) no-repeat top left; background-position: -3px -92px; }

.enterprise-box { padding: 30px; }
.enterprise-box h3 { font-weight: 700; }
.enterprise-box .dr-arrow { padding-right: 20px; }
.enterprise-box .dr-arrow li { padding-left: 30px; }

.dedicated h3.f25, .dedicated .about-video h3, .about-video .dedicated h3 { line-height: 1.4; }

/*=============================================
	INDEX / HOMEPAGE ELEMENTS CSS
=============================================*/
.large_banner { padding-top: 130px; background-color: #052546; *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF052546', endColorstr='#FF3585D4'); background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzA1MjU0NiIvPjxzdG9wIG9mZnNldD0iMTglIiBzdG9wLWNvbG9yPSIjMDUyNjQ3Ii8+PHN0b3Agb2Zmc2V0PSIyNSUiIHN0b3AtY29sb3I9IiMwNzI5NGMiLz48c3RvcCBvZmZzZXQ9IjM4JSIgc3RvcC1jb2xvcj0iIzBjMzM1YiIvPjxzdG9wIG9mZnNldD0iNTUlIiBzdG9wLWNvbG9yPSIjMTY0Njc3Ii8+PHN0b3Agb2Zmc2V0PSI2NiUiIHN0b3AtY29sb3I9IiMxYzU0OGIiLz48c3RvcCBvZmZzZXQ9Ijg3JSIgc3RvcC1jb2xvcj0iIzJkNzRiYiIvPjxzdG9wIG9mZnNldD0iOTclIiBzdG9wLWNvbG9yPSIjMzU4NWQ0Ii8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMzU4NWQ0Ii8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g'); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #052546), color-stop(18%, #052647), color-stop(25%, #07294c), color-stop(38%, #0c335b), color-stop(55%, #164677), color-stop(66%, #1c548b), color-stop(87%, #2d74bb), color-stop(97%, #3585d4), color-stop(100%, #3585d4)); background-image: -webkit-linear-gradient(top, #052546 0%, #052647 18%, #07294c 25%, #0c335b 38%, #164677 55%, #1c548b 66%, #2d74bb 87%, #3585d4 97%, #3585d4 100%); background-image: -moz-linear-gradient(top, #052546 0%, #052647 18%, #07294c 25%, #0c335b 38%, #164677 55%, #1c548b 66%, #2d74bb 87%, #3585d4 97%, #3585d4 100%); background-image: -o-linear-gradient(top, #052546 0%, #052647 18%, #07294c 25%, #0c335b 38%, #164677 55%, #1c548b 66%, #2d74bb 87%, #3585d4 97%, #3585d4 100%); background-image: linear-gradient(top, #052546 0%, #052647 18%, #07294c 25%, #0c335b 38%, #164677 55%, #1c548b 66%, #2d74bb 87%, #3585d4 97%, #3585d4 100%); overflow: hidden; }
.large_banner h1 { color: white; text-transform: uppercase; font-size: 40.57971px; position: relative; z-index: 10; margin-left: 25px; margin-right: 25px; font-size: 52px; }
.large_banner .description { background-color: #0a2948; color: #26a7e0; font-size: 23.35px; text-transform: uppercase; padding: 20px; font-weight: 600; margin-bottom: 0; margin-top: 20px; position: relative; z-index: 10; -webkit-box-shadow: rgba(0, 0, 0, 0.4) 0 0 15px; -moz-box-shadow: rgba(0, 0, 0, 0.4) 0 0 15px; box-shadow: rgba(0, 0, 0, 0.4) 0 0 15px; padding: 30px 35px 30px 50px; }
.large_banner .employee { position: absolute; bottom: 0; left: 0; margin-bottom: -4px; z-index: 0; }
.large_banner .readmore { background-color: #e35e36; display: block; padding: 20px 20px; width: 23%; text-align: center; float: right; color: white; }
.large_banner a.readmore { display: block; background: url(../images/homepage-readmore.png) center top transparent no-repeat; text-indent: -9999em; }
.large_banner a.readmore:hover { background-image: url(../images/homepage-readmore-over.png); }

.hosting, .servers, .domains { cursor: pointer; }
.hosting h3, .servers h3, .domains h3 { font-size: 39px; font-weight: normal; margin: 10px 0 24px; }
.hosting p, .servers p, .domains p { text-transform: uppercase; }
.hosting strong, .servers strong, .domains strong { display: block; font-weight: 900; }
.hosting a.blue-arrow:hover, .servers a.blue-arrow:hover, .domains a.blue-arrow:hover { color: white; }

.hosting a:hover { background-color: #e27b1a !important; }

.servers a:hover { background-color: #db4c29 !important; }

.domains a:hover { background-color: #009be8 !important; }

.wrapper { background: #F4F4F5; padding: 10px 10px 20px 20px; margin-bottom: 15px; }

.index-3up .blue, .index-3up .orange, .index-3up .yellow { font-size: 58px !important; font-weight: 900; letter-spacing: -2px; line-height: 1; }
.index-3up .blue { color: #40c3f3; }

a.blue-arrow { position: relative; display: block; background-color: #e5e6e7; font-weight: 700; font-size: 16px; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5); color: white; height: 44px; padding-left: 20px; padding-top: 10px; }
a.blue-arrow:hover { color: #40c3f3; }

.hosting a { background: url(../images/yellow-arrow-nobg.png) bottom right no-repeat #e88e23; }

.servers a { background: url(../images/orange-arrow-nobg.png) bottom right no-repeat #e35e36; }

.domains a { background: url(../images/blue-arrow-nobg.png) bottom right no-repeat #40c3f3; }

.arrow-suffix { background: url(../images/blue-arrow-dr-solid.png) bottom right no-repeat transparent; }

.index-testimonials { height: 350px !important; }
.index-testimonials .name, .index-testimonials .position, .index-testimonials .company { color: #40c3f3; font-size: 0.9em; font-size: 18px; font-weight: 700; font-style: italic; }
.index-testimonials img { border: 12px solid white; box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3); }

.wd-difference h2 { font-size: 30px; }
.wd-difference h4 { line-height: 1.3; }
.wd-difference .description { width: 90%; }

.gradient-hr { background: url(../images/gradient-hr.png) repeat-x transparent bottom left; border: none; margin: 0; padding-bottom: 52px; }

.home_banner { background-color: black; }

.home_banner .row { background: url(../images/homepage_banner.jpg) 0 0 no-repeat black; height: 472px; position: relative; }

.home_banner .title { display: block; position: absolute; top: 25%; background: rgba(0, 0, 0, 0.5); padding: 20px 45px 20px 15px; text-transform: uppercase; text-shadow: -2px 2px 2px rgba(0, 0, 0, 0.4); }

.home_banner .cta { background: url(../images/cta-homepage.png) top left no-repeat; display: block; position: absolute; text-indent: 100%; white-space: nowrap; overflow: hidden; bottom: 0; margin-bottom: -55px; margin-right: -9px; right: 0; width: 169px; height: 58px; background-position: -10px -78px; }

.home_banner .cta:hover { width: 169px; height: 58px; background-position: -10px -10px; }

.home_banner h2 { font-size: 51px; color: #FFF; margin-top: 0; }

.home_banner h2.subtitle { font-size: 40px; }

.home_banner .blue { color: #05B8F2; }


.home_banner a { color: #05B8F2; }

.home_banner p { font-size: 24px; }

.home_banner img { position: absolute; bottom: 0; left: 612px; }

.umbrellar { background-color: #333333; }

.umbrellar .row { background: url(../images/webdrive-umbrellar-b.jpg) 0 0 no-repeat black; height: 328px; position: relative; }

.umbrellar .title { display: block; position: absolute; top: 70%; left: 843px; background: rgba(0, 0, 0, 0); padding: 20px 45px 20px 15px; }

.umbrellar .umb-cta { display: block; position: absolute; text-indent: 100%; white-space: nowrap; overflow: hidden; bottom: 0; margin-bottom: -55px; margin-right: -9px; right: 0; width: 169px; height: 58px; background-position: -10px -78px; }

.umbrellar .umb-cta:hover { width: 169px; height: 58px; background-position: -10px -10px; }

.umbrellar h2 { font-size: 51px; color: #FFF; margin-top: 0; }

.umbrellar h2.subtitle { font-size: 40px; }

.umbrellar .blue { color: #05B8F2; }

.umbrellar a { font-size: 12px; color: #26d8f6; text-decoration: underline; text-transform: none; text-shadow: none; }

.umbrellar p { font-size: 12px; }

.umbrellar img { position: absolute; bottom: 0; left: 612px; }

.feature_hp{ float: left; }
.feature_hp_grey{ width: 315px; height: 325px; background-color: #f4f4f6; padding: 50px 40px 20px 40px; color: #4c75ab; font-family: 'Ubuntu'; margin-bottom: 5px; }
.feature_centre{ margin: 0 20px 0 20px; }
.feature_icon{ text-align: center; height: 110px; }
.feature_hp_title{ height: 100px; font-size: 40px; }
.feature_hp_sub{ text-transform: uppercase; font-size: 12px; }
.hp_cta{ float:left; width: 315px; }

/*=============================================
	WEB HOSTING ELEMENTS CSS
=============================================*/
.plans h4 { text-align: center; font-size: 46.4px; }
.plans .price { color: white; margin: 0; text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.3); line-height: 1.2; padding: 10px 20px; min-height: 64px; }
.plans .price strong { font-size: 36.8px; font-weight: 900; }
.plans .price .subheading { display: block; }
.plans .price span.enquire { font-size: 21px !important; line-height: 2em; }
.plans ul { min-height: 225px; padding-top: 30px; list-style: none; background-color: #f0f0f1; margin-bottom: 2px; background-color: #f0f0f1; *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFF0F0F1', endColorstr='#FFFFFFFF'); background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YwZjBmMSIvPjxzdG9wIG9mZnNldD0iNzclIiBzdG9wLWNvbG9yPSIjZjBmMGYxIi8+PHN0b3Agb2Zmc2V0PSI4NCUiIHN0b3AtY29sb3I9IiNlYmViZWMiLz48c3RvcCBvZmZzZXQ9Ijk5JSIgc3RvcC1jb2xvcj0iI2RiZGJkZCIvPjxzdG9wIG9mZnNldD0iOTklIiBzdG9wLWNvbG9yPSIjZWNlY2VkIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjY2VjZmQxIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g'); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f0f0f1), color-stop(77%, #f0f0f1), color-stop(84%, #ebebec), color-stop(99%, #dbdbdd), color-stop(99%, #ececed), color-stop(100%, #cecfd1), color-stop(100%, #ffffff)); background-image: -webkit-linear-gradient(top, #f0f0f1 0%, #f0f0f1 77%, #ebebec 84%, #dbdbdd 99%, #ececed 99%, #cecfd1 100%, #ffffff 100%); background-image: -moz-linear-gradient(top, #f0f0f1 0%, #f0f0f1 77%, #ebebec 84%, #dbdbdd 99%, #ececed 99%, #cecfd1 100%, #ffffff 100%); background-image: -o-linear-gradient(top, #f0f0f1 0%, #f0f0f1 77%, #ebebec 84%, #dbdbdd 99%, #ececed 99%, #cecfd1 100%, #ffffff 100%); background-image: linear-gradient(top, #f0f0f1 0%, #f0f0f1 77%, #ebebec 84%, #dbdbdd 99%, #ececed 99%, #cecfd1 100%, #ffffff 100%); }
.plans li { padding-bottom: 10px; font-size: 17.6px; }
.plans .dotted-underline { background: url(../images/border-hosting.png) repeat-x bottom left transparent; }
.plans .usage { line-height: 1.2; padding-top: 10px; }
.plans a.btn { text-align: center; display: block; padding: 0; padding-top: 18px; margin: 0; font-weight: 800; background: url(../images/down-arrow-background-1.png) center top no-repeat transparent; background: url(../images/down-arrow.png) top center no-repeat; height: 66px; background-position: 0px -86px; }
.plans .twop5 a.btn { text-align: center; display: block; padding: 0; padding-top: 18px; margin: 0; font-weight: 800; background: url(../images/down-arrow-background-ssl.png) center top no-repeat transparent; background: url(../images/down-arrow-ssl.png) top center no-repeat; height: 66px; background-position: 0px -86px; }
.plans a.btn:hover { height: 66px; background-position: 0px -10px; }

.bg-yellow, .da, .bg-orange, .wb, .bg-highlightBlue, .oh, .bg-darkBlue, .d4l, .bg-gray, .fh { color: white; }

.bg-yellow, .da { background-color: #e88e23 !important; }

.bg-orange, .wb { background-color: #e35e36 !important; }

.bg-highlightBlue, .oh { background-color: #00aeef !important; }

.bg-darkBlue, .d4l { background-color: #0a2948 !important; }

.bg-gray, .fh { background-color: #6D6E70 !important; }

.yellow, a.yellow:hover { color: #e88e23; }

.orange, a.orange:hover { color: #e35e36; }

.gray, a.gray:hover { color: #6D6E70;}

.highlightBlue, a.highlightBlue:hover { color: #40c3f3; }

.darkBlue, a.darkBlue:hover { color: #0a2948; }

/*=============================================
	CDN ELEMENTS CSS
=============================================*/
.greyBackground { border-top: 2px solid #ededed; border-bottom: 2px solid #ededed; background-color: #ededed; }

.textured { background: url(../images/bg-textured-grey.png) repeat; position: relative; }
.textured:before { position: absolute; top: 0; left: 0; display: block; content: " "; height: 1px; width: 100%; background: #F7F7F7; }
.textured:after { bottom: 0; position: absolute; left: 0; display: block; content: " "; height: 1px; width: 100%; background: #F7F7F7; }

.icon-features { position: relative; }
.icon-features h4 { color: #40c3f3; padding-top: 70px; text-shadow: 1px 1px inset white; text-transform: uppercase; }
.icon-features .gp { background: url(../images/cdn/gp.png) top center no-repeat transparent; }
.icon-features .ip { background: url(../images/cdn/ip.png) top center no-repeat transparent; }
.icon-features .sm { background: url(../images/cdn/sm.png) top center no-repeat transparent; }
.icon-features .se { background: url(../images/cdn/se.png) top center no-repeat transparent; }
.icon-features .nc { background: url(../images/cdn/nc.png) top center no-repeat transparent; }
.icon-features .dr { background: url(../images/cdn/dr.png) top center no-repeat transparent; }
.icon-features .nix { background: url(../images/cdn/nix.png) top center no-repeat transparent; }
.icon-features .nlh { background: url(../images/cdn/nlh.png) top center no-repeat transparent; }
.icon-features .sc { background: url(../images/cdn/scale.png) top center no-repeat transparent; }
.icon-features .lb { background: url(../images/cdn/lb.png) top center no-repeat transparent; }
.icon-features .dp { background: url(../images/cdn/dp.png) top center no-repeat transparent; }
.icon-features .si { background: url(../images/cdn/si.png) top center no-repeat transparent; }
.icon-features .cp { background: url(../images/cdn/cp.png) top center no-repeat transparent; }
.icon-features .fw { background: url(../images/cdn/fw.png) top center no-repeat transparent; }
.icon-features .tm { background: url(../images/cdn/time.png) top center no-repeat transparent; }
.icon-features .zeh { background: url(../images/cdn/zeh.png) top center no-repeat transparent; }
.icon-features .sod { background: url(../images/cdn/sod.png) top center no-repeat transparent; }
.icon-features .sup { background: url(../images/cdn/247.png) top center no-repeat transparent; }
.icon-features .vme { background: url(../images/cdn/vme.png) top center no-repeat transparent; }
.icon-features .sla { background: url(../images/cdn/sla.png) top center no-repeat transparent; }
.icon-features .ent { background: url(../images/cdn/ent.png) top center no-repeat transparent; }
.icon-features .sol { background: url(../images/cdn/sol.png) top center no-repeat transparent; }
.icon-features .bku { background: url(../images/cdn/bku.png) top center no-repeat transparent; }
.icon-features .mig { background: url(../images/cdn/mig.png) top center no-repeat transparent; }
.icon-features .cloud-sc { background: url(../images/cdn/cloud-sc.png) top center no-repeat transparent; }
.icon-features .cloud-dp { background: url(../images/cdn/cloud-dp.png) top center no-repeat transparent; }
.icon-features p { padding: 0 10%; min-height: 60px; }

.plans > h4 { font-size: 1.9em; }

.why-cdn { margin-bottom: 0; padding: 30px; padding-bottom: 20px; }

.why-cdn li { background: url(../images/arrow-dr-small.png) no-repeat left 30%; font-weight: bold; font-size: 14px; margin-bottom: 10px; }

/*=============================================
	DEDICATED ELEMENTS CSS
=============================================*/
ul.dr-arrow li { background: url(../images/arrow-dr.png) center right no-repeat transparent; padding-left: 22px; margin-bottom: 14px; }

ul.bg-left li { background-position: center left; }

.blue-button, .apply-button { background: url(../images/button-signup-blue.png) 50% 35% no-repeat transparent; display: block; height: 70px; text-indent: -10000px; margin-left: 34px; }

.apply-button { background: url(../images/button-apply.png) 50% 35% no-repeat transparent; }

.server-showcase { padding: 50px 50px; }

.dedicated-ribbons { height: 162px; }

.dedicated-ribbons h3 { font-size: 42px; display: inline-block; margin: 12px 0; }

.badge { background: url(../images/ribbon-sprites.png) top left no-repeat; width: 164px; height: 141px; background-position: -10px -10px; color: white; text-align: center; position: relative; padding-top: 26px !important; cursor: pointer; }

.badge-blue { width: 164px; height: 137px; background-position: -10px -161px; }

.badge span { font-weight: 900; text-shadow: 1px 2px rgba(0, 0, 0, 0.4); display: block; }

.badge .enquire { display: block; padding-top: 40px; font-size: 18px; font-weight: 700; position: absolute; bottom: 0; margin-bottom: -25px; }

.badge a.orange:hover { color: #bc583a; }

.badge a.highlightBlue:hover { color: #1487b2; }

.dedicated-ribbons .features { font-weight: normal; line-height: 1.25; height: 116px; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YwZjBmMSIvPjxzdG9wIG9mZnNldD0iNDYlIiBzdG9wLWNvbG9yPSIjZjBmMGYxIi8+PHN0b3Agb2Zmc2V0PSI3NCUiIHN0b3AtY29sb3I9IiNlN2U3ZTgiLz48c3RvcCBvZmZzZXQ9IjkzJSIgc3RvcC1jb2xvcj0iI2RlZGVkZiIvPjxzdG9wIG9mZnNldD0iOTglIiBzdG9wLWNvbG9yPSIjZGFkYmRjIi8+PHN0b3Agb2Zmc2V0PSI5OSUiIHN0b3AtY29sb3I9IiNkN2Q3ZDkiIHN0b3Atb3BhY2l0eT0iMC44MyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2I2YjdiOSIgc3RvcC1vcGFjaXR5PSIwLjMzIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g'); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f0f0f1), color-stop(46%, #f0f0f1), color-stop(74%, #e7e7e8), color-stop(93%, #dededf), color-stop(98%, #dadbdc), color-stop(99%, rgba(215, 215, 217, 0.83)), color-stop(100%, rgba(182, 183, 185, 0.33))); background-image: -webkit-linear-gradient(top, #f0f0f1 0%, #f0f0f1 46%, #e7e7e8 74%, #dededf 93%, #dadbdc 98%, rgba(215, 215, 217, 0.83) 99%, rgba(182, 183, 185, 0.33) 100%); background-image: -moz-linear-gradient(top, #f0f0f1 0%, #f0f0f1 46%, #e7e7e8 74%, #dededf 93%, #dadbdc 98%, rgba(215, 215, 217, 0.83) 99%, rgba(182, 183, 185, 0.33) 100%); background-image: -o-linear-gradient(top, #f0f0f1 0%, #f0f0f1 46%, #e7e7e8 74%, #dededf 93%, #dadbdc 98%, rgba(215, 215, 217, 0.83) 99%, rgba(182, 183, 185, 0.33) 100%); background-image: linear-gradient(top, #f0f0f1 0%, #f0f0f1 46%, #e7e7e8 74%, #dededf 93%, #dadbdc 98%, rgba(215, 215, 217, 0.83) 99%, rgba(182, 183, 185, 0.33) 100%); padding-top: 30px; }

.dedicated-ribbons ul { line-height: 1.25; padding-left: 14px; list-style-type: circle; }

.dedicated-ribbons li { padding-left: 12px; padding-bottom: 6px; background: url(../images/dedicated-bullet.png) left center no-repeat transparent; }

/*=============================================
		TESTING ELEMENTS
=============================================*/
.case-studies .case-study { margin-bottom: 45px; }
.case-studies .inner { background-color: #edf1f4; height: 215px; }
.case-studies h3, .case-studies h4 { margin-top: 0; }
.case-studies p { font-size: 0.9em; }
.case-studies img { background: white; margin-right: 15px; margin-bottom: 15px; float: left; display: block; box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.05); }
.case-studies a { display: inline-block; padding: 10px 0 15px; width: 100%; text-indent: -10000px; background: url(../images/find-out-more-left.png) no-repeat bottom right transparent; position: relative; }
.case-studies a:after { bottom: -15px; left: 0; height: 5px; width: 100%; background: url(../images/dotted-rule.png) repeat-x bottom left transparent; }
.case-studies a:hover { box-shadow: 0px 1px 3px rgba(255, 255, 255, 0.6); }

.no-list-style { list-style: none; }

/*=============================================
	DATA CENTRE ELEMENTS CSS
=============================================*/
.datacentre li > ul { padding-bottom: 4px; }
.datacentre li strong { line-height: 1.5; }

/*=============================================
	CLOUD PRICING ELEMENTS CSS
=============================================*/
.no-th th, .other-services th { display: none; }

.cloud-pricing, .other-services { font-weight: 700; text-shadow: 1px 1px white; }
.cloud-pricing th, .other-services th { width: 33%; }
.cloud-pricing tr > td:first-child, .other-services tr > td:first-child { text-align: center !important; }
.cloud-pricing tr > td + td, .other-services tr > td + td { color: #e35e36; }
.cloud-pricing tr > td + td + td, .other-services tr > td + td + td { color: #40c3f3; }
.cloud-pricing tr > td:first-child, .other-services tr > td:first-child { background: transparent !important; }
.cloud-pricing tr:nth-child(even), .other-services tr:nth-child(even) { background: #f0f0f0 !important; }

.other-services { text-shadow: 1px 1px white; }
.other-services tr > td { padding: 20px 0; }

/*=============================================
	COMPANY ELEMENTS CSS
=============================================*/
.padded-note { background-color: #e2f7fa; height: 65px; padding: 6px 0 0 0; }
.padded-note span { background: url("../images/warning-icon.png") no-repeat center left #e2f7fa; padding: 10px; padding-left: 20px; margin-top: 10px !important; display: block; }

.terms-note, .terms-list li { background-color: #e2f7fa; height: 65px; padding: 20px 0 0 0; }
.terms-note span, .terms-list li span { background: url("../images/warning-icon.png") no-repeat center left #e2f7fa; padding: 10px; padding-left: 20px; margin-top: 10px !important; display: block; }

.call-toll-free { background-color: #052546; color: white; padding: 30px 80px 20px 80px; margin-bottom: 10px; }
.call-toll-free p { padding-left: 62px; background: url("../images/phone-icon.png") no-repeat center left transparent; line-height: 1.2; }
.call-toll-free strong { color: #40c3f3; }
.call-toll-free span { color: #00aced; font-weight: 700; font-size: 22px; }

.hours { padding-left: 35px !important; }

.contact-details { display: block; font-weight: 700; padding-top: 4px; }

#contact input, form#signup input, #contact select, form#signup select, #contact textarea, form#signup textarea, #server-query input, #server-query select, #server-query textarea { background-color: #EDF1F4; border: none; shadow: none; }
#contact option, form#signup option, #contact select, form#signup select, #server-query option, #server-query select { padding: 8px; height: 30px; }
#contact label, form#signup label, #server-query label { color: #114d89; font-weight: 700; }
#contact label.error, form#signup label.error, #server-query label.error { color: red !important; font-weight: normal !important; background-color: transparent !important; padding-left: 0; }
#contact select, form#signup select, #server-query select { margin-bottom: 10px; }
#contact input[type="submit"], form#signup input[type="submit"], #server-query input[type="submit"] { display: block; width: 272px; height: 68px; text-indent: -10000px; }
#contact .button-send-enquiry, form#signup .button-send-enquiry, #server-query .button-send-enquiry { background: url(../images/button-send-enquiry.png) top left no-repeat; }
#contact .button-send-enquiry:hover, form#signup .button-send-enquiry:hover, #server-query .button-send-enquiry:hover { width: 272px; height: 68px; background-position: -10px -88px; cursor: pointer; }
#contact .button-send-enquiry, form#signup .button-send-enquiry, #server-query .button-send-enquiry { width: 272px; height: 68px; background-position: -10px -10px; }

.call-server { color: white; background: #052546; }
.call-server p { background-attachment: none; line-height: 1.2; }
.call-server .phone, .call-server .o800 { color: #40c3f3 !important; }

.telephone-icon { background: url(../images/phone-icon-small.png) transparent no-repeat top left; padding-left: 20px; padding-top: 11px; font-weight: 900; }

.contact-hours { padding-left: 50px; }

.contact-hours p { margin-bottom: 8px; }

.sales-team p { font-size: 12px; font-style: italic; line-height: 1.2; }

.team h3 { margin-top: 0; }
.team li { position: relative; }
.team li:hover .info { display: block; }
.team .info { background-color: rgba(0, 0, 0, 0.5); color: white; position: absolute; top: 0; left: 8px; height: 195px; width: 148px; display: none; }
.team .info strong { text-transform: uppercase; line-height: 1; display: block; }
.team .info span { position: absolute; bottom: 10px; left: 12px; font-size: 14px; }

.address .grey-box { padding: 60px 70px; }
.address .grey-box h4 { margin-top: 0; }

.big-padding, .blue-box, .numbers { padding: 60px 70px; }

.blue-box { background-color: #052546; color: white; }
.blue-box h4 { color: white !important; }
.blue-box .blue { color: #40c3f3 !important; }

.call { line-height: 1.2; }

.blue-arrow-li { color: #40c3f3; background: url(../images/blue-triangle-left.png) left center no-repeat; padding-left: 20px; margin-left: -20px; }

.phoneBackground { background: url(../images/phone-blue-bg.gif) no-repeat left center; padding-left: 60px; }

.extensions { padding-left: 60px; }

.numbers { padding-left: 125px; }

.more-details { margin-left: 0; }

.md-link { padding-bottom: 1px; border-bottom: 1px solid #124e88; color: #124E88; }

label.error { background: #009ff8; color: red !important; font-weight: normal !important; background-color: transparent !important; padding-left: 0; }

.scrollable-image { max-width: 100%; overflow-x: scroll; overflow-y: hidden; position: relative; }

.scrollable-image img { max-width: 1700px !important; height: inherit; }

.scrollable-image-wrapper:after { display: block; content: ""; position: absolute; right: 0; top: 0; height: 390px; width: 214px; background: url("../images/fade-image.png") repeat-y top right transparent; }

.horizontal-only { height: auto; max-height: 200px; }

.about-us li { margin-left: 11px !important; }

/*=============================================
	TYPOGRAPHY ELEMENTS CSS
=============================================*/
.strong { font-weight: 900; font-size: 18px; margin-bottom: 7px; }

h2 { font-size: 38px; }

.heading-3 { font-size: 25.85px; }

.white-text-shadow { text-shadow: 1px 1px 2px white; }

p { line-height: 1.411764705882353; }

.f14, .plans .usage, .icon-features p, .md-link { font-size: 14px !important; }

.f16 { font-size: 16px !important; }

.f18, .icon-features h4 { font-size: 18px !important; }

.f20 { font-size: 20px !important; }

.f22, .numbers { font-size: 22px !important; }

.f25, .about-video h3, .grey-box ul li, .call-toll-free p { font-size: 25px !important; }

.f28 { font-size: 28px !important; }

.f30 { font-size: 30px !important; }

.f35, .call-toll-free strong, .call-server .phone, .call-server .o800 { font-size: 35px !important; }

.f38 { font-size: 38px !important; }

.f40 { font-size: 40px !important; }

.f44 { font-size: 44px !important; }

.f46 { font-size: 46px !important; }

.softer { font-weight: 700 !important; }

.nmb { margin-bottom: 0; }

.text-right { text-align: right; }

.dedi-offset { margin-left: 12.5% !important; }

.boldest { font-weight: 900; }

a.ul { text-decoration: none; border-bottom: 1px dotted; padding-bottom: 1px; }

a.ul:hover { border-bottom: 1px solid; }

.hide-text { text-indent: 100%; white-space: nowrap; overflow: hidden; }

.footer-menu h3 { font-size: 18px; text-transform: uppercase; }
.footer-menu li a, .footer-menu p { font-size: 14px; }

.has-tip { color: #114d89; border-bottom: 1px solid #114d89; font-weight: normal; }

/*=============================================
	CAREERS ELEMENTS CSS
=============================================*/
.career { padding-top: 35px; }
.career .benefits { padding-top: 20px; }
.career .benefits p { padding-right: 40px !important; }
.career .current-jobs { padding-left: 35px; }
.career .current-jobs .grey-box { padding-left: 40px; padding-right: 40px; }

.cv, .enquire-text { font-size: 26.53px; padding-left: 50px; }

.enquire-text strong, .cv strong, .big-blue { color: #00aeef; font-size: 39.79px; font-weight: 900; }

.cv a { background: url(../images/pa-submit-cv.png) no-repeat center center transparent; text-indent: -9999em; display: block; width: 202px; height: 50px; margin: 19px auto; }

a.signup-small:hover, a.enquire-small:hover { background: url(..); }

a.signup-small { background: url(../images/button-signup-blue-small.png) no-repeat 40% center transparent; }

a.signup-small:hover { background: url(../images/button-signup-blue-small.png) no-repeat 40% center transparent; }

a.enquire-small { background: url(../images/button-enquire-now-small.png) no-repeat 40% center transparent; }

a.enquire-small:hover { background: url(../images/button-enquire-now-small.png) no-repeat 40% center transparent; }

p.strong + p { padding-bottom: 40px; }

/*=============================================
	RESELLER ELEMENTS
=============================================*/
.reseller-intro img { float: right; }

/*=============================================
	CUSTOM OVERRIDES ELEMENTS CSS
=============================================*/
/* iPads (portrait and landscape) ----------- */
/* Some elements display with little 'width' - target iPad, display betterer */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) { body { min-width: 1024px; } }
/* iPhone targetting */
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) { body { min-width: 1024px; } }

/*=============================================
  Contact form 2014 - custom styles
==============================================*/
.five.columns.hgb.contact{
  padding-top: 0;
  margin-top: 0;
}
.five.columns.hgb.contact h2{
  margin-top: 0;
  padding-top: 0;
}
.contact h2{
  font-size: 20px;
  font-family: Lato;
}
.contact h3{
  font-size: 17px;
  font-family: Lato;
  padding: 0;
  margin: 0;
}
.contact_container{
  float: left;
  width: 470px;
  background-color: #edf1f4;
  padding-left: 25px;
  padding-right: 25px;
  margin-bottom: 25px;
}
.contact_heading{
  cursor: pointer;
  background-image: url(../images/contact_heading.jpg);
  background-position: right;
  background-repeat: no-repeat;
}
.contact_container label{
  color: #114d89;
}
.contact_container label span{
  color: red;
}
.contact_container label.error{
  margin-bottom: 10px;
}
.contact_container input.button{
  margin-top: 25px;
}

/*============================================
  Order Form 2014
=============================================*/
#order_process{
  width: 407px;
  height: 50px;
  background-image: url(../images/stepsx4_sprite.jpg);
  background-position: 0px 0px;
  margin-top: 20px;
}
#order_process.step2{
  background-position: 0px -50px;
}
#order_process.step3{
  background-position: 0px -100px;
}
#order_process.step4{
  background-position: 0px -150px;
}
.chosen_plan{
  color:#eb6915;
  font-weight:bold;
}
.domains_terms_text{
  color: #000000;
}
#domains_terms_msg{
  padding-top: 10px;
}
#order_error,
#payment_type_error{
  background-color: rgba(198, 15, 19, 0.1);
  border: 1px solid #C60F13;
  border-radius: 2px;
  margin-top: 20px;
  color: #C60F13;
}
#order_error p,
#payment_type_error p{
  font-size: 16px;
  padding: 10px;
  line-height: 20px;
  margin:0;
}
#step1,
#step2,
#step3,
#step4{
  position: relative;
}
.signup-loading{
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #EDF1F4;
  z-index: 1000;
  zoom: 1;
  filter: alpha(opacity=90);
  opacity: 0.9;
  text-align: center;
  font-weight: bold;
  font-size: 36px;
  padding-top: 50%;
  /*color: rgb(64, 195, 243);*/
}
.signup_controls tr td{
  padding: 0;
  margin: 0;
}
.footnote{
  font-size: 12px;
  padding-top: 0;
  margin-top: 0;
  color: #114D89;
}
.form_multiline{
  float: left;
}
.signup_phone_plus{
  width: 10%;
  text-align: center;
  font-size: 18px;
  line-height: 31px;
}
.signup_phone_cc{
  width: 10%;
  margin-right: 5%;
  display: inline;
}
.signup_phone_ac{
  width: 15%;
  margin-right: 5%;
}
.signup_phone_num{
  width: 55%;
}
.clear{
  clear: both;
}
#check_payment_loading{
  text-align: center;
}
#check_payment img{
  margin-bottom: 15px;
}

/*============================================
  Case-studies-update 2014
=============================================*/
.case-studies-cta{
  padding: 0;
}
.case-studies a{
  background: none;
  text-indent: 0;
  text-align: right;
  text-decoration: underline;
}
.case-studies a:after {
  bottom: -5px;
}
.case-studies-intro-left{
  float: left;
  width: 50%;
  padding-right: 25px;
}
.case-studies-intro-left p{
  font-size: 24px;
  line-height: 28px;
  font-weight: bold;
}
.case-studies-intro-right{
  float: left;
  width: 50%;
  padding-left: 25px;
}
.case-studies-cta-text{
  width: 65% !important;
}
.case-studies-cta-button{
  width: 35% !important;
}
.case-studies-cta-text{
  line-height: 70px;
}
.enquire-text.case-studies-cta-text strong{
  line-height: 70px;
}

/*============================================
  BLOG 2014
=============================================*/
.blog_left{
  float: left;
  width: 75%;
  padding-right: 50px;
  padding-bottom: 50px;
}
.blog_left a{
  text-decoration: underline;
}
.blog_right{
  float: left;
  width: 25%;
  padding-bottom: 50px;
}
.blog_left h3:first-of-type{
  margin-top: 0;
  margin-bottom: 10px;
  text-transform: uppercase;
}
.blog_right p{
  font-weight: bold;
  font-size: 18px;
  margin-bottom: 0;
  text-transform: uppercase;
}
.blog_right ul{
  list-style-type: none;
}
.blog_left .post_details{
  font-size: 12px;
  color: #bbbbbb;
  text-transform: uppercase;
}
.blog_left .blog_sub_title{
  font-size: 18px;
  font-weight: bold;
}
.blog_left .blog_sub_date{
  font-size: 12px;
  color: #bbbbbb;
  text-transform: uppercase;
}
.blog_left .blog_content p:first-of-type{
  font-size: 18px;
}
.blog_right li{
  border-bottom: 1px solid #e9e9e9;
}

.blog_right ul{
  border-top: 1px solid #114D89;
}

/*============================================
  Sep 2014 Shared Hosting updates
=============================================*/
.pre-paid{
    float: left;
    width: 312px;
}
.pre-paid-h3{
    margin-top: 0px;
}
.pre-paid-left{
    margin-right: 12px;
}
.pre-paid-right{
    margin-left: 12px;
}
.pre-paid h3{
    font-size: 20px;
    margin: 0;
    text-align: center;
}
.pre-paid-content{
    background-color: #F0F0F1;
    padding: 20px;
    padding-bottom: 5px;
}
.pre-paid-content table{
    background: transparent;
}
.pre-paid-content td{
    font-family: Lato,"Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif;
    color: #114D89;
    font-size:14px;
}
.pre-paid-content td:nth-child(2){
    text-align: right;
}
.pre-paid-content td span{
    color: #E35E36;
    font-weight: bold;
}
.pre-paid-content table tbody tr:nth-child(2n){
    background: transparent;
}