/*

       ((((((                                  tttt           ))))))
     ((::::::(                              ttt:::t          )::::::))
   ((:::::::(                               t:::::t           ):::::::))
  (:::::::((                                t:::::t            )):::::::)
  (::::::(       mmmmmmm    mmmmmmm   ttttttt:::::ttttttt        )::::::)
  (:::::(      mm:::::::m  m:::::::mm t:::::::::::::::::t         ):::::)
  (:::::(     m::::::::::mm::::::::::mt:::::::::::::::::t         ):::::)
  (:::::(     m::::::::::::::::::::::mtttttt:::::::tttttt         ):::::)
  (:::::(     m:::::mmm::::::mmm:::::m      t:::::t               ):::::)
  (:::::(     m::::m   m::::m   m::::m      t:::::t               ):::::)
  (:::::(     m::::m   m::::m   m::::m      t:::::t               ):::::)
  (::::::(    m::::m   m::::m   m::::m      t:::::t    tttttt    )::::::)
  (:::::::((  m::::m   m::::m   m::::m      t::::::tttt:::::t  )):::::::)
   ((:::::::( m::::m   m::::m   m::::m      tt::::::::::::::t ):::::::))
     ((::::::(m::::m   m::::m   m::::m        tt:::::::::::tt)::::::)
       (((((( mmmmmm   mmmmmm   mmmmmm          ttttttttttt   ))))))

*/
/**!
 * The king of all stylesheets.
 *
 * Combines all global/base LESS files into a single
 * stylesheet: ~/_css/mt-global.css
 * ========================================================================== */
/* ==========================================================================
   Core - Generic utility styles, variables, mixins, etc.
   ========================================================================== */
/* ==========================================================================
// Embed Fonts
// Loads in fonts needed for project
/  ========================================================================== */
/* @license
 * MyFonts Webfont Build ID 2483357, 2013-02-18T13:13:43-0500
 * 
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are 
 * explicitly restricted from using the Licensed Webfonts(s).
 * 
 * You may obtain a valid license at the URLs below.
 * 
 * Webfont: Brandon Text Bold Italic by HVD Fonts
 * URL: http://www.myfonts.com/fonts/hvdfonts/brandon-text/bold-italic/
 * 
 * Webfont: Brandon Text Bold by HVD Fonts
 * URL: http://www.myfonts.com/fonts/hvdfonts/brandon-text/bold/
 * 
 * Webfont: Brandon Text Black Italic by HVD Fonts
 * URL: http://www.myfonts.com/fonts/hvdfonts/brandon-text/black-italic/
 * 
 * Webfont: Brandon Text Black by HVD Fonts
 * URL: http://www.myfonts.com/fonts/hvdfonts/brandon-text/black/
 * 
 * Webfont: Brandon Text Light Italic by HVD Fonts
 * URL: http://www.myfonts.com/fonts/hvdfonts/brandon-text/light-italic/
 * 
 * Webfont: Brandon Text Light by HVD Fonts
 * URL: http://www.myfonts.com/fonts/hvdfonts/brandon-text/light/
 * 
 * Webfont: Brandon Text Italic by HVD Fonts
 * URL: http://www.myfonts.com/fonts/hvdfonts/brandon-text/italic/
 * 
 * Webfont: Brandon Text Regular by HVD Fonts
 * URL: http://www.myfonts.com/fonts/hvdfonts/brandon-text/regular/
 * 
 * Webfont: Brandon Text Medium by HVD Fonts
 * URL: http://www.myfonts.com/fonts/hvdfonts/brandon-text/medium/
 * 
 * Webfont: Brandon Text Thin Italic by HVD Fonts
 * URL: http://www.myfonts.com/fonts/hvdfonts/brandon-text/thin-italic/
 * 
 * Webfont: Brandon Text Thin by HVD Fonts
 * URL: http://www.myfonts.com/fonts/hvdfonts/brandon-text/thin/
 * 
 * Webfont: Brandon Text Medium Italic by HVD Fonts
 * URL: http://www.myfonts.com/fonts/hvdfonts/brandon-text/medium-italic/
 * 
 * 
 * License: http://www.myfonts.com/viewlicense?type=web&buildid=2483357
 * Webfonts copyright: Copyright (c) 2012 by Hannes von Doehren. All rights reserved.
 * 
 * © 2013 MyFonts Inc
*/
/* @import must be at top of file, otherwise CSS will not work */
@import "//hello.myfonts.net/count/25e49d";
/* Altered based on http://www.newnet-soft.com/blog/csstypography */
/* Brandon Text Bold */
@font-face {
  font-family: 'BrandonText';
  src: url('../webfonts/25E49D_0_0.eot');
  src: url('../webfonts/25E49D_0_0.eot?#iefix') format('embedded-opentype'), url('../webfonts/25E49D_0_0.woff') format('woff'), url('../webfonts/25E49D_0_0.ttf') format('truetype');
  font-weight: bold;
  font-style: italic;
}
@font-face {
  font-family: 'BrandonText';
  src: url('../webfonts/25E49D_1_0.eot');
  src: url('../webfonts/25E49D_1_0.eot?#iefix') format('embedded-opentype'), url('../webfonts/25E49D_1_0.woff') format('woff'), url('../webfonts/25E49D_1_0.ttf') format('truetype');
  font-weight: bold;
  font-style: normal;
}
/* Brandon Text Light */
@font-face {
  font-family: 'BrandonText';
  src: url('../webfonts/25E49D_4_0.eot');
  src: url('../webfonts/25E49D_4_0.eot?#iefix') format('embedded-opentype'), url('../webfonts/25E49D_4_0.woff') format('woff'), url('../webfonts/25E49D_4_0.ttf') format('truetype');
  font-weight: 100;
  font-style: italic;
}
@font-face {
  font-family: 'BrandonText';
  src: url('../webfonts/25E49D_5_0.eot');
  src: url('../webfonts/25E49D_5_0.eot?#iefix') format('embedded-opentype'), url('../webfonts/25E49D_5_0.woff') format('woff'), url('../webfonts/25E49D_5_0.ttf') format('truetype');
  font-weight: 100;
  font-style: normal;
}
/* Brandon Text Regular */
@font-face {
  font-family: 'BrandonText';
  src: url('../webfonts/25E49D_6_0.eot');
  src: url('../webfonts/25E49D_6_0.eot?#iefix') format('embedded-opentype'), url('../webfonts/25E49D_6_0.woff') format('woff'), url('../webfonts/25E49D_6_0.ttf') format('truetype');
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: 'BrandonText';
  src: url('../webfonts/25E49D_7_0.eot');
  src: url('../webfonts/25E49D_7_0.eot?#iefix') format('embedded-opentype'), url('../webfonts/25E49D_7_0.woff') format('woff'), url('../webfonts/25E49D_7_0.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
/* Brandon Text Medium */
@font-face {
  font-family: 'BrandonText';
  src: url('../webfonts/25E49D_8_0.eot');
  src: url('../webfonts/25E49D_8_0.eot?#iefix') format('embedded-opentype'), url('../webfonts/25E49D_8_0.woff') format('woff'), url('../webfonts/25E49D_8_0.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: 'BrandonText';
  src: url('../webfonts/25E49D_B_0.eot');
  src: url('../webfonts/25E49D_B_0.eot?#iefix') format('embedded-opentype'), url('../webfonts/25E49D_B_0.woff') format('woff'), url('../webfonts/25E49D_B_0.ttf') format('truetype');
  font-weight: 600;
  font-style: italic;
}
/* Brandon Text Thin */
/*@font-face {
    font-family: 'BrandonText';
    src: url('../webfonts/25E49D_9_0.eot');
    src: url('../webfonts/25E49D_9_0.eot?#iefix') format('embedded-opentype'),
         url('../webfonts/25E49D_9_0.woff') format('woff'),
         url('../webfonts/25E49D_9_0.ttf') format('truetype');
    font-weight: lighter;
    font-style: italic;
}

@font-face {
    font-family: 'BrandonText';
    src: url('../webfonts/25E49D_A_0.eot');
    src: url('../webfonts/25E49D_A_0.eot?#iefix') format('embedded-opentype'),
         url('../webfonts/25E49D_A_0.woff') format('woff'),
         url('../webfonts/25E49D_A_0.ttf') format('truetype');
    font-weight: lighter;
    font-style: normal;
}*/
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}
audio,
canvas,
video {
  display: inline-block;
}
audio:not([controls]) {
  display: none;
  height: 0;
}
[hidden] {
  display: none;
}
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}
body {
  margin: 0;
}
a:focus {
  outline: thin dotted;
}
a:active,
a:hover {
  outline: 0;
}
abbr[title] {
  border-bottom: 1px dotted;
}
b,
strong {
  font-weight: 600;
}
dfn {
  font-style: italic;
}
mark {
  background: #ff0;
  color: #000;
}
code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  font-size: 1em;
}
pre {
  white-space: pre-wrap;
}
q {
  quotes: "\201C" "\201D" "\2018" "\2019";
}
small {
  font-size: 80%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
img {
  border: 0;
}
svg:not(:root) {
  overflow: hidden;
}
figure {
  margin: 0;
}
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
button,
input,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  margin: 0;
}
button,
input {
  line-height: normal;
}
button,
select {
  text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}
button[disabled],
html input[disabled] {
  cursor: default;
}
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}
input[type="search"] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
textarea {
  overflow: auto;
  vertical-align: top;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
/* General Reset
   -------------------------------------------------------------------------- */
body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
dl,
dd,
ol,
ul,
form,
fieldset,
legend,
input,
textarea,
table,
th,
td,
caption,
menu {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  vertical-align: baseline;
}
/**
 * border-box all the things!
 * via: http://paulirish.com/2012/box-sizing-border-box-ftw/
 */
*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
/* Typography
   -------------------------------------------------------------------------- */
/**
 * Give a help cursor to elements that give extra info on `:hover`.
 */
abbr[title],
dfn[title] {
  cursor: help;
}
/**
 * Remove underlines from potentially troublesome elements.
 */
u,
ins {
  text-decoration: none;
}
/**
 * Apply faux underline via `border-bottom`.
 */
ins {
  border-bottom: 1px solid;
}
del {
  text-decoration: line-through;
}
img {
  font-style: italic;
}
audio,
canvas,
img,
video {
  vertical-align: middle;
}
input,
select {
  vertical-align: middle;
}
textarea {
  resize: vertical;
}
label,
input,
textarea,
button,
select,
option {
  cursor: pointer;
}
.text-input:active,
.text-input:focus,
textarea:active,
textarea:focus {
  cursor: text;
  outline: none;
}
/**!
 * Main
 *
 * Base scaffolding stuff
 * ========================================================================== */
body {
  background: #fff;
  color: #333333;
  font-family: "BrandonText", "Helvetica Neue", Helvetica, Arial, sans-serif;
  line-height: 1.5;
}
body.page--inverse {
  background: #282B2D;
}
/* ==========================================================================
   Common shared styles. 
   ========================================================================== */
/**
 * Common `margin-bottom` 
 * for a consistent vertical rhythm.
 */
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
hgroup,
ul,
ol,
dl,
blockquote,
p,
address,
table,
fieldset,
figure,
pre {
  margin-bottom: 30px;
  margin-bottom: 1.875rem;
}
.chromeframe {
  margin: 0;
  padding: 15px 0;
  text-align: center;
  background: #f0ad4e;
}
.chromeframe a {
  color: #fff;
  text-decoration: underline;
}
.chromeframe a:hover {
  color: #000;
}
/**!
 * Links
 *
 * Base link styles
 * ========================================================================== */
/* ==========================================================================
   Default link colors
   ========================================================================== */
a {
  color: #20bc7e;
  text-decoration: none;
  -webkit-transition: color 120ms linear;
  -moz-transition: color 120ms linear;
  -o-transition: color 120ms linear;
  -ms-transition: color 120ms linear;
  transition: color 120ms linear;
}
a:hover,
a:focus {
  color: #1ca670;
}
a.camoLink {
  color: inherit !important;
}
.page--virb a {
  color: #0093da;
}
.page--virb a:hover,
.page--virb a:focus {
  color: #04adff;
}
.page--grid a {
  color: #f26767;
}
.page--grid a:hover,
.page--grid a:focus {
  color: #f58c8c;
}
.page--dvManaged a,
.page--dv a {
  color: #67a8da;
}
.page--dvManaged a:hover,
.page--dv a:hover,
.page--dvManaged a:focus,
.page--dv a:focus {
  color: #3e91d0;
}
.page--dvDeveloper a {
  color: #29cbcf;
}
.page--dvDeveloper a:hover,
.page--dvDeveloper a:focus {
  color: #20a1a4;
}
.page--landing-pleskdv a {
  color: #67a8da;
}
.page--landing-pleskdv a:hover,
.page--landing-pleskdv a:active,
.page--landing-pleskdv a:focus {
  color: #3e91d0;
}
.page--dedicatedServer a {
  color: #ffd02b;
}
.page--dedicatedServer a:hover,
.page--dedicatedServer a:focus {
  color: #edb800;
}
.page--managedHosting a {
  color: #9e7fb9;
}
.page--managedHosting a:hover,
.page--managedHosting a:focus {
  color: #855ea7;
}
.page--managedWordpress a {
  color: #f2427e;
}
.page--managedWordpress a:hover,
.page--managedWordpress a:focus {
  color: #ef125d;
}
.page--wordpress a {
  color: #FFD02B;
}
.page--wordpress a:hover,
.page--wordpress a:focus {
  color: #f7c000;
}
.page--enterprise-landing a {
  color: #f2427e;
}
.page--enterprise-landing a:hover,
.page--enterprise-landing a:focus {
  color: #ef125d;
}
.page--vpsJump a {
  color: #6DC4A1;
}
.page--vpsJump a:hover,
.page--vpsJump a:focus {
  color: #49b58a;
}
.lead {
  margin-bottom: 30px;
  line-height: 28px;
  font-size: 18px;
  font-weight: 200;
  letter-spacing: 1px;
}
@media (max-width: 767px) {
  .lead {
    line-height: 20px;
    font-size: 14px;
  }
}
/**!
 * Headings
 *
 * Global headings styles
 * ========================================================================== */
/* ==========================================================================
   General headings
   ========================================================================== */
h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6,
.heading {
  font-family: inherit;
  font-weight: normal;
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
}
h1.heading--tight,
.h1.heading--tight,
h2.heading--tight,
.h2.heading--tight,
h3.heading--tight,
.h3.heading--tight,
h4.heading--tight,
.h4.heading--tight,
h5.heading--tight,
.h5.heading--tight,
h6.heading--tight,
.h6.heading--tight,
.heading.heading--tight {
  margin-bottom: 15px !important;
}
h1 a,
.h1 a,
h2 a,
.h2 a,
h3 a,
.h3 a,
h4 a,
.h4 a,
h5 a,
.h5 a,
h6 a,
.h6 a,
.heading a {
  font-size: inherit;
}
h1 strong,
.h1 strong,
h2 strong,
.h2 strong,
h3 strong,
.h3 strong,
h4 strong,
.h4 strong,
h5 strong,
.h5 strong,
h6 strong,
.h6 strong,
.heading strong {
  font-weight: 600;
}
h1,
.h1 {
  text-transform: uppercase;
  font-size: 44px;
  font-size: 2.75rem;
  letter-spacing: 4px;
  letter-spacing: 0.25rem;
  line-height: 46px;
  line-height: 2.875rem;
}
@media (max-width: 767px) {
  h1,
  .h1 {
    font-size: 28px;
    font-size: 1.75rem;
    letter-spacing: 2px;
    letter-spacing: 0.125rem;
    line-height: 30px;
    line-height: 1.875rem;
  }
}
h2,
.h2 {
  font-size: 34px;
  font-size: 2.125rem;
  letter-spacing: 2px;
  letter-spacing: 0.125rem;
  line-height: 36px;
  line-height: 2.25rem;
}
h2 .btn,
.h2 .btn {
  letter-spacing: 3px;
  letter-spacing: 0.1875rem;
}
h2.u-textAllcaps,
.h2.u-textAllcaps {
  letter-spacing: 2px;
  letter-spacing: 0.125rem;
}
@media (min-width: 481px) and (max-width: 767px) {
  h2,
  .h2 {
    font-size: 28px;
    font-size: 1.75rem;
    letter-spacing: 1px;
    letter-spacing: 0.0625rem;
    line-height: 30px;
    line-height: 1.875rem;
  }
}
@media (max-width: 480px) {
  h2,
  .h2 {
    font-size: 26px;
    font-size: 1.625rem;
    letter-spacing: 0px;
    letter-spacing: 0rem;
    line-height: 28px;
    line-height: 1.75rem;
  }
}
h3,
.h3 {
  font-size: 24px;
  font-size: 1.5rem;
  letter-spacing: 0;
}
h3.u-textAllcaps,
.h3.u-textAllcaps {
  letter-spacing: 1px;
  letter-spacing: 0.0625rem;
}
@media (min-width: 481px) and (max-width: 767px) {
  h3,
  .h3 {
    font-size: 22px;
    font-size: 1.375rem;
  }
}
@media (max-width: 480px) {
  h3,
  .h3 {
    font-size: 20px;
    font-size: 1.25rem;
  }
}
h4,
.h4 {
  font-weight: normal;
  letter-spacing: 0;
  font-size: 20px;
  font-size: 1.25rem;
  margin-bottom: 15px;
  margin-bottom: 0.9375rem;
}
h4.u-textAllcaps,
.h4.u-textAllcaps {
  letter-spacing: 1px;
  letter-spacing: 0.0625rem;
}
@media (min-width: 481px) and (max-width: 767px) {
  h4,
  .h4 {
    font-size: 18px;
    font-size: 1.125rem;
  }
}
@media (max-width: 480px) {
  h4,
  .h4 {
    font-size: 18px;
    font-size: 1.125rem;
  }
}
h5,
.h5,
h6,
.h6 {
  font-weight: normal;
  font-size: 16px;
  font-size: 1rem;
  line-height: 18px;
  line-height: 1.125rem;
  margin-bottom: 10px;
  margin-bottom: 0.625rem;
}
h5.u-textAllcaps,
.h5.u-textAllcaps,
h6.u-textAllcaps,
.h6.u-textAllcaps {
  letter-spacing: 0;
}
@media (min-width: 481px) and (max-width: 767px) {
  h5,
  .h5,
  h6,
  .h6 {
    font-size: 16px;
  }
}
@media (max-width: 480px) {
  h5,
  .h5,
  h6,
  .h6 {
    font-size: 16px;
  }
}
/**!
 * Lists
 *
 * Unordered, ordered, definition lists.
 * =========================================================================== */
/* ==========================================================================
   Default list styles
   ========================================================================== */
ul,
ol {
  padding: 0;
  margin: 0;
  list-style-position: outside;
  margin-bottom: 30px;
  margin-bottom: 1.875rem;
  margin-left: 20px;
  margin-left: 1.25rem;
}
ul ul,
ul ol,
ol ol,
ol ul {
  margin-bottom: 0;
}
dl {
  margin-bottom: 30px;
  margin-bottom: 1.875rem;
}
dt,
dd {
  line-height: 1.5;
}
dt {
  font-weight: bold;
}
dd {
  margin-left: 15px;
}
ul.unstyled,
ol.unstyled {
  margin-left: 0;
  list-style: none;
}
/* ==========================================================================
   A list object (ul, ol)
   ========================================================================== */
.list {
  padding: 0;
  margin: 0;
  list-style-position: outside;
  margin-bottom: 30px;
  margin-bottom: 1.875rem;
  margin-left: 20px;
  margin-left: 1.25rem;
}
.list ul,
.list ol {
  margin-bottom: 0;
}
.list li {
  margin-bottom: 3px;
}
.list li p {
  margin-bottom: 15px;
}
.list li h3 {
  margin-bottom: 0;
}
.list li:last-child {
  margin-bottom: 0;
}
.list--medium li {
  margin-bottom: 7.5px;
}
.list--medium li:last-child {
  margin-bottom: 0;
}
.list--large li {
  margin-bottom: 15px;
}
.list--large li:last-child {
  margin-bottom: 0;
}
.list--xLarge li {
  margin-bottom: 30px;
}
.list--xLarge li:last-child {
  margin-bottom: 0;
}
/**
 * Lists with icons as bullets
 */
.list--visualBullets {
  list-style: none;
  margin-left: 0;
}
.list--visualBullets li {
  position: relative;
  margin-left: 35px;
  font-size: 16px;
}
@media (max-width: 767px) {
  .list--visualBullets li {
    font-size: 14px;
  }
}
.list--visualBullets i {
  position: absolute;
  left: -35px;
  display: inline-block;
  *display: inline;
  zoom: 1;
}
.list--visualBullets--large li {
  position: relative;
  margin-left: 50px;
  margin-bottom: 30px;
  font-size: 16px;
}
@media (max-width: 767px) {
  .list--visualBullets--large li {
    font-size: 14px;
  }
}
.list--visualBullets--large i {
  position: absolute;
  left: -50px;
  display: inline-block;
  *display: inline;
  zoom: 1;
}
/* ==========================================================================
   Custom list icons
   ========================================================================== */
/**
 * Extends the .list object
 *
 * Usage:
 *
<ul class="list  list--customIcons  list--customIcons--grid">
    <li><i aria-hidden="true" class="list-icon  lush lush-mail"></i> Mail is awesome!</li>
</ul>
 *
 */
.list--customIcons {
  list-style: none;
  list-style-position: outside;
}
.list--customIcons li {
  position: relative;
  margin-left: 3px;
  padding-left: 15px;
  margin-bottom: 10px;
}
.list--customIcons li:last-child {
  margin-bottom: 0;
}
.list--customIcons .list-icon {
  position: absolute;
  left: -23px;
  top: 1px;
}
.list--customIcons--primary .list-icon {
  color: #48e0a4;
}
.list--customIcons--grid .list-icon {
  color: #f26767;
}
.list--customIcons--dv .list-icon {
  color: #67a8da;
}
.list--customIcons--dvdev .list-icon {
  color: #29cbcf;
}
.list--customIcons--wpress .list-icon {
  color: #FFD02B;
}
.list--customIcons--aws .list-icon {
  color: #faaf43;
}
.list--customIcons--awsNavy .list-icon {
  color: #354E78;
}
.list--customIcons--managed .list-icon {
  color: #9e7fb9;
}
/**
 * Spec list
 */
ul.list--specs li,
ol.list-specs li {
  font-size: 14px;
  line-height: 18px;
  margin-bottom: 5px;
}
ul.list--specs li:last-child,
ol.list-specs li:last-child {
  margin-bottom: 0;
}
/**
 * Unstyled lists
 */
ul.list--unstyled,
ol.list--unstyled {
  margin-left: 0;
  list-style: none;
}
/**
 * Single-line list items
 */
ul.list--inline,
ol.list--inline {
  margin-left: 0;
  list-style: none;
}
ul.list--inline > li,
ol.list--inline > li {
  padding-left: 5px;
  padding-right: 5px;
  display: inline-block;
  *display: inline;
  zoom: 1;
}
/* ==========================================================================
   Description/definition list object (dl)
   ========================================================================== */
/*

.dlist {

}
*/
/**
 * Horizontal layout (like forms)
 */
.dlist--horizontal:before,
.dlist--horizontal:after {
  content: " ";
  display: table;
}
.dlist--horizontal:after {
  clear: both;
}
.dlist--horizontal dt {
  float: left;
  clear: left;
  display: inline-block;
  color: #666666;
  font-weight: 500;
  vertical-align: top;
}
.dlist--horizontal dd {
  float: right;
  color: #808080;
  vertical-align: top;
}
.dlist--horizontal dd.dlist-divider {
  display: block;
  clear: both;
  width: 100%;
}
.dlist--eventDetails {
  font-size: 18px;
  font-size: 1.125rem;
}
.dlist--eventDetails dt {
  width: 20%;
  text-align: right;
}
.dlist--eventDetails dd {
  width: 75%;
  text-align: left;
  margin-left: 0;
  margin-bottom: 5px;
  margin-bottom: 0.3125rem;
  /*
        &:after {
            content: " ";
            display: block;
            clear: both;
        }
*/
}
@media (max-width: 767px) {
  .dlist--eventDetails dt,
  .dlist--eventDetails dd {
    float: none;
    width: 100%;
    text-align: left;
  }
  .dlist--eventDetails dd {
    margin-bottom: 15px;
    margin-bottom: 0.9375rem;
  }
}
.socialShare {
  text-align: right;
}
.socialShare a {
  padding-left: 7px;
  color: #999999;
}
.socialShare a:hover {
  color: #48e0a4;
}
@media (max-width: 767px) {
  .socialShare {
    text-align: left;
    margin-bottom: 15px;
  }
  .socialShare a {
    padding: 0 6px;
    margin: 0 8px 0;
  }
}
/**!
 * Images
 *
 * Various image styles and treatments
 * ========================================================================== */
img {
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -o-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
}
/* ==========================================================================
   Thumbnails
   ========================================================================== */
.thumbnail {
  position: relative;
  display: inline-block;
  *display: inline;
  zoom: 1;
}
.thumbnail--video:before {
  font-family: 'mt-icons';
  content: "\e009";
  font-size: 74px;
  position: absolute;
  top: 25%;
  right: 38%;
  z-index: 5;
  color: inherit;
}
/* ==========================================================================
   Responsive images
   ========================================================================== */
.responsive {
  max-width: 100%;
}
.responsive--fill {
  width: 100%;
  max-width: 100%;
}
/* ==========================================================================
   Lazy loaded images
   ========================================================================== */
.lazyImg {
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
}
@media (min-width: 1200px) {
  .lazyImg {
    -webkit-transition: opacity 150ms linear;
    -moz-transition: opacity 150ms linear;
    -o-transition: opacity 150ms linear;
    -ms-transition: opacity 150ms linear;
    transition: opacity 150ms linear;
  }
}
.lazyImg--loaded {
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
}
/* ==========================================================================
   Various styles
   ========================================================================== */
/**!
 * Forms
 *
 * Contains all base styles for form elements
 * ========================================================================== */
/* ==========================================================================
   General Form Styles
   ========================================================================== */
/**
 * Text inputs
 *
 * Instead of a `[type]` selector for each kind of form input, we just use a
 * class to target any/every one, e.g.:
   <input type="text" class="textInput">
   <input type="email" class="textInput">
   <input type="password" class="textInput">
 *
 */
.textInput,
.textarea {
  display: inline-block;
  font-weight: 600;
  letter-spacing: 1px;
  letter-spacing: 0.0625rem;
  font-size: 18px;
  font-size: 1.125rem;
  padding: 14px;
  padding: 0.875rem;
  -webkit-transition: all 150ms linear;
  -moz-transition: all 150ms linear;
  -o-transition: all 150ms linear;
  -ms-transition: all 150ms linear;
  transition: all 150ms linear;
}
.label,
.legend {
  display: block;
}
.label {
  font-weight: bold;
  color: #191919;
  font-size: 18px;
  font-size: 1.125rem;
  margin-bottom: 7px;
  margin-bottom: 0.4375rem;
}
.label--inverted {
  color: #fff;
}
.checkboxInput,
.radioInput {
  display: inline-block;
  vertical-align: 0px;
}
/**
 * Group sets of form fields in a row, e.g.:
 *
   <div class="form-row">
       <label />
       <input />
   </div>

   <div class="form-row">
       <label />
       <input />
   </div>
 *
 */
.form-row {
  list-style: none;
  margin-bottom: 30px;
  margin-bottom: 1.875rem;
}
.form-row:last-child {
  margin-bottom: 0;
}
@media (max-width: 480px) {
  .form-row {
    margin-bottom: 0;
  }
}
.form-row--small {
  margin-bottom: 15px;
  margin-bottom: 0.9375rem;
}
/**
 * Labels
 *
 * Define a `.label` class as well as a `label` element. This means we can apply
 * label-like styling to meta-labels for groups of options where a `label`
 * element is not suitable, e.g.:
 *
    <span class="label">This is a label</span>
    <label class="label" for="">This is a label</label>
 *
 */
label,
.label {
  display: block;
  /**
     * Extra help text in `label`s, e.g.:
     *
       <label>Account number <small class="additional">No spaces</small></label>
     *
     */
}
label .label-tip,
.label .label-tip {
  display: block;
  font-weight: normal;
}
label.label--inline,
.label.label--inline {
  display: inline-block;
  margin-right: 30px;
}
/*
 * Groups of checkboxes and radios, e.g.:
 *
     <ul class="checkList">
         <li class="checkList-item">
             <input /> <label />
         </li>
         <li class="checkList-item">
             <input /> <label />
         </li>
     </ul>
 *
 */
.checkList {
  list-style: none;
  margin: 0;
  display: inline-block;
  vertical-align: top;
}
/* Labels in check-lists */
.checkList-label,
.checkList label,
.checkList .label,
.checkList-item {
  display: inline-block;
}
.checkList-item {
  margin-right: 30px;
  vertical-align: middle;
}
.checkList--flex {
  display: flex;
  flex-flow: wrap;
}
.checkList--flex .checkList-item {
  flex: 1;
  margin: 0;
}
.checkList--flex .checkList-item > input {
  vertical-align: text-top;
}
.checkList--flex .checkList-item--full-row {
  flex: 1 100%;
}
.checkList--flex .checkList-item--2col {
  flex: 1 50%;
}
/**
 * Extra help text displayed after a field when that field is in focus, e.g.:
 *
   <label for="email">Email:</label>
   <input type="email" class="textInput" id="email">
   <small class="extraHelp">.edu emails only</small>
 *
 * We leave the help text in the document flow and merely set it to
 * `visibility: hidden;`. This means that it won’t interfere with anything once
 * it reappears.
 *
 */
/*small*/
.extraHelp {
  display: inline-block;
  visibility: hidden;
}
.textInput:active + .extra-help,
.textInput:focus + .extra-help {
  visibility: visible;
}
/* Colors
   -------------------------------------------------------------------------- */
.textInput {
  background-color: #fff;
  color: #666666;
  border: 1px solid #cccccc;
}
.textInput::-webkit-input-placeholder {
  color: #b3b3b3;
  text-transform: normal;
  font-weight: normal;
  letter-spacing: 1px;
  letter-spacing: 0.0625rem;
}
.textInput:-moz-placeholder {
  color: #b3b3b3;
  text-transform: normal;
  font-weight: normal;
  letter-spacing: 1px;
  letter-spacing: 0.0625rem;
}
.textInput::-moz-placeholder {
  color: #b3b3b3;
  text-transform: normal;
  font-weight: normal;
  letter-spacing: 1px;
  letter-spacing: 0.0625rem;
}
.textInput:-ms-input-placeholder {
  color: #b3b3b3;
  text-transform: normal;
  font-weight: normal;
  letter-spacing: 1px;
  letter-spacing: 0.0625rem;
}
.textInput:focus {
  border-color: #8c8c8c;
  background-color: #fcfcfc;
}
.textInput--alt {
  background-color: #ededed;
  color: #333333;
  border: 1px solid #cccccc;
}
.textInput--alt::-webkit-input-placeholder {
  color: #808080;
  text-transform: normal;
  font-weight: normal;
  letter-spacing: 1px;
  letter-spacing: 0.0625rem;
}
.textInput--alt:-moz-placeholder {
  color: #808080;
  text-transform: normal;
  font-weight: normal;
  letter-spacing: 1px;
  letter-spacing: 0.0625rem;
}
.textInput--alt::-moz-placeholder {
  color: #808080;
  text-transform: normal;
  font-weight: normal;
  letter-spacing: 1px;
  letter-spacing: 0.0625rem;
}
.textInput--alt:-ms-input-placeholder {
  color: #808080;
  text-transform: normal;
  font-weight: normal;
  letter-spacing: 1px;
  letter-spacing: 0.0625rem;
}
.textInput--alt:focus {
  border-color: #8c8c8c;
}
.textInput--inverted {
  background-color: #282B2D;
  color: #f4f4f4;
  border: 1px solid #282B2D;
}
.textInput--inverted::-webkit-input-placeholder {
  color: #808080;
  text-transform: normal;
  font-weight: normal;
  letter-spacing: 1px;
  letter-spacing: 0.0625rem;
}
.textInput--inverted:-moz-placeholder {
  color: #808080;
  text-transform: normal;
  font-weight: normal;
  letter-spacing: 1px;
  letter-spacing: 0.0625rem;
}
.textInput--inverted::-moz-placeholder {
  color: #808080;
  text-transform: normal;
  font-weight: normal;
  letter-spacing: 1px;
  letter-spacing: 0.0625rem;
}
.textInput--inverted:-ms-input-placeholder {
  color: #808080;
  text-transform: normal;
  font-weight: normal;
  letter-spacing: 1px;
  letter-spacing: 0.0625rem;
}
.textInput--inverted:focus {
  border-color: #646c71;
  background-color: #34383b;
}
.textInput--inverted--alt {
  background-color: #1C1C1E;
  color: #f4f4f4;
  border: 1px solid #1C1C1E;
}
.textInput--inverted--alt::-webkit-input-placeholder {
  color: #808080;
  text-transform: normal;
  font-weight: normal;
  letter-spacing: 1px;
  letter-spacing: 0.0625rem;
}
.textInput--inverted--alt:-moz-placeholder {
  color: #808080;
  text-transform: normal;
  font-weight: normal;
  letter-spacing: 1px;
  letter-spacing: 0.0625rem;
}
.textInput--inverted--alt::-moz-placeholder {
  color: #808080;
  text-transform: normal;
  font-weight: normal;
  letter-spacing: 1px;
  letter-spacing: 0.0625rem;
}
.textInput--inverted--alt:-ms-input-placeholder {
  color: #808080;
  text-transform: normal;
  font-weight: normal;
  letter-spacing: 1px;
  letter-spacing: 0.0625rem;
}
.textInput--inverted--alt:focus {
  border-color: #5a5a60;
  background-color: #28282b;
}
/* Sizes
   -------------------------------------------------------------------------- */
.textInput--small {
  width: 25%;
}
.textInput--medium {
  width: 50%;
}
.textInput--large {
  width: 75%;
}
.textInput--thin {
  font-size: 16px;
  font-size: 1rem;
  padding: 10px;
  padding: 0.625rem;
  line-height: 16px;
  line-height: 1rem;
}
.textInput--xThin {
  font-size: 16px;
  font-size: 1rem;
  padding: 6px 10px;
  line-height: 16px;
  line-height: 1rem;
}
.textInput--full {
  display: block;
  width: 100%;
}
@media (max-width: 767px) {
  .textInput--full {
    margin-bottom: 15px;
    margin-bottom: 0.9375rem;
  }
}
.dropdown {
  position: relative;
}
.dropdown:after {
  content: " ";
  position: absolute;
  right: 18px;
  top: 28px;
  margin-top: -4px;
  border: 6px solid transparent;
  border-top: 8px solid #000;
  -webkit-pointer-events: none;
  -moz-pointer-events: none;
  -ms-pointer-events: none;
  pointer-events: none;
}
.dropdown-select {
  border-radius: 0;
  border: 1px solid #cccccc;
  outline: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
  text-indent: 0.01px;
  text-overflow: "";
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -moz-window-shadow: none;
  width: 100%;
  position: relative;
  font-weight: 600;
  display: inline-block;
  *display: inline;
  zoom: 1;
  letter-spacing: 1px;
  letter-spacing: 0.0625rem;
  font-size: 18px;
  font-size: 1.125rem;
  padding: 14px;
  padding: 0.875rem;
  padding-right: 45px;
  padding-right: 2.8125rem;
}
.dropdown-select:focus {
  border-color: #8c8c8c;
  background-color: #fcfcfc;
}
select::-ms-expand {
  display: none;
}
@-moz-document url-prefix() {
  .dropdown {
    overflow-x: hidden;
    border: 1px solid #ccc;
  }
  .dropdown-select {
    width: 115%;
    border: none;
  }
}
/* ==========================================================================
   Radio Buttons
   ========================================================================== */
input[type="radio"] {
  background-color: #e6e6e6;
  border-radius: 10px;
  border: 1px solid #bfbfbf;
  cursor: pointer;
  display: inline-block;
  height: 20px;
  width: 20px;
  position: relative;
  -webkit-appearance: none;
}
input[type="radio"]:focus {
  border-color: #808080;
}
input[type="radio"]:after {
  border-radius: 25px;
  vertical-align: middle;
  content: '';
  display: block;
  height: 8px;
  width: 8px;
  left: 5px;
  top: 5px;
  position: relative;
}
input[type="radio"]:checked {
  border-color: #808080;
}
input[type="radio"]:checked:after {
  background-color: #282B2D;
  height: 8px;
  width: 8px;
  left: 5px;
  top: 5px;
}
/* ==========================================================================
   Form Error States
   ========================================================================== */
.field--error + .field--error,
span.field--error {
  color: #d9534f;
  font-size: 14px;
  padding: 0;
  display: block;
  margin-bottom: 5px;
  margin-bottom: 0.3125rem;
}
input.field--error,
textarea.field--error,
select.field--error {
  outline: 1px solid #d9534f;
  outline-offset: -1px;
}
.required {
  color: #f26767;
}
/* ==========================================================================
   Radio Boxes
   ========================================================================== */
.radioBox {
  position: relative;
  display: inline-block;
  *display: inline;
  zoom: 1;
}
@media (max-width: 767px) {
  .radioBox {
    margin-bottom: 5px;
  }
}
.radioBox .radioBox-input {
  position: absolute;
  z-index: 1;
  left: 15px;
  top: 50%;
  margin-top: -10px;
  display: inline-block;
  *display: inline;
  zoom: 1;
}
.radioBox .radioBox-input:checked + label {
  background: #e1faf0;
  border: 1px solid #b3b3b3;
}
[data-radioBox-tip]:after {
  content: attr(data-radioBox-tip);
  position: absolute;
  bottom: -10px;
  font-size: 13px;
  font-weight: 600;
  background: #48e0a4;
  color: #fff;
  padding: 2px 8px;
  width: 84%;
  text-align: center;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}
.radioBox-label {
  position: relative;
  border: 1px solid #cccccc;
  padding: 15px 15px 15px 45px;
  display: inline-block;
  *display: inline;
  zoom: 1;
}
.page--wordpress .radioBox .radioBox-input:checked + label {
  background: #785d00;
}
.page--wordpress .radioBox .radioBox-label {
  background-color: #404548;
}
.page--wordpress [data-radioBox-tip]:after {
  background: #FFD02B;
}
/* ==========================================================================
   inputBtn - a fancy button with a fancy input radio/checkbox in it
   ========================================================================== */
.inputBtn {
  position: relative;
  text-transform: uppercase;
  display: inline-block;
  *display: inline;
  zoom: 1;
}
@media (max-width: 767px) {
  .inputBtn {
    margin-bottom: 5px;
  }
}
.inputBtn .inputBtn-input {
  position: absolute;
  z-index: -1;
  opacity: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.inputBtn .inputBtn-input:checked + label .inputBtn-label-defaultText {
  display: none;
}
.inputBtn .inputBtn-input:checked + label .inputBtn-label-activeText {
  display: inline;
}
.inputBtn-label-defaultText {
  display: inline;
}
.inputBtn-label-activeText {
  display: none;
}
.inputBtn-label {
  position: relative;
  padding: 20px 15px;
  background-color: #f2f2f2;
  border: 1px solid #808080;
  color: #808080;
  text-align: center;
  display: inline-block;
  *display: inline;
  zoom: 1;
  font-size: 20px;
  font-size: 1.25rem;
  -webkit-transition: all 100ms linear;
  -moz-transition: all 100ms linear;
  -o-transition: all 100ms linear;
  -ms-transition: all 100ms linear;
  transition: all 100ms linear;
}
.inputBtn-label:before {
  font-weight: 600;
  font-style: normal;
  font-size: 25px;
  position: absolute;
  z-index: 1;
  left: 20px;
  top: 50%;
  text-align: center;
  color: #fff;
  background-color: #808080;
}
.inputBtn-label:hover {
  background-color: #e6e6e6;
}
/* inputBtn variations and modifiers
   -------------------------------------------------------------------------- */
.inputBtn--checkbox .inputBtn-label {
  padding-left: 65px;
  text-align: left;
}
.inputBtn--checkbox .inputBtn-label:before {
  content: '+';
  margin-top: -14px;
  width: 30px;
  height: 30px;
  line-height: 30px;
  display: inline-block;
  *display: inline;
  zoom: 1;
}
.inputBtn--checkbox .inputBtn-input:checked + label {
  background-color: #e1faf0;
  border: 1px solid #48e0a4;
  color: #1C1C1E;
}
.inputBtn--checkbox .inputBtn-input:checked + label:before {
  content: '-';
  background-color: #282B2D;
  line-height: 25px;
}
.inputBtn--radio .inputBtn-label {
  padding-left: 70px;
  text-align: left;
}
.inputBtn--radio .inputBtn-label:before {
  content: '';
  margin-top: -17px;
  width: 35px;
  height: 35px;
  line-height: 30px;
  background-color: #f2f2f2;
  color: #fff;
  border: 2px solid #b3b3b3;
  -webkit-border-radius: 250px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 250px;
  -moz-background-clip: padding;
  border-radius: 250px;
  background-clip: padding-box;
  display: inline-block;
  *display: inline;
  zoom: 1;
}
.inputBtn--radio .inputBtn-input:checked + label {
  background-color: #e1faf0;
  border: 1px solid #48e0a4;
  color: #1C1C1E;
}
.inputBtn--radio .inputBtn-input:checked + label:before {
  content: '\e029';
  background-color: #282B2D;
  border-color: #282B2D;
  line-height: 32px;
  font-size: 20px;
  font-family: 'mt-icons';
  font-weight: normal;
  font-style: normal;
  text-decoration: inherit;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  letter-spacing: normal;
}
.inputBtn--full {
  display: block;
}
.inputBtn--full .inputBtn-label {
  display: block;
}
.inputBtn--grid .inputBtn-input:checked + label {
  background-color: #f26767;
  border-color: #f26767;
}
.inputBtn--dv .inputBtn-input:checked + label {
  background-color: #67a8da;
  border-color: #67a8da;
}
.inputBtn--dvdev .inputBtn-input:checked + label {
  background-color: #29cbcf;
  border-color: #29cbcf;
}
.inputBtn--wpress .inputBtn-input:checked + label {
  background-color: #FFD02B;
  border-color: #FFD02B;
}
.inputBtn--aws .inputBtn-input:checked + label {
  background-color: #faaf43;
  border-color: #faaf43;
}
.inputBtn--managed .inputBtn-input:checked + label {
  background-color: #9e7fb9;
  border-color: #9e7fb9;
}
[data-btn-tip]:after {
  content: attr(data-btn-tip);
  position: absolute;
  bottom: -16px;
  font-size: 13px;
  font-weight: 600;
  background: #48e0a4;
  color: #fff;
  padding: 4px 8px;
  width: 75%;
  text-align: center;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}
@media (min-width: 768px) and (max-width: 1199px) {
  [data-btn-tip]:after {
    bottom: -20px;
  }
}
@media (max-width: 767px) {
  [data-btn-tip]:after {
    position: static;
    display: block;
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -o-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
  }
}
.inputBtn--grid [data-btn-tip]:after {
  background-color: #1C1C1E;
  color: #f6f6f6;
}
.inputBtn-labelTag {
  overflow-wrap: break-word;
  position: absolute;
  bottom: -16px;
  font-size: 13px;
  font-weight: 600;
  background: #1C1C1E;
  color: #fff;
  padding: 4px 8px;
  width: 75%;
  text-align: center;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}
@media (min-width: 768px) and (max-width: 1199px) {
  .inputBtn-labelTag {
    bottom: -20px;
  }
}
@media (max-width: 767px) {
  .inputBtn-labelTag {
    position: static;
    display: block;
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -o-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
  }
}
table {
  max-width: 100%;
  background-color: transparent;
  border-collapse: collapse;
  border-spacing: 0;
}
.table {
  width: 100%;
  margin-bottom: 20px;
}
.table th,
.table td {
  padding: 10px;
  line-height: 20px;
  text-align: left;
  vertical-align: top;
  border-top: 1px solid #e6e6e6;
}
.table-borderless td {
  border-top: none;
}
.table th {
  font-weight: bold;
}
.table thead th {
  vertical-align: bottom;
}
.table caption {
  text-align: left;
  font-weight: bold;
  padding-bottom: 10px;
}
.table caption + thead tr:first-child th,
.table caption + thead tr:first-child td,
.table colgroup + thead tr:first-child th,
.table colgroup + thead tr:first-child td,
.table thead:first-child tr:first-child th,
.table thead:first-child tr:first-child td {
  border-top: 0;
}
.table tbody + tbody {
  border-top: 1px solid #e6e6e6;
}
.table .table {
  background-color: #fff;
}
.table--condensed th,
.table--condensed td {
  padding: 4px 5px;
}
.table--bordered {
  border: 1px solid #e6e6e6;
  border-collapse: separate;
  *border-collapse: collapse;
  border-left: 0;
}
.table--bordered th,
.table--bordered td {
  border-left: 1px solid #e6e6e6;
}
.table--inverted th,
.table--inverted td,
.table--inverted tbody + tbody,
.table--inverted.table--bordered {
  border-color: #333333;
}
.table--inverted th th,
.table--inverted td th,
.table--inverted tbody + tbody th,
.table--inverted.table--bordered th,
.table--inverted th td,
.table--inverted td td,
.table--inverted tbody + tbody td,
.table--inverted.table--bordered td {
  border-color: #333333;
}
.table--bordered caption + thead tr:first-child th,
.table--bordered caption + tbody tr:first-child th,
.table--bordered caption + tbody tr:first-child td,
.table--bordered colgroup + thead tr:first-child th,
.table--bordered colgroup + tbody tr:first-child th,
.table--bordered colgroup + tbody tr:first-child td,
.table--bordered thead:first-child tr:first-child th,
.table--bordered tbody:first-child tr:first-child th,
.table--bordered tbody:first-child tr:first-child td {
  border-top: 0;
}
.table--striped tbody > tr:nth-child(odd) > td,
.table--striped tbody > tr:nth-child(odd) > th {
  background: #f9f9f9;
}
.table--stripedAlt tbody > tr:nth-child(odd) > td,
.table--stripedAlt tbody > tr:nth-child(odd) > th {
  background: #ededed;
}
.table--colStriped td:nth-child(odd),
.table--colStriped th:nth-child(odd) {
  background: #f9f9f9;
}
.table--colStriped thead th:first-child,
.table--colStriped tbody th:first-child,
.table--colStriped tfoot th:first-child {
  background: #fff;
}
.table--hover tbody tr:hover > td,
.table--hover tbody tr:hover > th {
  background: #f5f5f5;
}
.table--plans th {
  color: #1C1C1E;
}
.table--plans th,
.table--plans td {
  padding: 20px 10px;
  text-align: center;
  vertical-align: middle;
}
.table--plans tbody th:first-child {
  text-align: right;
  font-size: 14px;
  text-transform: uppercase;
}
.table--clickableRows tr,
.table--clickableRows td {
  cursor: pointer;
}
.table--clickableRows .table-row-selected {
  background-color: #E1EBF2;
}
/**!
 * General navigation styles
 *
 * Nav object and simple modifiers to create various nav items.
 * http://csswizardry.com/2011/09/the-nav-abstraction
 * =========================================================================== */
/* ==========================================================================
   nav object (ul)
   ========================================================================== */
.nav {
  list-style: none;
  margin: 0;
  padding: 0;
}
.nav > li,
.nav > li > a {
  display: inline-block;
  *display: inline;
  zoom: 1;
}
/**
 * `.nav--stacked` extends `.nav` and throws the list into vertical mode, e.g.:
 *
    <ul class="nav  nav--stacked">

    </ul>
 *
 */
.nav--stacked > li {
  display: list-item;
}
.nav--stacked > li > a {
  display: block;
}
.nav--aside > li {
  display: list-item;
}
.nav--aside > li > a {
  display: block;
  padding: 5px;
}
.nav--aside > li > a.isActive {
  background-color: #e6e6e6;
  color: #000;
}
/**
 * `.nav--banner` extends `.nav` and centres the list, e.g.:
 *
    <ul class="nav  nav--banner">

    </ul>
 *
 */
.nav--banner {
  text-align: center;
}
/**
 * Force a nav to occupy 100% of the available width of its parent. Via @pimpl
 * Extends `.nav`, e.g.:
 *
    <ul class="nav  nav--fit">

    </ul>
 *
 */
.nav--fit {
  display: table;
  width: 100%;
}
.nav--fit > li {
  display: table-cell;
  text-align: center;
}
.nav--fit > li > a {
  display: block;
  text-align: center;
}
.nav--fitResponsive {
  display: table;
  width: 100%;
}
.nav--fitResponsive > li {
  display: table-cell;
  text-align: center;
  margin-bottom: 30px;
}
.nav--fitResponsive > li:last-child {
  margin: 0;
}
.nav--fitResponsive > li > a {
  display: block;
  text-align: center;
}
@media (min-width: 768px) and (max-width: 1199px), (max-width: 767px) {
  .nav--fitResponsive > li {
    width: 50%;
    display: inline-block;
    *display: inline;
    zoom: 1;
  }
  .nav--fitResponsive > li img {
    max-width: 100%;
  }
}
/**
 * Make a list of keywords.
 * Extends `.nav`, e.g.:
 *
    <ul class="nav  nav--keywords>
    
    </ul>
 *
 */
.nav--keywords > li:after {
  content: "\002C" "\00A0";
}
.nav--keywords > li:last-child:after {
  display: none;
}
.nav--side {
  height: 100%;
  max-height: 100%;
  border-top: 1px solid #ededed;
  border-right: 1px solid #ededed;
}
.nav--side > li {
  border-bottom: 1px solid #ededed;
  color: #262626;
}
.nav--side > li a {
  padding: 15px 0 15px 15px;
  text-transform: uppercase;
  color: inherit;
  display: block;
  -webkit-transition: all 120ms linear;
  -moz-transition: all 120ms linear;
  -o-transition: all 120ms linear;
  -ms-transition: all 120ms linear;
  transition: all 120ms linear;
}
.nav--side > li a .lush {
  margin-right: 15px;
}
.nav--side > li a:hover {
  background-color: #ededed;
}
.nav--side .isSelected a {
  background-color: #9fe0f3;
}
@media (max-width: 767px) {
  .nav--side {
    display: none;
  }
}
.navHeader {
  padding: 90px 0 30px 0;
}
.strip--magic {
  background: #f2f2f2;
  /* Old browsers */
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNmMmYyZjIiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(left, #f2f2f2 50%, #ffffff 50%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right top, color-stop(50%, #f2f2f2), color-stop(50%, #ffffff));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(left, #f2f2f2 50%, #ffffff 50%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(left, #f2f2f2 50%, #ffffff 50%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(left, #f2f2f2 50%, #ffffff 50%);
  /* IE10+ */
  background: linear-gradient(to right, #f2f2f2 50%, #ffffff 50%);
  /* W3C */
}
/**!
 * Footnote Object
 *
 * The Footnote object displays multiple notes. This component
 * is typically used under a component where a legal footnote is required.
 *
 *
 * Example Usage:
 *
<div class="o-footnote o-footnote--dark">
	<p class="o-footnote__note"><sup>1</sup> Special introductory pricing valid for the initial purchase term only. ...</p>
	<p class="o-footnote__note"><sup>2</sup> After first year, domain and SSL certificate will be billed at the...</p>
	<p class="o-footnote__note">* Offer valid for new annual and monthly Managed WordPress hosting services purchased ..</p>
</div>
 *
 * =========================================================================== */
.o-footnote__note {
  color: #666666;
  font-size: 12px;
  margin-bottom: 10px;
}
.o-footnote__note:last-child {
  margin-bottom: 0;
}
.o-footnote--dark .o-footnote__note {
  color: #666;
}
/**!
* Pricing Layout Object
*
* Pricing container
* =========================================================================== */
.o-pricing-container {
  -webkit-flex-basis: 48%;
  -moz-flex-basis: 48%;
  -ms-flex-basis: 48%;
  flex-basis: 48%;
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  -ms-flex-grow: 1;
  flex-grow: 1;
}
@media (min-width: 768px) and (max-width: 1095px) {
  .o-pricing-container {
    -webkit-flex-basis: 0;
    -moz-flex-basis: 0;
    -ms-flex-basis: 0;
    flex-basis: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-grow: 0;
    flex-grow: 0;
  }
}
.o-pricing-container__name {
  display: inline-block;
  font-size: 16px;
  line-height: 1;
  height: 35px;
  border-right: 1px solid #ccc;
  vertical-align: top;
  min-width: 76px;
}
@media (min-width: 768px) and (max-width: 1095px) {
}
.o-pricing-container__prices {
  position: relative;
  display: inline-block;
  font-size: 16px;
  vertical-align: top;
  min-width: 130px;
  padding-left: 20px;
  text-align: center;
}
@media (min-width: 768px) and (max-width: 1095px) {
  .o-pricing-container__prices {
    padding-left: 15px;
  }
}
.o-pricing-container__iprice {
  color: #ccc;
  font-size: 12px;
  font-weight: lighter;
}
.o-pricing-container__iprice ::before {
  content: ' ';
}
.o-pricing-container__discount {
  font-weight: 700;
}
.o-pricing-container__duration {
  display: block;
  position: absolute;
  right: 0;
  bottom: -15px;
  left: 0;
  margin: 0 auto;
  color: #282B2D;
  font-size: 12px;
  font-style: italic;
  font-weight: 400;
}
.o-pricing-container--mobile {
  float: right;
}
.o-pricing-container--mobile .o-pricing-container__iprice {
  font-size: 18px;
}
.o-pricing-container--mobile .o-pricing-container__discount {
  color: #282B2D;
  font-size: 24px;
  font-weight: 600;
}
.o-pricing-container--mobile .o-pricing-container__duration {
  color: #282B2D;
  font-size: 14px;
  letter-spacing: 1px;
  text-align: center;
}
/**!
 * Flag object
 *
 * Very similar to the `.media` object, only the flag object allows for 
 * vertical alignment.
 * stubbornella.org/content/2010/06/25/the-media-object-saves-hundreds-of-lines-of-code/
 * http://csswizardry.com/2013/05/the-flag-object/
 *
<div class="flag">
    <div class="flag-media">
        <img src="" alt="">
    </div>
    <div class="flag-body">
        <p></p>
    </div>
</div>
 *
 * =========================================================================== */
.flag {
  display: table;
  width: 100%;
}
.flag-media,
.flag-body {
  display: table-cell;
}
.flag--top .flag-media,
.flag--top .flag-body {
  vertical-align: top;
}
.flag--bottom .flag-media,
.flag--bottom .flag-body {
  vertical-align: bottom;
}
.flag--middle .flag-media,
.flag--middle .flag-body {
  vertical-align: middle;
}
.flag-body {
  padding-right: 30px;
}
.flag--rev .flag-body {
  padding-right: 0;
  padding-left: 30px;
}
.flag-media {
  padding-right: 30px;
}
.flag-media > img {
  display: block;
  max-width: none;
}
.flag--rev .flag-media {
  padding-right: 0;
  padding-left: 30px;
}
.flag-body {
  width: 100%;
}
/**!
 * Ribbon object
 *
<div class="ribbon">
    Content here
</div>
 *
 * =========================================================================== */
.ribbon {
  position: relative;
  display: inline-block;
  width: 90%;
  color: #282B2D;
  background-color: #c7a3e3;
  text-align: center;
  padding-top: 10px;
  padding-bottom: 10px;
  margin-left: 5%;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 14px;
  line-height: 0.875rem;
  font-weight: 600;
}
.ribbon p:first-child {
  text-transform: uppercase;
}
.ribbon:before,
.ribbon:after {
  content: "";
  bottom: 0em;
  position: absolute;
  display: block;
  border: 0.75em solid #c7a3e3;
  border-top-width: 1.75em;
  border-bottom-width: 1.75em;
}
.ribbon:before {
  left: -10px;
  border-right-width: .5em;
  border-left-color: transparent;
}
.ribbon:after {
  right: -10px;
  border-left-width: .5em;
  border-right-color: transparent;
}
/**!
 * Island object
 *
 * Simple, boxed off content, as per: csswizardry.com/2011/10/the-island-object
 * E.g.:
 *
   <div class="island">
       I am boxed off.
   </div>
 *
 * Demo: jsfiddle.net/inuitcss/u8pV3
 *
 * ========================================================================== */
.island {
  display: block;
}
.island {
  padding: 30px;
}
.island > :last-child {
  margin-bottom: 0;
}
/**
 * Various `.island` sizes.
 */
.island--small {
  padding: 15px;
}
.island--large {
  padding: 60px;
}
.island--rounded {
  -webkit-border-radius: 15px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 15px;
  -moz-background-clip: padding;
  border-radius: 15px;
  background-clip: padding-box;
}
/**
 * Controlling `.island` padding to allow for just
 * top and bottom or just left and right padding.
 */
.island--vertical {
  padding-left: 0;
  padding-right: 0;
}
.island--horizontal {
  padding-top: 0;
  padding-bottom: 0;
}
.island--top {
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0;
}
.island--bottom {
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
}
.island--right {
  padding-top: 0;
  padding-left: 0;
  padding-bottom: 0;
}
.island--left {
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0;
}
/**
 * Various `.island` colors
 */
.island--light {
  background-color: #fff;
}
.island--frost {
  background-color: #f6f6f6;
  border: 1px solid #dddddd;
}
.island--darkGraphite {
  background-color: #1C1C1E;
}
/**!
 * featurette
 *
 * featurette object 
 *
<div class="featurette">
    <div class="featurette-media">
        <img src="http://placehold.it/480x250" alt="">
    </div> 
    <h3 class="featurette-title">Title goes here</h3>
    <p class="featurette-blurb">Lorem ipsum blah blah blah</p>
    <a href="#" class="featurette-cta  cta  cta--go">
        Learn More <i aria-hidden="true" class="icon  icon--circleAngleRight"></i>
    </a>        
</div>
 *
 * =========================================================================== */
.featurette {
  margin-bottom: 60px;
  margin-bottom: 3.75rem;
}
.featurette:before,
.featurette:after {
  content: " ";
  display: table;
}
.featurette:after {
  clear: both;
}
.featurette ul {
  margin: 0 0 30px 20px;
  padding: 0;
}
.featurette li {
  font-size: 14px;
  margin: 0;
}
.featurette .featurette-media {
  text-align: center;
  margin-bottom: 30px;
  margin-bottom: 1.875rem;
}
.featurette .featurette-media img,
.featurette .featurette-media video,
.featurette .featurette-media iframe {
  width: 100%;
  max-width: 100%;
}
.featurette .featurette-title {
  margin-bottom: 15px;
  margin-bottom: 0.9375rem;
}
.featurette .featurette-blurb {
  margin-bottom: 15px;
  margin-bottom: 0.9375rem;
}
/* Featurette with a slick zoom effect.
   -------------------------------------------------------------------------- */
/**
 * In order to add the effect, you need to add a class of 'featurette-media--zoom'
 * to the 'featurette-media' div, this extends it by adding the zoom styles.
 * Next, add a div with a class of 'featurette-media-text' inside the div.
 *
 * EXAMPLE:
 * 
<div class="featurette">
    <div class="featurette-media  featurette-media--zoom  flexEmbed  flexEmbed--feature">
        <div class="featurette-media-text">HELLO WORLD</div>
        <img class="lazyImg  flexEmbed-item" data-src="/_img/whatever.jpg">
    </div> 
    <h3 class="featurette-title">My Title</h3>
    <p class="featurette-blurb">Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p>
</div>
 *
 * If you'd like to have the hover effect when you mousover the entire feature area
 * instead of just the image portion, place the class 'featurette--zoom' on the 
 * 'feature' div instead.
 *
 * <div class="featurette  featurette--zoom">
 * 
 */
.featurette-media--zoom,
.featurette--zoom {
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
.featurette-media--zoom img,
.featurette--zoom img {
  backface-visibility: hidden;
  -webkit-transition: all 150ms linear;
  -moz-transition: all 150ms linear;
  -o-transition: all 150ms linear;
  -ms-transition: all 150ms linear;
  transition: all 150ms linear;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
.featurette-media--zoom:hover img,
.featurette--zoom:hover img {
  backface-visibility: hidden;
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -o-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}
.featurette-media--zoom .featurette-media-text,
.featurette--zoom .featurette-media-text {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  text-align: center;
  padding: 0 5px;
  width: 100%;
  z-index: 5;
  color: #fff;
  font-size: 20px;
  font-size: 1.25rem;
}
.no-js .featurette-media {
  display: none;
}
/* ==========================================================================
   Intrinsic ratio embed - http://j.mp/GIHbnu
   ========================================================================== */
/**
 * Flexible media embeds
 *
 * For use with media embeds – such as videos, slideshows, or even images –
 * that need to retain a specific aspect ratio but adapt to the width of their
 * containing element.
 *
 * Example HTML:
 *
 * <div class="flexEmbed flexEmbed--16by9">
 *     <iframe class="flexEmbed-item" src="…"></iframe>
 * </div>
 *
 * <div class="flexEmbed flexEmbed--16by9">
 *     [iframe|object|embed|img]
 * </div>
 */
.flexEmbed {
  position: relative;
  overflow: hidden;
  height: 0;
  padding-bottom: 0;
  padding-top: 0;
}
/**
 * The use of an explicit descendant class makes this component more flexible.
 * However, it will work automatically for iframes, embeds, and objects to
 * account for times when you cannot modify the attributes for 3rd party widget
 * code.
 */
.flexEmbed-item,
.flexEmbed iframe,
.flexEmbed embed,
.flexEmbed object,
.flexEmbed video {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}
/**
 * Modifier: 21:9 aspect ratio
 */
.flexEmbed--21by9 {
  padding-bottom: 41.66%;
}
/**
 * Modifier: 16:9 aspect ratio
 */
.flexEmbed--16by9 {
  padding-bottom: 56.20%;
}
/**
 * Modifier: 4:3 aspect ratio
 */
.flexEmbed--4by3 {
  padding-bottom: 75%;
}
/**
 * Hero Unit
 */
.flexEmbed--hero {
  padding-bottom: 32.2%;
}
.flexEmbed--feature {
  padding-bottom: 51%;
}
.flexEmbed--person {
  padding-bottom: 100%;
}
.flexEmbed--imgClip {
  padding-bottom: 40%;
}
.flexEmbed--imgClip .flexEmbed-item {
  top: auto;
  height: auto;
}
/**
 * Simple options object to provide multiple choices, e.g.:
 *
   <h1 class=thisOrThis>
       <a href=# class="thisOrThis-this  two-fifths">
           Free
       </a>
       <span class="thisOrThis-or  one-fifth">
           or
       </span>
       <a href=# class="thisOrThis-this  two-fifths">
           Pro
       </a>
   </h1>
 *
 */
.thisOrThis {
  display: table;
  width: 100%;
  text-align: center;
}
.thisOrThis-this,
.thisOrThis-or {
  display: table-cell;
  vertical-align: middle;
}
.thisOrThis-or {
  padding-left: 15px;
  padding-right: 15px;
}
@media (max-width: 767px) {
  .thisOrThis--smStacked {
    display: block;
  }
  .thisOrThis--smStacked .thisOrThis-this,
  .thisOrThis--smStacked .thisOrThis-or {
    display: block;
  }
  .thisOrThis--smStacked .thisOrThis-or {
    padding-top: 15px;
    padding-bottom: 15px;
  }
}
/**!
 * (mt) CSS Grid System
 *
 * Custom CSS grid solution built with LESS
 * ========================================================================== */
/* ==========================================================================
   Mixins that build columns and rows
   Note: Grid variables located in ~/variables.less
   ========================================================================== */
/**
 * Make grid columns
 */
/**
 * Make push columns
 */
/**
 * Make row inside grid container
 */
/**
 * Grid/Columns based on `display: inline-block;` divs
 */
/**
 * Grid/Columns based on `float: left;` divs
 */
/**
 * Stacked grid columns for mobile view
 */
/* ==========================================================================
   Grid system classes
   ========================================================================== */
/**
 * The grid container
 * Anytime you use the grid there should be a grid container.

<div class="grid">
   [...]
</div>

 */
.grid {
  margin: 0 auto;
  max-width: 1240px;
  padding-left: 20px;
  padding-right: 20px;
}
.grid:before,
.grid:after {
  content: " ";
  display: table;
}
.grid:after {
  clear: both;
}
.grid:before,
.grid:after {
  content: " ";
  display: table;
}
.grid:after {
  clear: both;
}
/**
 * Use a row inside of a grid or grid column.

<div class="grid">
   <div class="row">
       [...]
   </div>
</div>

 */
.grid-row {
  clear: both;
}
.grid-row:before,
.grid-row:after {
  content: " ";
  display: table;
}
.grid-row:after {
  clear: both;
}
/**
 * I think you know how columns work.
 * Each grid column should have a class of `grid-col`.
 * Note: You __DONT__ need to add a class of `last` or anything to the last column.

<div class="grid">
    <div class="grid-col  span6">
        [...]
    </div>
    <div class="grid-col  span6">
        [...]
    </div>
</div>

 */
.grid-col {
  float: left;
  display: inline;
  margin-left: 0.83335%;
  margin-right: 0.83335%;
}
.grid-col:before,
.grid-col:after {
  content: " ";
  display: table;
}
.grid-col:after {
  clear: both;
}
.grid-col .grid,
.grid-col .grid-row {
  margin-left: -0.83335%;
  margin-right: -0.83335%;
}
@media (max-width: 767px) {
  .grid-col--spaced {
    margin-bottom: 30px;
  }
  .grid-col--spaced--sm {
    margin-bottom: 15px;
  }
  .grid-col--spaced--lg {
    margin-bottom: 60px;
  }
}
/* Grid Modifiers
   -------------------------------------------------------------------------- */
/**
 * Grid that spans the length of the browser.
 */
.grid--wide {
  max-width: 100%;
}
.grid--split {
  max-width: 100%;
  width: 100%;
}
.grid--split > .grid-col {
  width: 50%;
  margin: 0;
}
/* Grid column widths
   -------------------------------------------------------------------------- */
.span1 {
  width: 6.667%;
}
.span2 {
  width: 15%;
}
.span3 {
  width: 23.333%;
}
.oneFourth {
  width: 23.333%;
}
.span4 {
  width: 31.667%;
}
.oneThird {
  width: 31.667%;
}
.span5 {
  width: 40%;
}
.span6 {
  width: 48.333%;
}
.oneHalf {
  width: 48.333%;
}
.span7 {
  width: 56.667%;
}
.span8 {
  width: 65%;
}
.span9 {
  width: 73.333%;
}
.span10 {
  width: 81.667%;
}
.span11 {
  width: 90%;
}
.span12 {
  float: none;
  clear: both;
  display: block;
  width: 98.333%;
}
.push0 {
  margin-left: 0.8333%;
}
.push1 {
  margin-left: 9.1667%;
}
.push1--half {
  margin-left: 13.1667%;
}
.push2 {
  margin-left: 17.5%;
}
.push3 {
  margin-left: 25.8333%;
}
.push4 {
  margin-left: 34.1667%;
}
.push5 {
  margin-left: 42.5%;
}
.push6 {
  margin-left: 50.8333%;
}
.push7 {
  margin-left: 59.1667%;
}
.push8 {
  margin-left: 67.5%;
}
.push9 {
  margin-left: 75.8333%;
}
.push10 {
  margin-left: 84.1667%;
}
.push11 {
  margin-left: 92.5%;
}
.push12 {
  margin-left: 100.8333%;
}
.pull1 {
  margin-right: 9.1667%;
}
.pull1--half {
  margin-right: 13.1667%;
}
.pull2 {
  margin-right: 17.5%;
}
.pull3 {
  margin-right: 25.8333%;
}
.pull4 {
  margin-right: 34.1667%;
}
.pull5 {
  margin-right: 42.5%;
}
.pull6 {
  margin-right: 50.8333%;
}
.pull7 {
  margin-right: 59.1667%;
}
.pull8 {
  margin-right: 67.5%;
}
.pull9 {
  margin-right: 75.8333%;
}
.pull10 {
  margin-right: 84.1667%;
}
.pull11 {
  margin-right: 92.5%;
}
.pull12 {
  margin-right: 100.8333%;
}
/* ==========================================================================
   Grid system media query adjustments.
   ========================================================================== */
@media (min-width: 768px) and (max-width: 1199px) {
  html {
    font-size: 95%;
  }
  .med-span1 {
    width: 6.667%;
  }
  .medium-span1 {
    width: 6.667%;
  }
  .med-span2 {
    width: 15%;
  }
  .medium-span2 {
    width: 15%;
  }
  .med-span3 {
    width: 23.333%;
  }
  .medium-span3 {
    width: 23.333%;
  }
  .med-oneFourth {
    width: 23.333%;
  }
  .medium-oneFourth {
    width: 23.333%;
  }
  .med-span4 {
    width: 31.667%;
  }
  .medium-span4 {
    width: 31.667%;
  }
  .med-oneThird {
    width: 31.667%;
  }
  .medium-oneThird {
    width: 31.667%;
  }
  .med-span5 {
    width: 40%;
  }
  .medium-span5 {
    width: 40%;
  }
  .med-span6 {
    width: 48.333%;
  }
  .medium-span6 {
    width: 48.333%;
  }
  .med-oneHalf {
    width: 48.333%;
  }
  .medium-oneHalf {
    width: 48.333%;
  }
  .med-span7 {
    width: 56.667%;
  }
  .medium-span7 {
    width: 56.667%;
  }
  .med-span8 {
    width: 65%;
  }
  .medium-span8 {
    width: 65%;
  }
  .med-span9 {
    width: 73.333%;
  }
  .medium-span9 {
    width: 73.333%;
  }
  .med-span10 {
    width: 81.667%;
  }
  .medium-span10 {
    width: 81.667%;
  }
  .med-span11 {
    width: 90%;
  }
  .medium-span11 {
    width: 90%;
  }
  .med-span12,
  .medium-span12 {
    float: none;
    clear: both;
    display: block;
    width: 98.333%;
  }
  .med-push0 {
    margin-left: 0.8333%;
  }
  .med-push1 {
    margin-left: 9.1667%;
  }
  .medium-push1 {
    margin-left: 9.1667%;
  }
  .med-push1--half {
    margin-left: 13.1667%;
  }
  .medium-push1--half {
    margin-left: 13.1667%;
  }
  .med-push2 {
    margin-left: 17.5%;
  }
  .medium-push2 {
    margin-left: 17.5%;
  }
  .med-push3 {
    margin-left: 25.8333%;
  }
  .medium-push3 {
    margin-left: 25.8333%;
  }
  .med-push4 {
    margin-left: 34.1667%;
  }
  .medium-push4 {
    margin-left: 34.1667%;
  }
  .med-push5 {
    margin-left: 42.5%;
  }
  .medium-push5 {
    margin-left: 42.5%;
  }
  .med-push6 {
    margin-left: 50.8333%;
  }
  .medium-push6 {
    margin-left: 50.8333%;
  }
  .med-push7 {
    margin-left: 59.1667%;
  }
  .medium-push7 {
    margin-left: 59.1667%;
  }
  .med-push8 {
    margin-left: 67.5%;
  }
  .medium-push8 {
    margin-left: 67.5%;
  }
  .med-push9 {
    margin-left: 75.8333%;
  }
  .medium-push9 {
    margin-left: 75.8333%;
  }
  .med-push10 {
    margin-left: 84.1667%;
  }
  .medium-push10 {
    margin-left: 84.1667%;
  }
  .med-push11 {
    margin-left: 92.5%;
  }
  .medium-push11 {
    margin-left: 92.5%;
  }
  .med-push12 {
    margin-left: 100.8333%;
  }
  .medium-push12 {
    margin-left: 100.8333%;
  }
  .med-pull0 {
    margin-right: 0.8333%;
  }
  .medium-pull0 {
    margin-right: 0.8333%;
  }
  .med-pull1 {
    margin-right: 9.1667%;
  }
  .medium-pull1 {
    margin-right: 9.1667%;
  }
  .med-pull2 {
    margin-right: 17.5%;
  }
  .medium-pull2 {
    margin-right: 17.5%;
  }
  .med-pull3 {
    margin-right: 25.8333%;
  }
  .medium-pull3 {
    margin-right: 25.8333%;
  }
  .med-pull4 {
    margin-right: 34.1667%;
  }
  .medium-pull4 {
    margin-right: 34.1667%;
  }
  .med-pull5 {
    margin-right: 42.5%;
  }
  .medium-pull5 {
    margin-right: 42.5%;
  }
  .med-pull6 {
    margin-right: 50.8333%;
  }
  .medium-pull6 {
    margin-right: 50.8333%;
  }
}
@media (max-width: 767px) {
  html {
    font-size: 90%;
  }
  .grid-col {
    display: block;
    float: none;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
  .small-span1 {
    float: left;
    display: inline;
    margin-left: 0.83335%;
    margin-right: 0.83335%;
    width: 6.667%;
  }
  .small-span1:before,
  .small-span1:after {
    content: " ";
    display: table;
  }
  .small-span1:after {
    clear: both;
  }
  .sm-span1 {
    float: left;
    display: inline;
    margin-left: 0.83335%;
    margin-right: 0.83335%;
    width: 6.667%;
  }
  .sm-span1:before,
  .sm-span1:after {
    content: " ";
    display: table;
  }
  .sm-span1:after {
    clear: both;
  }
  .small-span2 {
    float: left;
    display: inline;
    margin-left: 0.83335%;
    margin-right: 0.83335%;
    width: 15%;
  }
  .small-span2:before,
  .small-span2:after {
    content: " ";
    display: table;
  }
  .small-span2:after {
    clear: both;
  }
  .sm-span2 {
    float: left;
    display: inline;
    margin-left: 0.83335%;
    margin-right: 0.83335%;
    width: 15%;
  }
  .sm-span2:before,
  .sm-span2:after {
    content: " ";
    display: table;
  }
  .sm-span2:after {
    clear: both;
  }
  .small-span3 {
    float: left;
    display: inline;
    margin-left: 0.83335%;
    margin-right: 0.83335%;
    width: 23.333%;
  }
  .small-span3:before,
  .small-span3:after {
    content: " ";
    display: table;
  }
  .small-span3:after {
    clear: both;
  }
  .sm-span3 {
    float: left;
    display: inline;
    margin-left: 0.83335%;
    margin-right: 0.83335%;
    width: 23.333%;
  }
  .sm-span3:before,
  .sm-span3:after {
    content: " ";
    display: table;
  }
  .sm-span3:after {
    clear: both;
  }
  .small-oneFourth {
    float: left;
    display: inline;
    margin-left: 0.83335%;
    margin-right: 0.83335%;
    width: 23.333%;
  }
  .small-oneFourth:before,
  .small-oneFourth:after {
    content: " ";
    display: table;
  }
  .small-oneFourth:after {
    clear: both;
  }
  .sm-oneFourth {
    float: left;
    display: inline;
    margin-left: 0.83335%;
    margin-right: 0.83335%;
    width: 23.333%;
  }
  .sm-oneFourth:before,
  .sm-oneFourth:after {
    content: " ";
    display: table;
  }
  .sm-oneFourth:after {
    clear: both;
  }
  .small-span4 {
    float: left;
    display: inline;
    margin-left: 0.83335%;
    margin-right: 0.83335%;
    width: 31.667%;
  }
  .small-span4:before,
  .small-span4:after {
    content: " ";
    display: table;
  }
  .small-span4:after {
    clear: both;
  }
  .sm-span4 {
    float: left;
    display: inline;
    margin-left: 0.83335%;
    margin-right: 0.83335%;
    width: 31.667%;
  }
  .sm-span4:before,
  .sm-span4:after {
    content: " ";
    display: table;
  }
  .sm-span4:after {
    clear: both;
  }
  .small-oneThird {
    float: left;
    display: inline;
    margin-left: 0.83335%;
    margin-right: 0.83335%;
    width: 31.667%;
  }
  .small-oneThird:before,
  .small-oneThird:after {
    content: " ";
    display: table;
  }
  .small-oneThird:after {
    clear: both;
  }
  .sm-oneThird {
    float: left;
    display: inline;
    margin-left: 0.83335%;
    margin-right: 0.83335%;
    width: 31.667%;
  }
  .sm-oneThird:before,
  .sm-oneThird:after {
    content: " ";
    display: table;
  }
  .sm-oneThird:after {
    clear: both;
  }
  .small-span5 {
    float: left;
    display: inline;
    margin-left: 0.83335%;
    margin-right: 0.83335%;
    width: 40%;
  }
  .small-span5:before,
  .small-span5:after {
    content: " ";
    display: table;
  }
  .small-span5:after {
    clear: both;
  }
  .sm-span5 {
    float: left;
    display: inline;
    margin-left: 0.83335%;
    margin-right: 0.83335%;
    width: 40%;
  }
  .sm-span5:before,
  .sm-span5:after {
    content: " ";
    display: table;
  }
  .sm-span5:after {
    clear: both;
  }
  .small-span6 {
    float: left;
    display: inline;
    margin-left: 0.83335%;
    margin-right: 0.83335%;
    width: 48.333%;
  }
  .small-span6:before,
  .small-span6:after {
    content: " ";
    display: table;
  }
  .small-span6:after {
    clear: both;
  }
  .sm-span6 {
    float: left;
    display: inline;
    margin-left: 0.83335%;
    margin-right: 0.83335%;
    width: 48.333%;
  }
  .sm-span6:before,
  .sm-span6:after {
    content: " ";
    display: table;
  }
  .sm-span6:after {
    clear: both;
  }
  .small-oneHalf {
    float: left;
    display: inline;
    margin-left: 0.83335%;
    margin-right: 0.83335%;
    width: 48.333%;
  }
  .small-oneHalf:before,
  .small-oneHalf:after {
    content: " ";
    display: table;
  }
  .small-oneHalf:after {
    clear: both;
  }
  .sm-oneHalf {
    float: left;
    display: inline;
    margin-left: 0.83335%;
    margin-right: 0.83335%;
    width: 48.333%;
  }
  .sm-oneHalf:before,
  .sm-oneHalf:after {
    content: " ";
    display: table;
  }
  .sm-oneHalf:after {
    clear: both;
  }
  .small-span7 {
    float: left;
    display: inline;
    margin-left: 0.83335%;
    margin-right: 0.83335%;
    width: 56.667%;
  }
  .small-span7:before,
  .small-span7:after {
    content: " ";
    display: table;
  }
  .small-span7:after {
    clear: both;
  }
  .sm-span7 {
    float: left;
    display: inline;
    margin-left: 0.83335%;
    margin-right: 0.83335%;
    width: 56.667%;
  }
  .sm-span7:before,
  .sm-span7:after {
    content: " ";
    display: table;
  }
  .sm-span7:after {
    clear: both;
  }
  .small-span8 {
    float: left;
    display: inline;
    margin-left: 0.83335%;
    margin-right: 0.83335%;
    width: 65%;
  }
  .small-span8:before,
  .small-span8:after {
    content: " ";
    display: table;
  }
  .small-span8:after {
    clear: both;
  }
  .sm-span8 {
    float: left;
    display: inline;
    margin-left: 0.83335%;
    margin-right: 0.83335%;
    width: 65%;
  }
  .sm-span8:before,
  .sm-span8:after {
    content: " ";
    display: table;
  }
  .sm-span8:after {
    clear: both;
  }
  .small-span9 {
    float: left;
    display: inline;
    margin-left: 0.83335%;
    margin-right: 0.83335%;
    width: 73.333%;
  }
  .small-span9:before,
  .small-span9:after {
    content: " ";
    display: table;
  }
  .small-span9:after {
    clear: both;
  }
  .sm-span9 {
    float: left;
    display: inline;
    margin-left: 0.83335%;
    margin-right: 0.83335%;
    width: 73.333%;
  }
  .sm-span9:before,
  .sm-span9:after {
    content: " ";
    display: table;
  }
  .sm-span9:after {
    clear: both;
  }
  .small-span10 {
    float: left;
    display: inline;
    margin-left: 0.83335%;
    margin-right: 0.83335%;
    width: 81.667%;
  }
  .small-span10:before,
  .small-span10:after {
    content: " ";
    display: table;
  }
  .small-span10:after {
    clear: both;
  }
  .sm-span10 {
    float: left;
    display: inline;
    margin-left: 0.83335%;
    margin-right: 0.83335%;
    width: 81.667%;
  }
  .sm-span10:before,
  .sm-span10:after {
    content: " ";
    display: table;
  }
  .sm-span10:after {
    clear: both;
  }
  .small-span11 {
    float: left;
    display: inline;
    margin-left: 0.83335%;
    margin-right: 0.83335%;
    width: 90%;
  }
  .small-span11:before,
  .small-span11:after {
    content: " ";
    display: table;
  }
  .small-span11:after {
    clear: both;
  }
  .sm-span11 {
    float: left;
    display: inline;
    margin-left: 0.83335%;
    margin-right: 0.83335%;
    width: 90%;
  }
  .sm-span11:before,
  .sm-span11:after {
    content: " ";
    display: table;
  }
  .sm-span11:after {
    clear: both;
  }
  .small-span12,
  .sm-span12 {
    float: none;
    clear: both;
    display: block;
    float: left;
    display: inline;
    margin-left: 0.83335%;
    margin-right: 0.83335%;
    width: 98.333%;
  }
  .small-span12:before,
  .sm-span12:before,
  .small-span12:after,
  .sm-span12:after {
    content: " ";
    display: table;
  }
  .small-span12:after,
  .sm-span12:after {
    clear: both;
  }
  .small-push1 {
    float: left;
    display: inline;
    margin-left: 0.83335%;
    margin-right: 0.83335%;
    margin-left: 9.1667%;
  }
  .small-push1:before,
  .small-push1:after {
    content: " ";
    display: table;
  }
  .small-push1:after {
    clear: both;
  }
  .sm-push1 {
    float: left;
    display: inline;
    margin-left: 0.83335%;
    margin-right: 0.83335%;
    margin-left: 9.1667%;
  }
  .sm-push1:before,
  .sm-push1:after {
    content: " ";
    display: table;
  }
  .sm-push1:after {
    clear: both;
  }
  .small-push1--half {
    margin-left: 13.1667%;
  }
  .sm-push1--half {
    margin-left: 13.1667%;
  }
  .small-push2 {
    float: left;
    display: inline;
    margin-left: 0.83335%;
    margin-right: 0.83335%;
    margin-left: 17.5%;
  }
  .small-push2:before,
  .small-push2:after {
    content: " ";
    display: table;
  }
  .small-push2:after {
    clear: both;
  }
  .sm-push2 {
    float: left;
    display: inline;
    margin-left: 0.83335%;
    margin-right: 0.83335%;
    margin-left: 17.5%;
  }
  .sm-push2:before,
  .sm-push2:after {
    content: " ";
    display: table;
  }
  .sm-push2:after {
    clear: both;
  }
  .small-push3 {
    float: left;
    display: inline;
    margin-left: 0.83335%;
    margin-right: 0.83335%;
    margin-left: 25.8333%;
  }
  .small-push3:before,
  .small-push3:after {
    content: " ";
    display: table;
  }
  .small-push3:after {
    clear: both;
  }
  .sm-push3 {
    float: left;
    display: inline;
    margin-left: 0.83335%;
    margin-right: 0.83335%;
    margin-left: 25.8333%;
  }
  .sm-push3:before,
  .sm-push3:after {
    content: " ";
    display: table;
  }
  .sm-push3:after {
    clear: both;
  }
  .small-push4 {
    float: left;
    display: inline;
    margin-left: 0.83335%;
    margin-right: 0.83335%;
    margin-left: 34.1667%;
  }
  .small-push4:before,
  .small-push4:after {
    content: " ";
    display: table;
  }
  .small-push4:after {
    clear: both;
  }
  .sm-push4 {
    float: left;
    display: inline;
    margin-left: 0.83335%;
    margin-right: 0.83335%;
    margin-left: 34.1667%;
  }
  .sm-push4:before,
  .sm-push4:after {
    content: " ";
    display: table;
  }
  .sm-push4:after {
    clear: both;
  }
  .small-push5 {
    float: left;
    display: inline;
    margin-left: 0.83335%;
    margin-right: 0.83335%;
    margin-left: 42.5%;
  }
  .small-push5:before,
  .small-push5:after {
    content: " ";
    display: table;
  }
  .small-push5:after {
    clear: both;
  }
  .sm-push5 {
    float: left;
    display: inline;
    margin-left: 0.83335%;
    margin-right: 0.83335%;
    margin-left: 42.5%;
  }
  .sm-push5:before,
  .sm-push5:after {
    content: " ";
    display: table;
  }
  .sm-push5:after {
    clear: both;
  }
  .small-push6 {
    float: left;
    display: inline;
    margin-left: 0.83335%;
    margin-right: 0.83335%;
    margin-left: 50.8333%;
  }
  .small-push6:before,
  .small-push6:after {
    content: " ";
    display: table;
  }
  .small-push6:after {
    clear: both;
  }
  .sm-push6 {
    float: left;
    display: inline;
    margin-left: 0.83335%;
    margin-right: 0.83335%;
    margin-left: 50.8333%;
  }
  .sm-push6:before,
  .sm-push6:after {
    content: " ";
    display: table;
  }
  .sm-push6:after {
    clear: both;
  }
  .small-push7 {
    float: left;
    display: inline;
    margin-left: 0.83335%;
    margin-right: 0.83335%;
    margin-left: 59.1667%;
  }
  .small-push7:before,
  .small-push7:after {
    content: " ";
    display: table;
  }
  .small-push7:after {
    clear: both;
  }
  .sm-push7 {
    float: left;
    display: inline;
    margin-left: 0.83335%;
    margin-right: 0.83335%;
    margin-left: 59.1667%;
  }
  .sm-push7:before,
  .sm-push7:after {
    content: " ";
    display: table;
  }
  .sm-push7:after {
    clear: both;
  }
  .small-push8 {
    float: left;
    display: inline;
    margin-left: 0.83335%;
    margin-right: 0.83335%;
    margin-left: 67.5%;
  }
  .small-push8:before,
  .small-push8:after {
    content: " ";
    display: table;
  }
  .small-push8:after {
    clear: both;
  }
  .sm-push8 {
    float: left;
    display: inline;
    margin-left: 0.83335%;
    margin-right: 0.83335%;
    margin-left: 67.5%;
  }
  .sm-push8:before,
  .sm-push8:after {
    content: " ";
    display: table;
  }
  .sm-push8:after {
    clear: both;
  }
  .small-push9 {
    float: left;
    display: inline;
    margin-left: 0.83335%;
    margin-right: 0.83335%;
    margin-left: 75.8333%;
  }
  .small-push9:before,
  .small-push9:after {
    content: " ";
    display: table;
  }
  .small-push9:after {
    clear: both;
  }
  .sm-push9 {
    float: left;
    display: inline;
    margin-left: 0.83335%;
    margin-right: 0.83335%;
    margin-left: 75.8333%;
  }
  .sm-push9:before,
  .sm-push9:after {
    content: " ";
    display: table;
  }
  .sm-push9:after {
    clear: both;
  }
  .small-push10 {
    float: left;
    display: inline;
    margin-left: 0.83335%;
    margin-right: 0.83335%;
    margin-left: 84.1667%;
  }
  .small-push10:before,
  .small-push10:after {
    content: " ";
    display: table;
  }
  .small-push10:after {
    clear: both;
  }
  .sm-push10 {
    float: left;
    display: inline;
    margin-left: 0.83335%;
    margin-right: 0.83335%;
    margin-left: 84.1667%;
  }
  .sm-push10:before,
  .sm-push10:after {
    content: " ";
    display: table;
  }
  .sm-push10:after {
    clear: both;
  }
  .small-push11 {
    float: left;
    display: inline;
    margin-left: 0.83335%;
    margin-right: 0.83335%;
    margin-left: 92.5%;
  }
  .small-push11:before,
  .small-push11:after {
    content: " ";
    display: table;
  }
  .small-push11:after {
    clear: both;
  }
  .sm-push11 {
    float: left;
    display: inline;
    margin-left: 0.83335%;
    margin-right: 0.83335%;
    margin-left: 92.5%;
  }
  .sm-push11:before,
  .sm-push11:after {
    content: " ";
    display: table;
  }
  .sm-push11:after {
    clear: both;
  }
  .small-push12 {
    float: left;
    display: inline;
    margin-left: 0.83335%;
    margin-right: 0.83335%;
    margin-left: 100.8333%;
  }
  .small-push12:before,
  .small-push12:after {
    content: " ";
    display: table;
  }
  .small-push12:after {
    clear: both;
  }
  .sm-push12 {
    float: left;
    display: inline;
    margin-left: 0.83335%;
    margin-right: 0.83335%;
    margin-left: 100.8333%;
  }
  .sm-push12:before,
  .sm-push12:after {
    content: " ";
    display: table;
  }
  .sm-push12:after {
    clear: both;
  }
}
@media (max-width: 480px) {
  .grid .grid-col {
    display: block;
    float: none;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
}
.grid-col--singleRow {
  margin-top: 90px;
}
@media (min-width: 768px) and (max-width: 1199px) {
  .grid-col--singleRow {
    margin-top: 16px;
    display: inline-block;
  }
}
@media (max-width: 767px) {
  .grid-col--singleRow {
    margin-top: 0;
  }
}
/**!
 * Alerts
 *
 * Alerts and feedback boxes
 * =========================================================================== */
.alert {
  border: 1px solid #48e0a4;
  margin-bottom: 30px;
  padding: 15px 30px;
  position: relative;
  color: #000;
}
.alert a {
  color: #f4f4f4;
}
.alert a:hover {
  text-decoration: underline;
}
.alert h2 {
  margin-bottom: 15px;
  margin-bottom: 0.9375rem;
}
.alert p:last-child {
  margin: 0;
}
.alert--warning {
  background-color: #f0ad4e;
  border-color: #ec971f;
}
.alert--error {
  border: 1px solid #f4cecd;
  background-color: #fbefee;
}
.alert--success {
  background-color: #E1F1E1;
  border-color: #bee1be;
}
.alert--tld {
  background-color: #48e0a4;
  border-color: #23d28d;
}
.alert--info {
  background-color: #5bc0de;
  border-color: #31b0d5;
}
.alert-text {
  margin: 5px 0;
}
.alert-close {
  position: absolute;
  right: 15px;
  top: 15px;
}
.alert--short {
  max-width: 800px;
}
/**!
 * Dividers
 *
 * Various hr divider styles
 * ========================================================================== */
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}
hr {
  margin-top: 30px;
  margin-bottom: 30px;
  border: 0;
  border-top: 1px solid #f4f4f4;
}
.hr--thin {
  margin-top: 15px;
  margin-bottom: 15px;
}
.hr--tiny {
  margin-top: 10px;
  margin-bottom: 10px;
}
.hr--spacer {
  border: none;
  height: 1px;
}
.hr--bold {
  border-top-width: 2px;
}
.hr--thick {
  border-top-width: 3px;
}
.strip--graphite hr {
  border-color: #1C1C1E;
}
.strip--graphite hr.hr--darkGray {
  border-color: #ccc;
}
.strip--darkGraphite hr {
  border-color: #282B2D;
}
.strip--darkGraphite hr.hr--darkGray {
  border-color: #ccc;
}
.strip--light hr {
  border-color: #f6f6f6;
}
.strip--light hr.hr--darkGray {
  border-color: #ccc;
}
.strip--frost hr {
  border-color: #ededed;
}
.strip--frost hr.hr--darkGray {
  border-color: #ccc;
}
.strip--gray hr {
  border-color: #b3b3b3;
}
.strip--gray hr.hr--darkGray {
  border-color: #ccc;
}
.hr--darkGray {
  border-color: #ccc;
}
.hr--noMargin {
  margin-top: 0;
  margin-bottom: 0;
}
/**!
 * Cookie Alert component
 * This alert banner is displayed at the bottom of the window if the user
 * hasn't accepted our cookie privacy policy terms yet. Once accepted, the
 * banner disappears.
 * ============================================================= */
.c-cookie-alert {
  background-color: #48e0a4;
  position: fixed;
  z-index: 1000;
  bottom: 0;
  width: 100%;
}
.c-cookie-alert__body {
  display: flex;
  align-items: center;
  padding: 9px 0;
}
.c-cookie-alert__copy {
  font-weight: 600;
  color: #282B2D;
  margin: auto 30px auto 0;
}
@media (max-width: 480px) {
  .c-cookie-alert__copy {
    margin-right: 0;
  }
}
.c-cookie-alert__link {
  color: #282B2D !important;
  text-decoration: underline;
}
.c-cookie-alert button.c-cookie-alert__btn {
  padding: 6px 16px;
  margin-left: 20px;
}
@media (max-width: 480px) {
  .c-cookie-alert button.c-cookie-alert__btn {
    margin: 10px 0 4px;
  }
}
/**!
 * Flaguette component
 *
 * Defaults: left, primary color, double lines
 *
 * Available options:
 * c-flaguette--right
 * c-flaguette--single
 * c-flaguette--color-dvdev
 * c-flaguette--color-wpress
 * c-flaguette--color-grid
 *
 * ============================================================= */
.c-flaguette {
  height: 22px;
}
.c-flaguette__body {
  background-color: #48e0a4;
  height: 100%;
  float: left;
  padding: 0 5px;
}
.c-flaguette__copy {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.c-flaguette__copy-line {
  display: block;
  line-height: .9;
  font-weight: 600;
  text-align: center;
  color: #282B2D;
}
.c-flaguette__copy-line:nth-of-type(1) {
  font-size: 12px;
  font-weight: 700;
}
.c-flaguette__copy-line:nth-of-type(2) {
  font-size: 10px;
}
.c-flaguette::before {
  content: '';
  float: left;
  border-top: 11px solid transparent;
  border-bottom: 11px solid transparent;
  border-right: 11px solid #48e0a4;
}
.c-flaguette::after {
  content: '';
  float: left;
  border-top: 11px solid transparent;
  border-bottom: 11px solid transparent;
  border-left: 11px solid #48e0a4;
  display: none;
}
.c-flaguette--right::before {
  display: none;
}
.c-flaguette--right::after {
  display: block;
}
.c-flaguette--color-dvdev .c-flaguette__body {
  background-color: #29cbcf;
}
.c-flaguette--color-dvdev::before {
  border-right-color: #29cbcf;
}
.c-flaguette--color-dvdev::after {
  border-left-color: #29cbcf;
}
.c-flaguette--color-wpress .c-flaguette__body {
  background-color: #FFD02B;
}
.c-flaguette--color-wpress::before {
  border-right-color: #FFD02B;
}
.c-flaguette--color-wpress::after {
  border-left-color: #FFD02B;
}
.c-flaguette--color-grid .c-flaguette__body {
  background-color: #f26767;
}
.c-flaguette--color-grid::before {
  border-right-color: #f26767;
}
.c-flaguette--color-grid::after {
  border-left-color: #f26767;
}
.c-flaguette--dvmanaged .c-flaguette__body {
  background-color: #67a8da;
}
.c-flaguette--dvmanaged::before {
  border-right-color: #67a8da;
}
.c-flaguette--dvmanaged::after {
  border-left-color: #67a8da;
}
.c-flaguette--single .c-flaguette__copy-line:nth-of-type(2) {
  display: none;
}
.c-flaguette--dv-mobile {
  position: absolute;
  top: -15px;
  right: -1px;
}
@media (max-width: 480px) {
  .c-flaguette--dv-mobile {
    top: -12px;
  }
}
.c-flaguette--dv-desktop {
  position: absolute;
  top: -15px;
  right: -5px;
  -webkit-transform: scale(0.91);
  -ms-transform: scale(0.91);
  transform: scale(0.91);
  z-index: 1;
}
.c-flaguette--dv-desktop .c-flaguette__copy-line {
  font-style: normal !important;
}
.c-flaguette--dv-desktop .c-flaguette__copy-line:nth-of-type(1) {
  font-size: 15px !important;
  font-weight: 700 !important;
}
.c-flaguette--dv-desktop .c-flaguette__copy-line:nth-of-type(2) {
  font-size: 12px;
  font-weight: 600;
}
@media (max-width: 1010px) {
  .c-flaguette--dv-desktop {
    -webkit-transform: scale(0.7);
    -ms-transform: scale(0.7);
    transform: scale(0.7);
    right: -14px;
  }
}
@media (min-width: 481px) and (max-width: 767px), (min-width: 768px) {
  .c-flaguette {
    height: 28px;
  }
  .c-flaguette::before,
  .c-flaguette::after {
    border-width: 14px;
  }
  .c-flaguette__body {
    padding: 0 9px;
  }
  .c-flaguette__copy-line {
    line-height: 1;
  }
  .c-flaguette__copy-line:nth-of-type(1) {
    font-size: 15px;
    font-weight: 700;
  }
  .c-flaguette__copy-line:nth-of-type(2) {
    font-size: 12px;
  }
}
/**!
 * Containers
 *
 * Various wrappers and containers to help with layout.
 * ========================================================================== */
/**
 * Strip
 * 
 * A strip is useful when you want a background color, image, 
 * or content to span the entire width of the viewport.

<div class="strip  strip--darkGraphite">
    <div class="grid">
        ...
    </div>
</div>

 */
.strip {
  width: 100%;
  max-width: 100%;
}
/**
 * Various versions of a strip.
 */
.strip--graphite {
  background-color: #282B2D;
  color: #f4f4f4;
}
.strip--graphite h1,
.strip--graphite h2,
.strip--graphite h3,
.strip--graphite h4,
.strip--graphite h5,
.strip--graphite h6,
.strip--graphite .h1,
.strip--graphite .h2,
.strip--graphite .h3,
.strip--graphite .h4,
.strip--graphite .h5,
.strip--graphite .h6,
.strip--graphite .heading,
.strip--graphite .cta,
.strip--graphite span.cta,
.strip--graphite strong {
  color: #f4f4f4;
}
.strip--darkGraphite {
  background-color: #1C1C1E;
  color: #f4f4f4;
}
.strip--darkGraphite h1,
.strip--darkGraphite h2,
.strip--darkGraphite h3,
.strip--darkGraphite h4,
.strip--darkGraphite h5,
.strip--darkGraphite h6,
.strip--darkGraphite .h1,
.strip--darkGraphite .h2,
.strip--darkGraphite .h3,
.strip--darkGraphite .h4,
.strip--darkGraphite .h5,
.strip--darkGraphite .h6,
.strip--darkGraphite .heading,
.strip--darkGraphite .cta,
.strip--darkGraphite span.cta,
.strip--darkGraphite strong {
  color: #f4f4f4;
}
.strip--light {
  background-color: #fff;
  color: #666666;
}
.strip--light h1,
.strip--light h2,
.strip--light h3,
.strip--light h4,
.strip--light h5,
.strip--light h6,
.strip--light .h1,
.strip--light .h2,
.strip--light .h3,
.strip--light .h4,
.strip--light .h5,
.strip--light .h6,
.strip--light .heading,
.strip--light .cta,
.strip--light span.cta,
.strip--light strong {
  color: #191919;
}
.strip--gray {
  background-color: #ccc;
  color: #666666;
}
.strip--gray h1,
.strip--gray h2,
.strip--gray h3,
.strip--gray h4,
.strip--gray h5,
.strip--gray h6,
.strip--gray .h1,
.strip--gray .h2,
.strip--gray .h3,
.strip--gray .h4,
.strip--gray .h5,
.strip--gray .h6,
.strip--gray .heading,
.strip--gray .cta,
.strip--gray span.cta,
.strip--gray strong {
  color: #191919;
}
.strip--frost {
  background-color: #f6f6f6;
  color: #666666;
}
.strip--frost h1,
.strip--frost h2,
.strip--frost h3,
.strip--frost h4,
.strip--frost h5,
.strip--frost h6,
.strip--frost .h1,
.strip--frost .h2,
.strip--frost .h3,
.strip--frost .h4,
.strip--frost .h5,
.strip--frost .h6,
.strip--frost .heading,
.strip--frost .cta,
.strip--frost span.cta,
.strip--frost strong {
  color: #191919;
}
.strip--silver {
  background-color: #f4f4f4;
  color: #666666;
}
.strip--silver h1,
.strip--silver h2,
.strip--silver h3,
.strip--silver h4,
.strip--silver h5,
.strip--silver h6,
.strip--silver .h1,
.strip--silver .h2,
.strip--silver .h3,
.strip--silver .h4,
.strip--silver .h5,
.strip--silver .h6,
.strip--silver .heading,
.strip--silver .cta,
.strip--silver span.cta,
.strip--silver strong {
  color: #191919;
}
.strip--gray {
  background-color: #ededed;
  color: #4d4d4d;
}
.strip--gray h1,
.strip--gray h2,
.strip--gray h3,
.strip--gray h4,
.strip--gray h5,
.strip--gray h6,
.strip--gray .h1,
.strip--gray .h2,
.strip--gray .h3,
.strip--gray .h4,
.strip--gray .h5,
.strip--gray .h6,
.strip--gray .heading,
.strip--gray .cta,
.strip--gray span.cta,
.strip--gray strong {
  color: #191919;
}
.strip--darkGray {
  background-color: #ccc;
  color: #4d4d4d;
}
.strip--darkGray h1,
.strip--darkGray h2,
.strip--darkGray h3,
.strip--darkGray h4,
.strip--darkGray h5,
.strip--darkGray h6,
.strip--darkGray .h1,
.strip--darkGray .h2,
.strip--darkGray .h3,
.strip--darkGray .h4,
.strip--darkGray .h5,
.strip--darkGray .h6,
.strip--darkGray .heading,
.strip--darkGray .cta,
.strip--darkGray span.cta,
.strip--darkGray strong {
  color: #191919;
}
.strip--ac {
  background-color: #9fe0f3;
  color: #4d4d4d;
}
.strip--ac h1,
.strip--ac h2,
.strip--ac h3,
.strip--ac h4,
.strip--ac h5,
.strip--ac h6,
.strip--ac .h1,
.strip--ac .h2,
.strip--ac .h3,
.strip--ac .h4,
.strip--ac .h5,
.strip--ac .h6,
.strip--ac .heading,
.strip--ac .cta,
.strip--ac span.cta,
.strip--ac strong {
  color: #191919;
}
.strip--ac .promoUnit-body:before {
  display: none !important;
}
/**
 * Wrapper
 * 
 * A wrapper provides a max-width for the content within it, 
 * and centers the content.
 */
.wrapper {
  max-width: 1220px;
  padding-left: 20px;
  padding-right: 20px;
  margin: 0 auto;
}
.wrapper:before,
.wrapper:after {
  content: " ";
  display: table;
}
.wrapper:after {
  clear: both;
}
/**
 * Modules
 * Shared styels for page sections/modules
 */
.module {
  padding-top: 90px;
  padding-top: 5.625rem;
  padding-bottom: 90px;
  padding-bottom: 5.625rem;
}
@media (max-width: 767px) {
  .module {
    padding-top: 60px;
    padding-top: 3.75rem;
    padding-bottom: 60px;
    padding-bottom: 3.75rem;
  }
}
.module--large {
  padding-top: 120px;
  padding-top: 7.5rem;
  padding-bottom: 120px;
  padding-bottom: 7.5rem;
}
@media (max-width: 767px) {
  .module--large {
    padding-top: 75px;
    padding-top: 4.6875rem;
    padding-bottom: 75px;
    padding-bottom: 4.6875rem;
  }
}
.module--xlarge {
  padding-top: 150px;
  padding-top: 9.375rem;
  padding-bottom: 150px;
  padding-bottom: 9.375rem;
}
@media (max-width: 767px) {
  .module--xlarge {
    padding-top: 75px;
    padding-top: 4.6875rem;
    padding-bottom: 75px;
    padding-bottom: 4.6875rem;
  }
}
.module--small {
  padding-top: 60px;
  padding-top: 3.75rem;
  padding-bottom: 60px;
  padding-bottom: 3.75rem;
}
@media (max-width: 767px) {
  .module--small {
    padding-top: 30px;
    padding-top: 1.875rem;
    padding-bottom: 30px;
    padding-bottom: 1.875rem;
  }
}
.module--xSmall {
  padding-top: 30px;
  padding-top: 1.875rem;
  padding-bottom: 30px;
  padding-bottom: 1.875rem;
}
.module--xxSmall {
  padding-top: 15px;
  padding-top: 0.9375rem;
  padding-bottom: 15px;
  padding-bottom: 0.9375rem;
}
.module--balanced {
  padding-top: 90px;
  padding-top: 5.625rem;
  padding-bottom: 60px;
  padding-bottom: 3.75rem;
}
.module--balanced.module--small {
  padding-top: 60px;
  padding-top: 3.75rem;
  padding-bottom: 30px;
  padding-bottom: 1.875rem;
}
.module--shifted {
  padding-left: 60px;
}
.module-header h1,
.module-header h2,
.module-header .module-title {
  text-transform: uppercase;
  margin-bottom: 30px;
  margin-bottom: 1.875rem;
}
.module-footer {
  position: relative;
  text-align: right;
  padding: 15px 0 0;
}
/**
 * Module with a bg image
 */
.module--bgImg {
  position: relative;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}
.module--bgImg--fixed {
  background-attachment: fixed;
}
/**!
 * Gonfalon Banner component
 *
 * The gonfalon is a type of flag flown from a horizontal bar, supported vertically. This component
 * is typically used in a hero unit.
 *
 * TODO: Make it possible to supply colors as arguments
 *
 * Example Usage:
 *
<div class="c-gonfalon-banner">
	<div class="c-gonfalon-banner__content">
		<div class="c-gonfalon-banner__mobile-inline">
			<span class="c-gonfalon-banner__text c-gonfalon-banner__text--large"><strong>20% off</strong></span>
			<span class="c-gonfalon-banner__text">Your First 3 Months of <span class="u-nowrap">select DV services.*</span></span>
		</div>
		<span class="c-gonfalon-banner__text">Use code <strong>FALL20</strong> at checkout.</span>
		<hr class="c-gonfalon-banner__separator" />
		<a href="#options" class="c-gonfalon-banner__cta">COMPARE PLANS <i aria-hidden="true" class="icon icon--circleAngleRight"></i></a>
	</div>
	<div class="c-gonfalon-banner__tail"></div>
</div>
 *
 * =========================================================================== */
.c-gonfalon-banner {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  z-index: 1;
}
@media (min-width: 768px) {
  .c-gonfalon-banner {
    right: 50px;
    width: 205px;
  }
}
.c-gonfalon-banner__content {
  padding: 5px 10px;
  text-align: center;
  background-color: #48e0a4;
}
@media (min-width: 768px) {
  .c-gonfalon-banner__content {
    padding: 10px 25px 15px;
  }
}
.c-gonfalon-banner__text {
  margin-bottom: 5px;
  line-height: 1.2;
  font-size: 18px;
}
@media (min-width: 768px) {
  .c-gonfalon-banner__text {
    margin-bottom: 10px;
    font-size: 14px;
  }
}
.c-gonfalon-banner__text--mobile-inline {
  display: block;
}
@media (max-width: 767px) {
  .c-gonfalon-banner__text--mobile-inline {
    display: inline;
  }
}
.c-gonfalon-banner__text--large {
  font-size: 24px;
  text-transform: uppercase;
}
@media (max-width: 767px) {
  .c-gonfalon-banner__text--large {
    font-size: 18px;
    text-transform: none;
  }
}
.c-gonfalon-banner__text--xlarge {
  font-size: 50px;
  line-height: 1.2;
  text-transform: uppercase;
}
@media (max-width: 767px) {
  .c-gonfalon-banner__text--xlarge {
    font-size: 18px;
    line-height: inherit;
    text-transform: none;
  }
}
.c-gonfalon-banner__separator {
  display: none;
  border-top-color: #35AC74;
  margin: 15px 0 5px;
}
@media (min-width: 768px) {
  .c-gonfalon-banner__separator {
    display: block;
  }
}
.c-gonfalon-banner__cta {
  font-size: 16px;
  font-weight: 600;
  color: #1C1C1E;
  cursor: pointer;
}
.c-gonfalon-banner__cta:hover,
.c-gonfalon-banner__cta:focus,
.c-gonfalon-banner__cta:active {
  color: #4d4d53;
}
.c-gonfalon-banner__tail::before {
  content: '';
  display: none;
  float: left;
  border-top: 25px solid #48e0a4;
  border-right: 102px solid transparent;
}
@media (min-width: 768px) {
  .c-gonfalon-banner__tail::before {
    display: block;
  }
}
.c-gonfalon-banner__tail::after {
  content: '';
  display: none;
  float: left;
  border-top: 25px solid #48e0a4;
  border-left: 103px solid transparent;
}
@media (min-width: 768px) {
  .c-gonfalon-banner__tail::after {
    display: block;
  }
}
.c-gonfalon-banner--color-dvdev .c-gonfalon-banner__content {
  background-color: #29cbcf;
}
.c-gonfalon-banner--color-dvdev .c-gonfalon-banner__separator {
  border-top-color: #0b393a;
}
.c-gonfalon-banner--color-dvdev .c-gonfalon-banner__tail::before,
.c-gonfalon-banner--color-dvdev .c-gonfalon-banner__tail::after {
  border-top-color: #29cbcf;
}
.c-gonfalon-banner--color-grid .c-gonfalon-banner__content {
  background-color: #f26767;
}
.c-gonfalon-banner--color-grid .c-gonfalon-banner__separator {
  border-top-color: #990d0d;
}
.c-gonfalon-banner--color-grid .c-gonfalon-banner__tail::before,
.c-gonfalon-banner--color-grid .c-gonfalon-banner__tail::after {
  border-top-color: #f26767;
}
.c-gonfalon-banner--color-wpress .c-gonfalon-banner__content {
  background-color: #FFD02B;
}
.c-gonfalon-banner--color-wpress .c-gonfalon-banner__separator {
  border-top-color: #785d00;
}
.c-gonfalon-banner--color-wpress .c-gonfalon-banner__tail::before,
.c-gonfalon-banner--color-wpress .c-gonfalon-banner__tail::after {
  border-top-color: #FFD02B;
}
.c-gonfalon-banner--color-wpress .c-gonfalon-banner__cta {
  color: #1C1C1E;
}
.c-gonfalon-banner--color-wpress .c-gonfalon-banner__cta:hover,
.c-gonfalon-banner--color-wpress .c-gonfalon-banner__cta:focus,
.c-gonfalon-banner--color-wpress .c-gonfalon-banner__cta:active {
  color: #4d4d53;
}
.c-gonfalon-banner--dvmanaged .c-gonfalon-banner__content {
  background-color: #67a8da;
}
.c-gonfalon-banner--dvmanaged .c-gonfalon-banner__separator {
  border-top-color: #1c4d72;
}
.c-gonfalon-banner--dvmanaged .c-gonfalon-banner__tail::before,
.c-gonfalon-banner--dvmanaged .c-gonfalon-banner__tail::after {
  border-top-color: #67a8da;
}
.c-gonfalon-banner--managed-cloud {
  display: none;
  top: auto;
  right: 8%;
  color: #fff;
}
.c-gonfalon-banner--managed-cloud .c-gonfalon-banner__content {
  background-color: #2d4772;
  padding: 30px 25px;
}
.c-gonfalon-banner--managed-cloud .c-gonfalon-banner__text {
  margin-bottom: 0;
  font-size: 11px;
  letter-spacing: 1px;
}
.c-gonfalon-banner--managed-cloud .c-gonfalon-banner__text--large {
  font-size: 50px;
  line-height: 1.2;
}
.c-gonfalon-banner--managed-cloud .c-gonfalon-banner__text--small {
  display: block;
  font-size: 8px;
  letter-spacing: 1px;
}
.c-gonfalon-banner--managed-cloud .c-gonfalon-banner__separator {
  border-top-color: #49688f;
  margin: 4px auto 4px;
  width: 64%;
}
.c-gonfalon-banner--managed-cloud .c-gonfalon-banner__tail::before,
.c-gonfalon-banner--managed-cloud .c-gonfalon-banner__tail::after {
  border-top-color: #2d4772;
}
@media (min-width: 768px) {
  .c-gonfalon-banner--managed-cloud {
    display: block;
  }
}
/* ==========================================================================
   Buttons
   ========================================================================== */
/**
 * The btn classes are best applied to links, buttons, and submit inputs.
 * These components can be used in forms, as calls to action, or as part of the
 * general UI of the site/app.
 *
 * Recommended use:
 *
   <a class="btn [btn--modifier]" role="btn" href="[url]">btn text</a>
   <button class="btn [btn--modifier]" type="submit">btn text</button>
   <input class="btn [btn--modifier]" type="submit" value="btn text">
 */
/**
 * btn template
 *
 * Build on this component using rulesets in your application-level CSS.
 *
 * 1. Corrects inability to style clickable `input` types in iOS
 * 2. Normalize `box-sizing` across all elements that this component could be
 *    applied to.
 * 3. Inherit text color from ancestor.
 * 4. Inherit font styles from ancestor.
 * 5. Normalize `line-height`. Cannot be changed from `normal` in Firefox 4+.
 * 6. Prevent btn text from being selectable.
 * 7. Prevent wrapping across multiple lines.
 */
.btn {
  -webkit-appearance: none;
  /* 1 */
  background: transparent;
  border: 1px solid;
  color: inherit;
  /* 3 */
  cursor: pointer;
  display: inline-block;
  font: inherit;
  /* 4 */
  line-height: normal;
  /* 5 */
  margin: 0;
  position: relative;
  text-align: center;
  text-decoration: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  /* 6 */
  vertical-align: middle;
  white-space: nowrap;
  /* 7 */
  border-color: transparent;
  background-color: #ccc;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 18px;
  font-size: 1.125rem;
  padding-top: 14px;
  padding-top: 0.875rem;
  padding-bottom: 14px;
  padding-bottom: 0.875rem;
  padding-right: 20px;
  padding-right: 1.25rem;
  padding-left: 20px;
  padding-left: 1.25rem;
  -webkit-transition: all 100ms linear;
  -moz-transition: all 100ms linear;
  -o-transition: all 100ms linear;
  -ms-transition: all 100ms linear;
  transition: all 100ms linear;
}
.btn:hover {
  background-color: #d9d9d9;
  border-color: #bfbfbf;
}
.btn span,
.btn i {
  margin-left: 5px;
}
.btn-tip {
  float: left;
  position: relative;
  padding-right: 15px;
  margin-right: 15px;
  border-right: 1px solid rgba(255, 255, 255, 0.4);
  display: inline-block;
  *display: inline;
  zoom: 1;
}
.btn-tip:before {
  content: attr(data-tip);
  position: absolute;
  top: -10px;
  font-size: 12px;
}
.btn--xLarge {
  font-size: 24px;
  font-size: 1.5rem;
  padding-top: 18px;
  padding-top: 1.125rem;
  padding-bottom: 18px;
  padding-bottom: 1.125rem;
  padding-right: 24px;
  padding-right: 1.5rem;
  padding-left: 24px;
  padding-left: 1.5rem;
}
.btn--large {
  font-size: 20px;
  font-size: 1.25rem;
  padding-top: 18px;
  padding-top: 1.125rem;
  padding-bottom: 18px;
  padding-bottom: 1.125rem;
  padding-right: 24px;
  padding-right: 1.5rem;
  padding-left: 24px;
  padding-left: 1.5rem;
}
.btn--small {
  font-size: 16px;
  font-size: 1rem;
  padding-top: 10px;
  padding-top: 0.625rem;
  padding-bottom: 10px;
  padding-bottom: 0.625rem;
  padding-right: 16px;
  padding-right: 1rem;
  padding-left: 16px;
  padding-left: 1rem;
}
.btn--xSmall {
  font-weight: bold;
  letter-spacing: 0 !important;
  font-size: 12px;
  font-size: 0.75rem;
  padding-top: 8px;
  padding-top: 0.5rem;
  padding-bottom: 8px;
  padding-bottom: 0.5rem;
  padding-right: 6px;
  padding-right: 0.375rem;
  padding-left: 6px;
  padding-left: 0.375rem;
}
.btn--thin {
  font-size: 18px;
  font-size: 1.125rem;
  padding: 8px 48px;
  padding: 0.5rem 48px;
  padding: 8px 3rem;
  padding: 0.5rem 3rem;
}
/**
 * UI states
 */
.btn:hover,
.btn:focus,
.btn:active {
  text-decoration: none;
  color: inherit;
}
.btn:disabled,
.btn.is-disabled {
  cursor: default;
  background-color: #cccccc;
  border-color: #cccccc;
  -webkit-opacity: 0.5;
  -moz-opacity: 0.5;
  opacity: 0.5;
}
.btn:disabled:hover,
.btn.is-disabled:hover {
  background-color: #cccccc;
  color: #fff;
}
/**
 * Remove excess padding and border in Firefox 4+
 */
.btn::-moz-focus-inner {
  border: 0;
  padding: 0;
}
/* Modifiers
   -------------------------------------------------------------------------- */
body,
#vexBtn {
  /**
     * Disabled state
     */
  /**
     * Various colors
     */
  /**
     * Button styles for WPASS
     */
  /**
     * Button styles for WPASS - INVERTED
     */
  /**
     * Button styles for account center
     */
  /**
     * Modifier: full-width btns
     */
  /**
     * Inverse buttons
     */
}
body .btn[disabled],
#vexBtn .btn[disabled],
body .btn--disabled,
#vexBtn .btn--disabled {
  color: #f4f4f4;
  cursor: not-allowed;
}
body .btn--primary,
#vexBtn .btn--primary {
  background-color: #48e0a4;
  color: #282B2D;
  border-color: #48e0a4;
}
body .btn--primary:hover,
#vexBtn .btn--primary:hover,
body .btn--primary:focus,
#vexBtn .btn--primary:focus,
body .btn--primary:active,
#vexBtn .btn--primary:active {
  background-color: #67e5b3;
  border-color: #23d28d;
  color: #282B2D;
}
body .btn--default,
#vexBtn .btn--default {
  color: #333;
}
body .btn--default:hover,
#vexBtn .btn--default:hover,
body .btn--default:focus,
#vexBtn .btn--default:focus,
body .btn--default:active,
#vexBtn .btn--default:active {
  color: #333;
}
body .btn--secondary,
#vexBtn .btn--secondary {
  background-color: #282B2D;
  color: #f4f4f4;
  border-color: #282B2D;
}
body .btn--secondary:hover,
#vexBtn .btn--secondary:hover,
body .btn--secondary:focus,
#vexBtn .btn--secondary:focus,
body .btn--secondary:active,
#vexBtn .btn--secondary:active {
  color: #f4f4f4;
  background-color: #393d40;
  border-color: #000;
}
body .btn--virb,
#vexBtn .btn--virb {
  background-color: #0093da;
  color: #282B2D;
  border-color: #0093da;
}
body .btn--virb:hover,
#vexBtn .btn--virb:hover,
body .btn--virb:focus,
#vexBtn .btn--virb:focus,
body .btn--virb:active,
#vexBtn .btn--virb:active {
  background-color: #00abfe;
  border-color: #008cd0;
  color: #282B2D;
}
body .btn--cloudTech,
#vexBtn .btn--cloudTech {
  background-color: #80abc8;
  color: #282B2D;
  border-color: #80abc8;
}
body .btn--cloudTech:hover,
#vexBtn .btn--cloudTech:hover,
body .btn--cloudTech:focus,
#vexBtn .btn--cloudTech:focus,
body .btn--cloudTech:active,
#vexBtn .btn--cloudTech:active {
  background-color: #99bbd3;
  border-color: #79a6c5;
  color: #282B2D;
}
body .btn--grid,
#vexBtn .btn--grid {
  background-color: #f26767;
  color: #282B2D;
  border-color: #f26767;
}
body .btn--grid:hover,
#vexBtn .btn--grid:hover,
body .btn--grid:focus,
#vexBtn .btn--grid:focus,
body .btn--grid:active,
#vexBtn .btn--grid:active {
  background-color: #f58888;
  border-color: #f15d5d;
  color: #282B2D;
}
body .btn--dvManaged,
#vexBtn .btn--dvManaged,
body .btn--dv,
#vexBtn .btn--dv {
  background-color: #67a8da;
  color: #282B2D;
  border-color: #67a8da;
}
body .btn--dvManaged:hover,
#vexBtn .btn--dvManaged:hover,
body .btn--dv:hover,
#vexBtn .btn--dv:hover,
body .btn--dvManaged:focus,
#vexBtn .btn--dvManaged:focus,
body .btn--dv:focus,
#vexBtn .btn--dv:focus,
body .btn--dvManaged:active,
#vexBtn .btn--dvManaged:active,
body .btn--dv:active,
#vexBtn .btn--dv:active {
  background-color: #83b9e1;
  border-color: #5fa4d8;
  color: #282B2D;
}
body .btn--dvDeveloper,
#vexBtn .btn--dvDeveloper {
  background-color: #29cbcf;
  color: #282B2D;
  border-color: #29cbcf;
}
body .btn--dvDeveloper:hover,
#vexBtn .btn--dvDeveloper:hover,
body .btn--dvDeveloper:focus,
#vexBtn .btn--dvDeveloper:focus,
body .btn--dvDeveloper:active,
#vexBtn .btn--dvDeveloper:active {
  background-color: #42d6da;
  border-color: #27c3c6;
  color: #282B2D;
}
body .btn--vpsJump,
#vexBtn .btn--vpsJump {
  background-color: #6DC4A1;
  color: #282B2D;
  border-color: #6DC4A1;
}
body .btn--vpsJump:hover,
#vexBtn .btn--vpsJump:hover,
body .btn--vpsJump:focus,
#vexBtn .btn--vpsJump:focus,
body .btn--vpsJump:active,
#vexBtn .btn--vpsJump:active {
  background-color: #86ceb1;
  border-color: #66c19c;
  color: #282B2D;
}
body .btn--dedicatedServer,
#vexBtn .btn--dedicatedServer {
  background-color: #ffd02b;
  color: #282B2D;
  border-color: #ffd02b;
}
body .btn--dedicatedServer:hover,
#vexBtn .btn--dedicatedServer:hover,
body .btn--dedicatedServer:focus,
#vexBtn .btn--dedicatedServer:focus,
body .btn--dedicatedServer:active,
#vexBtn .btn--dedicatedServer:active {
  background-color: #ffd84e;
  border-color: #ffce21;
  color: #282B2D;
}
body .btn--enterprise,
#vexBtn .btn--enterprise {
  background-color: #f2427e;
  color: #fff;
  border-color: #f2427e;
}
body .btn--enterprise:hover,
#vexBtn .btn--enterprise:hover,
body .btn--enterprise:focus,
#vexBtn .btn--enterprise:focus,
body .btn--enterprise:active,
#vexBtn .btn--enterprise:active {
  background-color: #f46395;
  border-color: #f13877;
  color: #fff;
}
body .btn--enterpriseDark,
#vexBtn .btn--enterpriseDark {
  background-color: #f2427e;
  color: #282B2D;
  border-color: #f2427e;
}
body .btn--enterpriseDark:hover,
#vexBtn .btn--enterpriseDark:hover,
body .btn--enterpriseDark:focus,
#vexBtn .btn--enterpriseDark:focus,
body .btn--enterpriseDark:active,
#vexBtn .btn--enterpriseDark:active {
  background-color: #f46395;
  border-color: #f13877;
  color: #282B2D;
}
body .btn--managedHosting,
#vexBtn .btn--managedHosting {
  background-color: #9e7fb9;
  color: #282B2D;
  border-color: #9e7fb9;
}
body .btn--managedHosting:hover,
#vexBtn .btn--managedHosting:hover,
body .btn--managedHosting:focus,
#vexBtn .btn--managedHosting:focus,
body .btn--managedHosting:active,
#vexBtn .btn--managedHosting:active {
  background-color: #b096c6;
  border-color: #9979b5;
  color: #282B2D;
}
body .btn--managedWordpress,
#vexBtn .btn--managedWordpress {
  background-color: #f2427e;
  color: #282B2D;
  border-color: #f2427e;
}
body .btn--managedWordpress:hover,
#vexBtn .btn--managedWordpress:hover,
body .btn--managedWordpress:focus,
#vexBtn .btn--managedWordpress:focus,
body .btn--managedWordpress:active,
#vexBtn .btn--managedWordpress:active {
  background-color: #f46395;
  border-color: #f13877;
  color: #282B2D;
}
body .btn--aws,
#vexBtn .btn--aws {
  background-color: #faaf43;
  color: #282B2D;
  border-color: #faaf43;
}
body .btn--aws:hover,
#vexBtn .btn--aws:hover,
body .btn--aws:focus,
#vexBtn .btn--aws:focus,
body .btn--aws:active,
#vexBtn .btn--aws:active {
  background-color: #fbbe66;
  border-color: #faab39;
  color: #282B2D;
}
body .btn--awsNavy,
#vexBtn .btn--awsNavy {
  background-color: #354E78;
  color: #282B2D;
  border-color: #354E78;
}
body .btn--awsNavy:hover,
#vexBtn .btn--awsNavy:hover,
body .btn--awsNavy:focus,
#vexBtn .btn--awsNavy:focus,
body .btn--awsNavy:active,
#vexBtn .btn--awsNavy:active {
  background-color: #405e91;
  border-color: #324971;
  color: #282B2D;
}
body .btn--wpress,
#vexBtn .btn--wpress {
  background-color: #FFD02B;
  color: #282B2D;
  border-color: #FFD02B;
}
body .btn--wpress:hover,
#vexBtn .btn--wpress:hover,
body .btn--wpress:focus,
#vexBtn .btn--wpress:focus,
body .btn--wpress:active,
#vexBtn .btn--wpress:active {
  background-color: #f7c000;
  border-color: #ffd645;
  color: #282B2D;
}
body .btn--wpress-invert,
#vexBtn .btn--wpress-invert {
  background-color: #282B2D;
  color: #FFD02B;
  border-color: #282B2D;
}
body .btn--wpress-invert:hover,
#vexBtn .btn--wpress-invert:hover,
body .btn--wpress-invert:focus,
#vexBtn .btn--wpress-invert:focus,
body .btn--wpress-invert:active,
#vexBtn .btn--wpress-invert:active {
  background-color: #101112;
  border-color: #34383b;
  color: #FFD02B;
}
body .btn--ac,
#vexBtn .btn--ac {
  background-color: #9fe0f3;
  color: #282B2D;
  border-color: #9fe0f3;
}
body .btn--ac:hover,
#vexBtn .btn--ac:hover,
body .btn--ac:focus,
#vexBtn .btn--ac:focus,
body .btn--ac:active,
#vexBtn .btn--ac:active {
  background-color: #72d1ed;
  border-color: #e3f6fb;
  color: #282B2D;
}
body .btn--full,
#vexBtn .btn--full {
  display: block;
  width: 100%;
}
body .btn--inverse,
#vexBtn .btn--inverse {
  color: #f4f4f4;
}
body .btn--inverse:hover,
#vexBtn .btn--inverse:hover,
body .btn--inverse:focus,
#vexBtn .btn--inverse:focus,
body .btn--inverse:active,
#vexBtn .btn--inverse:active {
  color: #f4f4f4;
}
body .btn--cookie-alert,
#vexBtn .btn--cookie-alert {
  background-color: #282B2D;
  color: #fff;
  border-color: #282B2D;
}
body .btn--cookie-alert:hover,
#vexBtn .btn--cookie-alert:hover,
body .btn--cookie-alert:focus,
#vexBtn .btn--cookie-alert:focus,
body .btn--cookie-alert:active,
#vexBtn .btn--cookie-alert:active {
  background-color: #2d3032;
  border-color: #232628;
  color: #48e0a4;
}
/**!
 * CTA
 *
 * Call to action links that have various animations
 * =========================================================================== */
/* ==========================================================================
    Core styles
    ========================================================================== */
.cta {
  text-decoration: none;
  color: inherit;
  background: transparent;
  font-weight: 600;
  display: inline-block;
  *display: inline;
  zoom: 1;
}
/**
 * UI states
 */
.cta:hover,
.cta:focus,
.cta:active {
  text-decoration: none;
  color: inherit;
}
.cta:disabled,
.cta.is-disabled {
  cursor: default;
}
/**
 * Color variations
 */
.cta .icon {
  position: relative;
  margin-left: 5px;
  color: #48e0a4;
  letter-spacing: normal;
  font-size: 26px;
}
.cta .icon:before {
  -webkit-transition: all 100ms linear;
  -moz-transition: all 100ms linear;
  -o-transition: all 100ms linear;
  -ms-transition: all 100ms linear;
  transition: all 100ms linear;
  vertical-align: -5px;
  vertical-align: -0.3125rem;
}
.cta:hover {
  color: #48e0a4;
}
.cta.cta--virb .icon,
.cta.cta--virb:hover {
  color: #0093da;
}
.cta.cta--grid .icon,
.cta.cta--grid:hover {
  color: #f26767;
}
.cta.cta--dvManaged .icon,
.cta.cta--dvManaged:hover,
.cta.cta--dv .icon,
.cta.cta--dv:hover {
  color: #67a8da;
}
.cta.cta--dvDeveloper .icon,
.cta.cta--dvDeveloper:hover {
  color: #29cbcf;
}
.cta.cta--dedicatedServer .icon,
.cta.cta--dedicatedServer:hover {
  color: #ffd02b;
}
.cta.cta--managedHosting .icon,
.cta.cta--managedHosting:hover {
  color: #9e7fb9;
}
.cta.cta--wpress .icon,
.cta.cta--wpress:hover {
  color: #FFD02B;
}
.cta.cta--vps .icon,
.cta.cta--vps:hover {
  color: #6DC4A1;
}
.cta.cta--aws .icon,
.cta.cta--aws:hover {
  color: #faaf43;
}
.cta.cta--awsNavy .icon,
.cta.cta--awsNavy:hover {
  color: #354E78;
}
.cta.cta--awsEnterprise .icon,
.cta.cta--awsEnterprise:hover {
  color: #aaa;
}
.cta.cta--ac .icon,
.cta.cta--ac:hover {
  color: #9fe0f3;
}
.u-isHovered .cta {
  color: #48e0a4;
}
.u-isHovered .cta.cta--virb {
  color: #0093da;
}
.u-isHovered .cta.cta--grid {
  color: #f26767;
}
.u-isHovered .cta.cta--wpress {
  color: #FFD02B;
}
.u-isHovered .cta.cta--vps {
  color: #6DC4A1;
}
.u-isHovered .cta.cta--dvManaged,
.u-isHovered .cta.cta--dv {
  color: #67a8da;
}
.u-isHovered .cta.cta--dvDeveloper {
  color: #29cbcf;
}
.u-isHovered .cta.cta--dedicatedServer {
  color: #ffd02b;
}
.u-isHovered .cta.cta--managedHosting {
  color: #9e7fb9;
}
.u-isHovered .cta.cta--ac {
  color: #9fe0f3;
}
.u-isHovered .cta.cta--aws {
  color: #faaf43;
}
.u-isHovered .cta.cta--awsNavy {
  color: #354E78;
}
.u-isHovered .cta.cta--awsEnterprise {
  color: #aaa;
}
/* CTA types
   -------------------------------------------------------------------------- */
.u-isHovered .cta--go .icon:before,
.cta--go:hover .icon:before {
  -webkit-transform: translateX(6px);
  -moz-transform: translateX(6px);
  -o-transform: translateX(6px);
  -ms-transform: translateX(6px);
  transform: translateX(6px);
}
.cta--back .icon {
  margin-left: 0;
  margin-right: 10px;
}
.u-isHovered .cta--back .icon:before,
.cta--back:hover .icon:before {
  -webkit-transform: translateX(-6px);
  -moz-transform: translateX(-6px);
  -o-transform: translateX(-6px);
  -ms-transform: translateX(-6px);
  transform: translateX(-6px);
}
.u-isHovered .cta--more .icon:before,
.cta--more:hover .icon:before {
  -webkit-transform: translateY(6px);
  -moz-transform: translateY(6px);
  -o-transform: translateY(6px);
  -ms-transform: translateY(6px);
  transform: translateY(6px);
}
.u-isHovered .cta--less .icon:before,
.cta--less:hover .icon:before {
  -webkit-transform: translateY(-6px);
  -moz-transform: translateY(-6px);
  -o-transform: translateY(-6px);
  -ms-transform: translateY(-6px);
  transform: translateY(-6px);
}
.u-isHovered .cta--play .icon:before,
.cta--play:hover .icon {
  -webkit-transform: scale(1.5);
  -moz-transform: scale(1.5);
  -o-transform: scale(1.5);
  -ms-transform: scale(1.5);
  transform: scale(1.5);
}
/**!
 * Skill meters
 *
 * As seen on the hosting plans modules
 * =========================================================================== */
/**
 *

<div class="skills">
    <div class="skill">
        <span class="skill-title">Easy to Use</span>
        <span class="skill-meter">
            <span class="skill-meter-fill  u-brandBackground--grid" style="width: 95%;"></span>
        </span>
    </div>
    <div class="skill">
        <span class="skill-title">Room to Grow</span>
        <span class="skill-meter">
            <span class="skill-meter-fill  u-brandBackground--grid" style="width: 50%;"></span>
        </span>
    </div>
</div>

 *
 */
.skills {
  margin-bottom: 30px;
  margin-bottom: 1.875rem;
}
.skills .skill {
  overflow: hidden;
}
.skills .skill-title {
  color: #333333;
  text-transform: uppercase;
  font-size: 14px;
  width: 125px;
  display: inline-block;
  *display: inline;
  zoom: 1;
}
.skills .skill-meter {
  width: 100%;
  max-width: 110px;
  background-color: #cccccc;
  top: -1px;
  position: relative;
  display: inline-block;
  *display: inline;
  zoom: 1;
}
.skills .skill-meter-fill {
  background-color: #48e0a4;
  display: block;
}
.skills .skill-meter,
.skills .skill-meter-fill {
  height: 10px;
}
/**!
 * Icons
 *
 * Media temple custom icon font styles
 * ========================================================================== */
/* ==========================================================================
   Import the font
   ========================================================================== */
@font-face {
  font-family: 'mt-icons';
  src: url('../webfonts/mt-icons.eot');
  src: url('../webfonts/mt-icons.eot?#iefix') format('embedded-opentype'), url('../webfonts/mt-icons.woff') format('woff'), url('../webfonts/mt-icons.ttf') format('truetype'), url('../webfonts/mt-icons.svg#mt-icons') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* Lush Icons by Belancio - www.lushtype.com */
@font-face {
  font-family: 'LushIcons';
  src: url('../webfonts/LushIcons-Regular.eot');
  src: url('../webfonts/LushIcons-Regular.eot?#iefix') format('embedded-opentype'), url('../webfonts/LushIcons-Regular.woff') format('woff'), url('../webfonts/LushIcons-Regular.ttf') format('truetype'), url('../webfonts/LushIcons-Regular.svg#d273f2b17af35a29b2d7665aeb6deba9') format('svg');
  font-style: normal;
  font-weight: 400;
}
/* ==========================================================================
   Core styles
   ========================================================================== */
/**
 * Use the following CSS code if you want to use
 * data attributes for inserting your icons
 */
/**
 * General
 */
[class^="icon--"],
[class*=" icon--"] {
  font-family: 'mt-icons';
  font-weight: normal;
  font-style: normal;
  text-decoration: inherit;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  letter-spacing: normal;
}
[class^="icon--"]:after,
[class*=" icon--"]:after,
[class^="icon--"]:before,
[class*=" icon--"]:before {
  text-decoration: inherit;
  speak: none;
  letter-spacing: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: -1px;
  vertical-align: -0.0625rem;
  display: inline-block;
  *display: inline;
  zoom: 1;
}
/**
 * Makes sure icons active on rollover in links
 */
a [class^="icon--"],
a [class*=" icon--"] {
  display: inline;
}
/* ==========================================================================
   Modifiers
   ========================================================================== */
/* Icon sizes
   -------------------------------------------------------------------------- */
.icon.icon--small {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 18px;
  line-height: 1.125rem;
  vertical-align: -1px;
  vertical-align: -0.0625rem;
}
.icon.icon--medium {
  font-size: 26px;
  font-size: 1.625rem;
  line-height: 26px;
  line-height: 1.625rem;
  vertical-align: -3px;
  vertical-align: -0.1875rem;
}
.icon.icon--large {
  font-size: 34px;
  font-size: 2.125rem;
  line-height: 34px;
  line-height: 2.125rem;
  vertical-align: -3px;
  vertical-align: -0.1875rem;
}
.icon.icon--xLarge {
  font-size: 44px;
  font-size: 2.75rem;
  line-height: 44px;
  line-height: 2.75rem;
  vertical-align: 1px;
  vertical-align: 0.0625rem;
}
.icon.icon--xxLarge {
  font-size: 54px;
  font-size: 3.375rem;
  line-height: 54px;
  line-height: 3.375rem;
  vertical-align: 1px;
  vertical-align: 0.0625rem;
}
.lush.lush--small {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 18px;
  line-height: 1.125rem;
  vertical-align: -1px;
  vertical-align: -0.0625rem;
}
.lush.lush--medium {
  font-size: 26px;
  font-size: 1.625rem;
  line-height: 26px;
  line-height: 1.625rem;
  vertical-align: -3px;
  vertical-align: -0.1875rem;
}
.lush.lush--large {
  font-size: 34px;
  font-size: 2.125rem;
  line-height: 34px;
  line-height: 2.125rem;
}
.lush.lush--xLarge {
  font-size: 44px;
  font-size: 2.75rem;
  line-height: 44px;
  line-height: 2.75rem;
  vertical-align: 1px;
  vertical-align: 0.0625rem;
}
.lush.lush--xxLarge {
  font-size: 54px;
  font-size: 3.375rem;
  line-height: 54px;
  line-height: 3.375rem;
  vertical-align: 1px;
  vertical-align: 0.0625rem;
}
.lush.lush--xxxLarge {
  font-size: 64px;
  font-size: 4rem;
  line-height: 66px;
  line-height: 4.125rem;
  vertical-align: 1px;
  vertical-align: 0.0625rem;
}
/*
   -------------------------------------------------------------------------- */
.icon.icon--light {
  color: #fff;
}
.icon.icon--dark {
  color: #1C1C1E;
}
/* CTA icons need a little special love for responsive purposes
   -------------------------------------------------------------------------- */
@media (max-width: 767px) {
  body .cta .icon {
    font-size: 20px;
    font-size: 1.25rem;
    vertical-align: top;
  }
}
/* Create icon classes
   -------------------------------------------------------------------------- */
.icon--domains:before {
  content: "\e000";
}
.icon--email:before {
  content: "\e001";
}
.icon--storage:before {
  content: "\e002";
}
.icon--controlPanel:before {
  content: "\e003";
}
.icon--phone:before {
  content: "\e004";
}
.icon--moneyBack:before {
  content: "\e005";
}
.icon--gpu:before {
  content: "\e006";
}
.icon--databases:before {
  content: "\e007";
}
.icon--networkTransfer:before {
  content: "\e008";
}
.icon--play:before {
  content: "\e009";
}
.icon--search:before {
  content: "\e00a";
}
.icon--search--alt:before {
  content: "\e00b";
}
.icon--angleLeft:before {
  content: "\e00c";
}
.icon--angleRight:before {
  content: "\e00d";
}
.icon--download:before {
  content: "\e00e";
}
.icon--cart:before {
  content: "\e00f";
}
.icon--angleRight--alt:before {
  content: "\e010";
}
.icon--angleLeft--alt:before {
  content: "\e011";
}
.icon--angleDown--alt:before {
  content: "\e012";
}
.icon--angleUp--alt:before {
  content: "\e013";
}
.icon--clock:before {
  content: "\e018";
}
.icon--circleAngleUp:before {
  content: "\e019";
}
.icon--circleAngleRight:before {
  content: "\e01a";
}
.icon--circleAngleLeft:before {
  content: "\e01b";
}
.icon--circleAngleDown:before {
  content: "\e01c";
}
.icon--news:before {
  content: "\e01d";
}
.icon--bulb:before {
  content: "\e01e";
}
.icon--profile:before {
  content: "\e01f";
}
.icon--archives:before {
  content: "\e020";
}
.icon--googlePlus:before {
  content: "\e021";
}
.icon--facebook:before {
  content: "\e022";
}
.icon--twitter:before {
  content: "\e023";
}
.icon--youtube:before {
  content: "\e024";
}
.icon--vimeo:before {
  content: "\e025";
}
.icon--feed:before {
  content: "\e026";
}
.icon--wordpress:before {
  content: "\e027";
}
.icon--checkmark:before {
  content: "\e029";
}
.icon--close:before {
  content: "\e02a";
}
.icon--instagram:before {
  content: "\e601";
}
.icon--linkedin:before {
  content: "\e600";
}
.icon--linkedin2:before {
  content: "\f0e1";
}
.icon--google:before {
  content: "\e602";
}
.icon--googleplus2:before {
  content: "\e603";
}
.icon--terminal:before {
  content: "\e900";
}
/* ==========================================================================
   Lush icons
   ========================================================================== */
/* Lush Icons by Belancio - www.lushtype.com */
.lush,
.lush:after,
.lush:before {
  font-family: 'LushIcons';
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-text-size-adjust: none;
  font-weight: normal;
  font-style: normal;
}
.lush-crosshair:before {
  content: "\F001";
}
.lush-search:before {
  content: "\F002";
}
.lush-zoom-plus:before {
  content: "\F003";
}
.lush-zoom-minus:before {
  content: "\F004";
}
.lush-eye:before {
  content: "\F005";
}
.lush-eyedropper:before {
  content: "\F006";
}
.lush-preloader:before {
  content: "\F007";
}
.lush-crop:before {
  content: "\F008";
}
.lush-layer:before {
  content: "\F009";
}
.lush-link:before {
  content: "\F010";
}
.lush-move:before {
  content: "\F011";
}
.lush-pen:before {
  content: "\F012";
}
.lush-compose:before {
  content: "\F013";
}
.lush-inbox:before {
  content: "\F014";
}
.lush-paper-clip:before {
  content: "\F015";
}
.lush-paper-airplane:before {
  content: "\F016";
}
.lush-mail:before {
  content: "\F017";
}
.lush-comments:before {
  content: "\F018";
}
.lush-comment:before {
  content: "\F019";
}
.lush-comment-ellipsis:before {
  content: "\F020";
}
.lush-ellipsis:before {
  content: "\F021";
}
.lush-ellipsis-two:before {
  content: "\F022";
}
.lush-ellipsis-one:before {
  content: "\F023";
}
.lush-quotes:before {
  content: "\F024";
}
.lush-person:before {
  content: "\F025";
}
.lush-people:before {
  content: "\F026";
}
.lush-heart:before {
  content: "\F027";
}
.lush-heart-half:before {
  content: "\F028";
}
.lush-star:before {
  content: "\F029";
}
.lush-star-half:before {
  content: "\F030";
}
.lush-thumbs-up:before {
  content: "\F031";
}
.lush-thumbs-down:before {
  content: "\F032";
}
.lush-home:before {
  content: "\F033";
}
.lush-shopping-cart:before {
  content: "\F034";
}
.lush-shopping-bag:before {
  content: "\F035";
}
.lush-bag:before {
  content: "\F036";
}
.lush-briefcase-attache:before {
  content: "\F037";
}
.lush-luggage:before {
  content: "\F038";
}
.lush-tag:before {
  content: "\F039";
}
.lush-bookmark-single:before {
  content: "\F040";
}
.lush-bookmarks:before {
  content: "\F041";
}
.lush-flag:before {
  content: "\F042";
}
.lush-camera-pro:before {
  content: "\F043";
}
.lush-camera-vintage:before {
  content: "\F044";
}
.lush-photo:before {
  content: "\F045";
}
.lush-video:before {
  content: "\F046";
}
.lush-video-camera:before {
  content: "\F047";
}
.lush-microphone-vintage:before {
  content: "\F048";
}
.lush-music-note:before {
  content: "\F049";
}
.lush-music-notes:before {
  content: "\F050";
}
.lush-phone-classic:before {
  content: "\F051";
}
.lush-phone-mobile:before {
  content: "\F052";
}
.lush-computer-mouse:before {
  content: "\F053";
}
.lush-monitor:before {
  content: "\F054";
}
.lush-browser:before {
  content: "\F055";
}
.lush-printer:before {
  content: "\F056";
}
.lush-disc:before {
  content: "\F057";
}
.lush-book:before {
  content: "\F058";
}
.lush-clip-board:before {
  content: "\F059";
}
.lush-newspaper-article:before {
  content: "\F060";
}
.lush-pin:before {
  content: "\F061";
}
.lush-pin-dot:before {
  content: "\F062";
}
.lush-map:before {
  content: "\F063";
}
.lush-compass:before {
  content: "\F064";
}
.lush-direction-northeast:before {
  content: "\F065";
}
.lush-direction:before {
  content: "\F066";
}
.lush-address:before {
  content: "\F067";
}
.lush-globe:before {
  content: "\F068";
}
.lush-lightbulb:before {
  content: "\F069";
}
.lush-flashlight:before {
  content: "\F070";
}
.lush-gauge:before {
  content: "\F071";
}
.lush-alarm-bell:before {
  content: "\F072";
}
.lush-clock:before {
  content: "\F073";
}
.lush-stopwatch:before {
  content: "\F074";
}
.lush-calendar-full:before {
  content: "\F075";
}
.lush-calendar-add:before {
  content: "\F076";
}
.lush-calendar-remove:before {
  content: "\F077";
}
.lush-calendar-decline:before {
  content: "\F078";
}
.lush-calendar-confirm:before {
  content: "\F079";
}
.lush-book-open:before {
  content: "\F080";
}
.lush-book-text:before {
  content: "\F081";
}
.lush-paper-text:before {
  content: "\F082";
}
.lush-document:before {
  content: "\F083";
}
.lush-document-text:before {
  content: "\F084";
}
.lush-document-landscape:before {
  content: "\F085";
}
.lush-document-landscape-text:before {
  content: "\F086";
}
.lush-folder:before {
  content: "\F087";
}
.lush-folder-open:before {
  content: "\F088";
}
.lush-upload:before {
  content: "\F089";
}
.lush-download:before {
  content: "\F090";
}
.lush-cloud-full:before {
  content: "\F091";
}
.lush-cloud-download:before {
  content: "\F092";
}
.lush-cloud-upload:before {
  content: "\F093";
}
.lush-reply:before {
  content: "\F094";
}
.lush-reply-all:before {
  content: "\F095";
}
.lush-forward:before {
  content: "\F096";
}
.lush-drive:before {
  content: "\F097";
}
.lush-drive-download:before {
  content: "\F098";
}
.lush-save:before {
  content: "\F099";
}
.lush-trash:before {
  content: "\F100";
}
.lush-trash-full:before {
  content: "\F101";
}
.lush-remove-circle:before {
  content: "\F102";
}
.lush-locked:before {
  content: "\F103";
}
.lush-unlocked:before {
  content: "\F104";
}
.lush-key-classic:before {
  content: "\F105";
}
.lush-settings:before {
  content: "\F106";
}
.lush-database:before {
  content: "\F107";
}
.lush-box:before {
  content: "\F108";
}
.lush-credit-card:before {
  content: "\F109";
}
.lush-graph-bar:before {
  content: "\F110";
}
.lush-chart-pie:before {
  content: "\F111";
}
.lush-chart-bar:before {
  content: "\F112";
}
.lush-chart-trend:before {
  content: "\F113";
}
.lush-light-dim:before {
  content: "\F114";
}
.lush-light:before {
  content: "\F115";
}
.lush-light-contrast:before {
  content: "\F116";
}
.lush-battery-full:before {
  content: "\F117";
}
.lush-battery-medium:before {
  content: "\F118";
}
.lush-battery-small:before {
  content: "\F119";
}
.lush-battery-empty:before {
  content: "\F120";
}
.lush-voicemail:before {
  content: "\F121";
}
.lush-rss:before {
  content: "\F122";
}
.lush-signal:before {
  content: "\F123";
}
.lush-code:before {
  content: "\F124";
}
.lush-infinity-sign:before {
  content: "\F125";
}
.lush-sound-full:before {
  content: "\F126";
}
.lush-sound-medium:before {
  content: "\F127";
}
.lush-sound-small:before {
  content: "\F128";
}
.lush-sound-mute:before {
  content: "\F129";
}
.lush-play-wireless:before {
  content: "\F130";
}
.lush-play:before {
  content: "\F131";
}
.lush-pause:before {
  content: "\F132";
}
.lush-record:before {
  content: "\F133";
}
.lush-stop:before {
  content: "\F134";
}
.lush-fast-forward:before {
  content: "\F135";
}
.lush-fast-backward:before {
  content: "\F136";
}
.lush-play-forward:before {
  content: "\F137";
}
.lush-play-backward:before {
  content: "\F138";
}
.lush-volume:before {
  content: "\F139";
}
.lush-repeat:before {
  content: "\F140";
}
.lush-shuffle:before {
  content: "\F141";
}
.lush-rotate-left:before {
  content: "\F142";
}
.lush-rotate-right:before {
  content: "\F143";
}
.lush-repeat-circle:before {
  content: "\F144";
}
.lush-cycle:before {
  content: "\F145";
}
.lush-back-time:before {
  content: "\F146";
}
.lush-back:before {
  content: "\F147";
}
.lush-level-down:before {
  content: "\F148";
}
.lush-loop:before {
  content: "\F149";
}
.lush-level-up:before {
  content: "\F150";
}
.lush-retweet:before {
  content: "\F151";
}
.lush-switch:before {
  content: "\F152";
}
.lush-merge:before {
  content: "\F153";
}
.lush-check-sign:before {
  content: "\F154";
}
.lush-plus-sign:before {
  content: "\F155";
}
.lush-minus-sign:before {
  content: "\F156";
}
.lush-close:before {
  content: "\F157";
}
.lush-plus-square:before {
  content: "\F158";
}
.lush-minus-square:before {
  content: "\F159";
}
.lush-close-square:before {
  content: "\F160";
}
.lush-plus-circle:before {
  content: "\F161";
}
.lush-minus-circle:before {
  content: "\F162";
}
.lush-close-circle:before {
  content: "\F163";
}
.lush-delete:before {
  content: "\F164";
}
.lush-help-circle:before {
  content: "\F165";
}
.lush-help:before {
  content: "\F166";
}
.lush-info-circle:before {
  content: "\F167";
}
.lush-warning:before {
  content: "\F168";
}
.lush-grid-large:before {
  content: "\F169";
}
.lush-grid:before {
  content: "\F170";
}
.lush-layout:before {
  content: "\F171";
}
.lush-rows:before {
  content: "\F172";
}
.lush-columns:before {
  content: "\F173";
}
.lush-list:before {
  content: "\F174";
}
.lush-list-bullets:before {
  content: "\F175";
}
.lush-list-add:before {
  content: "\F176";
}
.lush-login:before {
  content: "\F177";
}
.lush-logout:before {
  content: "\F178";
}
.lush-share:before {
  content: "\F179";
}
.lush-resize-up:before {
  content: "\F180";
}
.lush-resize-down:before {
  content: "\F181";
}
.lush-carets:before {
  content: "\F182";
}
.lush-arrow-small-up:before {
  content: "\F183";
}
.lush-arrow-small-right:before {
  content: "\F184";
}
.lush-arrow-small-down:before {
  content: "\F185";
}
.lush-arrow-small-left:before {
  content: "\F186";
}
.lush-arrow-up:before {
  content: "\F187";
}
.lush-arrow-right:before {
  content: "\F188";
}
.lush-arrow-down:before {
  content: "\F189";
}
.lush-arrow-left:before {
  content: "\F190";
}
.lush-arrow-large-up:before {
  content: "\F191";
}
.lush-arrow-large-right:before {
  content: "\F192";
}
.lush-arrow-large-down:before {
  content: "\F193";
}
.lush-arrow-large-left:before {
  content: "\F194";
}
.lush-arrow-long-up:before {
  content: "\F195";
}
.lush-arrow-long-up-right:before {
  content: "\F196";
}
.lush-arrow-long-right:before {
  content: "\F197";
}
.lush-arrow-long-down:before {
  content: "\F198";
}
.lush-arrow-long-left:before {
  content: "\F199";
}
.lush-arrow-long-up-left:before {
  content: "\F200";
}
.lush-triangle-small-up:before {
  content: "\F201";
}
.lush-triangle-small-right:before {
  content: "\F202";
}
.lush-triangle-small-down:before {
  content: "\F203";
}
.lush-triangle-small-left:before {
  content: "\F204";
}
.lush-triangle-large-up:before {
  content: "\F205";
}
.lush-triangle-large-right:before {
  content: "\F206";
}
.lush-triangle-large-down:before {
  content: "\F207";
}
.lush-triangle-large-left:before {
  content: "\F208";
}
.lush-arrow-circle-up:before {
  content: "\F209";
}
.lush-arrow-circle-right:before {
  content: "\F210";
}
.lush-arrow-circle-down:before {
  content: "\F211";
}
.lush-arrow-circle-left:before {
  content: "\F212";
}
.breadcrumbs {
  padding: 30px 0 0 0;
}
/**
 * Simple breadcrumb styling to apply to (ordered) lists. Extends `.nav`, e.g.:
 *
   <ol class="nav  breadcrumb">
       <li><a href=#>Home</a></li>
       <li><a href=#>About</a></li>
       <li><a href=#>The Board</a></li>
       <li class=current><a href=#>Directors</a></li>
   </ol>
 *
 * Demo: jsfiddle.net/inuitcss/rkAY9
 *
 */
.breadcrumb > li + li:before {
  content: "\00BB" "\00A0";
  margin: 0 5px;
}
/**
 * For denoting a path-like structure, GitHub style, e.g.:
 *
   <ol class="nav  breadcrumb--path">
       <li class=breadcrumb__root><a href=#>inuit.css</a></li>
       <li><a href=#>inuit.css</a></li>
       <li><a href=#>partials</a></li>
       <li class=current><a href=#>objects</a></li>
   </ol>
 *
 */
.breadcrumb--path > li + li:before {
  content: "\002F" "\00A0";
}
/**
 * Assign a delimiter on the fly through a data attribute, e.g.:
 *
   <ol class="nav  breadcrumb">
       <li><a href=#>Home</a></li>
       <li data-breadcrumb="|"><a href=#>About</a></li>
       <li data-breadcrumb="|"><a href=#>The Board</a></li>
       <li data-breadcrumb="|" class=current><a href=#>Directors</a></li>
   </ol>
 *
 */
.breadcrumb > li + li[data-breadcrumb]:before {
  content: attr(data-breadcrumb) "\00A0";
}
/**
 * Denote the root of the tree.
 */
.breadcrumb--root {
  font-weight: 600;
}
/**!
 * Accordions
 *
 * Accordion objects
 * ========================================================================== */
/* ==========================================================================
    General structure
    ========================================================================== */
.accordion .panel {
  border-bottom: 1px solid;
}
.accordion .accordion-toggle {
  display: block;
  padding-top: 30px;
  padding-top: 1.875rem;
  padding-bottom: 30px;
  padding-bottom: 1.875rem;
  letter-spacing: 1px;
  letter-spacing: 0.0625rem;
  font-size: 18px;
  font-size: 1.125rem;
  -webkit-transition: background-color 0.2s linear;
  -moz-transition: background-color 0.2s linear;
  -o-transition: background-color 0.2s linear;
  -ms-transition: background-color 0.2s linear;
  transition: background-color 0.2s linear;
}
.accordion .accordion-toggle:before {
  font-family: 'mt-icons';
  content: "\e010";
  display: inline-block;
  width: 10px;
  height: 16px;
  margin: 0 20px 0 10px;
  position: relative;
  color: #48e0a4;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  transition: all 0.2s linear;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
}
.accordion .accordion-toggle:hover {
  text-decoration: none;
}
.accordion .accordion-toggle.isActive:before {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
.accordion .panel-content {
  display: none;
}
/* ==========================================================================
    Accordion variations and modifiers
    ========================================================================== */
/* Default
   -------------------------------------------------------------------------- */
/* (dark) Inverted
   -------------------------------------------------------------------------- */
.accordion--dark .panel {
  border-color: #282B2D;
}
.accordion--dark .accordion-toggle {
  color: #f4f4f4;
}
.accordion--dark .accordion-toggle:hover {
  background-color: #191919;
}
.accordion--dark .accordion-toggle.isActive:before {
  color: #fff;
}
/**!
  * Tooltip
  *
  * Pure CSS simple tooltips
  * =========================================================================== */
/* ==========================================================================
   Animations
   ========================================================================== */
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-o-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.fadeIn {
  -webkit-animation-name: fadeIn;
  -moz-animation-name: fadeIn;
  -o-animation-name: fadeIn;
  animation-name: fadeIn;
}
@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}
@-moz-keyframes fadeInUp {
  0% {
    opacity: 0;
    -moz-transform: translateY(20px);
  }
  100% {
    opacity: 1;
    -moz-transform: translateY(0);
  }
}
@-o-keyframes fadeInUp {
  0% {
    opacity: 0;
    -o-transform: translateY(20px);
  }
  100% {
    opacity: 1;
    -o-transform: translateY(0);
  }
}
@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.fadeInUp {
  -webkit-animation-name: fadeInUp;
  -moz-animation-name: fadeInUp;
  -o-animation-name: fadeInUp;
  animation-name: fadeInUp;
}
@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-50%, -20px, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(-50%, 0, 0);
  }
}
@-moz-keyframes fadeInDown {
  0% {
    opacity: 0;
    -moz-transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    -moz-transform: translateY(0);
  }
}
@-o-keyframes fadeInDown {
  0% {
    opacity: 0;
    -o-transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    -o-transform: translateY(0);
  }
}
@keyframes fadeInDown {
  0% {
    opacity: 0;
    transform: translate3d(-50%, -20px, 0);
  }
  100% {
    opacity: 1;
    transform: translate3d(-50%, 0, 0);
  }
}
.fadeInDown {
  -webkit-animation-name: fadeInDown;
  -moz-animation-name: fadeInDown;
  -o-animation-name: fadeInDown;
  animation-name: fadeInDown;
}
/* ==========================================================================
   Tooltip
   ========================================================================== */
.tooltip {
  position: relative;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
.tooltip:after {
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-duration: 0.3s;
  -moz-animation-duration: 0.3s;
  -ms-animation-duration: 0.3s;
  -o-animation-duration: 0.3s;
  animation-duration: 0.3s;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(28, 28, 30, 0);
  border-width: 20px;
  display: none;
}
.tooltip:before {
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-duration: 0.3s;
  -moz-animation-duration: 0.3s;
  -ms-animation-duration: 0.3s;
  -o-animation-duration: 0.3s;
  animation-duration: 0.3s;
  content: attr(data-tooltip-text);
  position: absolute;
  background: #1C1C1E;
  color: #fff;
  max-width: 400px;
  width: auto;
  font-size: 14px;
  line-height: 16px;
  padding: 10px 15px;
  z-index: 500;
  display: none;
  left: 50%;
}
.tooltip:hover {
  z-index: 5;
}
.tooltip:hover:before {
  display: block;
}
.tooltip:hover:after {
  display: block;
}
.tooltip--top:before {
  bottom: 110%;
  -webkit-animation-name: fadeInUp;
  -moz-animation-name: fadeInUp;
  -o-animation-name: fadeInUp;
  animation-name: fadeInUp;
}
.tooltip--top:after {
  top: -10px;
  border-top-color: #1c1c1e;
  -webkit-animation-name: fadeInUp;
  -moz-animation-name: fadeInUp;
  -o-animation-name: fadeInUp;
  animation-name: fadeInUp;
}
.tooltip--bottom:before {
  top: 115%;
  -webkit-animation-name: fadeInDown;
  -moz-animation-name: fadeInDown;
  -o-animation-name: fadeInDown;
  animation-name: fadeInDown;
}
.tooltip--bottom:after {
  bottom: -20px;
  border-bottom-color: #1c1c1e;
  -webkit-animation-name: fadeInDown;
  -moz-animation-name: fadeInDown;
  -o-animation-name: fadeInDown;
  animation-name: fadeInDown;
}
.tooltip--large:before {
  width: 400px;
}
.tooltip--medium:before {
  width: 200px;
}
/**!
 * Hero Unit
 *
 * Styles for global hero unit modules
 * =========================================================================== */
/* Base styles
   -------------------------------------------------------------------------- */
/**
 * Load in all styled for hero images
 */
/**!
 * Hero Unit images
 *
 * This file contains all images for every single hero on the site.
 * Brace yourself. It's about to go down.
 * =========================================================================== */
/*
 * Hero image sizes
 * ============================
 * hero-lg.jpg -- 1665 x 705
 * hero-md.jpg -- 1180 x 500
 * hero-sm.jpg -- 755 x 400
 * hero-xsm.jpg -- 465 x 400
*/
/* ==========================================================================
   Error pages
   ========================================================================== */
.page--404 .heroUnit {
  background-image: url(../_img/errors/404/hero-md.jpg);
}
@media (min-width: 1200px) {
  .page--404 .heroUnit {
    background-image: url(../_img/errors/404/hero-lg.jpg);
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .page--404 .heroUnit {
    background-image: url(../_img/errors/404/hero-md.jpg);
  }
}
@media (max-width: 767px) {
  .page--404 .heroUnit {
    background-image: url(../_img/errors/404/hero-sm.jpg);
  }
}
@media (max-width: 480px) {
  .page--404 .heroUnit {
    background-image: url(../_img/errors/404/hero-xsm.jpg);
  }
}
@media (min-width: 768px) and (max-width: 1199px) and (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-device-pixel-ratio: 1.5) {
  .page--404 .heroUnit {
    background-image: url(../_img/errors/404/hero-lg.jpg);
  }
}
/* ==========================================================================
   Homepage - /
   ========================================================================== */
.page--home .heroUnit {
  background-image: url(../_img/homepage/home-hero-md.jpg);
  background-position: 0px 0px;
}
@media (min-width: 1200px) {
  .page--home .heroUnit {
    background-image: url(../_img/homepage/home-hero-lg.jpg);
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .page--home .heroUnit {
    background-image: url(../_img/homepage/home-hero-md.jpg);
  }
}
@media (max-width: 767px) {
  .page--home .heroUnit {
    background-image: url(../_img/homepage/home-hero-sm.jpg);
  }
}
@media (max-width: 480px) {
  .page--home .heroUnit {
    background-image: url(../_img/homepage/home-hero-xsm.png);
  }
}
@media (min-width: 768px) and (max-width: 1199px) and (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-device-pixel-ratio: 1.5) {
  .page--home .heroUnit {
    background-image: url(../_img/homepage/home-hero-lg.jpg);
  }
}
.page--home .heroUnit--gridPro {
  background-image: url(../_img/homepage/grid-pro/hero-md.jpg);
}
@media (min-width: 1200px) {
  .page--home .heroUnit--gridPro {
    background-image: url(../_img/homepage/grid-pro/hero-lg.jpg);
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .page--home .heroUnit--gridPro {
    background-image: url(../_img/homepage/grid-pro/hero-md.jpg);
  }
}
@media (max-width: 767px) {
  .page--home .heroUnit--gridPro {
    background-image: url(../_img/homepage/grid-pro/hero-sm.jpg);
  }
}
@media (max-width: 480px) {
  .page--home .heroUnit--gridPro {
    background-image: url(../_img/homepage/grid-pro/hero-xsm.jpg);
  }
}
@media (min-width: 768px) and (max-width: 1199px) and (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-device-pixel-ratio: 1.5) {
  .page--home .heroUnit--gridPro {
    background-image: url(../_img/homepage/grid-pro/hero-lg.jpg);
  }
}
.page--home .heroUnit--wordpress {
  background-image: url(/_img/homepage/wordpress/hero-md.jpg);
}
@media (min-width: 1200px) {
  .page--home .heroUnit--wordpress {
    background-image: url(/_img/homepage/wordpress/hero-lg.jpg);
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .page--home .heroUnit--wordpress {
    background-image: url(/_img/homepage/wordpress/hero-md.jpg);
  }
}
@media (max-width: 767px) {
  .page--home .heroUnit--wordpress {
    background-image: url(/_img/homepage/wordpress/hero-sm.jpg);
  }
}
@media (max-width: 480px) {
  .page--home .heroUnit--wordpress {
    background-image: url(/_img/homepage/wordpress/hero-xsm.jpg);
  }
}
@media (min-width: 768px) and (max-width: 1199px) and (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-device-pixel-ratio: 1.5) {
  .page--home .heroUnit--wordpress {
    background-image: url(/_img/homepage/wordpress/hero-lg.jpg);
  }
}
.page--home .heroUnit--cyberMonday {
  background-image: url(../_img/homepage/cyber-monday/hero-md.jpg);
}
@media (min-width: 1200px) {
  .page--home .heroUnit--cyberMonday {
    background-image: url(../_img/homepage/cyber-monday/hero-lg.jpg);
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .page--home .heroUnit--cyberMonday {
    background-image: url(../_img/homepage/cyber-monday/hero-md.jpg);
  }
}
@media (max-width: 767px) {
  .page--home .heroUnit--cyberMonday {
    background-image: url(../_img/homepage/cyber-monday/hero-sm.jpg);
  }
}
@media (max-width: 480px) {
  .page--home .heroUnit--cyberMonday {
    background-image: url(../_img/homepage/cyber-monday/hero-xsm.jpg);
  }
}
@media (min-width: 768px) and (max-width: 1199px) and (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-device-pixel-ratio: 1.5) {
  .page--home .heroUnit--cyberMonday {
    background-image: url(../_img/homepage/cyber-monday/hero-lg.jpg);
  }
}
.page--home .heroUnit--cyberMonday2016 {
  background-image: url(../_img/homepage/cyber-monday-2016/hero-xsm.jpg);
}
@media (min-width: 768px) {
  .page--home .heroUnit--cyberMonday2016 {
    background-image: url(../_img/homepage/cyber-monday-2016/hero-sm.jpg);
  }
}
@media (min-width: 1096px) {
  .page--home .heroUnit--cyberMonday2016 {
    background-image: url(../_img/homepage/cyber-monday-2016/hero-md.jpg);
  }
}
@media (min-width: 1500px) {
  .page--home .heroUnit--cyberMonday2016 {
    background-image: url(../_img/homepage/cyber-monday-2016/hero-lg.jpg);
  }
}
.page--home .heroUnit--made-like-it-matters-contest {
  background-image: url('../_img/homepage/made-like-it-matters-contest/avb-hero-md.jpg');
  background-position: center center;
}
@media (min-width: 1200px) {
  .page--home .heroUnit--made-like-it-matters-contest {
    background-image: url('../_img/homepage/made-like-it-matters-contest/avb-hero-lg.jpg');
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .page--home .heroUnit--made-like-it-matters-contest {
    background-image: url('../_img/homepage/made-like-it-matters-contest/avb-hero-md.jpg');
  }
}
@media (max-width: 767px) {
  .page--home .heroUnit--made-like-it-matters-contest {
    background-image: url('../_img/homepage/made-like-it-matters-contest/avb-hero-sm.jpg');
  }
}
@media (max-width: 480px) {
  .page--home .heroUnit--made-like-it-matters-contest {
    background-image: url('../_img/homepage/made-like-it-matters-contest/avb-hero-xsm.jpg');
  }
}
@media (min-width: 768px) and (max-width: 1199px) and (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-device-pixel-ratio: 1.5) {
  .page--home .heroUnit--made-like-it-matters-contest {
    background-image: url('../_img/homepage/made-like-it-matters-contest/avb-hero-lg.jpg');
  }
}
.page--home .heroUnit--newYear {
  cursor: pointer;
  background-image: url(../_img/homepage/new-year/hero-md.png);
}
@media (min-width: 1200px) {
  .page--home .heroUnit--newYear {
    background-image: url(../_img/homepage/new-year/hero-lg.png);
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .page--home .heroUnit--newYear {
    background-image: url(../_img/homepage/new-year/hero-md.png);
  }
}
@media (max-width: 767px) {
  .page--home .heroUnit--newYear {
    background-image: url(../_img/homepage/new-year/hero-sm.png);
  }
}
@media (max-width: 480px) {
  .page--home .heroUnit--newYear {
    background-image: url(../_img/homepage/new-year/hero-xsm.png);
  }
}
@media (min-width: 768px) and (max-width: 1199px) and (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-device-pixel-ratio: 1.5) {
  .page--home .heroUnit--newYear {
    background-image: url(../_img/homepage/managed-cloud/hero-lg.png);
  }
}
.page--home .heroUnit--30off {
  cursor: pointer;
  background-image: url(../_img/homepage/30off/hero-wp-30-md.jpg);
}
@media (min-width: 1200px) {
  .page--home .heroUnit--30off {
    background-image: url(../_img/homepage/30off/hero-wp-30-lg.jpg);
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .page--home .heroUnit--30off {
    background-image: url(../_img/homepage/30off/hero-wp-30-md.jpg);
  }
}
@media (max-width: 767px) {
  .page--home .heroUnit--30off {
    background-image: url(../_img/homepage/30off/hero-wp-30-sm.jpg);
  }
}
@media (max-width: 480px) {
  .page--home .heroUnit--30off {
    background-image: url(../_img/homepage/30off/hero-wp-30-xsm.jpg);
  }
}
@media (min-width: 768px) and (max-width: 1199px) and (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-device-pixel-ratio: 1.5) {
  .page--home .heroUnit--30off {
    background-image: url(../_img/homepage/30off/hero-wp-30-lg.jpg);
  }
}
.page--home .heroUnit--33off {
  cursor: pointer;
  background-image: url(../_img/homepage/33off/hero-md.jpg);
}
@media (min-width: 1200px) {
  .page--home .heroUnit--33off {
    background-image: url(../_img/homepage/33off/hero-lg.jpg);
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .page--home .heroUnit--33off {
    background-image: url(../_img/homepage/33off/hero-md.jpg);
  }
}
@media (max-width: 767px) {
  .page--home .heroUnit--33off {
    background-image: url(../_img/homepage/33off/hero-sm.jpg);
  }
}
@media (max-width: 480px) {
  .page--home .heroUnit--33off {
    background-image: url(../_img/homepage/33off/hero-xsm.jpg);
  }
}
@media (min-width: 768px) and (max-width: 1199px) and (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-device-pixel-ratio: 1.5) {
  .page--home .heroUnit--33off {
    background-image: url(../_img/homepage/33off/hero-lg.jpg);
  }
}
.page--home .heroUnit--webhosting {
  cursor: pointer;
  background-image: url(../_img/homepage/webhosting/compare-plans-hero-md.jpg);
}
@media (min-width: 1200px) {
  .page--home .heroUnit--webhosting {
    background-image: url(../_img/homepage/webhosting/compare-plans-hero-lg.jpg);
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .page--home .heroUnit--webhosting {
    background-image: url(../_img/homepage/webhosting/compare-plans-hero-md.jpg);
  }
}
@media (max-width: 767px) {
  .page--home .heroUnit--webhosting {
    background-image: url(../_img/homepage/webhosting/compare-plans-hero-sm.jpg);
  }
}
@media (max-width: 480px) {
  .page--home .heroUnit--webhosting {
    background-image: url(../_img/homepage/webhosting/compare-plans-hero-xsm.jpg);
  }
}
@media (min-width: 768px) and (max-width: 1199px) and (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-device-pixel-ratio: 1.5) {
  .page--home .heroUnit--webhosting {
    background-image: url(../_img/homepage/webhosting/compare-plans-hero-lg.jpg);
  }
}
.page--home .heroUnit--oct2016promo {
  cursor: pointer;
  background-image: url(../_img/homepage/oct2016promo/hero-md.jpg);
}
@media (min-width: 1200px) {
  .page--home .heroUnit--oct2016promo {
    background-image: url(../_img/homepage/oct2016promo/hero-lg.jpg);
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .page--home .heroUnit--oct2016promo {
    background-image: url(../_img/homepage/oct2016promo/hero-md.jpg);
  }
}
@media (max-width: 767px) {
  .page--home .heroUnit--oct2016promo {
    background-image: url(../_img/homepage/oct2016promo/hero-sm.jpg);
  }
}
@media (max-width: 480px) {
  .page--home .heroUnit--oct2016promo {
    background-image: url(../_img/homepage/oct2016promo/hero-xsm.jpg);
  }
}
@media (min-width: 768px) and (max-width: 1199px) and (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-device-pixel-ratio: 1.5) {
  .page--home .heroUnit--oct2016promo {
    background-image: url(../_img/homepage/oct2016promo/hero-lg.jpg);
  }
}
.page--home .heroUnit--temp {
  cursor: pointer;
  background-image: url(../_img/homepage/temp/hero-temp-md.jpg);
}
@media (min-width: 1200px) {
  .page--home .heroUnit--temp {
    background-image: url(../_img/homepage/temp/hero-temp-lg.jpg);
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .page--home .heroUnit--temp {
    background-image: url(../_img/homepage/temp/hero-temp-md.jpg);
  }
}
@media (max-width: 767px) {
  .page--home .heroUnit--temp {
    background-image: url(../_img/homepage/temp/hero-temp-sm.jpg);
  }
}
@media (max-width: 480px) {
  .page--home .heroUnit--temp {
    background-image: url(../_img/homepage/temp/hero-temp-xsm.jpg);
  }
}
@media (min-width: 768px) and (max-width: 1199px) and (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-device-pixel-ratio: 1.5) {
  .page--home .heroUnit--temp {
    background-image: url(../_img/homepage/temp/hero-temp-lg.jpg);
  }
}
.page--home .heroUnit--managedCloud {
  cursor: pointer;
  background-image: url(../_img/homepage/managed-cloud/hero-md.jpg);
}
@media (min-width: 1200px) {
  .page--home .heroUnit--managedCloud {
    background-image: url(../_img/homepage/managed-cloud/hero-lg.jpg);
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .page--home .heroUnit--managedCloud {
    background-image: url(../_img/homepage/managed-cloud/hero-md.jpg);
  }
}
@media (max-width: 767px) {
  .page--home .heroUnit--managedCloud {
    background-image: url(../_img/homepage/managed-cloud/hero-sm.jpg);
  }
}
@media (max-width: 480px) {
  .page--home .heroUnit--managedCloud {
    background-image: url(../_img/homepage/managed-cloud/hero-xsm.jpg);
  }
}
@media (min-width: 768px) and (max-width: 1199px) and (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-device-pixel-ratio: 1.5) {
  .page--home .heroUnit--managedCloud {
    background-image: url(../_img/homepage/managed-cloud/hero-lg.jpg);
  }
}
.page--home .heroUnit--dv {
  background-image: url(../_img/webhosting/vps/developer/hero-md.jpg);
}
@media (min-width: 1200px) {
  .page--home .heroUnit--dv {
    background-image: url(../_img/webhosting/vps/developer/hero-lg.jpg);
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .page--home .heroUnit--dv {
    background-image: url(../_img/webhosting/vps/developer/hero-md.jpg);
  }
}
@media (max-width: 767px) {
  .page--home .heroUnit--dv {
    background-image: url(../_img/webhosting/vps/developer/hero-sm.jpg);
  }
}
@media (max-width: 480px) {
  .page--home .heroUnit--dv {
    background-image: url(../_img/webhosting/vps/developer/hero-xsm.jpg);
  }
}
@media (min-width: 768px) and (max-width: 1199px) and (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-device-pixel-ratio: 1.5) {
  .page--home .heroUnit--dv {
    background-image: url(../_img/webhosting/vps/developer/hero-lg.jpg);
  }
}
.page--home .heroUnit--wordpressCloudHosting {
  background-image: url(/_img/homepage/wordpress-cloud-hosting/hero-md.jpg);
}
@media (min-width: 1200px) {
  .page--home .heroUnit--wordpressCloudHosting {
    background-image: url(/_img/homepage/wordpress-cloud-hosting/hero-lg.jpg);
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .page--home .heroUnit--wordpressCloudHosting {
    background-image: url(/_img/homepage/wordpress-cloud-hosting/hero-md.jpg);
  }
}
@media (max-width: 767px) {
  .page--home .heroUnit--wordpressCloudHosting {
    background-image: url(/_img/homepage/wordpress-cloud-hosting/hero-sm.jpg);
  }
}
@media (max-width: 480px) {
  .page--home .heroUnit--wordpressCloudHosting {
    background-image: url(/_img/homepage/wordpress-cloud-hosting/hero-xsm.jpg);
  }
}
@media (min-width: 768px) and (max-width: 1199px) and (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-device-pixel-ratio: 1.5) {
  .page--home .heroUnit--wordpressCloudHosting {
    background-image: url(/_img/homepage/wordpress-cloud-hosting/hero-lg.jpg);
  }
}
.page--home .heroUnit--2016-06 {
  background-image: url(/_img/homepage/2016/06/hero-md.jpg);
}
@media (min-width: 1200px) {
  .page--home .heroUnit--2016-06 {
    background-image: url(/_img/homepage/2016/06/hero-lg.jpg);
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .page--home .heroUnit--2016-06 {
    background-image: url(/_img/homepage/2016/06/hero-md.jpg);
  }
}
@media (max-width: 767px) {
  .page--home .heroUnit--2016-06 {
    background-image: url(/_img/homepage/2016/06/hero-sm.jpg);
  }
}
@media (max-width: 480px) {
  .page--home .heroUnit--2016-06 {
    background-image: url(/_img/homepage/2016/06/hero-xsm.jpg);
  }
}
@media (min-width: 768px) and (max-width: 1199px) and (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-device-pixel-ratio: 1.5) {
  .page--home .heroUnit--2016-06 {
    background-image: url(/_img/homepage/2016/06/hero-lg.jpg);
  }
}
.page--home .heroUnit--holidays2016 {
  background-image: url(../_img/homepage/holidays-2016/hero-md.jpg);
}
@media (min-width: 1200px) {
  .page--home .heroUnit--holidays2016 {
    background-image: url(../_img/homepage/holidays-2016/hero-lg.jpg);
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .page--home .heroUnit--holidays2016 {
    background-image: url(../_img/homepage/holidays-2016/hero-md.jpg);
  }
}
@media (max-width: 767px) {
  .page--home .heroUnit--holidays2016 {
    background-image: url(../_img/homepage/holidays-2016/hero-sm.jpg);
  }
}
@media (max-width: 480px) {
  .page--home .heroUnit--holidays2016 {
    background-image: url(../_img/homepage/holidays-2016/hero-xsm.jpg);
  }
}
@media (min-width: 768px) and (max-width: 1199px) and (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-device-pixel-ratio: 1.5) {
  .page--home .heroUnit--holidays2016 {
    background-image: url(../_img/homepage/holidays-2016/hero-lg.jpg);
  }
}
.page--home .heroUnit--jan3-2016 {
  background-image: url(../_img/homepage/jan3-2016/hero-md.jpg);
}
@media (min-width: 1200px) {
  .page--home .heroUnit--jan3-2016 {
    background-image: url(../_img/homepage/jan3-2016/hero-lg.jpg);
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .page--home .heroUnit--jan3-2016 {
    background-image: url(../_img/homepage/jan3-2016/hero-md.jpg);
  }
}
@media (max-width: 767px) {
  .page--home .heroUnit--jan3-2016 {
    background-image: url(../_img/homepage/jan3-2016/hero-sm.jpg);
  }
}
@media (max-width: 480px) {
  .page--home .heroUnit--jan3-2016 {
    background-image: url(../_img/homepage/jan3-2016/hero-xsm.jpg);
  }
}
@media (min-width: 768px) and (max-width: 1199px) and (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-device-pixel-ratio: 1.5) {
  .page--home .heroUnit--jan3-2016 {
    background-image: url(../_img/homepage/jan3-2016/hero-lg.jpg);
  }
}
.page--home .heroUnit--blackFriday2017 {
  background-image: url(../_img/homepage/black-friday-2017/hero-md.jpg);
}
@media (min-width: 1200px) {
  .page--home .heroUnit--blackFriday2017 {
    background-image: url(../_img/homepage/black-friday-2017/hero-lg.jpg);
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .page--home .heroUnit--blackFriday2017 {
    background-image: url(../_img/homepage/black-friday-2017/hero-md.jpg);
  }
}
@media (max-width: 767px) {
  .page--home .heroUnit--blackFriday2017 {
    background-image: url(../_img/homepage/black-friday-2017/hero-sm.jpg);
  }
}
@media (max-width: 480px) {
  .page--home .heroUnit--blackFriday2017 {
    background-image: url(../_img/homepage/black-friday-2017/hero-xsm.jpg);
  }
}
@media (min-width: 768px) and (max-width: 1199px) and (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-device-pixel-ratio: 1.5) {
  .page--home .heroUnit--blackFriday2017 {
    background-image: url(../_img/homepage/black-friday-2017/hero-lg.jpg);
  }
}
.page--home .heroUnit--plesk-promo {
  background-image: url(../_img/homepage/plesk-promo/home-hero-md.png);
  background-position: 0px 0px;
}
@media (min-width: 1200px) {
  .page--home .heroUnit--plesk-promo {
    background-image: url(../_img/homepage/plesk-promo/home-hero-lg.png);
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .page--home .heroUnit--plesk-promo {
    background-image: url(../_img/homepage/plesk-promo/home-hero-md.png);
  }
}
@media (max-width: 767px) {
  .page--home .heroUnit--plesk-promo {
    background-image: url(../_img/homepage/plesk-promo/home-hero-sm.png);
  }
}
@media (max-width: 480px) {
  .page--home .heroUnit--plesk-promo {
    background-image: url(../_img/homepage/plesk-promo/home-hero-xsm.png);
  }
}
@media (min-width: 768px) and (max-width: 1199px) and (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-device-pixel-ratio: 1.5) {
  .page--home .heroUnit--plesk-promo {
    background-image: url(../_img/homepage/plesk-promo/home-hero-lg.png);
  }
}
.page--home .heroUnit--summer2018 {
  background-image: url(../_img/landing/summer2018/hero-md.jpg);
}
@media (min-width: 1200px) {
  .page--home .heroUnit--summer2018 {
    background-image: url(../_img/landing/summer2018/hero-lg.jpg);
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .page--home .heroUnit--summer2018 {
    background-image: url(../_img/landing/summer2018/hero-md.jpg);
  }
}
@media (max-width: 767px) {
  .page--home .heroUnit--summer2018 {
    background-image: url(../_img/landing/summer2018/hero-sm.jpg);
  }
}
@media (max-width: 480px) {
  .page--home .heroUnit--summer2018 {
    background-image: url(../_img/landing/summer2018/hero-xsm.jpg);
  }
}
@media (min-width: 768px) and (max-width: 1199px) and (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-device-pixel-ratio: 1.5) {
  .page--home .heroUnit--summer2018 {
    background-image: url(../_img/landing/summer2018/hero-lg.jpg);
  }
}
.page--home .heroUnit--cybermonday2018 {
  background-position: center center;
  background-image: url(../_img/homepage/cyber-monday-2018/hero-md.jpg);
}
@media (min-width: 1200px) {
  .page--home .heroUnit--cybermonday2018 {
    background-image: url(../_img/homepage/cyber-monday-2018/hero-lg.jpg);
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .page--home .heroUnit--cybermonday2018 {
    background-image: url(../_img/homepage/cyber-monday-2018/hero-md.jpg);
  }
}
@media (max-width: 767px) {
  .page--home .heroUnit--cybermonday2018 {
    background-image: url(../_img/homepage/cyber-monday-2018/hero-sm.jpg);
  }
}
@media (max-width: 480px) {
  .page--home .heroUnit--cybermonday2018 {
    background-image: url(../_img/homepage/cyber-monday-2018/hero-xsm.jpg);
  }
}
@media (min-width: 768px) and (max-width: 1199px) and (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-device-pixel-ratio: 1.5) {
  .page--home .heroUnit--cybermonday2018 {
    background-image: url(../_img/homepage/cyber-monday-2018/hero-lg.jpg);
  }
}
.page--home .heroUnit--support {
  background-image: url(../_img/webhosting/vps/hosting/hero-md.jpg);
  background-position: 0px 0px;
}
@media (min-width: 1200px) {
  .page--home .heroUnit--support {
    background-image: url(../_img/webhosting/vps/hosting/hero-lg.jpg);
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .page--home .heroUnit--support {
    background-image: url(../_img/webhosting/vps/hosting/hero-md.jpg);
  }
}
@media (max-width: 767px) {
  .page--home .heroUnit--support {
    background-image: url(../_img/webhosting/vps/hosting/hero-sm.jpg);
  }
}
@media (max-width: 480px) {
  .page--home .heroUnit--support {
    background-image: url(../_img/webhosting/vps/hosting/hero-xsm.jpg);
  }
}
@media (min-width: 768px) and (max-width: 1199px) and (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-device-pixel-ratio: 1.5) {
  .page--home .heroUnit--support {
    background-image: url(../_img/webhosting/vps/hosting/hero-lg.jpg);
  }
}
.page--home .heroUnit--dvPromo {
  background-image: url(../_img/webhosting/vps/hosting/hero-md.jpg);
  background-position: 0px 0px;
}
@media (min-width: 1200px) {
  .page--home .heroUnit--dvPromo {
    background-image: url(../_img/webhosting/vps/hosting/hero-lg.jpg);
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .page--home .heroUnit--dvPromo {
    background-image: url(../_img/webhosting/vps/hosting/hero-md.jpg);
  }
}
@media (max-width: 767px) {
  .page--home .heroUnit--dvPromo {
    background-image: url(../_img/webhosting/vps/hosting/hero-sm.jpg);
  }
}
@media (max-width: 480px) {
  .page--home .heroUnit--dvPromo {
    background-image: url(../_img/webhosting/vps/hosting/hero-xsm.jpg);
  }
}
.page--home .heroUnit--carousel .heroUnit:nth-child(1) {
  background-image: url(../_img/homepage/triple-carousel/support-helpcenter-hero-image-md.jpg);
  background-position: 0px 0px;
}
@media (min-width: 1200px) {
  .page--home .heroUnit--carousel .heroUnit:nth-child(1) {
    background-image: url(../_img/homepage/triple-carousel/support-helpcenter-hero-image-lg.jpg);
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .page--home .heroUnit--carousel .heroUnit:nth-child(1) {
    background-image: url(../_img/homepage/triple-carousel/support-helpcenter-hero-image-md.jpg);
  }
}
@media (max-width: 767px) {
  .page--home .heroUnit--carousel .heroUnit:nth-child(1) {
    background-image: url(../_img/homepage/triple-carousel/support-helpcenter-hero-image-sm.jpg);
  }
}
@media (max-width: 480px) {
  .page--home .heroUnit--carousel .heroUnit:nth-child(1) {
    background-image: url(../_img/homepage/triple-carousel/support-helpcenter-hero-image-xsm.jpg);
  }
}
.page--home .heroUnit--carousel .heroUnit:nth-child(2) {
  background-image: url(../_img/homepage/triple-carousel/dv-hero-image-md.jpg);
  background-position: 0px 0px;
}
@media (min-width: 1200px) {
  .page--home .heroUnit--carousel .heroUnit:nth-child(2) {
    background-image: url(../_img/homepage/triple-carousel/dv-hero-image-lg.jpg);
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .page--home .heroUnit--carousel .heroUnit:nth-child(2) {
    background-image: url(../_img/homepage/triple-carousel/dv-hero-image-md.jpg);
  }
}
@media (max-width: 767px) {
  .page--home .heroUnit--carousel .heroUnit:nth-child(2) {
    background-image: url(../_img/homepage/triple-carousel/dv-hero-image-sm.jpg);
  }
}
@media (max-width: 480px) {
  .page--home .heroUnit--carousel .heroUnit:nth-child(2) {
    background-image: url(../_img/homepage/triple-carousel/dv-hero-image-xsm.jpg);
  }
}
.page--home .heroUnit--carousel .heroUnit:nth-child(3) {
  background-image: url(../_img/homepage/triple-carousel/aws-hero-image-md.jpg);
  background-position: 0px 0px;
}
@media (min-width: 1200px) {
  .page--home .heroUnit--carousel .heroUnit:nth-child(3) {
    background-image: url(../_img/homepage/triple-carousel/aws-hero-image-lg.jpg);
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .page--home .heroUnit--carousel .heroUnit:nth-child(3) {
    background-image: url(../_img/homepage/triple-carousel/aws-hero-image-md.jpg);
  }
}
@media (max-width: 767px) {
  .page--home .heroUnit--carousel .heroUnit:nth-child(3) {
    background-image: url(../_img/homepage/triple-carousel/aws-hero-image-sm.jpg);
  }
}
@media (max-width: 480px) {
  .page--home .heroUnit--carousel .heroUnit:nth-child(3) {
    background-image: url(../_img/homepage/triple-carousel/aws-hero-image-xsm.jpg);
  }
}
/* ==========================================================================
   Webhosting - /webhosting/
   ========================================================================== */
/* ==========================================================================
   Managed Wordpress - /webhosting/wordpress
   ========================================================================== */
.page--wordpress .heroUnit,
.page--wordpress--landing .heroUnit {
  background-image: url(../_img/webhosting/wordpress/starter/hero-md.jpg);
}
@media (min-width: 1200px) {
  .page--wordpress .heroUnit,
  .page--wordpress--landing .heroUnit {
    background-image: url(../_img/webhosting/wordpress/starter/hero-lg.jpg);
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .page--wordpress .heroUnit,
  .page--wordpress--landing .heroUnit {
    background-image: url(../_img/webhosting/wordpress/starter/hero-md.jpg);
  }
}
@media (max-width: 767px) {
  .page--wordpress .heroUnit,
  .page--wordpress--landing .heroUnit {
    background-image: url(../_img/webhosting/wordpress/starter/hero-sm.jpg);
  }
}
@media (max-width: 480px) {
  .page--wordpress .heroUnit,
  .page--wordpress--landing .heroUnit {
    background-image: url(../_img/webhosting/wordpress/starter/hero-xsm.jpg);
  }
}
@media (min-width: 768px) and (max-width: 1199px) and (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-device-pixel-ratio: 1.5) {
  .page--wordpress .heroUnit,
  .page--wordpress--landing .heroUnit {
    background-image: url(../_img/webhosting/wordpress/starter/hero-lg.jpg);
  }
}
/* ==========================================================================
   Compare Wordpress - /webhosting/wordpress/compare
   ========================================================================== */
.page--wpress-compare .heroUnit {
  background-image: url(../_img/webhosting/mwp/compare/hero-md.jpg);
}
@media (min-width: 1200px) {
  .page--wpress-compare .heroUnit {
    background-image: url(../_img/webhosting/mwp/compare/hero-lg.jpg);
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .page--wpress-compare .heroUnit {
    background-image: url(../_img/webhosting/mwp/compare/hero-md.jpg);
  }
}
@media (max-width: 767px) {
  .page--wpress-compare .heroUnit {
    background-image: url(../_img/webhosting/mwp/compare/hero-sm.jpg);
  }
}
@media (max-width: 480px) {
  .page--wpress-compare .heroUnit {
    background-image: url(../_img/webhosting/mwp/compare/hero-xsm.jpg);
  }
}
@media (min-width: 768px) and (max-width: 1199px) and (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-device-pixel-ratio: 1.5) {
  .page--wpress-compare .heroUnit {
    background-image: url(../_img/webhosting/mwp/compare/hero-lg.jpg);
  }
}
/* ==========================================================================
   Wordpress - /landing/wordpress AB Testing
   ========================================================================== */
.page--wordpress--b .heroUnit {
  background-image: url(../_img/webhosting/wordpress/hero-md-350.jpg);
}
@media (min-width: 1200px) {
  .page--wordpress--b .heroUnit {
    background-image: url(../_img/webhosting/wordpress/hero-350/hero-lg.jpg);
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .page--wordpress--b .heroUnit {
    background-image: url(../_img/webhosting/wordpress/hero-350/hero-md.jpg);
  }
}
@media (max-width: 767px) {
  .page--wordpress--b .heroUnit {
    background-image: url(../_img/webhosting/wordpress/hero-350/hero-sm.jpg);
  }
}
@media (max-width: 480px) {
  .page--wordpress--b .heroUnit {
    background-image: url(../_img/webhosting/wordpress/hero-350/hero-xsm.jpg);
  }
}
@media (min-width: 768px) and (max-width: 1199px) and (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-device-pixel-ratio: 1.5) {
  .page--wordpress--b .heroUnit {
    background-image: url(../_img/webhosting/wordpress/hero-350/hero-lg.jpg);
  }
}
/* ==========================================================================
   DV Compare - /webhosting/vps/
   ========================================================================== */
.page--vps .heroUnit {
  background-image: url(../_img/webhosting/vps/hero-md.jpg);
}
@media (min-width: 1200px) {
  .page--vps .heroUnit {
    background-image: url(../_img/webhosting/vps/hero-lg.jpg);
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .page--vps .heroUnit {
    background-image: url(../_img/webhosting/vps/hero-md.jpg);
  }
}
@media (max-width: 767px) {
  .page--vps .heroUnit {
    background-image: url(../_img/webhosting/vps/hero-sm.jpg);
  }
}
@media (max-width: 480px) {
  .page--vps .heroUnit {
    background-image: url(../_img/webhosting/vps/hero-xsm.jpg);
  }
}
@media (min-width: 768px) and (max-width: 1199px) and (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-device-pixel-ratio: 1.5) {
  .page--vps .heroUnit {
    background-image: url(../_img/webhosting/vps/hero-lg.jpg);
  }
}
/* ==========================================================================
   VIRB - /services/virb/
   ========================================================================== */
.page--virb .heroUnit {
  background-image: url(../_img/virb/hero-md.jpg);
}
@media (min-width: 1200px) {
  .page--virb .heroUnit {
    background-image: url(../_img/virb/hero-lg.jpg);
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .page--virb .heroUnit {
    background-image: url(../_img/virb/hero-md.jpg);
  }
}
@media (max-width: 767px) {
  .page--virb .heroUnit {
    background-image: url(../_img/virb/hero-sm.jpg);
  }
}
@media (max-width: 480px) {
  .page--virb .heroUnit {
    background-image: url(../_img/virb/hero-xsm.jpg);
  }
}
@media (min-width: 768px) and (max-width: 1199px) and (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-device-pixel-ratio: 1.5) {
  .page--virb .heroUnit {
    background-image: url(../_img/virb/hero-lg.jpg);
  }
}
/* ==========================================================================
   Grid - /webhosting/shared/
   ========================================================================== */
.page--grid .heroUnit {
  background-image: url(../_img/webhosting/shared/hero-lg.jpg);
}
@media (min-width: 1200px) {
  .page--grid .heroUnit {
    background-image: url(../_img/webhosting/shared/hero-lg.jpg);
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .page--grid .heroUnit {
    background-image: url(../_img/webhosting/shared/hero-md.jpg);
  }
}
@media (max-width: 767px) {
  .page--grid .heroUnit {
    background-image: url(../_img/webhosting/shared/hero-sm.jpg);
  }
}
@media (max-width: 480px) {
  .page--grid .heroUnit {
    background-image: url(../_img/webhosting/shared/hero-xsm.jpg);
  }
}
@media (min-width: 768px) and (max-width: 1199px) and (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-device-pixel-ratio: 1.5) {
  .page--grid .heroUnit {
    background-image: url(../_img/webhosting/shared/hero-lg.jpg);
  }
}
/* ==========================================================================
   Landing Grid - /webhosting/shared/
   ========================================================================== */
.page--gridLanding .heroUnit {
  background-image: url(../_img/webhosting/vps/developer/hero-md.jpg);
}
@media (min-width: 1200px) {
  .page--gridLanding .heroUnit {
    background-image: url(../_img/webhosting/vps/developer/hero-lg.jpg);
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .page--gridLanding .heroUnit {
    background-image: url(../_img/webhosting/vps/developer/hero-md.jpg);
  }
}
@media (max-width: 767px) {
  .page--gridLanding .heroUnit {
    background-image: url(../_img/webhosting/vps/developer/hero-sm.jpg);
  }
}
@media (max-width: 480px) {
  .page--gridLanding .heroUnit {
    background-image: url(../_img/webhosting/vps/developer/hero-xsm.jpg);
  }
}
@media (min-width: 768px) and (max-width: 1199px) and (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-device-pixel-ratio: 1.5) {
  .page--gridLanding .heroUnit {
    background-image: url(../_img/webhosting/shared/hero-lg.jpg);
  }
}
/* ==========================================================================
   Smashing Conference - /smashing-conference/
   ========================================================================== */
.page--smashingConference .heroUnit {
  background-image: url(../_img/smashing-conference/smashing-hero-image.jpg);
}
@media (min-width: 1200px) {
  .page--smashingConference .heroUnit {
    background-image: url(../_img/smashing-conference/smashing-hero-image.jpg);
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .page--smashingConference .heroUnit {
    background-image: url(../_img/smashing-conference/smashing-hero-image.jpg);
  }
}
@media (max-width: 767px) {
  .page--smashingConference .heroUnit {
    background-image: url(../_img/smashing-conference/smashing-hero-image.jpg);
  }
}
@media (max-width: 480px) {
  .page--smashingConference .heroUnit {
    background-image: url(../_img/smashing-conference/smashing-hero-image.jpg);
  }
}
@media (min-width: 768px) and (max-width: 1199px) and (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-device-pixel-ratio: 1.5) {
  .page--smashingConference .heroUnit {
    background-image: url(../_img/smashing-conference/smashing-hero-image.jpg);
  }
}
/* ==========================================================================
   DV - /webhosting/vps/hosting/
   ========================================================================== */
.page--dv .heroUnit {
  background-image: url(../_img/webhosting/vps/hosting/hero-md.jpg);
}
@media (min-width: 1200px) {
  .page--dv .heroUnit {
    background-image: url(../_img/webhosting/vps/hosting/hero-lg.jpg);
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .page--dv .heroUnit {
    background-image: url(../_img/webhosting/vps/hosting/hero-md.jpg);
  }
}
@media (max-width: 767px) {
  .page--dv .heroUnit {
    background-image: url(../_img/webhosting/vps/hosting/hero-sm.jpg);
  }
}
@media (max-width: 480px) {
  .page--dv .heroUnit {
    background-image: url(../_img/webhosting/vps/hosting/hero-xsm.jpg);
  }
}
@media (min-width: 768px) and (max-width: 1199px) and (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-device-pixel-ratio: 1.5) {
  .page--dv .heroUnit {
    background-image: url(../_img/webhosting/vps/hosting/hero-lg.jpg);
  }
}
/* ==========================================================================
   DV Landing Page - /landing/vps/managed/
   ========================================================================== */
.page--landing--dv .heroUnit {
  background-image: url(../_img/landing/vps/managed/hero-md.jpg);
}
@media (min-width: 1200px) {
  .page--landing--dv .heroUnit {
    background-image: url(../_img/landing/vps/managed/hero-lg.jpg);
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .page--landing--dv .heroUnit {
    background-image: url(../_img/landing/vps/managed/hero-md.jpg);
  }
}
@media (max-width: 767px) {
  .page--landing--dv .heroUnit {
    background-image: url(../_img/landing/vps/managed/hero-sm.jpg);
  }
}
@media (max-width: 480px) {
  .page--landing--dv .heroUnit {
    background-image: url(../_img/landing/vps/managed/hero-xsm.jpg);
  }
}
@media (min-width: 768px) and (max-width: 1199px) and (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-device-pixel-ratio: 1.5) {
  .page--landing--dv .heroUnit {
    background-image: url(../_img/landing/vps/managed/hero-lg.jpg);
  }
}
/* ==========================================================================
   DV Dev - /webhosting/vps/developer/
   ========================================================================== */
.page--dvDeveloper .heroUnit {
  background-image: url(../_img/webhosting/vps/developer/hero-md.jpg);
}
@media (min-width: 1200px) {
  .page--dvDeveloper .heroUnit {
    background-image: url(../_img/webhosting/vps/developer/hero-lg.jpg);
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .page--dvDeveloper .heroUnit {
    background-image: url(../_img/webhosting/vps/developer/hero-md.jpg);
  }
}
@media (max-width: 767px) {
  .page--dvDeveloper .heroUnit {
    background-image: url(../_img/webhosting/vps/developer/hero-sm.jpg);
  }
}
@media (max-width: 480px) {
  .page--dvDeveloper .heroUnit {
    background-image: url(../_img/webhosting/vps/developer/hero-xsm.jpg);
  }
}
@media (min-width: 768px) and (max-width: 1199px) and (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-device-pixel-ratio: 1.5) {
  .page--dvDeveloper .heroUnit {
    background-image: url(../_img/webhosting/vps/developer/hero-lg.jpg);
  }
}
/* ==========================================================================
   Cloudtech - /cloudtech/
   ========================================================================== */
.page--vpsJump .heroUnit {
  max-height: 550px;
  background-image: url(../_img/webhosting/vps/jump/heroimg-md.jpg);
}
@media (min-width: 1200px) {
  .page--vpsJump .heroUnit {
    background-image: url(../_img/webhosting/vps/jump/heroimg-lg.jpg);
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .page--vpsJump .heroUnit {
    background-image: url(../_img/webhosting/vps/jump/heroimg-md.jpg);
  }
}
@media (max-width: 767px) {
  .page--vpsJump .heroUnit {
    background-image: url(../_img/webhosting/vps/jump/heroimg-sm.jpg);
  }
}
@media (max-width: 480px) {
  .page--vpsJump .heroUnit {
    background-image: url(../_img/webhosting/vps/jump/heroimg-xsm.jpg);
  }
}
@media (min-width: 768px) and (max-width: 1199px) and (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-device-pixel-ratio: 1.5) {
  .page--vpsJump .heroUnit {
    background-image: url(../_img/webhosting/vps/jump/heroimg-lg.jpg);
  }
}
.page--cloudtechConsulting .heroUnit {
  background-image: url(../_img/cloudtech/consulting/aws-hero-image.jpg);
}
@media (min-width: 1200px) {
  .page--cloudtechConsulting .heroUnit {
    background-image: url(../_img/cloudtech/consulting/aws-hero-image.jpg);
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .page--cloudtechConsulting .heroUnit {
    background-image: url(../_img/cloudtech/consulting/aws-hero-image.jpg);
  }
}
@media (max-width: 767px) {
  .page--cloudtechConsulting .heroUnit {
    background-image: url(../_img/cloudtech/consulting/aws-hero-image.jpg);
  }
}
@media (max-width: 480px) {
  .page--cloudtechConsulting .heroUnit {
    background-image: url(.../_img/cloudtech/consulting/aws-hero-image.jpg);
  }
}
@media (min-width: 768px) and (max-width: 1199px) and (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-device-pixel-ratio: 1.5) {
  .page--cloudtechConsulting .heroUnit {
    background-image: url(../_img/cloudtech/hero-lg.jpg);
  }
}
/* ==========================================================================
   Managed Hosting - /webhosting/vps/hosting/
   ========================================================================== */
.page--managedHosting .heroUnit {
  background-image: url(../_img/webhosting/managed/hero-md.jpg);
}
@media (min-width: 1200px) {
  .page--managedHosting .heroUnit {
    background-image: url(../_img/webhosting/managed/hero-lg.jpg);
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .page--managedHosting .heroUnit {
    background-image: url(../_img/webhosting/managed/hero-md.jpg);
  }
}
@media (max-width: 767px) {
  .page--managedHosting .heroUnit {
    background-image: url(../_img/webhosting/managed/hero-sm.jpg);
  }
}
@media (max-width: 480px) {
  .page--managedHosting .heroUnit {
    background-image: url(../_img/webhosting/managed/hero-xsm.jpg);
  }
}
@media (min-width: 768px) and (max-width: 1199px) and (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-device-pixel-ratio: 1.5) {
  .page--managedHosting .heroUnit {
    background-image: url(../_img/webhosting/managed/hero-lg.jpg);
  }
}
/* ==========================================================================
   Cloudtech 75 - /landing/cloudtech/
   ========================================================================== */
.page--cloudtech75 .heroUnit {
  background-image: url(=../_img/cloudtech/75/hero-md.png);
}
@media (min-width: 1200px) {
  .page--cloudtech75 .heroUnit {
    background-image: url(../_img/cloudtech/75/hero-lg.png);
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .page--cloudtech75 .heroUnit {
    background-image: url(../_img/cloudtech/75/hero-md.png);
  }
}
@media (max-width: 767px) {
  .page--cloudtech75 .heroUnit {
    background-image: url(../_img/cloudtech/75/hero-sm.png);
  }
}
@media (max-width: 480px) {
  .page--cloudtech75 .heroUnit {
    background-image: url(../_img/cloudtech/75/hero-xsm.png);
  }
}
/* ==========================================================================
   Cloudtech 75 - /landing/cloudtech/
   ========================================================================== */
.page--cloudtech75 .heroUnit {
  background-image: url(=../_img/cloudtech/75/hero-md.png);
}
@media (min-width: 1200px) {
  .page--cloudtech75 .heroUnit {
    background-image: url(../_img/cloudtech/75/hero-lg.png);
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .page--cloudtech75 .heroUnit {
    background-image: url(../_img/cloudtech/75/hero-md.png);
  }
}
@media (max-width: 767px) {
  .page--cloudtech75 .heroUnit {
    background-image: url(../_img/cloudtech/75/hero-sm.png);
  }
}
@media (max-width: 480px) {
  .page--cloudtech75 .heroUnit {
    background-image: url(../_img/cloudtech/75/hero-xsm.png);
  }
}
/* ==========================================================================
   Cloudtech on Demand - /landing/ctondemand/
   ========================================================================== */
.page--ctondemand-landing .heroUnit {
  background-image: url(../_img/landing/ctondemand/hero-md.jpg);
}
@media (min-width: 1500px) {
  .page--ctondemand-landing .heroUnit {
    background-image: url(../_img/landing/ctondemand/hero-xlg.jpg);
  }
}
@media (min-width: 1900px) {
  .page--ctondemand-landing .heroUnit {
    background-image: url(../_img/landing/ctondemand/hero-xxlg.jpg);
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .page--ctondemand-landing .heroUnit {
    background-image: url(../_img/landing/ctondemand/hero-md.jpg);
  }
}
@media (max-width: 767px) {
  .page--ctondemand-landing .heroUnit {
    background-image: url(../_img/landing/ctondemand/hero-sm.jpg);
  }
}
@media (max-width: 480px) {
  .page--ctondemand-landing .heroUnit {
    background-image: url(../_img/landing/ctondemand/hero-xsm.jpg);
  }
}
/* ==========================================================================
   From Up North - /landing/fromupnorth/
   ========================================================================== */
.page--affiliate-fromupnorth .heroUnit {
  background-image: url(../_img/affiliate-landing/fromupnorth/hero-md.jpg);
}
@media (min-width: 1200px) {
  .page--affiliate-fromupnorth .heroUnit {
    background-image: url(../_img/affiliate-landing/fromupnorth/hero-md.jpg);
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .page--affiliate-fromupnorth .heroUnit {
    background-image: url(../_img/affiliate-landing/fromupnorth/hero-md.jpg);
  }
}
@media (max-width: 767px) {
  .page--affiliate-fromupnorth .heroUnit {
    background-image: url(../_img/affiliate-landing/fromupnorth/hero-sm.jpg);
  }
}
@media (max-width: 480px) {
  .page--affiliate-fromupnorth .heroUnit {
    background-image: url(../_img/affiliate-landing/fromupnorth/hero-xsm.jpg);
  }
}
@media (min-width: 1900px) {
  .page--affiliate-fromupnorth .heroUnit {
    background-image: url(../_img/affiliate-landing/fromupnorth/hero-lg.jpg);
  }
}
@media (min-width: 1200px) and (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-device-pixel-ratio: 1.5) {
  .page--affiliate-fromupnorth .heroUnit {
    background-image: url(../_img/affiliate-landing/fromupnorth/hero-lg.jpg);
  }
}
@media (min-width: 768px) and (max-width: 1199px) and (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-device-pixel-ratio: 1.5) {
  .page--affiliate-fromupnorth .heroUnit {
    background-image: url(../_img/affiliate-landing/fromupnorth/hero-lg.jpg);
  }
}
/* ==========================================================================
   WinningWP - /landing/winningwp/
   ========================================================================== */
.page--winningwp-landing .heroUnit {
  background-image: url(../_img/landing/winningwp/hero-md.jpg);
}
@media (min-width: 1500px) {
  .page--winningwp-landing .heroUnit {
    background-image: url(../_img/landing/winningwp/hero-lg.jpg);
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .page--winningwp-landing .heroUnit {
    background-image: url(../_img/landing/winningwp/hero-md.jpg);
  }
}
@media (max-width: 767px) {
  .page--winningwp-landing .heroUnit {
    background-image: url(../_img/landing/winningwp/hero-xsm.jpg);
  }
}
/* ==========================================================================
   Great Ideas - /landing/greatideas/
   ========================================================================== */
.page--greatideas-landing .heroUnit {
  background-image: url(../_img/landing/greatideas/hero-md.jpg);
}
@media (min-width: 1500px) {
  .page--greatideas-landing .heroUnit {
    background-image: url(../_img/landing/greatideas/hero-lg.jpg);
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .page--greatideas-landing .heroUnit {
    background-image: url(../_img/landing/greatideas/hero-md.jpg);
  }
}
@media (max-width: 767px) {
  .page--greatideas-landing .heroUnit {
    background-image: url(../_img/landing/greatideas/hero-xsm.jpg);
  }
}
/* ==========================================================================
   DV Dedicated Server - /webhosting/vps/dedicated-server/
   ========================================================================== */
.page--dedicatedServer .heroUnit {
  background-image: url(../_img/webhosting/vps/enterprise/hero-md.jpg);
}
@media (min-width: 1200px) {
  .page--dedicatedServer .heroUnit {
    background-image: url(../_img/webhosting/vps/enterprise/hero-lg.jpg);
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .page--dedicatedServer .heroUnit {
    background-image: url(../_img/webhosting/vps/enterprise/hero-md.jpg);
  }
}
@media (max-width: 767px) {
  .page--dedicatedServer .heroUnit {
    background-image: url(../_img/webhosting/vps/enterprise/hero-sm.jpg);
  }
}
@media (max-width: 480px) {
  .page--dedicatedServer .heroUnit {
    background-image: url(../_img/webhosting/vps/enterprise/hero-xsm.jpg);
  }
}
@media (min-width: 768px) and (max-width: 1199px) and (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-device-pixel-ratio: 1.5) {
  .page--dedicatedServer .heroUnit {
    background-image: url(../_img/webhosting/vps/enterprise/hero-lg.jpg);
  }
}
/* ==========================================================================
   Helix - /webhosting/helix/
   ========================================================================== */
.page--helix .heroUnit {
  background-image: url(../_img/webhosting/helix/hero-md.jpg);
}
@media (min-width: 1200px) {
  .page--helix .heroUnit {
    background-image: url(../_img/webhosting/helix/hero-lg.jpg);
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .page--helix .heroUnit {
    background-image: url(../_img/webhosting/helix/hero-md.jpg);
  }
}
@media (max-width: 767px) {
  .page--helix .heroUnit {
    background-image: url(../_img/webhosting/helix/hero-sm.jpg);
  }
}
@media (min-width: 768px) and (max-width: 1199px) and (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-device-pixel-ratio: 1.5) {
  .page--helix .heroUnit {
    background-image: url(../_img/webhosting/helix/hero-lg.jpg);
  }
}
/* ==========================================================================
   Procdn - /services/procdn/
   ========================================================================== */
.page--procdn .heroUnit,
.page--truespeed .heroUnit {
  background-image: url(../_img/procdn/hero-md.jpg);
}
@media (min-width: 1200px) {
  .page--procdn .heroUnit,
  .page--truespeed .heroUnit {
    background-image: url(../_img/procdn/hero-lg.jpg);
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .page--procdn .heroUnit,
  .page--truespeed .heroUnit {
    background-image: url(../_img/procdn/hero-md.jpg);
  }
}
@media (max-width: 767px) {
  .page--procdn .heroUnit,
  .page--truespeed .heroUnit {
    background-image: url(../_img/procdn/hero-sm.jpg);
  }
}
@media (min-width: 768px) and (max-width: 1199px) and (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-device-pixel-ratio: 1.5) {
  .page--procdn .heroUnit,
  .page--truespeed .heroUnit {
    background-image: url(../_img/procdn/hero-lg.jpg);
  }
}
.page--cdn-waf .heroUnit {
  background-image: url(../_img/procdn/hero-md.jpg);
}
@media (min-width: 1200px) {
  .page--cdn-waf .heroUnit {
    background-image: url(../_img/procdn/hero-lg.jpg);
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .page--cdn-waf .heroUnit {
    background-image: url(../_img/procdn/hero-md.jpg);
  }
}
@media (max-width: 767px) {
  .page--cdn-waf .heroUnit {
    background-image: url(../_img/procdn/hero-sm.jpg);
  }
}
@media (min-width: 768px) and (max-width: 1199px) and (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-device-pixel-ratio: 1.5) {
  .page--cdn-waf .heroUnit {
    background-image: url(../_img/procdn/hero-lg.jpg);
  }
}
/* ==========================================================================
   SSL - /services/ssl/
   ========================================================================== */
.page--ssl .heroUnit {
  background-image: url(../_img/ssl/hero-md.jpg);
}
@media (min-width: 1200px) {
  .page--ssl .heroUnit {
    background-image: url(../_img/ssl/hero-lg.jpg);
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .page--ssl .heroUnit {
    background-image: url(../_img/ssl/hero-md.jpg);
  }
}
@media (max-width: 767px) {
  .page--ssl .heroUnit {
    background-image: url(../_img/ssl/hero-sm.jpg);
  }
}
@media (min-width: 768px) and (max-width: 1199px) and (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-device-pixel-ratio: 1.5) {
  .page--ssl .heroUnit {
    background-image: url(../_img/ssl/hero-lg.jpg);
  }
}
/* ==========================================================================
   Move - /services/site-mover/
   ========================================================================== */
.page--site-mover .heroUnit {
  background-image: url(../_img/site-mover/hero-md.jpg);
}
@media (min-width: 1200px) {
  .page--site-mover .heroUnit {
    background-image: url(../_img/site-mover/hero-lg.jpg);
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .page--site-mover .heroUnit {
    background-image: url(../_img/site-mover/hero-md.jpg);
  }
}
@media (max-width: 767px) {
  .page--site-mover .heroUnit {
    background-image: url(../_img/site-mover/hero-sm.jpg);
  }
}
@media (min-width: 768px) and (max-width: 1199px) and (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-device-pixel-ratio: 1.5) {
  .page--site-mover .heroUnit {
    background-image: url(../_img/site-mover/hero-lg.jpg);
  }
}
/* ==========================================================================
   referrals - /partners/referrals
   ========================================================================== */
.page--referrals .heroUnit {
  background-image: url(../_img/referrals/referrals-hero-md.jpg);
}
@media (min-width: 1200px) {
  .page--referrals .heroUnit {
    background-image: url(../_img/referrals/referrals-hero-lg.jpg);
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .page--referrals .heroUnit {
    background-image: url(../_img/referrals/referrals-hero-md.jpg);
  }
}
@media (max-width: 767px) {
  .page--referrals .heroUnit {
    background-image: url(../_img/referrals/referrals-hero-sm.jpg);
  }
}
@media (min-width: 768px) and (max-width: 1199px) and (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-device-pixel-ratio: 1.5) {
  .page--referrals .heroUnit {
    background-image: url(../_img/referrals/referrals-hero-lg.jpg);
  }
}
/* ==========================================================================
   referrals - /ladning/referral
   ========================================================================== */
.page--landing-referral .heroUnit {
  background-image: url(../_img/affiliate-landing/referrals/hero-md.jpg);
}
@media (min-width: 1200px) {
  .page--landing-referral .heroUnit {
    background-image: url(../_img/affiliate-landing/referrals/hero-lg.jpg);
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .page--landing-referral .heroUnit {
    background-image: url(../_img/affiliate-landing/referrals/hero-md.jpg);
  }
}
@media (max-width: 767px) {
  .page--landing-referral .heroUnit {
    background-image: url(../_img/affiliate-landing/referrals/hero-sm.jpg);
  }
}
@media (min-width: 768px) and (max-width: 1199px) and (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-device-pixel-ratio: 1.5) {
  .page--landing-referral .heroUnit {
    background-image: url(../_img/referrals/hero-lg.jpg);
  }
}
/* ==========================================================================
   affiliates - /partners/affiliates
   ========================================================================== */
.page--affiliates .heroUnit {
  background-image: url(../_img/affiliate/hero-md.jpg);
}
@media (min-width: 1200px) {
  .page--affiliates .heroUnit {
    background-image: url(../_img/affiliate/hero-lg.jpg);
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .page--affiliates .heroUnit {
    background-image: url(../_img/affiliate/hero-md.jpg);
  }
}
@media (max-width: 767px) {
  .page--affiliates .heroUnit {
    background-image: url(../_img/affiliate/hero-sm.jpg);
  }
}
@media (min-width: 768px) and (max-width: 1199px) and (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-device-pixel-ratio: 1.5) {
  .page--affiliates .heroUnit {
    background-image: url(../_img/affiliate/hero-lg.jpg);
  }
}
/* ==========================================================================
   Help center - /help
   ========================================================================== */
.page--help .heroUnit {
  background-image: url(../_img/help-center/hero-md.jpg);
}
@media (min-width: 1200px) {
  .page--help .heroUnit {
    background-image: url(../_img/help-center/hero-lg.jpg);
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .page--help .heroUnit {
    background-image: url(../_img/help-center/hero-md.jpg);
  }
}
@media (max-width: 767px) {
  .page--help .heroUnit {
    background-image: url(../_img/help-center/hero-sm.jpg);
  }
}
@media (max-width: 480px) {
  .page--help .heroUnit {
    background-image: url(../_img/help-center/hero-xsm.jpg);
  }
}
@media (min-width: 768px) and (max-width: 1199px) and (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-device-pixel-ratio: 1.5) {
  .page--help .heroUnit {
    background-image: url(../_img/help-center/hero-lg.jpg);
  }
}
/* ==========================================================================
   About - /about-us/
   ========================================================================== */
.page--about .heroUnit {
  background-image: url(../_img/about-us/hero-md.jpg);
  background-position-y: 0px;
}
@media (min-width: 1200px) {
  .page--about .heroUnit {
    background-image: url(../_img/about-us/hero-lg.jpg);
    background-position-y: 0px;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .page--about .heroUnit {
    background-image: url(../_img/about-us/hero-md.jpg);
    background-position-y: 0px;
  }
}
@media (max-width: 767px) {
  .page--about .heroUnit {
    background-image: url(../_img/about-us/hero-sm.jpg);
    background-position-y: 0px;
  }
}
@media (max-width: 480px) {
  .page--about .heroUnit {
    background-image: url(../_img/about-us/hero-xsm.jpg);
    background-position-y: 0px;
  }
}
@media (min-width: 768px) and (max-width: 1199px) and (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-device-pixel-ratio: 1.5) {
  .page--about .heroUnit {
    background-image: url(../_img/about-us/hero-lg.jpg);
  }
}
/* ==========================================================================
   Our Team - /about-us/our-team
   ========================================================================== */
.page--ourTeam .heroUnit {
  background-image: url(../_img/our-team/hero-md.jpg);
}
@media (min-width: 1200px) {
  .page--ourTeam .heroUnit {
    background-image: url(../_img/our-team/hero-lg.jpg);
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .page--ourTeam .heroUnit {
    background-image: url(../_img/our-team/hero-md.jpg);
  }
}
@media (max-width: 767px) {
  .page--ourTeam .heroUnit {
    background-image: url(../_img/our-team/hero-sm.jpg);
  }
}
@media (max-width: 480px) {
  .page--ourTeam .heroUnit {
    background-image: url(../_img/our-team/hero-xsm.jpg);
  }
}
@media (min-width: 768px) and (max-width: 1199px) and (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-device-pixel-ratio: 1.5) {
  .page--ourTeam .heroUnit {
    background-image: url(../_img/our-team/hero-lg.jpg);
  }
}
@media (max-width: 480px) and (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-device-pixel-ratio: 1.5) {
  .page--ourTeam .heroUnit {
    background-image: url(../_img/our-team/hero-sm.jpg);
  }
}
@media (max-width: 767px) and (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-device-pixel-ratio: 1.5) {
  .page--ourTeam .heroUnit {
    background-image: url(../_img/our-team/hero-md.jpg);
  }
}
/* ==========================================================================
   About technology - /about-us/technology/
   ========================================================================== */
.page--technology .heroUnit {
  background-image: url(../_img/about-us/technology/hero-md.jpg);
}
@media (min-width: 1200px) {
  .page--technology .heroUnit {
    background-image: url(../_img/about-us/technology/hero-lg.jpg);
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .page--technology .heroUnit {
    background-image: url(../_img/about-us/technology/hero-md.jpg);
  }
}
@media (max-width: 767px) {
  .page--technology .heroUnit {
    background-image: url(../_img/about-us/technology/hero-sm.jpg);
  }
}
@media (min-width: 768px) and (max-width: 1199px) and (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-device-pixel-ratio: 1.5) {
  .page--technology .heroUnit {
    background-image: url(../_img/about-us/technology/hero-lg.jpg);
  }
}
@media (max-width: 480px) and (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-device-pixel-ratio: 1.5) {
  .page--technology .heroUnit {
    background-image: url(../_img/about-us/technology/hero-sm.jpg);
  }
}
@media (max-width: 767px) and (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-device-pixel-ratio: 1.5) {
  .page--technology .heroUnit {
    background-image: url(../_img/about-us/technology/hero-md.jpg);
  }
}
/* ==========================================================================
   Cloudtech - /cloudtech/
   ========================================================================== */
.page--cloudtech .heroUnit {
  background-image: url(../_img/cloudtech/hero-md.jpg);
}
@media (min-width: 1200px) {
  .page--cloudtech .heroUnit {
    background-image: url(../_img/cloudtech/hero-lg.jpg);
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .page--cloudtech .heroUnit {
    background-image: url(../_img/cloudtech/hero-md.jpg);
  }
}
@media (max-width: 767px) {
  .page--cloudtech .heroUnit {
    background-image: url(../_img/cloudtech/hero-sm.jpg);
  }
}
@media (max-width: 480px) {
  .page--cloudtech .heroUnit {
    background-image: url(../_img/cloudtech/hero-xsm.jpg);
  }
}
@media (min-width: 768px) and (max-width: 1199px) and (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-device-pixel-ratio: 1.5) {
  .page--cloudtech .heroUnit {
    background-image: url(../_img/cloudtech/hero-lg.jpg);
  }
}
/* ==========================================================================
   cloudtechSecurity - /cloudtech/security/
   ========================================================================== */
.page--cloudtechSecurity .heroUnit {
  background-image: url(../_img/cloudtech/security/hero-md.jpg);
}
@media (min-width: 1200px) {
  .page--cloudtechSecurity .heroUnit {
    background-image: url(../_img/cloudtech/security/hero-lg.jpg);
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .page--cloudtechSecurity .heroUnit {
    background-image: url(../_img/cloudtech/security/hero-md.jpg);
  }
}
@media (max-width: 767px) {
  .page--cloudtechSecurity .heroUnit {
    background-image: url(../_img/cloudtech/security/hero-sm.jpg);
  }
}
@media (min-width: 768px) and (max-width: 1199px) and (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-device-pixel-ratio: 1.5) {
  .page--cloudtechSecurity .heroUnit {
    background-image: url(../_img/cloudtech/security/hero-lg.jpg);
  }
}
/* ==========================================================================
   onDemand - /cloudtech/on-demand/
   ========================================================================== */
.page--onDemand .heroUnit {
  background-image: url(../_img/cloudtech/on-demand/hero-lg.jpg);
}
@media (min-width: 1200px) {
  .page--onDemand .heroUnit {
    background-image: url(../_img/cloudtech/on-demand/hero-lg.jpg);
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .page--onDemand .heroUnit {
    background-image: url(../_img/cloudtech/on-demand/hero-md.jpg);
  }
}
@media (max-width: 767px) {
  .page--onDemand .heroUnit {
    background-image: url(../_img/cloudtech/on-demand/hero-sm.jpg);
  }
}
@media (max-width: 480px) {
  .page--onDemand .heroUnit {
    background-image: url(../_img/cloudtech/on-demand/hero-xsm.jpg);
  }
}
/* ==========================================================================
   always on - /cloudtech/always-on/
   ========================================================================== */
.page--alwaysOn .heroUnit {
  background-image: url(../_img/cloudtech/always-on/hero-md.jpg);
}
@media (min-width: 1200px) {
  .page--alwaysOn .heroUnit {
    background-image: url(../_img/cloudtech/always-on/hero-lg.jpg);
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .page--alwaysOn .heroUnit {
    background-image: url(../_img/cloudtech/always-on/hero-md.jpg);
  }
}
@media (max-width: 767px) {
  .page--alwaysOn .heroUnit {
    background-image: url(../_img/cloudtech/always-on/hero-sm.jpg);
  }
}
@media (max-width: 480px) {
  .page--alwaysOn .heroUnit {
    background-image: url(../_img/cloudtech/always-on/hero-xsm.jpg);
  }
}
@media (min-width: 768px) and (max-width: 1199px) and (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-device-pixel-ratio: 1.5) {
  .page--alwaysOn .heroUnit {
    background-image: url(../_img/cloudtech/always-on/hero-lg.jpg);
  }
}
/* ==========================================================================
   landing pages - one offs for marketing and events
   ========================================================================== */
.page--wpbeta .heroUnit {
  background-image: url(../_img/wpbeta/hero-md.jpg);
}
@media (min-width: 1200px) {
  .page--wpbeta .heroUnit {
    background-image: url(../_img/wpbeta/hero-lg.jpg);
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .page--wpbeta .heroUnit {
    background-image: url(../_img/wpbeta/hero-md.jpg);
  }
}
@media (max-width: 767px) {
  .page--wpbeta .heroUnit {
    background-image: url(../_img/wpbeta/hero-sm.jpg);
  }
}
@media (max-width: 480px) {
  .page--wpbeta .heroUnit {
    background-image: url(../_img/wpbeta/hero-xsm.jpg);
  }
}
@media (min-width: 768px) and (max-width: 1199px) and (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-device-pixel-ratio: 1.5) {
  .page--wpbeta .heroUnit {
    background-image: url(../_img/wpbeta/hero-lg.jpg);
  }
}
.page--sxsw-2014-open-house .heroUnit {
  background-image: url(../_img/sxsw-openhouse/hero-md.png);
}
@media (min-width: 1200px) {
  .page--sxsw-2014-open-house .heroUnit {
    background-image: url(../_img/sxsw-openhouse/hero-lg.png);
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .page--sxsw-2014-open-house .heroUnit {
    background-image: url(../_img/sxsw-openhouse/hero-md.png);
  }
}
@media (max-width: 767px) {
  .page--sxsw-2014-open-house .heroUnit {
    background-image: url(../_img/sxsw-openhouse/hero-sm.png);
  }
}
@media (max-width: 480px) {
  .page--sxsw-2014-open-house .heroUnit {
    background-image: url(../_img/sxsw-openhouse/hero-xsm.png);
  }
}
@media (min-width: 768px) and (max-width: 1199px) and (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-device-pixel-ratio: 1.5) {
  .page--sxsw-2014-open-house .heroUnit {
    background-image: url(../_img/sxsw-openhouse/hero-lg.png);
  }
}
.page--sxswLanding .heroUnit {
  background-image: url(../_img/sxsw/sxsw2015-hero-2.jpg);
  height: 400px;
}
@media (min-width: 1500px) {
  .page--sxswLanding .heroUnit {
    height: 1000px;
  }
}
@media (min-width: 1200px) {
  .page--sxswLanding .heroUnit {
    background-image: url(../_img/sxsw/sxsw2015-hero-2.jpg);
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .page--sxswLanding .heroUnit {
    background-image: url(../_img/sxsw/sxsw2015-hero-2.jpg);
  }
}
@media (max-width: 767px) {
  .page--sxswLanding .heroUnit {
    background-image: url(../_img/sxsw/sxsw2015-hero-2.jpg);
  }
}
@media (max-width: 480px) {
  .page--sxswLanding .heroUnit {
    background-image: url(../_img/sxsw/hsxsw2015-hero-2.jpg);
  }
}
@media (min-width: 768px) and (max-width: 1199px) and (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-device-pixel-ratio: 1.5) {
  .page--sxswLanding .heroUnit {
    background-image: url(../_img/sxsw/sxsw2015-hero-2.jpg);
  }
}
.page--acbeta .heroUnit {
  background-image: url(../_img/acbeta/hero-lg.jpg);
}
@media (min-width: 1200px) {
  .page--acbeta .heroUnit {
    background-image: url(../_img/acbeta/hero-lg.jpg);
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .page--acbeta .heroUnit {
    background-image: url(../_img/acbeta/hero-md.jpg);
  }
}
@media (max-width: 767px) {
  .page--acbeta .heroUnit {
    background-image: url(../_img/acbeta/hero-sm.jpg);
  }
}
@media (max-width: 480px) {
  .page--acbeta .heroUnit {
    background-image: url(../_img/acbeta/hero-xsm.jpg);
    height: 300px;
  }
}
@media (min-width: 768px) and (max-width: 1199px) and (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-device-pixel-ratio: 1.5) {
  .page--acbeta .heroUnit {
    background-image: url(../_img/acbeta/hero-lg.jpg);
  }
}
@media (max-width: 480px) and (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-device-pixel-ratio: 1.5) {
  .page--acbeta .heroUnit {
    background-image: url(../_img/acbeta/hero-xsm.jpg);
  }
}
/* ==========================================================================
   Custom Hosting - /services/custom-hosting/
   ========================================================================== */
.page--custom-hosting .heroUnit {
  background-image: url(../_img/custom-hosting/hero-md.jpg);
}
@media (min-width: 1200px) {
  .page--custom-hosting .heroUnit {
    background-image: url(../_img/custom-hosting/hero-lg.jpg);
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .page--custom-hosting .heroUnit {
    background-image: url(../_img/custom-hosting/hero-md.jpg);
  }
}
@media (max-width: 767px) {
  .page--custom-hosting .heroUnit {
    background-image: url(../_img/custom-hosting/hero-sm.jpg);
  }
}
@media (min-width: 768px) and (max-width: 1199px) and (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-device-pixel-ratio: 1.5) {
  .page--custom-hosting .heroUnit {
    background-image: url(../_img/custom-hosting/hero-lg.jpg);
  }
}
/* ==========================================================================
   1st Website 23rd Birthday - /23years/
   ========================================================================== */
.page--oneDomain .heroUnit {
  max-height: 750px;
  min-height: 450px;
  background-image: url(../_img/homepage/23years/hero-md.jpg);
}
@media (min-width: 1200px) {
  .page--oneDomain .heroUnit {
    background-image: url(../_img/homepage/23years/hero-lg.jpg);
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .page--oneDomain .heroUnit {
    background-image: url(../_img/homepage/23years/hero-md.jpg);
  }
}
@media (max-width: 767px) {
  .page--oneDomain .heroUnit {
    background-image: url(../_img/homepage/23years/hero-sm.jpg);
  }
}
@media (max-width: 480px) {
  .page--oneDomain .heroUnit {
    background-image: url(../_img/homepage/23years/hero-xsm.jpg);
  }
}
@media (min-width: 768px) and (max-width: 1199px) and (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-device-pixel-ratio: 1.5) {
  .page--oneDomain .heroUnit {
    background-image: url(../_img/homepage/23years/hero-lg.jpg);
  }
}
/* ==========================================================================
   Koken pages
   ========================================================================== */
.page-koken--gs .heroUnit {
  background-image: url(../_img/wpsku/1B-hero-image.jpg);
}
@media (min-width: 1200px) {
  .page-koken--gs .heroUnit {
    background-image: url(../_img/wpsku/1B-hero-image.jpg);
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .page-koken--gs .heroUnit {
    background-image: url(../_img/wpsku/1B-hero-image.jpg);
  }
}
@media (max-width: 767px) {
  .page-koken--gs .heroUnit {
    background-image: url(../_img/wpsku/1B-hero-image.jpg);
  }
}
@media (max-width: 480px) {
  .page-koken--gs .heroUnit {
    background-image: url(../_img/wpsku/1B-hero-image.jpg);
  }
}
@media (min-width: 768px) and (max-width: 1199px) and (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-device-pixel-ratio: 1.5) {
  .page-koken--gs .heroUnit {
    background-image: url(../_img/wpsku/1B-hero-image.jpg);
  }
}
/* ==========================================================================
   Managed Cloud
   ========================================================================== */
.page--managedCloud .heroUnit {
  background-image: url(/_img/managedcloud/hero-lg.jpg);
}
@media (min-width: 1200px) {
  .page--managedCloud .heroUnit {
    background-image: url(/_img/managedcloud/hero-lg.jpg);
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .page--managedCloud .heroUnit {
    background-image: url(/_img/managedcloud/hero-md.jpg);
  }
}
@media (max-width: 767px) {
  .page--managedCloud .heroUnit {
    background-image: url(/_img/managedcloud/hero-sm.jpg);
  }
}
@media (max-width: 480px) {
  .page--managedCloud .heroUnit {
    background-image: url(/_img/managedcloud/hero-xsm.jpg);
  }
}
@media (min-width: 768px) and (max-width: 1199px) and (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-device-pixel-ratio: 1.5) {
  .page--managedCloud .heroUnit {
    background-image: url(/_img/managedcloud/hero-lg.jpg);
  }
}
/* ==========================================================================
   Move to the Cloud landing Page
   ========================================================================== */
.page--moveToTheCloud .heroUnit {
  background-image: url(/_img/landing/movetothecloud/move-to-cloud-hero-lg.jpg);
}
@media (min-width: 1200px) {
  .page--moveToTheCloud .heroUnit {
    background-image: url(/_img/landing/movetothecloud/move-to-cloud-hero-lg.jpg);
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .page--moveToTheCloud .heroUnit {
    background-image: url(/_img/landing/movetothecloud/move-to-cloud-hero-md.jpg);
  }
}
@media (max-width: 767px) {
  .page--moveToTheCloud .heroUnit {
    background-image: url(/_img/landing/movetothecloud/move-to-cloud-hero-sm.jpg);
  }
}
@media (max-width: 480px) {
  .page--moveToTheCloud .heroUnit {
    background-image: url(/_img/landing/movetothecloud/move-to-cloud-hero-xsm.jpg);
  }
}
@media (min-width: 768px) and (max-width: 1199px) and (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-device-pixel-ratio: 1.5) {
  .page--moveToTheCloud .heroUnit {
    background-image: url(/_img/landing/movetothecloud/move-to-cloud-hero-lg.jpg);
  }
}
/* ==========================================================================
   Jobs Page Images
   ========================================================================== */
.page--jobs .heroUnit {
  background-image: url(/_img/jobs/hero-large.jpg);
}
@media (min-width: 1200px) {
  .page--jobs .heroUnit {
    background-image: url(/_img/jobs/hero-large.jpg);
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .page--jobs .heroUnit {
    background-image: url(/_img/jobs/hero-md.jpg);
  }
}
@media (max-width: 767px) {
  .page--jobs .heroUnit {
    background-image: url(/_img/jobs/hero-sm.jpg);
  }
}
@media (max-width: 480px) {
  .page--jobs .heroUnit {
    background-image: url(/_img/jobs/hero-xsm.jpg);
  }
}
@media (min-width: 768px) and (max-width: 1199px) and (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-device-pixel-ratio: 1.5) {
  .page--jobs .heroUnit {
    background-image: url(/_img/jobs/hero-large-2x.jpg);
  }
}
/* ==========================================================================
   October 2016 Landing page - https://mediatemple.net/landing/20off/
   ========================================================================== */
.page--landing220ff .heroUnit {
  background-image: url(../_img/landing/22off/hero-md.jpg);
}
@media (min-width: 1200px) {
  .page--landing220ff .heroUnit {
    background-image: url(../_img/landing/22off/hero-lg.jpg);
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .page--landing220ff .heroUnit {
    background-image: url(../_img/landing/22off/hero-md.jpg);
  }
}
@media (max-width: 767px) {
  .page--landing220ff .heroUnit {
    background-image: url(../_img/landing/22off/hero-sm.jpg);
  }
}
@media (max-width: 480px) {
  .page--landing220ff .heroUnit {
    background-image: url(../_img/landing/22off/hero-xsm.jpg);
  }
}
@media (min-width: 768px) and (max-width: 1199px) and (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-device-pixel-ratio: 1.5) {
  .page--landing220ff .heroUnit {
    background-image: url(../_img/landing/22off/hero-lg.jpg);
  }
}
/* ==========================================================================
   Summer 2018 Landing page - https://mediatemple.net/landing/summer2018
   ========================================================================== */
.page--landing-summer2018 .heroUnit {
  background-image: url(../_img/landing/summer2018/hero-md.jpg);
}
@media (min-width: 1200px) {
  .page--landing-summer2018 .heroUnit {
    background-image: url(../_img/landing/summer2018/hero-lg.jpg);
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .page--landing-summer2018 .heroUnit {
    background-image: url(../_img/landing/summer2018/hero-md.jpg);
  }
}
@media (max-width: 767px) {
  .page--landing-summer2018 .heroUnit {
    background-image: url(../_img/landing/summer2018/hero-sm.jpg);
  }
}
@media (max-width: 480px) {
  .page--landing-summer2018 .heroUnit {
    background-image: url(../_img/landing/summer2018/hero-xsm.jpg);
  }
}
@media (min-width: 768px) and (max-width: 1199px) and (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-device-pixel-ratio: 1.5) {
  .page--landing-summer2018 .heroUnit {
    background-image: url(../_img/landing/summer2018/hero-lg.jpg);
  }
}
/* ==========================================================================
   CyberMonday 2017 Landing page - https://mediatemple.net/landing/cybersale2017
   ========================================================================== */
.page--landing-cybersale2017 .heroUnit {
  background-image: url(../_img/landing/cybersale2017/hero-md.png);
}
@media (min-width: 1200px) {
  .page--landing-cybersale2017 .heroUnit {
    background-image: url(../_img/landing/cybersale2017/hero-lg.png);
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .page--landing-cybersale2017 .heroUnit {
    background-image: url(../_img/landing/cybersale2017/hero-md.png);
  }
}
@media (max-width: 767px) {
  .page--landing-cybersale2017 .heroUnit {
    background-image: url(../_img/landing/cybersale2017/hero-sm.png);
  }
}
@media (max-width: 480px) {
  .page--landing-cybersale2017 .heroUnit {
    background-image: url(../_img/landing/cybersale2017/hero-xsm.png);
  }
}
@media (min-width: 768px) and (max-width: 1199px) and (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-device-pixel-ratio: 1.5) {
  .page--landing-cybersale2017 .heroUnit {
    background-image: url(../_img/landing/cybersale2017/hero-lg.png);
  }
}
/* =============================================================================
   Cyber Monday 2016 Landing page - https://mediatemple.net/landing/cybermonday/
   ============================================================================ */
.page--landing--cyberMonday .heroUnit {
  background-image: url(../_img/landing/cybermonday/hero-md.jpg);
}
@media (min-width: 1200px) {
  .page--landing--cyberMonday .heroUnit {
    background-image: url(../_img/landing/cybermonday/hero-lg.jpg);
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .page--landing--cyberMonday .heroUnit {
    background-image: url(../_img/landing/cybermonday/hero-md.jpg);
  }
}
@media (max-width: 767px) {
  .page--landing--cyberMonday .heroUnit {
    background-image: url(../_img/landing/cybermonday/hero-sm.jpg);
  }
}
@media (max-width: 480px) {
  .page--landing--cyberMonday .heroUnit {
    background-image: url(../_img/landing/cybermonday/hero-xsm.jpg);
  }
}
@media (min-width: 1900px) {
  .page--landing--cyberMonday .heroUnit {
    background-image: url(../_img/landing/cybermonday/hero-lg.jpg);
  }
}
@media (min-width: 1200px) and (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-device-pixel-ratio: 1.5) {
  .page--landing--cyberMonday .heroUnit {
    background-image: url(../_img/landing/cybermonday/hero-lg.jpg);
  }
}
@media (min-width: 768px) and (max-width: 1199px) and (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-device-pixel-ratio: 1.5) {
  .page--landing--cyberMonday .heroUnit {
    background-image: url(../_img/landing/cybermonday/hero-lg.jpg);
  }
}
/* =============================================================================
   MWP Business page - https://mediatemple.net/webhosting/wordpress/business/
   ============================================================================ */
.page--wpress-business .heroUnit {
  background-image: url(../_img/webhosting/wordpress/business/heroes/hero-md.jpg);
}
@media (min-width: 1200px) {
  .page--wpress-business .heroUnit {
    background-image: url(../_img/webhosting/wordpress/business/heroes/hero-lg.jpg);
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .page--wpress-business .heroUnit {
    background-image: url(../_img/webhosting/wordpress/business/heroes/hero-md.jpg);
  }
}
@media (max-width: 767px) {
  .page--wpress-business .heroUnit {
    background-image: url(../_img/webhosting/wordpress/business/heroes/hero-sm.jpg);
  }
}
@media (max-width: 480px) {
  .page--wpress-business .heroUnit {
    background-image: url(../_img/webhosting/wordpress/business/heroes/hero-xsm.jpg);
  }
}
@media (min-width: 768px) and (max-width: 1199px) and (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-device-pixel-ratio: 1.5) {
  .page--wpress-business .heroUnit {
    background-image: url(../_img/webhosting/wordpress/business/heroes/hero-lg.jpg);
  }
}
/* ==========================================================================
   WordPress For You - https://mediatemple.net/webhosting/wordpress/starter/
   ========================================================================== */
.page--wordPressStarter .heroUnit {
  background-image: url(../_img/webhosting/wordpress/starter/hero-md.jpg);
}
@media (min-width: 1200px) {
  .page--wordPressStarter .heroUnit {
    background-image: url(../_img/webhosting/wordpress/starter/hero-lg.jpg);
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .page--wordPressStarter .heroUnit {
    background-image: url(../_img/webhosting/wordpress/starter/hero-md.jpg);
  }
}
@media (max-width: 767px) {
  .page--wordPressStarter .heroUnit {
    background-image: url(../_img/webhosting/wordpress/starter/hero-sm.jpg);
  }
}
@media (max-width: 480px) {
  .page--wordPressStarter .heroUnit {
    background-image: url(../_img/webhosting/wordpress/starter/hero-xsm.jpg);
  }
}
@media (min-width: 768px) and (max-width: 1199px) and (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-device-pixel-ratio: 1.5) {
  .page--wordPressStarter .heroUnit {
    background-image: url(../_img/webhosting/wordpress/starter/hero-lg.jpg);
  }
}
/* ==========================================================================
   GOOGLE APPS FOR WORK - /services/gsuite/
   ========================================================================== */
.page--googleApps .heroUnit {
  background-image: url(../_img/googleapps-heros/heroes/hero-md.jpg);
}
@media (min-width: 1200px) {
  .page--googleApps .heroUnit {
    background-image: url(../_img/googleapps-heros/heroes/hero-lg.jpg);
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .page--googleApps .heroUnit {
    background-image: url(../_img/googleapps-heros/heroes/hero-md.jpg);
  }
}
@media (max-width: 767px) {
  .page--googleApps .heroUnit {
    background-image: url(../_img/googleapps-heros/heroes/hero-sm.jpg);
  }
}
@media (max-width: 480px) {
  .page--googleApps .heroUnit {
    background-image: url(../_img/googleapps-heros/heroes/hero-xsm.jpg);
  }
}
@media (min-width: 768px) and (max-width: 1199px) and (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-device-pixel-ratio: 1.5) {
  .page--googleApps .heroUnit {
    background-image: url(../_img/googleapps-heros/heroes/hero-lg.jpg);
  }
}
/* ==========================================================================
   LANDING PAGE: CSS Anniversary - /landing/cssanniversary/
   ========================================================================== */
.page--landingCssAnniversary .heroUnit {
  background-image: url(../_img/googleapps-heros/heroes/hero-md.jpg);
}
@media (min-width: 1200px) {
  .page--landingCssAnniversary .heroUnit {
    background-image: url(../_img/landing/cssAnniversary/hero-lg.jpg);
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .page--landingCssAnniversary .heroUnit {
    background-image: url(../_img/landing/cssAnniversary/hero-md.jpg);
  }
}
@media (max-width: 767px) {
  .page--landingCssAnniversary .heroUnit {
    background-image: url(../_img/landing/cssAnniversary/hero-sm.jpg);
  }
}
@media (max-width: 480px) {
  .page--landingCssAnniversary .heroUnit {
    background-image: url(../_img/landing/cssAnniversary/hero-xsm.jpg);
  }
}
@media (min-width: 768px) and (max-width: 1199px) and (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-device-pixel-ratio: 1.5) {
  .page--landingCssAnniversary .heroUnit {
    background-image: url(../_img/landing/cssAnniversary/hero-lg.jpg);
  }
}
/* ==========================================================================
   LANDING PAGE: SoDA - /landing/soda/
   ========================================================================== */
.page--landing-soda .heroUnit {
  background-image: url(../_img/landing/soda/heroes/hero-md.jpg);
}
@media (min-width: 1200px) {
  .page--landing-soda .heroUnit {
    background-image: url(../_img/landing/soda/hero-lg.jpg);
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .page--landing-soda .heroUnit {
    background-image: url(../_img/landing/soda/hero-md.jpg);
  }
}
@media (max-width: 767px) {
  .page--landing-soda .heroUnit {
    background-image: url(../_img/landing/soda/hero-sm.jpg);
  }
}
@media (max-width: 480px) {
  .page--landing-soda .heroUnit {
    background-image: url(../_img/landing/soda/hero-xsm.jpg);
  }
}
@media (min-width: 768px) and (max-width: 1199px) and (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-device-pixel-ratio: 1.5) {
  .page--landing-soda .heroUnit {
    background-image: url(../_img/landing/soda/hero-lg.jpg);
  }
}
/* ==========================================================================
   Made like it matters Contest Page - /made-like-it-matters-contest/
   ========================================================================== */
.page--made-like-it-matters-contest .heroUnit {
  background-image: url('../_img/made-like-it-matters-contest/avb-hero-md.jpg');
}
@media (min-width: 1200px) {
  .page--made-like-it-matters-contest .heroUnit {
    background-image: url(../_img/made-like-it-matters-contest/avb-hero-lg.jpg);
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .page--made-like-it-matters-contest .heroUnit {
    background-image: url(../_img/made-like-it-matters-contest/avb-hero-md.jpg);
  }
}
@media (max-width: 767px) {
  .page--made-like-it-matters-contest .heroUnit {
    background-image: url(../_img/made-like-it-matters-contest/avb-hero-sm.jpg);
  }
}
@media (max-width: 480px) {
  .page--made-like-it-matters-contest .heroUnit {
    background-image: url(../_img/made-like-it-matters-contest/avb-hero-xsm.jpg);
  }
}
@media (min-width: 768px) and (max-width: 1199px) and (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-device-pixel-ratio: 1.5) {
  .page--made-like-it-matters-contest .heroUnit {
    background-image: url(../_img/made-like-it-matters-contest/avb-hero-lg.jpg);
  }
}
/* ==========================================================================
   Partners Page - /partners/
   ========================================================================== */
.page--partners .heroUnit {
  background-image: url(../_img/partners/hero-md.jpg);
}
@media (min-width: 1200px) {
  .page--partners .heroUnit {
    background-image: url(../_img/partners/hero-lg.jpg);
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .page--partners .heroUnit {
    background-image: url(../_img/partners/hero-md.jpg);
  }
}
@media (max-width: 767px) {
  .page--partners .heroUnit {
    background-image: url(../_img/partners/hero-sm.jpg);
  }
}
@media (max-width: 480px) {
  .page--partners .heroUnit {
    background-image: url(../_img/partners/hero-xsm.jpg);
  }
}
@media (min-width: 768px) and (max-width: 1199px) and (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-device-pixel-ratio: 1.5) {
  .page--partners .heroUnit {
    background-image: url(../_img/partners/hero-lg.jpg);
  }
}
/* ==========================================================================
   LANDING PAGE: Plesk DV - /landing/pleskdv/
   ========================================================================== */
.page--landing-pleskdv .heroUnit {
  background-image: url(../_img/landing/pleskdv/heroes/hero-md.jpg);
}
@media (min-width: 1200px) {
  .page--landing-pleskdv .heroUnit {
    background-image: url(../_img/landing/pleskdv/hero-lg.jpg);
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .page--landing-pleskdv .heroUnit {
    background-image: url(../_img/landing/pleskdv/hero-md.jpg);
  }
}
@media (max-width: 767px) {
  .page--landing-pleskdv .heroUnit {
    background-image: url(../_img/landing/pleskdv/hero-sm.jpg);
  }
}
@media (max-width: 480px) {
  .page--landing-pleskdv .heroUnit {
    background-image: url(../_img/landing/pleskdv/hero-xsm.jpg);
  }
}
@media (min-width: 768px) and (max-width: 1199px) and (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-device-pixel-ratio: 1.5) {
  .page--landing-pleskdv .heroUnit {
    background-image: url(../_img/landing/pleskdv/hero-lg.jpg);
  }
}
.heroUnit {
  height: 500px;
  position: relative;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-transition: height 400ms linear;
  -moz-transition: height 400ms linear;
  -o-transition: height 400ms linear;
  -ms-transition: height 400ms linear;
  transition: height 400ms linear;
  /* HeroUnit Modifier */
}
@media (max-width: 767px) {
  .heroUnit {
    height: 400px;
  }
}
@media (min-width: 1500px) {
  .heroUnit {
    height: 550px;
  }
}
@media (min-width: 2400px) {
  .heroUnit {
    height: 700px;
  }
}
.heroUnit .heroUnit-divider {
  margin: 0 0.5em;
}
.heroUnit .share-label {
  padding-right: 20px;
  padding-right: 1.25rem;
  color: #cccccc;
}
.heroUnit .post-social {
  position: absolute;
  bottom: 20px;
  left: 20px;
  text-align: right;
}
.heroUnit .post-social a {
  padding-left: 7px;
  color: #cccccc;
}
.heroUnit .post-social a:hover {
  color: #48e0a4;
}
.heroUnit-cutline {
  position: absolute;
  bottom: 30px;
  right: 50px;
  color: #fff;
  font-size: 1em;
  text-shadow: 0 0 10px #000;
}
@media (min-width: 768px) and (max-width: 1095px) {
  .heroUnit-cutline {
    font-size: .9em;
    right: 2%;
  }
}
@media (max-width: 767px) {
  .heroUnit-cutline {
    display: none;
  }
}
.heroUnit-cutline--dark {
  color: #1C1C1E;
  text-shadow: none;
}
.heroUnit-cutlineText {
  margin: 0;
}
.heroUnit-cutlineBoldText {
  font-weight: 700;
}
@media (max-width: 480px) {
  .heroUnit--fullWidthMobile .heroUnit-content-text {
    left: 20px;
    right: 20px;
    max-width: none;
  }
  .heroUnit--fullWidthMobile .heroUnit-title {
    max-width: none;
    display: block;
    padding: 12px 14px;
  }
  .heroUnit--fullWidthMobile .heroUnit-subtitle {
    width: 100%;
    display: block;
    background-color: #282B2D;
  }
  .heroUnit--fullWidthMobile .heroUnit-subtitle-text {
    padding: 10px 14px;
    display: block;
  }
}
.heroUnit-credits {
  color: #fff;
  position: absolute;
  bottom: 10px;
  right: 5px;
}
@media (max-width: 767px) {
  .heroUnit-credits {
    display: none;
  }
}
.heroUnit-credits-client {
  font-weight: 500;
  margin-right: 4px;
  font-size: 18px;
  font-size: 1.125rem;
}
.heroUnit-credits-author {
  font-style: italic;
  font-size: 10px;
  font-size: 0.625rem;
}
/* Hero video
       -------------------------------------------------------------------------- */
.heroUnit-media {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  display: none;
}
.heroUnit-media-inner {
  position: relative;
  overflow: hidden;
  height: 0;
  padding-bottom: 0;
  padding-top: 0;
  padding-bottom: 32.2%;
}
@media (max-width: 727px) {
  .heroUnit-media-inner {
    height: 300px !important;
    padding: 0 !important;
  }
}
.heroUnit-media-item {
  max-width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
/* Hero content
       -------------------------------------------------------------------------- */
.heroUnit-content {
  height: 100%;
  position: relative;
}
.heroUnit-content .cta--play {
  position: absolute;
  top: 20px;
  right: 20px;
  -webkit-opacity: 0.8;
  -moz-opacity: 0.8;
  opacity: 0.8;
  -webkit-transition: all .1s linear;
  -moz-transition: all .1s linear;
  -o-transition: all .1s linear;
  -ms-transition: all .1s linear;
  transition: all .1s linear;
}
.heroUnit-content .cta--play .icon {
  margin: 0;
  text-shadow: 0 0 2px #e6e6e6;
  font-size: 54px;
  font-size: 3.375rem;
}
.heroUnit-content .cta--play:hover {
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
}
@media (max-width: 767px) {
  .heroUnit-content .cta--play {
    display: none;
  }
}
.heroUnit-content .cta--close {
  position: absolute;
  top: 27px;
  right: 20px;
  display: none;
  z-index: 100000;
  -webkit-opacity: 0.2;
  -moz-opacity: 0.2;
  opacity: 0.2;
  -webkit-transition: all .2s linear;
  -moz-transition: all .2s linear;
  -o-transition: all .2s linear;
  -ms-transition: all .2s linear;
  transition: all .2s linear;
}
.heroUnit-content .cta--close .lush {
  margin: 0;
  color: #fff;
  text-shadow: 0 0 2px #e6e6e6;
  font-size: 54px;
  font-size: 3.375rem;
}
.heroUnit-content .cta--close:hover {
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
}
@media (max-width: 767px) {
  .heroUnit-content .cta--close {
    display: none;
  }
}
/* Hero Banner
       @deprecated for .o-promo-banner because heroUnit-banner is unnecessarily coupled with heroUnit
       -------------------------------------------------------------------------- */
.heroUnit-banner {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  padding: 10px 45px;
  background: #48e0a4;
  text-align: center;
  font-size: 18px;
  z-index: 2;
}
@media (max-width: 480px) {
  .heroUnit-banner {
    font-size: 17px;
    line-height: 1.2;
  }
}
.heroUnit-banner .lush-star {
  margin-right: 10px;
  font-size: 20px;
}
.heroUnit-banner .heroUnit-bannerLink {
  margin: 0 0 0 5px;
  color: #282B2D;
}
.heroUnit-banner .heroUnit-bannerLink:focus,
.heroUnit-banner .heroUnit-bannerLink:hover {
  color: #282B2D;
}
@media (max-width: 1100px) {
  .heroUnit-banner .heroUnit-bannerLink {
    display: block;
  }
}
/* Hero gapps
    -------------------------------------------------------------------------- */
.heroUnit--gapps .heroUnit-content-text {
  max-width: 670px;
}
@media (min-width: 768px) and (max-width: 1095px), (max-width: 767px) {
  .heroUnit--gapps .heroUnit-content-text {
    max-width: 80%;
  }
}
.heroUnit--gapps .googleApps--banner {
  position: absolute;
  /* top:-@move-up; */
  right: 30px;
  overflow: hidden;
}
.heroUnit--gapps .googleApps--banner .banner-background {
  z-index: 200;
  width: 55%;
}
@media (min-width: 768px) and (max-width: 1095px), (max-width: 767px) {
  .heroUnit--gapps .googleApps--banner .banner-background {
    width: 200px;
  }
}
.heroUnit--gapps .googleApps--banner .banner-callout {
  position: absolute;
  width: 55%;
  z-index: 201;
  /* .margin-top(@move-up + 45px); */
}
@media (min-width: 768px) and (max-width: 1095px), (max-width: 767px) {
  .heroUnit--gapps .googleApps--banner .banner-callout {
    /* .margin-top(@move-up + 20px); */
    width: 100%;
  }
}
.heroUnit--gapps .googleApps--banner .banner-callout p {
  color: #ffffff;
  text-align: center;
  line-height: 1;
}
.heroUnit--gapps .googleApps--banner .banner-callout p:first-child span {
  display: block;
}
.heroUnit--gapps .googleApps--banner .banner-callout p:first-child span:nth-child(1) {
  font-size: 28px;
  font-size: 1.75rem;
  margin-bottom: 5px;
  margin-bottom: 0.3125rem;
  text-transform: uppercase;
  font-weight: 600;
  position: relative;
  top: 50px;
  color: #000;
}
.heroUnit--gapps .googleApps--banner .banner-callout p:first-child span:nth-child(2) {
  text-transform: uppercase;
  font-size: 45px;
  font-size: 2.8125rem;
  margin-bottom: 5px;
  margin-bottom: 0.3125rem;
}
.heroUnit--gapps .googleApps--banner .banner-callout p:first-child span:nth-child(3) {
  font-size: 22px;
  font-size: 1.375rem;
}
@media (min-width: 768px) and (max-width: 1095px), (max-width: 767px) {
  .heroUnit--gapps .googleApps--banner .banner-callout p:first-child span:nth-child(1) {
    font-size: 20px;
    font-size: 1.25rem;
    position: relative;
    top: 58px;
  }
  .heroUnit--gapps .googleApps--banner .banner-callout p:first-child span:nth-child(2) {
    font-size: 20px;
    font-size: 1.25rem;
  }
  .heroUnit--gapps .googleApps--banner .banner-callout p:first-child span:nth-child(3) {
    font-size: 20px;
    font-size: 1.25rem;
  }
}
.heroUnit--gapps .googleApps--banner .banner-callout p:nth-child(2) {
  font-size: 22px;
  font-size: 1.375rem;
}
.heroUnit--gapps .googleApps--banner .banner-callout p:nth-child(2) span {
  padding: 5px 7px;
  background-color: #955858;
}
.heroUnit--gapps .googleApps--banner .banner-logo {
  position: absolute;
  z-index: 202;
}
@media (max-width: 767px) {
  .heroUnit--gapps .googleApps--banner {
    right: 50%;
    margin-right: -100px;
    margin-right: -6.25rem;
  }
}
/**
         * Hero text container
         */
.heroUnit-content-text {
  position: absolute;
  bottom: 50px;
  -webkit-transition: bottom .3s linear;
  -moz-transition: bottom .3s linear;
  -o-transition: bottom .3s linear;
  -ms-transition: bottom .3s linear;
  transition: bottom .3s linear;
}
.heroUnit-content-text:before,
.heroUnit-content-text:after {
  content: " ";
  display: table;
}
.heroUnit-content-text:after {
  clear: both;
}
.heroUnit-content-text .btn {
  float: right;
}
@media (max-width: 767px) {
  .heroUnit-content-text .btn {
    font-size: 16px;
    font-size: 1rem;
    padding-top: 10px;
    padding-top: 0.625rem;
    padding-bottom: 10px;
    padding-bottom: 0.625rem;
    padding-right: 16px;
    padding-right: 1rem;
    padding-left: 16px;
    padding-left: 1rem;
  }
}
@media (min-width: 2400px) {
  .heroUnit-content-text {
    max-width: 65%;
    bottom: 70px;
  }
}
@media (min-width: 1900px) {
  .heroUnit-content-text {
    max-width: 65%;
    bottom: 70px;
  }
}
@media (min-width: 1500px) {
  .heroUnit-content-text {
    max-width: 65%;
    bottom: 50px;
  }
}
@media (min-width: 1200px) {
  .heroUnit-content-text {
    max-width: 65%;
    bottom: 40px;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .heroUnit-content-text {
    max-width: 65%;
    bottom: 30px;
  }
}
@media (max-width: 767px) {
  .heroUnit-content-text {
    max-width: 75%;
    bottom: 30px;
  }
}
@media (max-width: 480px) {
  .heroUnit-content-text {
    max-width: 80%;
    bottom: 20px;
  }
}
@media (min-width: 768px) {
  .heroUnit-content-text--half-width {
    max-width: 50%;
  }
}
.heroUnit-content-text--half-width .heroUnit-subtitle-text {
  width: 100%;
}
@media (min-width: 1200px) {
  .heroUnit-content-text--pushUp {
    bottom: 125px;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .heroUnit-content-text--pushUp {
    bottom: 80px;
  }
}
@media (max-width: 767px) {
  .heroUnit-content-text--pushUp {
    bottom: 80px;
  }
}
@media (max-width: 480px) {
  .heroUnit-content-text--pushUp {
    bottom: 20px;
  }
}
/**
         * Headings inside hero
         */
.heroUnit-title {
  background-color: #fff;
  color: #1C1C1E;
  padding: 16px 20px;
  letter-spacing: 3px;
  max-width: 100%;
  margin: 0 0 20px 0;
  display: inline-block;
  *display: inline;
  zoom: 1;
}
@media (min-width: 1500px) {
  .heroUnit-title {
    font-size: 36px;
    line-height: 38px;
  }
}
@media (min-width: 1200px) {
  .heroUnit-title {
    font-size: 30px;
    line-height: 32px;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .heroUnit-title {
    font-size: 24px;
    line-height: 26px;
    letter-spacing: 1px;
  }
}
@media (max-width: 767px) {
  .heroUnit-title {
    font-size: 22px;
    line-height: 22px;
    letter-spacing: 1px;
    margin-bottom: 10px;
    padding: 12px 20px;
    max-width: 90%;
  }
}
.heroUnit-title--dark {
  background-color: #1C1C1E;
  color: #fff;
  padding: 16px 20px;
  max-width: 100%;
  margin: 0 0 20px 0;
  display: inline-block;
  *display: inline;
  zoom: 1;
}
@media (min-width: 1500px) {
  .heroUnit-title--dark {
    font-size: 36px;
    line-height: 38px;
  }
}
@media (min-width: 1200px) {
  .heroUnit-title--dark {
    font-size: 30px;
    line-height: 32px;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .heroUnit-title--dark {
    font-size: 24px;
    line-height: 26px;
    letter-spacing: 1px;
  }
}
@media (max-width: 767px) {
  .heroUnit-title--dark {
    font-size: 22px;
    line-height: 22px;
    letter-spacing: 1px;
    margin-bottom: 10px;
    padding: 12px 20px;
    max-width: 90%;
  }
}
.heroUnit-subtitle {
  display: block;
  color: #1C1C1E;
  margin: 0;
  font-size: 30px;
  letter-spacing: 0;
}
.heroUnit-subtitle .heroUnit-subtitle-link,
.heroUnit-subtitle .heroUnit-subtitle-text {
  background-color: #282B2D;
  color: #fff;
  text-transform: none;
  margin: 0;
  font-weight: 300;
  padding: 10px 20px;
  display: inline-block;
  *display: inline;
  zoom: 1;
}
.heroUnit-subtitle .heroUnit-subtitle-link:hover,
.heroUnit-subtitle .heroUnit-subtitle-text:hover {
  text-decoration: none;
  color: #fff;
}
.heroUnit-subtitle .heroUnit-subtitle-link strong,
.heroUnit-subtitle .heroUnit-subtitle-text strong {
  font-weight: 500;
}
.heroUnit-subtitle .heroUnit-subtitle-text--fullWidth {
  width: 100%;
}
@media (min-width: 1500px) {
  .heroUnit-subtitle {
    font-size: 28px;
  }
}
@media (min-width: 1200px) {
  .heroUnit-subtitle {
    font-size: 24px;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .heroUnit-subtitle {
    font-size: 20px;
    line-height: 24px;
    letter-spacing: 1px;
  }
}
@media (max-width: 767px) {
  .heroUnit-subtitle {
    font-size: 14px;
    line-height: 18px;
    max-width: 100%;
  }
}
.heroUnit-subtitle--light {
  background: #fff;
}
.heroUnit-subtitle--light .heroUnit-subtitle-text {
  background: none;
  color: #1C1C1E;
}
.heroUnit-subtitle--light .heroUnit-subtitle-text:hover {
  text-decoration: none;
  color: #1C1C1E;
}
/* ==========================================================================
   Variations
   ========================================================================== */
/**
 * Short hero unit
 */
.heroUnit.heroUnit--short {
  height: 400px;
}
/**
 * Medium hero unit
 */
.heroUnit.heroUnit--medium {
  height: 500px;
}
/**
 * Large hero unit
 */
.heroUnit.heroUnit--large {
  height: 600px;
}
/**
 * xLarge hero unit
 */
.heroUnit.heroUnit--xLarge {
  height: 700px;
}
/* Hero modules
   -------------------------------------------------------------------------- */
.heroUnit.heroUnit--mini {
  float: left;
  width: 33.333%;
  padding-bottom: 24.11%;
}
.heroUnit.heroUnit--mini .heroUnit-content-text {
  bottom: 10%;
  width: 80%;
  left: 10%;
}
.heroUnit.heroUnit--mini .heroUnit-title {
  font-size: 24px;
  font-size: 1.5rem;
  letter-spacing: 2px;
  letter-spacing: 0.125rem;
}
.heroUnit.heroUnit--mini .heroUnit-subtitle {
  font-size: 18px;
  font-size: 1.125rem;
}
.heroUnit.heroUnit--mini .heroUnit-subtitle .heroUnit-subtitle-link {
  padding: 8px 15px;
  padding: 0.5rem 15px;
  padding: 8px 0.9375rem;
  padding: 0.5rem 0.9375rem;
}
@media (max-width: 767px) {
  .heroUnit.heroUnit--mini {
    float: none;
    width: 100%;
    margin: 0;
    padding-bottom: 56.20%;
  }
  .heroUnit.heroUnit--mini .heroUnit-title {
    margin-bottom: 10px;
  }
}
.page--wordpress--b .heroUnit {
  height: 350px;
}
.page--wordpress--b .heroUnit .heroUnit-title span {
  display: block;
  text-transform: none;
  margin: 10px 0 0;
}
.heroUnit.heroUnit--33off,
.heroUnit.heroUnit--closable {
  position: relative;
  cursor: default;
}
.heroUnit.heroUnit--33off .heroUnit-banner,
.heroUnit.heroUnit--closable .heroUnit-banner {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  color: #1C1C1E;
  text-align: center;
  background: #48e0a4;
  padding: 10px 45px;
  font-size: 18px;
}
.heroUnit.heroUnit--33off .heroUnit-banner span,
.heroUnit.heroUnit--closable .heroUnit-banner span {
  vertical-align: middle;
}
.heroUnit.heroUnit--33off .heroUnit-banner .heroUnit-bannerCode,
.heroUnit.heroUnit--closable .heroUnit-banner .heroUnit-bannerCode {
  margin: 0 0 0 3px;
}
.heroUnit.heroUnit--33off .heroUnit-banner .heroUnit-bannerCloseBtn,
.heroUnit.heroUnit--closable .heroUnit-banner .heroUnit-bannerCloseBtn {
  position: absolute;
  right: 10px;
  background: none;
  border: none;
  outline: none;
  top: 50%;
  transform: translateY(-50%);
  font-size: 20px;
}
.heroUnit.heroUnit--33off .heroUnit-banner .heroUnit-bannerLink,
.heroUnit.heroUnit--closable .heroUnit-banner .heroUnit-bannerLink {
  color: #1C1C1E;
  font-weight: bold;
  display: inline-block;
}
.heroUnit.heroUnit--33off .heroUnit-banner .lush-star,
.heroUnit.heroUnit--closable .heroUnit-banner .lush-star {
  font-size: 20px;
  margin: 0 10px 0 0;
}
.heroUnit.heroUnit--33off .heroUnit-banner .lush-close-circle,
.heroUnit.heroUnit--closable .heroUnit-banner .lush-close-circle {
  font-size: 1.1em;
}
.heroUnit.heroUnit--33off .heroUnit-banner .icon--circleAngleRight,
.heroUnit.heroUnit--closable .heroUnit-banner .icon--circleAngleRight {
  font-size: 20px;
  position: relative;
  top: 0.1em;
  margin-left: .3em;
}
@media (max-width: 480px) {
  .heroUnit.heroUnit--33off .heroUnit-banner,
  .heroUnit.heroUnit--closable .heroUnit-banner {
    font-size: 17px;
    line-height: 1.2;
  }
}
.heroUnit.heroUnit--33off .heroUnit-link,
.heroUnit.heroUnit--closable .heroUnit-link {
  display: block;
  height: 100%;
  cursor: pointer;
}
.heroUnit.heroUnit--33off .heroUnit-content,
.heroUnit.heroUnit--closable .heroUnit-content {
  position: relative;
}
.heroUnit.heroUnit--33off .heroUnit-subtitle-text,
.heroUnit.heroUnit--closable .heroUnit-subtitle-text {
  font-size: 21px;
}
@media (max-width: 1224px) {
  .heroUnit.heroUnit--33off .heroUnit-subtitle-text,
  .heroUnit.heroUnit--closable .heroUnit-subtitle-text {
    line-height: 1.2;
    font-size: 19px;
  }
}
.page--landing--33off .heroUnit .heroUnit-title {
  letter-spacing: .5px;
}
.page--landing--33off .heroUnit .heroUnit-subtitle {
  background-color: #282B2D;
  color: #fff;
  padding: 20px 15px;
}
.page--landing--33off .heroUnit .heroUnit-subtitle-text {
  display: block;
  font-size: 18px;
  padding: 0;
  line-height: 1.4;
  letter-spacing: .5px;
}
.page--landing220ff .heroUnit .heroUnit-title {
  font-size: 25px;
}
.page--landing220ff .heroUnit .heroUnit-subtitle {
  font-size: 24px;
}
.heroUnit.heroUnit--oct2016promo .heroUnit-bannerWrapper {
  position: relative;
}
.heroUnit.heroUnit--oct2016promo .heroUnit-content-text {
  max-width: 10000px;
}
@media (max-width: 480px) {
  .heroUnit.heroUnit--oct2016promo .heroUnit-content-text {
    max-width: 80%;
  }
}
.heroUnit.heroUnit--oct2016promo .heroUnit-subtitle-line2 {
  display: block;
}
@media (max-width: 480px) {
  .heroUnit.heroUnit--oct2016promo .heroUnit-subtitle-line2 {
    display: inline;
  }
}
.heroUnit--cyberMonday2016 .heroUnit-content-text {
  width: 100%;
  margin-bottom: 75px;
}
.heroUnit--cyberMonday2016 .heroUnit-title {
  max-width: 100%;
  width: 100%;
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 1.4;
}
.heroUnit--cyberMonday2016 .heroUnit-subtitle-text {
  width: 100%;
  padding: 15px 20px;
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 1.4;
}
.heroUnit--cyberMonday2016 .btn {
  padding: 12px 45px;
  font-weight: 700;
  letter-spacing: 2px;
}
.heroUnit--cyberMonday2016 .icon--angleRight--alt {
  font-weight: 600;
  margin-left: -5px;
}
.page--home .heroUnit--cyberMonday2016 .heroUnit-content-text {
  max-width: 80%;
}
@media (min-width: 768px) and (max-width: 1199px) {
  .page--home .heroUnit--cyberMonday2016 .heroUnit-content-text {
    max-width: 65%;
  }
}
@media (min-width: 1200px) {
  .page--home .heroUnit--cyberMonday2016 .heroUnit-content-text {
    max-width: 45%;
  }
}
@media (min-width: 1200px) {
  .heroUnit.heroUnit--holidays2016 .heroUnit-subtitle-text {
    font-size: 22px;
  }
}
@media (min-width: 481px) and (max-width: 767px), (min-width: 768px) {
  .heroUnit.heroUnit--yourHost .heroUnit-title {
    width: 15em;
  }
}
.heroUnit--enterprise .heroUnit-banner,
.heroUnit--wordpressCloudHosting .heroUnit-banner {
  background: #f2427e;
}
.heroUnit--managedCloud .heroUnit-banner,
.heroUnit--cloudTech .heroUnit-banner {
  background: #48e0a4;
}
@media (max-width: 1224px) {
  .page--wordpress .heroUnit--33off .heroUnit-content-text {
    bottom: 0;
  }
  .page--wordpress .heroUnit--33off .heroUnit-content-text .heroUnit-title {
    margin-bottom: 7px;
  }
}
/**!
 * Imax
 *
 * Hero type of thingamajig that covers almost th whole screen.
 * Also allows for a footer/content below the hero.
 * =========================================================================== */
.imax {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  background-color: #2e2e2e;
  color: #fff;
  position: relative;
  width: 100%;
  min-height: 920px;
  -lh-property: 0;
height:-webkit-calc(100% - 76px);
height:-moz-calc(100% - 76px);
height:calc(100% - 76px);
;
  z-index: 0;
  overflow: hidden;
}
@media (max-width: 767px) {
  .imax {
    height: auto;
  }
}
.imax--vps {
  background-image: url(/_img/webhosting/vps/vps-bg-lg.jpg);
}
@media (max-width: 767px) {
  .imax--vps {
    background-image: url(/_img/webhosting/vps/vps-bg-sm.jpg);
  }
}
@media (max-height: 800px) {
  .imax--vps--videos .list {
    display: none;
  }
}
.imax-header {
  margin-bottom: 30px;
  margin-bottom: 1.875rem;
}
.imax-header h1 {
  margin-bottom: 5px;
  margin-bottom: 0.3125rem;
}
.imax-panel {
  background: #fff;
  color: #666666;
  padding: 15px;
  padding: 0.9375rem;
}
.imax-panel .list--visualBullets li {
  margin-left: 25px;
}
.imax-panel .list--visualBullets i {
  left: -25px;
}
.imax-panel .skills {
  text-align: left !important;
  margin-bottom: 30px;
  margin-bottom: 1.875rem;
}
.imax-panel .skills .skill {
  overflow: hidden;
}
.imax-panel .skills .skill-title {
  color: #333333;
  text-transform: uppercase;
  font-size: 14px;
  width: 125px;
  display: inline-block;
  *display: inline;
  zoom: 1;
}
.imax-panel .skills .skill-meter {
  width: 100%;
  max-width: 150px;
  background-color: #cccccc;
  top: -1px;
  position: relative;
  display: inline-block;
  *display: inline;
  zoom: 1;
}
.imax-panel .skills .skill-meter-fill {
  background-color: #333333;
  display: block;
}
.imax-panel .skills .skill-meter,
.imax-panel .skills .skill-meter-fill {
  height: 10px;
}
@media (max-width: 767px) {
  .imax-panel:first-child {
    margin-bottom: 30px;
    margin-bottom: 1.875rem;
  }
}
.imax-panel-heading {
  margin-bottom: 15px;
  margin-bottom: 0.9375rem;
}
.imax-panel-media {
  display: block;
  margin-bottom: 30px;
  margin-bottom: 1.875rem;
}
/**!
 * Promo unit
 *
 * Used in various pages for promos with images or video.
 * =========================================================================== */
/* ==========================================================================
   General promo unit styles
   ========================================================================== */
/* General structure
   -------------------------------------------------------------------------- */
.promoUnit:before,
.promoUnit:after {
  content: " ";
  display: table;
}
.promoUnit:after {
  clear: both;
}
.promoUnit-media,
.promoUnit-body {
  width: 50%;
  margin: 0;
}
.promoUnit-media {
  float: left;
}
.promoUnit-media .content {
  position: relative;
  overflow: hidden;
  height: 0;
  padding-bottom: 0;
  padding-top: 0;
  padding-bottom: 56.20%;
}
.promoUnit-media .content img {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  height: auto;
}
.promoUnit-body {
  float: right;
}
/**
 * Responsive adjustments
 */
@media (min-width: 768px) and (max-width: 1095px), (max-width: 767px) {
  .promoUnit .promoUnit-media,
  .promoUnit .promoUnit-body {
    float: none;
    width: 100%;
  }
}
.promoUnit--managed .content img {
  width: 133%!important;
}
.promoUnit--managed .icon--circleAngleRight {
  color: #29cbcf;
}
.promoUnit--dvmanage .content img {
  width: 133%!important;
}
.promoUnit--vps .tag {
  background: #67a8da;
  border-radius: 3px 0 0 3px;
  color: #191919;
  font-weight: 700;
  display: inline-block;
  height: 20px;
  font-size: 12px;
  letter-spacing: 1px;
  line-height: 20px;
  padding: 0 12px 0 17px;
  text-decoration: none;
  position: relative;
  left: 434px;
  top: -62px;
}
.promoUnit--vps .tag--reversed:after {
  border: none;
}
.promoUnit--vps .tag--reversed:before {
  background: #fff;
  border-bottom: 10px solid #f9f9f9;
  border-right: 10px solid #67a8da;
  border-top: 10px solid #f9f9f9;
  content: '';
  position: absolute;
  left: 0;
  top: 0;
}
/* Promo body section
   -------------------------------------------------------------------------- */
.promoUnit-body {
  /**
     * Add little triangle arrow on mobile and tablet views.
     */
  /**
     * Adjust the padding of the text section on mobile
     */
}
@media (min-width: 768px) and (max-width: 1095px), (max-width: 767px) {
  .promoUnit-body {
    position: relative;
  }
}
@media (min-width: 768px) and (max-width: 1095px), (max-width: 767px) {
  .promoUnit-body .content {
    padding: 60px 20px;
    height: auto;
  }
}
.promoUnit-body .promoText {
  max-width: 490px;
  width: 100%;
  position: absolute;
  top: 50%;
  left: 10%;
  margin-top: -103px;
}
@media (min-width: 768px) and (max-width: 1095px) {
  .promoUnit-body .promoText {
    max-width: 600px;
    position: static;
    margin: 0;
    top: 0;
  }
}
@media (max-width: 767px) {
  .promoUnit-body .promoText {
    position: static;
    margin: 0;
    top: 0;
    max-width: none;
  }
}
.promoUnit-body .promoTitle,
.promoUnit-body .promoText-title {
  text-transform: uppercase;
  letter-spacing: 2px;
  letter-spacing: 0.125rem;
  padding-right: 20px;
  padding-right: 1.25rem;
  /**
         * Adjust font sizing on mobile.
         */
  /* Modifier to .promoText-title without margin bottom */
}
.promoUnit-body .promoTitle em,
.promoUnit-body .promoText-title em {
  display: block;
  text-transform: uppercase;
  font-style: normal;
  letter-spacing: 2px;
  letter-spacing: 0.125rem;
}
.promoUnit-body .promoTitle .cta,
.promoUnit-body .promoText-title .cta {
  font-weight: normal;
}
.promoUnit-body .promoTitle .cta .icon,
.promoUnit-body .promoText-title .cta .icon {
  vertical-align: 2px;
  vertical-align: 0.125rem;
}
@media (max-width: 1224px) {
  .promoUnit-body .promoTitle,
  .promoUnit-body .promoText-title {
    margin-bottom: 20px;
    margin-bottom: 1.25rem;
    font-size: 28px;
    font-size: 1.75rem;
    line-height: 34px;
    line-height: 2.125rem;
  }
}
@media (max-width: 767px) {
  .promoUnit-body .promoTitle,
  .promoUnit-body .promoText-title {
    margin-bottom: 20px;
    margin-bottom: 1.25rem;
    font-size: 28px;
    font-size: 1.75rem;
    line-height: 34px;
    line-height: 2.125rem;
  }
}
.promoUnit-body .promoTitle--noMargin,
.promoUnit-body .promoText-title--noMargin {
  margin-bottom: 0;
  line-height: 1;
}
.promoUnit-body .promoSubTitle,
.promoUnit-body .promoText-subTitle {
  text-transform: uppercase;
  font-weight: 500;
  margin-bottom: 10px;
  margin-bottom: 0.625rem;
  font-size: 18px;
  font-size: 1.125rem;
}
.promoUnit-body .promoBlurb,
.promoUnit-body .promoText-blurb {
  font-size: 18px;
  font-size: 1.125rem;
}
.promoUnit--gapps .strip--silver {
  height: 452px;
  position: relative;
  top: 8px;
  left: 7px;
}
.promoUnit--gapps .strip--silver .span9 {
  position: relative;
  top: 125px;
  left: 125px;
}
.promoUnit--wpress .promoText-blurb {
  font-size: 1rem;
}
@media (max-width: 1224px) {
  .promoUnit--gapps .strip--silver {
    height: 385px;
    position: relative;
    top: 8px;
    left: 7px;
  }
  .promoUnit--gapps .strip--silver .span9 {
    position: relative;
    top: 125px;
    left: 125px;
  }
}
/* Media/video section
   -------------------------------------------------------------------------- */
/**
 * Play button for video elements.
 */
.promoUnit .videoPlayBtn {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  text-indent: -9999px;
  overflow: hidden;
  z-index: 10;
  background: url(../_img/video-play-button.svg) no-repeat;
  background-color: rgba(0, 0, 0, 0.1);
  background-size: 35% 35%;
  background-position: center center;
  -webkit-transition: background-color .2s ease-in-out;
  -moz-transition: background-color .2s ease-in-out;
  -o-transition: background-color .2s ease-in-out;
  -ms-transition: background-color .2s ease-in-out;
  transition: background-color .2s ease-in-out;
}
.promoUnit .videoPlayBtn:hover {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.3);
}
.promoUnit--developer {
  width: 100%!important;
}
.promoUnit--setUp {
  position: relative;
  left: 100px;
}
.promoUnit--support {
  position: relative;
  left: 100px;
}
@media (min-width: 1096px) {
  .promoUnit--vps .promoText {
    margin-top: -140px;
  }
}
/* Modifiers
   -------------------------------------------------------------------------- */
/**
 * Flipped version
 */
.promoUnit--flipped .promoUnit-media {
  float: right;
}
.promoUnit--flipped .promoUnit-body {
  float: left;
}
@media (min-width: 768px) and (max-width: 1199px), (max-width: 767px) {
  .promoUnit--flipped .promoUnit-body {
    position: relative;
  }
}
.promoUnit--flipped .promoText {
  left: auto;
  right: 100px;
}
@media (max-width: 1255px) {
  .promoUnit--flipped .promoText {
    padding-left: 10px;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .promoUnit--flipped .promoText {
    right: auto;
    left: 7%;
  }
}
@media (max-width: 767px) {
  .promoUnit--flipped .promoText {
    right: auto;
    left: 10%;
    padding-left: 0;
  }
}
@media (min-width: 1096px) {
  .promoUnit--pleskdv .promoUnit-media .content {
    padding-bottom: 75%;
  }
}
@media (min-width: 1096px) {
  .promoUnit--pleskdv .promoText {
    margin-top: 0;
    transform: translate(0, -50%);
  }
}
@media (min-width: 1200px) {
  .promoUnit--pleskdv .promoText {
    max-width: 510px;
  }
}
.productWordmark {
  background-image: url('../_img/products/sprite-product-wordmarks.png');
  background-repeat: no-repeat;
  background-position: 0 0;
  display: inline-block;
  text-indent: -999px;
  overflow: hidden;
  float: none;
  clear: both;
  height: 46px;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-device-pixel-ratio: 1.5) {
  .productWordmark {
    background-image: url('../_img/products/sprite-product-wordmarks@2x.png');
    background-size: 962px 171px;
  }
}
.productWordmark--grid {
  background-position: -161px 0;
  width: 147px;
}
.productWordmark--grid.productWordmark--inverted {
  background-position: -161px -50px;
}
.productWordmark--dvManaged,
.productWordmark--dv {
  background-position: -326px 0;
  width: 152px;
}
.productWordmark--dvManaged.productWordmark--inverted,
.productWordmark--dv.productWordmark--inverted {
  background-position: -326px -50px;
}
.productWordmark--dvDeveloper {
  background-position: -501px 0;
  width: 166px;
}
.productWordmark--dvDeveloper.productWordmark--inverted {
  background-position: -501px -50px;
}
.productWordmark--managedHosting {
  background-position: -708px 0;
  width: 255px;
  height: 76px;
}
.productWordmark--managedHosting.productWordmark--inverted {
  background-position: -708px -98px;
}
/**!
 * Action callout
 *
 * A pricing/call to action module that positions on the top
 * right part of a module.
 *

    <div class="actionCallout">
        <div class="priceUnit">
            <!-- <span class="priceUnit-tip">Starting at</span> -->
            $20 <sub>/month.</sub>
        </div>
        <a href="#" class="btn  btn--primary">
            Get started <i aria-hidden="true" class="icon--angleRight--alt"></i>
        </a>
        <!-- <p class="tip">MONEY BACK GUARANTEE</p> -->
    </div>

 *
 * =========================================================================== */
.actionCallout {
  float: right;
}
.actionCallout .tip {
  font-size: 11px;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #808080;
  padding: 10px 0;
}
.actionCallout .actionCallout-tip {
  font-size: 11px;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #808080;
  padding: 10px 0;
  display: block;
}
@media (min-width: 481px) and (max-width: 767px) {
  .actionCallout {
    float: none;
    margin-bottom: 30px;
    margin-bottom: 1.875rem;
    text-align: left;
  }
}
@media (max-width: 480px) {
  .actionCallout {
    position: static;
    float: none;
    clear: both;
    text-align: left;
    margin-bottom: 30px;
    margin-bottom: 1.875rem;
  }
}
.actionCallout .priceUnit {
  display: block;
  margin-bottom: 10px;
  font-size: 34px;
  font-size: 2.125rem;
  line-height: 34px;
  line-height: 2.125rem;
}
.actionCallout .priceUnit sub {
  vertical-align: middle;
  font-size: 18px;
  font-size: 1.125rem;
}
.actionCallout .priceUnit-tip {
  font-size: 11px;
  text-transform: uppercase;
  color: #cccccc;
  letter-spacing: 2px;
  display: block;
}
/* ==========================================================================
   None floating/pinning version
   ========================================================================== */
/**
 *

    <div class="actionCallout">
        <div class="priceUnit">
            <!-- <span class="priceUnit-tip">Starting at</span> -->
            $20 <sub>/month.</sub>
        </div>
        <a href="#" class="btn  btn--primary">
            Get started <i aria-hidden="true" class="icon--angleRight--alt"></i>
        </a>
        <!-- <p class="tip">MONEY BACK GUARANTEE</p> -->
    </div>

 *
 */
.actionCalloutAlt {
  float: none;
}
.actionCalloutAlt .actionCalloutAlt-tip {
  font-size: 11px;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #808080;
  padding: 0;
  display: block;
}
.actionCalloutAlt .actionCalloutAlt-price {
  display: block;
  margin-bottom: 10px;
  font-weight: normal;
  font-size: 22px;
  font-size: 1.375rem;
  line-height: 26px;
  line-height: 1.625rem;
}
.actionCalloutAlt .actionCalloutAlt-price-oldPrice {
  color: #ccc;
  font-size: 1.2857em;
  font-weight: 300;
  text-decoration: line-through;
}
.actionCalloutAlt .actionCalloutAlt-price-newPrice {
  font-size: 2.2857em;
}
.actionCalloutAlt .actionCalloutAlt-price sub {
  vertical-align: middle;
  bottom: 0;
  font-size: 18px;
  font-size: 1.125rem;
}
/**!
 * Search module
 *
 * Used for big find a domain search and kb search
 * NOTE: Deprecated. Please use c-responsive-search instead.
 * =========================================================================== */
.searchBox {
  width: 100%;
  max-width: 925px;
  position: relative;
  overflow: hidden;
}
.searchBox .icon--search--alt {
  position: relative;
}
.searchBox .searchBox-submit {
  position: relative;
  vertical-align: middle;
  margin-left: 10px;
}
@media (max-width: 767px) {
  .searchBox .searchBox-submit {
    margin: 0;
    float: right;
  }
}
@media (max-width: 1224px) {
  .searchBox {
    float: none;
    clear: both;
    top: 0;
    max-width: 100%;
    padding-top: 20px;
  }
}
.searchBox .searchBox-input {
  width: 100%;
  max-width: 83%;
}
@media (max-width: 767px) {
  .searchBox .searchBox-input {
    margin: 0;
    width: 100%;
    max-width: 100%;
  }
}
.searchBox.searchBox--tiny {
  margin-bottom: 30px;
  margin-bottom: 1.875rem;
}
.searchBox.searchBox--tiny .searchBox-input {
  padding: 5px 5px 5px 10px;
  font-size: 12px;
  width: auto !important;
}
.searchBox.searchBox--tiny .searchBox-input::-webkit-input-placeholder {
  color: #f4f4f4;
  text-transform: uppercase;
  font-weight: normal;
  letter-spacing: 1px;
  letter-spacing: 0.0625rem;
}
.searchBox.searchBox--tiny .searchBox-input:-moz-placeholder {
  color: #f4f4f4;
  text-transform: uppercase;
  font-weight: normal;
  letter-spacing: 1px;
  letter-spacing: 0.0625rem;
}
.searchBox.searchBox--tiny .searchBox-input::-moz-placeholder {
  color: #f4f4f4;
  text-transform: uppercase;
  font-weight: normal;
  letter-spacing: 1px;
  letter-spacing: 0.0625rem;
}
.searchBox.searchBox--tiny .searchBox-input:-ms-input-placeholder {
  color: #f4f4f4;
  text-transform: uppercase;
  font-weight: normal;
  letter-spacing: 1px;
  letter-spacing: 0.0625rem;
}
.searchBox.searchBox--tiny .searchBox-submit {
  float: none;
  margin-left: 4px;
}
.preloader {
  text-align: center;
}
.preloader-spinner {
  color: #48e0a4 !important;
  display: inline-block;
  -webkit-animation-name: spin;
  -webkit-animation-duration: 2500ms;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  -moz-animation-name: spin;
  -moz-animation-duration: 2500ms;
  -moz-animation-iteration-count: infinite;
  -moz-animation-timing-function: linear;
  -ms-animation-name: spin;
  -ms-animation-duration: 2500ms;
  -ms-animation-iteration-count: infinite;
  -ms-animation-timing-function: linear;
  animation-name: spin;
  animation-duration: 2500ms;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}
@-ms-keyframes spin {
  from {
    -ms-transform: rotate(0deg);
  }
  to {
    -ms-transform: rotate(360deg);
  }
}
@-moz-keyframes spin {
  from {
    -moz-transform: rotate(0deg);
  }
  to {
    -moz-transform: rotate(360deg);
  }
}
@-webkit-keyframes spin {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
/**!
 * Switch toggle
 *
 * Niftly little switch toggle thingamajig
 * =========================================================================== */
.choice {
  padding: 15px 30px;
  margin-bottom: 30px;
  background: #ededed;
}
.choice-option {
  vertical-align: middle;
}
.choice-option:first-child {
  margin-right: 5px;
}
.choice-option:last-child {
  margin-left: 5px;
}
.switch {
  position: relative;
  width: 60px;
  top: 10px;
  display: inline-block;
  *display: inline;
  zoom: 1;
}
.switch input {
  cursor: pointer;
  visibility: hidden;
  width: 60px;
}
.switch:before,
.switch:after {
  content: "";
  display: block;
  height: 28px;
  position: absolute;
  visibility: visible;
  width: 28px;
  -webkit-transition: all 220ms ease;
  -moz-transition: all 220ms ease;
  -o-transition: all 220ms ease;
  -ms-transition: all 220ms ease;
  transition: all 220ms ease;
}
.switch:before {
  background: #ccc;
  border-radius: 50px;
  top: -7px;
  height: 23px;
  width: 60px;
}
.switch:after {
  background: #fff;
  border: 1px solid #eee;
  border-radius: 50px;
  top: -10px;
  -webkit-transform: translateX(4);
  -moz-transform: translateX(4);
  -o-transform: translateX(4);
  -ms-transform: translateX(4);
  transform: translateX(4);
  -webkit-transform: translateX(4px);
  -moz-transform: translateX(4px);
  -o-transform: translateX(4px);
  -ms-transform: translateX(4px);
  transform: translateX(4px);
}
.switch.is-checked:after {
  -webkit-transform: translateX(28);
  -moz-transform: translateX(28);
  -o-transform: translateX(28);
  -ms-transform: translateX(28);
  transform: translateX(28);
  -webkit-transform: translateX(28px);
  -moz-transform: translateX(28px);
  -o-transform: translateX(28px);
  -ms-transform: translateX(28px);
  transform: translateX(28px);
}
/**!
 * Responsive Tabs
 *
 * Tabbed section that turns into an accordion on mobile
 *
 * EXAMPLE MARKUP:
 *
    <div id="myTabs" class="responsiveTabs  js-responsiveTabs">
        <ul class="responsiveTabs-list  nav  nav--fit">
            <li class="responsiveTabs-list-item">Tab 1</li>
            <li class="responsiveTabs-list-item">Tab 2</li>
            <li class="responsiveTabs-list-item">Tab 3</li>
        </ul>

        <div class="responsiveTabs-tabWrap">
            <div class="responsiveTabs-tabWrap-item">tab content 1</div>
            <div class="responsiveTabs-tabWrap-item">tab content 2</div>
            <div class="responsiveTabs-tabWrap-item">tab content 3</div>
        </div>
    </div>
 *
 * This example uses the `.nav` object and `.nav--fit` modifiers
 * to make the tab navigation full width evenly spaced tabs.
 * =========================================================================== */
/* ==========================================================================
       Tabs/navigation list
       ========================================================================== */
.responsiveTabs-list {
  border: 1px solid #ededed;
  border-bottom: 5px solid #ededed;
  margin: 0;
}
.responsiveTabs-list li {
  border-right: 1px solid #ededed;
  padding: 30px;
  cursor: pointer;
  text-transform: uppercase;
  text-align: left;
  font-weight: 600;
  color: #999999;
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 22px;
  line-height: 1.375rem;
}
.responsiveTabs-list li:last-child {
  border: none;
}
@media (min-width: 768px) and (max-width: 1199px) {
  .responsiveTabs-list li {
    padding: 15px;
    font-size: 20px;
    font-size: 1.25rem;
  }
}
/**
         * Active tab list item/link
         */
.responsiveTabs-list-item--isActive {
  background: #ededed;
  color: #191919 !important;
}
.responsiveTabs-list-item--isActive.price--quote {
  color: #666666;
}
.responsiveTabs-list-item--isActive.responsiveTabs--accordion {
  color: #fff !important;
}
/* ==========================================================================
       Tab Items
       ========================================================================== */
/**
     * Container that holds the idividual tab items
     */
.responsiveTabs-tabWrap {
  padding: 0px;
  clear: left;
}
/**
     * Tab item
     */
.responsiveTabs-tabWrap-item {
  display: none;
}
/* ==========================================================================
   Accordion styles
   ========================================================================== */
/**
 * Accordion clickable toggler/title
 */
h2.responsiveTabs--accordion {
  font-size: 13px;
  border: 1px solid #ededed;
  margin: 0px;
  padding: 15px;
  position: relative;
  text-transform: uppercase;
  font-weight: 600;
  cursor: pointer;
  padding: 5px;
  display: none;
}
h2.responsiveTabs--accordion .price {
  padding-left: 15px;
  font-weight: normal;
}
h2.responsiveTabs-list-item--isActive {
  background: #282B2D;
  color: #fff;
}
h2.responsiveTabs-list-item--isActive .resp-arrow {
  border-bottom-color: #fff !important;
}
.resp-content-active,
.responsiveTabs--accordion-active {
  display: block;
}
/**
     * Arrow on the accordion toggler
     */
.responsiveTabs--accordion .resp-arrow {
  position: absolute;
  right: 12px;
  top: 50%;
  margin-top: -4px;
  border: 6px solid transparent;
  border-top: 8px solid #000;
}
.responsiveTabs--accordion.responsiveTabs-list-item--isActive .resp-arrow {
  margin-top: -10px;
  border-top: 6px solid transparent;
  border-bottom: 8px solid #000;
}
.resp-easy-accordion h2.responsiveTabs--accordion {
  display: block;
}
.resp-easy-accordion .responsiveTabs-tabWrap-item {
  border: 1px solid #c1c1c1;
}
.resp-jfit {
  width: 100%;
  margin: 0px;
}
.responsiveTabs-list-item--isActive {
  display: block;
}
/*Here your can change the breakpoint to set the accordion, when screen resolution changed*/
@media (max-width: 767px) {
  ul.responsiveTabs-list {
    display: none;
  }
  h2.responsiveTabs--accordion {
    display: block;
  }
  .responsiveTabs--vTabs .responsiveTabs-tabWrap-item {
    border: 1px solid #C1C1C1;
  }
  .responsiveTabs--vTabs .responsiveTabs-tabWrap {
    border: none;
    float: none;
    width: 100%;
    min-height: initial;
    clear: none;
  }
  .responsiveTabs--accordion-closed {
    display: none !important;
  }
  .responsiveTabs--vTabs .responsiveTabs-tabWrap-item:last-child {
    border-bottom: 1px solid #c1c1c1 !important;
  }
}
.responsiveTabs--plan-picker .responsiveTabs--accordion {
  background-color: #1C1C1E;
  color: #FFF;
  font-size: 20px;
  font-weight: 400;
  letter-spacing: 1px;
  padding: 20px;
  border: none;
  border-bottom: 2px solid #1C1C1E;
}
.responsiveTabs--plan-picker .responsiveTabs--accordion .resp-arrow {
  border-top: 8px solid #fff;
}
.responsiveTabs--plan-picker .responsiveTabs-list {
  border: none;
  border-bottom: 2px solid #1C1C1E;
}
.responsiveTabs--plan-picker .responsiveTabs-list-item {
  background-color: #1C1C1E;
  color: #fff;
  width: 25%;
  padding: 26px;
  border-width: 2px;
  position: relative;
}
.responsiveTabs--plan-picker .responsiveTabs__indicator {
  position: absolute;
  bottom: -5px;
  left: 6px;
  border: 17px solid transparent;
  border-bottom: 20px solid #1C1C1E;
  display: none;
}
.responsiveTabs--plan-picker .responsiveTabs-list-item--isActive {
  color: #fff;
}
.responsiveTabs--plan-picker .responsiveTabs-list-item--isActive .resp-arrow {
  margin-top: -4px;
  border-top: none;
}
.responsiveTabs--plan-picker .responsiveTabs-list-item--isActive .responsiveTabs__indicator {
  display: block;
}
@media (min-width: 768px) {
  .responsiveTabs--plan-picker .responsiveTabs-list-item--isActive .responsiveTabs__indicator {
    left: 12px;
  }
}
.responsiveTabs--plan-picker .responsiveTabs-tabWrap-item {
  position: relative;
  border-top: 4px solid #1C1C1E;
}
.responsiveTabs--wpress .responsiveTabs--accordion,
.responsiveTabs--wpress .responsiveTabs-list,
.responsiveTabs--wpress .responsiveTabs__indicator {
  border-bottom-color: #FFD02B;
}
.responsiveTabs--wpress .responsiveTabs-list-item--isActive {
  color: #FFD02B !important;
}
.responsiveTabs--wpress .responsiveTabs-tabWrap-item {
  border-top-color: #FFD02B;
}
.responsiveTabs--grid .responsiveTabs--accordion,
.responsiveTabs--grid .responsiveTabs-list,
.responsiveTabs--grid .responsiveTabs__indicator {
  border-bottom-color: #f26767;
}
.responsiveTabs--grid .responsiveTabs-list-item--isActive {
  color: #f26767 !important;
}
.responsiveTabs--grid .responsiveTabs-tabWrap-item {
  border-top-color: #f26767;
}
@keyframes vex-fadein {
  /* line 9, ../sass/_keyframes.sass */
  0% {
    opacity: 0;
  }
  /* line 11, ../sass/_keyframes.sass */
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes vex-fadein {
  /* line 9, ../sass/_keyframes.sass */
  0% {
    opacity: 0;
  }
  /* line 11, ../sass/_keyframes.sass */
  100% {
    opacity: 1;
  }
}
@-moz-keyframes vex-fadein {
  /* line 9, ../sass/_keyframes.sass */
  0% {
    opacity: 0;
  }
  /* line 11, ../sass/_keyframes.sass */
  100% {
    opacity: 1;
  }
}
@-ms-keyframes vex-fadein {
  /* line 9, ../sass/_keyframes.sass */
  0% {
    opacity: 0;
  }
  /* line 11, ../sass/_keyframes.sass */
  100% {
    opacity: 1;
  }
}
@-o-keyframes vex-fadein {
  /* line 9, ../sass/_keyframes.sass */
  0% {
    opacity: 0;
  }
  /* line 11, ../sass/_keyframes.sass */
  100% {
    opacity: 1;
  }
}
@keyframes vex-fadeout {
  /* line 16, ../sass/_keyframes.sass */
  0% {
    opacity: 1;
  }
  /* line 18, ../sass/_keyframes.sass */
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes vex-fadeout {
  /* line 16, ../sass/_keyframes.sass */
  0% {
    opacity: 1;
  }
  /* line 18, ../sass/_keyframes.sass */
  100% {
    opacity: 0;
  }
}
@-moz-keyframes vex-fadeout {
  /* line 16, ../sass/_keyframes.sass */
  0% {
    opacity: 1;
  }
  /* line 18, ../sass/_keyframes.sass */
  100% {
    opacity: 0;
  }
}
@-ms-keyframes vex-fadeout {
  /* line 16, ../sass/_keyframes.sass */
  0% {
    opacity: 1;
  }
  /* line 18, ../sass/_keyframes.sass */
  100% {
    opacity: 0;
  }
}
@-o-keyframes vex-fadeout {
  /* line 16, ../sass/_keyframes.sass */
  0% {
    opacity: 1;
  }
  /* line 18, ../sass/_keyframes.sass */
  100% {
    opacity: 0;
  }
}
@keyframes vex-rotation {
  /* line 95, ../sass/_keyframes.sass */
  0% {
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
  }
  /* line 97, ../sass/_keyframes.sass */
  100% {
    transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    -moz-transform: rotate(359deg);
    -ms-transform: rotate(359deg);
    -o-transform: rotate(359deg);
  }
}
@-webkit-keyframes vex-rotation {
  /* line 95, ../sass/_keyframes.sass */
  0% {
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
  }
  /* line 97, ../sass/_keyframes.sass */
  100% {
    transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    -moz-transform: rotate(359deg);
    -ms-transform: rotate(359deg);
    -o-transform: rotate(359deg);
  }
}
@-moz-keyframes vex-rotation {
  /* line 95, ../sass/_keyframes.sass */
  0% {
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
  }
  /* line 97, ../sass/_keyframes.sass */
  100% {
    transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    -moz-transform: rotate(359deg);
    -ms-transform: rotate(359deg);
    -o-transform: rotate(359deg);
  }
}
@-ms-keyframes vex-rotation {
  /* line 95, ../sass/_keyframes.sass */
  0% {
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
  }
  /* line 97, ../sass/_keyframes.sass */
  100% {
    transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    -moz-transform: rotate(359deg);
    -ms-transform: rotate(359deg);
    -o-transform: rotate(359deg);
  }
}
@-o-keyframes vex-rotation {
  /* line 95, ../sass/_keyframes.sass */
  0% {
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
  }
  /* line 97, ../sass/_keyframes.sass */
  100% {
    transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    -moz-transform: rotate(359deg);
    -ms-transform: rotate(359deg);
    -o-transform: rotate(359deg);
  }
}
/* line 11, ../sass/vex.sass */
.vex,
.vex *,
.vex *:before,
.vex *:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
/* line 14, ../sass/vex.sass */
.vex {
  position: fixed;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  z-index: 1111111;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
/* line 25, ../sass/vex.sass */
.vex-overlay {
  background: black;
  filter: alpha(opacity=40);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
}
/* line 30, ../sass/vex.sass */
.vex-overlay {
  animation: vex-fadein 0.5s;
  -webkit-animation: vex-fadein 0.5s;
  -moz-animation: vex-fadein 0.5s;
  -ms-animation: vex-fadein 0.5s;
  -o-animation: vex-fadein 0.5s;
  -webkit-backface-visibility: hidden;
  position: fixed;
  background: rgba(0, 0, 0, 0.4);
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
/* line 39, ../sass/vex.sass */
.vex.vex-closing .vex-overlay {
  animation: vex-fadeout 0.5s;
  -webkit-animation: vex-fadeout 0.5s;
  -moz-animation: vex-fadeout 0.5s;
  -ms-animation: vex-fadeout 0.5s;
  -o-animation: vex-fadeout 0.5s;
  -webkit-backface-visibility: hidden;
}
/* line 42, ../sass/vex.sass */
.vex-content {
  animation: vex-fadein 0.5s;
  -webkit-animation: vex-fadein 0.5s;
  -moz-animation: vex-fadein 0.5s;
  -ms-animation: vex-fadein 0.5s;
  -o-animation: vex-fadein 0.5s;
  -webkit-backface-visibility: hidden;
  background: white;
}
/* line 46, ../sass/vex.sass */
.vex.vex-closing .vex-content {
  animation: vex-fadeout 0.5s;
  -webkit-animation: vex-fadeout 0.5s;
  -moz-animation: vex-fadeout 0.5s;
  -ms-animation: vex-fadeout 0.5s;
  -o-animation: vex-fadeout 0.5s;
  -webkit-backface-visibility: hidden;
}
/* line 49, ../sass/vex.sass */
.vex-close:before {
  font-family: Arial, sans-serif;
  content: "\00D7";
}
/* line 53, ../sass/vex.sass */
.vex-dialog-form {
  margin: 0;
}
/* line 56, ../sass/vex.sass */
.vex-dialog-button {
  -webkit-appearance: none;
  /* 1 */
  background: transparent;
  border: 1px solid;
  color: inherit;
  /* 3 */
  cursor: pointer;
  display: inline-block;
  font: inherit;
  /* 4 */
  line-height: normal;
  /* 5 */
  margin: 0;
  position: relative;
  text-align: center;
  text-decoration: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  /* 6 */
  vertical-align: middle;
  white-space: nowrap;
  /* 7 */
  border-color: transparent;
  background-color: #ccc;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 18px;
  font-size: 1.125rem;
  padding-top: 14px;
  padding-top: 0.875rem;
  padding-bottom: 14px;
  padding-bottom: 0.875rem;
  padding-right: 20px;
  padding-right: 1.25rem;
  padding-left: 20px;
  padding-left: 1.25rem;
  -webkit-transition: all 100ms linear;
  -moz-transition: all 100ms linear;
  -o-transition: all 100ms linear;
  -ms-transition: all 100ms linear;
  transition: all 100ms linear;
  font-size: 16px;
  font-size: 1rem;
  padding-top: 10px;
  padding-top: 0.625rem;
  padding-bottom: 10px;
  padding-bottom: 0.625rem;
  padding-right: 16px;
  padding-right: 1rem;
  padding-left: 16px;
  padding-left: 1rem;
}
.vex-dialog-button:hover {
  background-color: #d9d9d9;
  border-color: #bfbfbf;
}
.vex-dialog-button span,
.vex-dialog-button i {
  margin-left: 5px;
}
/* line 60, ../sass/vex.sass */
.vex-loading-spinner {
  animation: vex-rotation 0.7s linear infinite;
  -webkit-animation: vex-rotation 0.7s linear infinite;
  -moz-animation: vex-rotation 0.7s linear infinite;
  -ms-animation: vex-rotation 0.7s linear infinite;
  -o-animation: vex-rotation 0.7s linear infinite;
  -webkit-backface-visibility: hidden;
  -webkit-box-shadow: 0 0 1em rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 0 1em rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 1em rgba(0, 0, 0, 0.1);
  position: fixed;
  z-index: 1112;
  margin: auto;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 2em;
  width: 2em;
  background: white;
}
/* line 76, ../sass/vex.sass */
body.vex-open {
  overflow: hidden;
}
/* ==========================================================================
   Wireframe theme
   ========================================================================== */
/* line 9, ../sass/vex-theme-wireframe.sass */
.vex.vex-theme-wireframe {
  padding-top: 160px;
  padding-bottom: 160px;
}
/* line 13, ../sass/vex-theme-wireframe.sass */
.vex.vex-theme-wireframe .vex-overlay {
  background: rgba(255, 255, 255, 0.8);
}
/* line 16, ../sass/vex-theme-wireframe.sass */
.vex.vex-theme-wireframe .vex-content {
  background: #fff;
  border: 2px solid #000;
  padding: 2em;
  position: relative;
  margin: 0 auto;
  max-width: 100%;
  width: 400px;
  font-size: 1.1em;
  line-height: 1.5em;
}
.vex.vex-theme-wireframe .vex-video {
  border: 2px solid black;
  outline: 5px solid black;
  outline-offset: -5px;
  padding: 0;
  width: auto;
  max-width: 80%;
}
/* line 29, ../sass/vex-theme-wireframe.sass */
.vex.vex-theme-wireframe .vex-content h1,
.vex.vex-theme-wireframe .vex-content h2,
.vex.vex-theme-wireframe .vex-content h3,
.vex.vex-theme-wireframe .vex-content h4,
.vex.vex-theme-wireframe .vex-content h5,
.vex.vex-theme-wireframe .vex-content h6,
.vex.vex-theme-wireframe .vex-content p,
.vex.vex-theme-wireframe .vex-content ul,
.vex.vex-theme-wireframe .vex-content li {
  color: inherit;
}
/* line 32, ../sass/vex-theme-wireframe.sass */
.vex.vex-theme-wireframe .vex-close {
  position: absolute;
  right: -35px;
  top: -65px;
  cursor: pointer;
  z-index: 10000000;
  height: 50px;
  width: 50px;
}
@media (max-width: 767px) {
  .vex.vex-theme-wireframe .vex-close {
    right: -15px;
  }
}
/* line 38, ../sass/vex-theme-wireframe.sass */
.vex.vex-theme-wireframe .vex-close:before {
  font-family: 'LushIcons';
  content: "\F163";
  font-size: 38px;
  font-weight: normal;
  line-height: 80px;
  height: 30px;
  width: 30px;
  text-align: center;
  color: #000;
  -webkit-transition: color 150ms linear;
  -moz-transition: color 150ms linear;
  -o-transition: color 150ms linear;
  -ms-transition: color 150ms linear;
  transition: color 150ms linear;
}
.vex.vex-theme-wireframe .vex-video .vex-close:hover:before,
.vex.vex-theme-wireframe .vex-video .vex-close:active:before {
  color: #1ca670;
}
/* line 51, ../sass/vex-theme-wireframe.sass */
.vex.vex-theme-wireframe .vex-close:hover:before,
.vex.vex-theme-wireframe .vex-close:active:before {
  color: black;
}
/* line 56, ../sass/vex-theme-wireframe.sass */
.vex.vex-theme-wireframe .vex-dialog-form .vex-dialog-message {
  margin-bottom: 0.5em;
}
/* line 59, ../sass/vex-theme-wireframe.sass */
.vex.vex-theme-wireframe .vex-dialog-form .vex-dialog-input {
  margin-bottom: 1em;
}
/* line 62, ../sass/vex-theme-wireframe.sass */
.vex.vex-theme-wireframe .vex-dialog-form .vex-dialog-input textarea,
.vex.vex-theme-wireframe .vex-dialog-form .vex-dialog-input input[type="text"],
.vex.vex-theme-wireframe .vex-dialog-form .vex-dialog-input input[type="password"],
.vex.vex-theme-wireframe .vex-dialog-form .vex-dialog-input input[type="email"],
.vex.vex-theme-wireframe .vex-dialog-form .vex-dialog-input input[type="url"] {
  background: white;
  width: 100%;
  padding: 0.25em 0.67em;
  font-family: inherit;
  font-weight: inherit;
  font-size: inherit;
  min-height: 2.5em;
  margin: 0 0 0.25em;
  border: 2px solid black;
}
/* line 73, ../sass/vex-theme-wireframe.sass */
.vex.vex-theme-wireframe .vex-dialog-form .vex-dialog-input textarea:focus,
.vex.vex-theme-wireframe .vex-dialog-form .vex-dialog-input input[type="text"]:focus,
.vex.vex-theme-wireframe .vex-dialog-form .vex-dialog-input input[type="password"]:focus,
.vex.vex-theme-wireframe .vex-dialog-form .vex-dialog-input input[type="email"]:focus,
.vex.vex-theme-wireframe .vex-dialog-form .vex-dialog-input input[type="url"]:focus {
  border-style: dashed;
  outline: none;
}
/* line 77, ../sass/vex-theme-wireframe.sass */
.vex.vex-theme-wireframe .vex-dialog-form .vex-dialog-buttons {
  *zoom: 1;
}
/* line 38, ../../../../../.rvm/gems/ruby-1.9.3-p194/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/utilities/general/_clearfix.scss */
.vex.vex-theme-wireframe .vex-dialog-form .vex-dialog-buttons:after {
  content: "";
  display: table;
  clear: both;
}
/* line 80, ../sass/vex-theme-wireframe.sass */
.vex.vex-theme-wireframe .vex-dialog-button {
  float: right;
  margin: 0 0 0 5px;
}
/* line 91, ../sass/vex-theme-wireframe.sass */
.vex.vex-theme-wireframe .vex-dialog-button.vex-last {
  margin-left: 0;
}
/* line 94, ../sass/vex-theme-wireframe.sass */
/* line 103, ../sass/vex-theme-wireframe.sass */
.vex.vex-theme-wireframe .vex-dialog-button.vex-dialog-button-primary {
  background-color: #9fe0f3;
  color: #282B2D;
  border-color: #9fe0f3;
}
.vex.vex-theme-wireframe .vex-dialog-button.vex-dialog-button-primary:hover,
.vex.vex-theme-wireframe .vex-dialog-button.vex-dialog-button-primary:focus,
.vex.vex-theme-wireframe .vex-dialog-button.vex-dialog-button-primary:active {
  background-color: #72d1ed;
  border-color: #e3f6fb;
  color: #282B2D;
}
/* line 108, ../sass/vex-theme-wireframe.sass */
.vex.vex-theme-wireframe .vex-dialog-button.vex-dialog-button-secondary {
  background-color: transparent;
  border: none;
}
/* line 113, ../sass/vex-theme-wireframe.sass */
.vex-loading-spinner.vex-theme-wireframe {
  height: 2.5em;
  width: 2.5em;
}
/**!
 * AC Login Modal
 * =========================================================================== */
/* ==========================================================================
   VEX Overrides
   ========================================================================== */
.vex.vex-theme--login {
  padding-top: 45px;
  padding-top: 2.8125rem;
  padding-bottom: 45px;
  padding-bottom: 2.8125rem;
}
.vex.vex-theme--login .vex-close {
  right: -3px;
  top: -12px;
}
.vex.vex-theme--login .vex-close:before {
  color: #f4f4f4;
  font-size: 33px;
}
.vex.vex-theme--login .vex-close:hover:before {
  color: #fff;
}
.vex--login {
  padding: 0 !important;
  width: 670px !important;
}
.acLoginModal {
  background: #282B2D;
  padding: 23px 40px;
  color: #f4f4f4;
}
@media (max-width: 767px) {
  .acLoginModal {
    padding: 30px;
  }
}
.acLoginModal a {
  color: #9fe0f3;
}
.acLoginModal a:hover {
  color: #72d1ed;
}
.acLoginModal label,
.acLoginModal .label {
  color: #f4f4f4;
  font-weight: 500;
  float: left;
  width: 25%;
  padding-top: 15px;
  display: inline-block;
  *display: inline;
  zoom: 1;
  font-size: 16px;
  font-size: 1rem;
}
@media (max-width: 767px) {
  .acLoginModal label,
  .acLoginModal .label {
    float: none;
    width: 100%;
    padding-top: 0;
  }
}
.acLoginModal .textInput {
  width: 75%;
}
@media (max-width: 767px) {
  .acLoginModal .textInput {
    width: 100%;
  }
}
.acLoginModal .aclogin-action label {
  float: none;
  width: auto;
  padding-top: 0;
}
.acLoginModal .btn--ac i {
  top: -3px;
  position: relative;
}
.acLoginModal .loginHelp {
  text-align: right;
  border-top: 1px solid #4d4d4d;
  padding-top: 15px;
  font-size: 12px;
}
.acLoginModal .acLoginModal-header {
  border-bottom: 1px solid #4d4d4d;
  margin-bottom: 30px;
}
.info {
  display: none;
}
/**!
 * Social Share Buttons
 *
 * Styling for the social buttons, usually found in the footer
 * =========================================================================== */
.socialShareBtns {
  margin-bottom: 8px;
}
.socialShareBtns-btn {
  display: block;
  margin-bottom: 5px;
}
.socialShareBtns-btn iframe {
  max-width: 90px;
}
.socialContact {
  list-style: none;
  padding: 0;
}
.socialContact {
  margin: 16px 0 24px;
}
.socialContact li {
  display: inline-block;
  margin: 0 20px 0 0;
}
.socialContact li:last-child {
  margin: 0;
}
/**!
 * Tags
 *
 * Used as an "arrow" to point out features on a page
 * =========================================================================== */
.tag {
  background: #67a8da;
  border-radius: 3px 0 0 3px;
  color: #191919;
  font-weight: 700;
  display: inline-block;
  height: 20px;
  font-size: 12px;
  letter-spacing: 1px;
  line-height: 20px;
  padding: 0 12px 0 17px;
  text-decoration: none;
  position: relative;
}
.tag--left {
  margin-left: .5rem;
}
.tag--left:after {
  border: none;
}
.tag--left:before {
  background: #fff;
  border-bottom: 10px solid #f9f9f9;
  border-right: 10px solid #67a8da;
  border-top: 10px solid #f9f9f9;
  content: '';
  position: absolute;
  left: 0;
  top: 0;
}
.tag--right {
  margin-right: .5rem;
}
.tag--right:after {
  border: none;
}
.tag--right:before {
  background: #fff;
  border-bottom: 10px solid #f9f9f9;
  border-left: 10px solid #67a8da;
  border-top: 10px solid #f9f9f9;
  content: '';
  position: absolute;
  right: 0;
  top: 0;
}
.tag--brandColorGrid {
  background: #f26767;
}
.tag--brandColorDvManaged {
  background: #67a8da;
}
.tag--brandColorDvDev {
  background: #29cbcf;
}
.tag--brandColorDvEnterprise {
  background: #ffd02b;
}
.tag--brandColorHelix {
  background: #9e7fb9;
}
.tag--brandColorCloudTechd {
  background: #80abc8;
}
.tag--brandColorAC {
  background: #9fe0f3;
}
/**
 * @name planBox
 * @desc A module used to display plan info, includes
 *      a selectable radio button. As seen on new grid page
 */
.planBox {
  background-color: #fff;
}
@media (max-width: 767px) {
  .planBox {
    margin-bottom: 30px;
  }
}
.planBox-content,
.planBox-footer {
  padding: 30px;
}
.planBox-header {
  padding: 15px 30px;
  background-color: #282B2D;
  color: #fff;
  font-size: 18px;
  font-size: 1.125rem;
}
.planBox-header h3 {
  color: inherit;
  font-size: inherit;
  letter-spacing: 0px;
}
.planBox-header-price-priceLines {
  display: inline-block;
  font-size: 16px;
  padding-left: 20px;
  line-height: 1;
  vertical-align: top;
}
.planBox-header-price-duration {
  font-size: 18px;
  display: block;
  text-align: center;
  line-height: 0.25px;
}
.planBox-footer {
  padding-top: 0px;
}
.planBox-callout {
  background-color: #f6f6f6;
  border: 1px solid transparent;
  border-color: #999999;
  color: #191919;
}
.planBox-callout-title {
  font-size: 14px;
  letter-spacing: 0px !important;
}
/* planBox Modifiers
   -------------------------------------------------------------------------- */
.planBox-callout--ac {
  background-color: #9fe0f3;
  border-color: #9fe0f3;
}
.planBox--bordered {
  border: 1px solid #ccc;
}
.planBox--singleRow .planBox-header-name {
  margin: 0;
  float: left;
}
.planBox--singleRow .planBox-header-price {
  float: right;
}
.planBox--singleRow .planBox-content {
  overflow: hidden;
  padding: 20px;
}
.planBox--singleRow .planBox-content-copy {
  float: left;
  margin-bottom: 0;
  padding: 15px 0;
}
@media (max-width: 767px) {
  .planBox--singleRow .planBox-content-copy {
    float: none;
    padding-top: 0;
  }
}
.planBox--singleRow .planBox-content-btn {
  float: right;
}
@media (max-width: 767px) {
  .planBox--singleRow .planBox-content-btn {
    float: none;
  }
}
/**
 * @name bannerFlag
 * @desc The ugly banner flag thing in the hero unit.
 */
.bannerFlag {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  max-width: 300px;
}
@media (max-width: 767px) {
  .bannerFlag {
    display: none;
  }
}
.bannerFlag-inner {
  color: #111;
  margin: 0;
  padding: 0;
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 0;
  text-align: center;
}
.bannerFlag-inner:before {
  content: "";
  border-width: 30px 150px 20px;
  border-color: #f26767 #f26767 transparent;
  border-style: solid;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 0px;
  height: 100%;
  -webkit-transform: rotate(360deg);
  -moz-transform: rotate(360deg);
  -o-transform: rotate(360deg);
  -ms-transform: rotate(360deg);
  transform: rotate(360deg);
}
.bannerFlag-inner-text {
  position: relative;
  z-index: 2;
  padding: 15px;
}
.bannerFlag-inner-text-title {
  color: #fff;
}
.bannerFlag-inner-text-divider {
  border-color: #f6f6f6;
}
.bannerFlag-inner-text-list {
  text-align: left;
  padding-left: 24px;
}
/**!
 * Badges
 *
 * Used as an "badge" to call out text
 * You must include a "type" and "size" to use badges. Color will default to @brandColorPrimary.
 * Basic: <div class="badge  badge--circle  badge--large">
 *
 * Options
 *
 * Colors: Default(@brandColorPrimary), badge--grid(@brandColorGrid), badge--dv(@brandColorDv), badge--wpress(@brandColorWpress)
 * Sizes: badge--xlarge, badge--large, badge--medium, badge--small
 * Types: badge--circle
 * Positioning: Pinned (pinTopLeft, pinTopRight, pinBottomLeft, pinBottomRight)
 * <div class="badge  badge--circle  badge--large  badge--grid  badge--pinned  badge--pinTopRight">
 *     <div class="badge-content">
 *         <span>Content</span>
 *     </div>
 * </div>
 * =========================================================================== */
/* Default
-------------------------------------------------------------------------- */
.badge {
  width: 100%;
  display: inline-block;
}
.badge-content {
  background: #48e0a4;
}
.badge-content p {
  display: block;
  float: left;
  width: 100%;
  padding-top: 50%;
  padding-bottom: 50%;
  margin-top: -1em;
  line-height: 1em;
  text-align: center;
  font-weight: bold;
  text-decoration: none;
  color: #1C1C1E;
  text-transform: uppercase;
}
/* Shapes: Circle
-------------------------------------------------------------------------- */
.badge--circle .badge-content {
  width: 100%;
  height: 0;
  padding-bottom: 100%;
  border-radius: 50%;
  overflow: hidden;
}
/* Sizes: XLarge (200px), Large (150px), Medium (100px), Small (40px)
-------------------------------------------------------------------------- */
.badge--xlarge {
  width: 200px;
}
.badge--xlarge .badge-content p {
  font-size: 32px;
}
.badge--large {
  width: 150px;
}
.badge--large .badge-content p {
  font-size: 32px;
}
.badge--medium {
  width: 100px;
}
.badge--medium .badge-content p {
  font-size: 32px;
}
.badge--small {
  width: 40px;
}
.badge--small .badge-content p {
  font-size: 12px;
}
/* Colors: Default(@brandColorPrimary), badge--grid(@brandColorGrid), badge--dv(@brandColorDv), badge--wpress(@brandColorWpress)
-------------------------------------------------------------------------- */
.badge--grid .badge-content {
  background: #f26767;
}
.badge--grid p {
  color: #1C1C1E;
}
.badge--dv .badge-content {
  background: #67a8da;
}
.badge--dv p {
  color: #1C1C1E;
}
.badge--wpress .badge-content {
  background: #FFD02B;
}
.badge--wpress p {
  color: #1C1C1E;
}
/* Positioning
-------------------------------------------------------------------------- */
.badge--pinned {
  position: absolute;
}
.badge--pinTopLeft {
  left: 0;
  top: 0;
}
.badge--pinTopRight {
  right: 0;
  top: 0;
}
.badge--pinBottomLeft {
  left: 0;
  bottom: 0;
}
.badge--pinBottomRight {
  right: 0;
  bottom: 0;
}
/* Inside the Hero
-------------------------------------------------------------------------- */
.heroUnit .badge--pinTopLeft {
  top: 20px;
  left: 15px;
}
.heroUnit .badge--pinTopRight {
  top: 20px;
  right: 15px;
}
.heroUnit .badge--xlarge .badge-content p .badge-hero-text-line-2 {
  font-size: 22px;
  text-transform: none;
}
.heroUnit .badge--large .badge-content p {
  margin-top: -0.7em;
  line-height: .8em;
}
.heroUnit .badge--large .badge-content p .badge-hero-text-line-2 {
  font-size: 16px;
  text-transform: none;
}
/**!
* Responsive Search Inputbox component
* : Flexes Search Input and Button while offering responsive buttons
*
*/
.c-responsive-search__form {
  display: flex;
}
.c-responsive-search__input {
  flex: 1 0 auto;
  margin-right: 0.75em;
}
.c-responsive-search__submit {
  display: initial;
  flex: 0 0 auto;
}
@media (max-width: 480px) {
  .c-responsive-search__submit {
    display: none;
  }
}
.c-responsive-search__mobile-submit {
  display: none;
  font-size: 1.6em;
  /* To match font size */
}
@media (max-width: 480px) {
  .c-responsive-search__mobile-submit {
    display: initial;
  }
}
@media (max-width: 480px) {
  .c-responsive-search__tld {
    display: none;
  }
}
/**!
 * Site header 
 *
 * Global site header
 * =========================================================================== */
/* ==========================================================================
   General Header Styles
   ========================================================================== */
.siteHeader {
  min-height: 76px;
  height: 76px;
  overflow: visible;
  background-color: #282B2D;
  color: #f4f4f4;
  position: relative;
  z-index: 10000;
  /**
     * Light version of header
     */
}
.siteHeader:before,
.siteHeader:after {
  content: " ";
  display: table;
}
.siteHeader:after {
  clear: both;
}
.siteHeader .wrapper {
  max-width: 1220px;
  padding-left: 20px;
  background-color: #282B2D;
}
.siteHeader .wrapper:before,
.siteHeader .wrapper:after {
  content: " ";
  display: table;
}
.siteHeader .wrapper:after {
  clear: both;
}
.siteHeader.siteHeader--light {
  background-color: #fff;
  color: #1C1C1E;
}
.siteHeader.siteHeader--light .wrapper {
  background-color: #fff;
}
.siteHeader.siteHeader--light a {
  color: #282B2D;
}
.siteHeader.siteHeader--dark {
  background-color: #1C1C1E;
}
.siteHeader.siteHeader--dark .wrapper {
  background-color: #1C1C1E;
}
.siteHeader .supportNumber {
  font-weight: 700;
  display: block;
  text-align: left;
  font-size: 12px;
  color: #b3b3b3;
  text-decoration: none;
  letter-spacing: 2px;
  letter-spacing: 0.125rem;
}
.siteHeader a {
  outline: none;
}
/* ==========================================================================
   Branding/Logo Styles
   ========================================================================== */
.branding {
  float: left;
  display: inline-block;
  margin: 24px 0 0 0;
}
/* ==========================================================================
   Secondary nav/helper items
   ========================================================================== */
.headerNav {
  margin: 0;
}
@media (max-width: 1010px) {
  .headerNav {
    display: none;
  }
}
.headerNav li {
  margin-left: 20px;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: bold;
  line-height: 75px;
}
.headerNav a {
  color: #fff;
}
/**
 * TODO:
 * Revisit this module. Header content changed and this 
 * should be refactored or removed.
 */
.headerUtils {
  list-style: none;
  float: right;
  display: inline-block;
  text-align: center;
  margin-top: 15px;
  margin-left: 35px;
  padding: 0;
  line-height: 28px;
}
.headerUtils.last {
  width: auto;
  margin-right: 0;
}
.headerUtils .loginBtn {
  color: #f4f4f4;
  display: block;
  font-weight: bold;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 2px;
  margin-top: 4px;
}
.headerUtils .shoppingCartBtn {
  color: #f4f4f4;
  display: block;
  text-align: left;
  position: relative;
  top: -5px;
}
.headerUtils a:hover {
  color: #1ca670;
}
.siteHeader--light .headerUtils .loginBtn,
.siteHeader--light .headerUtils .shoppingCartBtn {
  color: #1C1C1E;
}
.siteHeader--light .headerUtils a:hover {
  color: #1ca670;
}
/**!
 * Site nav
 *
 * Primary site navigation
 * =========================================================================== */
.navItem li a[href="#"] {
  background-color: red !important;
}
/* ==========================================================================
   Mobile menu button to toggle navigation.
   ========================================================================== */
.hamburger {
  position: absolute;
  top: 20px;
  right: 20px;
  display: none;
  margin: 0;
  padding-top: 10px;
  height: 35px;
  width: 40px;
  background: #111;
  color: #fff;
  border-radius: 5px;
  text-indent: -60px;
  line-height: 23px;
  font-size: 14px;
  overflow: hidden;
}
.hamburger .hamburger-bun,
.hamburger .hamburger-patty {
  display: block;
  width: 20px;
  height: 3px;
  background: #fff;
  margin: 0 auto 3px;
  -webkit-transition: all 100ms linear;
  -moz-transition: all 100ms linear;
  -o-transition: all 100ms linear;
  -ms-transition: all 100ms linear;
  transition: all 100ms linear;
}
.hamburger.isActive .hamburger-bun,
.hamburger.isActive .hamburger-patty {
  background-color: #48e0a4;
  position: relative;
}
.hamburger.isActive .hamburger-bun--top {
  top: 6px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.hamburger.isActive .hamburger-patty {
  top: -1px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
}
.hamburger.isActive .hamburger-bun--btm {
  bottom: 6px;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
@media (max-width: 1010px) {
  .hamburger {
    display: block;
  }
}
/* ==========================================================================
   Main site navigation.
   ========================================================================== */
.navDropdown--background {
  background-color: #1C1C1E;
  width: 100%;
  height: 303px;
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  -webkit-transition: opacity .2s linear;
  -moz-transition: opacity .2s linear;
  -o-transition: opacity .2s linear;
  -ms-transition: opacity .2s linear;
  transition: opacity .2s linear;
}
.navDropdown--background.offPage {
  top: -999999px;
  position: absolute;
}
.navDropdown--background.isActive {
  height: 303px;
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
}
@media (max-width: 1010px) {
  .navDropdown--background {
    display: none;
  }
}
.primaryNav {
  float: left;
  margin-top: 0;
  margin-left: 45px;
}
.primaryNav-list {
  margin: 0;
  padding: 0;
  height: 75px;
}
.primaryNav-list:before,
.primaryNav-list:after {
  content: " ";
  display: table;
}
.primaryNav-list:after {
  clear: both;
}
.primaryNav .navItem {
  float: left;
  text-align: left;
  display: inline-block;
  vertical-align: bottom;
  position: relative;
}
.primaryNav .navItem:last-child {
  margin-right: 0;
}
.navItem a {
  color: #f4f4f4;
  font-weight: 700;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 1px;
  text-decoration: none;
  display: inline-block;
  vertical-align: middle;
  text-align: left;
  line-height: 75px;
  padding: 0 30px 0 20px;
  -webkit-transition: all .1s linear;
  -moz-transition: all .1s linear;
  -o-transition: all .1s linear;
  -ms-transition: all .1s linear;
  transition: all .1s linear;
}
.navItem a:hover,
.navItem a.isActive {
  color: #48e0a4;
}
.navItem a.isActive {
  background-color: #1C1C1E;
}
/**
 * "NEW" Badge Marker on nav items
 */
.navItem--new {
  position: relative;
}
.navItem--new:after {
  content: "NEW!";
  color: #48e0a4;
  font-size: 12px;
  text-transform: uppercase;
  font-weight: 700;
  position: absolute;
  right: 20px;
  top: 11px;
}
@media (max-width: 767px) {
  .navItem--new:after {
    top: 20px;
  }
}
.navItem--new:hover:after {
  color: #282B2D;
}
/**
 * Add dropdown indicator arrow sign next to items with a dropdown.
 */
.hasDropdown > a {
  position: relative;
}
.hasDropdown > a:after {
  content: "\25BC";
  font-family: Helvetica, Arial, sans-serif;
  font-weight: 300px;
  position: absolute;
  top: 1px;
  right: 17px;
  display: block;
  font-size: 7px;
  color: #808080;
}
.hasDropdown > a.isActive:after {
  content: "▲";
}
/**
 * Hide the extra (mobile) login and support number items by default.
 */
.primaryNav .navItem--supportNumber,
.primaryNav .navItem--login {
  display: none;
}
/* navDropdown menus
   -------------------------------------------------------------------------- */
/**
 * No JS support no problem.
 */
.no-js .navDropdown {
  display: block;
  height: 0;
  -webkit-transition: opacity .3s linear;
  -moz-transition: opacity .3s linear;
  -o-transition: opacity .3s linear;
  -ms-transition: opacity .3s linear;
  transition: opacity .3s linear;
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
}
.no-js .primaryNav li:hover .navDropdown {
  height: auto;
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
}
/**
 * navDropdown styles
 */
.navItem--hosting .navDropdown {
  background-color: transparent;
}
.navDropdown {
  overflow: hidden;
  position: absolute;
  z-index: 100;
  top: 75px;
  left: 0;
  width: 250px;
  margin: 0;
  background-color: #1C1C1E;
  height: 0;
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  -webkit-transition: opacity .2s linear;
  -moz-transition: opacity .2s linear;
  -o-transition: opacity .2s linear;
  -ms-transition: opacity .2s linear;
  transition: opacity .2s linear;
}
.navDropdown.isActive {
  height: auto;
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
}
.navDropdown .nav {
  padding: 10px 0;
}
.navDropdown li {
  margin: 0;
}
.navDropdown li:last-child {
  margin-right: 0;
}
.navDropdown a {
  line-height: 30px;
  color: #f4f4f4;
  text-align: left;
  padding: 0 0 0 20px;
}
.navDropdown a:hover {
  color: #000;
  background-color: #48e0a4;
}
@media (max-width: 767px) {
  .navDropdown {
    position: static;
  }
}
/* Multi column dropdown
   -------------------------------------------------------------------------- */
@media (max-width: 1010px) {
  .navDropdown .navDropdown-column .navDropdown-heading {
    padding-bottom: 14px;
  }
}
.navDropdown-column {
  float: left;
  width: 242px;
  padding: 0;
  border-left: 1px solid #333333;
  margin-bottom: 0;
  margin-top: 3px;
}
@media (max-width: 1010px) {
  .navDropdown-column {
    float: none;
    width: 100%;
    border: none;
  }
}
.navDropdown--twoUp {
  width: 520px;
  left: -128%;
}
.navDropdown--threeUp {
  width: 780px;
  left: -180%;
}
.navDropdown--pinnedLeft {
  left: 0 !important;
}
.navDropdown--twoUp .navItem--divider,
.navDropdown--threeUp .navItem--divider {
  display: block;
}
.navDropdown--twoUp .navDropdown-column:first-child,
.navDropdown--threeUp .navDropdown-column:first-child {
  border-left: none;
}
.navDropdown-heading {
  padding: 20px 20px 0 20px;
  margin: 0 0 -5px;
  font-size: 15px;
  letter-spacing: 2px;
  color: #a6a6a6;
}
@media (max-width: 1010px) {
  .navDropdown-heading {
    margin: 0;
    border: none;
  }
}
.navDropdown-header {
  border-bottom: 1px solid #333333;
  margin-bottom: 20px;
}
@media (max-width: 1010px) {
  .navDropdown-header {
    margin: 0;
    border: none;
  }
}
.navDropdown--wide {
  width: 780px;
  left: -150%;
}
.navDropdown--wide .navDropdown-column {
  float: left;
  width: 260px;
  padding: 0;
  border-left: 1px solid #333333;
}
.navDropdown--wide .navDropdown-column a {
  text-transform: none;
  font-size: 12px;
  font-weight: normal;
}
@media (max-width: 1010px) {
  .navDropdown--wide .navDropdown-column {
    display: none;
    float: none;
    margin: 0;
    border: none;
  }
}
#overlay {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  z-index: 100;
  background-color: rgba(28, 28, 30, 0.7);
  display: none;
}
@media (max-width: 1010px) {
  #overlay {
    display: none !important;
  }
}
/* Light version of primary nav
   -------------------------------------------------------------------------- */
.siteHeader--light .primaryNav .primaryNav-list:hover a {
  color: #b3b3b3;
}
.siteHeader--light .primaryNav .navItem a {
  color: #333333;
}
.siteHeader--light .primaryNav .navItem a:hover {
  color: #1C1C1E;
}
/* ==========================================================================
   Responsive styles
   ========================================================================== */
/**
 * Restyle Navigation for mobile view.
 * Stacks items in two columns.
 */
@media (max-width: 1010px) {
  .primaryNav {
    float: none;
    clear: both;
    margin: 0;
    overflow: hidden;
    height: 0;
    -webkit-transition: opacity .2s linear;
    -moz-transition: opacity .2s linear;
    -o-transition: opacity .2s linear;
    -ms-transition: opacity .2s linear;
    transition: opacity .2s linear;
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
  }
  .primaryNav .navItem--supportNumber,
  .primaryNav .navItem--login {
    display: block;
  }
  .primaryNav.isActive {
    height: auto;
    margin-top: 74px;
    border-bottom: 2px solid #555;
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
  }
  .primaryNav .primaryNav-list {
    width: 100%;
    height: auto;
    padding-top: 0;
    padding-bottom: 20px;
  }
  .primaryNav .navItem {
    display: block;
    float: none;
    margin: 0;
    text-align: left;
    border-top: 1px solid #34383b;
  }
  .primaryNav .navItem a,
  .primaryNav .navItem > span {
    line-height: 60px;
    display: block;
    text-align: left;
    padding-left: 10px;
  }
  .primaryNav .navItem.isActive {
    background-color: #1C1C1E;
  }
  .primaryNav .navItem.isActive li a {
    padding-left: 30px;
  }
  .hasDropdown > a {
    position: relative;
  }
  .hasDropdown > a:after {
    top: 0;
    right: 10px;
    font-size: 10px;
  }
  .navDropdown {
    width: 100%;
    position: static;
    background-color: transparent;
  }
  .navDropdown .nav {
    padding: 0;
  }
  .navDropdown.isActive {
    height: auto;
  }
  .navDropdown li {
    margin: 0;
    border-top: 1px solid #2f3335;
  }
  .navDropdown li a {
    line-height: 50px;
    color: #f4f4f4;
    padding-left: 30px;
  }
}
/* ==========================================================================
   Login and support number
   ========================================================================== */
.navItem--supportNumber {
  letter-spacing: 3px;
  font-size: 14px;
  font-size: 0.875rem;
}
.loginLink {
  position: relative;
  padding-right: 6px;
}
.loginLink:hover {
  color: #48e0a4;
  text-decoration: none;
}
.loginLink:after {
  content: "\25B6";
  font-family: Helvetica, Arial, sans-serif;
  font-weight: 300px;
  position: absolute;
  top: 1px;
  left: 48px;
  display: block;
  font-size: 7px;
  color: #48e0a4;
}
@media (max-width: 1010px) {
  .loginLink:after {
    left: 55px;
  }
}
/**!
 * Global site footer
 *
 * Contains all styles for the global footer at the bottom of all pages.
 * =========================================================================== */
.siteFooter {
  overflow: hidden;
  background-color: #282B2D;
  color: #f4f4f4;
  /**
     * Support info
     */
  /**
     * Footer link lists sections.
     */
  /**
     * Titles for each footer section.
     */
  /**
     * List of links for each section.
     */
}
.siteFooter .supportNumber,
.siteFooter .supportPromise {
  font-size: 12px;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 2px;
  display: block;
}
.siteFooter .supportNumber {
  color: #b3b3b3;
  margin-bottom: 10px;
}
.siteFooter .supportPromise {
  margin-bottom: 25px;
  color: #f4f4f4;
}
.siteFooter .sitemapGroup-title {
  font-weight: bold;
  color: #fff;
  font-size: 14px;
  letter-spacing: 2px;
  text-transform: uppercase;
}
.siteFooter .sitemapGroup-list {
  margin: 0;
  padding: 0;
  list-style: none;
}
.siteFooter .sitemapGroup-list li {
  margin: 0 0 10px;
}
.siteFooter .sitemapGroup-list li a {
  display: block;
  color: #b3b3b3;
  font-size: 14px;
  font-size: 0.875rem;
}
.siteFooter .sitemapGroup-list li a:hover {
  color: #fff;
}
/**
 * Copyright
 */
.copyright {
  font-size: 12px;
  padding: 15px 0;
}
.copyright p {
  margin: 0;
  padding: 0;
  line-height: 18px;
  color: #cccccc;
}
.copyright p a {
  color: #999999;
}
.copyright p a:hover {
  color: #e6e6e6;
}
.signUp {
  position: relative;
  top: 15px;
}
.emailSubscribe {
  line-height: 100px!important;
  margin-bottom: 20px;
}
.emailSubscribe .textInput--small {
  width: 20%;
  height: 49px;
  margin-right: 10px;
}
.emailSubscribe .btn {
  height: 49px;
  background: #555555;
  color: #ffffff;
  border: 0;
}
@media (max-width: 767px) {
  .emailSubscribe .emailSubscribe .btn {
    position: relative;
    top: -10px;
  }
}
@media (max-width: 767px) {
  .sign-up {
    display: none;
    width: 100%!important;
    position: relative;
    top: 20px;
  }
  .signUpField {
    width: 50%!important;
    position: relative;
    top: 0;
  }
}
@media (min-width: 768px) and (max-width: 1095px) {
  .sign-up {
    display: none;
  }
}
/* Footer Subscribe
   -------------------------------------------------------------------------- */
.signUp {
  position: relative;
  top: 15px;
}
.emailSubscribe {
  line-height: 100px!important;
  margin-bottom: 20px;
}
.emailSubscribe .textInput--small {
  width: 20%;
  height: 49px;
  margin-right: 10px;
}
.emailSubscribe .btn {
  height: 49px;
  background: #555555;
  color: #ffffff;
  border: 0;
}
#overlay {
  display: none;
  left: 0px;
  top: 0px;
  text-align: center;
  z-index: 1000;
}
#overlay div {
  width: 300px;
  margin: 0 auto;
  background-color: #000000;
  padding: 15px;
  text-align: center;
  font-weight: 600;
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 0.1em;
  color: #ccc;
}
#overlay a {
  position: relative;
  left: 167px;
  top: -20px;
  width: 50px;
  height: 50px;
  cursor: pointer;
  color: #fff;
}
.subscribe-success {
  display: none;
}
.subscribe-failure {
  display: none;
}
/* Light colored footer
   -------------------------------------------------------------------------- */
.siteFooter.siteFooter--light {
  background-color: #fff;
  color: #1C1C1E;
}
.siteFooter.siteFooter--light h4,
.siteFooter.siteFooter--light .h4,
.siteFooter.siteFooter--light .supportPromise,
.siteFooter.siteFooter--light .socialContact a {
  color: #1C1C1E;
}
.siteFooter.siteFooter--light a {
  color: #1C1C1E;
}
.siteFooter.siteFooter--light a:hover {
  color: #1ca670;
}
.siteFooter.siteFooter--light .sitemapGroup-list li a {
  color: #999999;
}
.siteFooter.siteFooter--light .sitemapGroup-list li a:hover {
  color: #000;
}
/* ==========================================================================
   Responsive Goodness
   ========================================================================== */
@media (max-width: 767px) {
  .siteFooter .grid-col {
    width: 90%;
    text-align: center;
  }
  .socialContact {
    margin-bottom: 26px !important;
  }
  .siteFooter .quickSearch {
    margin-bottom: 20px;
  }
}
/**
 * Contact Module
 */
.loader {
  display: none;
}
@media (max-width: 767px) (min-width: 768px) and (max-width: 1095px) {
  .signUpField {
    width: 60%;
  }
}
@media (max-width: 767px) {
  .sign-up {
    display: block;
    width: 80%!important;
    position: relative;
    top: 20px;
    font-size: 20px;
    line-height: 37px;
    margin: 0 auto;
  }
  .signUpField {
    width: 60%;
  }
  .emailSubscribe .textInput--subscribe {
    width: 60%;
  }
}
@media (min-width: 768px) and (max-width: 1095px) {
  .sign-up {
    display: block;
    height: 53px;
  }
}
/**!
 * About Us
 *
 * About us section on the company about page.
 * =========================================================================== */
/* ==========================================================================
   About Us
   ========================================================================== */
/**!
 * Contact us module
 *
 * /_less/modules/contact-us.less
 * =========================================================================== */
.contactUs .contactMethods-section {
  margin-bottom: 30px;
  margin-bottom: 1.875rem;
}
.contactUs .contactMethods-section dl {
  font-size: 12px;
}
.contactUs .contactMethods-section dl:before,
.contactUs .contactMethods-section dl:after {
  content: " ";
  display: table;
}
.contactUs .contactMethods-section dl:after {
  clear: both;
}
.contactUs .contactMethods-section dl dt {
  float: left;
  clear: left;
  display: inline-block;
  color: #666666;
  font-weight: 500;
  line-height: 24px;
}
.contactUs .contactMethods-section dl dd {
  float: right;
  color: #808080;
  line-height: 24px;
}
.contactUs .contactMethods-section #SkypeButton_Call_contact-mt_1 {
  margin-top: -3px;
  margin-bottom: -3px;
  display: inline-block;
  *display: inline;
  zoom: 1;
}
.contactUs .contactMethods-section #SkypeButton_Call_contact-mt_1 p {
  margin: 0;
  padding: 0;
  display: inline-block;
  *display: inline;
  zoom: 1;
}
.contactUs .contactMethods-section #SkypeButton_Call_contact-mt_1 p img {
  margin: 0 !important;
  vertical-align: middle !important;
}
/**!
 * Panel Compare
 *
 * Section to compare Plesk and cPanel on DV VPS hosting pages
 * =========================================================================== */
@media (max-width: 767px) {
  .panel-compare .grid-col a {
    margin-top: 15px;
    margin-top: 0.9375rem;
  }
}
.panel-compare .featurette-title {
  margin-top: 15px;
  margin-top: 0.9375rem;
}
.panel-compare .featurette-media {
  border: 1px solid #ccc;
}
.panel-compare .wedge {
  margin-top: 167px;
  margin-top: 10.4375rem;
}
@media (max-width: 767px) {
  .panel-compare .wedge {
    margin-top: 0;
  }
}
.panel-compare .flexEmbed--panel {
  padding-bottom: 66.964286%;
}
.panel-compare .tag {
  background: #67a8da;
  border-radius: 3px 0 0 3px;
  color: #191919;
  font-weight: 700;
  display: inline-block;
  height: 20px;
  font-size: 12px;
  letter-spacing: 1px;
  line-height: 20px;
  padding: 0 12px 0 17px;
  text-decoration: none;
  position: relative;
  left: 10px;
  top: -8px;
}
.panel-compare .tag:after {
  background: #fff;
  border-bottom: 10px solid #f9f9f9;
  border-left: 10px solid #67a8da;
  border-top: 10px solid #f9f9f9;
  content: '';
  position: absolute;
  right: 0;
  top: 0;
}
.panel-compare .tag--reversed:after {
  border: none;
}
.panel-compare .tag--reversed:before {
  background: #fff;
  border-bottom: 10px solid #f9f9f9;
  border-right: 10px solid #67a8da;
  border-top: 10px solid #f9f9f9;
  content: '';
  position: absolute;
  left: 0;
  top: 0;
}
/**!
 * CloudTech site review
 *
 * The CloudTech site review app
 * =========================================================================== */
.module--cloudtech-report {
  /* Initial module
	* =========================================================================== */
}
.module--cloudtech-report .form-row {
  margin-bottom: 15px;
  margin-bottom: 0.9375rem;
}
@media (max-width: 767px) {
  .module--cloudtech-report .form-row .grid-col:first-child {
    margin-bottom: 20px;
    margin-bottom: 1.25rem;
  }
}
.module--cloudtech-report .form-row.js-active--domain-error .grid-col:first-child input {
  outline: 1px solid #d9534f;
  outline-offset: -1px;
}
.module--cloudtech-report .form-row.js-active--email-error .grid-col:nth-child(2) input {
  outline: 1px solid #d9534f;
  outline-offset: -1px;
}
.module--cloudtech-report .validation-error {
  display: none;
}
.module--cloudtech-report .validation-error p {
  color: #d9534f;
}
.module--cloudtech-report .validation-error.js-active--domain-error {
  display: block;
}
.module--cloudtech-report .validation-error.js-active--domain-error .grid-col:first-child {
  display: block;
}
.module--cloudtech-report .validation-error.js-active--domain-error .grid-col:last-child {
  display: none;
}
.module--cloudtech-report .validation-error.js-active--email-error {
  display: block;
}
.module--cloudtech-report .validation-error.js-active--email-error .grid-col:first-child {
  display: none;
}
.module--cloudtech-report .validation-error.js-active--email-error .grid-col:last-child {
  display: block;
}
/* Container for the entire app window, including results, charts, and loading graphic
* =========================================================================== */
.module--cloudtech-report--app {
  /* contains .result-wrapper and .loading */
  /* height:0; */
  /* min-height is expanded to height of browser window with JavaScript */
  overflow: hidden;
  position: relative;
  -webkit-transition: all .25s linear;
  -moz-transition: all .25s linear;
  -o-transition: all .25s linear;
  -ms-transition: all .25s linear;
  transition: all .25s linear;
  background-color: #f4f4f4;
  /* Loading animation
	* =========================================================================== */
  /* Error message
	* =========================================================================== */
  /* Results from the test, including graphs and statistics
	* =========================================================================== */
  /* Google pagespeed suggestions
	* =========================================================================== */
}
.module--cloudtech-report--app .results-wrapper {
  display: none;
  background-color: transparent;
  zoom: 1;
  filter: alpha(opacity=0);
  opacity: 0;
  -webkit-transition: opacity .5s linear;
  -moz-transition: opacity .5s linear;
  -o-transition: opacity .5s linear;
  -ms-transition: opacity .5s linear;
  transition: opacity .5s linear;
}
.module--cloudtech-report--app .results-wrapper .module:first-child {
  background-color: transparent;
}
.module--cloudtech-report--app .results-wrapper .module:last-child p {
  margin-bottom: 0;
}
.module--cloudtech-report--app .results-wrapper.js-active {
  /* added with Javascript */
  filter: alpha(opacity=1);
  opacity: 1;
}
@-webkit-keyframes loadingFade1 {
  0% {
    filter: alpha(opacity=0);
    opacity: 0;
  }
  25% {
    filter: alpha(opacity=100);
    opacity: 1;
  }
  50% {
    filter: alpha(opacity=100);
    opacity: 1;
  }
  75% {
    filter: alpha(opacity=100);
    opacity: 1;
  }
  100% {
    filter: alpha(opacity=0);
    opacity: 0;
  }
}
@keyframes loadingFade1 {
  0% {
    filter: alpha(opacity=0);
    opacity: 0;
  }
  25% {
    filter: alpha(opacity=100);
    opacity: 1;
  }
  50% {
    filter: alpha(opacity=100);
    opacity: 1;
  }
  75% {
    filter: alpha(opacity=100);
    opacity: 1;
  }
  100% {
    filter: alpha(opacity=0);
    opacity: 0;
  }
}
@-webkit-keyframes loadingFade2 {
  0% {
    filter: alpha(opacity=0);
    opacity: 0;
  }
  25% {
    filter: alpha(opacity=0);
    opacity: 0;
  }
  50% {
    filter: alpha(opacity=100);
    opacity: 1;
  }
  75% {
    filter: alpha(opacity=100);
    opacity: 1;
  }
  100% {
    filter: alpha(opacity=0);
    opacity: 0;
  }
}
@keyframes loadingFade2 {
  0% {
    filter: alpha(opacity=0);
    opacity: 0;
  }
  25% {
    filter: alpha(opacity=0);
    opacity: 0;
  }
  50% {
    filter: alpha(opacity=100);
    opacity: 1;
  }
  75% {
    filter: alpha(opacity=100);
    opacity: 1;
  }
  100% {
    filter: alpha(opacity=0);
    opacity: 0;
  }
}
@-webkit-keyframes loadingFade3 {
  0% {
    filter: alpha(opacity=0);
    opacity: 0;
  }
  25% {
    filter: alpha(opacity=0);
    opacity: 0;
  }
  50% {
    filter: alpha(opacity=0);
    opacity: 0;
  }
  75% {
    filter: alpha(opacity=100);
    opacity: 1;
  }
  100% {
    filter: alpha(opacity=0);
    opacity: 0;
  }
}
@keyframes loadingFade3 {
  0% {
    filter: alpha(opacity=0);
    opacity: 0;
  }
  25% {
    filter: alpha(opacity=0);
    opacity: 0;
  }
  50% {
    filter: alpha(opacity=0);
    opacity: 0;
  }
  75% {
    filter: alpha(opacity=100);
    opacity: 1;
  }
  100% {
    filter: alpha(opacity=0);
    opacity: 0;
  }
}
.module--cloudtech-report--app .loading {
  /* display:none; */
  width: 130px;
  height: 150px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -65px;
  margin-left: -4.0625rem;
  margin-top: -75px;
  margin-top: -4.6875rem;
  zoom: 1;
  filter: alpha(opacity=0);
  opacity: 0;
  -webkit-transition: opacity .15s linear;
  -moz-transition: opacity .15s linear;
  -o-transition: opacity .15s linear;
  -ms-transition: opacity .15s linear;
  transition: opacity .15s linear;
}
.module--cloudtech-report--app .loading img {
  width: 130px;
  height: 150px;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  zoom: 1;
}
.module--cloudtech-report--app .loading p {
  width: 100%;
  top: 160px;
  position: absolute;
  text-align: center;
  color: #888888;
  line-height: 1.25;
}
.module--cloudtech-report--app .loading .logo {
  width: 50px;
  height: 20px;
  display: block;
  position: absolute;
  top: -40px;
  left: 50%;
  margin-left: -25px;
  margin-left: -1.5625rem;
}
.module--cloudtech-report--app .loading.js-active {
  /* display:block; */
  filter: alpha(opacity=1);
  opacity: 1;
}
.module--cloudtech-report--app .loading.js-active img:nth-child(2) {
  animation: loadingFade1 4s linear infinite;
  -webkit-animation: loadingFade1 4s linear infinite;
}
.module--cloudtech-report--app .loading.js-active img:nth-child(3) {
  animation: loadingFade2 4s linear infinite;
  -webkit-animation: loadingFade2 4s linear infinite;
}
.module--cloudtech-report--app .loading.js-active img:nth-child(4) {
  animation: loadingFade3 4s linear infinite;
  -webkit-animation: loadingFade3 4s linear infinite;
}
.module--cloudtech-report--app .error {
  width: 260px;
  height: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -70px;
  margin-top: -4.375rem;
  margin-left: -160px;
  margin-left: -10rem;
  zoom: 1;
  filter: alpha(opacity=0);
  opacity: 0;
  padding: 15px;
  padding: 0.9375rem;
}
.module--cloudtech-report--app .error a {
  text-decoration: none;
}
.module--cloudtech-report--app .error a:hover {
  text-decoration: none;
  color: #ffffff;
}
.module--cloudtech-report--app .error a i {
  color: #ffffff;
}
.module--cloudtech-report--app .error a i:hover {
  color: #ffffff;
}
.module--cloudtech-report--app .error.js-active {
  /* set with JS */
  filter: alpha(opacity=1);
  opacity: 1;
}
.module--cloudtech-report--app .app-header p {
  margin-bottom: 60px;
  margin-bottom: 3.75rem;
}
.module--cloudtech-report--app .h2 {
  margin-bottom: 40px;
  margin-bottom: 2.5rem;
}
.module--cloudtech-report--app .measurement-container {
  /* contains test result values. NOT the graphs */
}
.module--cloudtech-report--app .measurement-container .grid-col {
  margin-bottom: 100px;
  margin-bottom: 6.25rem;
  /* space between the returned metrics */
}
@media (max-width: 767px) {
  .module--cloudtech-report--app .measurement-container .grid-col {
    margin-bottom: 0;
  }
}
.module--cloudtech-report--app .measurement-container .grid-row:last-child .grid-col {
  margin-bottom: 0;
}
@media (max-width: 767px) {
  .module--cloudtech-report--app .measurement-container .grid-row {
    margin-bottom: 60px;
    margin-bottom: 3.75rem;
  }
  .module--cloudtech-report--app .measurement-container .grid-row:last-child {
    margin-bottom: 100px;
    margin-bottom: 6.25rem;
  }
}
@media (max-width: 767px) {
  .module--cloudtech-report--app .measurement-container p {
    text-align: center;
  }
}
.module--cloudtech-report--app .measurement {
  /* test result value */
  font-size: 80px;
  font-size: 5rem;
  margin-bottom: 20px;
  margin-bottom: 1.25rem;
  line-height: 1;
}
.module--cloudtech-report--app .measurement sub {
  font-size: 18px;
  font-size: 1.125rem;
  bottom: 0;
}
@media (max-width: 767px) {
  .module--cloudtech-report--app .measurement {
    font-size: 50px;
    font-size: 3.125rem;
  }
  .module--cloudtech-report--app .measurement sub {
    font-size: 18px;
    font-size: 1.125rem;
  }
}
.module--cloudtech-report--app .unit {
  /* label for "seconds", "KB", etc. */
  margin-bottom: 0;
}
.module--cloudtech-report--app .unit i {
  vertical-align: 0;
  margin-right: 15px;
  margin-right: 0.9375rem;
}
.module--cloudtech-report--app .graph-container .grid-col {
  margin-bottom: 45px;
  margin-bottom: 2.8125rem;
  /* space between the returned metrics */
}
@media (max-width: 767px) {
  .module--cloudtech-report--app .graph-container .h2 {
    text-align: center;
  }
}
.module--cloudtech-report--app .graph-wrapper {
  /* this contains all of the graph components, including SVGs and labels */
  position: relative;
  margin: 0 auto;
}
.module--cloudtech-report--app .graph {
  /* this is the SVG itself */
  width: 280px;
  height: 280px;
  display: block;
}
@media (max-width: 767px) {
  .module--cloudtech-report--app .graph {
    margin: 0 auto;
  }
}
.module--cloudtech-report--app .graph-label {
  /* this is the label that appears in the middle of the graph */
  position: absolute;
  text-align: center;
  top: 53px;
  line-height: 1.2;
  width: 100%;
}
.module--cloudtech-report--app .graph-label span {
  font-size: 110px;
  font-size: 6.875rem;
}
@media (max-width: 767px) {
  .module--cloudtech-report--app .island {
    padding: 15px;
    padding: 0.9375rem;
  }
}
.module--cloudtech-report--app .pagespeed-suggestions {
  /* the actual list */
  list-style-type: none;
  margin-left: 0;
}
.module--cloudtech-report--app .pagespeed-suggestions li {
  margin-bottom: 50px;
  margin-bottom: 3.125rem;
  /* begin loop to generate :before numbers */
  /* end loop */
}
.module--cloudtech-report--app .pagespeed-suggestions li:last-child {
  margin-bottom: 0;
}
@media (max-width: 767px) {
  .module--cloudtech-report--app .pagespeed-suggestions li {
    margin-bottom: 20px;
    margin-bottom: 1.25rem;
  }
  .module--cloudtech-report--app .pagespeed-suggestions li:last-child {
    margin-bottom: 0;
  }
}
.module--cloudtech-report--app .pagespeed-suggestions li:nth-child(5):before {
  content: "5";
}
.module--cloudtech-report--app .pagespeed-suggestions li:nth-child(4):before {
  content: "4";
}
.module--cloudtech-report--app .pagespeed-suggestions li:nth-child(3):before {
  content: "3";
}
.module--cloudtech-report--app .pagespeed-suggestions li:nth-child(2):before {
  content: "2";
}
.module--cloudtech-report--app .pagespeed-suggestions li:nth-child(1):before {
  content: "1";
}
.module--cloudtech-report--app .pagespeed-suggestions li:before {
  background-color: #48e0a4;
  color: #ffffff;
  font-weight: 700;
  display: inline-block;
  width: 35px;
  height: 35px;
  border-radius: 50%;
  text-align: center;
  line-height: 1;
  padding-top: 10px;
  padding-top: 0.625rem;
  margin-right: 45px;
  margin-right: 2.8125rem;
}
@media (max-width: 767px) {
  .module--cloudtech-report--app .pagespeed-suggestions li:before {
    margin-right: 20px;
    margin-right: 1.25rem;
  }
}
/* /cloudtech/report
 * =========================================================================== */
.page--cloudtech-report {
  background-color: #282B2D;
}
.page--cloudtech-report .module--cloudtech-report form input {
  background-color: #f4f4f4;
}
.page--cloudtech-report .module--cloudtech-report form input:focus {
  background-color: #ededed;
}
/**!
 * /modules/customize-vps.less
 *
 * Stylesheet for the shared components between the customize-vps table and carousel
 * Requires /modules/hosting-plans.less and /modules/product-carousel.less
 * =========================================================================== */
.module--customize-vps .special-select {
  border: 2px solid #ccc;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  display: inline-block;
  position: relative;
}
.module--customize-vps .special-select i {
  visibility: hidden;
  position: relative;
  font-size: 16px;
  font-size: 1rem;
}
.module--customize-vps .plans-table--withPanel {
  cursor: hand;
  cursor: pointer;
}
.module--customize-vps .plans-table--withPanel .special-select i {
  top: 3px;
}
.module--customize-vps .plans-table--withPanel .table--colStriped td.active,
.module--customize-vps .plans-table--withPanel .table--colStriped th.active {
  background-color: #fafcfe;
}
.module--customize-vps .plans-table--withPanel .table--colStriped td.active .special-select,
.module--customize-vps .plans-table--withPanel .table--colStriped th.active .special-select {
  border-color: #67a8da;
}
.module--customize-vps .plans-table--withPanel thead th {
  font-size: 18px;
  font-size: 1.125rem;
}
.module--customize-vps .plans-table--withPanel thead th span {
  font-size: 13px;
  font-size: 0.8125rem;
  font-style: italic;
  font-weight: 500;
}
.module--customize-vps .plans-table--withPanel .custom {
  max-width: 145px;
  word-wrap: break-word;
  vertical-align: middle;
  /*
border-top:0;
			border-bottom:0;
*/
}
.module--customize-vps .plans-table--withPanel .custom a {
  -webkit-transition: 0;
  -moz-transition: 0;
  -o-transition: 0;
  -ms-transition: 0;
  transition: 0;
}
.module--customize-vps .plans-table--withPanel .custom a.isHovered {
  color: #67a8da;
}
.module--customize-vps .plans-table--withPanel .custom a.isHovered .icon:before {
  -webkit-transform: translateX(6px);
  -moz-transform: translateX(6px);
  -o-transform: translateX(6px);
  -ms-transform: translateX(6px);
  transform: translateX(6px);
}
.module--customize-vps .plans-table--withPanel.level-1 .table--colStriped td:nth-child(2),
.module--customize-vps .plans-table--withPanel.level-1 .table--colStriped th:nth-child(2) {
  background-color: #f2f8fc;
}
.module--customize-vps .plans-table--withPanel.level-1 .table--colStriped td:nth-child(2) .special-select,
.module--customize-vps .plans-table--withPanel.level-1 .table--colStriped th:nth-child(2) .special-select {
  background-color: #1C1C1E;
  border-color: #1C1C1E;
}
.module--customize-vps .plans-table--withPanel.level-1 .table--colStriped td:nth-child(2) .special-select i,
.module--customize-vps .plans-table--withPanel.level-1 .table--colStriped th:nth-child(2) .special-select i {
  visibility: visible;
  color: #ffffff;
}
.module--customize-vps .plans-table--withPanel.level-2 .table--colStriped td:nth-child(3),
.module--customize-vps .plans-table--withPanel.level-2 .table--colStriped th:nth-child(3) {
  background-color: #f2f8fc;
}
.module--customize-vps .plans-table--withPanel.level-2 .table--colStriped td:nth-child(3) .special-select,
.module--customize-vps .plans-table--withPanel.level-2 .table--colStriped th:nth-child(3) .special-select {
  background-color: #1C1C1E;
  border-color: #1C1C1E;
}
.module--customize-vps .plans-table--withPanel.level-2 .table--colStriped td:nth-child(3) .special-select i,
.module--customize-vps .plans-table--withPanel.level-2 .table--colStriped th:nth-child(3) .special-select i {
  visibility: visible;
  color: #ffffff;
}
.module--customize-vps .plans-table--withPanel.level-3 .table--colStriped td:nth-child(4),
.module--customize-vps .plans-table--withPanel.level-3 .table--colStriped th:nth-child(4) {
  background-color: #f2f8fc;
}
.module--customize-vps .plans-table--withPanel.level-3 .table--colStriped td:nth-child(4) .special-select,
.module--customize-vps .plans-table--withPanel.level-3 .table--colStriped th:nth-child(4) .special-select {
  background-color: #1C1C1E;
  border-color: #1C1C1E;
}
.module--customize-vps .plans-table--withPanel.level-3 .table--colStriped td:nth-child(4) .special-select i,
.module--customize-vps .plans-table--withPanel.level-3 .table--colStriped th:nth-child(4) .special-select i {
  visibility: visible;
  color: #ffffff;
}
.module--customize-vps .plans-table--withPanel.level-4 .table--colStriped td:nth-child(5),
.module--customize-vps .plans-table--withPanel.level-4 .table--colStriped th:nth-child(5) {
  background-color: #f2f8fc;
}
.module--customize-vps .plans-table--withPanel.level-4 .table--colStriped td:nth-child(5) .special-select,
.module--customize-vps .plans-table--withPanel.level-4 .table--colStriped th:nth-child(5) .special-select {
  background-color: #1C1C1E;
  border-color: #1C1C1E;
}
.module--customize-vps .plans-table--withPanel.level-4 .table--colStriped td:nth-child(5) .special-select i,
.module--customize-vps .plans-table--withPanel.level-4 .table--colStriped th:nth-child(5) .special-select i {
  visibility: visible;
  color: #ffffff;
}
.module--customize-vps .plans-table--withPanel.level-5 .table--colStriped td:nth-child(6),
.module--customize-vps .plans-table--withPanel.level-5 .table--colStriped th:nth-child(6) {
  background-color: #f2f8fc;
}
.module--customize-vps .plans-table--withPanel.level-5 .table--colStriped td:nth-child(6) .special-select,
.module--customize-vps .plans-table--withPanel.level-5 .table--colStriped th:nth-child(6) .special-select {
  background-color: #1C1C1E;
  border-color: #1C1C1E;
}
.module--customize-vps .plans-table--withPanel.level-5 .table--colStriped td:nth-child(6) .special-select i,
.module--customize-vps .plans-table--withPanel.level-5 .table--colStriped th:nth-child(6) .special-select i {
  visibility: visible;
  color: #ffffff;
}
.module--customize-vps .plans-table--withPanel.level-6 .table--colStriped td:nth-child(7),
.module--customize-vps .plans-table--withPanel.level-6 .table--colStriped th:nth-child(7) {
  background-color: #f2f8fc;
}
.module--customize-vps .plans-table--withPanel.level-6 .table--colStriped td:nth-child(7) .special-select,
.module--customize-vps .plans-table--withPanel.level-6 .table--colStriped th:nth-child(7) .special-select {
  background-color: #1C1C1E;
  border-color: #1C1C1E;
}
.module--customize-vps .plans-table--withPanel.level-6 .table--colStriped td:nth-child(7) .special-select i,
.module--customize-vps .plans-table--withPanel.level-6 .table--colStriped th:nth-child(7) .special-select i {
  visibility: visible;
  color: #ffffff;
}
.module--customize-vps .plans-tableHeading {
  position: relative;
}
.module--customize-vps .planOption .special-select {
  text-align: center;
  position: relative;
  top: 4px;
  left: 10px;
}
.module--customize-vps .planOption .special-select i {
  position: relative;
  /* top:-8px; */
}
@media (max-width: 767px) {
  .module--customize-vps .planOption .special-select {
    top: 0;
  }
  .module--customize-vps .planOption .special-select i {
    top: -6px;
  }
}
.module--customize-vps #plans-blocks.level-1 .firstPlans .grid-col:nth-child(1) .planOption {
  background-color: #f2f8fc;
}
.module--customize-vps #plans-blocks.level-1 .firstPlans .grid-col:nth-child(1) .planOption .special-select {
  background-color: #1C1C1E;
  border-color: #1C1C1E;
  text-align: center;
  position: relative;
}
.module--customize-vps #plans-blocks.level-1 .firstPlans .grid-col:nth-child(1) .planOption .special-select i {
  visibility: visible;
  color: #ffffff;
}
.module--customize-vps #plans-blocks.level-2 .firstPlans .grid-col:nth-child(2) .planOption {
  background-color: #f2f8fc;
}
.module--customize-vps #plans-blocks.level-2 .firstPlans .grid-col:nth-child(2) .planOption .special-select {
  background-color: #1C1C1E;
  border-color: #1C1C1E;
  text-align: center;
  position: relative;
}
.module--customize-vps #plans-blocks.level-2 .firstPlans .grid-col:nth-child(2) .planOption .special-select i {
  visibility: visible;
  color: #ffffff;
}
.module--customize-vps #plans-blocks.level-3 .firstPlans .grid-col:nth-child(3) .planOption {
  background-color: #f2f8fc;
}
.module--customize-vps #plans-blocks.level-3 .firstPlans .grid-col:nth-child(3) .planOption .special-select {
  background-color: #1C1C1E;
  border-color: #1C1C1E;
  text-align: center;
  position: relative;
}
.module--customize-vps #plans-blocks.level-3 .firstPlans .grid-col:nth-child(3) .planOption .special-select i {
  visibility: visible;
  color: #ffffff;
}
.module--customize-vps #plans-blocks.level-4 .morePlans .grid-col:nth-child(1) .planOption {
  background-color: #f2f8fc;
}
.module--customize-vps #plans-blocks.level-4 .morePlans .grid-col:nth-child(1) .planOption .special-select {
  background-color: #1C1C1E;
  border-color: #1C1C1E;
  text-align: center;
  position: relative;
}
.module--customize-vps #plans-blocks.level-4 .morePlans .grid-col:nth-child(1) .planOption .special-select i {
  visibility: visible;
  color: #ffffff;
}
.module--customize-vps #plans-blocks.level-5 .morePlans .grid-col:nth-child(2) .planOption {
  background-color: #f2f8fc;
}
.module--customize-vps #plans-blocks.level-5 .morePlans .grid-col:nth-child(2) .planOption .special-select {
  background-color: #1C1C1E;
  border-color: #1C1C1E;
  text-align: center;
  position: relative;
}
.module--customize-vps #plans-blocks.level-5 .morePlans .grid-col:nth-child(2) .planOption .special-select i {
  visibility: visible;
  color: #ffffff;
}
.module--customize-vps #plans-blocks.level-6 .morePlans .grid-col:nth-child(3) .planOption {
  background-color: #f2f8fc;
}
.module--customize-vps #plans-blocks.level-6 .morePlans .grid-col:nth-child(3) .planOption .special-select {
  background-color: #1C1C1E;
  border-color: #1C1C1E;
  text-align: center;
  position: relative;
}
.module--customize-vps #plans-blocks.level-6 .morePlans .grid-col:nth-child(3) .planOption .special-select i {
  visibility: visible;
  color: #ffffff;
}
.module--customize-vps .carousel-col {
  border: 1px solid #f9f9f9;
  -webkit-transition: left 250ms ease-in-out;
  -moz-transition: left 250ms ease-in-out;
  -o-transition: left 250ms ease-in-out;
  -ms-transition: left 250ms ease-in-out;
  transition: left 250ms ease-in-out;
  /*
.special-select {
			text-align:center;
			position:absolute;
			top:10px;
			right:10px;
			display:block;
			i {
				// .font-size(16px);
				position:relative;
				top:-1px;
				@media @small {
					top:3px;
				}
			}
			
		}
*/
}
.module--customize-vps .carousel-col:nth-child(2) {
  background-color: #f9f9f9;
  border: 1px solid #f9f9f9;
}
.module--customize-vps .carousel-col:nth-child(2):hover {
  border: 1px solid #e6e6e6;
}
.module--customize-vps .carousel-col:hover {
  background-color: #fafcfe;
  border: 1px solid #e6e6e6;
}
.module--customize-vps .carousel-col:hover .special-select {
  border-color: #67a8da;
}
.module--customize-vps .carousel-col .special-select {
  text-align: center;
  position: relative;
  margin: 0 auto;
  display: block;
}
.module--customize-vps .carousel-col .special-select i {
  position: relative;
  top: -1px;
}
@media (max-width: 767px) {
  .module--customize-vps .carousel-col .special-select i {
    top: 3px;
  }
}
.module--customize-vps .carousel-col p:first-child {
  line-height: 1;
  padding-bottom: 30px;
  padding-bottom: 1.875rem;
}
.module--customize-vps .carousel-col p:nth-child(2) {
  margin-bottom: 15px;
  margin-bottom: 0.9375rem;
}
.module--customize-vps .carousel-col .level {
  font-size: 16px;
  font-size: 1rem;
  color: #282B2D;
}
.module--customize-vps .carousel-col .price {
  margin-bottom: 10px;
  margin-bottom: 0.625rem;
  display: inline-block;
}
.module--customize-vps .position-1 .carousel-control--left span {
  display: none;
}
.module--customize-vps .position-2 .carousel-control--right {
  cursor: default;
  display: block;
  color: #cccccc;
}
.module--customize-vps .position-2 .carousel-control--right:hover {
  color: #cccccc;
}
.module--customize-vps .position-2 .carousel-control--right span {
  display: none;
}
.module--customize-vps .carousel-col.active {
  background-color: #f2f8fc;
  border: 1px solid #e6e6e6;
}
.module--customize-vps .carousel-col.active:hover {
  border: 1px solid #e6e6e6;
}
.module--customize-vps .carousel-col.active .special-select {
  background-color: #1C1C1E;
  border-color: #1C1C1E;
  text-align: center;
}
.module--customize-vps .carousel-col.active .special-select i {
  visibility: visible;
  color: #ffffff;
}
.module--customize-vps .carousel-col:not(.active) {
  cursor: hand;
  cursor: pointer;
}
.module--customize-vps .carousel-control span {
  display: block;
  position: absolute;
  font-size: 12px;
  font-size: 0.75rem;
  top: 50%;
  margin-top: -9px;
  margin-top: -0.5625rem;
  color: #1C1C1E;
}
.module--customize-vps .carousel-control--left span {
  right: 2px;
}
.module--customize-vps .carousel-control--right span {
  left: 2px;
}
.module--customize-vps .dedicated-upsell {
  /*
@media @small {
			.margin-top(30px);
		}
*/
}
.module--customize-vps .dedicated-upsell p {
  font-size: 16px;
  font-size: 1rem;
  /*
@media @small {
				.margin-bottom(0);
			}
*/
}
.module--customize-vps .level-selectors {
  display: none;
}
.module--customize-vps .h3 i {
  position: relative;
  bottom: 4px;
  -webkit-transition: bottom 250ms ease-in-out;
  -moz-transition: bottom 250ms ease-in-out;
  -o-transition: bottom 250ms ease-in-out;
  -ms-transition: bottom 250ms ease-in-out;
  transition: bottom 250ms ease-in-out;
}
.module--customize-vps .h3 i:hover {
  bottom: 0;
}
.module--customize-vps .annual-flag {
  font-size: 12px;
  font-size: 0.75rem;
  padding: 3px;
  padding: 0.1875rem;
  text-transform: uppercase;
  background-color: #e2eef8;
  position: relative;
  bottom: 4px;
}
@media (max-width: 767px) {
  .module--customize-vps .annual-flag {
    display: none;
  }
}
.module--customize-vps .value-prop {
  position: absolute;
  width: 100%;
  left: 0;
  text-align: center;
  bottom: -12px;
}
.module--customize-vps .value-prop strong {
  color: #ffffff;
  background-color: #67a8da;
  padding: 2px 6px;
}
.module--customize-vps .option-label {
  border: 1px solid #ededed;
  position: relative;
}
.module--customize-vps .option-label:hover {
  background-color: #fafcfe;
}
.module--customize-vps .option-label input {
  margin-right: 5px;
  margin-right: 0.3125rem;
}
@media (max-width: 767px) {
  .module--customize-vps .option-label {
    margin-bottom: 5px;
    margin-bottom: 0.3125rem;
  }
}
.module--customize-vps .option-label.active {
  background-color: #f2f8fc;
}
.module--customize-vps .billing-label {
  font-weight: 700;
  margin-bottom: 20px;
  margin-bottom: 1.25rem;
}
.module--customize-vps .billing-label span {
  display: none;
}
.module--customize-vps .billing-label .price {
  font-weight: 500;
}
.module--customize-vps .billing-label.level-1 .price:nth-child(2) {
  display: inline;
}
.module--customize-vps .billing-label.level-1 .value-prop span:nth-child(1) {
  display: inline;
}
.module--customize-vps .billing-label.level-2 .price:nth-child(3) {
  display: inline;
}
.module--customize-vps .billing-label.level-2 .value-prop span:nth-child(2) {
  display: inline;
}
.module--customize-vps .billing-label.level-3 .price:nth-child(4) {
  display: inline;
}
.module--customize-vps .billing-label.level-3 .value-prop span:nth-child(3) {
  display: inline;
}
.module--customize-vps .billing-label.level-4 .price:nth-child(5) {
  display: inline;
}
.module--customize-vps .billing-label.level-4 .value-prop span:nth-child(4) {
  display: inline;
}
.module--customize-vps .billing-label.level-5 .price:nth-child(6) {
  display: inline;
}
.module--customize-vps .billing-label.level-5 .value-prop span:nth-child(5) {
  display: inline;
}
.module--customize-vps .billing-label.level-6 .price:nth-child(7) {
  display: inline;
}
.module--customize-vps .billing-label.level-6 .value-prop span:nth-child(6) {
  display: inline;
}
@media (max-width: 767px) {
  .module--customize-vps #order {
    margin-top: 30px;
    margin-top: 1.875rem;
  }
}
/**!
 * Case study module
 *
 * ================================================ */
@media (min-width: 768px) {
  .c-case-study__section {
    overflow: hidden;
    position: relative;
  }
}
.c-case-study__content {
  position: relative;
}
@media (min-width: 768px) {
  .c-case-study__col {
    width: 50%;
  }
}
.c-case-study__genre-type-title {
  text-transform: uppercase;
  margin-bottom: 3px;
}
.c-case-study__feature-title {
  text-transform: uppercase;
  margin-bottom: 7px;
}
.c-case-study__example-title {
  font-weight: lighter;
  text-transform: uppercase;
}
@media (min-width: 768px) {
  .c-case-study__example-title {
    margin-bottom: 48px;
  }
}
.c-case-study__image {
  width: 100%;
}
.c-case-study--wpress .c-case-study__genre-type-title,
.c-case-study--wpress .c-case-study__feature-title {
  color: #FFD02B !important;
}
@media (min-width: 768px) {
  .c-case-study__section--left .c-case-study__col {
    float: left;
  }
}
@media (min-width: 768px) {
  .c-case-study__section--right .c-case-study__col {
    float: right;
  }
}
@media (min-width: 768px) {
  .c-case-study__section--right .c-case-study__col--image {
    right: auto;
    left: 0;
    padding: 0 5% 0 0;
  }
}
@media (min-width: 768px) {
  .c-case-study__section--right .c-case-study__col--copy {
    padding: 0 0 0 5%;
  }
}
@media (min-width: 768px) {
  .c-case-study__col--copy {
    padding-right: 5%;
  }
}
@media (min-width: 1096px) {
  .c-case-study__col--copy {
    width: 45%;
  }
}
.c-case-study__col--image {
  width: 80%;
  margin: 40px auto 16px;
}
@media (min-width: 768px) {
  .c-case-study__col--image {
    width: 50%;
    margin: 0;
    padding-left: 5%;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
  }
}
@media (min-width: 1096px) {
  .c-case-study__col--image {
    width: 55%;
  }
}
.c-company-logos {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0px;
}
.c-company-logos__item {
  margin-top: 40px;
  margin-left: 30px;
  flex: 0 1 calc(33.33333333333333% - 30px);
}
.c-company-logos__item:nth-child(3n + 1) {
  margin-left: 0;
}
.c-company-logos__item--leo {
  transform: scale(1.1);
}
.c-company-logos__item--zeno {
  transform: scale(1.1);
}
.c-company-logos__item--huge {
  transform: scale(0.65);
}
.c-company-logos__item--wieden {
  transform: scale(0.85);
}
.c-company-logos__item--uber {
  transform: scale(0.8);
}
.c-company-logos__item--nike {
  transform: scale(0.8);
}
.c-company-logos__item--starbucks {
  transform: scale(0.6);
}
@media (min-width: 768px) {
  .c-company-logos__item {
    margin-left: 30px;
    flex: 0 1 calc(16.666666666666664% - 30px);
  }
  .c-company-logos__item:nth-child(3n + 1) {
    margin-left: 30px;
  }
  .c-company-logos__item:nth-child(6n + 1) {
    margin-left: 0;
  }
}
.c-company-logos__img {
  width: 100%;
}
/**!
 * Dash header module
 * 
 * Example Usage:
 *
<div class="c-dash-header">
    <div class="c-dash-header__top-line">
        <span class="c-dash-header__top-line-text">Saving the Day</span>
        <hr class="c-dash-header__top-line-dash" />
    </div>
    <span class="h1 c-dash-header__bottom-line u-textAllCaps">Cloudtech On-Demand Services</span>
</div>
 *
 * =========================================================================== */
.c-dash-header {
  float: left;
  display: block;
  width: 100%;
  margin: 0 0 40px;
  text-align: center;
  text-transform: uppercase;
}
@media (min-width: 768px) {
  .c-dash-header {
    margin-bottom: 25px;
  }
}
.c-dash-header__top-line {
  position: relative;
  width: 100%;
}
.c-dash-header__top-line-text {
  position: relative;
  padding: 0 16px;
  margin-bottom: 0;
  background-color: white;
  letter-spacing: 0;
  z-index: 2;
}
@media (min-width: 768px) {
  .c-dash-header__top-line-text {
    font-size: 26px;
    font-size: 1.625rem;
    font-weight: 600;
  }
}
.c-dash-header__top-line-dash {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  height: 1px;
  width: 100%;
  margin: 0;
  background-color: #2d2d2d;
  border: none;
  z-index: 1;
}
.c-dash-header__bottom-line {
  display: block;
  margin-bottom: 0;
  letter-spacing: 0;
}
@media (min-width: 768px) {
  .c-dash-header__bottom-line {
    font-size: 34px;
    font-size: 2.125rem;
  }
}
.c-dash-header--icon {
  margin: 0 0 50px;
}
.c-dash-header--icon .c-dash-header__top-line-text {
  margin-bottom: 20px;
  font-size: 3.25rem;
  color: #80abc8;
}
@media (min-width: 768px) {
  .c-dash-header--icon .c-dash-header__top-line-text {
    margin-bottom: 0;
  }
}
.c-dash-header--icon .c-dash-header__top-line-dash {
  background-color: #c1c1c1;
}
@media (min-width: 768px) {
  .c-dash-header--icon .c-dash-header__bottom-line {
    font-size: 26px;
    font-size: 1.625rem;
  }
}
/*
 * file: c-gsuite-promo.less
 * author: Kevin Pamaran
 * date: 2/1/17
 */
.c-gsuite-promo {
  font-size: 1rem;
}
@media (min-width: 768px) {
  .c-gsuite-promo {
    display: flex;
    align-items: center;
  }
}
.c-gsuite-promo__icon-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: baseline;
  margin: 10px 0;
  list-style-type: none;
}
@media (min-width: 768px) {
  .c-gsuite-promo__icon-list {
    flex-wrap: nowrap;
  }
}
.c-gsuite-promo__icon-list > li {
  width: 40%;
  margin-bottom: 40px;
  text-align: center;
}
@media (min-width: 481px) and (max-width: 767px) {
  .c-gsuite-promo__icon-list > li {
    width: 35%;
  }
}
@media (min-width: 768px) {
  .c-gsuite-promo__icon-list > li {
    max-width: 115px;
    width: 25%;
  }
}
@media (min-width: 768px) {
  .c-gsuite-promo__icon-list > li + li {
    margin-left: 15px;
  }
}
@media (min-width: 768px) {
  .c-gsuite-promo__icon {
    width: 100%;
  }
}
@media (min-width: 768px) {
  .c-gsuite-promo__icon--hangouts {
    width: 78%;
  }
}
.c-gsuite-promo__title {
  margin-bottom: 32px;
  font-size: 2.25em;
  letter-spacing: 1px;
  line-height: 1;
  text-transform: uppercase;
}
@media (min-width: 768px) {
  .c-gsuite-promo__title {
    font-size: 2em;
  }
}
.c-gsuite-promo__paragraph,
.c-gsuite-promo__features {
  font-size: 1.2em;
  font-weight: 100;
}
.c-gsuite-promo__pricing {
  margin-bottom: 5px;
  font-size: 2em;
  line-height: 1;
}
.c-gsuite-promo__disclaimer {
  font-size: 0.8375em;
  line-height: 1.8;
  text-transform: uppercase;
}
/**!
 * Pick Plan module
 *
 * ================================================ */
.c-pick-plan {
  color: red;
}
.c-pick-plan__title-icon {
  width: 26px;
  height: 25px;
  display: inline-block;
  vertical-align: top;
}
.c-pick-plan__section {
  position: relative;
  padding: 30px 22px;
  overflow: hidden;
}
@media (min-width: 768px) {
  .c-pick-plan__section {
    padding: 45px 55px;
  }
}
.c-pick-plan__section-1 {
  background-color: #fff;
}
@media (min-width: 768px) {
  .c-pick-plan__section-1 {
    display: flex;
  }
}
@media (min-width: 768px) {
  .c-pick-plan__copy {
    float: left;
    padding-right: 26px;
    width: 67%;
    border-right: 1px solid #ccc;
  }
}
@media (min-width: 960px) {
  .c-pick-plan__copy {
    width: 60%;
    padding-right: 55px;
  }
}
.c-pick-plan__summary {
  margin: 0;
}
@media (min-width: 768px) {
  .c-pick-plan__summary {
    margin-bottom: 30px;
  }
}
.c-pick-plan__fit {
  overflow: hidden;
}
.c-pick-plan__fit-header {
  font-weight: 600;
  margin: 12px 0;
}
@media (min-width: 768px) {
  .c-pick-plan__fit-header {
    margin: 0;
    float: left;
  }
}
.c-pick-plan__fit-list {
  list-style: none;
  margin: 0;
}
@media (min-width: 768px) {
  .c-pick-plan__fit-list {
    float: left;
    margin-left: 25px;
    padding-left: 25px;
    border-left: 1px solid #ccc;
  }
}
.c-pick-plan__pricing {
  margin-top: 25px;
}
@media (min-width: 768px) {
  .c-pick-plan__pricing {
    float: left;
    margin: 20px 0 0 6%;
  }
}
@media (min-width: 960px) {
  .c-pick-plan__pricing {
    margin-left: 12%;
  }
}
.c-pick-plan__triangle {
  position: absolute;
  top: 0px;
  left: 50%;
  border: 15px solid transparent;
  border-top: 16px solid #fff;
  transform: translateX(-50%);
}
@media (min-width: 1096px) {
  .c-pick-plan__features-list {
    float: left;
    width: 60%;
    padding: 10px 30px 10px 0;
    border-right: 1px solid #ccc;
  }
}
.c-pick-plan__bonus {
  margin-top: 34px;
  padding-top: 38px;
  border-top: 1px solid #ccc;
}
@media (min-width: 1096px) {
  .c-pick-plan__bonus {
    float: left;
    margin: 0 0 0 12%;
    padding: 10px 0 0 0;
    border: none;
  }
}
@media (min-width: 768px) and (max-width: 1095px) {
  .c-pick-plan__bonus {
    display: flex;
    flex-flow: row wrap;
  }
}
.c-pick-plan__bonus-col {
  margin: 20px 0 0;
  flex: 1 100%;
}
.c-pick-plan__bonus-col:first-child {
  margin: 0;
}
@media (min-width: 768px) and (max-width: 1095px) {
  .c-pick-plan__bonus-col {
    flex: 1;
    margin: 0;
  }
}
.c-pick-plan__bonus-header {
  font-weight: 600;
  line-height: 1;
}
.c-pick-plan__bonus-list {
  list-style-type: none;
  margin: 0;
}
@media (min-width: 768px) {
  .c-pick-plan__footer-copy {
    float: left;
    width: 60%;
    margin-bottom: 0;
  }
}
@media (min-width: 960px) {
  .c-pick-plan__footer-copy {
    display: inline-block;
    vertical-align: middle;
    float: none;
  }
}
@media (min-width: 768px) {
  .c-pick-plan__footer-cta {
    float: right;
  }
}
@media (min-width: 960px) {
  .c-pick-plan__footer-cta {
    margin-left: 12%;
    display: inline-block;
    vertical-align: middle;
    float: none;
    position: relative;
    left: -4px;
  }
}
.c-pick-plan__footnotes {
  padding: 28px 0 0px;
}
@media (min-width: 768px) {
  .c-pick-plan__footnotes {
    padding: 45px 55px;
  }
}
.c-pick-plan--wpress .c-pick-plan__title-icon {
  fill: #FFD02B;
}
.c-pick-plan--grid .c-pick-plan__title-icon {
  fill: #f26767;
}
.c-site-header {
  background-color: #ededed;
}
.c-site-header nav {
  max-width: 1240px;
  margin: 0 auto;
}
.c-site-header__parent-link-list {
  display: flex;
  margin-bottom: 0;
  margin-left: 0;
}
@media (max-width: 580px) {
  .c-site-header__parent-link-list {
    flex-flow: column nowrap;
    padding-top: 12px;
    padding-bottom: 24px;
  }
}
.c-site-header__link-container {
  display: inline-block;
  flex: 0 0 auto;
}
.c-site-header__link-container:first-child {
  margin-right: auto;
}
.c-site-header__link-container:active .c-site-header__link,
.c-site-header__link-container:hover .c-site-header__link,
.c-site-header__link-container:focus-within .c-site-header__link {
  outline: none;
  background-color: #dbdbdb;
}
.c-site-header__link-container:active .c-site-header__link .fa-plus::before,
.c-site-header__link-container:hover .c-site-header__link .fa-plus::before,
.c-site-header__link-container:focus-within .c-site-header__link .fa-plus::before {
  content: "\f068";
}
@media (max-width: 580px) {
  .c-site-header__link-container:hover .c-site-header__link,
  .c-site-header__link-container:focus-within .c-site-header__link {
    background-color: transparent;
  }
}
.c-site-header__link-container--logo .c-site-header__link {
  text-transform: uppercase;
}
.c-site-header__link-container--logo .c-site-header__link svg {
  position: relative;
  transform: scale(1.2);
  bottom: -1px;
  vertical-align: middle;
}
@media (max-width: 580px) {
  .c-site-header__link-container--phone {
    order: 1;
  }
  .c-site-header__link-container--login .c-site-header__link {
    padding-top: 32px;
    text-transform: uppercase;
  }
}
.c-site-header__link {
  display: inline-block;
  padding: 18px 20px;
  transition: background-color 0.2s;
}
@media (max-width: 580px) {
  .c-site-header__link {
    padding: 8px 20px;
  }
}
@media (max-width: 580px) and (max-width: 580px) {
  .c-site-header__link:active .c-site-header__link-text,
  .c-site-header__link:hover .c-site-header__link-text,
  .c-site-header__link:focus-within .c-site-header__link-text {
    color: #999;
  }
}
.c-site-header__link-text {
  display: inline-block;
  vertical-align: middle;
  color: #282B2D;
}
.c-site-header .fa-mobile-alt,
.c-site-header .fa-caret-right {
  display: inline-block;
  margin-left: 0.2rem;
}
.c-site-header .fa-plus {
  display: none;
  margin-right: 1rem;
  transform: scale(0.8);
  color: #50d4a5;
}
@media (max-width: 580px) {
  .c-site-header .fa-plus {
    display: inline-block;
  }
}
.c-site-header .fa-caret-right {
  color: #50d4a5;
}
/**!
 * Plan Bonus component
 *
 * ============================================================= */
@media (min-width: 768px) {
  .c-plan-bonus {
    overflow: hidden;
  }
}
.c-plan-bonus__header {
  font-weight: 600;
  margin-right: 60px;
  line-height: 1;
}
@media (min-width: 768px) {
  .c-plan-bonus__header {
    float: left;
  }
}
@media (min-width: 1096px) {
  .c-plan-bonus__header {
    float: none;
    margin: 0 0 4px;
    padding: 5px 0;
  }
}
.c-plan-bonus__sup {
  font-size: 11px;
}
.c-plan-bonus__list {
  list-style: none;
  margin: 0;
}
.c-plan-bonus__list > li {
  padding: 5px 0;
}
@media (min-width: 768px) {
  .c-plan-bonus__list > li {
    padding: 0 0 10px;
  }
}
@media (min-width: 1096px) {
  .c-plan-bonus__list > li {
    padding: 5px 0;
  }
}
@media (min-width: 768px) {
  .c-plan-bonus__list {
    float: left;
  }
}
@media (min-width: 1096px) {
  .c-plan-bonus__list {
    float: none;
  }
}
.c-plan-bonus__copy {
  margin: 0;
}
/**!
 * Plan Features component
 *
 * ============================================================= */
.c-plan-features {
  list-style: none;
  margin: 0;
}
.c-plan-features > li {
  padding: 5px 0;
  overflow: hidden;
  break-inside: avoid-column;
  -webkit-column-break-inside: avoid;
}
.c-plan-features__icon {
  height: 18px;
  width: 18px;
  float: left;
  margin-right: 20px;
}
.c-plan-features__copy {
  margin: 0 0 0 38px;
}
@media (min-width: 768px) {
  .c-plan-features--col2 {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
  }
}
.c-plan-features--wpress .c-plan-features__icon {
  fill: #FFD02B;
}
.c-plan-features--grid .c-plan-features__icon {
  fill: #f26767;
}
/**!
 * Plan Price component
 *
 * ============================================ */
.c-plan-price {
  font-size: 1.5rem;
}
.c-plan-price-duration {
  font-weight: 600;
  margin: 0 0 10px;
}
.c-plan-price-num {
  font-size: 1.555em;
}
/**!
 * Product Card Component
 *
 * This component is originally used in /webhosting/wordpress/compare to present add-ons containing
 * links to their respective product pages.
 * =========================================================================== */
.c-product-card {
  padding-bottom: 20px;
  border-bottom: 2px solid #48e0a4;
  font-size: 1rem;
}
@media (min-width: 768px) {
  .c-product-card {
    display: flex;
    flex-direction: column;
    padding: 0 50px;
    border-bottom: none;
  }
}
.c-product-card__heading {
  position: relative;
  border-bottom: 2px solid #48e0a4;
}
@media (min-width: 768px) {
  .c-product-card__heading {
    border: none;
  }
}
.c-product-card__title {
  font-size: 1.389em;
  padding: 20px;
  margin: 0;
}
@media (min-width: 768px) {
  .c-product-card__title {
    font-size: 1.579em;
  }
}
@media (min-width: 1200px) {
  .c-product-card__title {
    font-size: 1..5em;
  }
}
.c-product-card__icon {
  height: 70px;
  width: 100%;
  margin: 15px auto 25px;
  fill: #48e0a4;
}
@media (min-width: 768px) {
  .c-product-card__icon {
    display: none;
  }
}
.c-product-card__icon--desktop {
  height: 42px;
  width: 42px;
  margin: 0;
  position: absolute;
  top: 16px;
  left: -40px;
  display: none;
}
@media (min-width: 768px) {
  .c-product-card__icon--desktop {
    display: block;
  }
}
.c-product-card__body {
  padding: 20px;
}
@media (min-width: 768px) {
  .c-product-card__body {
    flex: 1;
    display: flex;
    flex-direction: column;
    padding-top: 10px;
  }
}
.c-product-card__copy {
  margin-bottom: 3rem;
  font-size: 1.25em;
  font-weight: 300;
}
@media (min-width: 768px) {
  .c-product-card__copy {
    margin-bottom: auto;
    font-size: 1.184em;
  }
}
@media (min-width: 1200px) {
  .c-product-card__copy {
    font-size: 1.125em;
  }
}
.c-product-card__price {
  margin-top: 30px;
}
.c-product-card__price-copy {
  font-size: 0.833em;
}
@media (min-width: 768px) {
  .c-product-card__price-copy {
    font-size: 0.789em;
  }
}
@media (min-width: 1200px) {
  .c-product-card__price-copy {
    font-size: 0.75em;
  }
}
.c-product-card__price-num {
  font-size: 1.944em;
  line-height: 1.1;
}
@media (min-width: 768px) {
  .c-product-card__price-num {
    font-size: 1.842em;
  }
}
@media (min-width: 1200px) {
  .c-product-card__price-num {
    font-size: 1.75em;
  }
}
.c-product-card__price-duration {
  font-size: 1.111em;
  font-weight: 300;
  letter-spacing: 1px;
}
@media (min-width: 768px) {
  .c-product-card__price-duration {
    font-size: 1.053em;
  }
}
@media (min-width: 1200px) {
  .c-product-card__price-duration {
    font-size: 1em;
  }
}
.c-product-card__learn {
  margin-top: 1.8rem;
  font-size: 1.111em;
}
@media (min-width: 768px) {
  .c-product-card__learn {
    margin-top: 0.8rem;
    font-size: 1.053em;
  }
}
@media (min-width: 1200px) {
  .c-product-card__learn {
    font-size: 1em;
  }
}
.c-product-card--wpress {
  border-bottom-color: #FFD02B;
}
.c-product-card--wpress .c-product-card__heading {
  border-bottom-color: #FFD02B;
}
.c-product-card--wpress .c-product-card__icon {
  fill: #FFD02B;
}
/**!
 * Product Cards Ceader component
 * =========================================================================== */
.c-product-cards-header {
  margin-bottom: 40px;
  font-size: 1rem;
  text-align: center;
}
@media (min-width: 768px) {
  .c-product-cards-header {
    margin-bottom: 60px;
  }
}
.c-product-cards-header__title {
  font-size: 2.083em;
  font-weight: 300;
  letter-spacing: 1px;
}
@media (min-width: 768px) {
  .c-product-cards-header__title {
    font-size: 2.237em;
  }
}
@media (min-width: 1200px) {
  .c-product-cards-header__title {
    font-size: 2.125em;
  }
}
.c-product-cards-header__copy {
  font-size: 1.25em;
  font-weight: 300;
  max-width: 600px;
  margin: 0 auto;
}
@media (min-width: 768px) {
  .c-product-cards-header__copy {
    font-size: 1.184em;
  }
}
@media (min-width: 1200px) {
  .c-product-cards-header__copy {
    font-size: 1.125em;
  }
}
/**!
 * Sale price module
 * 
 * Example Usage:
 *
<div class="c-sale-price">
    <div class="c-sale-price__before">
        <strike class="c-sale-price__before-price">$79</strike>
    </div>
    <div class="c-sale-price__after">
        <span class="c-sale-price__after-comment">now</span>
        <span class="c-sale-price__after-price"><strong>$50</strong></span>
    </div>
</div>
 *
 * =========================================================================== */
.c-sale-price {
  display: inline-flex;
  align-items: flex-end;
}
.c-sale-price__before {
  display: inline-flex;
  align-items: flex-end;
  height: 40px;
  padding-right: 10px;
  border-right: 1px solid #d3d3d3;
}
.c-sale-price__before-price {
  margin-bottom: 0;
  font-size: 24px;
  font-size: 1.5rem;
  color: #9e9e9e;
}
.c-sale-price__after {
  display: inline-block;
  margin-left: 10px;
}
.c-sale-price__after-comment {
  position: relative;
  top: 7px;
  font-size: 16px;
  font-size: 1rem;
}
.c-sale-price__after-price {
  display: block;
  margin-bottom: 0;
  font-size: 24px;
  font-size: 1.5rem;
  color: black;
}
/*
 * CSS elements that together form the template for the Cyber Monday 2016 promo landing page.
 *
 * Used in: /includes/landing/cybermonday/hosting-plans.php
 *
 * Note: So far only the Cyber Monday 2016 promo page uses these styles, if in the future the promo
 * is no longer active and changes need to be made here, then feel free to change whatever because
 * there should be no side effects.
 */
.cm-row {
  border: 1px solid #ccc;
  padding: 10px 15px;
  margin-bottom: 30px;
}
@media (min-width: 768px) {
  .cm-row {
    padding: 10px;
    margin-bottom: 40px;
  }
}
@media (min-width: 1096px) {
  .cm-row {
    padding: 30px;
  }
}
.cm-row:nth-child(4) {
  margin-bottom: 20px;
}
@media (min-width: 768px) {
  .cm-row:nth-child(4) {
    margin-bottom: 25px;
  }
}
@media (min-width: 1096px) {
  .cm-row:nth-child(4) {
    margin-bottom: 30px;
  }
}
.cm-col {
  padding: 25px 0;
  border-bottom: 1px solid #ccc;
  margin: 0;
}
.cm-col--product-overview {
  width: 100%;
}
@media (min-width: 768px) {
  .cm-col--product-overview {
    padding-top: 10px;
    padding-bottom: 30px;
    margin-bottom: 40px;
  }
}
@media (min-width: 1096px) {
  .cm-col--product-overview {
    bottom: 15px;
    width: 33%;
    padding-top: 0;
    padding-bottom: 0;
    border-bottom: none;
    margin-bottom: 0;
  }
}
@media (min-width: 768px) {
  .cm-col--plan-details {
    padding: 0;
    border-bottom: none;
    width: 50%;
  }
}
@media (min-width: 1096px) {
  .cm-col--plan-details {
    width: 33%;
  }
}
@media (min-width: 1096px) {
  .cm-col--plan-details:nth-child(2) {
    padding-left: 30px;
    border-left: 1px solid #ccc;
  }
}
@media (min-width: 1200px) {
  .cm-col--plan-details:nth-child(2) {
    padding-left: 45px;
  }
}
.cm-col--plan-details:last-child {
  padding-bottom: 45px;
  border-bottom: none;
}
@media (min-width: 768px) {
  .cm-col--plan-details:last-child {
    padding-bottom: 0;
    padding-left: 30px;
    border-left: 1px solid #ccc;
  }
}
@media (min-width: 960px) {
  .cm-col--plan-details:last-child {
    padding-left: 60px;
  }
}
@media (min-width: 1096px) {
  .cm-col--plan-details:last-child {
    padding-left: 30px;
  }
}
@media (min-width: 1200px) {
  .cm-col--plan-details:last-child {
    padding-left: 45px;
  }
}
.cm-product-description,
.cm-product-recommendation,
.cm-plan-features,
.cm-sale-price,
.cm-select-prompt,
.cm-tag {
  font-size: 16px;
}
.cm-product-title {
  max-width: 84%;
  margin-bottom: 20px;
  font-size: 24px;
  text-transform: uppercase;
}
@media (min-width: 768px) {
  .cm-product-title {
    display: inline-block;
  }
}
.cm-product-description {
  margin-bottom: 10px;
  color: #1C1C1E;
  font-weight: 600;
}
@media (min-width: 1096px) {
  .cm-product-description {
    max-width: 95%;
  }
}
.cm-product-recommendation {
  margin-bottom: 20px;
}
@media (min-width: 1096px) {
  .cm-product-recommendation {
    max-width: 95%;
  }
}
.cm-plan-features {
  margin-left: 5px;
  list-style-type: none;
  font-weight: 300;
}
@media (max-width: 370px) {
  .cm-sale-price {
    font-size: 14px;
  }
}
.cm-select-prompt {
  margin-bottom: 10px;
  color: #1C1C1E;
  font-weight: 600;
}
.cm-form-row {
  margin-bottom: 10px;
}
@media (min-width: 1096px) {
  .cm-form-row {
    margin-bottom: 30px;
  }
}
.cm-tag {
  display: inline-block;
  background: #000;
  padding: 2px 10px;
  margin-bottom: 20px;
  font-weight: 600;
  letter-spacing: 1px;
  text-transform: uppercase;
}
@media (min-width: 768px) {
  .cm-tag {
    margin-bottom: 25px;
  }
}
.cm-tag--wpress {
  color: #FFD02B;
}
.cm-tag--grid {
  color: #f26767;
}
.cm-tag--dvDev {
  color: #29cbcf;
}
.cm-tag--dv {
  color: #67a8da;
}
.cm-icon {
  margin-right: 20px;
}
.cm-icon--wpress {
  color: #FFD02B;
}
.cm-icon--grid {
  color: #f26767;
}
.cm-icon--dvDev {
  color: #29cbcf;
}
.cm-icon--dv {
  color: #67a8da;
}
/**!
 * Details
 *
 * Details/faq module on bottom of product pages
 *
    <div class="details">
        <div class="details-item">
            <h3 class="h5"><strong>Title goes here</strong></h3>
            <p>Copy goes here.</p>
        </div>

        <div class="details-item">
            <h3 class="h5"><strong>Title goes here</strong></h3>
            <p>Copy goes here.</p>
        </div>
    </div>
 *
 * =========================================================================== */
.details .details-item {
  margin-bottom: 5px;
  margin-bottom: 0.3125rem;
}
.details .details-item:before,
.details .details-item:after {
  content: " ";
  display: table;
}
.details .details-item:after {
  clear: both;
}
/**!
 * Features
 *
 * Features list that displays feature items side by side in 2 columns
 * and multiple rows.
 * =========================================================================== */
/* ==========================================================================
   Features
   ========================================================================== */
.features .featureIcon {
  float: left;
  width: 15%;
}
.features .featureBox {
  float: left;
  width: 85%;
  margin-bottom: 80px;
  margin-bottom: 5rem;
}
.features .featureBox:before,
.features .featureBox:after {
  content: " ";
  display: table;
}
.features .featureBox:after {
  clear: both;
}
.features .featureBox--desc {
  font-size: 18px;
  font-size: 1.125rem;
}
/**
 * Get started module at the bottom of page
 */
.getStarted {
  margin-top: 60px;
  margin-top: 3.75rem;
}
.getStarted .btn {
  margin-bottom: 20px;
  margin-bottom: 1.25rem;
}
.getStarted p {
  margin-bottom: 5px;
}
/**
 * Header Pop
 */
.header-pop {
  display: none;
  background: #feeba9;
}
.header-pop .lush-star {
  position: relative;
  top: -2px;
  left: -5px;
}
.header-pop .lush-close-circle {
  color: #1C1C1E;
}
.page--home .header-pop {
  background: #48e0a4;
}
.page--dvDeveloper .header-pop {
  background: #29cbcf;
}
.page--managedHosting .header-pop {
  background: #9e7fb9;
}
.page--dv .header-pop {
  background: #67a8da;
}
/**!
 * hosting-plans.less
 *
 * Web hosting plans module.
 * =========================================================================== */
[data-mtlinkify] {
  cursor: pointer;
}
#plans-blocks {
  display: none;
}
.morePlans {
  display: none;
}
@media (max-width: 767px) {
  #plans-blocks {
    display: block;
  }
  #plans-table {
    display: none;
  }
}
.hostingPlans {
  /**
     * Skills
     */
  /**
     * List
     */
  /**
     * product action
     */
}
.hostingPlans .tag {
  background: #48e0a4;
  border-radius: 3px 0 0 3px;
  color: #191919;
  font-weight: 700;
  display: inline-block;
  height: 20px;
  font-size: 12px;
  letter-spacing: 1px;
  line-height: 20px;
  padding: 0 12px 0 17px;
  text-decoration: none;
  position: relative;
  left: 10px;
  top: -4px;
}
.hostingPlans .tag:after {
  background: #fff;
  border-bottom: 10px solid #f9f9f9;
  border-left: 10px solid #48e0a4;
  border-top: 10px solid #f9f9f9;
  content: '';
  position: absolute;
  right: 0;
  top: 0;
}
.hostingPlans .tag--reversed:after {
  border: none;
}
.hostingPlans .tag--reversed:before {
  background: #fff;
  border-bottom: 10px solid #f9f9f9;
  border-right: 10px solid #48e0a4;
  border-top: 10px solid #f9f9f9;
  content: '';
  position: absolute;
  left: 0;
  top: 0;
}
.hostingPlans .product-flag {
  position: absolute;
  bottom: 26px;
  right: 25px;
}
@media (min-width: 481px) and (max-width: 767px) {
  .hostingPlans .product-flag {
    bottom: 23px;
  }
}
@media (min-width: 768px) {
  .hostingPlans .product-flag {
    bottom: 37px;
  }
}
.hostingPlans .module-footer {
  margin-top: 30px;
  margin-top: 1.875rem;
}
.hostingPlans .product {
  overflow: hidden;
  position: relative;
  background-color: #f9f9f9;
  width: 100%;
  padding: 20px;
  padding: 1.25rem;
  display: inline-block;
  *display: inline;
  zoom: 1;
}
.hostingPlans .product .thumbnail {
  width: 100%;
  max-width: 100%;
}
@media (min-width: 768px) and (max-width: 1199px) {
  .hostingPlans .product {
    min-height: 0;
    margin-bottom: 15px;
    margin-bottom: 0.9375rem;
  }
}
@media (max-width: 767px) {
  .hostingPlans .product {
    min-height: 0;
    padding: 30px;
    background-color: #f7f7f7;
    margin-bottom: 15px;
    margin-bottom: 0.9375rem;
  }
}
.hostingPlans .product--wpress .product-action {
  float: right;
  margin-top: 15px;
}
@media (max-width: 767px) {
  .hostingPlans .product--wpress .product-action {
    float: none;
  }
}
.hostingPlans .product--wpress .thumbnail {
  color: #FFD02B;
}
.hostingPlans .product--wpress .thumbnail:hover {
  color: #ffdb5e;
}
.hostingPlans .product--wpress.product--borderAccent {
  border-top: 2px solid #FFD02B;
}
.hostingPlans .product--wpress .product-price {
  color: #FFD02B;
}
.hostingPlans .product--grid .thumbnail {
  color: #f26767;
}
.hostingPlans .product--grid .thumbnail:hover {
  color: #f69696;
}
.hostingPlans .product--grid.product--borderAccent {
  border-top: 2px solid #f26767;
}
.hostingPlans .product--dvManaged .thumbnail {
  color: #67a8da;
}
.hostingPlans .product--dvManaged .thumbnail:hover {
  color: #90c0e4;
}
.hostingPlans .product--dvManaged.product--borderAccent {
  border-top: 2px solid #67a8da;
}
.hostingPlans .product--dvDeveloper .thumbnail {
  color: #29cbcf;
}
.hostingPlans .product--dvDeveloper .thumbnail:hover {
  color: #4fd9dc;
}
.hostingPlans .product--dvDeveloper.product--borderAccent {
  border-top: 2px solid #29cbcf;
}
.hostingPlans .product--dv .thumbnail {
  color: #67a8da;
}
.hostingPlans .product--dv .thumbnail:hover {
  color: #90c0e4;
}
.hostingPlans .product--dv.product--borderAccent {
  border-top: 2px solid #67a8da;
}
.hostingPlans .product--vps .thumbnail {
  color: #6DC4A1;
}
.hostingPlans .product--vps .thumbnail:hover {
  color: #91d3b8;
}
.hostingPlans .product--vps.product--borderAccent {
  border-top: 2px solid #6DC4A1;
}
.hostingPlans .product--aws .thumbnail {
  color: #faaf43;
}
.hostingPlans .product--aws .thumbnail:hover {
  color: #fbc475;
}
.hostingPlans .product--aws.product--borderAccent {
  border-top: 2px solid #faaf43;
}
.hostingPlans .product--awsNavy .thumbnail {
  color: #354E78;
}
.hostingPlans .product--awsNavy .thumbnail:hover {
  color: #45659b;
}
.hostingPlans .product--awsNavy.product--borderAccent {
  border-top: 2px solid #354E78;
}
.hostingPlans .product--awsEnterprise .thumbnail {
  color: #aaa;
}
.hostingPlans .product--awsEnterprise .thumbnail:hover {
  color: #c3c3c3;
}
.hostingPlans .product--awsEnterprise.product--borderAccent {
  border-top: 2px solid #aaa;
}
.hostingPlans .product--primary .thumbnail {
  color: #48e0a4;
}
.hostingPlans .product--primary .thumbnail:hover {
  color: #74e7ba;
}
.hostingPlans .product--primary.product--borderAccent {
  border-top: 2px solid #48e0a4;
}
.hostingPlans .productWordmark {
  margin-bottom: 7.5px;
  margin-bottom: 0.4375rem;
}
.hostingPlans .product-title {
  text-transform: uppercase;
}
.hostingPlans .product-media {
  outline: 1px solid #ddd;
  margin-top: 30px;
  margin-top: 1.875rem;
  margin-bottom: 30px;
  margin-bottom: 1.875rem;
}
@media (max-width: 767px) {
  .hostingPlans .product-media {
    display: none;
  }
}
.hostingPlans .product-uses strong {
  display: block;
}
.hostingPlans .skills {
  margin-bottom: 30px;
  margin-bottom: 1.875rem;
}
.hostingPlans .skills .skill {
  overflow: hidden;
}
.hostingPlans .skills .skill-title {
  color: #333333;
  text-transform: uppercase;
  font-size: 14px;
  width: 125px;
  display: inline-block;
  *display: inline;
  zoom: 1;
}
.hostingPlans .skills .skill-meter {
  width: 100%;
  max-width: 150px;
  background-color: #cccccc;
  top: -1px;
  position: relative;
  display: inline-block;
  *display: inline;
  zoom: 1;
}
.hostingPlans .skills .skill-meter-fill {
  background-color: #48e0a4;
  display: block;
}
.hostingPlans .skills .skill-meter,
.hostingPlans .skills .skill-meter-fill {
  height: 10px;
}
.hostingPlans .product-bullets {
  margin-bottom: 60px;
  margin-bottom: 3.75rem;
}
.hostingPlans .product-bullets li {
  color: #666666;
  font-size: 15px;
}
@media (min-width: 768px) and (max-width: 1199px), (max-width: 767px) {
  .hostingPlans .product-bullets {
    display: none;
  }
}
.hostingPlans .product-price {
  margin-bottom: 10px;
  margin-bottom: 0.625rem;
  font-size: 28px;
  font-size: 1.75rem;
  line-height: 26px;
  line-height: 1.625rem;
}
.hostingPlans .product-price span:not(.strikethrough) {
  font-size: 14px;
}
.hostingPlans-infoBox {
  margin: 0 0 35px 0.83335%;
}
.hostingPlans--4up .skills .skill-title {
  font-size: 13px;
  width: 115px;
}
.hostingPlans--4up .skills .skill-meter {
  max-width: 110px;
}
.strip--graphite .product,
.strip--darkGraphite .product {
  background-color: #262626;
  -webkit-transition: background 250ms linear;
  -moz-transition: background 250ms linear;
  -o-transition: background 250ms linear;
  -ms-transition: background 250ms linear;
  transition: background 250ms linear;
}
.strip--graphite .product:hover,
.strip--darkGraphite .product:hover {
  background-color: #191919;
}
.strip--graphite .product--dvManaged,
.strip--darkGraphite .product--dvManaged {
  background-color: #222;
}
.strip--graphite .product-media,
.strip--darkGraphite .product-media {
  outline: none;
}
.strip--graphite .product-desc,
.strip--darkGraphite .product-desc {
  color: #cccccc;
}
.strip--graphite .product-uses,
.strip--darkGraphite .product-uses {
  color: #cccccc;
  font-size: 15px;
  margin-bottom: 30px;
  margin-bottom: 1.875rem;
}
.strip--graphite .product-uses strong,
.strip--darkGraphite .product-uses strong {
  color: #fff;
}
.strip--graphite .skills .skill-title,
.strip--darkGraphite .skills .skill-title {
  color: #e6e6e6;
}
.strip--graphite .skills .skill-meter,
.strip--darkGraphite .skills .skill-meter {
  background-color: #e6e6e6;
}
.strip--graphite .product-bullets li,
.strip--darkGraphite .product-bullets li {
  color: #b3b3b3;
}
.page--home .hostingPlans .product-action {
  float: none;
  margin: 0;
}
.hostingPlans--4up .product {
  min-height: 485px;
  padding: 25px;
  padding: 1.5625rem;
}
.hostingPlans--4up .product .product-action {
  position: absolute;
  bottom: 30px;
}
@media (max-width: 767px) {
  .hostingPlans--4up .product .product-action {
    position: static;
  }
}
@media (min-width: 1200px) {
  .hostingPlans--4up .product .product-uses {
    min-height: 66px;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .hostingPlans--4up .product {
    min-height: 420px;
    margin-bottom: 15px;
    margin-bottom: 0.9375rem;
  }
}
@media (max-width: 767px) {
  .hostingPlans--4up .product {
    min-height: 0;
  }
}
.hostingPlans--4up .product-title {
  font-size: 20px;
  font-size: 1.25rem;
}
.hostingPlans--4up .product-desc {
  font-size: 14px;
}
.hostingPlans {
  padding-top: 25px;
}
.page--landing--33off .hostingPlans {
  padding-bottom: 0;
}
.page--landing--33off .legal {
  padding-top: 0;
  padding-bottom: 0;
}
.page--landing--33off .legal p {
  font-size: 12px;
  color: #282B2D;
}
.hostingPlans--promo .hostingPlans-badge {
  margin: 0 0 0 10px;
}
@media (max-width: 767px) {
  .hostingPlans--promo .hostingPlans-badge {
    top: 20px;
    right: 0;
    margin: 0;
  }
}
.hostingPlans--promo .hostingPlans-price {
  display: flex;
  flex-flow: nowrap;
}
.hostingPlans--promo .hostingPlans-priceCol {
  margin: 0 10px 0 0;
}
.hostingPlans--promo .hostingPlans-priceCol:last-child {
  margin: 0;
}
.hostingPlans--promo .hostingPlans-priceDuration {
  display: block;
}
/**!
 * hosting-plans-tabbed.less
 *
 * Hosting plans module, the sexy tabbed version.
 * =========================================================================== */
.hostingPlansTabbed header {
  margin-bottom: 60px;
  margin-bottom: 3.75rem;
}
.hostingPlansTabbed .plan {
  background: #f9f9f9;
  display: none;
}
.hostingPlansTabbed .plan:before,
.hostingPlansTabbed .plan:after {
  content: " ";
  display: table;
}
.hostingPlansTabbed .plan:after {
  clear: both;
}
.hostingPlansTabbed .plan .content {
  padding: 60px 30px;
}
@media (max-width: 767px) {
  .hostingPlansTabbed .plan .content {
    padding: 30px 15px;
  }
}
.hostingPlansTabbed .plan--dv .switchContent--dv {
  display: block !important;
}
.hostingPlansTabbed .plan--dv .switchContent--dvDev {
  display: none !important;
}
.hostingPlansTabbed .plan--dvDev .switchContent--dv {
  display: none !important;
}
.hostingPlansTabbed .plan--dvDev .switchContent--dvDev {
  display: block !important;
}
.hostingPlansTabbed .plan-choice {
  text-align: center;
  float: right;
  width: 52%;
  padding-left: 15px;
  padding-right: 15px;
}
@media (max-width: 767px) {
  .hostingPlansTabbed .plan-choice {
    padding-left: 10px;
    padding-right: 10px;
  }
  .hostingPlansTabbed .plan-choice .choice-option {
    font-size: 13px;
    max-width: 95px;
    display: inline-block;
    *display: inline;
    zoom: 1;
  }
}
@media (max-width: 480px) {
  .hostingPlansTabbed .plan-choice .choice-option {
    max-width: 70px;
  }
}
@media (max-width: 960px) {
  .hostingPlansTabbed .plan-choice {
    float: none;
    width: 100%;
  }
}
.hostingPlansTabbed .plan-choice .choice-option {
  -webkit-transition: color 120ms linear;
  -moz-transition: color 120ms linear;
  -o-transition: color 120ms linear;
  -ms-transition: color 120ms linear;
  transition: color 120ms linear;
  cursor: pointer;
  cursor: hand;
}
.hostingPlansTabbed .plan-choice .choice-option--dv.is-active {
  color: #67a8da;
}
.hostingPlansTabbed .plan-choice .choice-option--dvDev.is-active {
  color: #29cbcf;
}
.hostingPlansTabbed .plan-media {
  width: 45%;
  float: left;
}
@media (max-width: 767px) {
  .hostingPlansTabbed .plan-media {
    display: none;
  }
}
.hostingPlansTabbed .plan-info {
  width: 52%;
  float: right;
  font-size: 14px;
}
.hostingPlansTabbed .plan-info.plan-info--full {
  width: 100%;
}
@media (max-width: 767px) {
  .hostingPlansTabbed .plan-info {
    margin: 0;
  }
}
.hostingPlansTabbed .plan-info-col {
  width: 50%;
  float: left;
}
.hostingPlansTabbed .plan-info-col:first-child {
  padding-right: 20px;
  border-right: 1px solid #e6e6e6;
}
@media (max-width: 960px) {
  .hostingPlansTabbed .plan-info-col:first-child {
    border-right: none;
    border-bottom: 1px solid #e6e6e6;
    margin-bottom: 30px;
    margin-bottom: 1.875rem;
  }
}
@media (max-width: 767px) {
  .hostingPlansTabbed .plan-info-col:first-child {
    border: none;
    margin: 0;
  }
}
.hostingPlansTabbed .plan-info-col:last-child {
  padding-left: 20px;
}
@media (max-width: 767px) {
  .hostingPlansTabbed .plan-info-col:last-child {
    display: none;
  }
}
@media (max-width: 960px) {
  .hostingPlansTabbed .plan-info-col {
    padding: 0 !important;
  }
}
.hostingPlansTabbed .plan-info-col .plan-bullets li {
  font-size: 14px;
  margin-bottom: 10px;
}
@media (max-width: 767px) {
  .hostingPlansTabbed .plan-desc {
    margin: 0;
  }
}
.hostingPlansTabbed .switchContent {
  display: none;
}
.hostingPlansTabbed .switchContent.switchContent-isOpen {
  display: block;
}
.hostingPlansTabbed .plan-footer {
  clear: both;
  background: #e6e6e6;
  padding: 30px;
  padding: 1.875rem;
}
.hostingPlansTabbed .plan-footer:before,
.hostingPlansTabbed .plan-footer:after {
  content: " ";
  display: table;
}
.hostingPlansTabbed .plan-footer:after {
  clear: both;
}
.hostingPlansTabbed .plan-footer .promo--month {
  display: none;
}
.hostingPlansTabbed .plan-footer .level-1 .promo--month,
.hostingPlansTabbed .plan-footer .level-2 .promo--month {
  display: inline;
}
.hostingPlansTabbed .plan-footer .level-3 .noPromo--month,
.hostingPlansTabbed .plan-footer .level-4 .noPromo--month,
.hostingPlansTabbed .plan-footer .level-5 .noPromo--month,
.hostingPlansTabbed .plan-footer .level-6 .noPromo--month,
.hostingPlansTabbed .plan-footer .level-7 .noPromo--month {
  display: inline;
}
.hostingPlansTabbed .plan-footer .plan-footer-item {
  position: relative;
}
.hostingPlansTabbed .plan-footer .dropdown {
  margin-right: 30px;
  position: relative;
  display: inline-block;
  *display: inline;
  zoom: 1;
}
@media (max-width: 767px) {
  .hostingPlansTabbed .plan-footer .dropdown {
    margin-bottom: 15px;
    margin-bottom: 0.9375rem;
  }
}
.hostingPlansTabbed .plan-footer .fake-label {
  font-weight: bold;
  color: #191919;
  font-size: 18px;
  font-size: 1.125rem;
  margin-bottom: 7px;
  margin-bottom: 0.4375rem;
  display: block;
  /**
     * Extra help text in `label`s, e.g.:
     *
       <label>Account number <small class="additional">No spaces</small></label>
     *
     */
  position: absolute;
  top: -20px;
  left: 0;
  font-size: 12px;
  font-size: 0.75rem;
}
.hostingPlansTabbed .plan-footer .fake-label .label-tip {
  display: block;
  font-weight: normal;
}
.hostingPlansTabbed .plan-footer .fake-label.label--inline {
  display: inline-block;
  margin-right: 30px;
}
.hostingPlansTabbed .plan-footer .price {
  padding-right: 15px;
  color: #191919;
  font-size: 20px;
  font-size: 1.25rem;
}
@media (min-width: 1200px) {
  .hostingPlansTabbed .plan-footer .thisOrThis {
    width: 65%;
  }
}
.hostingPlansTabbed .plan-footer .footer-utils {
  font-size: 14px;
  font-style: italic;
  color: #666666;
  display: inline;
  padding: 0 15px;
}
@media (max-width: 767px) {
  .hostingPlansTabbed .plan-footer .footer-utils {
    display: block;
    padding-left: 0;
  }
}
.hostingPlansTabbed .plan-footer .billing-label span {
  display: none;
}
.hostingPlansTabbed .plan-footer .billing-label label:nth-child(2) {
  position: relative;
}
.hostingPlansTabbed .plan-footer .billing-label.level-1 span:nth-child(2) {
  display: inline;
}
.hostingPlansTabbed .plan-footer .billing-label.level-2 span:nth-child(3) {
  display: inline;
}
.hostingPlansTabbed .plan-footer .billing-label.level-3 span:nth-child(4) {
  display: inline;
}
.hostingPlansTabbed .plan-footer .billing-label.level-4 span:nth-child(5) {
  display: inline;
}
.hostingPlansTabbed .plan-footer .billing-label.level-5 span:nth-child(6) {
  display: inline;
}
.hostingPlansTabbed .plan-footer .billing-label.level-6 span:nth-child(7) {
  display: inline;
}
.hostingPlansTabbed .plan-footer .billing-label.level-7 span:nth-child(8) {
  display: inline;
}
.hostingPlansTabbed .plan-footer .plan-footer--control-panel,
.hostingPlansTabbed .plan-footer .plan-footer--billing {
  background-color: #ffffff;
  border: 1px solid #cccccc;
  margin-right: 30px;
  margin-right: 1.875rem;
}
.hostingPlansTabbed .plan-footer .plan-footer--control-panel label,
.hostingPlansTabbed .plan-footer .plan-footer--billing label {
  position: relative;
}
.hostingPlansTabbed .plan-footer .plan-footer--control-panel label:first-child,
.hostingPlansTabbed .plan-footer .plan-footer--billing label:first-child {
  margin-right: 15px;
  margin-right: 0.9375rem;
}
@media (max-width: 767px) {
  .hostingPlansTabbed .plan-footer .plan-footer--billing label:first-child {
    margin-bottom: 15px;
    margin-bottom: 0.9375rem;
  }
}
@media (max-width: 767px) {
  .hostingPlansTabbed .plan-footer {
    background: #f9f9f9;
  }
}
.hostingPlansTabbed .plan-footer .value-prop {
  position: absolute;
  margin: 0;
  width: 100%;
  left: 0;
  text-align: center;
}
.hostingPlansTabbed .plan-footer .value-prop strong {
  color: #ffffff;
  background-color: #67a8da;
  padding: 2px 6px;
}
@media (max-width: 767px) {
  .hostingPlansTabbed .plan-footer .value-prop {
    bottom: -26px;
  }
}
@media (max-width: 960px) {
  .hostingPlansTabbed .plan-media,
  .hostingPlansTabbed .plan-info,
  .hostingPlansTabbed .plan-info-col {
    float: none;
    width: 100%;
  }
  .hostingPlansTabbed .plan-media {
    margin-bottom: 30px;
    margin-bottom: 1.875rem;
  }
}
.plan--dv .plan-footer {
  padding-top: 45px;
  padding-top: 2.8125rem;
}
@media (max-width: 960px) {
  .plan--dv .plan-footer .plan-footer-item {
    margin-bottom: 30px;
    margin-bottom: 1.875rem;
  }
}
@media (max-width: 767px) {
  .plan--dv .plan-footer .plan-footer-item {
    margin-bottom: 30px;
    margin-bottom: 1.875rem;
  }
}
.responsiveTabs-list {
  border: 1px solid #ededed;
  border-bottom: 5px solid #ededed;
  margin: 0;
}
.responsiveTabs-list li .price {
  display: block;
  font-weight: 500;
  font-size: 26px;
  font-size: 1.625rem;
  padding-top: 30px;
  padding-top: 1.875rem;
}
.responsiveTabs-list li .price small {
  text-transform: none;
  font-size: 65%;
}
.responsiveTabs-list li .price.price--quote {
  font-size: 20px;
  font-size: 1.25rem;
}
@media (min-width: 768px) and (max-width: 1199px) {
  .responsiveTabs-list li .price {
    font-size: 22px;
    font-size: 1.375rem;
  }
  .responsiveTabs-list li .price small {
    font-size: 60%;
  }
}
@media (max-width: 767px) {
  .responsiveTabs-list li .price {
    display: inline-block;
    *display: inline;
    zoom: 1;
  }
}
.responsiveTabs-list li .price--from {
  position: relative;
}
.responsiveTabs-list li .price--from:before {
  content: "FROM";
  position: absolute;
  top: 12px;
  left: 18px;
  color: #b3b3b3;
  font-size: 12px;
}
.responsiveTabs-list li .u-strikethrough {
  margin-right: 5px;
}
.interceptor header {
  position: relative;
}
.interceptor header:before,
.interceptor header:after {
  content: " ";
  display: table;
}
.interceptor header:after {
  clear: both;
}
.interceptor h2 {
  float: left;
  text-transform: uppercase;
  margin-right: 60px;
}
@media (max-width: 1224px) {
  .interceptor h2 {
    float: none;
  }
}
.interceptor p.h3 {
  float: left;
}
@media (max-width: 1224px) {
  .interceptor p.h3 {
    float: none;
  }
}
.interceptor-actions {
  position: absolute;
  right: 0;
  top: 0;
}
.interceptor-actions .tip {
  margin: 0;
}
@media (min-width: 481px) and (max-width: 767px) {
  .interceptor-actions {
    position: static;
    float: right;
    margin-bottom: 30px;
    margin-bottom: 1.875rem;
  }
}
@media (max-width: 480px) {
  .interceptor-actions {
    position: static;
    float: none;
    clear: both;
    margin-bottom: 30px;
    margin-bottom: 1.875rem;
  }
}
.interceptor-actions.interceptor-actions--alt {
  position: static;
  float: right;
}
.interceptor--alt .content {
  display: table;
  width: 100%;
}
.interceptor--alt .interceptor-heading {
  letter-spacing: 1px;
  margin: 0;
  padding: 0 30px 0 0;
  vertical-align: middle;
  line-height: 65px;
  line-height: 4.0625rem;
  display: inline-block;
  *display: inline;
  zoom: 1;
}
.interceptor--alt .btn {
  vertical-align: middle;
}
.interceptor--alt .interceptor-col {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}
@media (max-width: 767px) {
  .interceptor--alt .content {
    display: block;
  }
  .interceptor--alt .content .interceptor-heading {
    display: block;
    line-height: normal;
    margin: 0 0 30px 0;
  }
  .interceptor--alt .content .interceptor-col {
    display: block;
    text-align: left;
  }
}
/**!
 * Legal Promotion
 *
 * Legal component for page promotion
 * ============================================================= */
.c-legal-promotion__copy {
  margin-top: 7%;
  margin-bottom: 7%;
}
@media (min-width: 960px) {
  .c-legal-promotion__copy {
    margin-top: 3%;
    margin-bottom: 3%;
  }
}
.c-legal-promotion--medium .c-legal-promotion__copy {
  font-size: 14px;
}
.c-legal-promotion--small .c-legal-promotion__copy {
  font-size: 12px;
}
/**!
 * Not a customer
 *
 * Not a customer widget
 * ========================================================================== */
.notACustomer .notACustomer--text {
  font-weight: normal;
  font-size: 18px;
  font-size: 1.125rem;
}
.notACustomer .notACustomer--text .cta {
  margin-left: 5px;
}
@media (max-width: 767px) {
  .notACustomer .notACustomer--text {
    font-size: 16px;
    font-size: 1rem;
  }
}
/**!
 * Our Clients
 *
 * Our clients module. Can be used all over the website.
 * =========================================================================== */
.clientList img {
  max-width: 100%;
  width: 180px;
}
@media (max-width: 767px) {
  .clientList img {
    margin: 0 auto;
    display: block;
  }
}
@media (max-width: 480px) {
  .clientList img {
    width: 50%;
    height: auto;
  }
}
@media (min-width: 768px) and (max-width: 1095px) {
  .clientList .grid-col {
    margin-bottom: 40px;
  }
}
@media (max-width: 767px) {
  .clientList .grid-col {
    margin-bottom: 40px;
  }
  .clientList .grid-col:nth-child(6) {
    margin-bottom: 0;
  }
}
/*
* Product page module
* This only applies to the Our Clients modules on product pages, where logos are stacked and accompany a client quote
*/
@media (max-width: 767px) {
  .productClients .grid-col:first-child {
    margin-bottom: 30px;
  }
}
.productClients .clientList .grid-col {
  margin-bottom: 40px;
}
/**!
 * Our Team
 *
 * Our team module as used on about page
 * =========================================================================== */
.ourTeam .person {
  overflow: hidden;
  margin-bottom: 65px;
  margin-bottom: 4.0625rem;
}
.ourTeam .person-media {
  position: relative;
  overflow: hidden;
  height: 0;
  padding-bottom: 0;
  padding-top: 0;
  padding-bottom: 100%;
}
.ourTeam .person-media img {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}
.ourTeam .person-info {
  background: #282B2D;
  color: #f4f4f4;
  font-size: 14px;
  padding: 20px 10px 0 20px;
  max-height: 100px;
  height: 100px;
}
.ourTeam .person-info p {
  margin: 0;
}
.ourTeam.ourTeam--small .person-info {
  max-height: 80px;
  height: 80px;
}
.ourTeam .person-name {
  margin-bottom: 10px;
  color: #b3b3b3;
  text-transform: capitalize;
}
.ourTeam .person-role {
  color: #808080;
}
.ourTeam--small {
  padding-bottom: 0;
  padding-top: 30px;
  padding-top: 1.875rem;
  padding-bottom: 30px;
  padding-bottom: 1.875rem;
}
.ourTeam--small .person-role {
  font-size: 12px;
}
.page--ourTeam .ourTeam--small:first-of-type {
  padding-top: 90px;
  padding-top: 5.625rem;
}
.page--ourTeam .ourTeam--small:last-of-type {
  padding-bottom: 135px;
  padding-bottom: 8.4375rem;
}
/**!
 * Product Overview
 *
 * Product overview module on all product pages
 * =========================================================================== */
.prodOverview header {
  position: relative;
}
.prodOverview header:before,
.prodOverview header:after {
  content: " ";
  display: table;
}
.prodOverview header:after {
  clear: both;
}
.prodOverview h2 {
  float: left;
  text-transform: uppercase;
}
.prodOverview-intro {
  margin-bottom: 60px;
  margin-bottom: 3.75rem;
}
@media (max-width: 767px) {
  .prodOverview-specs ul {
    margin-bottom: 20px;
    margin-bottom: 1.25rem;
    font-size: 16px;
  }
}
.prodOverview-specs li {
  margin-bottom: 40px;
  margin-bottom: 2.5rem;
}
.prodOverview-specs li .icon {
  margin-right: 20px;
  margin-right: 1.25rem;
}
.prodOverview-specs li .lush {
  margin-right: 20px;
  margin-right: 1.25rem;
}
@media (max-width: 767px) {
  .prodOverview-specs li {
    margin-bottom: 20px;
    margin-bottom: 1.25rem;
  }
}
.prodOverview-actions {
  position: absolute;
  right: 0;
  top: 0;
}
.prodOverview-actions.prodOverview-actions--static {
  position: static;
}
.prodOverview-actions .tip {
  font-size: 11px;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #808080;
  padding: 10px 0;
}
.prodOverview-actions .tip a {
  color: inherit;
}
.prodOverview-actions .tip--alt {
  letter-spacing: 1px;
  color: #fff;
  font-size: 16px;
  font-size: 1rem;
}
@media (min-width: 481px) and (max-width: 767px) {
  .prodOverview-actions {
    position: static;
    float: right;
    margin-bottom: 30px;
    margin-bottom: 1.875rem;
  }
}
@media (max-width: 480px) {
  .prodOverview-actions {
    position: static;
    float: none;
    clear: both;
    margin-bottom: 30px;
    margin-bottom: 1.875rem;
  }
}
.page--vpsAlt .prodOverview-actions {
  display: none;
}
.priceUnit {
  display: block;
  margin-bottom: 10px;
  font-size: 34px;
  font-size: 2.125rem;
  line-height: 34px;
  line-height: 2.125rem;
}
.priceUnit sub {
  vertical-align: middle;
  font-size: 18px;
  font-size: 1.125rem;
}
.priceUnit-tip {
  font-size: 11px;
  line-height: 12px;
  margin-bottom: 4px;
  text-transform: uppercase;
  color: #cccccc;
  letter-spacing: 2px;
  display: block;
}
.priceUnit--graphite .priceUnit-tip {
  color: #282B2D;
}
/**!
 * Product Specs
 *
 * Specs section on each product page.
 * =========================================================================== */
@media (max-width: 767px) {
  .productSpecs .list--specs {
    margin-bottom: 30px;
    margin-bottom: 1.875rem;
  }
}
/**!
 * Product Carousel
 *
 * Product carousel module on product pages
 * =========================================================================== */
.prodOverview-carousel,
.carousel {
  position: relative;
}
.prodOverview-carousel .carousel-content,
.carousel .carousel-content {
  overflow: hidden;
  white-space: nowrap;
  width: 88%;
  margin: 0 auto;
  float: none;
}
@media (max-width: 767px) {
  .prodOverview-carousel .carousel-content,
  .carousel .carousel-content {
    width: auto;
  }
}
.prodOverview-carousel .carousel-content--small,
.carousel .carousel-content--small {
  width: 85%;
}
.carousel-col {
  width: 30%;
  padding: 30px;
  position: relative;
  vertical-align: top;
  background-color: #f9f9f9;
  -webkit-transition: all 250ms ease-in-out;
  -moz-transition: all 250ms ease-in-out;
  -o-transition: all 250ms ease-in-out;
  -ms-transition: all 250ms ease-in-out;
  transition: all 250ms ease-in-out;
  display: inline-block;
  *display: inline;
  zoom: 1;
}
.carousel-col p small {
  text-transform: uppercase;
}
.carousel-col sub {
  bottom: 0;
}
.carousel-col:nth-child(1) {
  margin-right: 5%;
}
@media (max-width: 767px) {
  .carousel-col:nth-child(1) {
    margin-right: 0;
  }
}
.carousel-col:nth-child(2) {
  background: #fff;
  border: 1px solid #e6e6e6;
  margin: 0 0 15px 0;
}
.carousel-col:nth-child(2):hover {
  border-color: #999999;
}
.carousel-col:nth-child(2) a {
  margin-top: 16px;
  margin-top: 1rem;
}
.carousel-col:nth-child(3) {
  margin-left: 5%;
}
@media (max-width: 767px) {
  .carousel-col:nth-child(3) {
    margin-left: 0;
  }
}
.carousel-col:nth-child(4) {
  margin-right: 5%;
}
@media (max-width: 767px) {
  .carousel-col:nth-child(4) {
    margin-right: 0;
  }
}
.carousel-col:nth-child(6) {
  margin-left: 5%;
}
@media (max-width: 767px) {
  .carousel-col:nth-child(6) {
    margin-left: 0;
  }
}
.carousel-col.carousel-col--full {
  width: 100%;
  margin: 0;
  background: transparent;
  padding: 0;
}
@media (max-width: 767px) {
  .carousel-col.carousel-col--full {
    margin-bottom: 30px;
  }
}
@media (max-width: 767px) {
  .carousel-col {
    width: 100%;
    display: block;
    margin-bottom: 15px;
  }
  .carousel-col:nth-child(1n+4) {
    display: none;
  }
}
.carousel-col p:first-child {
  border-bottom: 1px solid #ccc;
  padding: 0 0 15px 0;
  margin: 0 0 15px 0;
  margin-bottom: 30px;
  margin-bottom: 1.875rem;
  font-family: inherit;
  font-weight: normal;
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  font-size: 24px;
  font-size: 1.5rem;
  letter-spacing: 0;
}
.carousel-col p:first-child.heading--tight {
  margin-bottom: 15px !important;
}
.carousel-col p:first-child a {
  font-size: inherit;
}
.carousel-col p:first-child strong {
  font-weight: 600;
}
.carousel-col p:first-child.u-textAllcaps {
  letter-spacing: 1px;
  letter-spacing: 0.0625rem;
}
@media (min-width: 481px) and (max-width: 767px) {
  .carousel-col p:first-child {
    font-size: 22px;
    font-size: 1.375rem;
  }
}
@media (max-width: 480px) {
  .carousel-col p:first-child {
    font-size: 20px;
    font-size: 1.25rem;
  }
}
.carousel-col a {
  margin: 30px 0 0 0;
  display: inline-block;
}
.carousel-col-media,
.carousel-col-body {
  vertical-align: top;
  max-width: 480px;
  display: inline-block;
  *display: inline;
  zoom: 1;
}
@media (max-width: 480px) {
  .carousel-col-media,
  .carousel-col-body {
    display: block;
    width: 95% !important;
  }
}
.carousel-col-media {
  width: 52%;
}
.carousel-col-media img {
  max-width: 100%;
}
.carousel-col-body {
  width: 48%;
  padding: 30px;
  white-space: normal;
}
.carousel-col-body .title {
  text-transform: uppercase;
}
@media (max-width: 767px) {
  .carousel-col-body {
    padding: 0 15px;
  }
  .carousel-col-body .title {
    margin-bottom: 15px;
  }
}
@media (max-width: 480px) {
  .carousel-col-body {
    padding: 15px 0;
  }
}
/* DV Enterprise style
* =========================================================================== */
.carousel-col--enterprise {
  margin: 0 0 0 20%;
  width: 60%;
}
.carousel-col--enterprise .enterprise-marketing {
  width: 60%;
  white-space: normal;
  float: left;
  padding-right: 30px;
}
.carousel-col--enterprise .enterprise-marketing p:first-child {
  border-bottom: none;
  padding-bottom: 0;
}
@media (max-width: 767px) {
  .carousel-col--enterprise .enterprise-marketing p:last-child {
    margin-bottom: 15px;
    margin-bottom: 0.9375rem;
  }
}
@media (max-width: 767px) {
  .carousel-col--enterprise .enterprise-marketing {
    float: none;
    padding-right: 0;
    width: 100%;
  }
}
.carousel-col--enterprise .enterprise-specs {
  width: 40%;
  float: right;
  padding-left: 30px;
  border-left: 1px solid #ccc;
  white-space: normal;
}
@media (max-width: 767px) {
  .carousel-col--enterprise .enterprise-specs {
    float: none;
    padding-left: 0;
    border-left: 0;
    width: 100%;
  }
}
@media (max-width: 767px) {
  .carousel-col--enterprise {
    margin: 0 0 15px 0;
    width: 100%;
  }
}
.carousel-col--enterprise a {
  margin-top: 16px;
  margin-top: 1rem;
}
.carousel-col.js-carousel--visible {
  display: inline-block;
}
@media (max-width: 767px) {
  .carousel-col.js-carousel--visible {
    display: block;
  }
}
/* Carousel controls: left, right, mobile reveal/hide
* =========================================================================== */
.carousel-control {
  position: absolute;
  top: 28%;
  padding: 40px 10px;
}
.carousel-control:hover {
  text-decoration: none;
}
@media (max-width: 767px) {
  .carousel-control {
    display: none;
  }
}
.carousel-control--left {
  left: 0;
}
.carousel-control--right {
  right: 0;
}
.carousel-more {
  display: none;
  border: 0;
  margin: 0 auto;
  text-align: center;
}
@media (max-width: 767px) {
  .carousel-more.js-morebutton--active {
    display: block;
  }
}
/* Position-based styles
*
* Here we set which controls are visible depending on the carousel's position.
* =========================================================================== */
.position-1 .carousel-col {
  left: 0;
}
.position-1 .carousel-control--left {
  cursor: default;
  color: #cccccc;
}
.position-1 .carousel-control--left:hover {
  color: #cccccc;
}
.position-1 .carousel-control--right {
  display: block;
}
.position-2 .carousel-col {
  left: -100%;
}
.position-2 .carousel-control--left {
  display: block;
}
.position-2 .carousel-control--right {
  display: block;
}
.position-3 .carousel-col {
  left: -200%;
}
.position-3 .carousel-control--left {
  display: block;
}
.position-3 .carousel-control--right {
  cursor: default;
  color: #cccccc;
}
.position-3 .carousel-control--right:hover {
  color: #cccccc;
}
/* The carousel columns need to return to the original position on mobile.
* We don't want the carousel left/right arrows visible on mobile in any position. */
@media (max-width: 767px) {
  div[class^="position-"] .carousel-col,
  div[class*=" position-"] .carousel-col {
    left: 0;
  }
}
@media (max-width: 767px) {
  div[class^="position-"] .carousel-control,
  div[class*=" position-"] .carousel-control {
    display: none !important;
  }
}
.planOption {
  padding: 30px;
  vertical-align: top;
  background: #f8f8f8;
  border: 1px solid #e6e6e6;
  position: relative;
  margin: -1px;
  width: 100%;
  margin-bottom: 30px;
  margin-bottom: 1.875rem;
  display: inline-block;
  *display: inline;
  zoom: 1;
  -webkit-transition: all 150ms ease-in-out;
  -moz-transition: all 150ms ease-in-out;
  -o-transition: all 150ms ease-in-out;
  -ms-transition: all 150ms ease-in-out;
  transition: all 150ms ease-in-out;
}
.planOption.planOption--featured {
  background: #fff;
}
.planOption.planOption--featured:hover {
  border-color: #999999;
}
.planOption.planOption--featured:after {
  content: "Popular";
  position: absolute;
  top: -1px;
  right: -1px;
  background: #9e7fb9;
  padding: 5px 14px;
  font-size: 14px;
  color: #fff;
  -webkit-border-bottom-left-radius: 10px;
  -webkit-background-clip: padding-box;
  -moz-border-radius-bottomleft: 10px;
  -moz-background-clip: padding;
  border-bottom-left-radius: 10px;
  background-clip: padding-box;
}
.planOption .planOption-price {
  border-bottom: 1px solid #cccccc;
  font-size: 26px;
  font-size: 1.625rem;
  padding-bottom: 20px;
  padding-bottom: 1.25rem;
}
.planOption .enterprise-marketing {
  width: 60%;
  white-space: normal;
  float: left;
  padding-right: 30px;
}
.planOption .enterprise-marketing p:first-child {
  border-bottom: none;
  padding-bottom: 0;
}
@media (max-width: 767px) {
  .planOption .enterprise-marketing p:last-child {
    margin-bottom: 15px;
    margin-bottom: 0.9375rem;
  }
}
@media (max-width: 767px) {
  .planOption .enterprise-marketing {
    float: none;
    padding-right: 0;
    width: 100%;
  }
}
.planOption .enterprise-specs {
  width: 40%;
  float: right;
  padding-left: 30px;
  border-left: 1px solid #ccc;
}
@media (max-width: 767px) {
  .planOption .enterprise-specs {
    float: none;
    padding-left: 0;
    border-left: 0;
    width: 100%;
  }
}
/**!
 * Promo element styles
 *
 * Here we includes stuff like styles for promotional banners, flags, timers, etc.
 * =========================================================================== */
.promo--hero-flag {
  position: absolute;
  right: 0;
  top: 0;
}
.promo--hero-flag img {
  position: relative;
  z-index: 201;
}
.promo--hero-flag .promo--hero-flag--callout {
  position: absolute;
  z-index: 202;
  top: 25px;
  width: 100%;
  text-align: center;
  color: #ffffff;
  font-size: 15px;
  font-size: 0.9375rem;
}
.promo--hero-flag .promo--hero-flag--callout span {
  /* text-transform:uppercase; */
  font-weight: bold;
  line-height: 20px;
  /* .font-size(16px); */
}
.promo--hero-flag .promo--hero-flag--callout .cta,
.promo--hero-flag .promo--hero-flag--callout .cta--go {
  color: #333333;
  line-height: 1.25;
  font-size: 16px;
  font-size: 1rem;
}
.promo--hero-flag .promo--hero-flag--callout .cta .icon,
.promo--hero-flag .promo--hero-flag--callout .cta--go .icon {
  color: #333333;
}
.promo--hero-flag .promo--hero-flag--callout .cta:hover,
.promo--hero-flag .promo--hero-flag--callout .cta--go:hover {
  color: #ffffff;
}
.promo--hero-flag .promo--hero-flag--callout .cta:hover .icon,
.promo--hero-flag .promo--hero-flag--callout .cta--go:hover .icon {
  color: #ffffff;
}
@media (max-width: 1224px) {
  .promo--hero-flag {
    right: 30px;
  }
}
/* Grid SSD Promo module */
.promo--grid-ssd img {
  margin: 0 auto;
}
.promo--grid-ssd .illustrations {
  text-align: center;
}
.promo--grid-ssd .illustrations--caption .h4 {
  margin-bottom: 20px;
  margin-bottom: 1.25rem;
}
.promo--grid-ssd .illustrations--labels .h4 {
  margin-top: 20px;
  margin-top: 1.25rem;
  margin-bottom: 0;
}
@media (max-width: 767px) {
  .promo--grid-ssd .illustrations--labels .grid-col:first-child .h4 {
    margin-bottom: 20px;
    margin-bottom: 1.25rem;
  }
}
.page--home .flag--grid {
  display: none;
}
.page--grid .promo--hero-flag--callout {
  top: 38px;
}
.page--grid .flag--home {
  display: none;
}
.page--grid .flag--grid {
  display: none;
}
@media (max-width: 767px) {
  .page--sxswLanding .promo--hero-flag {
    display: none;
  }
}
.page--sxswLanding .sxsw-post {
  margin-bottom: 30px;
}
.page--sxswLanding .post-image img {
  width: 100%;
  height: auto;
}
.page--sxswLanding .post-blurb {
  margin-top: 20px;
}
.page--sxswLanding .post-blurb img {
  max-width: 100%;
  height: auto;
}
.page--sxswLanding .sxsw--sidebar {
  min-height: 600px;
  height: 100%;
  padding-bottom: 20px;
}
@media (min-width: 768px) and (max-width: 1199px) {
  .page--sxswLanding .sxsw--sidebar {
    padding-left: 40px;
  }
}
.page--sxswLanding .open--house {
  margin-bottom: 10px;
}
.page--sxswLanding .party-info-box {
  border: 1px solid;
  padding: 10px;
}
.page--sxswLanding .open-house-info {
  list-style-type: none;
  padding: 0;
  margin-left: 0px;
  margin-bottom: 0px;
}
.page--sxswLanding .open-house-info li {
  margin-top: 5px;
  margin-bottom: 5px;
  line-height: 17px;
  font-size: 15px;
}
.page--sxswLanding .vip {
  margin-top: -15px;
}
.page--sxswLanding .info--box {
  margin-top: 20px;
  margin-bottom: 40px;
}
.page--sxswLanding .social--bar {
  height: 100px;
  margin: 0 auto;
  text-align: center;
}
.page--sxswLanding .sharing-icon {
  fill: #282b2d;
  pointer-events: all;
}
.page--sxswLanding .instagram-icon {
  width: 25px;
  height: auto;
  position: relative;
  top: -8px;
}
.page--sxswLanding .snapchat-icon {
  width: ;
  height: auto;
  position: relative;
  top: -6px;
}
.page--sxswLanding .twitter-icon {
  width: ;
  height: auto;
  position: relative;
  top: -4px;
}
.page--sxswLanding .facebook-icon {
  width: ;
  height: auto;
  position: relative;
  top: -7px;
}
.page--sxswLanding .linkedin-icon {
  width: ;
  height: auto;
  position: relative;
  top: -7px;
}
.page--sxswLanding .sharing-icon:hover {
  fill: #48e0a4;
}
.page--sxswLanding .social-media-bar {
  height: 40px;
  text-align: center;
}
.page--sxswLanding .social-media-bar img {
  width: 75%;
}
.page--sxswLanding .social--icon {
  float: none;
  display: inline-block;
}
.page--sxswLanding .sxsw-poster {
  width: 100%;
  margin-bottom: 20px;
}
.page--sxswLanding .sxsw-poster img {
  width: 100%;
}
.page--sxswLanding .sxsw--info {
  height: 200px;
  margin-top: 30px;
  margin-bottom: 20px;
}
.page--sxswLanding .sxsw--info .sxsw--whoWhatWhere {
  height: 40px;
}
.page--sxswLanding .wufooSXSW {
  margin-top: 30px;
}
@media (max-width: 767px) {
  .page--sxswLanding .insta-pics {
    width: 25%;
    float: left;
    padding: 5px;
  }
}
.page--sxswLanding .sxsw-hashtag {
  margin-top: 30px;
  margin-bottom: 10px;
}
.page--sxswLanding .instafollow {
  margin-top: 20px;
}
/**!
 * Referral link builder
 * =========================================================================== */
.referralLinkBuilder .domainInput {
  width: 100%;
  max-width: 800px;
}
.referralLinkBuilder .domainInput,
.referralLinkBuilder .domainSubmit {
  margin-bottom: 20px;
  margin-bottom: 1.25rem;
}
.referralLinkBuilder .linkBuilder-results,
.referralLinkBuilder .socialSharing {
  display: none;
}
.referralLinkBuilder .validationMessage {
  display: none;
  padding: 0 0 20px 0;
}
.referralLinkBuilder .validationMessage.error {
  color: #d9534f;
}
.referralLinkBuilder .validationMessage.warning {
  color: #f0ad4e;
}
/**!
 * Subnav
 *
 * Subnav used on product pages
 * =========================================================================== */
.subNav {
  height: 62px;
  overflow: hidden;
  top: -65px;
}
.subNav .nav {
  margin: 0 auto;
  padding: 0;
  max-width: 1220px;
  padding-left: 20px;
  padding-right: 20px;
  text-align: left;
}
.subNav .nav .nav-item {
  line-height: 60px;
  text-align: left !important;
  margin-right: 90px;
}
.subNav .nav .nav-item:last-child {
  margin: 0;
}
.subNav .nav .nav-action {
  margin-top: 8px;
  display: none;
}
.subNav .nav .nav-action .nav-action-faq {
  position: relative;
  left: -20px;
}
.subNav .nav .affiliate-action {
  margin-top: 8px;
  display: none;
}
.subNav .nav .affiliate-action .affiliate-action-faq {
  position: relative;
  left: -20px;
}
.subNav .nav .nav-link {
  line-height: 60px;
  text-transform: uppercase;
  letter-spacing: 1px;
  text-align: left;
  color: #f4f4f4;
  font-size: 15px;
  font-size: 0.9375rem;
  display: inline-block;
  *display: inline;
  zoom: 1;
}
.subNav .nav .nav-link:hover {
  color: #fff;
  text-decoration: none;
}
.subNav .nav .nav-link span {
  border-bottom: 0px solid transparent;
  padding-bottom: 6px;
  -webkit-transition: all 0.2s ease-in;
  -moz-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  -ms-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
}
.subNav .nav li.active span {
  border-bottom: 2px solid #48e0a4;
  padding-bottom: 2px;
}
@media (max-width: 767px), (min-width: 768px) and (max-width: 1199px) {
  .subNav {
    display: none;
  }
}
.subNav-outerWrap {
  text-align: center;
  height: 60px;
}
.stuck {
  position: fixed;
  top: 0;
  z-index: 10000;
  width: 100%;
}
.stuck .nav .nav-item {
  line-height: 60px;
}
.stuck .nav .nav-link {
  line-height: 30px;
}
/* ==========================================================================
   Subnav Dark
   ========================================================================== */
/**
 * shared
 */
.strip--graphite.subNav ul li .nav-link,
.strip--darkGraphite.subNav ul li .nav-link {
  color: #f4f4f4;
}
.strip--graphite.subNav ul li .nav-link:hover,
.strip--darkGraphite.subNav ul li .nav-link:hover {
  color: #fff;
}
.strip--graphite.subNav .subNav-innerWrap,
.strip--darkGraphite.subNav .subNav-innerWrap {
  border-bottom: 1px solid #333333;
}
/**
 * graphite
 */
.strip--graphite.subNav ul span {
  border-color: #282B2D;
}
.strip--graphite.subNav .stuck {
  background: #1C1C1E;
}
/**
 * dark graphite
 */
.strip--darkGraphite.subNav ul span {
  border-color: #1C1C1E;
}
.strip--darkGraphite.subNav .stuck {
  background: #1C1C1E;
}
/* ==========================================================================
   Subnav Light
   ========================================================================== */
/**
 * shared
 */
.strip--light.subNav .nav-link,
.strip--frost.subNav .nav-link {
  color: #282B2D;
}
.strip--light.subNav .nav-link:hover,
.strip--frost.subNav .nav-link:hover {
  color: #000;
}
.strip--light.subNav .subNav-innerWrap,
.strip--frost.subNav .subNav-innerWrap {
  border-bottom: 1px solid #e6e6e6;
}
/**
 * light
 */
.strip--light.subNav ul span {
  border-color: #fff;
}
.strip--light.subNav .stuck {
  background: #fff;
}
/**
 * dark graphite
 */
.strip--frost.subNav ul span {
  border-color: #f4f4f4;
}
.strip--frost.subNav .stuck {
  background: #f4f4f4;
}
/* ==========================================================================
   Active states
   ========================================================================== */
.page--virb .subNav ul li.active span {
  border-color: #0093da;
}
.page--grid .subNav ul li.active span {
  border-color: #f26767;
}
.page--dvManaged .subNav ul li.active span,
.page--dv .subNav ul li.active span {
  border-color: #67a8da;
}
.page--dvDeveloper .subNav ul li.active span {
  border-color: #29cbcf;
}
.page--dedicatedServer .subNav ul li.active span {
  border-color: #ffd02b;
}
.page--managedHosting .subNav ul li.active span {
  border-color: #9e7fb9;
}
.page--wordpress .subNav ul li.active span {
  border-color: #FFD02B;
}
.nav-action-faq {
  position: relative;
  left: -20px;
}
/**!
 * Twitter Widget Module
 *
 * Twitter module that displays and cycles through tweets.
 *
 * NOTE: Deprecated for using testimonials; use o-testimonial instead
 * - Kevin Pamaran (5/9/18)
 * =========================================================================== */
.twitterWidget .twitterIcon {
  position: relative;
  top: -25px;
}
.twitterWidget .twitterIcon .icon {
  color: #55acee;
  font-size: 90px;
  font-size: 5.625rem;
}
@media (max-width: 767px) {
  .twitterWidget .twitterIcon {
    display: none;
  }
}
.twitterWidget .twitterIcon-img {
  width: auto;
}
@media (min-width: 768px) {
  .twitterWidget .twitterIcon-img {
    width: 100%;
    max-width: 300px;
  }
}
@media (max-width: 767px) {
  .twitterWidget .twitterIcon--image {
    text-align: center;
    display: block;
  }
}
.twitterWidget.strip--graphite .twitterIcon .icon,
.twitterWidget.strip--darkGraphite .twitterIcon .icon {
  color: #fff;
}
.twitterWidget .tweetList-tweet {
  display: none;
}
.twitterWidget .tweetList-tweet:first-child {
  display: block;
}
.twitterWidget .tweetList-tweet-text {
  font-weight: 300;
  font-size: 24px;
  font-size: 1.5rem;
}
.twitterWidget .tweetList-tweet-author {
  text-align: right;
  font-size: 16px;
  font-size: 1rem;
}
.twitterWidget--flex {
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (max-width: 767px) {
  .twitterWidget--flex {
    flex-flow: wrap;
  }
}
.twitterWidget--flex .twitterWidget .twitterWidget,
.twitterWidget--flex .twitterWidget .twitterIcon,
.twitterWidget--flex .twitterWidget .twitterIcon--image {
  top: auto;
}
.welcomeIntro .lead {
  font-size: 18px;
  color: #cccccc;
}
@media (max-width: 767px) {
  .welcomeIntro .lead {
    font-size: 14px;
  }
}
.welcomeIntro .learnMoreLink {
  color: #808080;
  font-size: 14px;
}
.welcomeIntro .learnMoreLink:hover {
  color: #b3b3b3;
}
.welcomeIntro .hostingContent {
  display: none;
  color: #cccccc;
}
.welcomeIntro .hostingContent .h5 {
  margin-bottom: 7.5px;
}
.welcomeIntro .hostingContent p,
.welcomeIntro .hostingContent li {
  font-size: 14px;
}
.welcomeIntro .hostingContent a {
  color: #999999;
  text-decoration: underline;
}
.welcomeIntro .hostingContent a:hover {
  color: #cccccc;
}
.insta-grid img {
  padding-bottom: 5px;
}
/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp {
  padding: 0;
  margin: 0;
  border: 0;
  outline: none;
  vertical-align: top;
}
.fancybox-wrap {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10020;
}
.fancybox-skin {
  position: relative;
  background: #f9f9f9;
  color: #444;
  text-shadow: none;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.fancybox-opened {
  z-index: 10030;
}
.fancybox-opened .fancybox-skin {
  -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}
.fancybox-outer,
.fancybox-inner {
  position: relative;
}
.fancybox-inner {
  overflow: hidden;
}
.fancybox-type-iframe .fancybox-inner {
  -webkit-overflow-scrolling: touch;
}
.fancybox-error {
  margin: 0;
  padding: 15px;
  white-space: nowrap;
}
.fancybox-image,
.fancybox-iframe {
  display: block;
  width: 100%;
  height: 100%;
}
.fancybox-image {
  max-width: 100%;
  max-height: 100%;
}
#fancybox-loading,
.fancybox-close,
.fancybox-prev span,
.fancybox-next span {
  background-image: url('/_img/fancybox_sprite.png');
}
#fancybox-loading {
  position: fixed;
  top: 50%;
  left: 50%;
  margin-top: -22px;
  margin-left: -22px;
  background-position: 0 -108px;
  opacity: 0.8;
  cursor: pointer;
  z-index: 10060;
}
#fancybox-loading div {
  width: 44px;
  height: 44px;
  background: url('/_img/loading.gif') center center no-repeat;
}
.fancybox-close {
  position: absolute;
  top: -18px;
  right: -18px;
  width: 36px;
  height: 36px;
  cursor: pointer;
  z-index: 10040;
}
.fancybox-nav {
  position: absolute;
  top: 0;
  width: 40%;
  height: 100%;
  cursor: pointer;
  text-decoration: none;
  background: transparent url('/_img/blank.gif');
  /* helps IE */
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  z-index: 10040;
}
.fancybox-prev {
  left: 0;
}
.fancybox-next {
  right: 0;
}
.fancybox-nav span {
  position: absolute;
  top: 50%;
  width: 36px;
  height: 34px;
  margin-top: -18px;
  cursor: pointer;
  z-index: 10040;
  visibility: hidden;
}
.fancybox-prev span {
  left: 10px;
  background-position: 0 -36px;
}
.fancybox-next span {
  right: 10px;
  background-position: 0 -72px;
}
.fancybox-nav:hover span {
  visibility: visible;
}
.fancybox-tmp {
  position: absolute;
  top: -99999px;
  left: -99999px;
  visibility: hidden;
  max-width: 99999px;
  max-height: 99999px;
  overflow: visible !important;
}
/* Overlay helper */
.fancybox-lock {
  overflow: hidden !important;
  width: auto;
}
.fancybox-lock body {
  overflow: hidden !important;
}
.fancybox-lock-test {
  overflow-y: hidden !important;
}
.fancybox-overlay {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  display: none;
  z-index: 10010;
  background: url('/_img/fancybox_overlay.png');
}
.fancybox-overlay-fixed {
  position: fixed;
  bottom: 0;
  right: 0;
}
.fancybox-lock .fancybox-overlay {
  overflow: auto;
  overflow-y: scroll;
}
/* Title helper */
.fancybox-title {
  visibility: hidden;
  font: normal 13px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
  position: relative;
  text-shadow: none;
  z-index: 10050;
}
.fancybox-opened .fancybox-title {
  visibility: visible;
}
.fancybox-title-float-wrap {
  position: absolute;
  bottom: 0;
  right: 50%;
  margin-bottom: -35px;
  z-index: 10050;
  text-align: center;
}
.fancybox-title-float-wrap .child {
  display: inline-block;
  margin-right: -100%;
  padding: 2px 20px;
  background: transparent;
  /* Fallback for web browsers that doesn't support RGBa */
  background: rgba(0, 0, 0, 0.8);
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  text-shadow: 0 1px 2px #222;
  color: #FFF;
  font-weight: bold;
  line-height: 24px;
  white-space: nowrap;
}
.fancybox-title-outside-wrap {
  position: relative;
  margin-top: 10px;
  color: #fff;
}
.fancybox-title-inside-wrap {
  padding-top: 10px;
}
.fancybox-title-over-wrap {
  position: absolute;
  bottom: 0;
  left: 0;
  color: #fff;
  padding: 10px;
  background: #000;
  background: rgba(0, 0, 0, 0.8);
}
/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  #fancybox-loading,
  .fancybox-close,
  .fancybox-prev span,
  .fancybox-next span {
    background-image: url('/_img/fancybox_sprite@2x.png');
    background-size: 44px 152px;
    /*The size of the normal image, half the size of the hi-res image*/
  }
  #fancybox-loading div {
    background-image: url('/_img/loading.gif');
    background-size: 24px 24px;
    /*The size of the normal image, half the size of the hi-res image*/
  }
}
/**!
 * CSS Only Carousel
 *
 * Straight up port of GalleryCSS: http://benschwarz.github.io/gallery-css/
 * Just renamed all classes to fit our convensions.
 * Handles up to 5 items.
 * 
 * Example Usage:
 *
<div class="carousel  carousel--items3  autoplay">
    <div id="item-1" class="carousel-controlOperator"></div>
    <div id="item-2" class="carousel-controlOperator"></div>
    <div id="item-3" class="carousel-controlOperator"></div>

    <figure class="carousel-item">
        <h1>Slide 1</h1>
    </figure>

    <figure class="carousel-item">
        <h1>Slide 2</h1>
    </figure>

    <figure class="carousel-item">
        <h1>Slide 3</h1>
    </figure>

    <div class="carousel-controls">
        <a href="#item-1" class="carousel-controlButton">•</a>
        <a href="#item-2" class="carousel-controlButton">•</a>
        <a href="#item-3" class="carousel-controlButton">•</a>
    </div>
</div>
 *
 * TODO: Move this to /less/components/ in novastrap
 * =========================================================================== */
.carousel .carousel-controlOperator:target ~ .carousel-controls .carousel-controlButton {
  color: #ccc;
  color: rgba(255, 255, 255, 0.4);
}
.carousel .carousel-controlButton:first-of-type,
.carousel .carousel-controlOperator:nth-of-type(1):target ~ .carousel-controls .carousel-controlButton:nth-of-type(1),
.carousel .carousel-controlOperator:nth-of-type(2):target ~ .carousel-controls .carousel-controlButton:nth-of-type(2),
.carousel .carousel-controlOperator:nth-of-type(3):target ~ .carousel-controls .carousel-controlButton:nth-of-type(3),
.carousel .carousel-controlOperator:nth-of-type(4):target ~ .carousel-controls .carousel-controlButton:nth-of-type(4),
.carousel .carousel-controlOperator:nth-of-type(5):target ~ .carousel-controls .carousel-controlButton:nth-of-type(5) {
  color: white;
  color: rgba(255, 255, 255, 0.8);
}
.carousel .carousel-item:first-of-type {
  position: static;
  pointer-events: auto;
  opacity: 1;
}
.carousel .carousel-item {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  opacity: 0;
  -webkit-transition: opacity .5s;
  -o-transition: opacity .5s;
  transition: opacity .5s;
}
.carousel .carousel-controlOperator {
  display: none;
}
.carousel .carousel-controlOperator:target ~ .carousel-item {
  pointer-events: none;
  opacity: 0;
  -webkit-animation: none;
  -o-animation: none;
  animation: none;
}
.carousel .carousel-controlOperator:target ~ .carousel-controls .carousel-controlButton {
  -webkit-animation: none;
  -o-animation: none;
  animation: none;
}
@-webkit-keyframes controlAnimation-2 {
  0% {
    color: #ccc;
    color: rgba(255, 255, 255, 0.4);
  }
  14.3%,
  50% {
    color: white;
    color: rgba(255, 255, 255, 0.8);
  }
  64.3%,
  100% {
    color: #ccc;
    color: rgba(255, 255, 255, 0.4);
  }
}
@-o-keyframes controlAnimation-2 {
  0% {
    color: #ccc;
    color: rgba(255, 255, 255, 0.4);
  }
  14.3%,
  50% {
    color: white;
    color: rgba(255, 255, 255, 0.8);
  }
  64.3%,
  100% {
    color: #ccc;
    color: rgba(255, 255, 255, 0.4);
  }
}
@keyframes controlAnimation-2 {
  0% {
    color: #ccc;
    color: rgba(255, 255, 255, 0.4);
  }
  14.3%,
  50% {
    color: white;
    color: rgba(255, 255, 255, 0.8);
  }
  64.3%,
  100% {
    color: #ccc;
    color: rgba(255, 255, 255, 0.4);
  }
}
@-webkit-keyframes galleryAnimation-2 {
  0% {
    opacity: 0;
  }
  14.3%,
  50% {
    opacity: 1;
  }
  64.3%,
  100% {
    opacity: 0;
  }
}
@-o-keyframes galleryAnimation-2 {
  0% {
    opacity: 0;
  }
  14.3%,
  50% {
    opacity: 1;
  }
  64.3%,
  100% {
    opacity: 0;
  }
}
@keyframes galleryAnimation-2 {
  0% {
    opacity: 0;
  }
  14.3%,
  50% {
    opacity: 1;
  }
  64.3%,
  100% {
    opacity: 0;
  }
}
.carousel .carousel-controlOperator:nth-of-type(1):target ~ .carousel-item:nth-of-type(1) {
  pointer-events: auto;
  opacity: 1;
}
.carousel .carousel-controlOperator:nth-of-type(2):target ~ .carousel-item:nth-of-type(2) {
  pointer-events: auto;
  opacity: 1;
}
.carousel--items2.autoplay .carousel-controlButton {
  -webkit-animation: controlAnimation-2 14s infinite;
  -o-animation: controlAnimation-2 14s infinite;
  animation: controlAnimation-2 14s infinite;
}
.carousel--items2.autoplay .carousel-item {
  -webkit-animation: galleryAnimation-2 14s infinite;
  -o-animation: galleryAnimation-2 14s infinite;
  animation: galleryAnimation-2 14s infinite;
}
.carousel--items2 .carousel-controlButton:nth-of-type(1),
.carousel--items2 .carousel-item:nth-of-type(1) {
  -webkit-animation-delay: -2s;
  -o-animation-delay: -2s;
  animation-delay: -2s;
}
.carousel--items2 .carousel-controlButton:nth-of-type(2),
.carousel--items2 .carousel-item:nth-of-type(2) {
  -webkit-animation-delay: 5s;
  -o-animation-delay: 5s;
  animation-delay: 5s;
}
@-webkit-keyframes controlAnimation-3 {
  0% {
    color: #ccc;
    color: rgba(255, 255, 255, 0.4);
  }
  9.5%,
  33.3% {
    color: white;
    color: rgba(255, 255, 255, 0.8);
  }
  42.9%,
  100% {
    color: #ccc;
    color: rgba(255, 255, 255, 0.4);
  }
}
@-o-keyframes controlAnimation-3 {
  0% {
    color: #ccc;
    color: rgba(255, 255, 255, 0.4);
  }
  9.5%,
  33.3% {
    color: white;
    color: rgba(255, 255, 255, 0.8);
  }
  42.9%,
  100% {
    color: #ccc;
    color: rgba(255, 255, 255, 0.4);
  }
}
@keyframes controlAnimation-3 {
  0% {
    color: #ccc;
    color: rgba(255, 255, 255, 0.4);
  }
  9.5%,
  33.3% {
    color: white;
    color: rgba(255, 255, 255, 0.8);
  }
  42.9%,
  100% {
    color: #ccc;
    color: rgba(255, 255, 255, 0.4);
  }
}
@-webkit-keyframes galleryAnimation-3 {
  0% {
    opacity: 0;
  }
  9.5%,
  33.3% {
    opacity: 1;
  }
  42.9%,
  100% {
    opacity: 0;
  }
}
@-o-keyframes galleryAnimation-3 {
  0% {
    opacity: 0;
  }
  9.5%,
  33.3% {
    opacity: 1;
  }
  42.9%,
  100% {
    opacity: 0;
  }
}
@keyframes galleryAnimation-3 {
  0% {
    opacity: 0;
  }
  9.5%,
  33.3% {
    opacity: 1;
  }
  42.9%,
  100% {
    opacity: 0;
  }
}
.carousel .carousel-controlOperator:nth-of-type(1):target ~ .carousel-item:nth-of-type(1) {
  pointer-events: auto;
  opacity: 1;
}
.carousel .carousel-controlOperator:nth-of-type(2):target ~ .carousel-item:nth-of-type(2) {
  pointer-events: auto;
  opacity: 1;
}
.carousel .carousel-controlOperator:nth-of-type(3):target ~ .carousel-item:nth-of-type(3) {
  pointer-events: auto;
  opacity: 1;
}
.carousel--items3.autoplay .carousel-controlButton {
  -webkit-animation: controlAnimation-3 21s infinite;
  -o-animation: controlAnimation-3 21s infinite;
  animation: controlAnimation-3 21s infinite;
}
.carousel--items3.autoplay .carousel-item {
  -webkit-animation: galleryAnimation-3 21s infinite;
  -o-animation: galleryAnimation-3 21s infinite;
  animation: galleryAnimation-3 21s infinite;
}
.carousel--items3 .carousel-controlButton:nth-of-type(1),
.carousel--items3 .carousel-item:nth-of-type(1) {
  -webkit-animation-delay: -2s;
  -o-animation-delay: -2s;
  animation-delay: -2s;
}
.carousel--items3 .carousel-controlButton:nth-of-type(2),
.carousel--items3 .carousel-item:nth-of-type(2) {
  -webkit-animation-delay: 5s;
  -o-animation-delay: 5s;
  animation-delay: 5s;
}
.carousel--items3 .carousel-controlButton:nth-of-type(3),
.carousel--items3 .carousel-item:nth-of-type(3) {
  -webkit-animation-delay: 12s;
  -o-animation-delay: 12s;
  animation-delay: 12s;
}
@-webkit-keyframes controlAnimation-4 {
  0% {
    color: #ccc;
    color: rgba(255, 255, 255, 0.4);
  }
  7.1%,
  25% {
    color: white;
    color: rgba(255, 255, 255, 0.8);
  }
  32.1%,
  100% {
    color: #ccc;
    color: rgba(255, 255, 255, 0.4);
  }
}
@-o-keyframes controlAnimation-4 {
  0% {
    color: #ccc;
    color: rgba(255, 255, 255, 0.4);
  }
  7.1%,
  25% {
    color: white;
    color: rgba(255, 255, 255, 0.8);
  }
  32.1%,
  100% {
    color: #ccc;
    color: rgba(255, 255, 255, 0.4);
  }
}
@keyframes controlAnimation-4 {
  0% {
    color: #ccc;
    color: rgba(255, 255, 255, 0.4);
  }
  7.1%,
  25% {
    color: white;
    color: rgba(255, 255, 255, 0.8);
  }
  32.1%,
  100% {
    color: #ccc;
    color: rgba(255, 255, 255, 0.4);
  }
}
@-webkit-keyframes galleryAnimation-4 {
  0% {
    opacity: 0;
  }
  7.1%,
  25% {
    opacity: 1;
  }
  32.1%,
  100% {
    opacity: 0;
  }
}
@-o-keyframes galleryAnimation-4 {
  0% {
    opacity: 0;
  }
  7.1%,
  25% {
    opacity: 1;
  }
  32.1%,
  100% {
    opacity: 0;
  }
}
@keyframes galleryAnimation-4 {
  0% {
    opacity: 0;
  }
  7.1%,
  25% {
    opacity: 1;
  }
  32.1%,
  100% {
    opacity: 0;
  }
}
.carousel .carousel-controlOperator:nth-of-type(1):target ~ .carousel-item:nth-of-type(1) {
  pointer-events: auto;
  opacity: 1;
}
.carousel .carousel-controlOperator:nth-of-type(2):target ~ .carousel-item:nth-of-type(2) {
  pointer-events: auto;
  opacity: 1;
}
.carousel .carousel-controlOperator:nth-of-type(3):target ~ .carousel-item:nth-of-type(3) {
  pointer-events: auto;
  opacity: 1;
}
.carousel .carousel-controlOperator:nth-of-type(4):target ~ .carousel-item:nth-of-type(4) {
  pointer-events: auto;
  opacity: 1;
}
.carousel--items4.autoplay .carousel-controlButton {
  -webkit-animation: controlAnimation-4 28s infinite;
  -o-animation: controlAnimation-4 28s infinite;
  animation: controlAnimation-4 28s infinite;
}
.carousel--items4.autoplay .carousel-item {
  -webkit-animation: galleryAnimation-4 28s infinite;
  -o-animation: galleryAnimation-4 28s infinite;
  animation: galleryAnimation-4 28s infinite;
}
.carousel--items4 .carousel-controlButton:nth-of-type(1),
.carousel--items4 .carousel-item:nth-of-type(1) {
  -webkit-animation-delay: -2s;
  -o-animation-delay: -2s;
  animation-delay: -2s;
}
.carousel--items4 .carousel-controlButton:nth-of-type(2),
.carousel--items4 .carousel-item:nth-of-type(2) {
  -webkit-animation-delay: 5s;
  -o-animation-delay: 5s;
  animation-delay: 5s;
}
.carousel--items4 .carousel-controlButton:nth-of-type(3),
.carousel--items4 .carousel-item:nth-of-type(3) {
  -webkit-animation-delay: 12s;
  -o-animation-delay: 12s;
  animation-delay: 12s;
}
.carousel--items4 .carousel-controlButton:nth-of-type(4),
.carousel--items4 .carousel-item:nth-of-type(4) {
  -webkit-animation-delay: 19s;
  -o-animation-delay: 19s;
  animation-delay: 19s;
}
@-webkit-keyframes controlAnimation-5 {
  0% {
    color: #ccc;
    color: rgba(255, 255, 255, 0.4);
  }
  5.7%,
  20% {
    color: white;
    color: rgba(255, 255, 255, 0.8);
  }
  25.7%,
  100% {
    color: #ccc;
    color: rgba(255, 255, 255, 0.4);
  }
}
@-o-keyframes controlAnimation-5 {
  0% {
    color: #ccc;
    color: rgba(255, 255, 255, 0.4);
  }
  5.7%,
  20% {
    color: white;
    color: rgba(255, 255, 255, 0.8);
  }
  25.7%,
  100% {
    color: #ccc;
    color: rgba(255, 255, 255, 0.4);
  }
}
@keyframes controlAnimation-5 {
  0% {
    color: #ccc;
    color: rgba(255, 255, 255, 0.4);
  }
  5.7%,
  20% {
    color: white;
    color: rgba(255, 255, 255, 0.8);
  }
  25.7%,
  100% {
    color: #ccc;
    color: rgba(255, 255, 255, 0.4);
  }
}
@-webkit-keyframes galleryAnimation-5 {
  0% {
    opacity: 0;
  }
  5.7%,
  20% {
    opacity: 1;
  }
  25.7%,
  100% {
    opacity: 0;
  }
}
@-o-keyframes galleryAnimation-5 {
  0% {
    opacity: 0;
  }
  5.7%,
  20% {
    opacity: 1;
  }
  25.7%,
  100% {
    opacity: 0;
  }
}
@keyframes galleryAnimation-5 {
  0% {
    opacity: 0;
  }
  5.7%,
  20% {
    opacity: 1;
  }
  25.7%,
  100% {
    opacity: 0;
  }
}
.carousel .carousel-controlOperator:nth-of-type(1):target ~ .carousel-item:nth-of-type(1) {
  pointer-events: auto;
  opacity: 1;
}
.carousel .carousel-controlOperator:nth-of-type(2):target ~ .carousel-item:nth-of-type(2) {
  pointer-events: auto;
  opacity: 1;
}
.carousel .carousel-controlOperator:nth-of-type(3):target ~ .carousel-item:nth-of-type(3) {
  pointer-events: auto;
  opacity: 1;
}
.carousel .carousel-controlOperator:nth-of-type(4):target ~ .carousel-item:nth-of-type(4) {
  pointer-events: auto;
  opacity: 1;
}
.carousel .carousel-controlOperator:nth-of-type(5):target ~ .carousel-item:nth-of-type(5) {
  pointer-events: auto;
  opacity: 1;
}
.carousel--items5.autoplay .carousel-controlButton {
  -webkit-animation: controlAnimation-5 35s infinite;
  -o-animation: controlAnimation-5 35s infinite;
  animation: controlAnimation-5 35s infinite;
}
.carousel--items5.autoplay .carousel-item {
  -webkit-animation: galleryAnimation-5 35s infinite;
  -o-animation: galleryAnimation-5 35s infinite;
  animation: galleryAnimation-5 35s infinite;
}
.carousel--items5 .carousel-controlButton:nth-of-type(1),
.carousel--items5 .carousel-item:nth-of-type(1) {
  -webkit-animation-delay: -2s;
  -o-animation-delay: -2s;
  animation-delay: -2s;
}
.carousel--items5 .carousel-controlButton:nth-of-type(2),
.carousel--items5 .carousel-item:nth-of-type(2) {
  -webkit-animation-delay: 5s;
  -o-animation-delay: 5s;
  animation-delay: 5s;
}
.carousel--items5 .carousel-controlButton:nth-of-type(3),
.carousel--items5 .carousel-item:nth-of-type(3) {
  -webkit-animation-delay: 12s;
  -o-animation-delay: 12s;
  animation-delay: 12s;
}
.carousel--items5 .carousel-controlButton:nth-of-type(4),
.carousel--items5 .carousel-item:nth-of-type(4) {
  -webkit-animation-delay: 19s;
  -o-animation-delay: 19s;
  animation-delay: 19s;
}
.carousel--items5 .carousel-controlButton:nth-of-type(5),
.carousel--items5 .carousel-item:nth-of-type(5) {
  -webkit-animation-delay: 26s;
  -o-animation-delay: 26s;
  animation-delay: 26s;
}
.carousel .carousel-controlButton {
  color: #ccc;
  color: rgba(255, 255, 255, 0.4);
}
.carousel .carousel-controlButton:hover {
  color: white;
  color: rgba(255, 255, 255, 0.8);
}
.carousel-item {
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
.carousel-item .img--block {
  display: block;
  max-width: 92%;
  height: auto;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 767px) {
  .carousel-item .img--block {
    max-width: 82%;
  }
}
.carousel-arrowControl {
  position: absolute;
  top: 45%;
  transform: translateY(-50%);
  z-index: 100;
  color: #1C1C1E;
  font-size: 56px;
  font-size: 3.5rem;
}
.carousel-arrowControl--right {
  right: 0;
}
.carousel-arrowControl--left {
  left: 0;
}
.carousel--dark .carousel-controlOperator:target ~ .carousel-controls .carousel-controlButton {
  color: #666;
  color: rgba(0, 0, 0, 0.4);
}
.carousel--dark .carousel-controlButton:first-of-type,
.carousel--dark .carousel-controlOperator:nth-of-type(1):target ~ .carousel-controls .carousel-controlButton:nth-of-type(1),
.carousel--dark .carousel-controlOperator:nth-of-type(2):target ~ .carousel-controls .carousel-controlButton:nth-of-type(2),
.carousel--dark .carousel-controlOperator:nth-of-type(3):target ~ .carousel-controls .carousel-controlButton:nth-of-type(3),
.carousel--dark .carousel-controlOperator:nth-of-type(4):target ~ .carousel-controls .carousel-controlButton:nth-of-type(4),
.carousel--dark .carousel-controlOperator:nth-of-type(5):target ~ .carousel-controls .carousel-controlButton:nth-of-type(5) {
  color: #222;
  color: rgba(0, 0, 0, 0.8);
}
.carousel--dark .carousel-item:first-of-type {
  position: static;
  pointer-events: auto;
  opacity: 1;
}
.carousel--dark .carousel-controlButton {
  color: #ccc;
}
.carousel--dark .carousel-controlButton:hover {
  color: #f4f4f4;
}
/*
    Theme controls how everything looks in Gallery CSS.
*/
.carousel {
  position: relative;
}
.carousel .carousel-item {
  overflow: hidden;
  text-align: center;
  padding-bottom: 60px;
}
.carousel .carousel-controls {
  position: absolute;
  bottom: 0;
  width: 100%;
  text-align: center;
}
.carousel .carousel-controlButton {
  display: inline-block;
  margin: 0 .02em;
  font-size: 3em;
  text-align: center;
  text-decoration: none;
  -webkit-transition: color .1s;
  -o-transition: color .1s;
  transition: color .1s;
}
/**!
 * special-mentions.less
 *
 * Styles for special mentions ie: discounts etc.
 *
 * NOTE: This CSS module is DEPRECATED - Use .o-info-box instead
 * =========================================================================== */
.o-plan-mention {
  text-align: left;
  margin-bottom: 2.5rem;
  white-space: nowrap;
}
.o-plan-mention__badge {
  background-color: #48e0a5;
  padding: 9px 4px;
  display: inline-block;
  vertical-align: middle;
  border-radius: 40px;
  font-size: 12px;
}
.o-plan-mention__badge-copy {
  text-align: center;
  line-height: 1;
}
.o-plan-mention__copy {
  margin-left: 8px;
  width: 80%;
  display: inline-block;
  vertical-align: middle;
  white-space: normal;
}
.c-consultative-sales {
  min-height: 43.5em;
}
.c-consultative-sales .is-visible {
  display: block;
}
.c-consultative-sales .has-appeared {
  opacity: 1;
}
@media (min-width: 768px) and (max-width: 1095px) {
  .c-consultative-sales {
    min-height: 45.5em;
  }
}
.c-consultative-sales__container {
  position: relative;
}
.c-consultative-sales__more-info-overlay {
  display: none;
  position: absolute;
  left: 0;
  width: 100%;
  background-color: #fff;
  opacity: 0;
  transition: opacity 200ms ease-out;
}
@media (max-width: 767px) {
  .c-consultative-sales__more-info-overlay {
    height: 36.5em;
  }
}
.c-consultative-sales__selection-container {
  margin-top: 8em;
}
@media (max-width: 767px) {
  .c-consultative-sales__selection-container {
    margin-top: 3.5em;
  }
}
@media (max-width: 767px) {
  .c-consultative-sales .c-consultative-sales__selection-icon {
    display: inline;
    float: left;
    width: 48.333%;
    margin-bottom: 75px;
  }
}
.c-consultative-sales__icon {
  width: 358px;
  display: flex;
  justify-content: center;
}
@media (min-width: 768px) and (max-width: 1095px) {
  .c-consultative-sales__icon {
    width: 164px;
  }
}
@media (max-width: 767px) {
  .c-consultative-sales__icon {
    display: none;
  }
}
.c-consultative-sales__list {
  line-height: 35px;
}
@media (max-width: 767px) {
  .c-consultative-sales__list {
    line-height: 30px;
  }
}
.c-consultative-sales__product {
  color: #f26767;
}
.c-consultative-sales__recommendation {
  display: none;
}
.c-consultative-sales__recommended-container {
  display: flex;
}
@media (max-width: 767px) {
  .c-consultative-sales__recommended-container {
    flex-direction: column;
  }
}
.c-consultative-sales__title {
  color: #1C1C1E;
  width: 145px;
  margin: 0 auto;
  text-align: center;
}
@media (max-width: 767px) {
  .c-consultative-sales__title {
    width: 100%;
    padding-bottom: 15px;
    text-align: left;
  }
}
.c-consultative-sales__left-panel {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: column wrap;
}
@media (min-width: 768px) and (max-width: 1095px) {
  .c-consultative-sales__left-panel {
    margin-right: 1em;
  }
}
.c-consultative-sales__right-panel {
  flex: 1;
}
.c-consultative-sales__header {
  background-color: #ededed;
}
.o-grid-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: column wrap;
}
.o-grid-icon__svg {
  width: 132px;
}
.o-grid-icon__bg {
  fill: #1C1C1E;
}
.o-grid-icon__border {
  fill: #f26767;
}
.o-grid-icon__outline {
  fill: #fff;
}
.o-grid-icon__title {
  color: #1C1C1E;
  width: 145px;
  white-space: wrap;
}
.o-grid-icon:hover {
  cursor: pointer;
}
.o-grid-icon:hover .o-grid-icon__bg {
  fill: #f26767;
}
.o-grid-icon:hover .o-grid-icon__border {
  fill: #1C1C1E;
}
.o-grid-icon:hover .o-grid-icon__title {
  color: #f26767;
}
.o-grid-icon--big-icon .o-grid-icon__svg {
  width: 175px;
}
/**!
* c-plan-card component
*
* Includes information about a plan
* =========================================================================== */
.c-plan-card {
  border: 1px solid #ccc;
  color: #282B2D;
  padding: 30px 50px;
  margin-left: .83335%;
  margin-right: .83335%;
  border-top: 14px solid #FFD02B;
}
.c-plan-card .c-plan-card__cta {
  background: #FFD02B;
}
.c-plan-card .c-plan-card__plan-text {
  color: #FFD02B;
}
@media (max-width: 1010px) {
  .c-plan-card {
    margin: 0 0 15px 0;
  }
}
@media (max-width: 767px) {
  .c-plan-card {
    padding: 25px;
  }
}
.c-plan-card__logo {
  background: url('data:image/svg+xml;utf8,%3Csvg%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20viewBox%3D%220%200%20153.4%2036.6%22%3E%3Cstyle%3E.st0%7Bclip-path%3Aurl%28%23SVGID_2_%29%7D.st1%7Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3Bfill%3A%23221f1f%7D.st2%7Bclip-path%3Aurl%28%23SVGID_4_%29%7D.st3%7Bfill%3A%23221f1f%7D.st4%7Bclip-path%3Aurl%28%23SVGID_6_%29%7D.st5%7Bclip-path%3Aurl%28%23SVGID_8_%29%7D.st6%7Bclip-path%3Aurl%28%23SVGID_10_%29%7D.st7%7Bclip-path%3Aurl%28%23SVGID_12_%29%7D.st8%7Bclip-path%3Aurl%28%23SVGID_14_%29%7D.st9%7Bclip-path%3Aurl%28%23SVGID_16_%29%7D.st10%7Bfill%3A%23b99d76%7D%3C/style%3E%3Cdefs%3E%3Cpath%20id%3D%22SVGID_1_%22%20d%3D%22M45.9%2010.9c0-2.2-.9-3.1-3.1-3.1H39v7.5h3.8c2.2%200%203.1-.9%203.1-3.1v-1.3zm2.3%2011.5h-2c-.2%200-.4-.1-.5-.4L43%2017.4h-4.1v4.7c0%20.2-.1.4-.4.4h-1.8c-.2%200-.3-.1-.3-.4v-16c0-.2.1-.3.3-.3H43c3.4%200%205.2%201.8%205.2%205.2v1.2c0%202.4-1%204.1-2.8%204.8l2.9%205.1c.2.2.1.3-.1.3z%22/%3E%3C/defs%3E%3Cuse%20xlink%3Ahref%3D%22%23SVGID_1_%22%20overflow%3D%22visible%22%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20fill%3D%22%23221f1f%22/%3E%3CclipPath%20id%3D%22SVGID_2_%22%3E%3Cuse%20xlink%3Ahref%3D%22%23SVGID_1_%22%20overflow%3D%22visible%22/%3E%3C/clipPath%3E%3Cg%20class%3D%22st0%22%3E%3Cpath%20class%3D%22st1%22%20d%3D%22M34.7%204h15.4v20.1H34.7z%22/%3E%3C/g%3E%3Cdefs%3E%3Cpath%20id%3D%22SVGID_3_%22%20d%3D%22M76%2010.9c0-2.2-.9-3.1-3.1-3.1h-3.8v7.4h3.8c2.2%200%203.1-.9%203.1-3.1v-1.2zm-2.9%206.4H69v4.6c0%20.2-.1.3-.3.3H67c-.2%200-.3-.1-.3-.3V6.1c0-.2.1-.3.3-.3h6.2c3.3%200%205.2%201.8%205.2%205.2v1.2c0%202.4-1.2%204.4-2.6%204.8%200-.1-.5.3-2.7.3z%22/%3E%3C/defs%3E%3Cuse%20xlink%3Ahref%3D%22%23SVGID_3_%22%20overflow%3D%22visible%22%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20fill%3D%22%23221f1f%22/%3E%3CclipPath%20id%3D%22SVGID_4_%22%3E%3Cuse%20xlink%3Ahref%3D%22%23SVGID_3_%22%20overflow%3D%22visible%22/%3E%3C/clipPath%3E%3Cg%20class%3D%22st2%22%3E%3Cpath%20class%3D%22st1%22%20d%3D%22M64.9%204h15.3v20H64.9z%22/%3E%3C/g%3E%3Cpath%20class%3D%22st3%22%20d%3D%22M97.1%2022.2h10c.2%200%20.3-.2.3-.3v-1.4c0-.2-.2-.3-.4-.3h-7.9v-5.3h6.5c.2%200%20.3-.2.3-.3v-1.4c0-.2-.2-.3-.4-.3H99v-5h7.9c.2%200%20.3-.1.3-.3V6.1c0-.2-.2-.3-.4-.3h-9.9c-.2%200-.3.2-.3.3v15.7c.2.2.4.4.5.4z%22/%3E%3Cg%3E%3Cpath%20class%3D%22st3%22%20d%3D%22M134.7%2014.1s-1.3-.9-4-.9H129.8c-2.1%200-3.1-1.1-3.1-2.1V9.9v-.1h-2.4v1.3c0%201.1.5%202.2%201.5%203%200%200%201.1%201%203.7%201.2h1.6c2.1%200%203.1%201.1%203.1%202.1v.8c0%201-1%202.1-3.1%202.1h-5.9c-.2%200-.3.2-.3.3V22c0%20.2.2.3.3.3h6.2c3.4%200%205.2-2.1%205.2-4.1v-.8c0-1.4-.7-2.6-1.9-3.3zM129.6%207.8h5.3c.2%200%20.3-.1.3-.3V6.1c0-.2-.1-.3-.3-.3h-5.4c-1.5%200-2.8.4-3.7%201.1-.4.3-.6.6-.9%201l4.7-.1z%22/%3E%3C/g%3E%3Cg%3E%3Cdefs%3E%3Cpath%20id%3D%22SVGID_5_%22%20d%3D%22M90.9%2010.9c0-2.2-.9-3.1-3.1-3.1H84v7.4h3.8c2.2%200%203.1-.9%203.1-3.1v-1.2zm2.3%2011.4h-2c-.2%200-.4-.1-.5-.3l-2.6-4.7H84V22c0%20.2-.1.3-.3.3H82c-.2%200-.3-.1-.3-.3V6.1c0-.2.1-.3.3-.3h6.2c3.3%200%205.2%201.8%205.2%205.2v1.2c0%202.4-1%204.1-2.8%204.8l2.9%205.1c.1.1-.1.2-.3.2z%22/%3E%3C/defs%3E%3Cuse%20xlink%3Ahref%3D%22%23SVGID_5_%22%20overflow%3D%22visible%22%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20fill%3D%22%23221f1f%22/%3E%3CclipPath%20id%3D%22SVGID_6_%22%3E%3Cuse%20xlink%3Ahref%3D%22%23SVGID_5_%22%20overflow%3D%22visible%22/%3E%3C/clipPath%3E%3Cg%20class%3D%22st4%22%3E%3Cpath%20class%3D%22st1%22%20d%3D%22M79.9%204h15.3v20H79.9z%22/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3Cdefs%3E%3Cpath%20id%3D%22SVGID_7_%22%20d%3D%22M27.1%2022.1h1.3c3.2%200%205-1.8%205-5v-6.4c0-3.2-1.8-5-5-5h-1.3c-2.9%200-4.7%201.5-5%204.2h2.4c.2-1.5%201.2-2.2%203-2.2h.7c2.1%200%203%20.9%203%203v6.4c0%202.1-.9%203-3%203h-.7c-2.1%200-3-.9-3-3v-5.3h-2.4v5.3c-.1%203.2%201.7%205%205%205%22/%3E%3C/defs%3E%3Cuse%20xlink%3Ahref%3D%22%23SVGID_7_%22%20overflow%3D%22visible%22%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20fill%3D%22%23221f1f%22/%3E%3CclipPath%20id%3D%22SVGID_8_%22%3E%3Cuse%20xlink%3Ahref%3D%22%23SVGID_7_%22%20overflow%3D%22visible%22/%3E%3C/clipPath%3E%3Cg%20class%3D%22st5%22%3E%3Cpath%20class%3D%22st1%22%20d%3D%22M20.4%204.1h14.7v19.7H20.4z%22/%3E%3C/g%3E%3Cg%3E%3Cpath%20class%3D%22st1%22%20d%3D%22M24.4%209.9v1.8%22/%3E%3C/g%3E%3Cg%3E%3Cdefs%3E%3Cpath%20id%3D%22SVGID_9_%22%20d%3D%22M28.4%2022.1h-1.3c-3.2%200-5-1.8-5-5v-6.4c0-3.2%201.8-5%205-5h1.3c2.9%200%204.7%201.5%205%204.2H31c-.2-1.5-1.2-2.2-3-2.2h-.7c-2.1%200-3%20.9-3%203v6.4c0%202.1.9%203%203%203h.7c2.1%200%203-.9%203-3v-5.3h2.4v5.3c0%203.2-1.8%205-5%205%22/%3E%3C/defs%3E%3Cuse%20xlink%3Ahref%3D%22%23SVGID_9_%22%20overflow%3D%22visible%22%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20fill%3D%22%23221f1f%22/%3E%3CclipPath%20id%3D%22SVGID_10_%22%3E%3Cuse%20xlink%3Ahref%3D%22%23SVGID_9_%22%20overflow%3D%22visible%22/%3E%3C/clipPath%3E%3Cg%20class%3D%22st6%22%3E%3Cpath%20class%3D%22st1%22%20d%3D%22M20.4%204.1h14.7v19.7H20.4z%22/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3Cg%3E%3Cdefs%3E%3Cpath%20id%3D%22SVGID_11_%22%20d%3D%22M4.3%206.1c-.1-.2-.2-.4-.4-.4h-2c-.2%200-.2.2-.2.3L5%2021.7c.1.2.2.3.3.3h2l-3-15.9%22/%3E%3C/defs%3E%3Cuse%20xlink%3Ahref%3D%22%23SVGID_11_%22%20overflow%3D%22visible%22%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20fill%3D%22%23221f1f%22/%3E%3CclipPath%20id%3D%22SVGID_12_%22%3E%3Cuse%20xlink%3Ahref%3D%22%23SVGID_11_%22%20overflow%3D%22visible%22/%3E%3C/clipPath%3E%3Cg%20class%3D%22st7%22%3E%3Cpath%20class%3D%22st1%22%20d%3D%22M0%204h11v19.7H0z%22/%3E%3C/g%3E%3Cg%3E%3Cdefs%3E%3Cpath%20id%3D%22SVGID_13_%22%20d%3D%22M11.5%208.9h-2c-.2%200-.3.1-.4.3l-2.9%209.3%201.1%203.6%204.4-12.9c.1-.2%200-.3-.2-.3%22/%3E%3C/defs%3E%3Cuse%20xlink%3Ahref%3D%22%23SVGID_13_%22%20overflow%3D%22visible%22%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20fill%3D%22%23221f1f%22/%3E%3CclipPath%20id%3D%22SVGID_14_%22%3E%3Cuse%20xlink%3Ahref%3D%22%23SVGID_13_%22%20overflow%3D%22visible%22/%3E%3C/clipPath%3E%3Cg%20class%3D%22st8%22%3E%3Cpath%20class%3D%22st1%22%20d%3D%22M4.5%207.2h8.9v16.6H4.5z%22/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3Cdefs%3E%3Cpath%20id%3D%22SVGID_15_%22%20d%3D%22M17.2%206.1c.1-.2.1-.3.3-.3h2.1c.2%200%20.2.2.2.3l-3.3%2015.7c-.1.2-.2.3-.3.3h-2l3-16%22/%3E%3C/defs%3E%3Cuse%20xlink%3Ahref%3D%22%23SVGID_15_%22%20overflow%3D%22visible%22%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20fill%3D%22%23221f1f%22/%3E%3CclipPath%20id%3D%22SVGID_16_%22%3E%3Cuse%20xlink%3Ahref%3D%22%23SVGID_15_%22%20overflow%3D%22visible%22/%3E%3C/clipPath%3E%3Cg%20class%3D%22st9%22%3E%3Cpath%20class%3D%22st1%22%20d%3D%22M21.5%204h-9v19.8h11z%22/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3Cpath%20class%3D%22st1%22%20d%3D%22M14.2%2022.1L9.1%209.2l2.6-.2%203.8%209.6%22/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3Cpath%20class%3D%22st3%22%20d%3D%22M109.8%2010.7c0%201.1.5%202.2%201.5%203%200%200%201.1%201%203.8%201.2h1.6c2.1%200%203.2%201.1%203.2%202.1v.8c0%201-1%202.1-3.2%202.1h-6c-.2%200-.3.2-.3.3v1.4c0%20.2.2.3.3.3h6.3c3.4%200%205.3-2.1%205.3-4.2V17c0-1.2-.7-2.5-1.9-3.3%200%200-1.4-.9-4.1-.9h-1c-2.1%200-3.6-1.1-3.6-2.1%22/%3E%3Cpath%20class%3D%22st3%22%20d%3D%22M122.4%2017.1c0-1.1-.5-2.2-1.5-3%200%200-1.1-1-3.8-1.2h-1.6c-2.1%200-3.2-1.1-3.2-2.1v-.9c0-1%201-2.1%203.2-2.1h6c.2%200%20.3-.2.3-.3V6.1c0-.2-.2-.3-.3-.3h-6.3c-3.4%200-5.3%202.1-5.3%204.2v.8c0%201.2.7%202.5%201.9%203.3%200%200%201.4.9%204.1.9h1c2.1%200%203.1%201.1%203.1%202.1%22/%3E%3C/g%3E%3Cg%3E%3Cpath%20class%3D%22st1%22%20d%3D%22M61%2010.9c0-2.2-.9-3.1-3.1-3.1H54v12.5h3.8c2.2%200%203.1-.9%203.1-3.1l.1-6.3zm-2.8%2011.5h-6.3c-.2%200-.4-.2-.4-.3v-16c0-.2.2-.3.3-.3h6.3c3.4%200%205.2%201.8%205.2%205.2v6.3c.1%203.3-1.8%205.1-5.1%205.1z%22/%3E%3C/g%3E%3Cg%3E%3Cpath%20class%3D%22st3%22%20d%3D%22M91.5%2036.5v-4h-4.2v4h-.9v-8.8h.9v4h4.2v-4h.9v8.8h-.9zM100%2035.7c-.6.6-1.4.9-2.3.9s-1.7-.3-2.3-.9c-.8-.8-.8-1.7-.8-3.6%200-1.9%200-2.7.8-3.6.6-.6%201.4-.9%202.3-.9s1.7.3%202.3.9c.8.8.8%201.7.8%203.6%200%201.9%200%202.8-.8%203.6zm-.7-6.6c-.4-.4-.9-.6-1.5-.6s-1.1.2-1.5.6c-.6.6-.6%201.2-.6%203%200%201.9.1%202.4.6%203%20.4.4.9.6%201.5.6s1.1-.2%201.5-.6c.6-.6.6-1.2.6-3s-.1-2.4-.6-3zM105.3%2036.6c-1.3%200-2.2-.3-3-1.2l.6-.6c.7.7%201.4%201%202.4%201%201.3%200%202.1-.6%202.1-1.6%200-.5-.1-.9-.4-1.1-.3-.2-.5-.3-1.2-.4l-1-.2c-.7-.1-1.2-.3-1.6-.7-.4-.4-.7-.9-.7-1.7%200-1.5%201.1-2.5%202.8-2.5%201.1%200%201.9.3%202.6%201l-.6.6c-.5-.5-1.1-.8-2.1-.8-1.2%200-1.9.7-1.9%201.6%200%20.4.1.8.4%201%20.3.2.7.4%201.2.5l1%20.1c.8.1%201.2.3%201.6.6.5.4.7%201%20.7%201.8.2%201.7-1%202.6-2.9%202.6zM113%2028.5v8h-1v-8h-2.6v-.8h6.1v.8H113zM117.2%2036.5v-8.8h.9v8.8h-.9zM126.3%2036.5l-4.7-7.1v7.1h-.9v-8.8h.9l4.7%207.1v-7.1h.9v8.8h-.9zM134.9%2035.6c-.6.7-1.5%201-2.4%201-.9%200-1.7-.3-2.3-.9-.8-.8-.8-1.7-.8-3.6%200-1.9%200-2.7.8-3.6.6-.6%201.4-.9%202.3-.9%201.7%200%202.8%201.1%203.1%202.6h-.9c-.2-1.1-1-1.8-2.1-1.8-.6%200-1.1.2-1.5.6-.6.6-.6%201.2-.6%203%200%201.9.1%202.5.6%203%20.4.4.9.6%201.5.6s1.3-.3%201.7-.8c.4-.4.5-.9.5-1.6v-.7h-2.2v-.8h3.1v1.4c-.1%201.2-.3%201.9-.8%202.5z%22/%3E%3C/g%3E%3Cg%3E%3Cpath%20class%3D%22st10%22%20d%3D%22M146.2%2014.3c-3.9%200-7.1-3.2-7.1-7.1%200-3.9%203.2-7.1%207.1-7.1s7.1%203.2%207.1%207.1c.1%203.9-3.1%207.1-7.1%207.1zm0-13.4c-3.4%200-6.3%202.8-6.3%206.3s2.8%206.3%206.3%206.3%206.3-2.8%206.3-6.3-2.8-6.3-6.3-6.3z%22/%3E%3Cpath%20class%3D%22st10%22%20d%3D%22M143.4%205.8h1l.6%201.5c.1.3.2.7.2.7s.1-.4.3-.7l.8-1.6h.1l.8%201.7c.1.3.3.7.3.7s.1-.4.2-.7l.6-1.6h.9l-1.6%203.8h-.1l-.9-1.8c-.1-.2-.2-.6-.2-.6s-.1.4-.2.6l-1%201.8h-.2l-1.6-3.8z%22/%3E%3C/g%3E%3C/svg%3E') no-repeat;
  height: 80px;
  width: 200px;
  margin: 35px 0 0;
}
.c-plan-card__title {
  position: relative;
  text-transform: uppercase;
  font-size: 18px;
  border-bottom: 1px solid #ccc;
}
.c-plan-card__flaguette {
  position: absolute;
  right: 0;
  bottom: -14px;
}
.c-plan-card__description {
  font-size: 16px;
  margin: 50px 0 0;
}
.c-plan-card__description-text {
  margin: 0 0 20px 0;
}
.c-plan-card__info {
  padding: 40px 0 35px;
  border-top: 1px solid #ccc;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.c-plan-card__info-container {
  display: inline-block;
  white-space: nowrap;
  margin: 0 5px 25px 0;
}
.c-plan-card__info-container:nth-child(2n) {
  margin-right: 0;
}
@media (min-width: 768px) and (max-width: 1095px) {
  .c-plan-card__info-container {
    margin: 0 3% 40px 0;
  }
  .c-plan-card__info-container:nth-child(2n) {
    margin-right: 3%;
  }
}
.c-plan-card--grid {
  border-top: 14px solid #f26767;
}
.c-plan-card--grid .c-plan-card__cta {
  background: #f26767;
}
.c-plan-card--grid .c-plan-card__plan-text {
  color: #f26767;
}
.c-plan-card--grid .c-plan-card__logo {
  background: url('data:image/svg+xml;utf8,%3Csvg%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20viewBox%3D%220%200%20107.4%2034.2%22%3E%3Cstyle%3E.st0%7Bclip-path%3Aurl%28%23SVGID_2_%29%7D.st1%7Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3Bfill%3A%23242726%7D.st2%7Bclip-path%3Aurl%28%23SVGID_4_%29%7D.st3%7Bclip-path%3Aurl%28%23SVGID_6_%29%7D.st4%7Bclip-path%3Aurl%28%23SVGID_8_%29%7D.st5%7Bclip-path%3Aurl%28%23SVGID_10_%29%7D.st6%7Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3Bfill%3A%23e06160%7D.st7%7Bclip-path%3Aurl%28%23SVGID_12_%29%7D%3C/style%3E%3Cdefs%3E%3Cpath%20id%3D%22SVGID_1_%22%20d%3D%22M11.7%2031.8h-2c-4.7%200-7.3-2.6-7.3-7.3v-9.3c0-4.7%202.7-7.3%207.3-7.3h2C16%207.9%2018.5%2010%2019%2014c0%20.2-.3.5-.5.5H16c-.3%200-.5-.2-.5-.5-.3-2.2-1.7-3.2-4.3-3.2h-1c-3%200-4.4%201.4-4.4%204.4v9.3c0%203.1%201.3%204.4%204.4%204.4h1c3.1%200%204.4-1.3%204.4-4.4V21h-4.4c-.2%200-.5-.2-.5-.5v-1.9c0-.3.3-.5.5-.5h7.3c.3%200%20.5.2.5.5v5.8c.1%204.8-2.6%207.4-7.3%207.4%22/%3E%3C/defs%3E%3Cuse%20xlink%3Ahref%3D%22%23SVGID_1_%22%20overflow%3D%22visible%22%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20fill%3D%22%23242726%22/%3E%3CclipPath%20id%3D%22SVGID_2_%22%3E%3Cuse%20xlink%3Ahref%3D%22%23SVGID_1_%22%20overflow%3D%22visible%22/%3E%3C/clipPath%3E%3Cg%20class%3D%22st0%22%3E%3Cpath%20class%3D%22st1%22%20d%3D%22M0%205.5h21.5v28.7H0z%22/%3E%3C/g%3E%3Cdefs%3E%3Cpath%20id%3D%22SVGID_3_%22%20d%3D%22M38.2%2015.4c0-3.1-1.3-4.4-4.4-4.4h-5.4v10.5h5.3c3.1%200%204.4-1.3%204.4-4.4l.1-1.7zm3.3%2016.1h-2.8c-.2%200-.6-.2-.7-.5l-3.7-6.6H28.5V31c0%20.3-.2.5-.5.5h-2.5c-.3%200-.5-.2-.5-.5V8.6c0-.3.2-.5.5-.5h8.8c4.7%200%207.3%202.6%207.3%207.3v1.7c0%203.4-1.4%205.7-3.9%206.7l4.1%207.2c.1.3-.1.5-.3.5z%22/%3E%3C/defs%3E%3Cuse%20xlink%3Ahref%3D%22%23SVGID_3_%22%20overflow%3D%22visible%22%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20fill%3D%22%23242726%22/%3E%3CclipPath%20id%3D%22SVGID_4_%22%3E%3Cuse%20xlink%3Ahref%3D%22%23SVGID_3_%22%20overflow%3D%22visible%22/%3E%3C/clipPath%3E%3Cg%20class%3D%22st2%22%3E%3Cpath%20class%3D%22st1%22%20d%3D%22M22.6%205.7h21.6v28.2H22.6z%22/%3E%3C/g%3E%3Cg%3E%3Cdefs%3E%3Cpath%20id%3D%22SVGID_5_%22%20d%3D%22M57.5%2031.5h-9.8c-.3%200-.5-.2-.5-.5v-1.9c0-.3.2-.5.5-.5h3.2V11h-2.7c-.3%200-.5-.2-.5-.5V8.6c0-.3.2-.5.5-.5H57c.2%200%20.5.2.5.5v1.9c0%20.3-.2.5-.5.5h-2.7v17.6h3.1c.2%200%20.5.2.5.5V31c.1.2-.1.5-.4.5%22/%3E%3C/defs%3E%3Cuse%20xlink%3Ahref%3D%22%23SVGID_5_%22%20overflow%3D%22visible%22%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20fill%3D%22%23242726%22/%3E%3CclipPath%20id%3D%22SVGID_6_%22%3E%3Cuse%20xlink%3Ahref%3D%22%23SVGID_5_%22%20overflow%3D%22visible%22/%3E%3C/clipPath%3E%3Cg%20class%3D%22st3%22%3E%3Cpath%20class%3D%22st1%22%20d%3D%22M44.8%205.7h15.6v28.2H44.8z%22/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3Cdefs%3E%3Cpath%20id%3D%22SVGID_7_%22%20d%3D%22M73.2%208.2h-8.8c-.2%200-.5.2-.5.4V31c0%20.3.3.6.5.6h2.9V11.1h5.4c3.1%200%204.3%201.2%204.3%204.3v8.8c0%203.1-1.2%204.4-4.3%204.4h-1v2.9h1.5c4.7%200%207.3-2.6%207.3-7.4v-8.8c-.1-4.6-2.6-7.1-7.3-7.1%22/%3E%3C/defs%3E%3Cuse%20xlink%3Ahref%3D%22%23SVGID_7_%22%20overflow%3D%22visible%22%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20fill%3D%22%23242726%22/%3E%3CclipPath%20id%3D%22SVGID_8_%22%3E%3Cuse%20xlink%3Ahref%3D%22%23SVGID_7_%22%20overflow%3D%22visible%22/%3E%3C/clipPath%3E%3Cg%20class%3D%22st4%22%3E%3Cpath%20class%3D%22st1%22%20d%3D%22M61.5%205.8h21.4V34H61.5z%22/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3Cdefs%3E%3Cpath%20id%3D%22SVGID_9_%22%20d%3D%22M94.5%207.1h5.8v5.8h-5.8V7.1zm12.4%200v-.5h-6v-6h-.5v6h-5.8v-6H94v6h-6v.5h6v5.8h-6v.5h6v6.1h.5v-6.1h5.8v6.1h.5v-6.1h6v-.5h-6V7.1h6.1z%22/%3E%3C/defs%3E%3CclipPath%20id%3D%22SVGID_10_%22%3E%3Cuse%20xlink%3Ahref%3D%22%23SVGID_9_%22%20overflow%3D%22visible%22/%3E%3C/clipPath%3E%3Cg%20class%3D%22st5%22%3E%3Cpath%20class%3D%22st6%22%20d%3D%22M87.7.3H107v19.4H87.7z%22/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3Cdefs%3E%3Cpath%20id%3D%22SVGID_11_%22%20d%3D%22M88.2%2012.9V7.1v5.8zm12.1%206.4h-5.8%205.8zM88.2.7h18.5v18.5H88.2V.7zm18.5%206.4v5.8-5.8zm.2-6.9h-19c-.1%200-.3.1-.3.3v19c0%20.1.1.3.3.3h19c.1%200%20.3-.1.3-.3V.5c0-.2-.1-.3-.3-.3z%22/%3E%3C/defs%3E%3CclipPath%20id%3D%22SVGID_12_%22%3E%3Cuse%20xlink%3Ahref%3D%22%23SVGID_11_%22%20overflow%3D%22visible%22/%3E%3C/clipPath%3E%3Cg%20class%3D%22st7%22%3E%3Cpath%20class%3D%22st6%22%20d%3D%22M87.4%200h20v20h-20z%22/%3E%3C/g%3E%3C/g%3E%3C/svg%3E') no-repeat;
  width: 105px;
}
.c-plan-card--grid .c-plan-card__description {
  min-height: 164px;
}
@media (max-width: 1010px) {
  .c-plan-card--grid .c-plan-card__description {
    min-height: 0;
  }
}
.c-plan-card--dv-dev {
  border-top: 14px solid #29cbcf;
}
.c-plan-card--dv-dev .c-plan-card__cta {
  background: #29cbcf;
}
.c-plan-card--dv-dev .c-plan-card__plan-text {
  color: #29cbcf;
}
.c-plan-card--dv-dev .c-plan-card__logo {
  background: url('data:image/svg+xml;utf8,%3Csvg%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20viewBox%3D%220%200%20100.2%2033.9%22%3E%3Cstyle%3E.st0%7Bclip-path%3Aurl%28%23SVGID_2_%29%7D.st1%7Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3Bfill%3A%23221f1f%7D.st2%7Bclip-path%3Aurl%28%23SVGID_4_%29%7D.st3%7Bclip-path%3Aurl%28%23SVGID_6_%29%7D.st4%7Bclip-path%3Aurl%28%23SVGID_8_%29%7D.st5%7Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3Bfill%3A%2349b8b8%7D.st6%7Bclip-path%3Aurl%28%23SVGID_10_%29%7D.st7%7Bfill%3A%23221f1f%7D%3C/style%3E%3Cdefs%3E%3Cpath%20id%3D%22SVGID_1_%22%20d%3D%22M15.6%2015.4c0-3.1-1.3-4.4-4.4-4.4H5.9v17.6h5.4c3.1%200%204.4-1.3%204.4-4.4l-.1-8.8zm-3.9%2016.1H2.9c-.3%200-.5-.2-.5-.5V8.6c0-.3.3-.5.5-.5h8.8c4.7%200%207.3%202.6%207.3%207.3v8.8c.1%204.7-2.6%207.3-7.3%207.3z%22/%3E%3C/defs%3E%3Cuse%20xlink%3Ahref%3D%22%23SVGID_1_%22%20overflow%3D%22visible%22%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20fill%3D%22%23221f1f%22/%3E%3CclipPath%20id%3D%22SVGID_2_%22%3E%3Cuse%20xlink%3Ahref%3D%22%23SVGID_1_%22%20overflow%3D%22visible%22/%3E%3C/clipPath%3E%3Cg%20class%3D%22st0%22%3E%3Cpath%20class%3D%22st1%22%20d%3D%22M0%205.7h21.5v28.2H0z%22/%3E%3C/g%3E%3Cdefs%3E%3Cpath%20id%3D%22SVGID_3_%22%20d%3D%22M25.9%208.6c-.1-.3-.2-.5-.5-.5h-3c-.3%200-.3.2-.2.5L29.8%2031c.1.3.3.5.5.5h2.8L25.9%208.6%22/%3E%3C/defs%3E%3Cuse%20xlink%3Ahref%3D%22%23SVGID_3_%22%20overflow%3D%22visible%22%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20fill%3D%22%23221f1f%22/%3E%3CclipPath%20id%3D%22SVGID_4_%22%3E%3Cuse%20xlink%3Ahref%3D%22%23SVGID_3_%22%20overflow%3D%22visible%22/%3E%3C/clipPath%3E%3Cg%20class%3D%22st2%22%3E%3Cpath%20class%3D%22st1%22%20d%3D%22M19.7%205.7h15.8v28.2H19.7z%22/%3E%3C/g%3E%3Cg%3E%3Cdefs%3E%3Cpath%20id%3D%22SVGID_5_%22%20d%3D%22M41.8%208.1h-3c-.3%200-.4.2-.5.5l-4.2%2013.3%201.6%205.2L42%208.7c.2-.4.1-.6-.2-.6%22/%3E%3C/defs%3E%3Cuse%20xlink%3Ahref%3D%22%23SVGID_5_%22%20overflow%3D%22visible%22%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20fill%3D%22%23221f1f%22/%3E%3CclipPath%20id%3D%22SVGID_6_%22%3E%3Cuse%20xlink%3Ahref%3D%22%23SVGID_5_%22%20overflow%3D%22visible%22/%3E%3C/clipPath%3E%3Cg%20class%3D%22st3%22%3E%3Cpath%20class%3D%22st1%22%20d%3D%22M31.8%205.7h12.8v23.7H31.8z%22/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3Cdefs%3E%3Cpath%20id%3D%22SVGID_7_%22%20d%3D%22M49.5%2018.6l4.8-8.5v8.5h.5v-8.5l4.9%208.5h.6l-5.5-9.5c0-.1-.1-.1-.2-.1s-.2%200-.2.1L49%2018.7h.5%22/%3E%3C/defs%3E%3CclipPath%20id%3D%22SVGID_8_%22%3E%3Cuse%20xlink%3Ahref%3D%22%23SVGID_7_%22%20overflow%3D%22visible%22/%3E%3C/clipPath%3E%3Cg%20class%3D%22st4%22%3E%3Cpath%20class%3D%22st5%22%20d%3D%22M48.7%208.7h11.8v10.1H48.7z%22/%3E%3C/g%3E%3Cg%3E%3Cdefs%3E%3Cpath%20id%3D%22SVGID_9_%22%20d%3D%22M44.5%2018.4L54.6%201l10.1%2017.5H44.5zm20.8.1L54.8.3c0-.1-.1-.1-.2-.1s-.2%200-.2.1L43.8%2018.6v.3c0%20.1.1.1.2.1h21c.1%200%20.2-.1.2-.3.1-.1.1-.1.1-.2%200%200%200%20.1%200%200z%22/%3E%3C/defs%3E%3CclipPath%20id%3D%22SVGID_10_%22%3E%3Cuse%20xlink%3Ahref%3D%22%23SVGID_9_%22%20overflow%3D%22visible%22/%3E%3C/clipPath%3E%3Cg%20class%3D%22st6%22%3E%3Cpath%20class%3D%22st5%22%20d%3D%22M43.6%200h21.9v19.2H43.6z%22/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3Cg%3E%3Cpath%20class%3D%22st7%22%20d%3D%22M48%2030.6c-.5.5-1.2.7-2%20.7h-2.7v-7.5H46c.8%200%201.5.2%202%20.7.8.8.8%201.9.8%203%200%201.2.1%202.3-.8%203.1zm-1-5c-.3-.3-.6-.5-1.1-.5h-1.1V30h1.1c.5%200%20.8-.2%201.1-.5.3-.3.3-.9.3-2s0-1.5-.3-1.9zM50.3%2031.3v-7.5h4.9v1.3h-3.5v1.8h2.9v1.3h-2.9V30h3.5v1.3h-4.9zM59.4%2031.3h-1.1l-2.5-7.5h1.5l1.5%204.9%201.5-4.9h1.5l-2.4%207.5zM62.7%2031.3v-7.5h4.9v1.3h-3.5v1.8H67v1.3h-2.9V30h3.5v1.3h-4.9zM69.1%2031.3v-7.5h1.5V30H74v1.3h-4.9zM79.3%2030.6c-.5.5-1.2.8-2%20.8s-1.5-.3-2-.8c-.8-.8-.7-1.7-.7-3s0-2.2.7-3c.5-.5%201.2-.8%202-.8s1.5.3%202%20.8c.8.8.7%201.7.7%203s.1%202.2-.7%203zm-1-5.1c-.2-.2-.5-.4-.9-.4s-.7.2-.9.4c-.3.3-.4.7-.4%202.1%200%201.4.1%201.8.4%202.1.2.2.5.4.9.4s.7-.2.9-.4c.3-.3.4-.7.4-2.1-.1-1.4-.2-1.8-.4-2.1zM84.5%2028.5H83v2.8h-1.5v-7.5h2.9c1.5%200%202.5%201.1%202.5%202.3%200%201.4-.9%202.4-2.4%202.4zm-.1-3.3H83v2h1.4c.7%200%201.1-.4%201.1-1s-.4-1-1.1-1zM88.2%2031.3v-7.5h4.9v1.3h-3.5v1.8h2.9v1.3h-2.9V30h3.5v1.3h-4.9zM98.5%2031.3l-1.5-3h-1v3h-1.5v-7.5h2.9c1.5%200%202.4%201%202.4%202.3%200%201-.6%201.7-1.4%202l1.7%203.2h-1.6zm-1.2-6.1H96v2h1.4c.6%200%201.1-.4%201.1-1-.1-.6-.5-1-1.2-1z%22/%3E%3C/g%3E%3C/svg%3E') no-repeat;
  width: 100px;
}
.c-plan-card--dv-managed {
  border-top: 14px solid #67a8da;
}
.c-plan-card--dv-managed .c-plan-card__cta {
  background: #67a8da;
}
.c-plan-card--dv-managed .c-plan-card__plan-text {
  color: #67a8da;
}
.c-plan-card--dv-managed .c-plan-card__logo {
  background: url('data:image/svg+xml;utf8,%3Csvg%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20viewBox%3D%220%200%2092.1%2033.8%22%3E%3Cstyle%3E.st0%7Bclip-path%3Aurl%28%23SVGID_2_%29%7D.st1%7Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3Bfill%3A%23242726%7D.st2%7Bclip-path%3Aurl%28%23SVGID_4_%29%7D.st3%7Bclip-path%3Aurl%28%23SVGID_6_%29%7D.st4%7Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3Bfill%3A%23221f1f%7D.st5%7Bclip-path%3Aurl%28%23SVGID_8_%29%7D.st6%7Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3Bfill%3A%23659dc7%7D.st7%7Bclip-path%3Aurl%28%23SVGID_10_%29%7D.st8%7Bclip-path%3Aurl%28%23SVGID_12_%29%7D.st9%7Bclip-path%3Aurl%28%23SVGID_14_%29%7D.st10%7Bfill%3A%23221f1f%7D%3C/style%3E%3Cdefs%3E%3Cpath%20id%3D%22SVGID_1_%22%20d%3D%22M15.6%2015.3c0-3.1-1.3-4.4-4.4-4.4H5.9v17.6h5.4c3.1%200%204.4-1.3%204.4-4.4l-.1-8.8zm-3.9%2016.1H2.9c-.3%200-.5-.2-.5-.5V8.5c0-.2.3-.5.5-.5h8.8c4.7%200%207.3%202.6%207.3%207.3v8.8c.1%204.7-2.6%207.3-7.3%207.3z%22/%3E%3C/defs%3E%3Cuse%20xlink%3Ahref%3D%22%23SVGID_1_%22%20overflow%3D%22visible%22%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20fill%3D%22%23221f1f%22/%3E%3CclipPath%20id%3D%22SVGID_2_%22%3E%3Cuse%20xlink%3Ahref%3D%22%23SVGID_1_%22%20overflow%3D%22visible%22/%3E%3C/clipPath%3E%3Cg%20class%3D%22st0%22%3E%3Cpath%20class%3D%22st1%22%20d%3D%22M0%205.6h21.5v28.2H0z%22/%3E%3C/g%3E%3Cdefs%3E%3Cpath%20id%3D%22SVGID_3_%22%20d%3D%22M25.9%208.5c-.1-.2-.2-.5-.5-.5h-3c-.3%200-.3.2-.2.5l7.6%2022.4c.1.3.3.5.5.5h2.8L25.9%208.5%22/%3E%3C/defs%3E%3Cuse%20xlink%3Ahref%3D%22%23SVGID_3_%22%20overflow%3D%22visible%22%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20fill%3D%22%23221f1f%22/%3E%3CclipPath%20id%3D%22SVGID_4_%22%3E%3Cuse%20xlink%3Ahref%3D%22%23SVGID_3_%22%20overflow%3D%22visible%22/%3E%3C/clipPath%3E%3Cg%20class%3D%22st2%22%3E%3Cpath%20class%3D%22st1%22%20d%3D%22M19.7%205.6h15.8v28.2H19.7z%22/%3E%3C/g%3E%3Cg%3E%3Cdefs%3E%3Cpath%20id%3D%22SVGID_5_%22%20d%3D%22M41.8%208h-3c-.3%200-.4.2-.5.5l-4.2%2013.3%201.6%205.2L42%208.6c.2-.3.1-.6-.2-.6%22/%3E%3C/defs%3E%3Cuse%20xlink%3Ahref%3D%22%23SVGID_5_%22%20overflow%3D%22visible%22%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20fill%3D%22%23221f1f%22/%3E%3CclipPath%20id%3D%22SVGID_6_%22%3E%3Cuse%20xlink%3Ahref%3D%22%23SVGID_5_%22%20overflow%3D%22visible%22/%3E%3C/clipPath%3E%3Cg%20class%3D%22st3%22%3E%3Cpath%20class%3D%22st4%22%20d%3D%22M31.8%205.6h12.8v23.7H31.8z%22/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3Cdefs%3E%3Cpath%20id%3D%22SVGID_7_%22%20d%3D%22M49.8%2018.4l4.8-8.4v8.4h.5V10l4.8%208.4h.6L55%208.9c0-.1-.1-.1-.2-.1s-.2%200-.2.1l-5.4%209.4h.6%22/%3E%3C/defs%3E%3CclipPath%20id%3D%22SVGID_8_%22%3E%3Cuse%20xlink%3Ahref%3D%22%23SVGID_7_%22%20overflow%3D%22visible%22/%3E%3C/clipPath%3E%3Cg%20class%3D%22st5%22%3E%3Cpath%20class%3D%22st6%22%20d%3D%22M49%208.6h11.6v10H49z%22/%3E%3C/g%3E%3Cdefs%3E%3Cpath%20id%3D%22SVGID_9_%22%20d%3D%22M44.9%2018.2L54.8.9l9.9%2017.3H44.9zm20.5.1L55%20.3c0-.1-.1-.1-.2-.1s-.2%200-.2.1l-10.4%2018v.2c0%20.1.1.1.2.1h20.7c.1%200%20.2-.1.2-.2.1%200%20.1-.1.1-.1z%22/%3E%3C/defs%3E%3CclipPath%20id%3D%22SVGID_10_%22%3E%3Cuse%20xlink%3Ahref%3D%22%23SVGID_9_%22%20overflow%3D%22visible%22/%3E%3C/clipPath%3E%3Cg%20class%3D%22st7%22%3E%3Cpath%20class%3D%22st6%22%20d%3D%22M44%200h21.7v18.9H44z%22/%3E%3C/g%3E%3Cg%3E%3Cdefs%3E%3Cpath%20id%3D%22SVGID_11_%22%20d%3D%22M61.9.5v5.8c0%20.4.6.4.6%200V.5c.1-.4-.6-.4-.6%200%22/%3E%3C/defs%3E%3CclipPath%20id%3D%22SVGID_12_%22%3E%3Cuse%20xlink%3Ahref%3D%22%23SVGID_11_%22%20overflow%3D%22visible%22/%3E%3C/clipPath%3E%3Cg%20class%3D%22st8%22%3E%3Cpath%20class%3D%22st6%22%20d%3D%22M61.7%200h1.1v6.8h-1.1z%22/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3Cdefs%3E%3Cpath%20id%3D%22SVGID_13_%22%20d%3D%22M65.1%203.1h-5.8c-.4%200-.4.6%200%20.6h5.8c.4%200%20.4-.6%200-.6%22/%3E%3C/defs%3E%3CclipPath%20id%3D%22SVGID_14_%22%3E%3Cuse%20xlink%3Ahref%3D%22%23SVGID_13_%22%20overflow%3D%22visible%22/%3E%3C/clipPath%3E%3Cg%20class%3D%22st9%22%3E%3Cpath%20class%3D%22st6%22%20d%3D%22M58.9%202.9h6.8V4h-6.8z%22/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3Cg%3E%3Cpath%20class%3D%22st10%22%20d%3D%22M49.6%2031.2v-4.4l-1.4%202.8h-1l-1.4-2.8v4.4h-1.5v-7.5h1.4l2%204%201.9-4H51v7.5h-1.4zM57.1%2031.2l-.4-1.3H54l-.5%201.3H52l2.7-7.5h1.1l2.7%207.5h-1.4zm-1.7-5.3l-.9%202.7h1.9l-1-2.7zM64%2031.2l-3-4.6v4.6h-1.5v-7.5h1.3l3%204.6v-4.6h1.5v7.5H64zM71.2%2031.2l-.4-1.3h-2.7l-.5%201.3h-1.5l2.7-7.5H70l2.7%207.5h-1.5zm-1.7-5.3l-.9%202.7h1.9l-1-2.7zM78.2%2030.4c-.6.6-1.3.8-2.1.8s-1.5-.3-2-.8c-.8-.8-.7-1.7-.7-3s0-2.2.7-3c.5-.5%201.2-.8%202-.8%201.7%200%202.6%201.1%202.8%202.4h-1.5c-.2-.7-.6-1.1-1.3-1.1-.4%200-.7.2-.9.4-.3.3-.4.7-.4%202.1%200%201.4.1%201.8.4%202.1.2.2.5.4.9.4s.8-.2%201-.4c.2-.3.3-.6.3-1v-.3H76V27h2.8v1.1c.1%201.1-.1%201.7-.6%202.3zM80.4%2031.2v-7.5h4.9V25h-3.5v1.8h2.9v1.3h-2.9v1.8h3.5v1.3h-4.9zM91.4%2030.5c-.5.5-1.2.7-2%20.7h-2.7v-7.5h2.7c.8%200%201.5.2%202%20.7.8.8.8%201.9.8%203-.1%201.1%200%202.2-.8%203.1zm-1-5c-.3-.3-.6-.5-1.1-.5h-1.1v4.9h1.1c.5%200%20.8-.2%201.1-.5.3-.3.3-.9.3-2s-.1-1.6-.3-1.9z%22/%3E%3C/g%3E%3C/svg%3E') no-repeat;
  width: 95px;
}
/**!
* Module Header
*
* Module Header Component
* =========================================================================== */
.o-module-header {
  color: #282B2D;
  text-align: center;
}
.o-module-header__text {
  text-transform: uppercase;
  display: inline-block;
}
.o-module-header__title {
  font-size: 34px;
  display: flex;
  margin-bottom: 0;
}
@media (max-width: 767px) {
  .o-module-header__title {
    font-size: 20px;
  }
}
.o-module-header__title-text {
  flex-grow: 0;
  padding: 0 10px;
}
.o-module-header__title::before,
.o-module-header__title::after {
  content: '';
  display: inline-block;
  border-top: 1px solid #282B2D;
  flex-grow: 1;
  align-self: center;
}
.o-module-header__subtitle {
  font-size: 40px;
  display: block;
  margin: 0;
}
@media (max-width: 767px) {
  .o-module-header__subtitle {
    font-size: 26px;
    line-height: 1.2;
  }
}
.o-module-header__description {
  font-size: 24px;
  margin: 45px 0 0;
}
@media (min-width: 768px) and (max-width: 1095px) {
  .o-module-header__description {
    margin-top: 35px;
  }
}
@media (max-width: 767px) {
  .o-module-header__description {
    margin-top: 25px;
    font-size: 18px;
  }
}
.o-module-header__description-line2 {
  display: block;
}
@media (max-width: 767px) {
  .o-module-header__description-line2 {
    display: inline;
  }
}
/**!
* Flexbox Layout
*
* Layout from Left to Right
* =========================================================================== */
.o-flex-layout {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}
@media (max-width: 1010px) {
  .o-flex-layout {
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
.o-flex-layout__content {
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  -ms-flex-grow: 1;
  flex-grow: 1;
  -webkit-flex-basis: 0;
  -moz-flex-basis: 0;
  -ms-flex-basis: 0;
  flex-basis: 0;
}
@media (max-width: 1010px) {
  .o-flex-layout__content {
    -webkit-flex-basis: auto;
    -moz-flex-basis: auto;
    -ms-flex-basis: auto;
    flex-basis: auto;
  }
}
/**!
 * o-support - support line with call icon
 * =========================================================================== */
.o-support {
  display: none;
  width: 100%;
  margin-top: 35px;
  margin-bottom: 10px;
  text-align: center;
}
@media (min-width: 768px) {
  .o-support {
    display: inline-block;
  }
}
.o-support__text {
  max-width: 700px;
  margin: 0 auto;
  font-weight: 300;
  line-height: 1.1;
}
@media (min-width: 1096px) {
  .o-support__text {
    max-width: none;
  }
}
.o-support__text::before {
  content: '';
  display: inline-block;
  width: 30px;
  height: 30px;
  margin: 0 14px 0 0;
  vertical-align: middle;
  background: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2060%2060%27%3E%3Cpath%20fill-rule%3D%27evenodd%27%20d%3D%27M33.964%2039.566c-.008-.053-.03-.1-.03-.156%200-.063.023-.118.034-.177a.987.987%200%200%200-.968-.844%201.001%201.001%200%200%200%200%202c.488%200%20.878-.36.964-.824zm9.846-4.955a69.313%2069.313%200%200%201-1.614%203.51%202.996%202.996%200%200%200%201.737-2.71c0-.274-.05-.54-.123-.8zM12%2027v-4c0-1.655%201.346-3%203-3a1%201%200%200%201%201%201c.008.31.098.667.417.86C17.233%2019.863%2018%2016.622%2018%2015a1%201%200%200%201%201-1c6.242%200%2015.688-1.09%2017.143-3.516a1%201%200%200%201%201.857.515c0%203.544%203.67%207.255%203.707%207.292a1%201%200%200%201-1.414%201.414c-.148-.148-3.102-3.137-4.022-6.69-4.056%202.533-13.175%202.918-16.327%202.974-.23%202.262-1.132%205.624-2.048%207.456a1%201%200%200%201-.895.553c-1.473%200-2.318-.805-2.716-1.698a.998.998%200%200%200-.284.697v4c0%20.55.45%201%201%201%20.417%200%20.79.258.937.648.03.08%202.982%207.927%204.895%2010.796l.164.248C22.194%2041.51%2023.836%2044%2030%2044c5.383%200%207.316-1.9%208.518-3.59h-2.71A2.993%202.993%200%200%201%2033%2042.39c-1.654%200-3-1.347-3-3%200-1.656%201.346-3%203-3%201.31%200%202.414.847%202.822%202.02h3.964c.95-1.71%202.026-4.168%202.864-6.197.02-.09.06-.175.106-.26.758-1.845%201.295-3.27%201.308-3.305.146-.39.52-.65.936-.65.55%200%201-.448%201-1v-4c0-.55-.45-1-1-1a1%201%200%200%201-1-1v-6c0-.406-.134-10-9-10a1.001%201.001%200%200%201-.894-1.446c.195-.39.11-.528.078-.58C33.96%202.613%2032.828%202%2030%202%2014.227%202%2014.002%2016.387%2014%2017a1%201%200%200%201-2-.002c0-.17.206-17%2018-17%202.143%200%204.904.335%205.886%201.923.173.282.33.662.346%201.134C43.922%203.758%2046%2011.05%2046%2015v5.17c1.164.413%202%201.525%202%202.83v4c0%201.404-.97%202.587-2.277%202.91-.2.52-.528%201.362-.93%202.355.72.886%201.14%201.99%201.14%203.145%200%202.757-2.243%205-5%205h-.01c-.03.046-.06.1-.09.144l-.16.24C39.39%2042.74%2037.244%2045.998%2030%2045.998c-7.242%200-9.39-3.26-10.674-5.207l-.158-.24c-1.75-2.624-4.162-8.744-4.89-10.642A2.998%202.998%200%200%201%2012%2027zm15%209.39c-.014%200-1.39-.018-2.105-1.45a1%201%200%200%200-1.789.896C24.368%2038.36%2026.893%2038.39%2027%2038.39a1%201%200%201%200%200-2zM31%2051c0-.552-.45-1-1-1s-1%20.448-1%201c0%20.55.45%201%201%201s1-.45%201-1zm2%200c0%201.3-.838%202.4-2%202.815V59c0%20.55-.448%201-1%201s-1-.45-1-1v-5.185A2.999%202.999%200%200%201%2027%2051c0-1.655%201.346-3%203-3s3%201.345%203%203zm0-27a1%201%200%201%200%200%202h1c0%20.55.448%201%201%201s1-.45%201-1h1a1%201%200%201%200%200-2h-4zm-6%200h-4a1%201%200%201%200%200%202h1c0%20.55.448%201%201%201s1-.45%201-1h1a1%201%200%201%200%200-2zm-4%2024C9.36%2048%202.592%2050.06%201.03%2054.755l-1%204a1%201%200%201%200%201.941.485l.98-3.926c1.164-3.498%207.46-5.238%2019.23-5.314l1.84%209.193a.997.997%200%200%200%201.176.785c.542-.11.893-.636.785-1.177l-2-10a1%201%200%200%200-.98-.804zm36.243%2011.97a1%201%200%200%201-1.214-.728l-1-4c-1.113-3.33-7.758-5.147-19.21-5.2l-1.84%209.154a1.003%201.003%200%200%201-1.177.784%201.002%201.002%200%200%201-.783-1.178l2-9.958a.999.999%200%200%201%20.978-.803c13.245-.055%2020.45%202.14%2021.95%206.643l1.022%204.073a1%201%200%200%201-.727%201.213z%27%2F%3E%3C%2Fsvg%3E") no-repeat;
}
/* ==========================================================================
   Callout _ Legacy Callout module
   Brought it outside of page--vpsJump since we need to use it on other pages
   ========================================================================== */
.callout-title {
  text-align: center;
}
@media (min-width: 1200px), (min-width: 768px) and (max-width: 1199px) {
  .callout-title {
    margin-bottom: 0;
    font-size: 26px;
    font-size: 1.8rem;
  }
}
@media (max-width: 767px) {
  .callout-title {
    margin-bottom: 1rem;
    font-size: 20px;
    font-size: 1.4rem;
    line-height: 1.3;
  }
}
.callout-phone {
  margin: 0;
  text-align: center;
}
@media (min-width: 1200px), (min-width: 768px) and (max-width: 1199px) {
  .callout-phone {
    font-size: 28px;
    font-size: 1.9rem;
    letter-spacing: 0;
  }
}
@media (max-width: 767px) {
  .callout-phone {
    font-size: 21px;
    font-size: 1.5rem;
  }
}
/**!
 * c-computer-chip - computer chip svg icon
 * =========================================================================== */
.c-computer-chip {
  background: url("data:image/svg+xml,%3Csvg%20xmlns%3Ax%3D%22http%3A%2F%2Fns.adobe.com%2FExtensibility%2F1.0%2F%22%20xmlns%3Ai%3D%22http%3A%2F%2Fns.adobe.com%2FAdobeIllustrator%2F10.0%2F%22%20xmlns%3Agraph%3D%22http%3A%2F%2Fns.adobe.com%2FGraphs%2F1.0%2F%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20version%3D%221.1%22%20id%3D%22Layer_1%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%20698.8%20681.8%22%20enable-background%3D%22new%200%200%20698.8%20681.8%22%20xml%3Aspace%3D%22preserve%22%3E%0A%20%20%3Cswitch%3E%0A%20%20%20%20%3CforeignObject%20requiredExtensions%3D%22http%3A%2F%2Fns.adobe.com%2FAdobeIllustrator%2F10.0%2F%22%20x%3D%220%22%20y%3D%220%22%20width%3D%221%22%20height%3D%221%22%3E%0A%20%20%20%20%20%20%3Ci%3ApgfRef%20xlink%3Ahref%3D%22%23adobe_illustrator_pgf%22%2F%3E%0A%20%20%20%20%3C%2FforeignObject%3E%0A%20%20%20%20%3Cg%20i%3Aextraneous%3D%22self%22%3E%0A%20%20%20%20%20%20%3Cg%3E%0A%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M484.8%20125.8H214c-48.6%200-88.2%2039.6-88.2%2088.2v253.8c0%2048.6%2039.6%2088.2%2088.2%2088.2h270.7c48.6%200%2088.2-39.6%2088.2-88.2V214v0%200C573%20165.4%20533.4%20125.8%20484.8%20125.8zM484.8%20522H214c-29.9%200-54.2-24.3-54.2-54.2V214c0-29.9%2024.3-54.2%2054.2-54.2h270.7c29.9%200%2054.2%2024.3%2054.2%2054.2v253.8C539%20497.7%20514.7%20522%20484.8%20522z%22%2F%3E%0A%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M431.4%20232.5H267.4c-19.1%200-34.6%2015.6-34.6%2034.9v147.1c0%2019.1%2015.5%2034.6%2034.6%2034.6h164.1c19.2%200%2034.9-15.5%2034.9-34.6V267.4c0%200%200%200%200%200%200%200%200%200%200%200C466.3%20248.1%20450.7%20232.5%20431.4%20232.5zM267.4%20415c-0.4%200-0.6-0.2-0.6-0.6V267.4c0-0.5%200.3-0.9%200.6-0.9h164.1c0.4%200%200.9%200.5%200.9%200.9v147.1c0%200.3-0.4%200.6-0.9%200.6H267.4z%22%2F%3E%0A%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M190%20105.2c9.4%200%2017-7.6%2017-17V17c0-9.4-7.6-17-17-17%20-9.4%200-17%207.6-17%2017v71.2C173%2097.6%20180.6%20105.2%20190%20105.2z%22%2F%3E%0A%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M269.7%20105.2c9.4%200%2017-7.6%2017-17V17c0-9.4-7.6-17-17-17%20-9.4%200-17%207.6-17%2017v71.2C252.7%2097.6%20260.3%20105.2%20269.7%20105.2z%22%2F%3E%0A%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M347.9%20105.2c9.4%200%2017-7.6%2017-17V17c0-9.4-7.6-17-17-17s-17%207.6-17%2017v71.2C330.9%2097.6%20338.5%20105.2%20347.9%20105.2z%22%2F%3E%0A%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M426.2%20105.2c9.4%200%2017-7.6%2017-17V17c0-9.4-7.6-17-17-17%20-9.4%200-17%207.6-17%2017v71.2C409.2%2097.6%20416.8%20105.2%20426.2%20105.2z%22%2F%3E%0A%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M504.4%20105.2c9.4%200%2017-7.6%2017-17V17c0-9.4-7.6-17-17-17%20-9.4%200-17%207.6-17%2017v71.2C487.4%2097.6%20495%20105.2%20504.4%20105.2z%22%2F%3E%0A%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M190%20576.6c-9.4%200-17%207.6-17%2017v71.2c0%209.4%207.6%2017%2017%2017%209.4%200%2017-7.6%2017-17v-71.2C207%20584.2%20199.4%20576.6%20190%20576.6z%22%2F%3E%0A%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M269.7%20576.6c-9.4%200-17%207.6-17%2017v71.2c0%209.4%207.6%2017%2017%2017%209.4%200%2017-7.6%2017-17v-71.2C286.7%20584.2%20279.1%20576.6%20269.7%20576.6z%22%2F%3E%0A%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M347.9%20576.6c-9.4%200-17%207.6-17%2017v71.2c0%209.4%207.6%2017%2017%2017s17-7.6%2017-17v-71.2C364.9%20584.2%20357.3%20576.6%20347.9%20576.6z%22%2F%3E%0A%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M426.2%20576.6c-9.4%200-17%207.6-17%2017v71.2c0%209.4%207.6%2017%2017%2017%209.4%200%2017-7.6%2017-17v-71.2C443.2%20584.2%20435.6%20576.6%20426.2%20576.6z%22%2F%3E%0A%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M504.4%20576.6c-9.4%200-17%207.6-17%2017v71.2c0%209.4%207.6%2017%2017%2017%209.4%200%2017-7.6%2017-17v-71.2C521.4%20584.2%20513.8%20576.6%20504.4%20576.6z%22%2F%3E%0A%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M88.2%20164.2H17c-9.4%200-17%207.6-17%2017%200%209.4%207.6%2017%2017%2017h71.2c9.4%200%2017-7.6%2017-17C105.2%20171.8%2097.6%20164.2%2088.2%20164.2z%22%2F%3E%0A%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M88.2%20243.9H17c-9.4%200-17%207.6-17%2017%200%209.4%207.6%2017%2017%2017h71.2c9.4%200%2017-7.6%2017-17C105.2%20251.5%2097.6%20243.9%2088.2%20243.9z%22%2F%3E%0A%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M88.2%20322.4H17c-9.4%200-17%207.6-17%2017s7.6%2017%2017%2017h71.2c9.4%200%2017-7.6%2017-17S97.6%20322.4%2088.2%20322.4z%22%2F%3E%0A%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M88.2%20400.7H17c-9.4%200-17%207.6-17%2017%200%209.4%207.6%2017%2017%2017h71.2c9.4%200%2017-7.6%2017-17C105.2%20408.3%2097.6%20400.7%2088.2%20400.7z%22%2F%3E%0A%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M88.2%20478.9H17c-9.4%200-17%207.6-17%2017s7.6%2017%2017%2017h71.2c9.4%200%2017-7.6%2017-17S97.6%20478.9%2088.2%20478.9z%22%2F%3E%0A%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M681.8%20483.6h-71.2c-9.4%200-17%207.6-17%2017%200%209.4%207.6%2017%2017%2017h71.2c9.4%200%2017-7.6%2017-17C698.8%20491.2%20691.2%20483.6%20681.8%20483.6z%22%2F%3E%0A%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M681.8%20403.9h-71.2c-9.4%200-17%207.6-17%2017s7.6%2017%2017%2017h71.2c9.4%200%2017-7.6%2017-17S691.2%20403.9%20681.8%20403.9z%22%2F%3E%0A%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M681.8%20325.4h-71.2c-9.4%200-17%207.6-17%2017s7.6%2017%2017%2017h71.2c9.4%200%2017-7.6%2017-17S691.2%20325.4%20681.8%20325.4z%22%2F%3E%0A%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M681.8%20247.1h-71.2c-9.4%200-17%207.6-17%2017%200%209.4%207.6%2017%2017%2017h71.2c9.4%200%2017-7.6%2017-17C698.8%20254.7%20691.2%20247.1%20681.8%20247.1z%22%2F%3E%0A%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M610.6%20202.9h71.2c9.4%200%2017-7.6%2017-17%200-9.4-7.6-17-17-17h-71.2c-9.4%200-17%207.6-17%2017C593.6%20195.3%20601.2%20202.9%20610.6%20202.9z%22%2F%3E%0A%20%20%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%3C%2Fg%3E%0A%20%20%3C%2Fswitch%3E%0A%20%20%3Ci%3Apgf%20id%3D%22adobe_illustrator_pgf%22%3E%0A%20%20%20%20%0A%09VoyLEi9WRakyw0RJkRgUpapDeYEBViMw1OG6s6V11aeqluYFYJ5ycBXEy8AIQ%2B%2FhWh7YlsBC4BOE%0AkucToM9FRb7NDmwx0A%2Bw%2BslFQ2xZVN9TVjWMrFom88cXRbWqTaJUaZTKRW08RVyaJQeXI6Zs1WJM%0ALavMiEJVhESxIkO8VGktzkuWCl4tVXzY2oS9qSxiOEm1UJUgUaqKkChWm6WywgRAEZZmtSGkqOpZ%0AjIiqkTF2eCEmRbxYlSJWqjYZ46XIBqsWJkV1WcLeVNYvnKRaiEkRL8WkiBerzVJZYQKgCEuz0BBS%0AVFUsTkRRxjg7rBCXIlaMSVEtVZuM8VJkg1ULk6K6ImFvKksXTlItxKSIl2JSxIuVZmGsVAHQhKVZ%0AY0gpKtoVJ6LoYZwdVohJES9WpYiVYk1WeamyUauFS1FZjNQ31VULI4kVYlLESzEp4sVqs1RWmAAo%0AwoJSTINmpSW7ErDjeEEAQkwzUNsmeLy06UhlOLAKiK4TuTSVFtQ3QbsEsNFSy3gGtBW9N3TgpWCf%0AlgQroUqQZ7iE%2BKLKWi0rY9VUS5uOdBoslKLuUn8PGiq%2FKbHBi9T6qKVqzVWCagtpEioTkgM7eiaW%0A4YUkITm1FJecWorLI5UG%2B%2BFEhihLp8T3SMllwLrCgV7GKIJ1RXwT462UEaJTSgnRqb%2FH5CTzwcvU%0AGuGlct3xzpDbSJORRnZQnQpJLkPKTiklZKeUYhJhgbnCpASOKEsmxfcI2bGpRCydYJOE7NK8%2BCbO%0AWy4jZSeXkrJTfq9KROGDl6k1wkvluuMU5TbSZKSRHVSiyUyKJ2WnlBKyU0oxiSD%2FE7CgiDJBEN8j%0AZMcloKkFRyhGMcmKb%2BK85TJCdkopITv196pEFD54mVojvFSuO05RbiNNRhrZ8UwCjEdeM2eVUkJ2%0ASikmEZ7lwbgXiLEImInvEbIDxWAukeqO5zPimzhvuYyQnVJKyE79vSoRhQ9eptYIL5XrjlOU20iT%0AEZQdK4AxnGC4DCIA1iCOY%2BF6y2eA5s0gq1YphktTGvwWWHB4McsDZaG8CzUxL5CFsLPgm2DFxIt5%0AuCVjUkcEVTgsRKpYDeTCMllfuRhUTIDTM8MmCRJCmlfeVZjhhVjF8GKlEThVpbk0iWlFyfFAL3JM%0ARiNKpZgUpVKMi4fjgQoGPU0WCinxTVKUwLxCOzlClFxSkKliNZALSVEqxaQoVRKYeFRmeCFWMbxY%0AaQROVWkuTWJaUbIJMAEyXFIjSqWYFKVSjIuHTTLyqRxemBHfJEXJgo%2BpNMsTomTTSZkqVgO5kBSl%0AUkyKUiWBiUdlhhdiFSOK5UbgVJXm0iSmFSVYlWJgdeI0olSKSVEqxbh4mDQbSyXTpHwZYEGhNzWi%0AZBjRiCBECWw1iSomSrlQI0q5WCNKhQQuHoUZVohXDC9WGoFRVZtLkxgSJS4zDqhqDhk4xPtyMVlj%0ApZioBdDiPNgMk4UsJ76pqTGw7hNgk4DXGNQkIVNVaqAWlvH6qsVEH2Mk8O5UmOGFWMXwYqUR%2BMhR%0AmkuTGBRly5E5CgSP2k%2BOZkkMmqjORiiqIRp1eL03%2Fc%2Fxw7L%2FPR0vHZ%2Br%2Fn%2FGR%2F3ZbL7ur8cL8OTo%0AczlerefL8dHqa%2F5fWAJ%2BIr%2Fu9Vava47%2FD2rPKv8%3D%0A%09%0A%20%20%3C%2Fi%3Apgf%3E%0A%3C%2Fsvg%3E") no-repeat;
  display: inline-block;
  width: 15px;
  height: 16px;
  transform: scale(1.25);
}
.c-computer-chip__dvDeveloper {
  background: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20version%3D%221.1%22%20id%3D%22Layer_1%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%20698.8%20681.8%22%20xml%3Aspace%3D%22preserve%22%20enable-background%3D%22new%200%200%20698.8%20681.8%22%3E%0A%20%20%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A%20%20%20%20%0A%09.st0%7Bfill%3A%2329CBCF%3B%7D%0A%0A%20%20%3C%2Fstyle%3E%0A%20%20%3Cg%3E%0A%20%20%20%20%3Cpath%20class%3D%22st0%22%20d%3D%22M484.8%20125.8H214c-48.6%200-88.2%2039.6-88.2%2088.2v253.8c0%2048.6%2039.6%2088.2%2088.2%2088.2h270.7c48.6%200%2088.2-39.6%2088.2-88.2V214v0%200C573%20165.4%20533.4%20125.8%20484.8%20125.8zM484.8%20522H214c-29.9%200-54.2-24.3-54.2-54.2V214c0-29.9%2024.3-54.2%2054.2-54.2h270.7c29.9%200%2054.2%2024.3%2054.2%2054.2v253.8C539%20497.7%20514.7%20522%20484.8%20522z%22%2F%3E%0A%20%20%20%20%3Cpath%20class%3D%22st0%22%20d%3D%22M431.4%20232.5H267.4c-19.1%200-34.6%2015.6-34.6%2034.9v147.1c0%2019.1%2015.5%2034.6%2034.6%2034.6h164.1c19.2%200%2034.9-15.5%2034.9-34.6V267.4c0%200%200%200%200%200%200%200%200%200%200%200C466.3%20248.1%20450.7%20232.5%20431.4%20232.5zM267.4%20415c-0.4%200-0.6-0.2-0.6-0.6V267.4c0-0.5%200.3-0.9%200.6-0.9h164.1c0.4%200%200.9%200.5%200.9%200.9v147.1c0%200.3-0.4%200.6-0.9%200.6H267.4z%22%2F%3E%0A%20%20%20%20%3Cpath%20class%3D%22st0%22%20d%3D%22M190%20105.2c9.4%200%2017-7.6%2017-17V17c0-9.4-7.6-17-17-17%20-9.4%200-17%207.6-17%2017v71.2C173%2097.6%20180.6%20105.2%20190%20105.2z%22%2F%3E%0A%20%20%20%20%3Cpath%20class%3D%22st0%22%20d%3D%22M269.7%20105.2c9.4%200%2017-7.6%2017-17V17c0-9.4-7.6-17-17-17%20-9.4%200-17%207.6-17%2017v71.2C252.7%2097.6%20260.3%20105.2%20269.7%20105.2z%22%2F%3E%0A%20%20%20%20%3Cpath%20class%3D%22st0%22%20d%3D%22M347.9%20105.2c9.4%200%2017-7.6%2017-17V17c0-9.4-7.6-17-17-17s-17%207.6-17%2017v71.2C330.9%2097.6%20338.5%20105.2%20347.9%20105.2z%22%2F%3E%0A%20%20%20%20%3Cpath%20class%3D%22st0%22%20d%3D%22M426.2%20105.2c9.4%200%2017-7.6%2017-17V17c0-9.4-7.6-17-17-17%20-9.4%200-17%207.6-17%2017v71.2C409.2%2097.6%20416.8%20105.2%20426.2%20105.2z%22%2F%3E%0A%20%20%20%20%3Cpath%20class%3D%22st0%22%20d%3D%22M504.4%20105.2c9.4%200%2017-7.6%2017-17V17c0-9.4-7.6-17-17-17s-17%207.6-17%2017v71.2C487.4%2097.6%20495%20105.2%20504.4%20105.2z%22%2F%3E%0A%20%20%20%20%3Cpath%20class%3D%22st0%22%20d%3D%22M190%20576.6c-9.4%200-17%207.6-17%2017v71.2c0%209.4%207.6%2017%2017%2017%209.4%200%2017-7.6%2017-17v-71.2C207%20584.2%20199.4%20576.6%20190%20576.6z%22%2F%3E%0A%20%20%20%20%3Cpath%20class%3D%22st0%22%20d%3D%22M269.7%20576.6c-9.4%200-17%207.6-17%2017v71.2c0%209.4%207.6%2017%2017%2017%209.4%200%2017-7.6%2017-17v-71.2C286.7%20584.2%20279.1%20576.6%20269.7%20576.6z%22%2F%3E%0A%20%20%20%20%3Cpath%20class%3D%22st0%22%20d%3D%22M347.9%20576.6c-9.4%200-17%207.6-17%2017v71.2c0%209.4%207.6%2017%2017%2017s17-7.6%2017-17v-71.2C364.9%20584.2%20357.3%20576.6%20347.9%20576.6z%22%2F%3E%0A%20%20%20%20%3Cpath%20class%3D%22st0%22%20d%3D%22M426.2%20576.6c-9.4%200-17%207.6-17%2017v71.2c0%209.4%207.6%2017%2017%2017%209.4%200%2017-7.6%2017-17v-71.2C443.2%20584.2%20435.6%20576.6%20426.2%20576.6z%22%2F%3E%0A%20%20%20%20%3Cpath%20class%3D%22st0%22%20d%3D%22M504.4%20576.6c-9.4%200-17%207.6-17%2017v71.2c0%209.4%207.6%2017%2017%2017s17-7.6%2017-17v-71.2C521.4%20584.2%20513.8%20576.6%20504.4%20576.6z%22%2F%3E%0A%20%20%20%20%3Cpath%20class%3D%22st0%22%20d%3D%22M88.2%20164.2H17c-9.4%200-17%207.6-17%2017%200%209.4%207.6%2017%2017%2017h71.2c9.4%200%2017-7.6%2017-17C105.2%20171.8%2097.6%20164.2%2088.2%20164.2z%22%2F%3E%0A%20%20%20%20%3Cpath%20class%3D%22st0%22%20d%3D%22M88.2%20243.9H17c-9.4%200-17%207.6-17%2017%200%209.4%207.6%2017%2017%2017h71.2c9.4%200%2017-7.6%2017-17C105.2%20251.5%2097.6%20243.9%2088.2%20243.9z%22%2F%3E%0A%20%20%20%20%3Cpath%20class%3D%22st0%22%20d%3D%22M88.2%20322.4H17c-9.4%200-17%207.6-17%2017s7.6%2017%2017%2017h71.2c9.4%200%2017-7.6%2017-17S97.6%20322.4%2088.2%20322.4z%22%2F%3E%0A%20%20%20%20%3Cpath%20class%3D%22st0%22%20d%3D%22M88.2%20400.7H17c-9.4%200-17%207.6-17%2017%200%209.4%207.6%2017%2017%2017h71.2c9.4%200%2017-7.6%2017-17C105.2%20408.3%2097.6%20400.7%2088.2%20400.7z%22%2F%3E%0A%20%20%20%20%3Cpath%20class%3D%22st0%22%20d%3D%22M88.2%20478.9H17c-9.4%200-17%207.6-17%2017s7.6%2017%2017%2017h71.2c9.4%200%2017-7.6%2017-17S97.6%20478.9%2088.2%20478.9z%22%2F%3E%0A%20%20%20%20%3Cpath%20class%3D%22st0%22%20d%3D%22M681.8%20483.6h-71.2c-9.4%200-17%207.6-17%2017%200%209.4%207.6%2017%2017%2017h71.2c9.4%200%2017-7.6%2017-17C698.8%20491.2%20691.2%20483.6%20681.8%20483.6z%22%2F%3E%0A%20%20%20%20%3Cpath%20class%3D%22st0%22%20d%3D%22M681.8%20403.9h-71.2c-9.4%200-17%207.6-17%2017s7.6%2017%2017%2017h71.2c9.4%200%2017-7.6%2017-17S691.2%20403.9%20681.8%20403.9z%22%2F%3E%0A%20%20%20%20%3Cpath%20class%3D%22st0%22%20d%3D%22M681.8%20325.4h-71.2c-9.4%200-17%207.6-17%2017s7.6%2017%2017%2017h71.2c9.4%200%2017-7.6%2017-17S691.2%20325.4%20681.8%20325.4z%22%2F%3E%0A%20%20%20%20%3Cpath%20class%3D%22st0%22%20d%3D%22M681.8%20247.1h-71.2c-9.4%200-17%207.6-17%2017%200%209.4%207.6%2017%2017%2017h71.2c9.4%200%2017-7.6%2017-17C698.8%20254.7%20691.2%20247.1%20681.8%20247.1z%22%2F%3E%0A%20%20%20%20%3Cpath%20class%3D%22st0%22%20d%3D%22M610.6%20202.9h71.2c9.4%200%2017-7.6%2017-17%200-9.4-7.6-17-17-17h-71.2c-9.4%200-17%207.6-17%2017C593.6%20195.3%20601.2%20202.9%20610.6%20202.9z%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E") no-repeat;
}
.c-computer-chip__dvManaged {
  background: url("data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3C%21--%20Generator%3A%20Adobe%20Illustrator%2021.0.0%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%206.00%20Build%200%29%20%20--%3E%0A%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%220%200%20698.8%20681.8%22%20style%3D%22enable-background%3Anew%200%200%20698.8%20681.8%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cstyle%20type%3D%22text/css%22%3E%0A%09.st0%7Bfill%3A%2367A8DA%3B%7D%0A%3C/style%3E%0A%3Cg%3E%0A%09%3Cpath%20class%3D%22st0%22%20d%3D%22M484.8%2C125.8H214c-48.6%2C0-88.2%2C39.6-88.2%2C88.2v253.8c0%2C48.6%2C39.6%2C88.2%2C88.2%2C88.2h270.7%0A%09%09c48.6%2C0%2C88.2-39.6%2C88.2-88.2V214v0v0C573%2C165.4%2C533.4%2C125.8%2C484.8%2C125.8z%20M484.8%2C522H214c-29.9%2C0-54.2-24.3-54.2-54.2V214%0A%09%09c0-29.9%2C24.3-54.2%2C54.2-54.2h270.7c29.9%2C0%2C54.2%2C24.3%2C54.2%2C54.2v253.8C539%2C497.7%2C514.7%2C522%2C484.8%2C522z%22/%3E%0A%09%3Cpath%20class%3D%22st0%22%20d%3D%22M431.4%2C232.5H267.4c-19.1%2C0-34.6%2C15.6-34.6%2C34.9v147.1c0%2C19.1%2C15.5%2C34.6%2C34.6%2C34.6h164.1%0A%09%09c19.2%2C0%2C34.9-15.5%2C34.9-34.6V267.4c0%2C0%2C0%2C0%2C0%2C0c0%2C0%2C0%2C0%2C0%2C0C466.3%2C248.1%2C450.7%2C232.5%2C431.4%2C232.5z%20M267.4%2C415%0A%09%09c-0.4%2C0-0.6-0.2-0.6-0.6V267.4c0-0.5%2C0.3-0.9%2C0.6-0.9h164.1c0.4%2C0%2C0.9%2C0.5%2C0.9%2C0.9v147.1c0%2C0.3-0.4%2C0.6-0.9%2C0.6H267.4z%22/%3E%0A%09%3Cpath%20class%3D%22st0%22%20d%3D%22M190%2C105.2c9.4%2C0%2C17-7.6%2C17-17V17c0-9.4-7.6-17-17-17c-9.4%2C0-17%2C7.6-17%2C17v71.2%0A%09%09C173%2C97.6%2C180.6%2C105.2%2C190%2C105.2z%22/%3E%0A%09%3Cpath%20class%3D%22st0%22%20d%3D%22M269.7%2C105.2c9.4%2C0%2C17-7.6%2C17-17V17c0-9.4-7.6-17-17-17c-9.4%2C0-17%2C7.6-17%2C17v71.2%0A%09%09C252.7%2C97.6%2C260.3%2C105.2%2C269.7%2C105.2z%22/%3E%0A%09%3Cpath%20class%3D%22st0%22%20d%3D%22M347.9%2C105.2c9.4%2C0%2C17-7.6%2C17-17V17c0-9.4-7.6-17-17-17s-17%2C7.6-17%2C17v71.2%0A%09%09C330.9%2C97.6%2C338.5%2C105.2%2C347.9%2C105.2z%22/%3E%0A%09%3Cpath%20class%3D%22st0%22%20d%3D%22M426.2%2C105.2c9.4%2C0%2C17-7.6%2C17-17V17c0-9.4-7.6-17-17-17c-9.4%2C0-17%2C7.6-17%2C17v71.2%0A%09%09C409.2%2C97.6%2C416.8%2C105.2%2C426.2%2C105.2z%22/%3E%0A%09%3Cpath%20class%3D%22st0%22%20d%3D%22M504.4%2C105.2c9.4%2C0%2C17-7.6%2C17-17V17c0-9.4-7.6-17-17-17s-17%2C7.6-17%2C17v71.2C487.4%2C97.6%2C495%2C105.2%2C504.4%2C105.2z%0A%09%09%22/%3E%0A%09%3Cpath%20class%3D%22st0%22%20d%3D%22M190%2C576.6c-9.4%2C0-17%2C7.6-17%2C17v71.2c0%2C9.4%2C7.6%2C17%2C17%2C17c9.4%2C0%2C17-7.6%2C17-17v-71.2%0A%09%09C207%2C584.2%2C199.4%2C576.6%2C190%2C576.6z%22/%3E%0A%09%3Cpath%20class%3D%22st0%22%20d%3D%22M269.7%2C576.6c-9.4%2C0-17%2C7.6-17%2C17v71.2c0%2C9.4%2C7.6%2C17%2C17%2C17c9.4%2C0%2C17-7.6%2C17-17v-71.2%0A%09%09C286.7%2C584.2%2C279.1%2C576.6%2C269.7%2C576.6z%22/%3E%0A%09%3Cpath%20class%3D%22st0%22%20d%3D%22M347.9%2C576.6c-9.4%2C0-17%2C7.6-17%2C17v71.2c0%2C9.4%2C7.6%2C17%2C17%2C17s17-7.6%2C17-17v-71.2%0A%09%09C364.9%2C584.2%2C357.3%2C576.6%2C347.9%2C576.6z%22/%3E%0A%09%3Cpath%20class%3D%22st0%22%20d%3D%22M426.2%2C576.6c-9.4%2C0-17%2C7.6-17%2C17v71.2c0%2C9.4%2C7.6%2C17%2C17%2C17c9.4%2C0%2C17-7.6%2C17-17v-71.2%0A%09%09C443.2%2C584.2%2C435.6%2C576.6%2C426.2%2C576.6z%22/%3E%0A%09%3Cpath%20class%3D%22st0%22%20d%3D%22M504.4%2C576.6c-9.4%2C0-17%2C7.6-17%2C17v71.2c0%2C9.4%2C7.6%2C17%2C17%2C17s17-7.6%2C17-17v-71.2%0A%09%09C521.4%2C584.2%2C513.8%2C576.6%2C504.4%2C576.6z%22/%3E%0A%09%3Cpath%20class%3D%22st0%22%20d%3D%22M88.2%2C164.2H17c-9.4%2C0-17%2C7.6-17%2C17c0%2C9.4%2C7.6%2C17%2C17%2C17h71.2c9.4%2C0%2C17-7.6%2C17-17%0A%09%09C105.2%2C171.8%2C97.6%2C164.2%2C88.2%2C164.2z%22/%3E%0A%09%3Cpath%20class%3D%22st0%22%20d%3D%22M88.2%2C243.9H17c-9.4%2C0-17%2C7.6-17%2C17c0%2C9.4%2C7.6%2C17%2C17%2C17h71.2c9.4%2C0%2C17-7.6%2C17-17%0A%09%09C105.2%2C251.5%2C97.6%2C243.9%2C88.2%2C243.9z%22/%3E%0A%09%3Cpath%20class%3D%22st0%22%20d%3D%22M88.2%2C322.4H17c-9.4%2C0-17%2C7.6-17%2C17s7.6%2C17%2C17%2C17h71.2c9.4%2C0%2C17-7.6%2C17-17S97.6%2C322.4%2C88.2%2C322.4z%22/%3E%0A%09%3Cpath%20class%3D%22st0%22%20d%3D%22M88.2%2C400.7H17c-9.4%2C0-17%2C7.6-17%2C17c0%2C9.4%2C7.6%2C17%2C17%2C17h71.2c9.4%2C0%2C17-7.6%2C17-17%0A%09%09C105.2%2C408.3%2C97.6%2C400.7%2C88.2%2C400.7z%22/%3E%0A%09%3Cpath%20class%3D%22st0%22%20d%3D%22M88.2%2C478.9H17c-9.4%2C0-17%2C7.6-17%2C17s7.6%2C17%2C17%2C17h71.2c9.4%2C0%2C17-7.6%2C17-17S97.6%2C478.9%2C88.2%2C478.9z%22/%3E%0A%09%3Cpath%20class%3D%22st0%22%20d%3D%22M681.8%2C483.6h-71.2c-9.4%2C0-17%2C7.6-17%2C17c0%2C9.4%2C7.6%2C17%2C17%2C17h71.2c9.4%2C0%2C17-7.6%2C17-17%0A%09%09C698.8%2C491.2%2C691.2%2C483.6%2C681.8%2C483.6z%22/%3E%0A%09%3Cpath%20class%3D%22st0%22%20d%3D%22M681.8%2C403.9h-71.2c-9.4%2C0-17%2C7.6-17%2C17s7.6%2C17%2C17%2C17h71.2c9.4%2C0%2C17-7.6%2C17-17S691.2%2C403.9%2C681.8%2C403.9z%22/%3E%0A%09%3Cpath%20class%3D%22st0%22%20d%3D%22M681.8%2C325.4h-71.2c-9.4%2C0-17%2C7.6-17%2C17s7.6%2C17%2C17%2C17h71.2c9.4%2C0%2C17-7.6%2C17-17S691.2%2C325.4%2C681.8%2C325.4z%22/%3E%0A%09%3Cpath%20class%3D%22st0%22%20d%3D%22M681.8%2C247.1h-71.2c-9.4%2C0-17%2C7.6-17%2C17c0%2C9.4%2C7.6%2C17%2C17%2C17h71.2c9.4%2C0%2C17-7.6%2C17-17%0A%09%09C698.8%2C254.7%2C691.2%2C247.1%2C681.8%2C247.1z%22/%3E%0A%09%3Cpath%20class%3D%22st0%22%20d%3D%22M610.6%2C202.9h71.2c9.4%2C0%2C17-7.6%2C17-17c0-9.4-7.6-17-17-17h-71.2c-9.4%2C0-17%2C7.6-17%2C17%0A%09%09C593.6%2C195.3%2C601.2%2C202.9%2C610.6%2C202.9z%22/%3E%0A%3C/g%3E%0A%3C/svg%3E%0A") no-repeat;
}
/*
 * file: c-product-pitch.less
 * date: 01/20/17
 * usage: /webhosting/wordpress
 *
 * Example HTML:
<div class="o-background-gradient--black2gray">
	<div class="grid grid--black2gray">

		<div class="c-product-pitch module grid-col small-span12 medium-span5 medium-push1 span6">
			<h3 class="c-product-pitch__title">
				<span class="c-product-pitch__title-product">Managed Wordpress</span>
				<span class="c-product-pitch__title-audience">Starting Out</span>
			</h3>
			<p class="c-product-pitch__description">Over 25% of websites run on WordPress, making it
			the world's most popular web publishing platform. See what makes WordPress so popular and
			how Media Temple makes it easy to use.</p>
			<a class="c-product-pitch__cta btn btn--wpress" href="/webhosting/wordpress/starter/">Learn More<span aria-hidden="true" class="icon--angleRight--alt"></span></a>
		</div>

		<div class="c-product-pitch module grid-col small-span12 medium-span5 medium-push1 span5 push1">
			<h3 class="c-product-pitch__title">
				<span class="c-product-pitch__title-product">Managed Wordpress</span>
				<span class="c-product-pitch__title-audience">For Businesses</span>
			</h3>
			<p class="c-product-pitch__description">Reduce costs. Avoid downtime. Build an effortless
			experience. See how WordPress can boost your business and how Media Temple ensures
			your WordPress project succeeds.</p>
			<a class="c-product-pitch__cta btn btn--wpress" href="/webhosting/wordpress/business/">Learn More <span aria-hidden="true" class="icon--angleRight--alt"></span></a>
		</div>

	</div>
</div>

 *
 *
 */
/*
 * NOTE: This component REQUIRES the .o-background-gradient class to be used OVER the grid (refer
 * to the example HTML). The max-width property on the .grid-class produces margins arround the
 * component, which prevents us from coloring the background across the entire width of the screen.
 *
 * We could use backup background colors on the .c-product-pitch elements, but this causes the
 * background pixels from .c-product-pitch and the background pixels from .o-background-gradient
 * to misalign.
 */
.c-product-pitch {
  text-align: left;
  font-size: 1rem;
  line-height: 1.4;
}
@media (min-width: 768px) {
  .c-product-pitch {
    text-align: left;
  }
}
.c-product-pitch__title {
  text-transform: uppercase;
  font-weight: 300;
}
.c-product-pitch__title-product {
  display: block;
}
@media (min-width: 768px) {
  .c-product-pitch__title-product {
    font-size: 0.7em;
  }
}
.c-product-pitch__title-audience {
  display: block;
  color: #FFD02B;
  letter-spacing: 1px;
  line-height: 0.8;
  font-size: 1.75em;
}
@media (min-width: 768px) {
  .c-product-pitch__title-audience {
    font-size: 1.25em;
  }
}
.c-product-pitch__description {
  font-size: 1.1em;
  font-weight: 300;
}
/**!
 * Promotional Terms and Conditions
 *
 * Legal promotional page
 * ============================================================= */
.c-promotion-terms {
  color: #282B2D;
}
.c-promotion-terms__title {
  font-size: 25px;
  text-transform: uppercase;
  line-height: 1.2;
  margin: 0;
}
.c-promotion-terms__subtitle {
  font-size: 35px;
  text-transform: uppercase;
  line-height: 1;
}
.c-promotion-terms__content {
  font-size: 16px;
  font-weight: 300;
  color: #72727a;
  margin: 35px 0 0;
  text-align: justify;
}
.c-promotion-terms__cta {
  margin: 35px 0 0;
}
/**
* Table using flexbox
*/
.c-compare-table {
  width: 100%;
  color: #282B2D;
  padding: 0;
  margin: 0;
  font-size: 1.28rem;
  overflow: auto;
}
@media (min-width: 768px) {
  .c-compare-table {
    font-size: 1.12rem;
  }
}
.c-compare-table__row:nth-child(2n+1) {
  background-color: #ededed;
}
.c-compare-table__headers {
  font-size: 1.22em;
  text-transform: uppercase;
}
.c-compare-table__td {
  max-width: 20%;
  text-align: center;
  margin: 0;
  line-height: 1.2;
  padding: 10px;
  vertical-align: middle;
}
.c-compare-table__td-features {
  text-align: left;
}
.c-compare-table__td-price {
  font-size: 1.3em;
}
.c-compare-table__td-features-bullets {
  margin-bottom: 10px;
}
.c-compare-table__btn-row:nth-child(1) {
  background-color: transparent;
}
.c-compare-table__icon {
  width: 17px;
  height: 15px;
}
.c-compare-table__btn {
  display: inline-block;
  padding: 12px 10px;
  line-height: 1;
}
@media (min-width: 960px) {
  .c-compare-table__btn {
    width: 140px;
  }
}
.c-choose-plan {
  font-size: 1.28rem;
}
@media (min-width: 768px) {
  .c-choose-plan {
    font-size: 1.12rem;
  }
}
.c-choose-plan__heading {
  font-size: 1.4em;
  text-transform: uppercase;
  line-height: 1.2;
}
@media (min-width: 768px) {
  .c-choose-plan__heading {
    font-size: 1.8em;
  }
}
.c-choose-plan__icon-calendar {
  font-size: 22px;
  color: #FFD02B;
  margin: 0 5px 0 0;
}
.c-choose-plan__disclaimers {
  margin: 50px 0 0;
  font-size: 0.77em;
  list-style-type: none;
}
/*
 * file: c-mt-advantages.less
 * author: Kevin Pamaran
 * date: 12/26/17
 */
.c-mt-advantages {
  font-size: 1rem;
}
.c-mt-advantages__title {
  text-transform: uppercase;
  font-size: 2.5em;
  line-height: 1.1;
}
@media (min-width: 768px) {
  .c-mt-advantages__title {
    margin-bottom: 12px;
    font-size: 2.25em;
  }
}
.c-mt-advantages__subtitle {
  margin-bottom: 15px;
  font-size: 1.4em;
  font-weight: 600;
  text-transform: uppercase;
}
.c-mt-advantages__intro,
.c-mt-advantages__feature,
.c-mt-advantages__subfeatures {
  font-size: 1.25em;
  font-weight: 100;
  line-height: 1.4;
}
@media (min-width: 768px) {
  .c-mt-advantages__intro,
  .c-mt-advantages__feature,
  .c-mt-advantages__subfeatures {
    font-size: 1.125em;
  }
}
@media (max-width: 480px) {
  .c-mt-advantages__intro,
  .c-mt-advantages__feature,
  .c-mt-advantages__subfeatures {
    font-size: 1em;
  }
}
.c-mt-advantages__intro {
  margin-bottom: 2.5em;
}
.c-mt-advantages__subfeatures > li {
  margin-bottom: 30px;
}
@media (min-width: 768px) {
  .c-mt-advantages__content {
    padding: 0 3% 0 0;
  }
  .c-mt-advantages__content:last-child {
    padding-right: 0;
  }
}
.c-mt-advantages__picture {
  display: block;
  margin: 0 auto 2.5em auto;
  height: 245px;
  max-width: 96%;
}
.c-mt-advantages__picture--security {
  height: 210px;
}
@media (min-width: 768px) {
  .c-mt-advantages__picture--security {
    height: 255px;
    margin-top: 65px;
  }
}
.c-mt-advantages__picture--support {
  height: 264px;
}
@media (min-width: 768px) {
  .c-mt-advantages__picture--support {
    height: 320px;
  }
}
.c-mt-advantages__picture--performance {
  height: 210px;
}
@media (min-width: 768px) {
  .c-mt-advantages__picture--performance {
    height: 245px;
    margin-top: 75px;
  }
}
.c-mt-advantages__picture--octopus {
  height: 260px;
}
@media (min-width: 768px) {
  .c-mt-advantages__picture--octopus {
    height: 290px;
  }
}
.c-mt-advantages__picture--puffer-fish {
  position: relative;
  right: 15px;
  height: 225px;
}
@media (min-width: 768px) {
  .c-mt-advantages__picture--puffer-fish {
    right: 0;
    margin-top: 75px;
    margin-bottom: 28px;
  }
}
.c-mt-advantages__picture--cdn-global {
  height: 220px;
  position: relative;
  top: 24px;
  margin-bottom: 12px;
}
@media (min-width: 768px) {
  .c-mt-advantages__picture--cdn-global {
    max-width: 100%;
    top: 56px;
    margin-bottom: 2.5em;
  }
}
@media (min-width: 960px) {
  .c-mt-advantages__picture--cdn-global {
    height: 290px;
    top: 60px;
  }
}
.c-mt-advantages__picture--advanced-security {
  height: 220px;
  margin-top: 28px;
}
@media (min-width: 768px) {
  .c-mt-advantages__picture--advanced-security {
    max-width: 90%;
    margin-top: 0;
    position: relative;
    top: 8px;
  }
}
@media (min-width: 960px) {
  .c-mt-advantages__picture--advanced-security {
    top: 0px;
    height: 290px;
  }
}
.c-mt-advantages__picture--mysql-container {
  height: 220px;
  position: relative;
  top: 16px;
}
@media (min-width: 768px) {
  .c-mt-advantages__picture--mysql-container {
    max-width: 74%;
    top: 25px;
  }
}
@media (min-width: 960px) {
  .c-mt-advantages__picture--mysql-container {
    height: 290px;
  }
}
/**
 * Info Box with an icon and text next to each other
 */
.o-info-box {
  display: flex;
  flex-flow: row nowrap;
  margin-bottom: 2.5rem;
  font-size: 1rem;
  font-weight: 300;
}
.o-info-box__icon {
  height: 25px;
  width: 25px;
  fill: #fff;
}
.o-info-box__text {
  align-self: center;
  margin-left: 12px;
  color: #fff;
}
.o-info-box__link {
  display: block;
}
@media (min-width: 768px) {
  .o-info-box__link {
    display: inline-block;
    margin-left: 5px;
  }
}
.o-info-box--dark .o-info-box__text {
  color: #1C1C1E;
}
.o-info-box--wpress .o-info-box__icon {
  fill: #FFD02B;
}
.o-info-box--grid .o-info-box__icon {
  fill: #f26767;
}
/*
Used as a mixin for full-width background images. Background images that are
page-specific and large in size should be used in page-specific CSS includes,
instead of the global css file

Example:

.o-full-width-overview-bg-boat-above {
  .o-full-width-bg();
  background-image: ...
}
*/
.o-full-width-bg {
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: contain;
}
/**
* New Product Features
*/
.c-product-features {
  font-size: 1rem;
}
.c-product-features__header {
  margin: 0 0 30px;
}
@media (min-width: 768px) {
  .c-product-features__header {
    margin: 0 0 40px;
  }
}
.c-product-features__header-title {
  font-size: 2.125em;
  margin: 0;
  line-height: 1.2;
  text-transform: uppercase;
}
.c-product-features__header-sub-title {
  font-size: 1.125em;
  margin: 0;
  text-transform: uppercase;
}
.c-product-features__title {
  font-size: 2.125em;
  margin: 0 0 20px;
  line-height: 1.2;
  text-transform: uppercase;
}
.c-product-features__text {
  margin: 0 0 20px 0;
}
.c-product-features__content {
  margin-bottom: 40px;
}
.c-product-features__content:last-child {
  margin-bottom: 0;
}
@media (min-width: 768px) {
  .c-product-features__content {
    margin-bottom: 0;
  }
}
.c-product-features__colored-title {
  font-size: 2.125em;
  margin: 0 0 20px;
  line-height: 1.2;
}
.c-product-features__blurb-title {
  text-transform: uppercase;
  font-weight: 600;
  font-size: 1.2em;
  line-height: 1.2;
  margin: 0 0 20px;
}
.c-product-features__blurb-text {
  margin: 0 0 25px;
}
.c-product-features__row {
  margin-bottom: 30px;
}
.c-product-features__row:last-child {
  margin-bottom: 50px;
}
.c-product-features__icon {
  height: 28px;
  width: 28px;
  float: left;
  margin-right: 10px;
}
.c-product-features__img {
  width: 280px;
  margin-bottom: 30px;
}
.c-product-features--wpress .c-product-features__header-title,
.c-product-features--wpress .c-product-features__blurb-title {
  color: #FFD02B;
}
.c-product-features--wpress .c-product-features__bg1 {
  padding-top: 40px;
  padding-bottom: 45.33%;
}
@media (min-width: 768px) and (max-width: 1095px) {
  .c-product-features--wpress .c-product-features__bg1 {
    padding-top: 70px;
    padding-bottom: 29.27%;
  }
}
@media (min-width: 960px) {
  .c-product-features--wpress .c-product-features__bg1 {
    padding-top: 70px;
    padding-bottom: 30%;
  }
}
.c-product-features--wpress .c-product-features__bg2 {
  padding: 20px 0 80%;
}
@media (min-width: 768px) and (max-width: 1095px) {
  .c-product-features--wpress .c-product-features__bg2 {
    padding-bottom: 29.27%;
  }
}
@media (min-width: 960px) {
  .c-product-features--wpress .c-product-features__bg2 {
    padding-bottom: 29.41%;
  }
}
.c-product-features--wpress-starter .c-product-features__bg1 {
  padding-top: 40px;
  padding-bottom: 33.33%;
}
@media (min-width: 768px) and (max-width: 1095px) {
  .c-product-features--wpress-starter .c-product-features__bg1 {
    padding-top: 70px;
    padding-bottom: 17.56%;
  }
}
@media (min-width: 960px) {
  .c-product-features--wpress-starter .c-product-features__bg1 {
    padding-top: 70px;
    padding-bottom: 18.24%;
  }
}
.c-product-features--wpress-starter .c-product-features__bg2 {
  padding: 20px 0 65.33%;
}
@media (min-width: 768px) and (max-width: 1095px) {
  .c-product-features--wpress-starter .c-product-features__bg2 {
    padding-bottom: 17.56%;
  }
}
@media (min-width: 960px) {
  .c-product-features--wpress-starter .c-product-features__bg2 {
    padding-bottom: 15.03%;
  }
}
.c-product-features--wpress-business .c-product-features__bg1 {
  padding-top: 40px;
  padding-bottom: 36%;
}
@media (min-width: 768px) and (max-width: 1095px) {
  .c-product-features--wpress-business .c-product-features__bg1 {
    padding-top: 70px;
    padding-bottom: 19.51%;
  }
}
@media (min-width: 960px) {
  .c-product-features--wpress-business .c-product-features__bg1 {
    padding-top: 70px;
    padding-bottom: 19.54%;
  }
}
.c-product-features--wpress-business .c-product-features__bg2 {
  padding: 20px 0 61.33%;
}
@media (min-width: 768px) and (max-width: 1095px) {
  .c-product-features--wpress-business .c-product-features__bg2 {
    padding-bottom: 29.27%;
  }
}
@media (min-width: 960px) {
  .c-product-features--wpress-business .c-product-features__bg2 {
    padding-bottom: 29.41%;
  }
}
.c-product-features--grid .c-product-features__header-title,
.c-product-features--grid .c-product-features__blurb-title {
  color: #f26767;
}
.c-product-features--grid .c-product-features__bg1 {
  padding-top: 50px;
  padding-bottom: 63%;
}
@media (min-width: 768px) and (max-width: 1095px) {
  .c-product-features--grid .c-product-features__bg1 {
    padding-top: 60px;
    padding-bottom: 37%;
  }
}
@media (min-width: 960px) {
  .c-product-features--grid .c-product-features__bg1 {
    padding-top: 70px;
    padding-bottom: 31%;
  }
}
.c-product-features--grid .c-product-features__bg2 {
  padding: 40px 0 80%;
}
@media (min-width: 768px) and (max-width: 1095px) {
  .c-product-features--grid .c-product-features__bg2 {
    padding-top: 20px;
    padding-bottom: 60%;
  }
}
@media (min-width: 960px) {
  .c-product-features--grid .c-product-features__bg2 {
    padding-top: 0;
    padding-bottom: 41%;
  }
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .c-product-features--pleskdv .c-product-features__header {
    -ms-flex: 1 auto;
    flex: 1 auto;
  }
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .c-product-features--pleskdv .c-product-features__content {
    -ms-flex: 1 auto;
    flex: 1 auto;
    width: 100%;
  }
}
@media all and (-ms-high-contrast: none) and (min-width: 768px), (-ms-high-contrast: active) and (min-width: 768px) {
  .c-product-features--pleskdv .c-product-features__content {
    width: 50%;
  }
}
.c-product-features--pleskdv .c-product-features__header-title {
  color: #67a8da;
  margin: 0 0 20px;
}
.c-product-features--pleskdv .c-product-features__blurb-title {
  line-height: 1.8;
}
.c-product-features--pleskdv .c-product-features__blurb:first-child {
  margin-bottom: 60px;
}
@media (min-width: 1096px) {
  .c-product-features--pleskdv .c-product-features__blurb:first-child {
    margin-bottom: 90px;
  }
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .c-product-features--pleskdv .c-product-features__img {
    height: 100%;
  }
}
.c-product-features--cdn-waf .c-product-features__content {
  padding-right: 5%;
}
.c-product-features--cdn-waf .c-product-features__blurb-title {
  text-transform: capitalize;
  font-weight: 400;
  font-size: 1.5em;
}
.c-product-features--padding-top {
  padding-top: 30px;
}
/*
* This class applies the two separate background colors, 50-50.
* This is useful for components that have different background colors and share half the width of the row on desktop.
* By default this is flexible for mobile stacking behavior also.
*/
.o-background-gradient {
  width: 100%;
}
@media (min-width: 768px) {
  .o-background-gradient {
    background: linear-gradient(to right, #fff 50%, #1C1C1E 50%);
  }
}
.o-background-gradient__bg1 {
  background: #fff;
}
@media (min-width: 768px) {
  .o-background-gradient__bg1 {
    background: transparent;
  }
}
.o-background-gradient__bg2 {
  background: #1C1C1E;
}
@media (min-width: 768px) {
  .o-background-gradient__bg2 {
    background: transparent;
  }
}
@media (min-width: 768px) {
  .o-background-gradient--black2gray {
    background: linear-gradient(to right, #1C1C1E 50%, #282B2D 50%);
  }
}
.o-background-gradient--black2gray .o-background-gradient__bg1 {
  background: #1C1C1E;
}
@media (min-width: 768px) {
  .o-background-gradient--black2gray .o-background-gradient__bg1 {
    background: transparent;
  }
}
.o-background-gradient--black2gray .o-background-gradient__bg2 {
  background: #282B2D;
}
@media (min-width: 768px) {
  .o-background-gradient--black2gray .o-background-gradient__bg2 {
    background: transparent;
  }
}
.c-content-bullets {
  font-size: 1rem;
}
.c-content-bullets__heading {
  font-size: 2.12em;
  text-transform: uppercase;
  margin: 0 0 45px;
}
.c-content-bullets__logo {
  margin: 0 0 30px;
}
.c-content-bullets--list-spacing .c-content-bullets__list > li {
  margin-bottom: 7px;
}
.c-product-icons {
  display: flex;
  flex-flow: column wrap;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin: 0;
  list-style-type: none;
}
@media (min-width: 768px) {
  .c-product-icons {
    flex-flow: row wrap;
    transform: translateY(65%);
  }
}
.c-product-icons > li {
  text-align: center;
}
@media (min-width: 768px) {
  .c-product-icons > li {
    width: 33%;
  }
}
.c-product-icons__icon {
  width: 100%;
  max-width: 95px;
}
/**!
* Flexbox Grid layout
* Default - 2 column grid
* Stacks on Mobile
* =========================================================================== */
.o-flex-grid {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  justify-content: space-between;
  margin-left: auto;
  margin-right: auto;
  max-width: 1240px;
}
@media (min-width: 768px) {
  .o-flex-grid {
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
  }
}
.o-flex-grid__col {
  flex: 1 49%;
  box-sizing: border-box;
  padding-left: 4%;
  padding-right: 4%;
  /*****  MODIFIERS *****/
}
.o-flex-grid__col--full-width {
  flex: 1 100%;
}
.o-flex-grid__col--top-padding {
  padding-top: 40px;
  padding-bottom: 40px;
}
@media (min-width: 768px) {
  .o-flex-grid__col--top-padding {
    padding-top: 70px;
    padding-bottom: 70px;
  }
}
@media (min-width: 768px) {
  .o-flex-grid__col--small-side-padding {
    padding-left: 2%;
    padding-right: 2%;
  }
}
@media (min-width: 768px) {
  .o-flex-grid__col--medium-side-padding {
    padding-left: 8%;
    padding-right: 8%;
  }
}
.o-flex-grid__col3 {
  flex: 1 33%;
  padding-left: 4%;
  padding-right: 4%;
}
@media (min-width: 768px) {
  .o-flex-grid__col3 {
    padding-right: 0;
  }
  .o-flex-grid__col3:last-child {
    padding-right: 4%;
  }
}
/* MODIFIERS */
@media (min-width: 768px) {
  .o-flex-grid--row-align-bottom {
    align-items: flex-end;
  }
}
/**!
* Flexbox Product Plans
* : Allow Product plans to be flexbox'd
*
* Defaults to 4 columns
*/
.o-product-plans {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
}
.o-product-plans__plan {
  display: flex;
  flex-flow: column;
  width: 100%;
}
@media (min-width: 1096px) {
  .o-product-plans__plan:last-child {
    margin-right: 0;
  }
}
@media (min-width: 768px) and (max-width: 1095px) {
  .o-product-plans__plan:nth-child(even) {
    margin-right: 0;
  }
}
@media (min-width: 1096px) {
  .o-product-plans__plan {
    flex: 0 0 24%;
    margin-right: 1%;
  }
}
@media (min-width: 768px) and (max-width: 1095px) {
  .o-product-plans__plan {
    flex: 0 0 49%;
    margin-right: 1%;
  }
}
.o-product-plans__stretch-content {
  display: flex;
  flex: 1 0 auto;
  flex-flow: column;
}
@media (min-width: 768px) {
  .o-product-plans--col3 .o-product-plans__plan:last-child {
    margin-right: 0;
  }
}
@media (min-width: 768px) {
  .o-product-plans--col3 .o-product-plans__plan {
    flex-basis: 32%;
    width: 32%;
    margin-right: 1%;
  }
}
@media (min-width: 768px) {
  .o-product-plans--col2 .o-product-plans__plan:last-child {
    margin-right: 0;
  }
}
@media (min-width: 768px) {
  .o-product-plans--col2 .o-product-plans__plan {
    flex-basis: 49%;
    width: 49%;
    margin-right: 1%;
  }
}
/**
 *
 * Promo Banner used at the top of pages

  Example HMTL:
  <div class="o-promo-banner u-clearfix u-isRelative">
    <div class="u-alignMiddle">
      <i aria-hidden="true" class="lush lush-star u-alignMiddle u-noMarginRight"></i>
      <span class="u-alignMiddle u-textBold">50% off</span>
      <span class="u-alignMiddle">all domains!<sup>*</sup></span>
      <span class="u-alignMiddle u-textBold">Includes .com, .net, .agency, .studio, .xyz, and more</span>
      <span class="o-promo-banner__divider">|</span>
      <a class="o-promo-banner__link u-alignMiddle u-noMarginLeft" href="/domains/" data-ga-click-event="CTA::TLD Top FOS Strip::Search Now"><strong>Search now</strong><i aria-hidden="true" class="icon icon--circleAngleRight"></i></a>
    </div>
  </div>
 */
.o-promo-banner {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  padding: 10px 45px;
  background: #48e0a4;
  text-align: center;
  font-size: 18px;
  z-index: 2;
}
@media (max-width: 480px) {
  .o-promo-banner {
    font-size: 17px;
    line-height: 1.2;
  }
}
.o-promo-banner__divider {
  margin: 0 0.5em;
}
.o-promo-banner__link {
  margin: 0 0 0 5px;
  color: #282B2D;
}
.o-promo-banner__link:focus,
.o-promo-banner__link:hover {
  color: #282B2D;
}
.o-promo-banner .lush-star {
  margin-right: 10px;
  font-size: 20px;
}
.o-promo-banner .icon--circleAngleRight {
  font-size: 20px;
  position: relative;
  top: 0.1em;
  margin-left: .3em;
}
/* ==========================================================================
   Enables the promotion of a header to describe a "family" of available options
   in a container with images and descriptions of the product.

   Used in https://mediatemple.net/landing/cybersale2017/
   ========================================================================== */
.o-promo-product-family {
  border: 1px solid #ccc;
  padding: 15px;
  margin-bottom: 30px;
  display: flex;
  flex-direction: column;
  font-size: 1rem;
}
.o-promo-product-family__description {
  margin-bottom: 2em;
  font-weight: lighter;
}
.o-promo-product-family__disclaimer {
  font-weight: lighter;
  font-size: .875em;
}
.o-promo-product-family__header {
  padding: 1em 0;
  display: flex;
}
@media (min-width: 768px) {
  .o-promo-product-family__header {
    display: inline;
    margin-bottom: 1em;
  }
}
.o-promo-product-family__image {
  max-height: 7em;
  max-width: 100%;
}
@media (min-width: 768px) {
  .o-promo-product-family__image {
    height: 7em;
  }
}
.o-promo-product-family__image-container {
  display: flex;
  margin-bottom: 2em;
}
.o-promo-product-family__option:last-child {
  border-left: none;
}
@media (min-width: 768px) {
  .o-promo-product-family__option:last-child {
    border-left: 1px solid #ccc;
  }
}
.o-promo-product-family__option:first-child {
  padding-bottom: 3em;
  margin-bottom: 3em;
  border-bottom: 1px solid #ccc;
}
@media (min-width: 768px) {
  .o-promo-product-family__option:first-child {
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: none;
  }
}
@media (min-width: 768px) {
  .o-promo-product-family__option {
    flex-basis: 50%;
    padding: 0 5%;
  }
  .o-promo-product-family__option:first-child {
    padding-left: 0%;
  }
}
.o-promo-product-family__options {
  display: flex;
  flex-flow: column;
  width: 100%;
  margin-bottom: 2em;
}
@media (min-width: 768px) {
  .o-promo-product-family__options {
    flex-direction: row;
  }
}
.o-promo-product-family__title {
  display: inline-block;
  padding-right: .5em;
  text-transform: uppercase;
}
@media (min-width: 481px) and (max-width: 767px) {
  .o-promo-product-family__title {
    padding-top: 0.2em;
  }
}
@media (max-width: 480px) {
  .o-promo-product-family__title {
    padding-top: 0.3em;
  }
}
/* ==========================================================================
   Enables the promotion of a header to describe the product of available plans.
   Plans are listed with detailed list with pricing and a call to action.

   Used in https://mediatemple.net/landing/cybersale2017/ (and /landing/cybersale2018/)
   ========================================================================== */
.o-promo-product-plan {
  border: 1px solid #ccc;
  padding: 15px;
  margin-bottom: 30px;
  display: flex;
  flex-direction: column;
}
.o-promo-product-plan__description {
  font-weight: lighter;
  margin-bottom: .5em;
}
.o-promo-product-plan__disclaimer {
  font-weight: lighter;
  font-size: 0.875em;
}
.o-promo-product-plan__details {
  border-bottom: 1px solid #ccc;
  display: flex;
  flex-flow: column;
  width: 100%;
  padding: 1.2em 0;
}
.o-promo-product-plan__details:last-child {
  border-bottom: none;
}
@media (min-width: 768px) {
  .o-promo-product-plan__details {
    border-bottom: none;
    border-left: 1px solid #ccc;
    flex-basis: 33%;
    margin: 1.2em 0;
    padding: 0 1% 0 3%;
  }
  .o-promo-product-plan__details:first-child {
    border-left: none;
    padding-left: 0;
  }
}
.o-promo-product-plan__divider {
  display: none;
  height: 1px;
  background-color: #ccc;
  width: 100%;
}
@media (min-width: 768px) {
  .o-promo-product-plan__divider {
    display: block;
  }
}
.o-promo-product-plan__header {
  border-bottom: 1px solid #ccc;
  padding: 1em 0 1.2em;
}
@media (min-width: 768px) {
  .o-promo-product-plan__header {
    margin-bottom: 0em;
  }
}
.o-promo-product-plan__icon {
  margin-right: 10px;
}
.o-promo-product-plan__list {
  margin-left: 5px;
  list-style-type: none;
  font-weight: 300;
  display: flex;
  flex: 1 0 auto;
  flex-flow: column;
}
.o-promo-product-plan__new-price {
  font-size: 1.625em;
}
.o-promo-product-plan__old-price {
  text-decoration: line-through;
}
.o-promo-product-plan__plans {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
}
.o-promo-product-plan__plan-header {
  display: block;
}
.o-promo-product-plan__plan-description {
  margin-bottom: 1.5em;
}
.o-promo-product-plan__sale-info {
  line-height: 1.2;
}
.o-promo-product-plan__sale-legal {
  font-size: 0.875em;
  margin-bottom: 1.2em;
}
.o-promo-product-plan__tag {
  display: inline-block;
  background: #000;
  padding: 2px 10px;
  margin-bottom: 1em;
  font-weight: 600;
  letter-spacing: 1px;
  text-transform: uppercase;
}
.o-promo-product-plan__title {
  display: inline-block;
  padding-right: .5em;
  text-transform: uppercase;
}
.o-promo-product-plan--grid .o-promo-product-plan__tag {
  color: #f26767;
}
.o-promo-product-plan--grid .o-promo-product-plan__icon {
  color: #f26767;
}
.o-promo-product-plan--dv .o-promo-product-plan__tag {
  color: #67a8da;
}
.o-promo-product-plan--dv .o-promo-product-plan__icon {
  color: #67a8da;
}
@media (min-width: 768px) {
  .o-promo-product-plan--dv .o-promo-product-plan__details {
    border-bottom: none;
    border-left: 1px solid #ccc;
    flex-basis: 33%;
    margin: 1.2em 0;
    padding: .8em 1% .8em 3%;
  }
  .o-promo-product-plan--dv .o-promo-product-plan__details:nth-child(4n+1) {
    border-left: none;
    padding-left: 0;
  }
}
/**!
 * Showcase module
 * Module for displaying copy and an image side-by-side.
 * ================================================ */
.o-showcase {
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: space-around;
  padding-top: 90px;
  padding-bottom: 60px;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-top: 60px;
}
.o-showcase__copy {
  padding-right: 60px;
}
@media (max-width: 767px) {
  .o-showcase__copy {
    padding-right: 0;
  }
}
.o-showcase__col {
  width: 100%;
  padding-bottom: 30px;
}
.o-showcase__col:last-child {
  padding-bottom: 0;
}
.o-showcase__image {
  width: 100%;
}
@media (min-width: 768px) {
  .o-showcase {
    flex-direction: row;
    margin-top: 0;
  }
}
.o-showcase--reverse {
  flex-direction: row-reverse;
}
@media (max-width: 767px) {
  .o-showcase--reverse {
    flex-direction: column;
  }
}
.o-showcase--reverse .o-showcase__copy {
  padding-left: 60px;
  padding-right: 0;
}
@media (max-width: 767px) {
  .o-showcase--reverse .o-showcase__copy {
    padding-right: 0;
    padding-left: 0;
  }
}
.o-showcase--remove-top-padding-mobile {
  margin-top: 0;
}
@media (min-width: 768px) {
  .o-showcase--remove-top-padding-mobile {
    margin-top: 60px;
  }
}
.o-showcase--side-by-side {
  padding-top: 30px;
  padding-bottom: 30px;
}
.o-showcase--side-by-side .o-showcase__col {
  width: inherit;
  padding-bottom: 60px;
}
.o-showcase--side-by-side .o-showcase__col:last-child {
  padding-bottom: 30px;
}
@media (max-width: 767px) {
  .o-showcase--side-by-side .o-showcase__col {
    padding-right: 0;
    padding-left: 0;
  }
}
@media (max-width: 767px) {
  .o-showcase--side-by-side .o-showcase {
    padding-top: 30px;
    padding-bottom: 30px;
  }
}
.o-showcase--align-top {
  align-items: flex-start;
}
/**
 * For speech bubbles describing concerns adjacent to copy items that address those concers
 * Example usage in /managedcloud and /landing/pleskdv pages
 *
 * Author: Kevin Pamaran (5/9/18)
 */
.o-speech-balloon-reply {
  display: -ms-flexbox;
  display: flex;
  flex-flow: row;
  padding-right: 10px;
  margin-bottom: 30px;
  font-weight: lighter;
}
@media (max-width: 1224px) {
  .o-speech-balloon-reply {
    flex-flow: column;
  }
}
.o-speech-balloon-reply__balloon {
  flex: 4 1 0;
  margin-right: 40px;
}
@media (max-width: 1224px) {
  .o-speech-balloon-reply__balloon {
    text-align: center;
    margin-bottom: 30px;
  }
}
@media (max-width: 767px) {
  .o-speech-balloon-reply__balloon {
    margin-right: 0;
  }
}
.o-speech-balloon-reply__balloon > img {
  width: 100%;
}
@media (max-width: 1224px) {
  .o-speech-balloon-reply__balloon > img {
    width: 60%;
  }
}
@media (max-width: 767px) {
  .o-speech-balloon-reply__balloon > img {
    width: 40%;
  }
}
@media (max-width: 480px) {
  .o-speech-balloon-reply__balloon > img {
    width: 60%;
  }
}
.o-speech-balloon-reply__reply {
  flex: 7 1 0;
}
@media (min-width: 768px) and (max-width: 1199px) {
  .o-speech-balloon-reply__reply {
    max-width: 90%;
  }
}
/**!
 * Stacking to 3 column layout-object
 *
 * o-stack-to-3-col-layout grants a layout that transitions between 1-column, 2-column, and
 * 3-column layouts on the mobile, @noMobile, and @desktopNoTablet sizes respectively.
 *
 * Originally used to layout the add-ons in /webhosting/wordpress/compare.
 * =========================================================================== */
.o-stack-to-3-col-layout {
  margin: 0 auto;
  list-style: none;
}
@media (min-width: 768px) {
  .o-stack-to-3-col-layout {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding: 0 5%;
  }
}
@media (min-width: 1096px) {
  .o-stack-to-3-col-layout {
    padding: 0;
  }
}
.o-stack-to-3-col-layout__col {
  display: flex;
  margin-bottom: 0;
}
@media (min-width: 768px) {
  .o-stack-to-3-col-layout__col {
    flex-basis: 50%;
    margin-bottom: 100px;
  }
}
@media (min-width: 1096px) {
  .o-stack-to-3-col-layout__col {
    flex-basis: 33%;
  }
}
/**
*	Sticker module:
*	Adds a wrapper in which a sticker can be positioned with content
*/
.o-sticker {
  position: relative;
}
.o-sticker__inner-wrap {
  font-size: 1rem;
  background-color: #48e0a4;
  height: calc(30px * (6.5 - 1));
  width: calc(30px * (6.5 - 1));
  border-radius: 50%;
  position: absolute;
  top: -10%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 99;
}
@media (min-width: 768px) {
  .o-sticker__inner-wrap {
    height: 195px;
    width: 195px;
  }
}
.o-sticker__content {
  font-size: 2.5em;
  font-weight: bold;
  line-height: 1;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  height: 100%;
  color: #1C1C1E;
}
@media (min-width: 768px) {
  .o-sticker__content {
    font-size: 3em;
  }
}
.o-sticker__inner-wrap--position-right {
  top: 50%;
  left: inherit;
  right: 0;
  transform: translate(17%, -73%);
}
@media (max-width: 767px) {
  .o-sticker__inner-wrap--position-right {
    transform: translate(-2%, -68%);
  }
}
.o-sticker__inner-wrap--sm {
  height: calc(30px * 4.5);
  width: calc(30px * 4.5);
}
.o-sticker__inner-wrap--sm .o-sticker__content {
  font-size: 2em;
}
.o-sticker__inner-wrap--left-rotate .o-sticker__content {
  transform: rotate(-10deg);
}
.o-sticker__inner-wrap--right-rotate .o-sticker__content {
  transform: rotate(10deg);
}
/*
* SVG SPRITE ICONS
* Sprite location : html/_img/sprites/LushIcons-sprite.svg
*/
.o-svg-icon {
  fill: #48e0a4;
  width: 100px;
}
.o-svg-icon--full-width-height {
  width: 100%;
  height: 100%;
}
.o-svg-icon--wpress {
  fill: #FFD02B;
}
.o-svg-icon--cdn-waf {
  fill: #fff;
  width: 28px;
  height: 30px;
  position: absolute;
  left: -50px;
}
/**
 * For personal testimonials from companies
 * Example usage in /managedcloud page
 *
 * Author: Kevin Pamaran (5/9/18)
 */
.o-testimonial-quotee,
.o-testimonial-quotation {
  position: relative;
  top: 3rem;
  font-weight: lighter;
}
@media (min-width: 768px) {
  .o-testimonial-quotee,
  .o-testimonial-quotation {
    padding-left: 36px;
  }
}
.o-testimonial-quotation {
  font-size: 1.5rem;
}
/**
	A "nubbin" is the outward facing (often downward) triangle.
	The nubbin is an indicator to inform users of a direction of the content associated with it.
*/
.o-nubbin {
  border-top: 0 #f6f6f6;
  border-bottom: 1px solid #f6f6f6;
  display: inline-block;
  width: 100%;
  position: relative;
  margin-bottom: 42px;
}
.o-nubbin:after,
.o-nubbin:before {
  border-left: 40px solid transparent;
  border-right: 40px solid transparent;
  border-top: 40px solid #282B2D;
  bottom: -40px;
  content: '';
  left: 50%;
  margin-left: -40px;
  position: absolute;
}
.o-nubbin:before {
  border-left: 42px solid transparent;
  border-right: 42px solid transparent;
  border-top: 42px solid;
  border-top-color: inherit;
  bottom: -42px;
  margin-left: -42px;
}
.c-gsuite-why {
  text-align: center;
}
.c-gsuite-why__header {
  text-transform: uppercase;
}
.c-gsuite-why__description {
  font-size: 20px;
}
.c-gsuite-why__icon-list {
  list-style-type: none;
  max-width: 700px;
  margin: 90px auto 0;
  display: flex;
  justify-content: space-between;
}
@media (max-width: 767px) {
  .c-gsuite-why__icon-list {
    flex-wrap: wrap;
  }
  .c-gsuite-why__icon-list > li {
    flex-basis: 50%;
    margin: 30px 0 0;
  }
}
.c-gsuite-features {
  text-align: center;
}
.c-gsuite-features__title {
  text-transform: uppercase;
}
.c-gsuite-features__title-break {
  display: block;
}
@media (max-width: 480px) {
  .c-gsuite-features__title-break {
    display: inline;
  }
}
.c-plan-tile {
  padding: 20px;
  margin-bottom: 13px;
}
.c-plan-tile__title {
  text-transform: uppercase;
}
.c-plan-tile--border-accent {
  border-top: 2px solid #f26767;
}
.c-plan-tile__list-icons {
  list-style: none;
  list-style-position: outside;
  padding: 0;
  margin: 0;
}
.c-plan-tile__list-icons > li {
  line-height: 2;
}
.c-plan-tile__list-icon {
  margin: 0 15px 0 0;
}
.c-plan-tile__price {
  font-size: 25px;
  line-height: 2;
}
.c-plan-tile__description {
  color: #ccc;
}
.c-plan-tile--grid .c-plan-tile__list-icon {
  color: #f26767;
}
.c-plan-tile--grid .c-plan-tile__list-icon:hover {
  color: #f69696;
}
/**!
 * about-page.less
 *
 * About page stules ~/company
 * =========================================================================== */
/* ==========================================================================
   About page specific overrides and styles
   ========================================================================== */
.page--about {
  /**
     * Highlight current nav item
     */
  /**
     * Subnav overrides
     */
  /* ==========================================================================
       Our clients section
       ========================================================================== */
  /* ==========================================================================
       Press section
       ========================================================================== */
}
.page--about .sectionSlide {
  overflow: hidden;
}
.page--about .sectionSlide--2 {
  display: none;
}
.page--about .ourClients .module-header h2,
.page--about .ourClients .module-header p {
  margin-bottom: 30px;
  margin-bottom: 1.875rem;
}
.page--about .pressInquiries address {
  font-size: 14px;
}
.page--about .pressInquiries abbr {
  margin-right: 4px;
}
.page--about .promoText {
  top: 45%;
}
.page--about .promoText p {
  margin-bottom: 15px;
}
@media (max-width: 1224px) {
  .page--about .promoText p {
    font-size: 15px;
    font-size: 0.9375rem;
  }
}
.page--about .flexEmbed--21by9 {
  padding-bottom: 42.66%;
}
@media (max-width: 1095px) and (min-width: 768px), (max-width: 767px) {
  .page--about .promoUnit-body .content {
    padding: 60px 20px;
    height: auto;
  }
}
/**!
 * jobs-page.less
 *
 * Jobs page stules ~/company
 * =========================================================================== */
/**!
 * Jobs
 *
 * Jobs module tht puls in info from jobvite
 * =========================================================================== */
/* ==========================================================================
   Jobs
   ========================================================================== */
.jobs .module-header {
  margin-bottom: 60px;
  margin-bottom: 3.75rem;
}
.jobs .module-heading {
  margin-bottom: 20px;
}
.jobs .module-subHeading {
  margin-bottom: 0;
}
.jobs .job {
  display: none;
}
.jobs .job:first-child {
  display: block;
}
@media (max-width: 767px) {
  .jobs .job {
    margin-bottom: 60px;
    display: block;
  }
}
.jobs .jobList {
  list-style: none;
  list-style-position: inside;
  margin: 0;
  min-height: 300px;
}
.jobs .jobList .job-expander {
  color: #666666;
  position: relative;
  font-size: 17px;
  font-size: 1.0625rem;
  line-height: 17px;
  line-height: 1.0625rem;
  font-weight: 400;
}
.jobs .jobList .job-expander:hover {
  color: #48e0a4;
}
.jobs .jobList a.activeJob:before {
  background: #48e0a4;
}
.jobs .job-content {
  background: #f4f4f4;
  border: 1px solid #ccc;
  cursor: pointer;
  position: relative;
}
.jobs .job-content.open,
.jobs .job-content:hover {
  background-color: #e8e8e8;
}
.jobs .job-content .cta--more .icon,
.jobs .job-content .cta--less .icon {
  font-size: 16px;
  font-size: 1rem;
}
.jobs .job-content .cta--more .icon:before,
.jobs .job-content .cta--less .icon:before {
  vertical-align: -2px;
  vertical-align: -0.125rem;
}
.jobs .job-details {
  display: none;
}
.jobs .job-details ul {
  margin-left: 20px;
  margin-top: 5px;
}
.jobs .job-footer {
  padding: 20px 0 0 0;
}
@media (min-width: 768px) and (max-width: 1095px), (max-width: 767px) {
  .jobs .job-content:hover {
    background-color: #f4f4f4;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .jobs .job-content {
    min-height: 112px;
  }
}
/* ==========================================================================
   Jobs page specific overrides and styles
   ========================================================================== */
.page--jobs .heroUnit-title {
  background-color: #282B2D;
  color: #fff;
}
.page--jobs .heroUnit-subtitle .heroUnit-subtitle-text {
  background-color: #fff;
  color: #282B2D;
}
.page--jobs .promoUnit .promoUnit-body:before {
  border-color: transparent transparent #282B2D;
}
.page--jobs .promoUnit .promoText {
  top: 45%;
}
.page--jobs .promoUnit .promoText-title {
  color: #fff;
  white-space: nowrap;
}
.page--jobs .promoUnit .promoText-blurb {
  color: #fff;
  font-size: 14px;
  font-size: 0.875rem;
}
.page--jobs .benefits .benefits-img {
  width: auto;
  max-width: 42px;
  height: 36px;
  margin-bottom: 26px;
}
.page--jobs .benefits .benefits-title {
  color: #282B2D;
}
.page--jobs .benefits-item {
  padding: 0 40px;
  min-height: 130px;
}
.page--jobs .flexEmbed--21by9 {
  padding-bottom: 42.66%;
}
@media (max-width: 1095px) and (min-width: 768px), (max-width: 767px) {
  .page--jobs .promoUnit-body .content {
    padding: 60px 20px;
    height: auto;
  }
}
@media (max-width: 767px) {
  .page--jobs .promoUnit .promoText-title {
    white-space: normal;
  }
}
@media (max-width: 480px) {
  .page--jobs .benefits-item {
    min-height: 110px;
  }
  .page--jobs .promoUnit .promoText-title {
    white-space: normal;
  }
}
/**!
 * Affiliate Landing
 *
 * LESS: /_less/pages/cloudtech-landing.less
 * CSS: /_css/cloudtech-landing.css
 * PAGE: /cloudtech/
 * =========================================================================== */
/* ==========================================================================
   Cloudtech specific overrides and styles
   ========================================================================== */
.page--affiliates {
  /*
.subNav {
        border-bottom: 1px solid @silver;
    }

    .subNav li {
        width: 18%;
    }
*/
  /**
     * Perks
     */
  /**
     * Banners
     */
  /**
     * Sign up form
     */
}
.page--affiliates .getStarted {
  margin-top: 0;
}
.page--affiliates .join-nav {
  background: #48e0a4;
  width: 150px;
  text-align: center !important;
}
@media (max-width: 767px) {
  .page--affiliates .affiliatePerks {
    display: none;
  }
}
.page--affiliates .perksTable td {
  padding: 35px 10px;
  font-size: 18px;
}
.page--affiliates .perksTable th {
  font-weight: 600;
  color: #4d4d4d;
  vertical-align: top;
  font-size: 24px;
  font-size: 1.5rem;
  letter-spacing: 2px;
  letter-spacing: 0.125rem;
}
.page--affiliates .perksTable th span {
  display: block;
  font-weight: normal;
  letter-spacing: 0px;
  color: #666666;
  padding-top: 4px;
  font-size: 16px;
  font-size: 1rem;
}
.page--affiliates .perksTable .planName {
  color: #4d4d4d;
  padding-right: 0;
}
.page--affiliates .perksTable .planName span {
  display: block;
  font-size: 14px;
  color: #666666;
}
.page--affiliates .bannerList {
  padding-top: 60px;
}
.page--affiliates .bannerList img {
  margin: 5px;
}
@media (max-width: 767px) {
  .page--affiliates .bannerList img {
    max-width: 100%;
  }
}
.page--affiliates .banner-warning {
  margin-top: 10px;
  margin-top: 0.625rem;
}
.page--affiliates .affiliate-form .textInput {
  background-color: #f4f4f4;
}
.page--affiliates .affiliate-form .textInput::-webkit-input-placeholder {
  color: #cccccc;
  text-transform: normal;
  font-weight: normal;
  letter-spacing: 1px;
  letter-spacing: 0.0625rem;
}
.page--affiliates .affiliate-form .textInput:-moz-placeholder {
  color: #cccccc;
  text-transform: normal;
  font-weight: normal;
  letter-spacing: 1px;
  letter-spacing: 0.0625rem;
}
.page--affiliates .affiliate-form .textInput::-moz-placeholder {
  color: #cccccc;
  text-transform: normal;
  font-weight: normal;
  letter-spacing: 1px;
  letter-spacing: 0.0625rem;
}
.page--affiliates .affiliate-form .textInput:-ms-input-placeholder {
  color: #cccccc;
  text-transform: normal;
  font-weight: normal;
  letter-spacing: 1px;
  letter-spacing: 0.0625rem;
}
.page--affiliates table thead {
  background-color: #f4f4f4;
}
.page--affiliates table tfoot {
  background-color: #f4f4f4;
}
.page--affiliates table tfoot td {
  font-weight: bold;
}
.page--affiliate-students .heroUnit {
  /* height:400px; */
}
@media (max-width: 767px) {
  .page--affiliate-students .heroUnit {
    height: 500px;
  }
}
.page--affiliate-students .heroUnit {
  max-height: 500px;
  background-image: url(../_img/affiliate-landing/students/hero-md.jpg);
}
@media (min-width: 1200px) {
  .page--affiliate-students .heroUnit {
    background-image: url(../_img/affiliate-landing/students/hero-md.jpg);
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .page--affiliate-students .heroUnit {
    background-image: url(../_img/affiliate-landing/students/hero-md.jpg);
  }
}
@media (max-width: 767px) {
  .page--affiliate-students .heroUnit {
    background-image: url(../_img/affiliate-landing/students/hero-sm.jpg);
  }
}
@media (max-width: 480px) {
  .page--affiliate-students .heroUnit {
    background-image: url(../_img/affiliate-landing/students/hero-xsm.jpg);
  }
}
@media (min-width: 1900px) {
  .page--affiliate-students .heroUnit {
    background-image: url(../_img/affiliate-landing/students/hero-lg.jpg);
  }
}
@media (min-width: 1200px) and (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-device-pixel-ratio: 1.5) {
  .page--affiliate-students .heroUnit {
    background-image: url(../_img/affiliate-landing/students/hero-lg.jpg);
  }
}
@media (min-width: 768px) and (max-width: 1199px) and (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-device-pixel-ratio: 1.5) {
  .page--affiliate-students .heroUnit {
    background-image: url(../_img/affiliate-landing/students/hero-lg.jpg);
  }
}
.page--affiliate-students .heroUnit .heroUnit-content {
  max-height: 550px;
}
.page--affiliate-students .heroUnit .heroUnit-content .heroUnit-subtitle {
  font-size: 22px;
  font-size: 1.375rem;
}
@media (min-width: 768px) and (max-width: 1095px), (max-width: 767px) {
  .page--affiliate-students .heroUnit .heroUnit-content .heroUnit-subtitle {
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 1.4;
  }
}
.page--affiliate-students .heroUnit .heroUnit-content .heroUnit-subtitle .heroUnit-subtitle-text {
  font-size: 22px;
  font-size: 1.375rem;
  width: 100%;
}
@media (min-width: 768px) and (max-width: 1095px), (max-width: 767px) {
  .page--affiliate-students .heroUnit .heroUnit-content .heroUnit-subtitle .heroUnit-subtitle-text {
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.6;
  }
}
.page--affiliate-students .heroUnit .heroUnit-content .heroUnit-credits-client {
  font-size: 20px;
  font-size: 1.25rem;
}
.page--affiliate-students .affiliate-landing--banner {
  top: -85px;
}
@media (min-width: 768px) and (max-width: 1095px), (max-width: 767px) {
  .page--affiliate-students .affiliate-landing--banner {
    top: -45px;
  }
}
.page--affiliate-students .affiliate-landing--banner .banner-callout {
  margin-top: 115px;
  margin-top: 7.1875rem;
}
@media (min-width: 768px) and (max-width: 1095px), (max-width: 767px) {
  .page--affiliate-students .affiliate-landing--banner .banner-callout {
    margin-top: 65px;
    margin-top: 4.0625rem;
  }
}
.page--affiliate-students .affiliate-landing--banner .banner-callout p:first-child {
  line-height: 1.35;
}
@media (min-width: 768px) and (max-width: 1095px), (max-width: 767px) {
  .page--affiliate-students .affiliate-landing--banner .banner-callout p:first-child {
    line-height: 1.45;
  }
}
.page--affiliate-students .affiliate-landing--banner .banner-callout p:first-child span {
  display: block;
  color: #1C1C1E;
}
.page--affiliate-students .affiliate-landing--banner .banner-callout p:first-child span a {
  color: #1C1C1E;
}
.page--affiliate-students .affiliate-landing--banner .banner-callout p:first-child span:nth-child(1) {
  font-weight: 800;
  text-transform: none;
  font-size: 26px;
  font-size: 1.625rem;
}
@media (min-width: 768px) and (max-width: 1095px), (max-width: 767px) {
  .page--affiliate-students .affiliate-landing--banner .banner-callout p:first-child span:nth-child(1) {
    font-size: 20px;
    font-size: 1.25rem;
    margin-bottom: 0px;
  }
}
.page--affiliate-students .affiliate-landing--banner .banner-callout p:first-child span:nth-child(2) {
  text-align: left;
  font-size: 36px;
  font-size: 2.25rem;
  font-weight: 800;
}
@media (min-width: 768px) and (max-width: 1095px), (max-width: 767px) {
  .page--affiliate-students .affiliate-landing--banner .banner-callout p:first-child span:nth-child(2) {
    font-size: 26px;
    font-size: 1.625rem;
    margin-bottom: 0px;
  }
}
.page--affiliate-students .affiliate-landing--banner .banner-callout p:first-child span:nth-child(3) {
  margin-bottom: 0px;
}
.page--affiliate-students .affiliate-landing--banner .banner-callout p:first-child span:nth-child(3) strong {
  font-size: 26px;
  background-color: #40c791;
  padding: 0px 10px 0px 10px;
}
@media (min-width: 768px) and (max-width: 1095px), (max-width: 767px) {
  .page--affiliate-students .affiliate-landing--banner .banner-callout p:first-child span:nth-child(3) strong {
    font-size: 18px;
  }
}
@media (min-width: 768px) and (max-width: 1095px), (max-width: 767px) {
  .page--affiliate-students .affiliate-landing--banner .banner-callout p:first-child span:nth-child(3) {
    font-size: 16px;
    font-size: 1rem;
    margin-bottom: 0px;
  }
}
.page--affiliate-students .affiliate-landing--banner .banner-callout p:first-child span:nth-child(4) {
  font-weight: 600;
  font-size: 20px;
  font-size: 1.25rem;
  margin-top: 10px;
  margin-top: 0.625rem;
  text-transform: uppercase;
}
@media (min-width: 768px) and (max-width: 1095px), (max-width: 767px) {
  .page--affiliate-students .affiliate-landing--banner .banner-callout p:first-child span:nth-child(4) {
    font-size: 18px;
    font-size: 1.125rem;
  }
}
.page--affiliate-students .product {
  color: #282B2D;
}
.page--affiliate-students .product .skill-title {
  color: #333 !important;
}
.page--affiliate-students .product--grid {
  background-color: #ffffff;
}
.page--affiliate-students .product--grid:hover {
  background-color: #ffffff;
}
.page--affiliate-students .product--dvManaged,
.page--affiliate-students .product--managedHosting,
.page--affiliate-students .product--virb {
  background-color: #ffffff;
}
.page--affiliate-students .product--dvManaged:hover,
.page--affiliate-students .product--managedHosting:hover,
.page--affiliate-students .product--virb:hover {
  background-color: #ffffff;
}
@media (max-width: 767px) {
  .page--affiliate-students .product--dvManaged,
  .page--affiliate-students .product--managedHosting,
  .page--affiliate-students .product--virb {
    width: 100%;
  }
}
.page--affiliate-students .product--dvDeveloper {
  background-color: #f6f6f6;
}
.page--affiliate-students .product--dvDeveloper:hover {
  background-color: #f6f6f6;
}
@media (max-width: 767px) {
  .page--affiliate-students .product--dvDeveloper {
    width: 100%;
  }
}
.page--affiliate-students .product--dvDeveloper .product-title {
  visibility: hidden;
}
@media (max-width: 767px) {
  .page--affiliate-students .product--dvDeveloper .product-title {
    display: none;
  }
}
.page--affiliate-students .product-title {
  color: #1C1C1E;
}
.page--affiliate-students .product-title strong {
  color: #1C1C1E;
}
.page--affiliate-students .product-desc {
  color: #282B2D;
}
.page--affiliate-students .product-uses {
  color: #282B2D;
}
.page--affiliate-students .product-uses strong {
  color: #1C1C1E;
}
.page--affiliate-students .product--grid .product-price {
  font-size: 32px;
  font-size: 2rem;
}
.page--affiliate-students .product--virb .product-action {
  float: left;
  margin-top: 0px;
}
.page--affiliate-students .product--virb .product-action .product-price {
  font-size: 24px;
  font-size: 1.5rem;
}
.page--affiliate-students .hostingPlans .product-price .u-discount {
  font-size: 32px;
  font-size: 2rem;
}
.page--affiliate-students .specs .island {
  background-color: #262626;
}
.page--affiliate-students .move-to-mt {
  padding-top: 30px;
  padding-top: 1.875rem;
  padding-bottom: 30px;
  padding-bottom: 1.875rem;
}
.page--affiliate-students .move-to-mt .notACustomer {
  margin-top: 0;
}
.page--affiliate-students .responsiveTabs-list li .price small {
  font-size: 14px;
  font-size: 0.875rem;
}
/**!
 * Affiliate landing pages
 *
 * LESS: /_less/pages/affiliate-landing.less
 * CSS: /_css/affiliate-landing.css
 * PAGE: /landing/*
 * =========================================================================== */
/* ==========================================================================
   General landing page components
   ========================================================================== */
@media (max-width: 767px) {
  .page--affiliate-landing header img {
    max-width: 200px;
  }
}
.page--affiliate-landing .heroUnit {
  position: relative;
  z-index: 1;
}
.page--affiliate-landing .strikethrough {
  position: relative;
}
.page--affiliate-landing .strikethrough:after {
  border-bottom: 5px solid #f26767;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 50%;
}
/* General affiliate banner styling */
.affiliate-landing--banner {
  position: absolute;
  /* top:-@move-up; */
  right: 30px;
  overflow: hidden;
}
.affiliate-landing--banner .banner-background {
  z-index: 200;
}
@media (min-width: 768px) and (max-width: 1095px), (max-width: 767px) {
  .affiliate-landing--banner .banner-background {
    width: 200px;
  }
}
.affiliate-landing--banner .banner-callout {
  position: absolute;
  width: 100%;
  z-index: 201;
  /* .margin-top(@move-up + 45px); */
}
@media (min-width: 768px) and (max-width: 1095px), (max-width: 767px) {
  .affiliate-landing--banner .banner-callout {
    /* .margin-top(@move-up + 20px); */
  }
}
.affiliate-landing--banner .banner-callout p {
  color: #ffffff;
  text-align: center;
  line-height: 1;
}
.affiliate-landing--banner .banner-callout p:first-child span {
  display: block;
}
.affiliate-landing--banner .banner-callout p:first-child span:nth-child(1) {
  text-transform: uppercase;
  font-size: 28px;
  font-size: 1.75rem;
  margin-bottom: 5px;
  margin-bottom: 0.3125rem;
}
.affiliate-landing--banner .banner-callout p:first-child span:nth-child(2) {
  text-transform: uppercase;
  font-size: 45px;
  font-size: 2.8125rem;
  margin-bottom: 5px;
  margin-bottom: 0.3125rem;
}
.affiliate-landing--banner .banner-callout p:first-child span:nth-child(3) {
  font-size: 22px;
  font-size: 1.375rem;
}
@media (min-width: 768px) and (max-width: 1095px), (max-width: 767px) {
  .affiliate-landing--banner .banner-callout p:first-child span:nth-child(1) {
    font-size: 20px;
    font-size: 1.25rem;
  }
  .affiliate-landing--banner .banner-callout p:first-child span:nth-child(2) {
    font-size: 20px;
    font-size: 1.25rem;
  }
  .affiliate-landing--banner .banner-callout p:first-child span:nth-child(3) {
    font-size: 20px;
    font-size: 1.25rem;
  }
}
.affiliate-landing--banner .banner-callout p:nth-child(2) {
  font-size: 22px;
  font-size: 1.375rem;
}
.affiliate-landing--banner .banner-callout p:nth-child(2) span {
  padding: 5px 7px;
  background-color: #955858;
}
.affiliate-landing--banner .banner-logo {
  position: absolute;
  z-index: 202;
}
@media (max-width: 767px) {
  .affiliate-landing--banner {
    right: 50%;
    margin-right: -100px;
    margin-right: -6.25rem;
  }
}
/* Guarantee starburst */
.uptime-guarantee {
  position: absolute;
  top: -10px;
  right: -10px;
  display: block;
  text-align: center;
  -webkit-transform: scale(0.7);
  -moz-transform: scale(0.7);
  -o-transform: scale(0.7);
  -ms-transform: scale(0.7);
  transform: scale(0.7);
}
.uptime-guarantee p {
  position: absolute;
  width: 100%;
  text-align: center;
  text-transform: uppercase;
  top: 26px;
  font-weight: bold;
  line-height: 1;
  font-size: 20px;
  font-size: 1.25rem;
}
.uptime-guarantee p span {
  display: block;
}
.uptime-guarantee p span:last-child {
  font-size: 10px;
  font-size: 0.625rem;
  line-height: 1.25;
}
@media (max-width: 930px) {
  .uptime-guarantee {
    display: none;
  }
}
.legal {
  padding-top: 30px;
  padding-top: 1.875rem;
}
.legal p {
  color: #ccc;
}
/* ==========================================================================
   VPS Comparison landing page
   ========================================================================== */
.page--affiliate-vps .heroUnit {
  max-height: 400px;
  background-image: url(../_img/affiliate-landing/vps/hero-md.jpg);
}
@media (min-width: 1200px) {
  .page--affiliate-vps .heroUnit {
    background-image: url(../_img/affiliate-landing/vps/hero-md.jpg);
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .page--affiliate-vps .heroUnit {
    background-image: url(../_img/affiliate-landing/vps/hero-md.jpg);
  }
}
@media (max-width: 767px) {
  .page--affiliate-vps .heroUnit {
    background-image: url(../_img/affiliate-landing/vps/hero-sm.jpg);
  }
}
@media (max-width: 480px) {
  .page--affiliate-vps .heroUnit {
    background-image: url(../_img/affiliate-landing/vps/hero-xsm.jpg);
  }
}
@media (min-width: 1900px) {
  .page--affiliate-vps .heroUnit {
    background-image: url(../_img/affiliate-landing/vps/hero-lg.jpg);
  }
}
@media (min-width: 1200px) and (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-device-pixel-ratio: 1.5) {
  .page--affiliate-vps .heroUnit {
    background-image: url(../_img/affiliate-landing/vps/hero-lg.jpg);
  }
}
@media (min-width: 768px) and (max-width: 1199px) and (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-device-pixel-ratio: 1.5) {
  .page--affiliate-vps .heroUnit {
    background-image: url(../_img/affiliate-landing/vps/hero-lg.jpg);
  }
}
.page--affiliate-vps .heroUnit .heroUnit-content-text {
  max-width: 700px;
}
@media (min-width: 768px) and (max-width: 1095px) {
  .page--affiliate-vps .heroUnit .heroUnit-content-text {
    max-width: 600px;
  }
}
@media (max-width: 767px) {
  .page--affiliate-vps .heroUnit .heroUnit-content-text {
    max-width: 600px;
  }
}
.page--affiliate-vps .affiliate-landing--banner {
  top: -70px;
}
.page--affiliate-vps .affiliate-landing--banner .banner-callout {
  margin-top: 115px;
  margin-top: 7.1875rem;
}
@media (min-width: 768px) and (max-width: 1095px), (max-width: 767px) {
  .page--affiliate-vps .affiliate-landing--banner .banner-callout {
    margin-top: 90px;
    margin-top: 5.625rem;
  }
}
.page--affiliate-vps header p {
  margin-top: 30px;
  margin-top: 1.875rem;
}
.page--affiliate-vps .product {
  background-color: #ffffff;
}
.page--affiliate-vps .specs .island {
  background-color: #282B2D;
}
.page--affiliate-vps .specs .island .productWordmark {
  height: 30px;
  width: 32px;
}
.page--affiliate-vps .specs .island .productWordmark--dvManaged,
.page--affiliate-vps .specs .island .productWordmark--dv {
  background-position: -385px 0;
}
.page--affiliate-vps .specs .island .productWordmark--dvDeveloper {
  background-position: -560px 0;
}
.page--affiliate-vps .hostingPlans .product-action {
  float: left;
  margin-right: 30px;
  margin-right: 1.875rem;
  margin-bottom: 30px;
  margin-bottom: 1.875rem;
}
.page--affiliate-vps .hostingPlans .actionCalloutAlt {
  float: left;
}
.page--affiliate-vps .hostingPlans .actionCalloutAlt-price:first-child {
  margin-bottom: 0;
}
.page--affiliate-vps .hostingPlans .actionCalloutAlt-price:last-child {
  color: #1C1C1E;
}
.page--affiliate-vps .compare h2 {
  margin-bottom: 0;
}
.page--affiliate-vps .compare .productWordmark {
  margin-bottom: 20px;
  margin-bottom: 1.25rem;
}
.page--affiliate-vps .compare .vpsOption p {
  float: left;
}
.page--affiliate-vps .compare .actionCalloutAlt {
  float: left;
  margin-right: 30px;
  margin-right: 1.875rem;
}
.page--affiliate-vps .compare .actionCalloutAlt-price:first-child {
  margin-bottom: 0;
}
.page--affiliate-vps .compare .actionCalloutAlt-price:last-child {
  color: #1C1C1E;
}
/* ==========================================================================
   Grid landing page
   ========================================================================== */
.page--affiliate-grid .heroUnit {
  height: 400px;
  background-image: url(../_img/affiliate-landing/cnet/hero-md.jpg);
}
@media (min-width: 1200px) {
  .page--affiliate-grid .heroUnit {
    background-image: url(../_img/affiliate-landing/cnet/hero-md.jpg);
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .page--affiliate-grid .heroUnit {
    background-image: url(../_img/affiliate-landing/cnet/hero-md.jpg);
  }
}
@media (max-width: 767px) {
  .page--affiliate-grid .heroUnit {
    background-image: url(../_img/affiliate-landing/cnet/hero-sm.jpg);
  }
}
@media (max-width: 480px) {
  .page--affiliate-grid .heroUnit {
    background-image: url(../_img/affiliate-landing/cnet/hero-xsm.jpg);
  }
}
@media (min-width: 1900px) {
  .page--affiliate-grid .heroUnit {
    background-image: url(../_img/affiliate-landing/cnet/hero-lg.jpg);
  }
}
@media (min-width: 1200px) and (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-device-pixel-ratio: 1.5) {
  .page--affiliate-grid .heroUnit {
    background-image: url(../_img/affiliate-landing/cnet/hero-lg.jpg);
  }
}
@media (min-width: 768px) and (max-width: 1199px) and (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-device-pixel-ratio: 1.5) {
  .page--affiliate-grid .heroUnit {
    background-image: url(../_img/affiliate-landing/cnet/hero-lg.jpg);
  }
}
.page--affiliate-grid .affiliate-landing--banner {
  top: -70px;
}
.page--affiliate-grid .affiliate-landing--banner .banner-callout {
  margin-top: 115px;
  margin-top: 7.1875rem;
}
@media (min-width: 768px) and (max-width: 1095px), (max-width: 767px) {
  .page--affiliate-grid .affiliate-landing--banner .banner-callout {
    margin-top: 90px;
    margin-top: 5.625rem;
  }
}
.page--affiliate-grid .productSpecs {
  background-color: #f6f6f6;
  color: #666666;
}
.page--affiliate-grid .productSpecs h1,
.page--affiliate-grid .productSpecs h2,
.page--affiliate-grid .productSpecs h3,
.page--affiliate-grid .productSpecs h4,
.page--affiliate-grid .productSpecs h5,
.page--affiliate-grid .productSpecs h6,
.page--affiliate-grid .productSpecs .h1,
.page--affiliate-grid .productSpecs .h2,
.page--affiliate-grid .productSpecs .h3,
.page--affiliate-grid .productSpecs .h4,
.page--affiliate-grid .productSpecs .h5,
.page--affiliate-grid .productSpecs .h6,
.page--affiliate-grid .productSpecs .heading,
.page--affiliate-grid .productSpecs .cta,
.page--affiliate-grid .productSpecs span.cta,
.page--affiliate-grid .productSpecs strong {
  color: #191919;
}
/* ==========================================================================
   Grid landing page
   ========================================================================== */
.page--gridLanding .guarantee {
  top: 55px;
  left: 267px;
  display: block;
  background: #ccc;
  width: 267px;
  height: 20px;
  /* padding: 20px; */
  font-size: 21px;
  -webkit-appearance: none;
  background: transparent;
  border: 1px solid;
  color: inherit;
  cursor: pointer;
  display: inline-block;
  font: inherit;
  line-height: normal;
  margin: 0;
  position: relative;
  text-align: center;
  text-decoration: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  vertical-align: middle;
  white-space: nowrap;
  border-color: transparent;
  background-color: #cccccc;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 15px;
  /* font-size: 1.125rem; */
  /* padding-top: 0.875rem; */
  padding-bottom: 14px;
  padding-bottom: 0.875rem;
  padding-right: 20px;
  padding-right: 1.25rem;
  padding-left: 20px;
  padding-left: 1.25rem;
  -webkit-transition: all 100ms linear;
  -moz-transition: all 100ms linear;
  -o-transition: all 100ms linear;
  -ms-transition: all 100ms linear;
  transition: all 100ms linear;
}
.page--gridLanding .header-pop {
  background: #f26767;
}
.page--gridLanding .heroUnit-content-text {
  max-width: 800px;
}
.page--gridLanding .heroUnit-content-text:after {
  content: "money back guarantee";
  display: block;
  background: #ccc;
  width: 352px;
  float: right;
  text-align: center;
  font-size: 15px;
  text-transform: uppercase;
  font-weight: 600;
}
@media (max-width: 767px) {
  .page--gridLanding .heroUnit-content-text:after {
    width: 280px;
  }
}
@media (min-width: 768px) and (max-width: 1200px) {
  .page--gridLanding .heroUnit-content-text:after {
    width: 335px;
  }
}
.page--gridLanding .billed {
  visibility: hidden;
}
.page--gridLanding .billPrice {
  text-align: center;
}
/* ==========================================================================
   Webhosting compare landing page with combined DV Managed and DV Developer
   ========================================================================== */
/* Webhosting Compare Landing page */
/* GoDaddy Webhosting Landing page */
.page--webhosting-compare .heroUnit,
.page--godaddy-webhosting-landing .heroUnit {
  /* height:400px; */
}
@media (max-width: 767px) {
  .page--webhosting-compare .heroUnit,
  .page--godaddy-webhosting-landing .heroUnit {
    height: 455px;
  }
}
.page--webhosting-compare .affiliate-landing--banner,
.page--godaddy-webhosting-landing .affiliate-landing--banner {
  top: -30px;
}
@media (min-width: 768px) and (max-width: 1095px), (max-width: 767px) {
  .page--webhosting-compare .affiliate-landing--banner,
  .page--godaddy-webhosting-landing .affiliate-landing--banner {
    top: -40px;
  }
}
.page--webhosting-compare .affiliate-landing--banner .banner-callout,
.page--godaddy-webhosting-landing .affiliate-landing--banner .banner-callout {
  margin-top: 60px;
  margin-top: 3.75rem;
}
@media (min-width: 768px) and (max-width: 1095px), (max-width: 767px) {
  .page--webhosting-compare .affiliate-landing--banner .banner-callout,
  .page--godaddy-webhosting-landing .affiliate-landing--banner .banner-callout {
    margin-top: 55px;
    margin-top: 3.4375rem;
  }
}
.page--webhosting-compare .affiliate-landing--banner .banner-callout p:first-child,
.page--godaddy-webhosting-landing .affiliate-landing--banner .banner-callout p:first-child {
  line-height: 1.25;
}
.page--webhosting-compare .affiliate-landing--banner .banner-callout p:first-child span:nth-child(1),
.page--godaddy-webhosting-landing .affiliate-landing--banner .banner-callout p:first-child span:nth-child(1) {
  margin-bottom: 10px;
  margin-bottom: 0.625rem;
}
@media (min-width: 768px) and (max-width: 1095px), (max-width: 767px) {
  .page--webhosting-compare .affiliate-landing--banner .banner-callout p:first-child span:nth-child(1),
  .page--godaddy-webhosting-landing .affiliate-landing--banner .banner-callout p:first-child span:nth-child(1) {
    margin-bottom: 5px;
    margin-bottom: 0.3125rem;
  }
}
.page--webhosting-compare .affiliate-landing--banner .banner-callout p:first-child span:nth-child(2),
.page--godaddy-webhosting-landing .affiliate-landing--banner .banner-callout p:first-child span:nth-child(2) {
  margin-bottom: 10px;
  margin-bottom: 0.625rem;
}
@media (min-width: 768px) and (max-width: 1095px), (max-width: 767px) {
  .page--webhosting-compare .affiliate-landing--banner .banner-callout p:first-child span:nth-child(2),
  .page--godaddy-webhosting-landing .affiliate-landing--banner .banner-callout p:first-child span:nth-child(2) {
    font-size: 26px;
    font-size: 1.625rem;
    margin-bottom: 5px;
    margin-bottom: 0.3125rem;
  }
}
@media (min-width: 768px) and (max-width: 1095px), (max-width: 767px) {
  .page--webhosting-compare .affiliate-landing--banner .banner-callout p:first-child span:nth-child(3),
  .page--godaddy-webhosting-landing .affiliate-landing--banner .banner-callout p:first-child span:nth-child(3) {
    font-size: 15px;
    font-size: 0.9375rem;
    margin-bottom: 5px;
    margin-bottom: 0.3125rem;
  }
}
.page--webhosting-compare .product,
.page--godaddy-webhosting-landing .product {
  color: #282B2D;
}
.page--webhosting-compare .product .skill-title,
.page--godaddy-webhosting-landing .product .skill-title {
  color: #333 !important;
}
.page--webhosting-compare .product--grid,
.page--godaddy-webhosting-landing .product--grid {
  background-color: #ffffff;
}
.page--webhosting-compare .product--grid:hover,
.page--godaddy-webhosting-landing .product--grid:hover {
  background-color: #ffffff;
}
.page--webhosting-compare .product--dvManaged,
.page--godaddy-webhosting-landing .product--dvManaged,
.page--webhosting-compare .product--managedHosting,
.page--godaddy-webhosting-landing .product--managedHosting,
.page--webhosting-compare .product--wpress,
.page--godaddy-webhosting-landing .product--wpress,
.page--webhosting-compare .product--dvDeveloper,
.page--godaddy-webhosting-landing .product--dvDeveloper {
  background-color: #f6f6f6;
}
.page--webhosting-compare .product--dvManaged:hover,
.page--godaddy-webhosting-landing .product--dvManaged:hover,
.page--webhosting-compare .product--managedHosting:hover,
.page--godaddy-webhosting-landing .product--managedHosting:hover,
.page--webhosting-compare .product--wpress:hover,
.page--godaddy-webhosting-landing .product--wpress:hover,
.page--webhosting-compare .product--dvDeveloper:hover,
.page--godaddy-webhosting-landing .product--dvDeveloper:hover {
  background-color: #f6f6f6;
}
@media (max-width: 767px) {
  .page--webhosting-compare .product--dvManaged,
  .page--godaddy-webhosting-landing .product--dvManaged,
  .page--webhosting-compare .product--managedHosting,
  .page--godaddy-webhosting-landing .product--managedHosting,
  .page--webhosting-compare .product--wpress,
  .page--godaddy-webhosting-landing .product--wpress,
  .page--webhosting-compare .product--dvDeveloper,
  .page--godaddy-webhosting-landing .product--dvDeveloper {
    width: 100%;
  }
}
.page--webhosting-compare .product--dvDeveloper .product-title,
.page--godaddy-webhosting-landing .product--dvDeveloper .product-title {
  visibility: hidden;
}
@media (max-width: 767px) {
  .page--webhosting-compare .product--dvDeveloper .product-title,
  .page--godaddy-webhosting-landing .product--dvDeveloper .product-title {
    display: none;
  }
}
.page--webhosting-compare .product-title,
.page--godaddy-webhosting-landing .product-title {
  color: #1C1C1E;
}
.page--webhosting-compare .product-title strong,
.page--godaddy-webhosting-landing .product-title strong {
  color: #1C1C1E;
}
.page--webhosting-compare .product-desc,
.page--godaddy-webhosting-landing .product-desc {
  color: #282B2D;
}
.page--webhosting-compare .product-uses,
.page--godaddy-webhosting-landing .product-uses {
  color: #282B2D;
}
.page--webhosting-compare .product-uses strong,
.page--godaddy-webhosting-landing .product-uses strong {
  color: #1C1C1E;
}
.page--webhosting-compare .specs .island,
.page--godaddy-webhosting-landing .specs .island {
  background-color: #262626;
}
.page--webhosting-compare .move-to-mt,
.page--godaddy-webhosting-landing .move-to-mt {
  padding-top: 30px;
  padding-top: 1.875rem;
  padding-bottom: 30px;
  padding-bottom: 1.875rem;
}
.page--webhosting-compare .move-to-mt .notACustomer,
.page--godaddy-webhosting-landing .move-to-mt .notACustomer {
  margin-top: 0;
}
/* Webhosting Compare Landing page */
.page--webhosting-compare .heroUnit {
  max-height: 400px;
  background-image: url(../_img/affiliate-landing/vps/hero-md.jpg);
}
@media (min-width: 1200px) {
  .page--webhosting-compare .heroUnit {
    background-image: url(../_img/affiliate-landing/vps/hero-md.jpg);
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .page--webhosting-compare .heroUnit {
    background-image: url(../_img/affiliate-landing/vps/hero-md.jpg);
  }
}
@media (max-width: 767px) {
  .page--webhosting-compare .heroUnit {
    background-image: url(../_img/affiliate-landing/vps/hero-sm.jpg);
  }
}
@media (max-width: 480px) {
  .page--webhosting-compare .heroUnit {
    background-image: url(../_img/affiliate-landing/vps/hero-xsm.jpg);
  }
}
@media (min-width: 1900px) {
  .page--webhosting-compare .heroUnit {
    background-image: url(../_img/affiliate-landing/vps/hero-lg.jpg);
  }
}
@media (min-width: 1200px) and (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-device-pixel-ratio: 1.5) {
  .page--webhosting-compare .heroUnit {
    background-image: url(../_img/affiliate-landing/vps/hero-lg.jpg);
  }
}
@media (min-width: 768px) and (max-width: 1199px) and (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-device-pixel-ratio: 1.5) {
  .page--webhosting-compare .heroUnit {
    background-image: url(../_img/affiliate-landing/vps/hero-lg.jpg);
  }
}
/* GoDaddy Webhosting Landing page */
.page--godaddy-webhosting-landing .heroUnit {
  max-height: 460px;
  background-image: url(../_img/help-center/hero-md.jpg);
}
@media (min-width: 1200px) {
  .page--godaddy-webhosting-landing .heroUnit {
    background-image: url(../_img/help-center/hero-md.jpg);
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .page--godaddy-webhosting-landing .heroUnit {
    background-image: url(../_img/help-center/hero-md.jpg);
  }
}
@media (max-width: 767px) {
  .page--godaddy-webhosting-landing .heroUnit {
    background-image: url(../_img/help-center/hero-sm.jpg);
  }
}
@media (max-width: 480px) {
  .page--godaddy-webhosting-landing .heroUnit {
    background-image: url(../_img/help-center/hero-xsm.jpg);
  }
}
@media (min-width: 1900px) {
  .page--godaddy-webhosting-landing .heroUnit {
    background-image: url(../_img/help-center/hero-lg.jpg);
  }
}
@media (min-width: 1200px) and (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-device-pixel-ratio: 1.5) {
  .page--godaddy-webhosting-landing .heroUnit {
    background-image: url(../_img/help-center/hero-lg.jpg);
  }
}
@media (min-width: 768px) and (max-width: 1199px) and (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-device-pixel-ratio: 1.5) {
  .page--godaddy-webhosting-landing .heroUnit {
    background-image: url(../_img/help-center/hero-lg.jpg);
  }
}
.page--godaddy-webhosting-landing .heroUnit .heroUnit-content {
  max-height: 460px;
}
/* ==========================================================================
   Wordpress GoDaddy Landing Page
   /landing/wp75off/
   ========================================================================== */
.page--wordpressGoDaddy .btn--wpress--seo {
  background-color: #FF9A00;
  color: #fff;
  border-color: #FF9A00;
}
.page--wordpressGoDaddy .btn--wpress--seo:hover,
.page--wordpressGoDaddy .btn--wpress--seo:focus,
.page--wordpressGoDaddy .btn--wpress--seo:active {
  background-color: #cc7b00;
  border-color: #ffa41a;
  color: #fff;
}
.page--wordpressGoDaddy .shoutOut {
  position: absolute;
  top: -90px;
  right: 30px;
  text-align: center;
}
.page--wordpressGoDaddy .shoutOut .tip {
  font-size: 14px;
  color: #fff;
  padding: 5px;
  letter-spacing: 1px;
}
@media (max-width: 767px) {
  .page--wordpressGoDaddy .shoutOut {
    position: relative;
    right: auto;
    top: -55px;
  }
}
.page--wordpressGoDaddy .calloutBanner {
  background: url(/_img/affiliate-landing//wp75off/ribbonBanner--orange.png) no-repeat bottom center;
  overflow: hidden;
  max-width: 300px;
  height: 275px;
  margin: 0 auto 30px;
}
.page--wordpressGoDaddy .calloutBanner-text {
  padding: 15px;
}
.page--wordpressGoDaddy .calloutBanner-text-title {
  font-size: 26px;
  line-height: 1.2;
  margin-bottom: 5px;
  font-weight: 500;
}
.page--wordpressGoDaddy .calloutBanner-text-savings {
  font-size: 46px;
  color: #fff;
  margin-bottom: 15px;
  line-height: 1.2;
}
.page--wordpressGoDaddy .calloutBanner-text-savings span {
  display: block;
  font-size: 18px;
  color: #fff;
}
.page--wordpressGoDaddy .calloutBanner-text-code {
  font-size: 20px;
  padding: 5px 10px;
  background-color: #965A00;
  color: #fff;
  display: inline-block;
  *display: inline;
  zoom: 1;
}
.page--wordpressGoDaddy .calloutBanner-text-code strong {
  padding-left: 5px;
}
/* ==========================================================================
   Wordpress Landing Page
   /landing/webhosting/wordpress/
   ========================================================================== */
.page--wordpress--landing .heroUnit .heroUnit-content-text .tip {
  position: relative;
  top: 60px;
  right: -160px;
  color: black;
}
.page--wordpress--landing h3 {
  margin-right: 20px;
}
.page--wordpress--landing .dropdown {
  margin-right: 20px;
}
/* ==========================================================================
   General Affiliates Landing
   /landing/affiliates/
   ========================================================================== */
.page--affiliate-general-landing .heroUnit {
  /* height:400px; */
}
@media (max-width: 767px) {
  .page--affiliate-general-landing .heroUnit {
    height: 500px;
  }
}
.page--affiliate-general-landing .heroUnit {
  max-height: 500px;
  background-image: url(../_img/help-center/hero-md.jpg);
}
@media (min-width: 1200px) {
  .page--affiliate-general-landing .heroUnit {
    background-image: url(../_img/help-center/hero-md.jpg);
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .page--affiliate-general-landing .heroUnit {
    background-image: url(../_img/help-center/hero-md.jpg);
  }
}
@media (max-width: 767px) {
  .page--affiliate-general-landing .heroUnit {
    background-image: url(../_img/help-center/hero-sm.jpg);
  }
}
@media (max-width: 480px) {
  .page--affiliate-general-landing .heroUnit {
    background-image: url(../_img/help-center/hero-xsm.jpg);
  }
}
@media (min-width: 1900px) {
  .page--affiliate-general-landing .heroUnit {
    background-image: url(../_img/help-center/hero-lg.jpg);
  }
}
@media (min-width: 1200px) and (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-device-pixel-ratio: 1.5) {
  .page--affiliate-general-landing .heroUnit {
    background-image: url(../_img/help-center/hero-lg.jpg);
  }
}
@media (min-width: 768px) and (max-width: 1199px) and (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-device-pixel-ratio: 1.5) {
  .page--affiliate-general-landing .heroUnit {
    background-image: url(../_img/help-center/hero-lg.jpg);
  }
}
.page--affiliate-general-landing .heroUnit .heroUnit-content {
  max-height: 460px;
}
.page--affiliate-general-landing .heroUnit .heroUnit-content .heroUnit-subtitle {
  font-size: 22px;
  font-size: 1.375rem;
}
@media (min-width: 768px) and (max-width: 1095px), (max-width: 767px) {
  .page--affiliate-general-landing .heroUnit .heroUnit-content .heroUnit-subtitle {
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 1.4;
  }
}
.page--affiliate-general-landing .heroUnit .heroUnit-content .heroUnit-credits-client {
  font-size: 20px;
  font-size: 1.25rem;
}
.page--affiliate-general-landing .affiliate-landing--banner {
  top: -20px;
}
@media (min-width: 768px) and (max-width: 1095px), (max-width: 767px) {
  .page--affiliate-general-landing .affiliate-landing--banner {
    top: -30px;
  }
}
.page--affiliate-general-landing .affiliate-landing--banner .banner-callout {
  margin-top: 40px;
  margin-top: 2.5rem;
}
@media (min-width: 768px) and (max-width: 1095px), (max-width: 767px) {
  .page--affiliate-general-landing .affiliate-landing--banner .banner-callout {
    margin-top: 55px;
    margin-top: 3.4375rem;
  }
}
.page--affiliate-general-landing .affiliate-landing--banner .banner-callout p:first-child {
  line-height: 1.35;
}
.page--affiliate-general-landing .affiliate-landing--banner .banner-callout p:first-child span:nth-child(1) {
  font-size: 28px;
  font-size: 1.75rem;
  margin-bottom: 10px;
  margin-bottom: 0.625rem;
}
@media (min-width: 768px) and (max-width: 1095px), (max-width: 767px) {
  .page--affiliate-general-landing .affiliate-landing--banner .banner-callout p:first-child span:nth-child(1) {
    font-size: 20px;
    font-size: 1.25rem;
    margin-bottom: 5px;
    margin-bottom: 0.3125rem;
  }
}
.page--affiliate-general-landing .affiliate-landing--banner .banner-callout p:first-child span:nth-child(2) {
  margin-bottom: 10px;
  margin-bottom: 0.625rem;
}
@media (min-width: 768px) and (max-width: 1095px), (max-width: 767px) {
  .page--affiliate-general-landing .affiliate-landing--banner .banner-callout p:first-child span:nth-child(2) {
    font-size: 26px;
    font-size: 1.625rem;
    margin-bottom: 5px;
    margin-bottom: 0.3125rem;
  }
}
.page--affiliate-general-landing .affiliate-landing--banner .banner-callout p:first-child span:nth-child(3) strong {
  font-size: 22px;
  background-color: #f79349;
  padding: 0px 10px 0px 10px;
}
@media (min-width: 768px) and (max-width: 1095px), (max-width: 767px) {
  .page--affiliate-general-landing .affiliate-landing--banner .banner-callout p:first-child span:nth-child(3) strong {
    font-size: 13px;
  }
}
@media (min-width: 768px) and (max-width: 1095px), (max-width: 767px) {
  .page--affiliate-general-landing .affiliate-landing--banner .banner-callout p:first-child span:nth-child(3) {
    font-size: 15px;
    font-size: 0.9375rem;
    margin-bottom: 5px;
    margin-bottom: 0.3125rem;
  }
}
.page--affiliate-general-landing .product {
  color: #282B2D;
}
.page--affiliate-general-landing .product .skill-title {
  color: #333 !important;
}
.page--affiliate-general-landing .product--grid {
  background-color: #ffffff;
}
.page--affiliate-general-landing .product--grid:hover {
  background-color: #ffffff;
}
.page--affiliate-general-landing .product--dvManaged,
.page--affiliate-general-landing .product--managedHosting,
.page--affiliate-general-landing .product--wpress {
  background-color: #f6f6f6;
}
.page--affiliate-general-landing .product--dvManaged:hover,
.page--affiliate-general-landing .product--managedHosting:hover,
.page--affiliate-general-landing .product--wpress:hover {
  background-color: #f6f6f6;
}
@media (max-width: 767px) {
  .page--affiliate-general-landing .product--dvManaged,
  .page--affiliate-general-landing .product--managedHosting,
  .page--affiliate-general-landing .product--wpress {
    width: 100%;
  }
}
.page--affiliate-general-landing .product--dvDeveloper {
  background-color: #f6f6f6;
}
.page--affiliate-general-landing .product--dvDeveloper:hover {
  background-color: #f6f6f6;
}
@media (max-width: 767px) {
  .page--affiliate-general-landing .product--dvDeveloper {
    width: 100%;
  }
}
.page--affiliate-general-landing .product--dvDeveloper .product-title {
  visibility: hidden;
}
@media (max-width: 767px) {
  .page--affiliate-general-landing .product--dvDeveloper .product-title {
    display: none;
  }
}
.page--affiliate-general-landing .product-title {
  color: #1C1C1E;
}
.page--affiliate-general-landing .product-title strong {
  color: #1C1C1E;
}
.page--affiliate-general-landing .product-desc {
  color: #282B2D;
}
.page--affiliate-general-landing .product-uses {
  color: #282B2D;
}
.page--affiliate-general-landing .product-uses strong {
  color: #1C1C1E;
}
.page--affiliate-general-landing .hostingPlans .product-price .u-discount {
  font-size: 32px;
  font-size: 2rem;
}
.page--affiliate-general-landing .specs .island {
  background-color: #262626;
}
.page--affiliate-general-landing .move-to-mt {
  padding-top: 30px;
  padding-top: 1.875rem;
  padding-bottom: 30px;
  padding-bottom: 1.875rem;
}
.page--affiliate-general-landing .move-to-mt .notACustomer {
  margin-top: 0;
}
/* ==========================================================================
   Themeforest landing
   /landing/themeforest/
   ========================================================================== */
.page--affiliate-themeforest .heroUnit {
  /* height:400px; */
}
@media (max-width: 767px) {
  .page--affiliate-themeforest .heroUnit {
    height: 500px;
  }
}
.page--affiliate-themeforest .heroUnit {
  max-height: 500px;
  background-image: url(../_img/affiliate-landing/themeforest/hero-md.jpg);
}
@media (min-width: 1200px) {
  .page--affiliate-themeforest .heroUnit {
    background-image: url(../_img/affiliate-landing/themeforest/hero-md.jpg);
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .page--affiliate-themeforest .heroUnit {
    background-image: url(../_img/affiliate-landing/themeforest/hero-md.jpg);
  }
}
@media (max-width: 767px) {
  .page--affiliate-themeforest .heroUnit {
    background-image: url(../_img/affiliate-landing/themeforest/hero-sm.jpg);
  }
}
@media (max-width: 480px) {
  .page--affiliate-themeforest .heroUnit {
    background-image: url(../_img/affiliate-landing/themeforest/hero-xsm.jpg);
  }
}
@media (min-width: 1900px) {
  .page--affiliate-themeforest .heroUnit {
    background-image: url(../_img/affiliate-landing/themeforest/hero-lg.jpg);
  }
}
@media (min-width: 1200px) and (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-device-pixel-ratio: 1.5) {
  .page--affiliate-themeforest .heroUnit {
    background-image: url(../_img/affiliate-landing/themeforest/hero-lg.jpg);
  }
}
@media (min-width: 768px) and (max-width: 1199px) and (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-device-pixel-ratio: 1.5) {
  .page--affiliate-themeforest .heroUnit {
    background-image: url(../_img/affiliate-landing/themeforest/hero-lg.jpg);
  }
}
.page--affiliate-themeforest .heroUnit .heroUnit-content {
  max-height: 500px;
}
.page--affiliate-themeforest .heroUnit .heroUnit-content .heroUnit-subtitle {
  font-size: 22px;
  font-size: 1.375rem;
}
@media (min-width: 768px) and (max-width: 1095px), (max-width: 767px) {
  .page--affiliate-themeforest .heroUnit .heroUnit-content .heroUnit-subtitle {
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 1.4;
  }
}
.page--affiliate-themeforest .heroUnit .heroUnit-content .heroUnit-credits-client {
  font-size: 20px;
  font-size: 1.25rem;
}
.page--affiliate-themeforest .affiliate-landing--banner {
  top: -20px;
}
@media (min-width: 768px) and (max-width: 1095px), (max-width: 767px) {
  .page--affiliate-themeforest .affiliate-landing--banner {
    top: -20px;
  }
}
.page--affiliate-themeforest .affiliate-landing--banner .banner-callout {
  margin-top: 50px;
  margin-top: 3.125rem;
}
@media (min-width: 768px) and (max-width: 1095px), (max-width: 767px) {
  .page--affiliate-themeforest .affiliate-landing--banner .banner-callout {
    margin-top: 45px;
    margin-top: 2.8125rem;
  }
}
.page--affiliate-themeforest .affiliate-landing--banner .banner-callout p:first-child {
  line-height: 1.35;
}
@media (min-width: 768px) and (max-width: 1095px), (max-width: 767px) {
  .page--affiliate-themeforest .affiliate-landing--banner .banner-callout p:first-child {
    line-height: 1.45;
  }
}
.page--affiliate-themeforest .affiliate-landing--banner .banner-callout p:first-child span:nth-child(1) {
  font-size: 22px;
  font-size: 1.375rem;
  margin-bottom: 15px;
  margin-bottom: 0.9375rem;
}
@media (min-width: 768px) and (max-width: 1095px), (max-width: 767px) {
  .page--affiliate-themeforest .affiliate-landing--banner .banner-callout p:first-child span:nth-child(1) {
    font-size: 15px;
    font-size: 0.9375rem;
    margin-bottom: 5px;
    margin-bottom: 0.3125rem;
  }
}
.page--affiliate-themeforest .affiliate-landing--banner .banner-callout p:first-child span:nth-child(2) {
  margin-bottom: 15px;
  margin-bottom: 0.9375rem;
}
@media (min-width: 768px) and (max-width: 1095px), (max-width: 767px) {
  .page--affiliate-themeforest .affiliate-landing--banner .banner-callout p:first-child span:nth-child(2) {
    font-size: 26px;
    font-size: 1.625rem;
    margin-bottom: 5px;
    margin-bottom: 0.3125rem;
  }
}
.page--affiliate-themeforest .affiliate-landing--banner .banner-callout p:first-child span:nth-child(3) strong {
  font-size: 24px;
  background-color: #ffb400;
  padding: 0px 10px 0px 10px;
}
@media (min-width: 768px) and (max-width: 1095px), (max-width: 767px) {
  .page--affiliate-themeforest .affiliate-landing--banner .banner-callout p:first-child span:nth-child(3) strong {
    font-size: 18px;
  }
}
@media (min-width: 768px) and (max-width: 1095px), (max-width: 767px) {
  .page--affiliate-themeforest .affiliate-landing--banner .banner-callout p:first-child span:nth-child(3) {
    font-size: 16px;
    font-size: 1rem;
    margin-bottom: 5px;
    margin-bottom: 0.3125rem;
  }
}
.page--affiliate-themeforest .product {
  color: #282B2D;
}
.page--affiliate-themeforest .product .skill-title {
  color: #333 !important;
}
.page--affiliate-themeforest .product--grid {
  background-color: #ffffff;
}
.page--affiliate-themeforest .product--grid:hover {
  background-color: #ffffff;
}
.page--affiliate-themeforest .product--dvManaged,
.page--affiliate-themeforest .product--managedHosting,
.page--affiliate-themeforest .product--wpress {
  background-color: #f6f6f6;
}
.page--affiliate-themeforest .product--dvManaged:hover,
.page--affiliate-themeforest .product--managedHosting:hover,
.page--affiliate-themeforest .product--wpress:hover {
  background-color: #f6f6f6;
}
@media (max-width: 767px) {
  .page--affiliate-themeforest .product--dvManaged,
  .page--affiliate-themeforest .product--managedHosting,
  .page--affiliate-themeforest .product--wpress {
    width: 100%;
  }
}
.page--affiliate-themeforest .product--dvDeveloper {
  background-color: #f6f6f6;
}
.page--affiliate-themeforest .product--dvDeveloper:hover {
  background-color: #f6f6f6;
}
@media (max-width: 767px) {
  .page--affiliate-themeforest .product--dvDeveloper {
    width: 100%;
  }
}
.page--affiliate-themeforest .product--dvDeveloper .product-title {
  visibility: hidden;
}
@media (max-width: 767px) {
  .page--affiliate-themeforest .product--dvDeveloper .product-title {
    display: none;
  }
}
.page--affiliate-themeforest .product-title {
  color: #1C1C1E;
}
.page--affiliate-themeforest .product-title strong {
  color: #1C1C1E;
}
.page--affiliate-themeforest .product-desc {
  color: #282B2D;
}
.page--affiliate-themeforest .product-uses {
  color: #282B2D;
}
.page--affiliate-themeforest .product-uses strong {
  color: #1C1C1E;
}
.page--affiliate-themeforest .hostingPlans .product-price .u-discount {
  font-size: 32px;
  font-size: 2rem;
}
.page--affiliate-themeforest .specs .island {
  background-color: #262626;
}
.page--affiliate-themeforest .move-to-mt {
  padding-top: 30px;
  padding-top: 1.875rem;
  padding-bottom: 30px;
  padding-bottom: 1.875rem;
}
.page--affiliate-themeforest .move-to-mt .notACustomer {
  margin-top: 0;
}
.page--affiliate-themeforest .responsiveTabs-list li .price small {
  font-size: 14px;
  font-size: 0.875rem;
}
/* ==========================================================================
   Viverdeblog landing
   /landing/viverdeblog/
   ========================================================================== */
.page--affiliate-viverdeblog .heroUnit {
  /* height:400px; */
}
@media (max-width: 767px) {
  .page--affiliate-viverdeblog .heroUnit {
    height: 500px;
  }
}
.page--affiliate-viverdeblog .heroUnit {
  max-height: 500px;
  background-image: url(../_img/affiliate-landing/themeforest/hero-md.jpg);
}
@media (min-width: 1200px) {
  .page--affiliate-viverdeblog .heroUnit {
    background-image: url(../_img/affiliate-landing/themeforest/hero-md.jpg);
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .page--affiliate-viverdeblog .heroUnit {
    background-image: url(../_img/affiliate-landing/themeforest/hero-md.jpg);
  }
}
@media (max-width: 767px) {
  .page--affiliate-viverdeblog .heroUnit {
    background-image: url(../_img/affiliate-landing/themeforest/hero-sm.jpg);
  }
}
@media (max-width: 480px) {
  .page--affiliate-viverdeblog .heroUnit {
    background-image: url(../_img/affiliate-landing/themeforest/hero-xsm.jpg);
  }
}
@media (min-width: 1900px) {
  .page--affiliate-viverdeblog .heroUnit {
    background-image: url(../_img/affiliate-landing/themeforest/hero-lg.jpg);
  }
}
@media (min-width: 1200px) and (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-device-pixel-ratio: 1.5) {
  .page--affiliate-viverdeblog .heroUnit {
    background-image: url(../_img/affiliate-landing/themeforest/hero-lg.jpg);
  }
}
@media (min-width: 768px) and (max-width: 1199px) and (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-device-pixel-ratio: 1.5) {
  .page--affiliate-viverdeblog .heroUnit {
    background-image: url(../_img/affiliate-landing/themeforest/hero-lg.jpg);
  }
}
.page--affiliate-viverdeblog .heroUnit .heroUnit-content {
  max-height: 550px;
}
.page--affiliate-viverdeblog .heroUnit .heroUnit-content .heroUnit-subtitle {
  font-size: 22px;
  font-size: 1.375rem;
}
@media (min-width: 768px) and (max-width: 1095px), (max-width: 767px) {
  .page--affiliate-viverdeblog .heroUnit .heroUnit-content .heroUnit-subtitle {
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 1.4;
  }
}
.page--affiliate-viverdeblog .heroUnit .heroUnit-content .heroUnit-credits-client {
  font-size: 20px;
  font-size: 1.25rem;
}
.page--affiliate-viverdeblog .affiliate-landing--banner {
  top: -30px;
}
@media (min-width: 768px) and (max-width: 1095px), (max-width: 767px) {
  .page--affiliate-viverdeblog .affiliate-landing--banner {
    top: -30px;
  }
}
.page--affiliate-viverdeblog .affiliate-landing--banner .banner-callout {
  margin-top: 60px;
  margin-top: 3.75rem;
}
@media (min-width: 768px) and (max-width: 1095px), (max-width: 767px) {
  .page--affiliate-viverdeblog .affiliate-landing--banner .banner-callout {
    margin-top: 45px;
    margin-top: 2.8125rem;
  }
}
.page--affiliate-viverdeblog .affiliate-landing--banner .banner-callout p:first-child {
  line-height: 1.35;
}
@media (min-width: 768px) and (max-width: 1095px), (max-width: 767px) {
  .page--affiliate-viverdeblog .affiliate-landing--banner .banner-callout p:first-child {
    line-height: 1.45;
  }
}
.page--affiliate-viverdeblog .affiliate-landing--banner .banner-callout p:first-child span {
  display: block;
  color: #1C1C1E;
}
.page--affiliate-viverdeblog .affiliate-landing--banner .banner-callout p:first-child span a {
  color: #1C1C1E;
}
.page--affiliate-viverdeblog .affiliate-landing--banner .banner-callout p:first-child span:nth-child(1) {
  text-transform: none;
  font-size: 22px;
  font-size: 1.375rem;
}
@media (min-width: 768px) and (max-width: 1095px), (max-width: 767px) {
  .page--affiliate-viverdeblog .affiliate-landing--banner .banner-callout p:first-child span:nth-child(1) {
    font-size: 20px;
    font-size: 1.25rem;
    margin-bottom: 0px;
  }
}
@media (min-width: 768px) and (max-width: 1095px), (max-width: 767px) {
  .page--affiliate-viverdeblog .affiliate-landing--banner .banner-callout p:first-child span:nth-child(2) {
    font-size: 26px;
    font-size: 1.625rem;
    margin-bottom: 0px;
  }
}
.page--affiliate-viverdeblog .affiliate-landing--banner .banner-callout p:first-child span:nth-child(3) {
  margin-bottom: 0px;
}
.page--affiliate-viverdeblog .affiliate-landing--banner .banner-callout p:first-child span:nth-child(3) strong {
  font-size: 24px;
  background-color: #40c791;
  padding: 0px 10px 0px 10px;
}
@media (min-width: 768px) and (max-width: 1095px), (max-width: 767px) {
  .page--affiliate-viverdeblog .affiliate-landing--banner .banner-callout p:first-child span:nth-child(3) strong {
    font-size: 18px;
  }
}
@media (min-width: 768px) and (max-width: 1095px), (max-width: 767px) {
  .page--affiliate-viverdeblog .affiliate-landing--banner .banner-callout p:first-child span:nth-child(3) {
    font-size: 16px;
    font-size: 1rem;
    margin-bottom: 0px;
  }
}
.page--affiliate-viverdeblog .affiliate-landing--banner .banner-callout p:first-child span:nth-child(4) {
  font-size: 20px;
  font-size: 1.25rem;
  margin-top: 10px;
  margin-top: 0.625rem;
  text-transform: uppercase;
}
@media (min-width: 768px) and (max-width: 1095px), (max-width: 767px) {
  .page--affiliate-viverdeblog .affiliate-landing--banner .banner-callout p:first-child span:nth-child(4) {
    font-size: 18px;
    font-size: 1.125rem;
  }
}
.page--affiliate-viverdeblog .product {
  color: #282B2D;
}
.page--affiliate-viverdeblog .product .skill-title {
  color: #333 !important;
}
.page--affiliate-viverdeblog .product--grid {
  background-color: #ffffff;
}
.page--affiliate-viverdeblog .product--grid:hover {
  background-color: #ffffff;
}
.page--affiliate-viverdeblog .product--dvManaged,
.page--affiliate-viverdeblog .product--managedHosting,
.page--affiliate-viverdeblog .product--wpress {
  background-color: #f6f6f6;
}
.page--affiliate-viverdeblog .product--dvManaged:hover,
.page--affiliate-viverdeblog .product--managedHosting:hover,
.page--affiliate-viverdeblog .product--wpress:hover {
  background-color: #f6f6f6;
}
@media (max-width: 767px) {
  .page--affiliate-viverdeblog .product--dvManaged,
  .page--affiliate-viverdeblog .product--managedHosting,
  .page--affiliate-viverdeblog .product--wpress {
    width: 100%;
  }
}
.page--affiliate-viverdeblog .product--dvDeveloper {
  background-color: #f6f6f6;
}
.page--affiliate-viverdeblog .product--dvDeveloper:hover {
  background-color: #f6f6f6;
}
@media (max-width: 767px) {
  .page--affiliate-viverdeblog .product--dvDeveloper {
    width: 100%;
  }
}
.page--affiliate-viverdeblog .product--dvDeveloper .product-title {
  visibility: hidden;
}
@media (max-width: 767px) {
  .page--affiliate-viverdeblog .product--dvDeveloper .product-title {
    display: none;
  }
}
.page--affiliate-viverdeblog .product-title {
  color: #1C1C1E;
}
.page--affiliate-viverdeblog .product-title strong {
  color: #1C1C1E;
}
.page--affiliate-viverdeblog .product-desc {
  color: #282B2D;
}
.page--affiliate-viverdeblog .product-uses {
  color: #282B2D;
}
.page--affiliate-viverdeblog .product-uses strong {
  color: #1C1C1E;
}
.page--affiliate-viverdeblog .hostingPlans .product-price .u-discount {
  font-size: 32px;
  font-size: 2rem;
}
.page--affiliate-viverdeblog .specs .island {
  background-color: #262626;
}
.page--affiliate-viverdeblog .move-to-mt {
  padding-top: 30px;
  padding-top: 1.875rem;
  padding-bottom: 30px;
  padding-bottom: 1.875rem;
}
.page--affiliate-viverdeblog .move-to-mt .notACustomer {
  margin-top: 0;
}
.page--affiliate-viverdeblog .responsiveTabs-list li .price small {
  font-size: 14px;
  font-size: 0.875rem;
}
/* ==========================================================================
   From Up North landing
   /landing/fromupnorth/
   ========================================================================== */
.page--affiliate-fromupnorth .heroUnit {
  max-height: 500px;
  /* height:400px; */
}
@media (max-width: 767px) {
  .page--affiliate-fromupnorth .heroUnit {
    height: 500px;
  }
}
.page--affiliate-fromupnorth .heroUnit-content {
  max-height: 550px;
}
.page--affiliate-fromupnorth .heroUnit-content .heroUnit-subtitle {
  font-size: 22px;
  font-size: 1.375rem;
}
@media (min-width: 768px) and (max-width: 1095px), (max-width: 767px) {
  .page--affiliate-fromupnorth .heroUnit-content .heroUnit-subtitle {
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 1.4;
  }
}
.page--affiliate-fromupnorth .heroUnit-content .heroUnit-credits-client {
  font-size: 20px;
  font-size: 1.25rem;
}
.page--affiliate-fromupnorth .affiliate-landing--banner {
  top: -30px;
}
@media (min-width: 768px) and (max-width: 1095px), (max-width: 767px) {
  .page--affiliate-fromupnorth .affiliate-landing--banner {
    top: -30px;
  }
}
.page--affiliate-fromupnorth .affiliate-landing--banner .banner-callout {
  margin-top: 60px;
  margin-top: 3.75rem;
}
@media (min-width: 768px) and (max-width: 1095px), (max-width: 767px) {
  .page--affiliate-fromupnorth .affiliate-landing--banner .banner-callout {
    margin-top: 45px;
    margin-top: 2.8125rem;
  }
}
.page--affiliate-fromupnorth .affiliate-landing--banner .banner-callout .discount {
  border-bottom: 1px solid #388568;
  margin-left: 20%;
  margin-right: 20%;
  margin-bottom: 10px;
  margin-bottom: 0.625rem;
}
@media (min-width: 768px) and (max-width: 1095px), (max-width: 767px) {
  .page--affiliate-fromupnorth .affiliate-landing--banner .banner-callout .discount {
    margin-left: 10%;
    margin-right: 10%;
  }
}
.page--affiliate-fromupnorth .affiliate-landing--banner .banner-callout .discount p {
  margin-bottom: 10px;
  margin-bottom: 0.625rem;
  font-size: 48px;
  font-size: 3rem;
}
@media (min-width: 768px) and (max-width: 1095px), (max-width: 767px) {
  .page--affiliate-fromupnorth .affiliate-landing--banner .banner-callout .discount p {
    font-size: 26px;
    font-size: 1.625rem;
  }
}
.page--affiliate-fromupnorth .affiliate-landing--banner .banner-callout .discount p span {
  font-size: 64px;
  font-size: 4rem;
}
@media (min-width: 768px) and (max-width: 1095px), (max-width: 767px) {
  .page--affiliate-fromupnorth .affiliate-landing--banner .banner-callout .discount p span {
    font-size: 30px;
    font-size: 1.875rem;
  }
}
.page--affiliate-fromupnorth .affiliate-landing--banner .banner-callout .discount-description {
  margin-left: 20%;
  margin-right: 20%;
  text-align: left;
}
@media (min-width: 768px) and (max-width: 1095px), (max-width: 767px) {
  .page--affiliate-fromupnorth .affiliate-landing--banner .banner-callout .discount-description {
    font-size: 14px;
    font-size: 0.875rem;
    margin-left: 10%;
    margin-right: 10%;
  }
}
.page--affiliate-fromupnorth .affiliate-landing--banner .banner-callout .discount-description strong {
  display: inline-block;
  font-size: 14px;
  font-size: 0.875rem;
  margin-top: 10px;
  margin-top: 0.625rem;
  background-color: #282b2d;
  padding: 5px 10px;
}
@media (min-width: 768px) and (max-width: 1095px), (max-width: 767px) {
  .page--affiliate-fromupnorth .affiliate-landing--banner .banner-callout .discount-description strong {
    font-size: 16px;
  }
}
.page--affiliate-fromupnorth .product {
  color: #282B2D;
}
.page--affiliate-fromupnorth .product .skill-title {
  color: #333 !important;
}
.page--affiliate-fromupnorth .product--grid {
  background-color: #ffffff;
}
.page--affiliate-fromupnorth .product--grid:hover {
  background-color: #ffffff;
}
.page--affiliate-fromupnorth .product--dvManaged,
.page--affiliate-fromupnorth .product--managedHosting,
.page--affiliate-fromupnorth .product--wpress {
  background-color: #f6f6f6;
}
.page--affiliate-fromupnorth .product--dvManaged:hover,
.page--affiliate-fromupnorth .product--managedHosting:hover,
.page--affiliate-fromupnorth .product--wpress:hover {
  background-color: #f6f6f6;
}
@media (max-width: 767px) {
  .page--affiliate-fromupnorth .product--dvManaged,
  .page--affiliate-fromupnorth .product--managedHosting,
  .page--affiliate-fromupnorth .product--wpress {
    width: 100%;
  }
}
.page--affiliate-fromupnorth .product--dvDeveloper {
  background-color: #f6f6f6;
}
.page--affiliate-fromupnorth .product--dvDeveloper:hover {
  background-color: #f6f6f6;
}
@media (max-width: 767px) {
  .page--affiliate-fromupnorth .product--dvDeveloper {
    width: 100%;
  }
}
.page--affiliate-fromupnorth .product--dvDeveloper .product-title {
  visibility: hidden;
}
@media (max-width: 767px) {
  .page--affiliate-fromupnorth .product--dvDeveloper .product-title {
    display: none;
  }
}
.page--affiliate-fromupnorth .product-title {
  color: #1C1C1E;
}
.page--affiliate-fromupnorth .product-title strong {
  color: #1C1C1E;
}
.page--affiliate-fromupnorth .product-desc {
  color: #282B2D;
}
.page--affiliate-fromupnorth .product-uses {
  color: #282B2D;
}
.page--affiliate-fromupnorth .product-uses strong {
  color: #1C1C1E;
}
.page--affiliate-fromupnorth .plan-bullets {
  color: #282B2D;
}
.page--affiliate-fromupnorth .plan-bullets strong {
  color: #1C1C1E;
  font-weight: 700;
}
.page--affiliate-fromupnorth .hostingPlans .product-price .u-discount {
  font-size: 32px;
  font-size: 2rem;
}
.page--affiliate-fromupnorth .specs .island {
  background-color: #262626;
}
.page--affiliate-fromupnorth .move-to-mt {
  padding-top: 30px;
  padding-top: 1.875rem;
  padding-bottom: 30px;
  padding-bottom: 1.875rem;
}
.page--affiliate-fromupnorth .move-to-mt .notACustomer {
  margin-top: 0;
}
.page--affiliate-fromupnorth .responsiveTabs-list li .price small {
  font-size: 14px;
  font-size: 0.875rem;
}
.page--affiliate-fromupnorth .actionCalloutAlt-price {
  color: #1C1C1E;
}
.page--affiliate-fromupnorth .link--alt {
  color: #282B2D;
  text-decoration: underline;
  font-size: 14px;
}
.page--affiliate-fromupnorth .actionCalloutAlt .btn,
.page--affiliate-fromupnorth .product-action .btn {
  margin-bottom: 5px;
}
/* ==========================================================================
   WinningWP - /landing/winningwp/
   Great Ideas - /landing/greatideas/
   ========================================================================== */
.page--winningwp-landing .hostingPlans,
.page--greatideas-landing .hostingPlans {
  padding: 5.5rem 0 11rem;
}
.page--winningwp-landing .product-uses,
.page--greatideas-landing .product-uses {
  font-size: 1rem;
}
.page--winningwp-landing .product-uses-items,
.page--greatideas-landing .product-uses-items {
  display: inline-block;
  min-height: 39px;
  font-size: 0.875em;
}
.page--winningwp-landing .affiliate-landing--banner .discount-description-text {
  line-height: 1.6;
}
/* ==========================================================================
   From Up North landing
   /landing/csstricks/
   ========================================================================== */
.page--affiliate-csstricks .heroUnit {
  /* height:400px; */
}
@media (max-width: 767px) {
}
.page--affiliate-csstricks .heroUnit {
  background-image: url(../_img/affiliate-landing/csstricks/hero-md.png);
}
@media (min-width: 1200px) {
  .page--affiliate-csstricks .heroUnit {
    background-image: url(../_img/affiliate-landing/csstricks/hero-md.png);
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .page--affiliate-csstricks .heroUnit {
    background-image: url(../_img/affiliate-landing/csstricks/hero-md.png);
  }
}
@media (max-width: 767px) {
  .page--affiliate-csstricks .heroUnit {
    background-image: url(../_img/affiliate-landing/csstricks/hero-sm.png);
  }
}
@media (max-width: 480px) {
  .page--affiliate-csstricks .heroUnit {
    background-image: url(../_img/affiliate-landing/csstricks/hero-xsm.png);
  }
}
@media (min-width: 1900px) {
  .page--affiliate-csstricks .heroUnit {
    background-image: url(../_img/affiliate-landing/csstricks/hero-lg.png);
  }
}
@media (min-width: 1200px) and (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-device-pixel-ratio: 1.5) {
  .page--affiliate-csstricks .heroUnit {
    background-image: url(../_img/affiliate-landing/csstricks/hero-lg.png);
  }
}
@media (min-width: 768px) and (max-width: 1199px) and (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-device-pixel-ratio: 1.5) {
  .page--affiliate-csstricks .heroUnit {
    background-image: url(../_img/affiliate-landing/csstricks/hero-lg.png);
  }
}
.page--affiliate-csstricks .heroUnit .heroUnit-content .heroUnit-subtitle {
  font-size: 22px;
  font-size: 1.375rem;
}
@media (min-width: 768px) and (max-width: 1095px), (max-width: 767px) {
  .page--affiliate-csstricks .heroUnit .heroUnit-content .heroUnit-subtitle {
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 1.4;
  }
}
.page--affiliate-csstricks .heroUnit .heroUnit-content .heroUnit-credits-client {
  font-size: 20px;
  font-size: 1.25rem;
}
.page--affiliate-csstricks .affiliate-landing--banner {
  top: -30px;
}
@media (min-width: 768px) and (max-width: 1095px), (max-width: 767px) {
  .page--affiliate-csstricks .affiliate-landing--banner {
    top: -30px;
  }
}
.page--affiliate-csstricks .affiliate-landing--banner .banner-callout {
  margin-top: 60px;
  margin-top: 3.75rem;
}
@media (min-width: 768px) and (max-width: 1095px), (max-width: 767px) {
  .page--affiliate-csstricks .affiliate-landing--banner .banner-callout {
    margin-top: 45px;
    margin-top: 2.8125rem;
  }
}
.page--affiliate-csstricks .affiliate-landing--banner .banner-callout .discount {
  border-bottom: 1px solid #388568;
  margin-left: 20%;
  margin-right: 20%;
  margin-bottom: 10px;
  margin-bottom: 0.625rem;
}
@media (min-width: 768px) and (max-width: 1095px), (max-width: 767px) {
  .page--affiliate-csstricks .affiliate-landing--banner .banner-callout .discount {
    margin-left: 10%;
    margin-right: 10%;
  }
}
.page--affiliate-csstricks .affiliate-landing--banner .banner-callout .discount p {
  margin-bottom: 10px;
  margin-bottom: 0.625rem;
  font-size: 48px;
  font-size: 3rem;
}
@media (min-width: 768px) and (max-width: 1095px), (max-width: 767px) {
  .page--affiliate-csstricks .affiliate-landing--banner .banner-callout .discount p {
    font-size: 26px;
    font-size: 1.625rem;
  }
}
.page--affiliate-csstricks .affiliate-landing--banner .banner-callout .discount p span {
  font-size: 64px;
  font-size: 4rem;
}
@media (min-width: 768px) and (max-width: 1095px), (max-width: 767px) {
  .page--affiliate-csstricks .affiliate-landing--banner .banner-callout .discount p span {
    font-size: 30px;
    font-size: 1.875rem;
  }
}
.page--affiliate-csstricks .affiliate-landing--banner .banner-callout .discount-description {
  margin-left: 20%;
  margin-right: 20%;
  text-align: left;
}
@media (min-width: 768px) and (max-width: 1095px), (max-width: 767px) {
  .page--affiliate-csstricks .affiliate-landing--banner .banner-callout .discount-description {
    font-size: 14px;
    font-size: 0.875rem;
    margin-left: 10%;
    margin-right: 10%;
  }
}
.page--affiliate-csstricks .affiliate-landing--banner .banner-callout .discount-description strong {
  display: inline-block;
  font-size: 14px;
  font-size: 0.875rem;
  margin-top: 10px;
  margin-top: 0.625rem;
  background-color: #282b2d;
  padding: 5px 10px;
}
@media (min-width: 768px) and (max-width: 1095px), (max-width: 767px) {
  .page--affiliate-csstricks .affiliate-landing--banner .banner-callout .discount-description strong {
    font-size: 16px;
  }
}
.page--affiliate-csstricks .product {
  color: #282B2D;
}
.page--affiliate-csstricks .product .skill-title {
  color: #333 !important;
}
.page--affiliate-csstricks .product--grid {
  background-color: #ffffff;
}
.page--affiliate-csstricks .product--grid:hover {
  background-color: #ffffff;
}
.page--affiliate-csstricks .product--dvManaged,
.page--affiliate-csstricks .product--managedHosting,
.page--affiliate-csstricks .product--wpress {
  background-color: #f6f6f6;
}
.page--affiliate-csstricks .product--dvManaged:hover,
.page--affiliate-csstricks .product--managedHosting:hover,
.page--affiliate-csstricks .product--wpress:hover {
  background-color: #f6f6f6;
}
@media (max-width: 767px) {
  .page--affiliate-csstricks .product--dvManaged,
  .page--affiliate-csstricks .product--managedHosting,
  .page--affiliate-csstricks .product--wpress {
    width: 100%;
  }
}
.page--affiliate-csstricks .product--dvDeveloper {
  background-color: #f6f6f6;
}
.page--affiliate-csstricks .product--dvDeveloper:hover {
  background-color: #f6f6f6;
}
@media (max-width: 767px) {
  .page--affiliate-csstricks .product--dvDeveloper {
    width: 100%;
  }
}
.page--affiliate-csstricks .product--dvDeveloper .product-title {
  visibility: hidden;
}
@media (max-width: 767px) {
  .page--affiliate-csstricks .product--dvDeveloper .product-title {
    display: none;
  }
}
.page--affiliate-csstricks .product-title {
  color: #1C1C1E;
}
.page--affiliate-csstricks .product-title strong {
  color: #1C1C1E;
}
.page--affiliate-csstricks .product-desc {
  color: #282B2D;
}
.page--affiliate-csstricks .product-uses {
  color: #282B2D;
}
.page--affiliate-csstricks .product-uses strong {
  color: #1C1C1E;
}
.page--affiliate-csstricks .hostingPlans .product-price .u-discount {
  font-size: 32px;
  font-size: 2rem;
}
.page--affiliate-csstricks .specs .island {
  background-color: #262626;
}
.page--affiliate-csstricks .move-to-mt {
  padding-top: 30px;
  padding-top: 1.875rem;
  padding-bottom: 30px;
  padding-bottom: 1.875rem;
}
.page--affiliate-csstricks .move-to-mt .notACustomer {
  margin-top: 0;
}
.page--affiliate-csstricks .responsiveTabs-list li .price small {
  font-size: 14px;
  font-size: 0.875rem;
}
.page--affiliate-csstricks .actionCalloutAlt-price {
  color: #1C1C1E;
}
.page--affiliate-csstricks .link--alt {
  color: #282B2D;
  text-decoration: underline;
  font-size: 14px;
}
.page--affiliate-csstricks .actionCalloutAlt .btn,
.page--affiliate-csstricks .product-action .btn {
  margin-bottom: 5px;
}
/* ==========================================================================
   DRT FM landing
   /landing/drt/
   ========================================================================== */
.page--affiliate-drt .heroUnit {
  /* height:400px; */
}
@media (max-width: 767px) {
  .page--affiliate-drt .heroUnit {
    height: 500px;
  }
}
.page--affiliate-drt .heroUnit {
  max-height: 500px;
  background-image: url(../_img/affiliate-landing/drt-fm/hero-md.jpg);
}
@media (min-width: 1200px) {
  .page--affiliate-drt .heroUnit {
    background-image: url(../_img/affiliate-landing/drt-fm/hero-md.jpg);
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .page--affiliate-drt .heroUnit {
    background-image: url(../_img/affiliate-landing/drt-fm/hero-md.jpg);
  }
}
@media (max-width: 767px) {
  .page--affiliate-drt .heroUnit {
    background-image: url(../_img/affiliate-landing/drt-fm/hero-sm.jpg);
  }
}
@media (max-width: 480px) {
  .page--affiliate-drt .heroUnit {
    background-image: url(../_img/affiliate-landing/drt-fm/hero-xsm.jpg);
  }
}
@media (min-width: 1900px) {
  .page--affiliate-drt .heroUnit {
    background-image: url(../_img/affiliate-landing/drt-fm/hero-lg.jpg);
  }
}
@media (min-width: 1200px) and (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-device-pixel-ratio: 1.5) {
  .page--affiliate-drt .heroUnit {
    background-image: url(../_img/affiliate-landing/drt-fm/hero-lg.jpg);
  }
}
@media (min-width: 768px) and (max-width: 1199px) and (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-device-pixel-ratio: 1.5) {
  .page--affiliate-drt .heroUnit {
    background-image: url(../_img/affiliate-landing/drt-fm/hero-lg.jpg);
  }
}
.page--affiliate-drt .heroUnit .heroUnit-content {
  max-height: 550px;
}
.page--affiliate-drt .heroUnit .heroUnit-content .heroUnit-subtitle {
  font-size: 22px;
  font-size: 1.375rem;
}
@media (min-width: 768px) and (max-width: 1095px), (max-width: 767px) {
  .page--affiliate-drt .heroUnit .heroUnit-content .heroUnit-subtitle {
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 1.4;
  }
}
.page--affiliate-drt .heroUnit .heroUnit-content .heroUnit-credits-client {
  font-size: 20px;
  font-size: 1.25rem;
}
.page--affiliate-drt .affiliate-landing--banner {
  top: -30px;
}
@media (min-width: 768px) and (max-width: 1095px), (max-width: 767px) {
  .page--affiliate-drt .affiliate-landing--banner {
    top: -30px;
  }
}
.page--affiliate-drt .affiliate-landing--banner .banner-callout {
  margin-top: 60px;
  margin-top: 3.75rem;
}
@media (min-width: 768px) and (max-width: 1095px), (max-width: 767px) {
  .page--affiliate-drt .affiliate-landing--banner .banner-callout {
    margin-top: 45px;
    margin-top: 2.8125rem;
  }
}
.page--affiliate-drt .affiliate-landing--banner .banner-callout p:first-child {
  line-height: 1.35;
}
.page--affiliate-drt .affiliate-landing--banner .banner-callout p:first-child span:nth-child(1) {
  font-size: 28px;
  font-size: 1.75rem;
  margin-bottom: 10px;
  margin-bottom: 0.625rem;
}
@media (min-width: 768px) and (max-width: 1095px), (max-width: 767px) {
  .page--affiliate-drt .affiliate-landing--banner .banner-callout p:first-child span:nth-child(1) {
    font-size: 20px;
    font-size: 1.25rem;
    margin-bottom: 5px;
    margin-bottom: 0.3125rem;
  }
}
.page--affiliate-drt .affiliate-landing--banner .banner-callout p:first-child span:nth-child(2) {
  margin-bottom: 10px;
  margin-bottom: 0.625rem;
}
@media (min-width: 768px) and (max-width: 1095px), (max-width: 767px) {
  .page--affiliate-drt .affiliate-landing--banner .banner-callout p:first-child span:nth-child(2) {
    font-size: 26px;
    font-size: 1.625rem;
    margin-bottom: 5px;
    margin-bottom: 0.3125rem;
  }
}
.page--affiliate-drt .affiliate-landing--banner .banner-callout p:first-child span:nth-child(3) strong {
  font-size: 22px;
  background-color: #f79349;
  padding: 0px 10px 0px 10px;
}
@media (min-width: 768px) and (max-width: 1095px), (max-width: 767px) {
  .page--affiliate-drt .affiliate-landing--banner .banner-callout p:first-child span:nth-child(3) strong {
    font-size: 18px;
  }
}
@media (min-width: 768px) and (max-width: 1095px), (max-width: 767px) {
  .page--affiliate-drt .affiliate-landing--banner .banner-callout p:first-child span:nth-child(3) {
    font-size: 15px;
    font-size: 0.9375rem;
    margin-bottom: 5px;
    margin-bottom: 0.3125rem;
  }
}
.page--affiliate-drt .product {
  color: #282B2D;
}
.page--affiliate-drt .product .skill-title {
  color: #333 !important;
}
.page--affiliate-drt .product--grid {
  background-color: #ffffff;
}
.page--affiliate-drt .product--grid:hover {
  background-color: #ffffff;
}
.page--affiliate-drt .product--dvManaged,
.page--affiliate-drt .product--managedHosting,
.page--affiliate-drt .product--wpress {
  background-color: #f6f6f6;
}
.page--affiliate-drt .product--dvManaged:hover,
.page--affiliate-drt .product--managedHosting:hover,
.page--affiliate-drt .product--wpress:hover {
  background-color: #f6f6f6;
}
@media (max-width: 767px) {
  .page--affiliate-drt .product--dvManaged,
  .page--affiliate-drt .product--managedHosting,
  .page--affiliate-drt .product--wpress {
    width: 100%;
  }
}
.page--affiliate-drt .product--dvDeveloper {
  background-color: #f6f6f6;
}
.page--affiliate-drt .product--dvDeveloper:hover {
  background-color: #f6f6f6;
}
@media (max-width: 767px) {
  .page--affiliate-drt .product--dvDeveloper {
    width: 100%;
  }
}
.page--affiliate-drt .product--dvDeveloper .product-title {
  visibility: hidden;
}
@media (max-width: 767px) {
  .page--affiliate-drt .product--dvDeveloper .product-title {
    display: none;
  }
}
.page--affiliate-drt .product-title {
  color: #1C1C1E;
}
.page--affiliate-drt .product-title strong {
  color: #1C1C1E;
}
.page--affiliate-drt .product-desc {
  color: #282B2D;
}
.page--affiliate-drt .product-uses {
  color: #282B2D;
}
.page--affiliate-drt .product-uses strong {
  color: #1C1C1E;
}
.page--affiliate-drt .hostingPlans .product-price .u-discount {
  font-size: 32px;
  font-size: 2rem;
}
.page--affiliate-drt .specs .island {
  background-color: #262626;
}
.page--affiliate-drt .move-to-mt {
  padding-top: 30px;
  padding-top: 1.875rem;
  padding-bottom: 30px;
  padding-bottom: 1.875rem;
}
.page--affiliate-drt .move-to-mt .notACustomer {
  margin-top: 0;
}
.page--affiliate-drt .responsiveTabs-list li .price small {
  font-size: 14px;
  font-size: 0.875rem;
}
/* ==========================================================================
   5 Dollar Promo
   /landing/5dollar/
   ========================================================================== */
.page--affiliate-fiveDollar .heroUnit {
  /* height:400px; */
  max-height: 550px;
}
@media (max-width: 767px) {
  .page--affiliate-fiveDollar .heroUnit {
    height: 500px;
  }
}
.page--affiliate-fiveDollar .heroUnit {
  max-height: 500px;
  background-image: url(../_img/affiliate-landing/5dollar/hero-2.jpg);
}
@media (min-width: 1200px) {
  .page--affiliate-fiveDollar .heroUnit {
    background-image: url(../_img/affiliate-landing/5dollar/hero-2.jpg);
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .page--affiliate-fiveDollar .heroUnit {
    background-image: url(../_img/affiliate-landing/5dollar/hero-2.jpg);
  }
}
@media (max-width: 767px) {
  .page--affiliate-fiveDollar .heroUnit {
    background-image: url(../_img/affiliate-landing/5dollar/hero-2.jpg);
  }
}
@media (max-width: 480px) {
  .page--affiliate-fiveDollar .heroUnit {
    background-image: url(../_img/affiliate-landing/5dollar/hero-2.jpg);
  }
}
@media (min-width: 1900px) {
  .page--affiliate-fiveDollar .heroUnit {
    background-image: url(../_img/affiliate-landing/5dollar/hero-2.jpg);
  }
}
@media (min-width: 1200px) and (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-device-pixel-ratio: 1.5) {
  .page--affiliate-fiveDollar .heroUnit {
    background-image: url(../_img/affiliate-landing/5dollar/hero-2.jpg);
  }
}
@media (min-width: 768px) and (max-width: 1199px) and (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-device-pixel-ratio: 1.5) {
  .page--affiliate-fiveDollar .heroUnit {
    background-image: url(../_img/affiliate-landing/5dollar/hero-2.jpg);
  }
}
.page--affiliate-fiveDollar .heroUnit .heroUnit-content {
  max-height: 550px;
}
.page--affiliate-fiveDollar .heroUnit .heroUnit-content .heroUnit-subtitle {
  font-size: 22px;
  font-size: 1.375rem;
}
@media (min-width: 768px) and (max-width: 1095px), (max-width: 767px) {
  .page--affiliate-fiveDollar .heroUnit .heroUnit-content .heroUnit-subtitle {
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 1.4;
  }
}
.page--affiliate-fiveDollar .heroUnit .heroUnit-content .heroUnit-credits-client {
  font-size: 20px;
  font-size: 1.25rem;
}
.page--affiliate-fiveDollar .affiliate-landing--banner {
  top: -80px;
}
@media (min-width: 768px) and (max-width: 1199px), (max-width: 767px) {
  .page--affiliate-fiveDollar .affiliate-landing--banner {
    top: -60px;
  }
}
.page--affiliate-fiveDollar .affiliate-landing--banner .banner-callout {
  margin-top: 100px;
  margin-top: 6.25rem;
}
@media (min-width: 768px) and (max-width: 1199px), (max-width: 767px) {
  .page--affiliate-fiveDollar .affiliate-landing--banner .banner-callout {
    margin-top: 70px;
    margin-top: 4.375rem;
  }
}
.page--affiliate-fiveDollar .affiliate-landing--banner .banner-callout p:first-child {
  line-height: 1.25;
}
@media (min-width: 768px) and (max-width: 1095px), (max-width: 767px) {
  .page--affiliate-fiveDollar .affiliate-landing--banner .banner-callout p:first-child {
    line-height: 1.35;
  }
}
.page--affiliate-fiveDollar .affiliate-landing--banner .banner-callout p:first-child span {
  display: block;
  color: #1C1C1E;
}
.page--affiliate-fiveDollar .affiliate-landing--banner .banner-callout p:first-child span a {
  color: #1C1C1E;
}
.page--affiliate-fiveDollar .affiliate-landing--banner .banner-callout p:first-child span:nth-child(1) {
  font-size: 24px;
  font-size: 1.5rem;
  font-weight: 800;
  width: 80%;
  margin: 0 auto;
  padding-bottom: 10px;
  border-bottom: none !important;
}
@media (min-width: 768px) and (max-width: 1095px), (max-width: 767px) {
  .page--affiliate-fiveDollar .affiliate-landing--banner .banner-callout p:first-child span:nth-child(1) {
    font-size: 16px;
    font-size: 1rem;
    margin-bottom: 0px;
  }
}
@media (min-width: 768px) and (max-width: 1095px) {
  .page--affiliate-fiveDollar .affiliate-landing--banner .banner-callout p:first-child span:nth-child(1) {
    top: -12px;
    position: relative;
  }
}
.page--affiliate-fiveDollar .affiliate-landing--banner .banner-callout p:first-child span:nth-child(2) {
  width: 80%;
  margin: 0 auto;
  line-height: 30px;
  line-height: 1.875rem;
  padding: 18px 0px;
  text-transform: none;
  border-bottom: solid 1px #3ea980;
}
@media screen and (min-width: 1200px) {
  .page--affiliate-fiveDollar .affiliate-landing--banner .banner-callout p:first-child span:nth-child(2) {
    position: relative;
    top: -20px;
  }
}
.page--affiliate-fiveDollar .affiliate-landing--banner .banner-callout p:first-child span:nth-child(2) small {
  font-size: 22px;
  font-size: 1.375rem;
  line-height: 14px;
  line-height: 0.875rem;
}
@media (min-width: 768px) and (max-width: 1095px) {
  .page--affiliate-fiveDollar .affiliate-landing--banner .banner-callout p:first-child span:nth-child(2) small {
    top: -12px;
    position: relative;
  }
}
@media (min-width: 768px) and (max-width: 1095px), (max-width: 767px) {
  .page--affiliate-fiveDollar .affiliate-landing--banner .banner-callout p:first-child span:nth-child(2) {
    font-size: 26px;
    font-size: 1.625rem;
    margin-bottom: 0px;
    padding: 5px 0px;
  }
  .page--affiliate-fiveDollar .affiliate-landing--banner .banner-callout p:first-child span:nth-child(2) small {
    font-size: 14px;
  }
}
.page--affiliate-fiveDollar .affiliate-landing--banner .banner-callout p:first-child span:nth-child(3) {
  padding-top: 18px;
  margin-bottom: 0px;
}
.page--affiliate-fiveDollar .affiliate-landing--banner .banner-callout p:first-child span:nth-child(3) strong {
  font-size: 24px;
  background-color: #40c791;
  padding: 0px 10px 0px 10px;
}
@media (min-width: 768px) and (max-width: 1095px), (max-width: 767px) {
  .page--affiliate-fiveDollar .affiliate-landing--banner .banner-callout p:first-child span:nth-child(3) strong {
    font-size: 18px;
  }
}
@media screen and (min-width: 1200px) {
  .page--affiliate-fiveDollar .affiliate-landing--banner .banner-callout p:first-child span:nth-child(3) {
    position: relative;
    top: -20px;
  }
}
@media (min-width: 768px) and (max-width: 1095px), (max-width: 767px) {
  .page--affiliate-fiveDollar .affiliate-landing--banner .banner-callout p:first-child span:nth-child(3) {
    font-size: 16px;
    font-size: 1rem;
    margin-bottom: 0px;
    padding-top: 8px;
    display: none!important;
  }
}
.page--affiliate-fiveDollar .affiliate-landing--banner .banner-callout p:first-child span:nth-child(4) {
  font-size: 20px;
  font-size: 1.25rem;
  font-weight: 700;
  text-transform: uppercase;
}
@media (min-width: 768px) and (max-width: 1095px), (max-width: 767px) {
  .page--affiliate-fiveDollar .affiliate-landing--banner .banner-callout p:first-child span:nth-child(4) {
    margin-top: 15px;
    margin-top: 0.9375rem;
    font-size: 14px;
    font-size: 0.875rem;
  }
}
.page--affiliate-fiveDollar .responsiveTabs-list li .price small {
  font-size: 14px;
  font-size: 0.875rem;
}
/* ==========================================================================
   Try MT landing
   /landing/trymt/
   ========================================================================== */
.page--affiliate-trymt .heroUnit {
  /* height:400px; */
}
@media (max-width: 767px) {
  .page--affiliate-trymt .heroUnit {
    height: 500px;
  }
}
.page--affiliate-trymt .heroUnit {
  max-height: 500px;
  background-image: url(../_img/procdn/hero-md.jpg);
}
@media (min-width: 1200px) {
  .page--affiliate-trymt .heroUnit {
    background-image: url(../_img/procdn/hero-md.jpg);
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .page--affiliate-trymt .heroUnit {
    background-image: url(../_img/procdn/hero-md.jpg);
  }
}
@media (max-width: 767px) {
  .page--affiliate-trymt .heroUnit {
    background-image: url(../_img/procdn/hero-sm.jpg);
  }
}
@media (max-width: 480px) {
  .page--affiliate-trymt .heroUnit {
    background-image: url(../_img/procdn/hero-xsm.jpg);
  }
}
@media (min-width: 1900px) {
  .page--affiliate-trymt .heroUnit {
    background-image: url(../_img/procdn/hero-lg.jpg);
  }
}
@media (min-width: 1200px) and (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-device-pixel-ratio: 1.5) {
  .page--affiliate-trymt .heroUnit {
    background-image: url(../_img/procdn/hero-lg.jpg);
  }
}
@media (min-width: 768px) and (max-width: 1199px) and (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-device-pixel-ratio: 1.5) {
  .page--affiliate-trymt .heroUnit {
    background-image: url(../_img/procdn/hero-lg.jpg);
  }
}
.page--affiliate-trymt .heroUnit .heroUnit-content {
  max-height: 550px;
}
.page--affiliate-trymt .heroUnit .heroUnit-content .heroUnit-subtitle {
  font-size: 22px;
  font-size: 1.375rem;
}
@media (min-width: 768px) and (max-width: 1095px), (max-width: 767px) {
  .page--affiliate-trymt .heroUnit .heroUnit-content .heroUnit-subtitle {
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 1.4;
  }
}
.page--affiliate-trymt .heroUnit .heroUnit-content .heroUnit-credits-client {
  font-size: 20px;
  font-size: 1.25rem;
}
.page--affiliate-trymt .heroUnit-title {
  font-weight: normal;
}
.page--affiliate-trymt .affiliate-landing--banner {
  top: -70px;
}
@media (min-width: 768px) and (max-width: 1095px), (max-width: 767px) {
  .page--affiliate-trymt .affiliate-landing--banner {
    top: -60px;
  }
}
.page--affiliate-trymt .affiliate-landing--banner .banner-callout {
  margin-top: 100px;
  margin-top: 6.25rem;
}
@media (min-width: 768px) and (max-width: 1095px), (max-width: 767px) {
  .page--affiliate-trymt .affiliate-landing--banner .banner-callout {
    margin-top: 85px;
    margin-top: 5.3125rem;
  }
}
.page--affiliate-trymt .affiliate-landing--banner .banner-callout p:first-child {
  line-height: 1.35;
}
@media (min-width: 768px) and (max-width: 1095px), (max-width: 767px) {
  .page--affiliate-trymt .affiliate-landing--banner .banner-callout p:first-child {
    line-height: 1.45;
  }
}
.page--affiliate-trymt .affiliate-landing--banner .banner-callout p:first-child span {
  display: block;
  color: #1C1C1E;
}
.page--affiliate-trymt .affiliate-landing--banner .banner-callout p:first-child span a {
  color: #1C1C1E;
}
.page--affiliate-trymt .affiliate-landing--banner .banner-callout p:first-child span:nth-child(1) {
  text-transform: none;
  font-size: 22px;
  font-size: 1.375rem;
}
@media (min-width: 768px) and (max-width: 1095px), (max-width: 767px) {
  .page--affiliate-trymt .affiliate-landing--banner .banner-callout p:first-child span:nth-child(1) {
    font-size: 20px;
    font-size: 1.25rem;
    margin-bottom: 0px;
  }
}
@media (min-width: 768px) and (max-width: 1095px), (max-width: 767px) {
  .page--affiliate-trymt .affiliate-landing--banner .banner-callout p:first-child span:nth-child(2) {
    font-size: 26px;
    font-size: 1.625rem;
    margin-bottom: 0px;
  }
}
.page--affiliate-trymt .affiliate-landing--banner .banner-callout p:first-child span:nth-child(3) {
  margin-bottom: 0px;
}
.page--affiliate-trymt .affiliate-landing--banner .banner-callout p:first-child span:nth-child(3) strong {
  font-size: 24px;
  background-color: #40c791;
  padding: 0px 10px 0px 10px;
}
@media (min-width: 768px) and (max-width: 1095px), (max-width: 767px) {
  .page--affiliate-trymt .affiliate-landing--banner .banner-callout p:first-child span:nth-child(3) strong {
    font-size: 18px;
  }
}
@media (min-width: 768px) and (max-width: 1095px), (max-width: 767px) {
  .page--affiliate-trymt .affiliate-landing--banner .banner-callout p:first-child span:nth-child(3) {
    font-size: 16px;
    font-size: 1rem;
    margin-bottom: 0px;
  }
}
.page--affiliate-trymt .affiliate-landing--banner .banner-callout p:first-child span:nth-child(4) {
  font-size: 20px;
  font-size: 1.25rem;
  margin-top: 10px;
  margin-top: 0.625rem;
  text-transform: uppercase;
}
@media (min-width: 768px) and (max-width: 1095px), (max-width: 767px) {
  .page--affiliate-trymt .affiliate-landing--banner .banner-callout p:first-child span:nth-child(4) {
    font-size: 18px;
    font-size: 1.125rem;
  }
}
.page--affiliate-trymt .product {
  color: #282B2D;
}
.page--affiliate-trymt .product .skill-title {
  color: #333 !important;
}
.page--affiliate-trymt .product--grid {
  background-color: #ffffff;
}
.page--affiliate-trymt .product--grid:hover {
  background-color: #ffffff;
}
.page--affiliate-trymt .product--dvManaged,
.page--affiliate-trymt .product--managedHosting,
.page--affiliate-trymt .product--wpress {
  background-color: #f6f6f6;
}
.page--affiliate-trymt .product--dvManaged:hover,
.page--affiliate-trymt .product--managedHosting:hover,
.page--affiliate-trymt .product--wpress:hover {
  background-color: #f6f6f6;
}
@media (max-width: 767px) {
  .page--affiliate-trymt .product--dvManaged,
  .page--affiliate-trymt .product--managedHosting,
  .page--affiliate-trymt .product--wpress {
    width: 100%;
  }
}
.page--affiliate-trymt .product--dvDeveloper {
  background-color: #f6f6f6;
}
.page--affiliate-trymt .product--dvDeveloper:hover {
  background-color: #f6f6f6;
}
@media (max-width: 767px) {
  .page--affiliate-trymt .product--dvDeveloper {
    width: 100%;
  }
}
.page--affiliate-trymt .product--dvDeveloper .product-title {
  visibility: hidden;
}
@media (max-width: 767px) {
  .page--affiliate-trymt .product--dvDeveloper .product-title {
    display: none;
  }
}
.page--affiliate-trymt .product-title {
  color: #1C1C1E;
}
.page--affiliate-trymt .product-title strong {
  color: #1C1C1E;
}
.page--affiliate-trymt .product-desc {
  color: #282B2D;
}
.page--affiliate-trymt .product-uses {
  color: #282B2D;
}
.page--affiliate-trymt .product-uses strong {
  color: #1C1C1E;
}
.page--affiliate-trymt .hostingPlans .product-price .u-discount {
  font-size: 32px;
  font-size: 2rem;
}
.page--affiliate-trymt .specs .island {
  background-color: #262626;
}
.page--affiliate-trymt .move-to-mt {
  padding-top: 30px;
  padding-top: 1.875rem;
  padding-bottom: 30px;
  padding-bottom: 1.875rem;
}
.page--affiliate-trymt .move-to-mt .notACustomer {
  margin-top: 0;
}
.page--affiliate-trymt .responsiveTabs-list li .price small {
  font-size: 14px;
  font-size: 0.875rem;
}
/* ==========================================================================
   Fully-Managed landing page
   ========================================================================== */
.page--affiliate-fullyManaged .heroUnit {
  max-height: 400px;
  background-image: url(../_img/webhosting/managed/hero-md.jpg);
  background-position-y: 0px;
}
@media (min-width: 1200px) {
  .page--affiliate-fullyManaged .heroUnit {
    background-image: url(../_img/webhosting/managed/hero-md.jpg);
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .page--affiliate-fullyManaged .heroUnit {
    background-image: url(../_img/webhosting/managed/hero-md.jpg);
  }
}
@media (max-width: 767px) {
  .page--affiliate-fullyManaged .heroUnit {
    background-image: url(../_img/webhosting/managed/hero-sm.jpg);
  }
}
@media (max-width: 480px) {
  .page--affiliate-fullyManaged .heroUnit {
    background-image: url(../_img/webhosting/managed/hero-xsm.jpg);
  }
}
@media (min-width: 1900px) {
  .page--affiliate-fullyManaged .heroUnit {
    background-image: url(../_img/webhosting/managed/hero-lg.jpg);
  }
}
@media (min-width: 1200px) and (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-device-pixel-ratio: 1.5) {
  .page--affiliate-fullyManaged .heroUnit {
    background-image: url(../_img/webhosting/managed/hero-lg.jpg);
  }
}
@media (min-width: 768px) and (max-width: 1199px) and (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-device-pixel-ratio: 1.5) {
  .page--affiliate-fullyManaged .heroUnit {
    background-image: url(../_img/webhosting/managed/hero-lg.jpg);
  }
}
.page--affiliate-fullyManaged .heroUnit .heroUnit-content-text {
  width: 60%;
}
.page--affiliate-fullyManaged .heroUnit-title {
  font-weight: normal;
}
.page--affiliate-fullyManaged .affiliate-landing--banner {
  top: -70px;
}
.page--affiliate-fullyManaged .affiliate-landing--banner .banner-callout {
  margin-top: 115px;
  margin-top: 7.1875rem;
}
@media (min-width: 768px) and (max-width: 1095px), (max-width: 767px) {
  .page--affiliate-fullyManaged .affiliate-landing--banner .banner-callout {
    margin-top: 90px;
    margin-top: 5.625rem;
  }
}
.page--affiliate-fullyManaged header p {
  margin-top: 30px;
  margin-top: 1.875rem;
}
.page--affiliate-fullyManaged .product {
  background-color: #ffffff;
}
.page--affiliate-fullyManaged .specs .island {
  background-color: #282B2D;
}
.page--affiliate-fullyManaged .specs .island .productWordmark {
  height: 30px;
  width: 32px;
}
.page--affiliate-fullyManaged .specs .island .productWordmark--dvManaged,
.page--affiliate-fullyManaged .specs .island .productWordmark--dv {
  background-position: -385px 0;
}
.page--affiliate-fullyManaged .specs .island .productWordmark--dvDeveloper {
  background-position: -560px 0;
}
.page--affiliate-fullyManaged .hostingPlans .product-action {
  float: left;
  margin-right: 30px;
  margin-right: 1.875rem;
  margin-bottom: 30px;
  margin-bottom: 1.875rem;
}
.page--affiliate-fullyManaged .hostingPlans .actionCalloutAlt {
  float: left;
}
.page--affiliate-fullyManaged .hostingPlans .actionCalloutAlt-price:first-child {
  margin-bottom: 0;
}
.page--affiliate-fullyManaged .hostingPlans .actionCalloutAlt-price:last-child {
  color: #1C1C1E;
}
.page--affiliate-fullyManaged .compare h2 {
  margin-bottom: 0;
}
.page--affiliate-fullyManaged .compare .productWordmark {
  margin-bottom: 20px;
  margin-bottom: 1.25rem;
}
.page--affiliate-fullyManaged .compare .vpsOption p {
  float: left;
}
.page--affiliate-fullyManaged .compare .actionCalloutAlt {
  float: left;
  margin-right: 30px;
  margin-right: 1.875rem;
}
.page--affiliate-fullyManaged .compare .actionCalloutAlt-price:first-child {
  margin-bottom: 0;
}
.page--affiliate-fullyManaged .compare .actionCalloutAlt-price:last-child {
  color: #1C1C1E;
}
.page--affiliate-fullyManaged .btn {
  color: #191919;
  background: #9e7fb9;
}
.page--affiliate-fullyManaged .header-pop {
  background: #9e7fb9;
}
.page--affiliate-fullyManaged a {
  color: #9e7fb9;
}
/* ==========================================================================
   Agency
   /landing/webhosting/agency/
   ========================================================================== */
.page--agency-landing .radioBox {
  width: 100%;
}
.page--agency-landing .radioBox .radioBox-input:checked + label {
  color: #fff;
  background-color: #2d4772;
}
.page--agency-landing .radioBox .radioBox-input:checked + label strong {
  color: #fff;
}
.page--agency-landing .radioBox .radioBox-label {
  width: 100%;
  padding: 15px 0px 15px 50px;
}
/* ==========================================================================
   New Year Landing
   /landing/newyear/
   ========================================================================== */
.page--landing--newYear {
  /**
    * This is deprecated. 
    * Use o-promo-product-plan instead.
    **/
}
.page--landing--newYear .heroUnit {
  /* height:400px; */
}
@media (max-width: 767px) {
  .page--landing--newYear .heroUnit {
    height: 400px;
  }
}
.page--landing--newYear .heroUnit {
  background-image: url(../_img/affiliate-landing/newyear/hero-md.jpg);
}
@media (min-width: 1200px) {
  .page--landing--newYear .heroUnit {
    background-image: url(../_img/affiliate-landing/newyear/hero-md.jpg);
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .page--landing--newYear .heroUnit {
    background-image: url(../_img/affiliate-landing/newyear/hero-md.jpg);
  }
}
@media (max-width: 767px) {
  .page--landing--newYear .heroUnit {
    background-image: url(../_img/affiliate-landing/newyear/hero-sm.jpg);
  }
}
@media (max-width: 480px) {
  .page--landing--newYear .heroUnit {
    background-image: url(../_img/affiliate-landing/newyear/hero-xsm.jpg);
  }
}
@media (min-width: 1900px) {
  .page--landing--newYear .heroUnit {
    background-image: url(../_img/affiliate-landing/newyear/hero-lg.jpg);
  }
}
@media (min-width: 1200px) and (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-device-pixel-ratio: 1.5) {
  .page--landing--newYear .heroUnit {
    background-image: url(../_img/affiliate-landing/newyear/hero-lg.jpg);
  }
}
@media (min-width: 768px) and (max-width: 1199px) and (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-device-pixel-ratio: 1.5) {
  .page--landing--newYear .heroUnit {
    background-image: url(../_img/affiliate-landing/newyear/hero-lg.jpg);
  }
}
.page--landing--newYear .cm-row {
  border: 1px solid #ccc;
  padding: 15px;
  margin-bottom: 30px;
  /* Island adjustment */
  /* Badge adjustment */
}
.page--landing--newYear .cm-row:last-child {
  margin-bottom: 5px;
}
.page--landing--newYear .cm-row .cm-col {
  padding-left: 30px;
  padding-right: 30px;
}
.page--landing--newYear .cm-row .cm-col h3 {
  letter-spacing: 0em;
}
.page--landing--newYear .cm-row .cm-col:nth-child(2) {
  border-right: solid 1px #ccc;
  border-left: solid 1px #ccc;
}
@media (min-width: 768px) {
  .page--landing--newYear .cm-row .cm-col {
    margin: 0%;
    width: 33%;
  }
}
@media (min-width: 768px) {
  .page--landing--newYear .cm-row {
    padding-left: 0%;
    padding-right: 0%;
  }
}
@media (max-width: 767px) {
  .page--landing--newYear .cm-row .cm-col {
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 15px;
    margin-bottom: 30px;
    border-bottom: 1px solid #ccc;
  }
  .page--landing--newYear .cm-row .cm-col:last-child {
    padding-bottom: 0%;
    margin-bottom: 0%;
    border-bottom: none;
  }
  .page--landing--newYear .cm-row .cm-col:nth-child(2) {
    border-right: none;
    border-left: none;
  }
}
.page--landing--newYear .cm-row .cm-tag {
  background: #000;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 2px;
  padding-bottom: 2px;
  text-transform: uppercase;
}
.page--landing--newYear .cm-row .cm-tag-wpress {
  color: #FFD02B;
}
.page--landing--newYear .cm-row .cm-tag-grid {
  color: #f26767;
}
.page--landing--newYear .cm-row .cm-tag-dv {
  color: #67a8da;
}
.page--landing--newYear .cm-row .cm-tag-dvDeveloper {
  color: #29cbcf;
}
.page--landing--newYear .cm-row .cm-icon {
  margin-right: 20px;
}
.page--landing--newYear .cm-row .wpress-icon {
  color: #FFD02B;
}
.page--landing--newYear .cm-row .grid-icon {
  color: #f26767;
}
.page--landing--newYear .cm-row .dv-icon {
  color: #67a8da;
}
.page--landing--newYear .cm-row .btn--cm {
  margin-right: 20px;
}
.page--landing--newYear .cm-row .price--mobile {
  padding-bottom: 20px;
}
@media (max-width: 1095px) {
  .page--landing--newYear .cm-row .price--mobile {
    display: block;
  }
}
@media (min-width: 1096px) {
  .page--landing--newYear .cm-row .price--mobile {
    display: none;
  }
}
@media (max-width: 1095px) {
  .page--landing--newYear .cm-row .price--noMobile {
    display: none;
  }
}
@media (min-width: 1096px) {
  .page--landing--newYear .cm-row .price--noMobile {
    display: inline;
  }
}
.page--landing--newYear .cm-row .island {
  padding-left: 0px;
  padding-top: 0px;
  padding-bottom: 30px;
}
@media (min-width: 768px) {
  .page--landing--newYear .cm-row .badge--pinTopRight {
    right: 20px;
  }
}
/* ==========================================================================
   30off WP Landing
   /landing/wordpress-30/
   ========================================================================== */
.page--landing--wordpress-30 .heroUnit {
  /* height:400px; */
}
@media (max-width: 767px) {
  .page--landing--wordpress-30 .heroUnit {
    height: 400px;
  }
}
.page--landing--wordpress-30 .heroUnit {
  background-image: url(../_img/affiliate-landing/wordpress-30/hero-md.jpg);
}
@media (min-width: 1200px) {
  .page--landing--wordpress-30 .heroUnit {
    background-image: url(../_img/affiliate-landing/wordpress-30/hero-md.jpg);
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .page--landing--wordpress-30 .heroUnit {
    background-image: url(../_img/affiliate-landing/wordpress-30/hero-md.jpg);
  }
}
@media (max-width: 767px) {
  .page--landing--wordpress-30 .heroUnit {
    background-image: url(../_img/affiliate-landing/wordpress-30/hero-sm.jpg);
  }
}
@media (max-width: 480px) {
  .page--landing--wordpress-30 .heroUnit {
    background-image: url(../_img/affiliate-landing/wordpress-30/hero-xsm.jpg);
  }
}
@media (min-width: 1900px) {
  .page--landing--wordpress-30 .heroUnit {
    background-image: url(../_img/affiliate-landing/wordpress-30/hero-lg.jpg);
  }
}
@media (min-width: 1200px) and (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-device-pixel-ratio: 1.5) {
  .page--landing--wordpress-30 .heroUnit {
    background-image: url(../_img/affiliate-landing/wordpress-30/hero-lg.jpg);
  }
}
@media (min-width: 768px) and (max-width: 1199px) and (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-device-pixel-ratio: 1.5) {
  .page--landing--wordpress-30 .heroUnit {
    background-image: url(../_img/affiliate-landing/wordpress-30/hero-lg.jpg);
  }
}
.page--landing--wordpress-30 .cm-row {
  border: 1px solid #ccc;
  padding: 15px;
  margin-bottom: 30px;
  /* Island adjustment */
  /* Badge adjustment */
}
.page--landing--wordpress-30 .cm-row:last-child {
  margin-bottom: 5px;
}
.page--landing--wordpress-30 .cm-row .cm-col {
  padding-left: 30px;
  padding-right: 30px;
}
.page--landing--wordpress-30 .cm-row .cm-col h3 {
  letter-spacing: 0em;
}
.page--landing--wordpress-30 .cm-row .cm-col:nth-child(2) {
  border-right: solid 1px #ccc;
  border-left: solid 1px #ccc;
}
@media (min-width: 768px) {
  .page--landing--wordpress-30 .cm-row .cm-col {
    margin: 0%;
    width: 33%;
  }
}
@media (min-width: 768px) {
  .page--landing--wordpress-30 .cm-row {
    padding-left: 0%;
    padding-right: 0%;
  }
}
@media (max-width: 767px) {
  .page--landing--wordpress-30 .cm-row .cm-col {
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 15px;
    margin-bottom: 30px;
    border-bottom: 1px solid #ccc;
  }
  .page--landing--wordpress-30 .cm-row .cm-col:last-child {
    padding-bottom: 0%;
    margin-bottom: 0%;
    border-bottom: none;
  }
  .page--landing--wordpress-30 .cm-row .cm-col:nth-child(2) {
    border-right: none;
    border-left: none;
  }
}
.page--landing--wordpress-30 .cm-row .cm-tag {
  background: #000;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 2px;
  padding-bottom: 2px;
  text-transform: uppercase;
}
.page--landing--wordpress-30 .cm-row .cm-tag-wpress {
  color: #FFD02B;
}
.page--landing--wordpress-30 .cm-row .cm-tag-grid {
  color: #f26767;
}
.page--landing--wordpress-30 .cm-row .cm-tag-dv {
  color: #67a8da;
}
.page--landing--wordpress-30 .cm-row .cm-tag-dvDeveloper {
  color: #29cbcf;
}
.page--landing--wordpress-30 .cm-row .cm-icon {
  margin-right: 20px;
}
.page--landing--wordpress-30 .cm-row .wpress-icon {
  color: #FFD02B;
}
.page--landing--wordpress-30 .cm-row .grid-icon {
  color: #f26767;
}
.page--landing--wordpress-30 .cm-row .dv-icon {
  color: #67a8da;
}
.page--landing--wordpress-30 .cm-row .dvDeveloper-icon {
  color: #29cbcf;
}
.page--landing--wordpress-30 .cm-row .btn--cm {
  margin-right: 20px;
}
.page--landing--wordpress-30 .cm-row .price--mobile {
  padding-bottom: 20px;
}
@media (max-width: 1095px) {
  .page--landing--wordpress-30 .cm-row .price--mobile {
    display: block;
  }
}
@media (min-width: 1096px) {
  .page--landing--wordpress-30 .cm-row .price--mobile {
    display: none;
  }
}
@media (max-width: 1095px) {
  .page--landing--wordpress-30 .cm-row .price--noMobile {
    display: none;
  }
}
@media (min-width: 1096px) {
  .page--landing--wordpress-30 .cm-row .price--noMobile {
    display: inline;
  }
}
.page--landing--wordpress-30 .cm-row .island {
  padding-left: 0px;
  padding-top: 0px;
  padding-bottom: 30px;
}
@media (min-width: 768px) {
  .page--landing--wordpress-30 .cm-row .badge--pinTopRight {
    right: 20px;
  }
}
/* ==========================================================================
   33off Landing
   /landing/33off/
   ========================================================================== */
.page--landing--33off .heroUnit {
  /* height:400px; */
}
@media (max-width: 767px) {
  .page--landing--33off .heroUnit {
    height: 400px;
  }
}
.page--landing--33off .heroUnit {
  background-image: url(../_img/affiliate-landing/33off_new/hero-md.jpg);
}
@media (min-width: 1200px) {
  .page--landing--33off .heroUnit {
    background-image: url(../_img/affiliate-landing/33off_new/hero-md.jpg);
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .page--landing--33off .heroUnit {
    background-image: url(../_img/affiliate-landing/33off_new/hero-md.jpg);
  }
}
@media (max-width: 767px) {
  .page--landing--33off .heroUnit {
    background-image: url(../_img/affiliate-landing/33off_new/hero-sm.jpg);
  }
}
@media (max-width: 480px) {
  .page--landing--33off .heroUnit {
    background-image: url(../_img/affiliate-landing/33off_new/hero-xsm.jpg);
  }
}
@media (min-width: 1900px) {
  .page--landing--33off .heroUnit {
    background-image: url(../_img/affiliate-landing/33off_new/hero-lg.jpg);
  }
}
@media (min-width: 1200px) and (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-device-pixel-ratio: 1.5) {
  .page--landing--33off .heroUnit {
    background-image: url(../_img/affiliate-landing/33off_new/hero-lg.jpg);
  }
}
@media (min-width: 768px) and (max-width: 1199px) and (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-device-pixel-ratio: 1.5) {
  .page--landing--33off .heroUnit {
    background-image: url(../_img/affiliate-landing/33off_new/hero-lg.jpg);
  }
}
.page--landing--33off .cm-row {
  border: 1px solid #ccc;
  padding: 15px;
  margin-bottom: 30px;
  /* Island adjustment */
  /* Badge adjustment */
}
.page--landing--33off .cm-row:last-child {
  margin-bottom: 5px;
}
.page--landing--33off .cm-row .cm-col {
  padding-left: 30px;
  padding-right: 30px;
}
.page--landing--33off .cm-row .cm-col h3 {
  letter-spacing: 0em;
}
.page--landing--33off .cm-row .cm-col:nth-child(2) {
  border-right: solid 1px #ccc;
  border-left: solid 1px #ccc;
}
@media (min-width: 768px) {
  .page--landing--33off .cm-row .cm-col {
    margin: 0%;
    width: 33%;
  }
}
@media (min-width: 768px) {
  .page--landing--33off .cm-row {
    padding-left: 0%;
    padding-right: 0%;
  }
}
@media (max-width: 767px) {
  .page--landing--33off .cm-row .cm-col {
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 15px;
    margin-bottom: 30px;
    border-bottom: 1px solid #ccc;
  }
  .page--landing--33off .cm-row .cm-col:last-child {
    padding-bottom: 0%;
    margin-bottom: 0%;
    border-bottom: none;
  }
  .page--landing--33off .cm-row .cm-col:nth-child(2) {
    border-right: none;
    border-left: none;
  }
}
.page--landing--33off .cm-row .cm-tag {
  background: #000;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 2px;
  padding-bottom: 2px;
  text-transform: uppercase;
}
.page--landing--33off .cm-row .cm-tag-wpress {
  color: #FFD02B;
}
.page--landing--33off .cm-row .cm-tag-grid {
  color: #f26767;
}
.page--landing--33off .cm-row .cm-tag-dv {
  color: #67a8da;
}
.page--landing--33off .cm-row .cm-tag-dvDeveloper {
  color: #29cbcf;
}
.page--landing--33off .cm-row .cm-icon {
  margin-right: 20px;
}
.page--landing--33off .cm-row .wpress-icon {
  color: #FFD02B;
}
.page--landing--33off .cm-row .grid-icon {
  color: #f26767;
}
.page--landing--33off .cm-row .dv-icon {
  color: #67a8da;
}
.page--landing--33off .cm-row .dvDeveloper-icon {
  color: #29cbcf;
}
.page--landing--33off .cm-row .btn--cm {
  margin-right: 20px;
}
.page--landing--33off .cm-row .price--mobile {
  padding-bottom: 20px;
}
@media (max-width: 1095px) {
  .page--landing--33off .cm-row .price--mobile {
    display: block;
  }
}
@media (min-width: 1096px) {
  .page--landing--33off .cm-row .price--mobile {
    display: none;
  }
}
@media (max-width: 1095px) {
  .page--landing--33off .cm-row .price--noMobile {
    display: none;
  }
}
@media (min-width: 1096px) {
  .page--landing--33off .cm-row .price--noMobile {
    display: inline;
  }
}
.page--landing--33off .cm-row .island {
  padding-left: 0px;
  padding-top: 0px;
  padding-bottom: 30px;
}
@media (min-width: 768px) {
  .page--landing--33off .cm-row .badge--pinTopRight {
    right: 20px;
  }
}
/**
 * Author: Kevin Pamaran (5.8.18)
 *
 */
.page--aws-msp .heroUnit {
  background-image: url(../_img/managedcloud/hero-md.jpg);
}
@media (min-width: 1200px) {
  .page--aws-msp .heroUnit {
    background-image: url(../_img/managedcloud/hero-lg.jpg);
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .page--aws-msp .heroUnit {
    background-image: url(../_img/managedcloud/hero-md.jpg);
  }
}
@media (max-width: 767px) {
  .page--aws-msp .heroUnit {
    background-image: url(../_img/managedcloud/hero-sm.jpg);
  }
}
@media (max-width: 480px) {
  .page--aws-msp .heroUnit {
    background-image: url(../_img/managedcloud/hero-xsm.jpg);
  }
}
@media (min-width: 768px) and (max-width: 1199px) and (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-device-pixel-ratio: 1.5) {
  .page--aws-msp .heroUnit {
    background-image: url(../_img/managedcloud/hero-lg.jpg);
  }
}
.page--aws-msp .green-triangles-desktop {
  position: absolute;
  width: 100%;
  bottom: -1px;
  height: 140px;
  background-image: url('../_img/managedcloud/green-pixels.svg');
  background-repeat: repeat-x;
  background-position: bottom;
}
@media (max-width: 767px) {
  .page--aws-msp .green-triangles-desktop {
    display: none;
  }
}
.page--aws-msp .green-triangles-mobile {
  display: none;
  position: absolute;
  bottom: -1px;
  max-height: 160px;
  max-width: 100%;
}
@media (max-width: 767px) {
  .page--aws-msp .green-triangles-mobile {
    display: block;
    max-width: 125%;
    width: 160%;
    transform: translateX(-20%);
  }
}
@media (max-width: 480px) {
  .page--aws-msp .green-triangles-mobile {
    max-width: 200%;
    width: 200%;
    transform: translateX(-50%);
  }
}
.page--aws-msp .promoUnit-body .promoText {
  max-width: 545px;
  font-weight: 300;
  left: 13%;
}
@media (max-width: 767px) {
  .page--aws-msp .c-compare-table__headers > th {
    font-size: 1.25rem;
  }
}
@media (max-width: 767px) {
  .page--aws-msp .c-compare-table__td {
    font-size: 1rem;
  }
}
.page--aws-msp .c-compare-table__td:first-child {
  width: 62.5%;
  padding-left: 40px;
}
@media (min-width: 768px) and (max-width: 1199px) {
  .page--aws-msp .c-compare-table__td:first-child {
    width: 50%;
  }
}
@media (max-width: 767px) {
  .page--aws-msp .c-compare-table__td:first-child {
    width: 70%;
    padding-left: 10px;
  }
}
.page--aws-msp .c-mt-advantages__content {
  padding: 0;
  margin-bottom: 2.5rem;
}
@media (min-width: 1096px) {
  .page--aws-msp .c-mt-advantages__content:first-child {
    padding-right: 7%;
  }
  .page--aws-msp .c-mt-advantages__content:nth-child(2) {
    padding-left: calc(3.5%);
    padding-right: calc(3.5%);
  }
  .page--aws-msp .c-mt-advantages__content:last-child {
    padding-left: 7%;
  }
}
@media (min-width: 768px) {
  .page--aws-msp .c-mt-advantages__content {
    margin-bottom: 0;
  }
  .page--aws-msp .c-mt-advantages__content:first-child {
    padding-right: 5%;
  }
  .page--aws-msp .c-mt-advantages__content:nth-child(2) {
    padding-left: calc(2.5%);
    padding-right: calc(2.5%);
  }
  .page--aws-msp .c-mt-advantages__content:last-child {
    padding-left: 5%;
  }
}
.page--aws-msp .c-mt-advantages__picture {
  margin-bottom: 1.5em;
  height: auto;
  width: 55%;
}
@media (min-width: 768px) {
  .page--aws-msp .c-mt-advantages__picture {
    width: 90%;
  }
}
.page--aws-msp .c-mt-advantages__subtitle {
  font-size: 1.125em;
}
@media (min-width: 1096px) {
  .page--aws-msp .c-mt-advantages__feature {
    font-size: 1em;
  }
}
@media (max-width: 480px) {
  .page--aws-msp .c-mt-advantages__feature {
    max-width: 80%;
    margin: 0 auto;
  }
}
.page--aws-msp .c-gonfalon-banner__text:nth-child(1) {
  font-size: 16px;
  text-transform: capitalize;
}
.page--aws-msp .c-gonfalon-banner__text:nth-child(1) > strong {
  font-weight: 500;
}
.page--aws-msp .c-gonfalon-banner__text:nth-child(2) {
  font-size: 20px;
  font-weight: 600;
}
.page--aws-msp .c-gonfalon-banner__text:nth-child(3) {
  font-size: 26px;
  font-weight: 600;
}
.page--aws-msp .c-gonfalon-banner__text:nth-child(3) > sup {
  font-size: 14px;
  top: -1em;
}
@media (max-width: 767px) {
  .page--aws-msp .c-gonfalon-banner__text:nth-child(1),
  .page--aws-msp .c-gonfalon-banner__text:nth-child(2),
  .page--aws-msp .c-gonfalon-banner__text:nth-child(3) {
    font-size: 18px;
  }
}
.page--aws-msp .c-gonfalon-banner--aws-msp .c-gonfalon-banner__cta {
  color: #333333;
  font-weight: normal;
  font-size: 14px;
  white-space: nowrap;
  display: block;
}
.page--aws-msp .c-gonfalon-banner--aws-msp .c-gonfalon-banner__cta:hover,
.page--aws-msp .c-gonfalon-banner--aws-msp .c-gonfalon-banner__cta:focus,
.page--aws-msp .c-gonfalon-banner--aws-msp .c-gonfalon-banner__cta:active,
.page--aws-msp .c-gonfalon-banner--aws-msp .c-gonfalon-banner__cta:hover > .icon {
  color: #4d4d53;
}
@media (max-width: 767px) {
  .page--aws-msp .page--aws-msp {
    overflow-x: hidden;
  }
  .page--aws-msp .page--aws-msp .u-tablet-baseSpacing {
    margin-bottom: 30px !important;
  }
}
@media (max-width: 480px) {
  .page--aws-msp .u-customer-img {
    width: 75% !important;
  }
}
@media (min-width: 1096px) {
  .page--aws-msp .promoText-blurb {
    max-width: 87%;
  }
}
@media (min-width: 1200px) {
  .page--aws-msp .promoText-blurb {
    max-width: 95%;
  }
}
/* ==========================================================================
   cdn-waf page
   /services/cdn-waf/
   ========================================================================== */
@media (min-width: 768px) {
  .page--cdn-waf .u-cdn-waf-no-pad-right {
    padding-right: 0;
  }
}
@media (min-width: 768px) {
  .page--cdn-waf .u-cdn-waf-sm-pad-left {
    padding-left: 5%;
  }
}
/**!
 * CloudTech Landing
 *
 * LESS: /_less/pages/cloudtech-landing.less
 * CSS: /_css/cloudtech-landing.css
 * PAGE: /cloudtech/
 * =========================================================================== */
/* ==========================================================================
   Cloudtech specific overrides and styles
   ========================================================================== */
.page--cloudtech .stripCallout {
  padding: 6px 20px;
  color: #1C1C1E;
  border-right: 1px solid #f6f6f6;
}
.page--cloudtech .stripCallout.stripCallout--cloudtech {
  background-color: #80abc8;
}
.page--cloudtech .table--getStarted td {
  border-left: 1px solid #ccc;
  border-top: 1px solid #ccc;
}
@media (min-width: 1200px) {
  .page--cloudtech .heroUnit-content-watermark {
    position: absolute;
    bottom: 20px;
    left: 69%;
    margin: 0 auto;
    text-align: center;
    height: 87px;
    width: 223px;
    background-image: url('/_img/cloudtech/aws-logo--white.png');
    background-repeat: no-repeat;
    background-size: contain;
  }
}
.page--cloudtech .amazonPartnerLogo {
  background-image: url('/_img/cloudtech/aws-logo.png');
  height: 122px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
@media (max-width: 767px) {
  .page--cloudtech .item .item--img {
    display: none;
  }
}
@media (max-width: 480px) {
  .page--cloudtech .item .item--img {
    display: none;
  }
}
.page--cloudtech .item .item--img img {
  width: 100%;
}
@media (min-width: 1200px) {
  .page--cloudtech .author-img {
    width: 250px;
    margin: 0 auto;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .page--cloudtech .author-img {
    width: 175px;
    margin: 0 auto;
  }
}
@media (max-width: 767px) {
  .page--cloudtech .author-img {
    width: 175px;
    margin: 0 auto;
  }
}
@media (max-width: 480px) {
  .page--cloudtech .author-img {
    width: 175px;
    margin: 0 auto;
  }
}
.page--cloudtech .author-img img {
  width: 100%;
}
.page--cloudtech .detail-img {
  min-height: 145px;
}
.page--cloudtech .table--comparison thead {
  background-color: #282B2D;
  color: #f6f6f6;
  font-size: 26px;
  font-size: 1.625rem;
}
.page--cloudtech .table--comparison thead th {
  position: relative;
  padding: 0px;
  font-weight: normal;
}
.page--cloudtech .table--comparison thead th div {
  padding-top: 30px;
  padding-left: 25px;
  padding-bottom: 30px;
  padding-right: 25px;
}
.page--cloudtech .table--comparison thead th div small {
  font-size: 14px;
  font-size: 0.875rem;
}
.page--cloudtech .table--comparison thead th .includes-hosting {
  position: absolute;
  right: 30px;
  width: 66px;
  height: 57px;
  padding: 0px;
}
.page--cloudtech .table--comparison thead th .includes-hosting img {
  width: 100%;
}
.page--cloudtech .table--comparison tbody .icon {
  color: #48e0a4;
}
.page--cloudtech .table--comparison tbody .icon--inactive {
  color: #f26767;
}
.page--cloudtech .table--comparison tbody .lush-check-sign {
  font-size: 26px;
  font-size: 1.625rem;
}
.page--cloudtech .table--comparison tbody tr td {
  border-right: 1px solid #e6e6e6;
}
.page--cloudtech .table--comparison tbody tr td:first-child {
  padding: 25px;
}
.page--cloudtech .table--comparison tbody tr td:first-child b {
  color: #282B2D;
}
.page--cloudtech .table--comparison tbody tr td:last-child {
  border-right: none;
}
@media (max-width: 767px) {
  .page--cloudtech .table--comparison--large {
    display: none;
  }
}
@media (max-width: 480px) {
  .page--cloudtech .table--comparison--large {
    display: none;
  }
}
.page--cloudtech .table--comparison--large .table--striped tbody > tr:nth-child(even) > td,
.page--cloudtech .table--comparison--large .table--striped tbody > tr:nth-child(even) > th {
  background: #ededed;
}
@media (min-width: 1200px) {
  .page--cloudtech .table--comparison--small {
    display: none;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .page--cloudtech .table--comparison--small {
    display: none;
  }
}
.page--cloudtech .table--comparison--small .planOption .planOption-price {
  border: none;
  padding-bottom: 0px;
}
.page--cloudtech .table--comparison--small .planOption .planOption-price .u-pullRight {
  font-size: 16px;
  font-size: 1rem;
  margin-top: 10px;
  text-transform: uppercase;
}
.page--cloudtech td {
  vertical-align: inherit;
}
/* ==========================================================================
   Cloudtech Consulting specific overrides and styles
   ========================================================================== */
.page--cloudtechConsulting .features-header {
  text-transform: initial;
}
.page--cloudtechConsulting .heroUnit-content-text .btn {
  float: right;
  position: relative;
  left: -48px;
}
.page--cloudtechConsulting .overview--icon {
  font-size: 30px;
}
.page--cloudtechConsulting .textInput {
  background-color: #f4f4f4;
  border: none;
}
.page--cloudtechConsulting select.textInput.span12.ct-select {
  margin-top: 20px;
  margin-bottom: 20px;
  height: 53px;
}
.page--cloudtechConsulting .select--boxes {
  margin-top: 20px;
}
.page--cloudtechConsulting .grid-col .grid,
.page--cloudtechConsulting .grid-col .grid-row {
  margin-left: -0.16665%;
  margin-right: -0.83335%;
}
/* ==========================================================================
   Cloudtech AWS
   ========================================================================== */
.page--hankHill {
  display: none;
}
.page--cloudtechAWS .hr {
  border-color: #ccc;
}
.page--cloudtechAWS .u-colorBlue {
  color: #2d4772;
}
.page--cloudtechAWS .radioBox {
  width: 100%;
}
.page--cloudtechAWS .radioBox .radioBox-input:checked + label {
  color: #fff;
  background-color: #2d4772;
}
.page--cloudtechAWS .radioBox .radioBox-input:checked + label strong {
  color: #fff;
}
.page--cloudtechAWS .radioBox .radioBox-label {
  width: 100%;
  padding: 15px 0px 15px 50px;
}
.page--cloudtechAWS .btn--ctechAws {
  background-color: #80abc8;
  color: #f4f4f4;
  border-color: #80abc8;
}
.page--cloudtechAWS .btn--ctechAws:hover,
.page--cloudtechAWS .btn--ctechAws:focus,
.page--cloudtechAWS .btn--ctechAws:active {
  background-color: #99bbd3;
  border-color: #79a6c5;
  color: #f4f4f4;
}
.page--cloudtechAWS .table--planDetails {
  border: 1px solid #cccccc;
}
.page--cloudtechAWS .table--planDetails thead th {
  background-color: #282B2D;
}
.page--cloudtechAWS .table--planDetails thead th * {
  color: #fff;
}
.page--cloudtechAWS .table--planDetails td,
.page--cloudtechAWS .table--planDetails th {
  padding: 25px;
  padding: 1.5625rem;
}
.page--cloudtechAWS .table--planDetails .table-subhead {
  color: #000;
  padding: 10px 25px;
  padding: 0.625rem 25px;
  padding: 10px 1.5625rem;
  padding: 0.625rem 1.5625rem;
}
.page--cloudtechAWS .table--planDetails tbody > tr:nth-child(odd) > td {
  background: #f6f6f6;
}
.page--cloudtechAWS .table--planDetails tbody > tr:nth-child(even) > td {
  background: #ededed;
}
/**!
 * CloudTech On-demand
 *
 * LESS: /_less/pages/cloudtech-on-demand.less
 * CSS: /_css/cloudtech-on-demand.css
 * PAGE: /cloudtech/on-demand/
 * =========================================================================== */
/* ==========================================================================
   Cloudtech specific overrides and styles
   ========================================================================== */
.page--onDemand {
  /**
     * Get started module at the bottom of page
     */
  /**
     * Tabs
     */
  /**
      * accordion content
      */
}
.page--onDemand .heroUnit-credits--awsLogo {
  background-image: url('/_img/cloudtech/on-demand/amazon-partner.png');
  background-repeat: no-repeat;
  background-size: contain;
  width: 259px;
  height: 105px;
}
.page--onDemand .subNav .nav .nav-item--small {
  font-size: 11px;
  margin-right: 30px;
}
.page--onDemand .getStarted {
  overflow: hidden;
}
.page--onDemand .getStarted a {
  color: #fff;
  letter-spacing: 1px;
}
.page--onDemand .getStarted .icon-angleDown:before {
  display: block;
  transform: rotate(90deg);
  margin-top: 10px;
}
.page--onDemand .prodServices hr {
  border-color: #e0e0e0;
}
.page--onDemand .on-demand--service {
  margin-bottom: 60px;
}
.page--onDemand .on-demand--service .service--header {
  float: left;
  display: block;
  width: 100%;
  height: 1px;
  background-color: #e0e0e0;
  margin: 0px 0px 60px 0px;
  text-align: center;
}
.page--onDemand .on-demand--service .service--header img {
  width: 75px;
  height: 75px;
  margin-top: -40px;
  padding: 15px;
  background-color: #fff;
  display: inline-block;
}
.page--onDemand .on-demand--service .service--details {
  text-align: center;
  margin-bottom: 30px;
}
.page--onDemand .on-demand--service .service--details .h4 {
  margin-bottom: 10px;
}
.page--onDemand .getStarted {
  margin-top: 30px;
  margin-top: 1.875rem;
}
.page--onDemand .getStarted .btn {
  margin-bottom: 20px;
  margin-bottom: 1.25rem;
}
.page--onDemand .tabs {
  max-width: 300px;
  margin: 0;
  margin-top: 90px;
  margin-top: 5.625rem;
}
.page--onDemand .tabs a {
  background-color: #cccccc;
  color: #000;
  padding-top: 20px;
  padding-top: 1.25rem;
  padding-bottom: 20px;
  padding-bottom: 1.25rem;
}
.page--onDemand .tabs a.isActive {
  background-color: #1C1C1E;
  color: #fff;
}
@media (max-width: 767px) {
  .page--onDemand .tabs {
    margin: 0 auto;
  }
}
.page--onDemand .tabContent-tab {
  display: block;
}
.page--onDemand .tab--isClosed {
  display: none;
}
.page--onDemand .accordion {
  margin-bottom: 50px;
}
.page--onDemand .service {
  border-left: 2px solid #282B2D;
  font-size: 14px;
  padding-left: 15px;
  max-width: 900px;
  color: #ededed;
  margin-bottom: 95px;
  margin-bottom: 5.9375rem;
  margin-left: 40px;
  margin-left: 2.5rem;
}
.page--onDemand .service:first-child {
  margin-top: 35px;
  margin-top: 2.1875rem;
}
.page--onDemand .service-title {
  display: block;
  padding-bottom: 2px;
}
.page--onDemand .overview-1 {
  margin-bottom: 50px;
}
.page--onDemand .overview-1 img {
  position: relative;
  top: 20px;
  width: 64%;
  height: auto;
}
.page--onDemand .overview-2 {
  margin-bottom: 50px;
}
.page--onDemand .overview-2 img {
  position: relative;
  top: 45px;
  width: 80%;
  height: auto;
}
.page--onDemand .overview-3 {
  margin-bottom: 50px;
}
.page--onDemand .overview-3 img {
  position: relative;
  top: 30px;
  width: 52%;
}
.page--onDemand .feature-title-2 {
  position: relative;
  top: 38px;
}
.page--onDemand .feature-title-3 {
  position: relative;
  top: 11px;
}
.page--onDemand .results-graph {
  width: 104%;
  height: auto;
  position: relative;
  top: 6px;
}
.page--onDemand .ao-feature {
  margin-bottom: 60px;
}
.page--onDemand .ao-feature-1 img {
  position: relative;
  top: -5px;
}
.page--onDemand .ao-feature-2 img {
  position: relative;
  top: 6px;
}
.page--onDemand .ao-feature-3 img {
  position: relative;
  top: 6px;
}
.page--onDemand .ao-feature-4 img {
  position: relative;
  top: 5px;
}
.page--onDemand .ao-feature-5 img {
  position: relative;
  top: 13px;
}
.page--onDemand .ao-feature-6 img {
  position: relative;
  top: -37px;
}
.page--onDemand .measurement {
  font-size: 4rem;
  margin-bottom: 1.25rem;
  line-height: 1;
}
.page--onDemand .measurement sub {
  font-size: 18px;
  font-size: 1.125rem;
  bottom: 0;
}
.page--onDemand svg {
  width: 280px;
  height: 280px;
  display: block;
}
.page--onDemand .graph-label {
  position: absolute;
  text-align: center;
  top: 53px;
  line-height: 1.2;
  width: 100%;
}
.page--onDemand .graph-label span {
  font-size: 110px;
  font-size: 6.875rem;
}
.page--onDemand .graph-wrapper {
  position: relative;
  margin: 0 auto;
}
.page--onDemand .results-wrapper {
  margin-top: 100px;
}
.page--onDemand .module--cloudtech-report--app .error.js-active {
  filter: alpha(opacity=1);
  opacity: 1;
  min-height: 165px;
}
/**!
 * CloudTech Security
 *
 * LESS: /_less/pages/cloudtech-security.less
 * CSS: /_css/cloudtech-security.css
 * PAGE: /cloudtech/security
 * =========================================================================== */
/* ==========================================================================
   Cloudtech specific overrides and styles
   ========================================================================== */
@media (min-width: 1200px) {
  .ct-castle {
    position: relative;
    top: -206px;
    top: -12.875rem;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .ct-castle {
    position: relative;
    top: -206px;
    top: -12.875rem;
  }
}
@media (max-width: 767px) {
  .ct-castle {
    display: none;
  }
}
.page--cloudtechSecurity .heroUnit-subtitle {
  width: 600px;
  width: 37.5rem;
}
.page--cloudtechSecurity h3 {
  position: relative;
  left: 6px;
  left: 0.375rem;
}
.page--cloudtechSecurity .notACustomer--text {
  position: relative;
  left: 14px;
  left: 0.875rem;
}
.page--cloudtechSecurity .touchTable {
  overflow-x: auto;
  display: block;
}
/**!
 * CloudTech on Demand Landing Page
 *
 * LESS: /_less/pages/ctondemand-landing.less
 * CSS: /_css/ctondemand-landing.css
 * PAGE: /landing/ctondemand
 * =========================================================================== */
/* ==========================================================================
   Cloudtech on-demand landing page specific overrides and styles
   ========================================================================== */
.page--ctondemand-landing .heroUnit-content-text {
  margin-bottom: 75px;
}
@media (min-width: 768px) and (max-width: 1095px) {
  .page--ctondemand-landing .heroUnit-content-text {
    max-width: 80%;
  }
}
.page--ctondemand-landing .heroUnit-title {
  width: 100%;
  max-width: 100%;
  margin-bottom: 15px;
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 1.4;
  letter-spacing: 0;
}
.page--ctondemand-landing .heroUnit-subtitle-text {
  width: 100%;
  padding: 15px 20px;
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 1.4;
}
.page--ctondemand-landing .ctondemand-services {
  padding: 55px 0 20px;
}
@media (min-width: 768px) {
  .page--ctondemand-landing .ctondemand-services {
    padding: 80px 0 10px;
  }
}
@media (min-width: 1096px) {
  .page--ctondemand-landing .ctondemand-services {
    padding: 80px 0 45px;
  }
}
.page--ctondemand-landing .promotion-description {
  line-height: 1.8;
  text-align: center;
}
@media (min-width: 768px) {
  .page--ctondemand-landing .promotion-description {
    margin-bottom: 40px;
    font-size: 16px;
    font-size: 1rem;
  }
}
.page--ctondemand-landing .cm-row {
  border: 1px solid #c1c1c1;
  padding: 30px;
  margin-bottom: 45px;
}
@media (min-width: 1096px) {
  .page--ctondemand-landing .cm-row {
    padding-left: 0;
    padding-right: 0;
  }
}
@media (min-width: 768px) {
  .page--ctondemand-landing .cm-row {
    margin-bottom: 75px;
  }
}
@media (min-width: 1096px) {
  .page--ctondemand-landing .cm-row--area-1 .cm-product-features {
    height: 112px;
  }
}
@media (min-width: 1096px) {
  .page--ctondemand-landing .cm-row--area-2 .cm-product-features {
    height: 80px;
  }
}
@media (min-width: 1096px) {
  .page--ctondemand-landing .cm-row--area-3 .cm-product-features {
    height: 56px;
  }
}
.page--ctondemand-landing .cm-col {
  max-width: 100%;
  width: 100%;
  padding: 0 0 40px;
  margin-bottom: 40px;
}
@media (min-width: 1096px) {
  .page--ctondemand-landing .cm-col {
    padding: 0 0 10px;
    margin: 0;
    border-right: 1px solid #ccc;
  }
  .page--ctondemand-landing .cm-col:last-child {
    border-right: none;
  }
}
@media (max-width: 1095px) {
  .page--ctondemand-landing .cm-col {
    border-bottom: 1px solid #ccc;
  }
  .page--ctondemand-landing .cm-col:last-child {
    padding-bottom: 10px;
    margin-bottom: 0;
    border-bottom: none;
  }
}
@media (min-width: 768px) and (max-width: 1095px) {
  .page--ctondemand-landing .cm-col {
    display: flex;
    align-items: flex-end;
  }
}
@media (min-width: 1096px) {
  .page--ctondemand-landing .cm-col-lg4 {
    width: 33%;
  }
}
@media (min-width: 1096px) {
  .page--ctondemand-landing .cm-col-lg6 {
    width: 50%;
  }
}
@media (min-width: 1096px) {
  .page--ctondemand-landing .cm-col-section {
    padding: 0 40px;
  }
}
@media (min-width: 768px) and (max-width: 1095px) {
  .page--ctondemand-landing .cm-col-section {
    display: inline-block;
    width: 48.333%;
  }
  .page--ctondemand-landing .cm-col-section:first-child {
    padding-right: 40px;
  }
  .page--ctondemand-landing .cm-col-section:last-child {
    padding-left: 40px;
    border-left: 1px solid #e1e1e1;
  }
}
.page--ctondemand-landing .cm-product-title {
  letter-spacing: 0;
  font-size: 20px;
  font-size: 1.25rem;
  font-weight: 600;
  margin-bottom: 0.875rem;
}
.page--ctondemand-landing .cm-product-description {
  margin-bottom: 0.875rem;
}
@media (min-width: 1096px) {
  .page--ctondemand-landing .cm-product-features {
    margin-bottom: 45px;
  }
}
@media (min-width: 768px) and (max-width: 1095px) {
  .page--ctondemand-landing .cm-product-features {
    margin-bottom: 0;
  }
}
.page--ctondemand-landing .cm-product-features > li {
  margin-bottom: 8px;
}
.page--ctondemand-landing .cm-product-availability {
  margin-bottom: 0.875rem;
}
.page--ctondemand-landing .available-text {
  display: block;
  color: #80abc8;
}
.page--ctondemand-landing .cm-cart-row {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
@media (min-width: 1096px) {
  .page--ctondemand-landing .cm-cart-row {
    justify-content: flex-start;
  }
}
.page--ctondemand-landing .cm-cart-row .btn--cloudTech {
  margin-right: 40px;
}
@media (min-width: 1096px) {
  .page--ctondemand-landing .desktop-center6 {
    display: block;
    width: 50%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media (min-width: 1096px) {
  .page--ctondemand-landing .desktop-span6 {
    float: left;
    clear: none;
    width: 48.333%;
  }
}
.page--ctondemand-landing .desktop-span6:nth-child(4) {
  padding-right: 15px;
}
.page--ctondemand-landing .desktop-span6:nth-child(5) {
  padding-left: 15px;
}
@media (min-width: 768px) {
  .page--ctondemand-landing .grid-col:nth-last-of-type(2) .cm-row {
    margin-bottom: 45px;
  }
}
.page--ctondemand-landing .disclaimer {
  font-size: 12px;
}
.page--custom-hosting .heroUnit {
  max-height: 460px;
  position: relative;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-transition: height 400ms linear;
  -moz-transition: height 400ms linear;
  -o-transition: height 400ms linear;
  -ms-transition: height 400ms linear;
  transition: height 400ms linear;
}
@media (max-width: 767px) {
  .page--custom-hosting .heroUnit {
    max-height: 250px;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .page--custom-hosting .heroUnit {
    max-height: 375px;
  }
}
@media (min-width: 1500px) {
  .page--custom-hosting .heroUnit {
    max-height: 500px;
  }
}
@media (min-width: 1900px) {
  .page--custom-hosting .heroUnit {
    max-height: 700px;
  }
}
.page--dv .grid-col .plans-CustomHosting,
.page--dvDeveloper .grid-col .plans-CustomHosting {
  padding-top: 30px;
  padding-left: 30px;
}
.page--dvDeveloper .module--customize-vps {
  /*
.table {
	        .margin-bottom(50px);
        }
*/
}
.page--dvDeveloper .module--customize-vps .annual-flag {
  background-color: #f0fcfc;
}
.page--dvDeveloper .module--customize-vps .option-label:hover {
  background-color: #f9fefe;
}
.page--dvDeveloper .module--customize-vps .option-label.active {
  background-color: #f0fcfc;
}
.page--dvDeveloper .module--customize-vps .value-prop strong {
  background-color: #29cbcf;
}
.page--dvDeveloper .module--customize-vps .icon--circleAngleRight {
  color: #29cbcf;
}
.page--dvDeveloper .module--customize-vps .table--colStriped td.active,
.page--dvDeveloper .module--customize-vps .table--colStriped th.active {
  background-color: #f9fefe;
}
.page--dvDeveloper .module--customize-vps .table--colStriped td.active .special-select,
.page--dvDeveloper .module--customize-vps .table--colStriped th.active .special-select {
  border-color: #29cbcf;
}
.page--dvDeveloper .module--customize-vps .carousel-col.active {
  background-color: #f0fcfc;
}
.page--dvDeveloper .module--customize-vps .custom a.isHovered {
  color: #29cbcf;
}
.page--dvDeveloper .module--customize-vps .plans-table--withPanel.level-1 .table--colStriped td:nth-child(2),
.page--dvDeveloper .module--customize-vps .plans-table--withPanel.level-1 .table--colStriped th:nth-child(2) {
  background-color: #f0fcfc;
}
.page--dvDeveloper .module--customize-vps .plans-table--withPanel.level-1 .table--colStriped td:nth-child(2) .special-select,
.page--dvDeveloper .module--customize-vps .plans-table--withPanel.level-1 .table--colStriped th:nth-child(2) .special-select {
  background-color: #1C1C1E;
  border-color: #1C1C1E;
}
.page--dvDeveloper .module--customize-vps .plans-table--withPanel.level-1 .table--colStriped td:nth-child(2) .special-select i,
.page--dvDeveloper .module--customize-vps .plans-table--withPanel.level-1 .table--colStriped th:nth-child(2) .special-select i {
  visibility: visible;
  color: #ffffff;
}
.page--dvDeveloper .module--customize-vps .plans-table--withPanel.level-2 .table--colStriped td:nth-child(3),
.page--dvDeveloper .module--customize-vps .plans-table--withPanel.level-2 .table--colStriped th:nth-child(3) {
  background-color: #f0fcfc;
}
.page--dvDeveloper .module--customize-vps .plans-table--withPanel.level-2 .table--colStriped td:nth-child(3) .special-select,
.page--dvDeveloper .module--customize-vps .plans-table--withPanel.level-2 .table--colStriped th:nth-child(3) .special-select {
  background-color: #1C1C1E;
  border-color: #1C1C1E;
}
.page--dvDeveloper .module--customize-vps .plans-table--withPanel.level-2 .table--colStriped td:nth-child(3) .special-select i,
.page--dvDeveloper .module--customize-vps .plans-table--withPanel.level-2 .table--colStriped th:nth-child(3) .special-select i {
  visibility: visible;
  color: #ffffff;
}
.page--dvDeveloper .module--customize-vps .plans-table--withPanel.level-3 .table--colStriped td:nth-child(4),
.page--dvDeveloper .module--customize-vps .plans-table--withPanel.level-3 .table--colStriped th:nth-child(4) {
  background-color: #f0fcfc;
}
.page--dvDeveloper .module--customize-vps .plans-table--withPanel.level-3 .table--colStriped td:nth-child(4) .special-select,
.page--dvDeveloper .module--customize-vps .plans-table--withPanel.level-3 .table--colStriped th:nth-child(4) .special-select {
  background-color: #1C1C1E;
  border-color: #1C1C1E;
}
.page--dvDeveloper .module--customize-vps .plans-table--withPanel.level-3 .table--colStriped td:nth-child(4) .special-select i,
.page--dvDeveloper .module--customize-vps .plans-table--withPanel.level-3 .table--colStriped th:nth-child(4) .special-select i {
  visibility: visible;
  color: #ffffff;
}
.page--dvDeveloper .module--customize-vps .plans-table--withPanel.level-4 .table--colStriped td:nth-child(5),
.page--dvDeveloper .module--customize-vps .plans-table--withPanel.level-4 .table--colStriped th:nth-child(5) {
  background-color: #f0fcfc;
}
.page--dvDeveloper .module--customize-vps .plans-table--withPanel.level-4 .table--colStriped td:nth-child(5) .special-select,
.page--dvDeveloper .module--customize-vps .plans-table--withPanel.level-4 .table--colStriped th:nth-child(5) .special-select {
  background-color: #1C1C1E;
  border-color: #1C1C1E;
}
.page--dvDeveloper .module--customize-vps .plans-table--withPanel.level-4 .table--colStriped td:nth-child(5) .special-select i,
.page--dvDeveloper .module--customize-vps .plans-table--withPanel.level-4 .table--colStriped th:nth-child(5) .special-select i {
  visibility: visible;
  color: #ffffff;
}
.page--dvDeveloper .module--customize-vps .plans-table--withPanel.level-5 .table--colStriped td:nth-child(6),
.page--dvDeveloper .module--customize-vps .plans-table--withPanel.level-5 .table--colStriped th:nth-child(6) {
  background-color: #f0fcfc;
}
.page--dvDeveloper .module--customize-vps .plans-table--withPanel.level-5 .table--colStriped td:nth-child(6) .special-select,
.page--dvDeveloper .module--customize-vps .plans-table--withPanel.level-5 .table--colStriped th:nth-child(6) .special-select {
  background-color: #1C1C1E;
  border-color: #1C1C1E;
}
.page--dvDeveloper .module--customize-vps .plans-table--withPanel.level-5 .table--colStriped td:nth-child(6) .special-select i,
.page--dvDeveloper .module--customize-vps .plans-table--withPanel.level-5 .table--colStriped th:nth-child(6) .special-select i {
  visibility: visible;
  color: #ffffff;
}
.page--dvDeveloper .module--customize-vps .plans-table--withPanel.level-6 .table--colStriped td:nth-child(7),
.page--dvDeveloper .module--customize-vps .plans-table--withPanel.level-6 .table--colStriped th:nth-child(7) {
  background-color: #f0fcfc;
}
.page--dvDeveloper .module--customize-vps .plans-table--withPanel.level-6 .table--colStriped td:nth-child(7) .special-select,
.page--dvDeveloper .module--customize-vps .plans-table--withPanel.level-6 .table--colStriped th:nth-child(7) .special-select {
  background-color: #1C1C1E;
  border-color: #1C1C1E;
}
.page--dvDeveloper .module--customize-vps .plans-table--withPanel.level-6 .table--colStriped td:nth-child(7) .special-select i,
.page--dvDeveloper .module--customize-vps .plans-table--withPanel.level-6 .table--colStriped th:nth-child(7) .special-select i {
  visibility: visible;
  color: #ffffff;
}
.page--dvDeveloper .cta--managed {
  position: relative;
  top: -30px;
  color: #000;
}
.page--dvDeveloper .icon--circleAngleRight {
  color: #29cbcf;
}
/* ==========================================================================
   Cyber Monday Landing
   /landing/cybermonday/
   ========================================================================== */
.page--landing--cyberMonday .grid {
  padding-right: 15px;
  padding-left: 15px;
}
.page--landing--cyberMonday .heroUnit {
  max-height: 400px;
  background-image: url(../_img/landing/cybermonday/hero-md.jpg);
}
@media (min-width: 1200px) {
  .page--landing--cyberMonday .heroUnit {
    background-image: url(../_img/landing/cybermonday/hero-lg.jpg);
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .page--landing--cyberMonday .heroUnit {
    background-image: url(../_img/landing/cybermonday/hero-md.jpg);
  }
}
@media (max-width: 767px) {
  .page--landing--cyberMonday .heroUnit {
    background-image: url(../_img/landing/cybermonday/hero-sm.jpg);
  }
}
@media (max-width: 480px) {
  .page--landing--cyberMonday .heroUnit {
    background-image: url(../_img/landing/cybermonday/hero-xsm.jpg);
  }
}
@media (min-width: 1900px) {
  .page--landing--cyberMonday .heroUnit {
    background-image: url(../_img/landing/cybermonday/hero-lg.jpg);
  }
}
@media (min-width: 1200px) and (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-device-pixel-ratio: 1.5) {
  .page--landing--cyberMonday .heroUnit {
    background-image: url(../_img/landing/cybermonday/hero-lg.jpg);
  }
}
@media (min-width: 768px) and (max-width: 1199px) and (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-device-pixel-ratio: 1.5) {
  .page--landing--cyberMonday .heroUnit {
    background-image: url(../_img/landing/cybermonday/hero-lg.jpg);
  }
}
.page--landing--cyberMonday .heroUnit-content-text {
  bottom: 55px;
}
@media (min-width: 768px) {
  .page--landing--cyberMonday .heroUnit-content-text {
    bottom: 95px;
  }
}
.page--landing--cyberMonday .heroUnit-title,
.page--landing--cyberMonday .heroUnit-subtitle-text {
  font-size: 18px;
  line-height: 1.4;
}
@media (min-width: 768px) {
  .page--landing--cyberMonday .heroUnit-title,
  .page--landing--cyberMonday .heroUnit-subtitle-text {
    font-size: 26px;
    letter-spacing: 1px;
  }
}
.page--landing--cyberMonday .heroUnit-title {
  font-weight: 300;
}
@media (max-width: 767px) {
  .page--landing--cyberMonday .heroUnit-title {
    max-width: 100%;
    margin-bottom: 40px;
  }
}
@media (min-width: 768px) {
  .page--landing--cyberMonday .heroUnit-title {
    padding: 10px 15px;
  }
}
.page--landing--cyberMonday .heroUnit-subtitle-text {
  padding: 15px 15px 20px;
}
@media (min-width: 768px) {
  .page--landing--cyberMonday .heroUnit-subtitle-text {
    padding: 15px;
  }
}
.page--landing--cyberMonday .heroUnit .btn {
  font-size: 16px;
  font-weight: 400;
}
.page--landing--cyberMonday .hostingPlans {
  padding-bottom: 0;
}
@media (min-width: 768px) {
  .page--landing--cyberMonday .hostingPlans {
    padding-bottom: 25px;
  }
}
@media (min-width: 1096px) {
  .page--landing--cyberMonday .hostingPlans {
    padding-bottom: 70px;
  }
}
.page--landing--cyberMonday .badge {
  top: 20px;
  right: -5px;
  transform: scale(1.1);
}
@media (min-width: 768px) {
  .page--landing--cyberMonday .badge {
    display: inline-block;
    position: relative;
    top: 10px;
    right: -15px;
  }
}
.page--landing--cyberMonday .badge-text {
  font-size: 13px;
  font-style: italic;
  font-weight: 600;
}
.page--landing--cyberMonday .btn--cm {
  margin-right: 20px;
  font-size: 16px;
}
@media (max-width: 380px) {
  .page--landing--cyberMonday .btn--cm {
    margin-right: 10px;
  }
}
@media (max-width: 350px) {
  .page--landing--cyberMonday .btn--cm {
    margin-right: 5px;
  }
}
.page--landing--cyberMonday .btn--cm.is-disabled {
  border-color: #ccc;
  background-color: gray;
}
.page--landing--cyberMonday .cta {
  font-size: 16px;
}
.page--landing--cyberMonday .cta .icon {
  line-height: 1;
}
@media (min-width: 768px) {
  .page--landing--cyberMonday .cta .icon {
    font-size: 20px;
  }
}
.page--landing--cyberMonday .listFiller {
  height: 26px;
  display: none;
}
@media (min-width: 768px) {
  .page--landing--cyberMonday .listFiller {
    display: block;
  }
}
.page--landing--cyberMonday .legal-text {
  padding-left: 20px;
  margin-bottom: 20px;
  font-size: 14px;
  font-weight: 300;
}
.page--landing--cyberMonday .promoText-title {
  font-weight: 300;
}
.page--landing--cyberMonday .promoText-body {
  font-weight: 300;
}
.page--landing--cyberMonday .checkList--pushBottom {
  margin-bottom: 5px;
}
.page--landing--cyberMonday .checkList-item {
  min-width: 115px;
  margin-right: 10px;
  margin-bottom: 15px;
  font-weight: 300;
}
@media (min-width: 768px) {
  .page--landing--cyberMonday .checkList-item {
    min-width: 125px;
  }
}
@media (min-width: 1096px) {
  .page--landing--cyberMonday .checkList-item {
    margin-bottom: 5px;
  }
}
.page--landing--cyberMonday .radioInput {
  top: 5px;
  margin-right: 5px;
}
.page--landing--cyberMonday .radioInput:checked {
  border-color: #d2d2d2;
}
.page--landing--cyberMonday .radioInput:checked::after {
  top: 2px;
  left: 2px;
  height: 14px;
  width: 14px;
  background-color: #8b8b8b;
}
/* ==========================================================================
   Cyber Monday Landing 2017
   /landing/cybersale2017/
   ========================================================================== */
.page--landing-cybersale2017 .u-cyber-svg-icon {
  width: 18px !important;
  height: 17px !important;
  margin-right: 6px !important;
}
.page--landing-cybersale2017 .u-cyber-badge {
  position: static !important;
}
@media (min-width: 768px) {
  .page--landing-cybersale2017 .u-cyber-badge {
    position: absolute !important;
  }
}
.page--landing-cybersale2017 .u-cyber-legal-info {
  font-weight: lighter !important;
}
.page--landing-cybersale2017 .u-cyber-legal-text {
  margin-bottom: 0.5em !important;
}
@media (min-width: 768px) {
  .page--landing-cybersale2017 .u-cyber-heroUnit-content-text {
    max-width: 52%;
  }
}
@media (max-width: 767px) {
  .page--landing-cybersale2017 .u-cyber-heroUnit-title {
    max-width: inherit;
  }
}
.page--landing-cybersale2017 .u-cyber-title-break {
  display: block;
}
@media (max-width: 767px) {
  .page--landing-cybersale2017 .u-cyber-title-break {
    display: inline;
  }
}
.page--landing-cybersale2017 .u-cyber-paragraph-orphan {
  padding-right: 2.2em;
}
/**!
 * domains.less
 *
 * Domain page specific modules and styles
 * =========================================================================== */
/* ==========================================================================
   Domain specific overrides and styles
   ========================================================================== */
.page--domains {
  background-color: #282B2D;
}
.page--domains .domainResultsWrapper {
  padding: 30px 0px;
  padding: 1.875rem 0px;
  padding: 30px 0rem;
  padding: 1.875rem 0rem;
  margin-bottom: 135px;
  margin-bottom: 8.4375rem;
  text-align: center;
}
.page--domains .domainSearchContent {
  margin-top: 20px;
  margin-top: 1.25rem;
}
@media (max-width: 767px) {
  .page--domains .domainSearchContent {
    display: none;
  }
}
.page--domains .availableTLDs {
  font-size: 18px;
  font-size: 1.125rem;
}
.page--domains .about {
  font-size: 13px;
  font-size: 0.8125rem;
}
.page--domains .domainResultList {
  text-align: left;
}
.page--domains .searchedDomain {
  margin-top: 20px;
  margin-top: 1.25rem;
  margin-bottom: 20px;
  margin-bottom: 1.25rem;
  font-size: 26px;
  font-size: 1.625rem;
}
.page--domains .resultsDomain {
  font-weight: bold;
}
.page--domains .domainResultList {
  display: inline-block;
}
.page--domains .domainStatusIcon {
  width: 58px;
  height: 46px;
}
.page--domains .domainStatusIcon.lush-check-sign {
  color: #48e0a4;
}
.page--domains .domainStatusIcon.lush-close {
  color: #dc1e16;
}
.page--domains .domainStatusIcon--large {
  font-size: 40px;
  font-size: 2.5rem;
}
.page--domains .findaDomain--results {
  text-align: center;
}
.page--domains .domainResult {
  padding: 10px 60px;
  padding: 0.625rem 60px;
  padding: 10px 3.75rem;
  padding: 0.625rem 3.75rem;
  border-bottom: 1px solid #999999;
}
.page--domains .domainResult:first-of-type {
  border-top: 1px solid #999999;
}
.page--domains .domainResult label {
  display: inline;
}
.page--domains .domainResult .domainRadio,
.page--domains .domainResult .domainStatusIcon {
  margin-right: 10px;
  margin-right: 0.625rem;
}
.page--domains .findaDomain {
  overflow: hidden;
  padding-top: 60px;
  padding-top: 3.75rem;
  padding-bottom: 60px;
  padding-bottom: 3.75rem;
}
@media (max-width: 1224px) {
  .page--domains .findaDomain {
    padding-top: 70px;
    padding-top: 4.375rem;
    padding-bottom: 70px;
    padding-bottom: 4.375rem;
  }
}
.page--domains .findaDomain .domainSearchBox {
  float: none;
  width: 100%;
  max-width: 900px;
  position: relative;
  top: -8px;
}
.page--domains .findaDomain .domainSearchBox .icon--search--alt {
  position: relative;
  top: 10px;
}
@media (min-width: 1200px) {
  .page--domains .findaDomain .domainSearchBox {
    float: none;
    clear: both;
    top: 0;
    max-width: 100%;
    padding-top: 20px;
  }
  .page--domains .findaDomain .domainSearchBox .domainSearch-submit .icon {
    font-size: 34px;
    top: 2px;
  }
}
@media (max-width: 767px) {
  .page--domains .findaDomain .domainSearchBox .icon--search--alt {
    display: none;
  }
  .page--domains .findaDomain .domainSearchBox .domainSearch-input {
    margin: 0;
  }
}
@media (min-width: 768px) {
  .page--domains .findaDomain .domainSearch__submit {
    font-size: 1.125rem;
    padding: 0.5rem 3rem;
  }
}
.page--domains .findaDomain .domainSearch__submit-desktop {
  display: none;
}
@media (min-width: 768px) {
  .page--domains .findaDomain .domainSearch__submit-desktop {
    display: block;
  }
}
.page--domains .findaDomain .domainSearch__submit-mobile {
  display: block;
}
@media (min-width: 768px) {
  .page--domains .findaDomain .domainSearch__submit-mobile {
    display: none;
  }
}
.page--domains .findaDomain .domainSearch__icon {
  position: relative;
  top: -0.1em;
  left: -0.2em;
}
.page--domains .findaDomain .domainSearch-form {
  display: flex;
}
.page--domains .findaDomain .domainSearch-input {
  flex: 1;
  color: #1C1C1E;
  background-color: #fff;
  border: 1px solid #b3b3b3;
  margin: 0 .5em 0 0;
  -webkit-transition: all .2s ease-in;
  -moz-transition: all .2s ease-in;
  -o-transition: all .2s ease-in;
  -ms-transition: all .2s ease-in;
  transition: all .2s ease-in;
  letter-spacing: 1px;
  letter-spacing: 0.0625rem;
}
.page--domains .findaDomain .domainSearch-input:focus {
  border: 1px solid #808080;
}
.page--domains .overview-1 img {
  margin-bottom: 20px;
}
.page--domains .overview-2 img {
  margin-bottom: 20px;
}
.page--domains .overview {
  overflow: hidden;
  padding-top: 60px;
  padding-top: 3.75rem;
  padding-bottom: 60px;
  padding-bottom: 3.75rem;
}
.page--domains .privacy {
  overflow: hidden;
  padding-top: 60px;
  padding-top: 3.75rem;
  padding-bottom: 60px;
  padding-bottom: 3.75rem;
}
.page--domains .privacy-logo {
  position: relative;
  top: -50px;
  left: 185px;
  width: 45%;
  height: auto;
}
@media (max-width: 767px) {
  .page--domains .privacy-logo {
    position: static;
    width: 100%;
    height: 17em;
  }
}
.page--domains .pricing {
  font-size: 24px;
}
@media (max-width: 767px) {
  .privacy-logo {
    left: 0!important;
    top: 0!important;
  }
}
.page--domains .findaDomain .module-title {
  float: none;
  margin-bottom: 60px;
}
.page--domains .findaDomain .module-sub-title {
  position: relative;
  top: -30px;
}
.page--domains .heroUnit-content-text {
  bottom: 70px;
}
.account-label {
  position: relative;
  top: 18px;
}
/**!
 * dv-dev-page.less
 *
 * dv-dev page specific modules and styles
 * =========================================================================== */
/* ==========================================================================
   Webhosting specific overrides and styles
   ========================================================================== */
.page--dvDeveloper {
  /*
     * We need to rewrite these rules that already exist in c-gonfalon-banner at a higher
     * specificity because there are competing rules written using too deep of a selector-level
     * that overrides the default color.
     *
     * Author: Kevin Pamaran - 10/20/2016
     */
}
.page--dvDeveloper .c-gonfalon-banner__cta {
  color: #1C1C1E;
}
.page--dvDeveloper .c-gonfalon-banner__cta > .icon {
  color: #1C1C1E;
}
.page--dvDeveloper .c-gonfalon-banner--color-dvdev .c-gonfalon-banner__cta {
  color: #333333;
  font-weight: normal;
  font-size: 14px;
  white-space: nowrap;
  display: block;
}
.page--dvDeveloper .c-gonfalon-banner--color-dvdev .c-gonfalon-banner__cta:hover,
.page--dvDeveloper .c-gonfalon-banner--color-dvdev .c-gonfalon-banner__cta:focus,
.page--dvDeveloper .c-gonfalon-banner--color-dvdev .c-gonfalon-banner__cta:active,
.page--dvDeveloper .c-gonfalon-banner--color-dvdev .c-gonfalon-banner__cta:hover > .icon {
  color: #4d4d53;
}
@media (min-width: 768px) {
  .page--dvDeveloper .c-gonfalon-banner--color-dvdev .c-gonfalon-banner__cta {
    display: inline;
  }
}
.page--dvDeveloper .billing-label--monthly.level-1 .value-prop {
  display: none;
}
.page--dvDeveloper .billing-label--monthly.level-2 .value-prop {
  display: none;
}
.page--dvDeveloper .os-label select[disabled] {
  pointer-events: none;
}
.page--dvDeveloper .os-logo {
  height: 25px;
  position: relative;
  top: -22px;
}
.page--dvDeveloper .module--customize-vps .os-label {
  padding: 20px;
}
.page--dvDeveloper .module--customize-vps .os-label input {
  margin-right: 5px;
  margin-right: 0.3125rem;
  margin-bottom: 10px;
}
.page--dvDeveloper .module--customize-vps .dropdown-select {
  font-size: 14px;
  /*font-size: 1.125rem;*/
  /*padding: 0.875rem;*/
}
/**!
 * dv-managed-page.less
 *
 * dv-managed page specific modules and styles
 * =========================================================================== */
/* ==========================================================================
   Webhosting specific overrides and styles
   ========================================================================== */
.page--managedHosting .icon {
  width: 175px;
  height: 175px;
  margin: 0 auto;
}
.page--managedHosting .icon img {
  width: 100%;
}
.page--managedHosting #plans .icon--checkmark {
  color: #9e7fb9;
  padding-right: 15px;
}
.page--managedHosting #plans .managed--specs .managed--icons {
  width: 120px;
  height: 120px;
  margin: 0 auto;
}
.page--managedHosting #plans .managed--specs .managed--icons img {
  width: 100%;
}
.page--managedHosting .promoUnit--management {
  height: 1100px;
}
.page--managedHosting .promoUnit--management .flexEmbed {
  overflow: visible;
}
@media (max-width: 1095px) {
  .page--managedHosting .promoUnit--features .promoUnit-media {
    display: none;
  }
}
@media (max-width: 767px) {
  .page--managedHosting .promoUnit--features .promoUnit-media {
    display: none;
  }
}
.page--managedHosting .promoUnit--features .promoUnit-media .content {
  padding-bottom: 91%;
}
@media (min-width: 768px) and (max-width: 1095px), (max-width: 767px) {
  .page--managedHosting .promoUnit--features .promoUnit-body:before {
    display: none;
  }
}
.page--managedHosting .promoUnit--features .promoUnit-body .flexEmbed--4by3 {
  padding-bottom: 91%;
}
@media (max-width: 1095px) {
  .page--managedHosting .promoUnit--features .promoUnit-body .flexEmbed--4by3 {
    padding-bottom: 9%;
  }
}
@media (max-width: 767px) {
  .page--managedHosting .promoUnit--features .promoUnit-body .flexEmbed--4by3 {
    padding-bottom: 9%;
  }
}
.page--managedHosting .promoUnit--features .promoUnit-body .flexEmbed--4by3 .promoText {
  margin-top: 5%;
  top: 0;
  left: 2%;
}
@media (min-width: 960px) {
  .page--managedHosting .promoUnit--features .promoUnit-body .flexEmbed--4by3 .promoText {
    font-size: 12px;
    font-size: 0.75rem;
    max-width: 575px;
  }
}
@media (min-width: 768px) and (max-width: 1095px) {
  .page--managedHosting .promoUnit--features .promoUnit-body .flexEmbed--4by3 .promoText {
    left: 3%;
    font-size: 12px;
    font-size: 0.75rem;
    max-width: 550px;
  }
}
@media (max-width: 1095px) {
  .page--managedHosting .promoUnit--features .promoUnit-body .flexEmbed--4by3 .promoText {
    left: 3%;
    font-size: 14px;
    font-size: 0.875rem;
    max-width: 950px;
  }
}
@media (max-width: 767px) {
  .page--managedHosting .promoUnit--features .promoUnit-body .flexEmbed--4by3 .promoText {
    left: 3%;
    font-size: 14px;
    font-size: 0.875rem;
  }
}
.page--managedHosting .managed-specs-cloudtech {
  position: relative;
  right: -40px;
}
.page--dv .header-pop {
  color: #ffffff;
}
.page--dv .header-pop .lush-close-circle {
  color: #ffffff;
}
.page--dv .promo-specs {
  font-size: 40px;
}
.page--dv .promo-size {
  font-size: 60px;
}
.page--dv .promo-icon {
  font-size: 18px;
  position: relative;
  top: -40px;
}
.page--dv .blue-icon {
  color: #67a8da;
  position: relative;
  top: -40px;
}
.page--dv .blue-icon i {
  font-size: 22px;
}
.page--dv .plus {
  position: relative;
  top: -75px;
  right: -81px;
  color: #000;
}
.page--dv .cPanel-selection {
  padding: 15px;
  position: relative;
  left: 58px;
}
.page--dv .cPanel-selection .panel--text {
  position: relative;
  left: 22px;
  top: 10px;
  font-size: 22px;
}
.page--dv .panel-label {
  border: 1px solid #ededed;
}
.page--dv .panel--price {
  border-right: 1px solid #ababab;
}
.page--dv .tip {
  color: #ababab;
  position: relative;
  top: 10px;
}
.page--dv .first-month {
  font-size: 20px;
}
.page--dv .blue-save {
  position: relative;
  left: ;
}
.page--dv .blue-storage {
  position: relative;
  left: ;
}
.page--dv .blue-bandwidth {
  position: relative;
  left: ;
}
.page--dv .promo-illstrtn-save {
  position: relative;
  left: ;
}
.page--dv .promo-illstrtn-storage {
  position: relative;
  left: ;
}
.page--dv .promo-illstrtn-bndwdth {
  position: relative;
  left: ;
}
.page--dv .plus-sign:after {
  content: "+";
  position: relative;
  top: -125px;
  left: 274px;
}
@media (max-width: 767px) {
  .page--dv .cPanel-selection {
    left: 0;
  }
  .page--dv .cPanel-selection .checkList {
    left: 0;
    margin-top: 30px;
  }
  .page--dv .cPanel-selection .panel--text {
    left: 0;
    top: 10px;
    font-size: 16px;
  }
  .page--dv .panel--price {
    border-right: none;
  }
}
.page--dvManaged {
  /*
     * We need to rewrite these rules that already exist in c-gonfalon-banner at a higher
     * specificity because there are competing rules written using too deep of a selector-level
     * that overrides the default color.
     *
     * Author: Kevin Pamaran - 10/20/2016
     */
}
.page--dvManaged .c-gonfalon-banner__cta {
  color: #1C1C1E;
}
.page--dvManaged .c-gonfalon-banner--dvmanaged .c-gonfalon-banner__cta {
  color: #333333;
  font-weight: normal;
  font-size: 14px;
  white-space: nowrap;
}
.page--dvManaged .c-gonfalon-banner--dvmanaged .c-gonfalon-banner__cta:hover,
.page--dvManaged .c-gonfalon-banner--dvmanaged .c-gonfalon-banner__cta:focus,
.page--dvManaged .c-gonfalon-banner--dvmanaged .c-gonfalon-banner__cta:active {
  color: #4d4d53;
}
@media (min-width: 768px) {
  .page--dvManaged .c-gonfalon-banner--dvmanaged .c-gonfalon-banner__cta {
    display: inline;
  }
}
.page--dvManaged .billing-label--monthly.level-1 .value-prop {
  display: none;
}
/**!
 * Enterprise.less
 * =========================================================================== */
.page--enterprise-landing .heroUnit {
  background-image: url('../_img/webhosting/enterprise/dig-agencies-hero.jpg');
}
.page--enterprise-landing .promoText {
  max-width: 550px;
  margin-top: -140px;
}
@media (min-width: 768px) and (max-width: 1095px) {
  .page--enterprise-landing .promoText {
    margin: 0 !important;
  }
}
@media (max-width: 767px) {
  .page--enterprise-landing .promoText {
    margin: 0 !important;
  }
}
.page--enterprise-landing .required {
  color: #cc0000;
}
.page--enterprise-landing .formContainer .formContainer-message {
  display: none;
}
.page--enterprise-landing .formContainer .formContainer-form {
  display: block;
}
.page--enterprise-landing .formContainer.isSubmitted .formContainer-message {
  display: block;
}
.page--enterprise-landing .formContainer.isSubmitted .formContainer-form {
  display: none;
}
.page--enterprise-landing .enterprise--quote-bubble {
  width: 250px;
  height: 250px;
}
.page--enterprise-landing .sales-hours {
  padding-left: 15px;
}
@media (min-width: 768px) and (max-width: 1199px) {
  .page--enterprise-landing .sales-hours {
    padding-top: 60px;
    text-align: center;
  }
}
@media (max-width: 767px) {
  .page--enterprise-landing .sales-hours {
    padding-top: 60px;
    text-align: center;
  }
}
.page--enterprise-landing .featurette-media-text {
  font-size: 24px;
  font-size: 1.5rem;
}
.page--enterprise-landing #overview .overview-img {
  width: 128px;
  height: 128px;
}
.page--enterprise-landing .radioBox .radioBox-input:checked + label {
  background: #f2427e;
  color: #fff;
}
.page--enterprise-landing .radioBox .radioBox-label {
  background-color: #fff;
}
.page--enterprise-landing [data-radioBox-tip]:after {
  background: #f2427e;
}
.page--enterprise-landing .ourClients {
  cursor: pointer;
}
.page--enterprise-landing .featurette-media--zoom:hover img,
.page--enterprise-landing .featurette--zoom:hover img {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
/**!
 * Error pages
 *
 * LESS: /_less/pages/error-pages.less
 * =========================================================================== */
.page--error {
  background-color: #282B2D;
}
/**!
 * Product FAQ
 *
 * FAQ associated with every product page
 * =========================================================================== */
@media (max-width: 767px) {
  .page--faq .faq-content {
    margin-bottom: 40px;
    margin-bottom: 2.5rem;
  }
}
.page--faq .faq-panel {
  display: none;
}
.page--faq .faq-panel.isActive {
  display: block;
}
.page--faq .nav--aside span {
  text-decoration: none;
  display: block;
  padding: 5px;
  cursor: hand;
  cursor: pointer;
  -webkit-transition: color 150ms linear;
  -moz-transition: color 150ms linear;
  -o-transition: color 150ms linear;
  -ms-transition: color 150ms linear;
  transition: color 150ms linear;
}
.page--faq .nav--aside span:hover {
  text-decoration: none;
}
.page--faq .nav--aside span.isActive {
  background-color: #e6e6e6;
}
/**!
 * Page-specific link colors
 *
 * =========================================================================== */
.page--faq.page--grid .nav--aside span {
  color: #f26767;
}
.page--faq.page--grid .nav--aside span:hover {
  color: #ee3838;
}
.page--faq.page--grid .nav--aside span.isActive {
  color: #000;
}
.page--faq.page--dvManaged .nav--aside span {
  color: #67a8da;
}
.page--faq.page--dvManaged .nav--aside span:hover {
  color: #3e91d0;
}
.page--faq.page--dvManaged .nav--aside span.isActive {
  color: #000;
}
.page--faq.page--dvDeveloper .nav--aside span {
  color: #29cbcf;
}
.page--faq.page--dvDeveloper .nav--aside span:hover {
  color: #20a1a4;
}
.page--faq.page--dvDeveloper .nav--aside span.isActive {
  color: #000;
}
.page--faq.page--dvEnterprise .nav--aside span {
  color: #ffd02b;
}
.page--faq.page--dvEnterprise .nav--aside span:hover {
  color: #f7c000;
}
.page--faq.page--dvEnterprise .nav--aside span.isActive {
  color: #000;
}
.page--mailMigration .heroUnit {
  background-image: url(../_img/mail/migration/gapps-migration-hero.jpg);
}
.page--mailMigration .heroUnit .heroUnit {
  background-image: url(../_img/mail/migration/gapps-migration-hero.jpg);
}
@media (min-width: 1200px) {
  .page--mailMigration .heroUnit .heroUnit {
    background-image: url(../_img/mail/migration/gapps-migration-hero.jpg);
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .page--mailMigration .heroUnit .heroUnit {
    background-image: url(../_img/mail/migration/gapps-migration-hero.jpg);
  }
}
@media (max-width: 767px) {
  .page--mailMigration .heroUnit .heroUnit {
    background-image: url(../_img/mail/migration/gapps-migration-hero.jpg);
  }
}
@media (max-width: 480px) {
  .page--mailMigration .heroUnit .heroUnit {
    background-image: url(../_img/mail/migration/gapps-migration-hero.jpg);
  }
}
@media (min-width: 768px) and (max-width: 1199px) and (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-device-pixel-ratio: 1.5) {
  .page--mailMigration .heroUnit .heroUnit {
    background-image: url(../_img/mail/migration/gapps-migration-hero.jpg);
  }
}
.page--mailMigration strong {
  font-weight: 700;
}
.page--mailMigration #radio-a label {
  position: relative;
  overflow: hidden;
  cursor: pointer;
  margin-right: 12px;
}
.page--mailMigration #radio-a label input[type="radio"] {
  position: absolute;
  left: -9001px;
}
.page--mailMigration #radio-a .circ {
  width: 12px;
  height: 12px;
  border-radius: 12px;
  display: inline-block;
  border: 1px solid black;
  top: 1px;
  position: relative;
}
.page--mailMigration #radio-a .circ .dot {
  width: 8px;
  height: 8px;
  display: block;
  position: absolute;
  border-radius: 2em;
  left: 2px;
  top: 2px;
}
.page--mailMigration #radio-a label input[type="radio"]:checked ~ .circ .dot {
  background-color: red;
}
.page--mailMigration .heroUnit-content-text {
  max-width: 800px;
}
.page--mailMigration .textBox-input {
  width: 40px;
  height: 40px;
  background: #fff;
  border: 1px solid;
}
.page--mailMigration .migrate-multiples {
  display: block;
  margin-top: 20px;
}
.page--mailMigration .mail-tip {
  font-size: 11px;
  position: absolute;
  left: -4px;
}
.page--mailMigration .heroUnit-content-text .btn {
  position: relative;
}
.page--mailMigration .getStarted {
  margin-top: 0;
  padding: 0;
}
.page--mailMigration .getStarted .five-dollar {
  width: 85px;
  height: 50px;
  float: left;
  border-right: 1px solid #000;
}
.page--mailMigration .getStarted .five-dollar-price {
  padding: 3px;
}
.page--mailMigration .getStarted .btn-tip {
  position: relative;
  top: 3px;
  border-right: none;
}
.page--mailMigration .getStarted .btn-tip:after {
  content: "per mailbox";
  font-size: 10px;
  position: relative;
  top: 12px;
  left: -62px;
}
.page--mailMigration .getStarted .start {
  width: 200px;
  float: left;
}
.page--mailMigration .getStarted .start span {
  position: relative;
  top: 12px;
}
.page--mailMigration input[type='number'] {
  -moz-appearance: textfield;
}
.page--mailMigration input::-webkit-outer-spin-button,
.page--mailMigration input::-webkit-inner-spin-button {
  -webkit-appearance: none;
}
.page--mailMigration .mailbox-count-label {
  position: relative;
  top: 15px;
}
.page--mailMigration .billing-cycle-label {
  position: relative;
  top: 40px;
}
.page--mailMigration .arrow-flag {
  position: relative;
  top: 16px;
}
.page--mailMigration .arrow-left {
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-right: 10px solid #40e1a3;
  float: left;
}
.page--mailMigration .arrow-body {
  width: 100px;
  height: 20px;
  background: #40e1a3;
  float: left;
  font-size: 12px;
  text-align: center;
  color: white;
}
.page--mailMigration .arrow-text {
  position: relative;
  top: 1px;
}
.page--mailMigration .rotate {
  margin-right: 10px;
}
.page--mailMigration .recurring-price {
  position: relative;
}
.page--mailMigration .account-label {
  position: relative;
  top: 18px;
}
.page--mailMigration .mobile-price {
  visibility: hidden;
}
@media (max-width: 767px) {
  .page--mailMigration .account-label {
    top: -7px;
  }
}
@media (max-width: 767px) {
  .page--mailMigration .desktop-price {
    display: none;
  }
  .page--mailMigration .mobile-price {
    visibility: visible;
  }
}
/**!
 * grid-page.less
 *
 * /webhosting/shared specific modules and styles
 * =========================================================================== */
.page--grid {
  /**
     * TODO
     * This needs to be redone inside the planbox component in novastrap
     * in order to be more usable/flexable accross the site.
     */
  /**
     * TODO
     * This needs to be redone inside the forms.less in novastrap
     * in order to be more usable/flexable accross the site.
     */
  /* ghost ::after so CTA doesn't move after yearly include plan is selected */
  /* real ::after */
  /**
     * Oct 2016 promo ================================
     */
}
.page--grid .planBox {
  position: relative;
}
.page--grid .planBox--flag::before {
  background-color: transparent;
  content: attr(data-flag-text);
  width: 100%;
  min-height: 33px;
  display: block;
  text-align: center;
  color: #444;
  text-transform: uppercase;
  margin-bottom: 2px;
  font-weight: bold;
  letter-spacing: .6px;
  position: absolute;
  top: -34px;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 33px;
  line-height: 2.0625rem;
}
.page--grid .planBox--flag--grid::before {
  background-color: #f69696;
}
.page--grid .inputBtn--yearlyIncludes::after {
  display: block;
  content: "\00a0 ";
  margin-top: 19px;
  text-align: center;
  text-transform: none;
  font-size: 15px;
}
.page--grid .inputBtn--yearlyIncludes--On::after {
  display: block;
  content: "Includes 1 Domain and 1 SSL**";
  margin-top: 19px;
  text-align: center;
  text-transform: none;
  font-size: 15px;
}
.page--grid .planBox-header--oct2016promo {
  padding: 15px 20px;
}
@media (min-width: 481px) and (max-width: 767px) {
  .page--grid .planBox-header--oct2016promo {
    padding: 15px 30px;
  }
}
.page--grid .planBox-header--oct2016promo .product-flag {
  float: right;
  margin-right: 13px;
}
@media (min-width: 768px) and (max-width: 1095px) {
  .page--grid .planBox-header--oct2016promo .product-flag {
    display: none;
  }
}
.page--grid .planBox-header--oct2016promo-price {
  margin-top: -9px;
}
.page--grid .planBox-header--oct2016promo-origPrice {
  color: #f26767;
  font-size: 13px;
}
.page--grid .planBox-header--oct2016promo-newPrice {
  color: #f26767;
}
.page--grid .planBox-header--oct2016promo-duration {
  display: block;
  color: #f26767;
  font-size: 10px;
  line-height: 1;
}
.page--grid .c-gonfalon-banner__cta {
  color: #333333;
  font-weight: normal;
  font-size: 14px;
  white-space: nowrap;
  display: block;
}
.page--grid .c-gonfalon-banner__cta:hover,
.page--grid .c-gonfalon-banner__cta:focus,
.page--grid .c-gonfalon-banner__cta:active {
  color: #4d4d53;
}
@media (min-width: 768px) {
  .page--grid .c-gonfalon-banner__cta {
    display: inline;
  }
}
.page--grid .c-gonfalon-banner__separator {
  border-top-color: #240303;
}
/**!
 * Help center
 *
 * LESS: /_less/pages/help-center.less
 * CSS: /_css/help-center.css
 * PAGE: /help/
 * =========================================================================== */
/* ==========================================================================
   Cloudtech specific overrides and styles
   ========================================================================== */
.page--help {
  /**
    * Help links in right rail.
    */
  /**
    * Solution center
    */
}
.page--help .helpLinks .heading {
  margin: 10px 0 40px;
}
.page--help .helpLinks ul {
  margin-left: 35px;
}
.page--help .helpLinks li {
  margin: 0;
  margin-bottom: 30px;
  margin-bottom: 1.875rem;
  font-size: 18px;
  font-size: 1.125rem;
}
.page--help .helpLinks li:before,
.page--help .helpLinks li:after {
  content: " ";
  display: table;
}
.page--help .helpLinks li:after {
  clear: both;
}
.page--help .helpLinks li span {
  margin-right: 15px;
  display: inline-block;
  width: 45px;
  vertical-align: middle;
}
@media (max-width: 767px) {
  .page--help .helpLinks {
    padding: 30px 0 0;
    border-top: 1px solid #e6e6e6;
    margin-top: 40px;
  }
}
.page--help .solution {
  display: block;
  position: relative;
  margin-bottom: 65px;
  margin-bottom: 4.0625rem;
  -webkit-transition: all .1s linear;
  -moz-transition: all .1s linear;
  -o-transition: all .1s linear;
  -ms-transition: all .1s linear;
  transition: all .1s linear;
}
.page--help .solution:before,
.page--help .solution:after {
  content: " ";
  display: table;
}
.page--help .solution:after {
  clear: both;
}
.page--help .solution:hover {
  text-decoration: none;
}
.page--help .solution:hover .solution-media {
  outline-color: #a6a6a6;
}
.page--help .solution:before {
  content: "\e009";
  font-family: 'mt-icons';
  position: absolute;
  top: 2px;
  right: 8px;
  font-size: 30px;
  font-size: 1.875rem;
}
.page--help .solution-media {
  background-color: #fff;
  color: #191919;
  overflow: hidden;
  outline: 1px solid #cccccc;
  outline-offset: -1px;
  display: block;
  -webkit-transition: all .1s linear;
  -moz-transition: all .1s linear;
  -o-transition: all .1s linear;
  -ms-transition: all .1s linear;
  transition: all .1s linear;
}
.page--help .solution-media img {
  width: 100%;
  max-width: 100%;
}
.page--help .solution-info {
  display: block;
  background: #282B2D;
  color: #e6e6e6;
  font-size: 18px;
  padding: 20px;
  max-height: 210px;
  min-height: 110px;
  position: relative;
}
.page--help .solution-info p {
  margin: 0;
}
.page--help .solution-desc {
  margin-bottom: 10px;
  width: 85%;
  display: block;
}
/**!
 * homepage.less
 *
 * Homepage specific modules and styles
 * =========================================================================== */
.page--home .strikethrough {
  position: relative;
}
.page--home .strikethrough:after {
  border-bottom: 5px solid #f26767;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 50%;
}
.page--home .heroUnit {
  position: relative;
  z-index: 1;
}
.page--home .heroUnit-link-text {
  vertical-align: sub;
  color: #1C1C1E;
  font-weight: normal;
  text-decoration: underline;
  margin-left: 0.5em;
}
.page--home .heroUnit-content-text--slightlyWider {
  max-width: 745px;
}
@media (max-width: 767px) {
  .page--home .header-pop p {
    font-size: 11px;
    font-size: 0.6875rem;
    line-height: 19px;
    line-height: 1.1875rem;
  }
}
.page--home .heroUnit-credits--awsLogo {
  background-image: url('/_img/homepage/managed-cloud/aws-partner.png');
  background-repeat: no-repeat;
  background-size: contain;
  width: 259px;
  height: 105px;
}
.page--home .affiliate-landing--banner {
  overflow: visible;
  top: -80px;
}
@media (min-width: 768px) and (max-width: 1199px), (max-width: 767px) {
  .page--home .affiliate-landing--banner {
    top: -100px;
  }
}
.page--home .affiliate-landing--banner .banner-callout {
  margin-top: 100px;
  margin-top: 6.25rem;
}
@media (min-width: 768px) and (max-width: 1199px), (max-width: 767px) {
  .page--home .affiliate-landing--banner .banner-callout {
    margin-top: 100px;
  }
}
.page--home .affiliate-landing--banner .banner-callout p:first-child {
  line-height: 1.25;
  position: relative;
  top: 14px;
}
@media (min-width: 768px) and (max-width: 1095px), (max-width: 767px) {
  .page--home .affiliate-landing--banner .banner-callout p:first-child {
    line-height: 1.35;
  }
}
.page--home .affiliate-landing--banner .banner-callout p:first-child span {
  display: block;
  color: #1C1C1E;
}
.page--home .affiliate-landing--banner .banner-callout p:first-child span a {
  color: #1C1C1E;
}
.page--home .affiliate-landing--banner .banner-callout p:first-child span:nth-child(1) {
  font-size: 42px;
  font-size: 2.625rem;
  font-weight: 800;
  width: 80%;
  margin: 0 auto;
  padding-bottom: 10px;
  border-bottom: none !important;
}
@media (min-width: 768px) and (max-width: 1095px), (max-width: 767px) {
  .page--home .affiliate-landing--banner .banner-callout p:first-child span:nth-child(1) {
    font-size: 42px;
    font-size: 2.625rem;
    margin-bottom: 0px;
    padding-bottom: 0px;
  }
}
@media (min-width: 768px) and (max-width: 1095px) {
  .page--home .affiliate-landing--banner .banner-callout p:first-child span:nth-child(1) {
    top: -12px;
    position: relative;
  }
}
.page--home .affiliate-landing--banner .banner-callout p:first-child span:nth-child(2) {
  width: 80%;
  margin: 0 auto;
  line-height: 30px;
  line-height: 1.875rem;
  padding: 18px 0px;
  text-transform: none;
  border-bottom: solid 1px #3ea980;
}
@media screen and (min-width: 1200px) {
  .page--home .affiliate-landing--banner .banner-callout p:first-child span:nth-child(2) {
    position: relative;
    top: -20px;
  }
}
.page--home .affiliate-landing--banner .banner-callout p:first-child span:nth-child(2) small {
  font-size: 22px;
  font-size: 1.375rem;
  line-height: 14px;
  line-height: 0.875rem;
}
@media (min-width: 768px) and (max-width: 1095px) {
  .page--home .affiliate-landing--banner .banner-callout p:first-child span:nth-child(2) small {
    top: -12px;
    position: relative;
  }
}
@media (min-width: 768px) and (max-width: 1095px), (max-width: 767px) {
  .page--home .affiliate-landing--banner .banner-callout p:first-child span:nth-child(2) {
    font-size: 26px;
    font-size: 1.625rem;
    margin-bottom: 0px;
    padding: 5px 0px;
  }
  .page--home .affiliate-landing--banner .banner-callout p:first-child span:nth-child(2) small {
    font-size: 14px;
  }
}
.page--home .affiliate-landing--banner .banner-callout p:first-child span:nth-child(3) {
  margin-bottom: 0px;
}
.page--home .affiliate-landing--banner .banner-callout p:first-child span:nth-child(3) strong {
  font-size: 16px;
  font-weight: 700;
  position: relative;
  top: -30px;
}
@media (min-width: 768px) and (max-width: 1095px), (max-width: 767px) {
  .page--home .affiliate-landing--banner .banner-callout p:first-child span:nth-child(3) strong {
    font-size: 18px;
  }
}
@media screen and (min-width: 1000px) {
  .page--home .affiliate-landing--banner .banner-callout p:first-child span:nth-child(3) {
    padding-top: 18px;
    position: relative;
    top: -20px;
  }
}
@media (min-width: 768px) and (max-width: 1095px), (max-width: 767px) {
  .page--home .affiliate-landing--banner .banner-callout p:first-child span:nth-child(3) {
    line-height: 26px;
    line-height: 1.625rem;
    font-size: 32px;
    font-size: 2rem;
    margin-bottom: 0px;
    padding-top: 5px;
  }
}
.page--home .affiliate-landing--banner .banner-callout p:first-child span:nth-child(4) {
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 700;
  text-transform: uppercase;
  position: relative;
  top: -49px;
}
@media (min-width: 768px) and (max-width: 1095px), (max-width: 767px) {
  .page--home .affiliate-landing--banner .banner-callout p:first-child span:nth-child(4) {
    margin-top: 20px;
    font-size: 16px;
    font-size: 1rem;
  }
}
.page--home .affiliate-landing--banner .banner-background {
  position: relative;
  top: 170px;
}
@media (max-width: 767px) {
  .page--home .affiliate-landing--banner .banner-background {
    display: none;
  }
}
.page--home .wordpress--banner {
  top: -70px;
  position: absolute;
  /* top:-@move-up; */
  right: 30px;
  overflow: hidden;
}
.page--home .wordpress--banner .banner-background {
  z-index: 200;
}
@media (min-width: 768px) and (max-width: 1095px), (max-width: 767px) {
  .page--home .wordpress--banner .banner-background {
    width: 200px;
  }
}
.page--home .wordpress--banner .banner-callout {
  position: absolute;
  width: 100%;
  z-index: 201;
  margin-top: 105px;
  margin-top: 6.5625rem;
}
@media (min-width: 768px) and (max-width: 1095px), (max-width: 767px) {
  .page--home .wordpress--banner .banner-callout {
    margin-top: 90px;
    margin-top: 5.625rem;
  }
}
.page--home .wordpress--banner .banner-callout p {
  text-align: center;
  line-height: 1;
  width: 100%;
  padding: 0 20px;
  font-weight: 500;
}
.page--home .wordpress--banner .banner-callout p:first-child {
  color: #1C1C1E;
  text-transform: uppercase;
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1.25;
  margin-bottom: 10px;
  margin-bottom: 0.625rem;
}
@media (min-width: 768px) and (max-width: 1095px), (max-width: 767px) {
  .page--home .wordpress--banner .banner-callout p:first-child {
    font-size: 12px;
    font-size: 0.75rem;
  }
}
.page--home .wordpress--banner .banner-callout p:nth-child(2) {
  color: #ffffff;
  margin: 0;
}
.page--home .wordpress--banner .banner-callout p:nth-child(2) span {
  display: block;
}
.page--home .wordpress--banner .banner-callout p:nth-child(2) span:first-child {
  border-top: 1px solid #ffffff;
  width: 100%;
  font-size: 56px;
  font-size: 3.5rem;
  margin-bottom: 8px;
  margin-bottom: 0.5rem;
  padding-top: 10px;
  padding-top: 0.625rem;
}
@media (min-width: 768px) and (max-width: 1095px), (max-width: 767px) {
  .page--home .wordpress--banner .banner-callout p:nth-child(2) span:first-child {
    font-size: 24px;
    font-size: 1.5rem;
    padding-top: 6px;
    padding-top: 0.375rem;
  }
}
.page--home .wordpress--banner .banner-callout p:nth-child(2) span:last-child {
  border-bottom: 1px solid #ffffff;
  width: 100%;
  font-size: 18px;
  font-size: 1.125rem;
  padding-bottom: 14px;
  padding-bottom: 0.875rem;
}
@media (min-width: 768px) and (max-width: 1095px), (max-width: 767px) {
  .page--home .wordpress--banner .banner-callout p:nth-child(2) span:last-child {
    font-size: 12px;
    font-size: 0.75rem;
    padding-bottom: 8px;
    padding-bottom: 0.5rem;
  }
}
.page--home .wordpress--banner .banner-callout p:last-child {
  color: #1C1C1E;
  text-transform: uppercase;
  font-size: 18px;
  font-size: 1.125rem;
  margin-top: 10px;
  margin-top: 0.625rem;
}
@media (min-width: 768px) and (max-width: 1095px), (max-width: 767px) {
  .page--home .wordpress--banner .banner-callout p:last-child {
    font-size: 12px;
    font-size: 0.75rem;
  }
}
@media (max-width: 767px) {
  .page--home .wordpress--banner {
    right: 50%;
    margin-right: -100px;
    margin-right: -6.25rem;
  }
}
.page--home .heroBanner {
  top: 0;
  position: absolute;
  width: 300px;
  /* top:-@move-up; */
  right: 30px;
  overflow: visible;
}
.page--home .heroBanner img {
  max-width: 100%;
}
@media (min-width: 768px) and (max-width: 1199px) {
  .page--home .heroBanner {
    width: 200px;
  }
}
@media (max-width: 767px) {
  .page--home .heroBanner {
    right: 50%;
    width: 200px;
    margin-right: -100px;
    margin-right: -6.25rem;
  }
}
.page--home .header-pop--newYear a.header-pop--link {
  color: #1C1C1E;
}
.page--home .header-pop--33off a.header-pop--link {
  color: #1C1C1E;
}
.page--sweet16Banner .heroUnit {
  /* height:400px; */
}
@media (max-width: 767px) {
  .page--sweet16Banner .heroUnit {
    height: 500px;
  }
}
@media (min-width: 768px) and (max-width: 1095px) {
  .page--home .heroUnit--managedCloud .heroUnit-subtitle-text {
    max-width: 480px;
  }
}
@media (min-width: 1200px) {
  .page--home .heroUnit--jan3-2016 .heroUnit-subtitle-text {
    font-size: 20px;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .page--home .heroUnit--jan3-2016 .heroUnit-subtitle-text {
    font-size: 18px;
  }
}
/* ==========================================================================
   Ideas, not DNS Landing
   /landing/ideas/
   ========================================================================== */
.page--landing--ideas .heroUnit {
  position: relative;
  height: auto;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}
@media (min-width: 1200px) {
  .page--landing--ideas .heroUnit {
    background-image: url(../_img/landing/ideas/hero-lg.jpg);
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .page--landing--ideas .heroUnit {
    background-image: url(../_img/landing/ideas/hero-md.jpg);
  }
}
@media (max-width: 767px) {
  .page--landing--ideas .heroUnit {
    background-image: url(../_img/landing/ideas/hero-sm.jpg);
  }
}
@media (max-width: 480px) {
  .page--landing--ideas .heroUnit {
    background-image: url(../_img/landing/ideas/hero-xsm.jpg);
  }
}
@media (min-width: 768px) {
  .page--landing--ideas .heroUnit {
    background-image: url(../_img/landing/ideas/hero-lg.jpg);
  }
}
.page--landing--ideas .heroUnit-content {
  height: 400px;
  padding: 0;
  /* Display play button on all breakpoints */
}
.page--landing--ideas .heroUnit-content .cta--play {
  display: inline-block;
  top: 6px;
}
@media (min-width: 768px) {
  .page--landing--ideas .heroUnit-content {
    height: 0;
    padding-bottom: 42%;
    padding-top: 0;
  }
}
.page--landing--ideas .heroUnit-content-text {
  bottom: 30px;
  padding-left: 5%;
  max-width: 95%;
}
.page--landing--ideas .heroUnit-content-text .btn {
  width: 150px;
}
@media (min-width: 481px) and (max-width: 767px) {
  .page--landing--ideas .heroUnit-content-text {
    padding-left: 20px;
    max-width: 72%;
  }
}
@media (min-width: 768px) {
  .page--landing--ideas .heroUnit-content-text {
    bottom: 50px;
    max-width: 72%;
    padding-left: 20px;
  }
  .page--landing--ideas .heroUnit-content-text .btn {
    width: 188px;
  }
}
@media (min-width: 1096px) {
  .page--landing--ideas .heroUnit-content-text {
    max-width: 58%;
  }
}
@media (min-width: 1200px) {
  .page--landing--ideas .heroUnit-content-text {
    bottom: 100px;
  }
}
@media (min-width: 1500px) {
  .page--landing--ideas .heroUnit-content-text {
    bottom: 160px;
  }
}
@media (min-width: 1900px) {
  .page--landing--ideas .heroUnit-content-text {
    bottom: 250px;
  }
}
.page--landing--ideas .heroUnit-title {
  font-size: 20px;
  line-height: 1;
  letter-spacing: 1px;
  font-weight: lighter;
  padding: 12px 15px;
}
@media (min-width: 960px) {
  .page--landing--ideas .heroUnit-title {
    font-size: 28px;
  }
}
.page--landing--ideas .heroUnit-subtitle-text {
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: 1px;
  color: #f4f4f4;
  padding: 12px 15px 16px;
}
@media (min-width: 960px) {
  .page--landing--ideas .heroUnit-subtitle-text {
    font-size: 21px;
  }
}
.page--landing--ideas .heroUnit .heroUnit-media-inner {
  height: 400px !important;
  padding: 0;
}
@media (min-width: 768px) {
  .page--landing--ideas .heroUnit .heroUnit-media-inner {
    height: 0 !important;
    padding-bottom: 42%;
    padding-top: 0;
  }
}
.page--landing--ideas .grid {
  margin-top: 20px;
}
.page--landing--ideas .grid .product .product-uses {
  height: 55px;
}
@media (min-width: 1200px) {
  .page--landing--ideas .grid .product .product-uses {
    height: 90px;
  }
}
.page--landing--ideas .grid .product .product-desc {
  font-size: 16px;
}
.page--landing--ideas .grid .product .product-action {
  bottom: 15px;
}
.page--landing--ideas .grid .product--wpress {
  max-height: 370px;
}
.page--landing--ideas .grid .product--wpress.product--borderAccent {
  border-top: 4px solid #FFD02B;
}
.page--landing--ideas .grid .product--grid.product--borderAccent {
  border-top: 4px solid #f26767;
}
.page--landing--ideas .grid .product--primary.product--borderAccent {
  border-top: 4px solid #48e0a4;
}
.page--landing--ideas .grid .product--awsNavy.product--borderAccent {
  border-top: 4px solid #354E78;
}
@media (min-width: 1200px) and (max-width: 1224px) {
  .page--landing--ideas .grid .product--awsNavy .product-uses {
    height: 30px;
  }
}
@media (min-width: 768px) {
  .page--landing--ideas .grid {
    margin-top: 65px;
  }
}
.page-koken--gs .heroUnit-content-text .btn {
  float: right;
}
.page-koken--gs .grid-features {
  position: relative;
  left: 120px;
}
.strikethrough {
  background: url("strike.png") center center no-repeat;
}
/* ==========================================================================
   Move to the cloud landing page specific overrides and styles
   ========================================================================== */
.page--moveToTheCloud #overview .span3 {
  padding-left: 15px;
  padding-right: 15px;
}
.page--moveToTheCloud .heroUnit-subtitle-text {
  max-width: 690px;
}
.page--moveToTheCloud .heroUnit-credits--awsLogo {
  background-image: url('/_img/cloudtech/on-demand/amazon-partner.png');
  background-repeat: no-repeat;
  background-size: contain;
  width: 259px;
  height: 105px;
}
.page--moveToTheCloud .icon {
  width: 175px;
  height: 175px;
  margin: 0 auto;
}
.page--moveToTheCloud .icon img {
  width: 100%;
  transform: none;
}
/* ==========================================================================
*  Plesk DV landing page styles
*  ========================================================================== */
.page--landing-pleskdv .u-pleskdv-landing-patchman {
  width: 260px;
}
.page--landing-pleskdv .u-pleskdv-landing-newrelic {
  margin-top: 16px;
  margin-bottom: 43px;
}
.page--landing-pleskdv .u-pleskdv-landing-addendio {
  margin-top: 4px;
  margin-bottom: 26px;
}
.page--landing-pleskdv .u-pleskdv-landing-header {
  width: 100%;
}
.page--landing-pleskdv .u-pleskdv-landing-header h2 {
  color: #67a8da;
  font-size: 2.125em;
  margin: 0 0 20px;
  width: 100%;
}
.page--landing-pleskdv .u-pleskdv-landing-showcase {
  width: 50%;
  padding: 2% 1%;
}
.page--landing-pleskdv .u-pleskdv-landing-showcase-img {
  -ms-flex-negative: 1.3;
  flex-shrink: 1.3;
  margin-right: 40px;
}
@media (max-width: 1095px) {
  .page--landing-pleskdv .u-pleskdv-landing-showcase-img {
    width: 200px;
    margin: 0 auto;
  }
}
@media (min-width: 1096px) {
  .page--landing-pleskdv .u-pleskdv-landing-showcase:nth-of-type(3),
  .page--landing-pleskdv .u-pleskdv-landing-showcase:nth-of-type(3) .u-pleskdv-landing-showcase-img,
  .page--landing-pleskdv .u-pleskdv-landing-showcase:nth-of-type(4),
  .page--landing-pleskdv .u-pleskdv-landing-showcase:nth-of-type(4) .u-pleskdv-landing-showcase-img {
    padding-bottom: 0;
  }
}
@media (max-width: 1095px) {
  .page--landing-pleskdv .u-pleskdv-landing-showcase {
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 5%;
    padding-right: 5%;
  }
}
@media (min-width: 768px) {
  .page--landing-pleskdv .u-pleskdv-landing-showcase:nth-of-type(odd) {
    padding-left: 0;
  }
  .page--landing-pleskdv .u-pleskdv-landing-showcase:nth-of-type(even) {
    padding-right: 0;
  }
}
@media (max-width: 767px) {
  .page--landing-pleskdv .u-pleskdv-landing-showcase {
    float: none;
    width: auto;
    margin-top: 25px;
    padding-left: 0;
    padding-right: 0;
  }
}
.page--landing-pleskdv .u-pleskdv-landing-margin-r {
  margin-right: 30px;
}
.page--landing-pleskdv .u-pleskdv-landing-grid-margin {
  padding-left: 4%;
  padding-right: 4%;
}
.page--landing-pleskdv .u-pleskdv-landing-original-price {
  text-decoration: line-through;
  font-size: 14px;
  margin-right: 5px;
}
.page--landing-pleskdv .u-pleskdv-landing-price-initial-dur {
  font-size: 12px;
  font-style: italic;
}
@media (max-width: 1095px) {
  .page--landing-pleskdv .u-pleskdv-landing-break {
    display: block;
  }
}
@media (min-width: 768px) and (max-width: 1095px) {
  .page--landing-pleskdv .u-pleskdv-landing-btn-display {
    display: none;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .page--landing-pleskdv .u-pleskdv-landing-btn-i {
    margin-left: 0;
  }
}
.page--landing-pleskdv .u-pleskdv-landing-btn-padding {
  padding: 0.7rem;
}
.page--landing-pleskdv .u-pleskdv-landing-no-min-width {
  min-width: 0;
}
.page--landing-pleskdv .u-pleskdv-landing-table th:nth-child(odd),
.page--landing-pleskdv .u-pleskdv-landing-table td:nth-child(odd) {
  background-color: #fff;
}
.page--landing-pleskdv .u-pleskdv-landing-table th:nth-child(even),
.page--landing-pleskdv .u-pleskdv-landing-table td:nth-child(even) {
  background-color: #f6f6f6;
}
.page--landing-pleskdv .u-pleskdv-landing-table th,
.page--landing-pleskdv .u-pleskdv-landing-table td {
  border-left: 2px solid #ededed;
  border-top: 2px solid #ededed;
}
.page--landing-pleskdv .u-pleskdv-landing-mob-price {
  margin-bottom: 1.875rem;
}
@media (max-width: 767px) {
  .page--landing-pleskdv .u-pleskdv-landing-mob-flex {
    flex: initial;
  }
}
.page--landing-pleskdv .c-gonfalon-banner__cta {
  color: #1C1C1E;
}
.page--landing-pleskdv .c-gonfalon-banner__cta:hover,
.page--landing-pleskdv .c-gonfalon-banner__cta:focus,
.page--landing-pleskdv .c-gonfalon-banner__cta:active {
  color: #4d4d53;
}
@media (max-width: 767px) {
  .page--landing-pleskdv .c-gonfalon-banner__cta {
    font-size: 14px;
  }
}
.page--landing-pleskdv .c-gonfalon-banner__text:nth-child(3) {
  display: block;
}
@media (max-width: 767px) {
  .page--landing-pleskdv .c-gonfalon-banner__text {
    font-size: 14px;
  }
  .page--landing-pleskdv .c-gonfalon-banner__text:first-child {
    font-size: 16px;
  }
}
/**!
 * Product legal
 *
 * legal associated with every product page
 * =========================================================================== */
@media (max-width: 767px) {
  .page--legal .legal-content {
    margin-bottom: 40px;
    margin-bottom: 2.5rem;
  }
}
.page--legal .legal-content table .eol-info {
  background-color: #f4f4f4;
}
.page--legal .legal-content table .eol-info p {
  margin-bottom: 0;
}
.page--legal .legal-content table.support thead th {
  vertical-align: middle;
  text-align: center;
}
.page--legal .legal-content table.support thead th:first-child {
  text-align: left;
}
.page--legal .legal-content table.support thead th:nth-child(2) {
  background-color: #f6fefb;
}
.page--legal .legal-content table.support thead th:last-child {
  background-color: #fef4f4;
}
.page--legal .legal-content table.support tr td {
  vertical-align: middle;
  text-align: center;
}
.page--legal .legal-content table.support tr td:first-child {
  text-align: left;
}
.page--legal .legal-content table.support tr td:nth-child(2) {
  color: #48e0a4;
  background-color: #f6fefb;
}
.page--legal .legal-content table.support tr td:last-child {
  color: #f26767;
  background-color: #fef4f4;
}
.page--legal .legal-content ul.no-bullets {
  list-style-type: none;
}
.page--legal .legal-content .list ol {
  margin-bottom: 15px;
  margin-bottom: 0.9375rem;
}
.page--legal .nav--aside span {
  color: #20bc7e;
  text-decoration: none;
  display: block;
  padding: 5px;
  cursor: hand;
  cursor: pointer;
  -webkit-transition: color 150ms linear;
  -moz-transition: color 150ms linear;
  -o-transition: color 150ms linear;
  -ms-transition: color 150ms linear;
  transition: color 150ms linear;
}
.page--legal .nav--aside span:hover {
  color: #189061;
  text-decoration: none;
}
.page--legal .nav--aside span.isActive {
  background-color: #e6e6e6;
  color: #000;
}
.page--legal .nav--aside a {
  position: relative;
}
.page--legal .nav--aside a i {
  position: absolute;
  color: #ccc;
  left: -15px;
  zoom: 1;
  filter: alpha(opacity=0);
  opacity: 0;
  -webkit-transition: all 150ms linear;
  -moz-transition: all 150ms linear;
  -o-transition: all 150ms linear;
  -ms-transition: all 150ms linear;
  transition: all 150ms linear;
}
.page--legal .nav--aside a:hover i {
  filter: alpha(opacity=100);
  opacity: 1;
}
/* control which nav li is active depending on which legal page the user's on
 * =========================================================================== */
.legalLinks .isActive {
  background-color: #e6e6e6;
  color: #000;
}
.page--copyright .nav--internal-legal li:first-child a {
  background-color: #e6e6e6;
  color: #000;
}
.page--terms-of-service .nav--internal-legal li:nth-child(2) a {
  background-color: #e6e6e6;
  color: #000;
}
.page--acceptable-usage .nav--internal-legal li:nth-child(3) a {
  background-color: #e6e6e6;
  color: #000;
}
.page--acceptable-usage .usage-hide {
  display: none;
}
.page--statement-of-support .nav--internal-legal li:nth-child(4) a {
  background-color: #e6e6e6;
  color: #000;
}
.page--managed-services-agreement .nav--internal-legal li:nth-child(5) a {
  background-color: #e6e6e6;
  color: #000;
}
.page--uptime-guarantee .nav--internal-legal li:nth-child(6) a {
  background-color: #e6e6e6;
  color: #000;
}
.page--privacy-policy .nav--internal-legal li:nth-child(7) a {
  background-color: #e6e6e6;
  color: #000;
}
.page--dmca .nav--internal-legal li:nth-child(8) a {
  background-color: #e6e6e6;
  color: #000;
}
.page--dmca .dmca-hide {
  display: none;
}
.page--form-guide .nav--internal-legal li:nth-child(9) a {
  background-color: #e6e6e6;
  color: #000;
}
.page--money-back .nav--internal-legal li:nth-child(10) a {
  background-color: #e6e6e6;
  color: #000;
}
.page--money-back .money-hide {
  display: none;
}
.page--end-of-life .nav--internal-legal li:nth-child(11) a {
  background-color: #e6e6e6;
  color: #000;
}
.page--data-processing-addendum .nav--internal-legal li:nth-child(12) a {
  background-color: #e6e6e6;
  color: #000;
}
.page--legal-transfers .nav--internal-legal-forms li:nth-child(1) a {
  background-color: #e6e6e6;
  color: #000;
}
.page--legal-complaint .nav--internal-legal-forms li:nth-child(2) a {
  background-color: #e6e6e6;
  color: #000;
}
/**!
 * Legal form styling
 *
 * /legal/complaint/ and /legal/transfers/
 *
 * The legal complaint form is a modular app
 * that requires seperate targeted styling since the markup is significantly
 * different than the rest of the legal pages
 * =========================================================================== */
.page--legal-form .form-app-container ul {
  list-style-type: none;
}
.page--legal-form .form-app-container ul:last-child {
  margin: 0;
}
.page--legal-form .form-app-container li {
  position: relative;
  margin-bottom: 20px;
  margin-bottom: 1.25rem;
}
.page--legal-form .form-app-container li:last-child {
  margin-bottom: 0;
}
.page--legal-form .form-app-container li input {
  /* .margin-right(10px); */
  position: absolute;
  top: 5px;
  left: 0;
}
.page--legal-form .form-app-container li label {
  padding-left: 30px;
  padding-left: 1.875rem;
  width: 100%;
}
.page--legal-form .form-app-container .cta {
  margin-top: 30px;
  margin-top: 1.875rem;
}
.page--legal-form .form-app-container .btn {
  margin-top: 30px;
  margin-top: 1.875rem;
}
.page--legal-form .form-app-container .dmca-notice {
  margin-top: 30px;
  margin-top: 1.875rem;
  margin-bottom: 0;
}
.page--legal-form .form-app-container .notice {
  color: #f26767;
}
.page--legal-form .form-app-container .notice strong {
  color: #f26767;
}
.page--legal-form .form-app-container form p {
  /* dirrrrrty */
}
.page--legal-form .form-app-container form p:last-of-type:not(.h3):not(.h4):not(.ignore-layout) {
  margin-bottom: 0;
}
.page--legal-form .form-app-container .input-align {
  margin-left: 0;
}
.page--legal-form .form-app-container .input-align div,
.page--legal-form .form-app-container .input-align li {
  position: relative;
  margin-bottom: 20px;
  margin-bottom: 1.25rem;
}
.page--legal-form .form-app-container .input-align div:last-child:not(.ignore-layout),
.page--legal-form .form-app-container .input-align li:last-child:not(.ignore-layout) {
  margin-bottom: 0;
}
.page--legal-form .form-app-container .input-align div input,
.page--legal-form .form-app-container .input-align li input {
  /* .margin-right(10px); */
  position: absolute;
  top: 5px;
  left: 0;
}
.page--legal-form .form-app-container .input-align div label,
.page--legal-form .form-app-container .input-align li label {
  padding-left: 30px;
  padding-left: 1.875rem;
  width: 100%;
}
.page--legal-form .form-app-container .input-align div .ignore-input-align,
.page--legal-form .form-app-container .input-align li .ignore-input-align {
  position: static;
  margin-top: 10px;
  margin-top: 0.625rem;
}
.page--legal-form .form-app-container .error {
  margin-bottom: 0;
}
.page--legal-form .form-app-container .signature {
  margin-top: 20px;
  margin-top: 1.25rem;
  margin-bottom: 20px;
  margin-bottom: 1.25rem;
}
.page--legal-form .form-app-container iframe {
  margin-bottom: 20px;
  margin-bottom: 1.25rem;
}
.page--legal-form .form-app-container .pre-populate {
  margin-bottom: 20px;
  margin-bottom: 1.25rem;
}
.page--legal-form .form-app-container .required:after {
  content: ' *';
  color: #f26767;
  font-weight: bold;
  font-size: 18px;
  font-size: 1.125rem;
}
.page--legal-form .form-app-container .repeat-organize .h4:last-of-type {
  margin-top: 20px;
  margin-top: 1.25rem;
}
/* ==========================================================================
*  Made Like It Matters Contest Page Styles
*  ========================================================================== */
.page--made-like-it-matters-contest .u-make-like-it-matters-side-paddings {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
@media (min-width: 768px) {
  .page--made-like-it-matters-contest .u-make-like-it-matters-side-paddings {
    padding-left: 4em !important;
    padding-right: 4em !important;
  }
}
.page--made-like-it-matters-contest .u-make-like-it-matters-logo {
  margin: 40px auto !important;
}
@media (min-width: 768px) {
  .page--made-like-it-matters-contest .u-make-like-it-matters-logo {
    margin: 0 !important;
  }
}
.page--made-like-it-matters-contest .u-make-like-it-matters-right-align {
  width: 100% !important;
}
@media (min-width: 768px) {
  .page--made-like-it-matters-contest .u-make-like-it-matters-right-align {
    width: 330px !important;
    float: right !important;
    padding-right: 30px !important;
  }
}
.page--made-like-it-matters-contest .u-make-like-it-matters-logo-list-mobile {
  justify-content: center;
  margin-bottom: 50px !important;
}
@media (max-width: 767px) {
  .page--made-like-it-matters-contest .u-make-like-it-matters-logo-list-mobile {
    flex-direction: column;
  }
}
.page--made-like-it-matters-contest .u-make-like-it-matters-logo-item-mobile {
  margin-top: 20px !important;
  margin-left: 65px !important;
  flex: 0 1 calc(28.333333333333332% - 48px) !important;
}
.page--made-like-it-matters-contest .u-make-like-it-matters-logo-item-mobile:first-child {
  margin-left: 0 !important;
}
@media (max-width: 767px) {
  .page--made-like-it-matters-contest .u-make-like-it-matters-logo-item-mobile {
    padding: 0 !important;
    margin: 0 !important;
    flex: 0 0 auto !important;
    width: 100%;
  }
}
@media (max-width: 767px) {
  .page--made-like-it-matters-contest .u-make-like-it-matters-logo-mobile {
    transform: scale(0.5) !important;
  }
}
/**!
 * Mail Page
 *
 * Mail page specific modules and styles
 * =========================================================================== */
.page--helpMail {
  background-color: #282B2D;
}
/* ==========================================================================
   Managed Cloud specific overrides and styles
   ========================================================================== */
.page--managedCloud #overview .span3 {
  padding-left: 15px;
  padding-right: 15px;
}
.page--managedCloud .heroUnit-subtitle-text {
  max-width: 850px;
}
.page--managedCloud .heroUnit-credits--awsLogo {
  background-image: url('/_img/cloudtech/on-demand/amazon-partner.png');
  background-repeat: no-repeat;
  background-size: contain;
  width: 259px;
  height: 105px;
}
.page--managedCloud .ribbon-199 {
  width: 198px;
  height: 200px;
  position: absolute;
  right: 8%;
  background-image: url('/_img/managedcloud/199-ribbon.png');
  background-repeat: no-repeat;
  background-size: contain;
}
@media (max-width: 767px) {
  .page--managedCloud .ribbon-199 {
    display: none;
  }
}
.page--managedCloud .ribbon-499 {
  width: 216px;
  height: 210px;
  position: absolute;
  right: 8%;
  background-image: url('/_img/managedcloud/499-ribbon.png');
  background-repeat: no-repeat;
  background-size: contain;
}
@media (max-width: 767px) {
  .page--managedCloud .ribbon-499 {
    display: none;
  }
}
.page--managedCloud .promoUnit-body .promoText {
  margin-top: -75px;
}
.page--managedCloud .promoUnit-body .promoText h2 {
  font-size: 30px;
}
.page--managedCloud .promoUnit-body .promoText p {
  font-size: 18px;
}
@media (max-width: 1095px) {
  .page--managedCloud .promoUnit-body .promoText {
    margin-top: 0px;
  }
}
.page--managedCloud .radioBox {
  width: 100%;
}
.page--managedCloud .radioBox .radioBox-input:checked + label {
  color: #fff;
  background-color: #2d4772;
}
.page--managedCloud .radioBox .radioBox-input:checked + label strong {
  color: #fff;
}
.page--managedCloud .radioBox .radioBox-label {
  width: 100%;
  padding: 15px 0px 15px 50px;
}
/**!
 * Our Team page
 *
 * Our team page styles
 * =========================================================================== */
/* ==========================================================================
   Our team page specific overrides and styles
   ========================================================================== */
.page--ourTeam .aboutOurTeam {
  padding-top: 90px;
  padding-top: 5.625rem;
  padding-bottom: 30px;
  padding-bottom: 1.875rem;
}
/* ==========================================================================
*  Partners Page Styles
*  ========================================================================== */
@media (min-width: 1096px) {
  .page--partners .u-partners-promoText {
    margin-top: -165px !important;
  }
}
@media (min-width: 1096px) {
  .page--partners .u-partners-content {
    padding-bottom: 75% !important;
  }
}
/* ==========================================================================
   PCM Landing Page overrides and styles
   ========================================================================== */
@media (min-width: 1200px) {
  .page--affiliate-pcm .heroUnit {
    background-image: url(/_img/affiliate-landing/pcm/hero-lg.jpg);
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .page--affiliate-pcm .heroUnit {
    background-image: url(/_img/affiliate-landing/pcm/hero-md.jpg);
  }
}
@media (max-width: 767px) {
  .page--affiliate-pcm .heroUnit {
    background-image: url(/_img/affiliate-landing/pcm/hero-sm.jpg);
  }
}
@media (max-width: 480px) {
  .page--affiliate-pcm .heroUnit {
    background-image: url(/_img/affiliate-landing/pcm/hero-xsm.jpg);
  }
}
@media (min-width: 768px) {
  .page--affiliate-pcm .heroUnit {
    background-image: url(/_img/affiliate-landing/pcm/hero-lg.jpg);
  }
}
/**!
 * Referrals Landing
 *
 * LESS: /_less/pages/referrals.less
 * CSS: /_css/referrals.css
 * PAGE: /referalls/
 * =========================================================================== */
/* ==========================================================================
   Cloudtech specific overrides and styles
   ========================================================================== */
.page--referrals {
  /**
     * Banners
     */
}
.page--referrals .subNav {
  border-bottom: 1px solid #f4f4f4;
}
.page--referrals .bannerList {
  padding-top: 60px;
}
.page--referrals .bannerList img {
  margin: 5px;
}
@media (max-width: 767px) {
  .page--referrals .bannerList img {
    max-width: 100%;
  }
}
.page--referrals .banner-warning {
  margin-top: 10px;
  margin-top: 0.625rem;
}
.page--referrals .result-link {
  display: inline-block;
  background: #f2f2f2;
  max-width: 100%;
  -ms-word-break: break-all;
  word-break: break-all;
  /* Non standard for webkit */
  word-break: break-word;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
  padding: 10px;
  padding: 0.625rem;
  font-size: 32px;
  font-size: 2rem;
  margin-bottom: 30px;
  margin-bottom: 1.875rem;
}
.page--referrals .socialSharing li {
  margin-right: 30px;
}
/* ==========================================================================
   Cloudtech specific overrides and styles
   ========================================================================== */
.page--landing-referral {
  /**
     * Banners
     */
}
.page--landing-referral .heroUnit {
  max-height: 500px;
}
.page--landing-referral .subNav {
  border-bottom: 1px solid #f4f4f4;
}
.page--landing-referral .subNav li {
  width: 18%;
}
.page--landing-referral .bannerList {
  padding-top: 60px;
}
.page--landing-referral .bannerList img {
  margin: 5px;
}
@media (max-width: 767px) {
  .page--landing-referral .bannerList img {
    max-width: 100%;
  }
}
.page--landing-referral .banner-warning {
  margin-top: 10px;
  margin-top: 0.625rem;
}
.page--landing-referral .result-link {
  display: inline-block;
  background: #f2f2f2;
  max-width: 100%;
  -ms-word-break: break-all;
  word-break: break-all;
  /* Non standard for webkit */
  word-break: break-word;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
  padding: 10px;
  padding: 0.625rem;
  font-size: 32px;
  font-size: 2rem;
  margin-bottom: 30px;
  margin-bottom: 1.875rem;
}
.page--landing-referral .socialSharing li {
  margin-right: 30px;
}
.page--landing-referral .hostingPlans .product--wpress .product-action {
  float: left;
  margin-top: 0px;
}
/**!
 * Site mover Landing
 *
 * LESS: /_less/pages/site-mover.less
 * CSS: /_css/site-mover.css
 * PAGE: /services/site-mover/
 * =========================================================================== */
/* ==========================================================================
   Cloudtech specific overrides and styles
   ========================================================================== */
.page--site-mover label span.required {
  color: #d9534f;
}
/**!
 * Sitemap page
 *
 * LESS: /_less/pages/sitemaps.less
 * PAGE: /sitemap.php
 * =========================================================================== */
.page--sitemap .sitemapList {
  list-style: none;
}
.page--sitemap .sitemapList li {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 34px;
}
.page--sitemap .sitemapList li::before {
  content: "\F188";
  font-family: "lushicons";
  margin-right: 10px;
}
.page--smashingConference .loginLink {
  color: #fff;
}
.page--smashingConference .grid-row {
  margin-bottom: 50px;
}
.page--smashingConference .location-box {
  position: relative;
  padding: 20px;
}
.page--smashingConference .location-box h3 {
  font-weight: bold;
}
.page--smashingConference .header-pop {
  background: #40e1a3;
}
.page--smashingConference header {
  font-weight: bold;
}
@media (max-width: 767px) {
  .page--smashingConference .desktopHeader {
    display: none;
  }
  .page--smashingConference .mobileHeader {
    display: block;
  }
}
@media (min-width: 960px) {
  .page--smashingConference .desktopHeader {
    display: block;
  }
  .page--smashingConference .mobileHeader {
    display: none;
  }
}
@media (min-width: 768px) and (max-width: 1095px) {
  .page--smashingConference .desktopHeader {
    display: block;
  }
  .page--smashingConference .mobileHeader {
    display: none;
  }
}
.page--smashingConference .nav-item a {
  font-weight: 100;
}
.page--smashingConference .location-link {
  color: #000;
}
.page--smashingConference .arrow-flag {
  position: absolute;
  top: 22px;
  right: 0;
}
.page--smashingConference .arrow-left {
  width: 0;
  height: 0;
  border-top: 15px solid transparent;
  border-bottom: 15px solid transparent;
  border-right: 19px solid #40e1a3;
  float: left;
}
.page--smashingConference .arrow-body {
  width: 150px;
  height: 30px;
  background: #40e1a3;
  float: left;
  font-size: 12px;
  text-align: center;
  color: white;
}
.page--smashingConference .arrow-text {
  position: relative;
  top: 3px;
  font-size: 16px;
  color: #000;
  text-transform: uppercase;
  font-weight: bold;
}
.page--smashingConference .title-icon {
  position: relative;
  top: -10px;
}
.page--smashingConference a {
  font-weight: bold;
  color: #000;
}
.page--smashingConference .navItem a {
  color: #fff;
}
/**!
 * VPS Page
 *
 * VPS page specific modules and styles
 * =========================================================================== */
.page--vps .vpsImg {
  margin-bottom: 30px;
  margin-bottom: 1.875rem;
}
.page--vps .vpsOption .vpsOption-heading {
  text-transform: uppercase;
  font-size: 28px;
  font-size: 1.75rem;
  margin-bottom: 15px;
  margin-bottom: 0.9375rem;
}
.page--vps .vpsOption .vpsOption-subHeading {
  margin-bottom: 30px;
  margin-bottom: 1.875rem;
}
.page--vps .tag {
  background: #48e0a4;
  border-radius: 3px 0 0 3px;
  color: #191919;
  font-weight: 700;
  display: inline-block;
  height: 20px;
  font-size: 12px;
  letter-spacing: 1px;
  line-height: 20px;
  padding: 0 12px 0 17px;
  text-decoration: none;
  position: relative;
  left: 6px;
  top: -2px;
}
.page--vps .tag:after {
  background: #fff;
  border-bottom: 10px solid #f9f9f9;
  border-left: 10px solid #67a8da;
  border-top: 10px solid #f9f9f9;
  content: '';
  position: absolute;
  right: 0;
  top: 0;
}
.page--vps .tag--reversed:after {
  border: none;
}
.page--vps .tag--reversed:before {
  background: #fff;
  border-bottom: 10px solid #f9f9f9;
  border-right: 10px solid #48e0a4;
  border-top: 10px solid #f9f9f9;
  content: '';
  position: absolute;
  left: 0;
  top: 0;
}
@media (min-width: 1200px) {
  .page--vpsJump .author-img {
    width: 200px;
    margin: 0 auto;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .page--vpsJump .author-img {
    width: 175px;
    margin: 0 auto;
  }
}
@media (max-width: 767px) {
  .page--vpsJump .author-img {
    width: 175px;
    margin: 0 auto;
  }
}
@media (max-width: 480px) {
  .page--vpsJump .author-img {
    width: 175px;
    margin: 0 auto;
  }
}
.page--vpsJump .author-img img {
  width: 100%;
}
.page--vpsJump h3 {
  font-size: 17px;
}
.page--vpsJump .icon--checkmark {
  color: #48e0a4;
  margin-right: 5px;
}
.page--vpsJump .text_space {
  position: relative;
  left: 24px;
}
.page--vpsJump .table--comparison .btn {
  padding: 11px 61px;
}
.page--vpsJump blockquote {
  width: 80%;
  margin: 0 auto;
}
@media (max-width: 767px) {
  .page--vpsJump .table--comparison--large {
    display: none;
  }
}
@media (max-width: 480px) {
  .page--vpsJump .table--comparison--large {
    display: none;
  }
}
.page--vpsJump .table--comparison--large .table--striped tbody > tr:nth-child(even) > td,
.page--vpsJump .table--comparison--large .table--striped tbody > tr:nth-child(even) > th {
  background: #ededed;
}
.page--vpsJump .table--comparison--large .table-title-jump {
  font-size: 22px;
  font-size: 1.375rem;
  color: #fff;
}
@media (min-width: 1200px) {
  .page--vpsJump .table--comparison--small {
    display: none;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .page--vpsJump .table--comparison--small {
    display: none;
  }
}
.page--vpsJump .table--comparison--small .planOption .planOption-price {
  border: none;
  padding-bottom: 0px;
}
.page--vpsJump .table--comparison--small .planOption .planOption-price .u-pullRight {
  font-size: 16px;
  font-size: 1rem;
  margin-top: 10px;
  text-transform: uppercase;
}
.page--dedicatedServer .author-img {
  width: 80%;
  margin: 0 auto;
}
.page--dedicatedServer h3 {
  font-size: 19px;
}
.page--dedicatedServer .lush-check-sign {
  position: relative;
  bottom: 2px;
  margin-right: 5px;
  color: #ffd02b;
}
.page--dedicatedServer .dedicated-fully-price {
  position: relative;
  left: 35px;
}
.page--dedicatedServer .text_space {
  position: relative;
  left: 24px;
}
.page--dedicatedServer .table--comparison .btn {
  padding: 11px 61px;
}
.page--dedicatedServer blockquote {
  width: 80%;
  margin: 0 auto;
}
.page--dedicatedServer .interceptor--alt .u-pullRight {
  position: relative;
  left: -130px;
}
@media (max-width: 767px) {
  .page--dedicatedServer .table--comparison--large {
    display: none;
  }
}
@media (max-width: 480px) {
  .page--dedicatedServer .table--comparison--large {
    display: none;
  }
}
.page--dedicatedServer .table--comparison--large .table--striped tbody > tr:nth-child(even) > td,
.page--dedicatedServer .table--comparison--large .table--striped tbody > tr:nth-child(even) > th {
  background: #ededed;
}
@media (min-width: 1200px) {
  .page--dedicatedServer .table--comparison--small {
    display: none;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .page--dedicatedServer .table--comparison--small {
    display: none;
  }
}
.page--dedicatedServer .table--comparison--small .planOption .planOption-price {
  border: none;
  padding-bottom: 0px;
}
.page--dedicatedServer .table--comparison--small .planOption .planOption-price .u-pullRight {
  font-size: 16px;
  font-size: 1rem;
  margin-top: 10px;
  text-transform: uppercase;
}
/* ==========================================================================
   The top part is crazy... Starting fresh here will cleanup top
    some other day
   ========================================================================== */
.page--vpsJump .planBox .planBox-header,
.page--vpsJump .planBox .planBox-footer {
  padding: 20px;
}
.page--vpsJump .planBox .planBox-content--halfSpacing {
  padding: 20px;
}
.page--vpsJump .planBox .planBox-content--flat {
  padding: 0;
}
.page--vpsJump .planBox--bordered {
  border: 1px solid #ccc;
}
.page--vpsJump .list--block {
  margin: 0;
  padding: 0;
  list-style: none;
}
.page--vpsJump .list--block li {
  padding: 15px 20px;
}
.page--vpsJump .list--striped li:nth-child(odd) {
  background-color: #ededed;
}
@media (min-width: 983px) {
  .page--vpsJump .list-audience {
    height: 78px;
  }
}
@media (max-width: 767px) {
  .page--vpsJump .flag {
    margin-bottom: 30px;
    margin-bottom: 1.875rem;
  }
}
.page--vpsJump .c-gonfalon-banner__content {
  background-color: #6DC4A1;
}
.page--vpsJump .c-gonfalon-banner__tail::before,
.page--vpsJump .c-gonfalon-banner__tail::after {
  border-top: 25px solid #6DC4A1;
}
.page--vpsJump .c-gonfalon-banner__cta {
  color: #1C1C1E;
  font-weight: normal;
  font-size: 14px;
  white-space: nowrap;
  display: block;
}
.page--vpsJump .c-gonfalon-banner__cta:hover,
.page--vpsJump .c-gonfalon-banner__cta:focus,
.page--vpsJump .c-gonfalon-banner__cta:active,
.page--vpsJump .c-gonfalon-banner__cta:hover > .icon {
  color: #4d4d53;
}
@media (min-width: 768px) {
  .page--vpsJump .c-gonfalon-banner__cta {
    display: inline;
  }
}
.page--vpsJump .c-gonfalon-banner__cta > .icon {
  color: #1C1C1E;
}
/**!
 * Webhosting.less
 *
 * Webhosting specific modules and styles
 * =========================================================================== */
/* ==========================================================================
   Webhosting specific overrides and styles
   ========================================================================== */
.page--webhosting .specs .island {
  background-color: #262626;
}
@media (max-width: 767px) {
  .page--webhosting .specs .island {
    margin-bottom: 30px;
  }
}
.page--webhosting .webhosting-wizard .radioBox .radioBox-input:checked + label {
  background-color: #faaf43;
}
.page--webhosting .webhosting-wizard .recommendations .leftpullquote {
  position: relative;
  padding-left: 60px;
  padding-top: 15px;
  padding-right: 10px;
}
.page--webhosting .webhosting-wizard .recommendations .leftpullquote i {
  position: absolute;
  top: 12px;
  left: 8px;
  font-size: 38px;
  color: #ccc;
}
.page--webhosting .webhosting-wizard .recommendations .leftpullquote .leftAngleQuote {
  position: absolute;
  top: -28px;
  left: 1px;
  font-size: 110px;
  color: #ccc;
}
.page--webhosting .webhosting-wizard .recommendations .leftpullquote + p {
  margin-left: 75px;
}
.page--webhosting .webhosting-wizard .whw-step .plan {
  margin-bottom: 20px;
}
.page--webhosting .webhosting-wizard .whw-step .module-header,
.page--webhosting .webhosting-wizard .whw-step .module-header + .grid-row {
  -webkit-transition: -webkit-transform 500ms ease-in-out;
  -moz-transition: -moz-transform 500ms ease-in-out;
  -o-transition: -o-transform 500ms ease-in-out;
  -ms-transition: -ms-transform 500ms ease-in-out;
  transition: transform 500ms ease-in-out;
}
.page--webhosting .webhosting-wizard .whw-step .module-header.slideIn,
.page--webhosting .webhosting-wizard .whw-step .module-header + .grid-row.slideIn {
  -webkit-transform: translateX(0) !important;
  -moz-transform: translateX(0) !important;
  -o-transform: translateX(0) !important;
  -ms-transform: translateX(0) !important;
  transform: translateX(0) !important;
}
@media (max-width: 767px) {
  .page--webhosting .webhosting-wizard .whw-step .form-input {
    margin-bottom: 10px;
  }
}
.page--webhosting .webhosting-wizard .whw-step .form-input input[type=radio]:checked + label {
  border-color: #48e0a4;
}
.page--webhosting .webhosting-wizard .whw-step .form-input input[type=radio] {
  position: absolute;
  left: -999999px;
}
.page--webhosting .webhosting-wizard .whw-step .form-input-label {
  border: 2px solid #ccc;
  line-height: 20px;
  padding: 20px 0;
  -webkit-transition: -webkit-border-color 120ms linear;
  -moz-transition: -moz-border-color 120ms linear;
  -o-transition: border-color 120ms linear;
  -ms-transition: border-color 120ms linear;
  transition: border-color 120ms linear;
}
.page--webhosting .webhosting-wizard .whw-step .form-input-label:hover {
  border-color: #48e0a4;
}
.page--webhosting .webhosting-wizard .whw-step .form-input-label img {
  width: 90%;
  height: 75px;
  margin-bottom: 10px;
}
@media (max-width: 767px) {
  .page--webhosting .webhosting-wizard .whw-step .whw-submit {
    display: block;
    width: 100%;
  }
}
.page--webhosting .webhosting-wizard .whw-step .whw-progress-bar li {
  position: relative;
  width: 19.6%;
  height: 20px;
}
@media (max-width: 767px) {
  .page--webhosting .webhosting-wizard .whw-step .whw-progress-bar li {
    width: 18.5%;
  }
}
.page--webhosting .webhosting-wizard .whw-step .whw-progress-bar li:after {
  content: '';
  position: absolute;
  width: 100%;
  height: 4px;
  background-color: #f6f6f6;
  top: 8px;
  left: 0;
}
.page--webhosting .webhosting-wizard .whw-step .whw-progress-bar li .bubble {
  -webkit-border-radius: 5000px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 5000px;
  -moz-background-clip: padding;
  border-radius: 5000px;
  background-clip: padding-box;
  background-color: #f6f6f6;
  width: 20px;
  height: 20px;
  margin-right: -5px;
  position: relative;
  z-index: 2;
}
.page--webhosting .webhosting-wizard .whw-step .whw-progress-bar li.completed:after,
.page--webhosting .webhosting-wizard .whw-step .whw-progress-bar li.completed .bubble {
  background-color: #9e7fb9;
}
.page--webhosting .webhosting-wizard .whw-step .whw-progress-bar .whw-previous-answers p {
  color: #ccc;
}
.page--webhosting .webhosting-wizard .whw-step .whw-progress-bar .whw-previous-answers .previous-selections {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  margin-left: 0.83335%;
}
.page--webhosting .webhosting-wizard .whw-step .whw-progress-bar .whw-previous-answers .previous-selections .form-input-label {
  width: auto;
  margin-right: 2%;
  cursor: auto;
  font-size: 10px;
  font-size: 0.625rem;
  padding: 12px 20px;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-opacity: 0.5;
  -moz-opacity: 0.5;
  opacity: 0.5;
}
.page--webhosting .webhosting-wizard .whw-step .whw-progress-bar .whw-previous-answers .previous-selections .form-input-label:hover {
  border-color: #ccc;
}
.page--webhosting .webhosting-wizard .whw-step .whw-progress-bar .whw-previous-answers .previous-selections .form-input-label:last-child {
  margin-right: 0;
}
.page--webhosting .webhosting-wizard .whw-step .whw-progress-bar .whw-previous-answers .previous-selections .form-input-label img {
  width: auto;
  height: 35px;
  margin-bottom: -10px;
}
.page--webhosting .webhosting-wizard .whw-step#whw-step-4 .whw-trafficRow,
.page--webhosting .webhosting-wizard .whw-step#whw-step-4 .form-input {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
}
.page--webhosting .webhosting-wizard .whw-step#whw-step-4 .form-input {
  width: 100%;
  margin-right: 2%;
}
.page--webhosting .webhosting-wizard .whw-step#whw-step-4 .form-input:last-child {
  margin-right: 0;
}
.page--webhosting .webhosting-wizard .whw-step#whw-step-4 .form-input .form-input-label {
  padding: 20px;
  padding: 1.25rem;
  width: 100%;
}
.page--webhosting .webhosting-wizard .whw-step#whw-step-4 .whw-unsureAudience {
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
}
.page--webhosting .webhosting-wizard .whw-step#whw-step-4 .whw-unsureAudience .form-input {
  width: auto;
}
.page--webhosting .webhosting-wizard .whw-step#whw-step-5 .grid-col.plan .header {
  padding: 15px 25px;
  margin-bottom: 0;
  background-color: #282B2D;
  color: #f6f6f6;
}
.page--webhosting .webhosting-wizard .whw-step#whw-step-5 .grid-col.plan .details {
  padding: 30px;
  padding: 1.875rem;
  background-color: #fff;
}
.page--agency-landing .features h2 {
  line-height: 52px;
  font-size: 26px;
  text-transform: initial;
}
.page--agency-landing .prodOverview-specs .lush {
  position: relative;
  top: 1px;
}
.page--agency-landing textarea {
  background: #f6f6f6;
  border: none;
}
.page--agency-landing .heroUnit {
  background-image: url('../_img/webhosting/agency/dig-agencies-hero.jpg');
}
.page--agency-landing .agency--quote-bubble {
  width: 250px;
  height: 250px;
}
.page--agency-landing .getStarted--form input[type=text],
.page--agency-landing .getStarted--form input[type=email],
.page--agency-landing .getStarted--form input[type=tel] {
  background: #f6f6f6;
  border: none;
}
@media (max-width: 767px) {
  .page--agency-landing .sales-hours {
    margin-top: 60px;
  }
}
/**!
 * Animations
 *
 * CSS hover animations for snazzy and sexy effekts!
 * =========================================================================== */
.u-spin {
  -webkit-transition: all 1100ms ease-in-out;
  -moz-transition: all 1100ms ease-in-out;
  -o-transition: all 1100ms ease-in-out;
  -ms-transition: all 1100ms ease-in-out;
  transition: all 1100ms ease-in-out;
}
.u-spin:hover,
.u-spin:focus,
.u-spin:active {
  -webkit-animation: spin 1.4s ease-in-out 0 1;
  -moz-animation: spin 1.4s ease-in-out 0 1;
  -o-animation: spin 1.4s ease-in-out 0 1;
  -ms-animation: spin 1.4s ease-in-out 0 1;
  animation: spin 1.4s ease-in-out 0 1;
}
@-ms-keyframes spin {
  from {
    -ms-transform: rotate(0deg);
  }
  to {
    -ms-transform: rotate(360deg);
  }
}
@-moz-keyframes spin {
  from {
    -moz-transform: rotate(0deg);
  }
  to {
    -moz-transform: rotate(360deg);
  }
}
@-webkit-keyframes spin {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
/* ==========================================================================
   Display utilities
   https://github.com/suitcss/utils-display/
   ========================================================================== */
/**
 * Display-type utilities
 */
.u-flex {
  display: flex !important;
}
.u-inline {
  display: inline !important;
}
.u-inlineBlock {
  display: inline-block !important;
}
.u-block {
  display: block !important;
}
.u-displayNone {
  display: none !important;
}
.u-table {
  display: table !important;
}
.u-tableCell {
  display: table-cell !important;
}
/**!
 * Layout utilities
 *
 * https://github.com/suitcss/utils-layout/
 * ========================================================================== */
/* ==========================================================================
   Contain floats
   ========================================================================== */
/**
 * Make an element expand to contain floated children.
 * Uses pseudo-elements (micro clearfix).
 *
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of the
 *    element.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
.u-clearfix:before,
.u-clearfix:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.u-clearfix:after {
  clear: both;
}
.u-clearLeft {
  clear: left !important;
}
.u-clearBoth {
  clear: both !important;
}
.u-clear {
  clear: both !important;
}
/**
 * Floats
 */
.u-pullLeft {
  float: left !important;
}
.u-pullRight {
  float: right !important;
}
.u-pullNone {
  float: none !important;
}
/* ==========================================================================
   Vertical alignment utilities
   ========================================================================== */
/**
 * Depends on an appropriate `display` value.
 */
.u-alignTop {
  vertical-align: top !important;
}
.u-alignMiddle {
  vertical-align: middle !important;
}
.u-alignBaseline {
  vertical-align: baseline !important;
}
.u-alignBottom {
  vertical-align: bottom !important;
}
/* ==========================================================================
   Spacing
   ========================================================================== */
/**
 * Depends on an appropriate `display` value.
 */
.u-noMargin {
  margin: 0 !important;
}
.u-noMarginBottom {
  margin-bottom: 0 !important;
}
.u-noMarginTop {
  margin-top: 0 !important;
}
.u-noMarginLeft {
  margin-left: 0 !important;
}
.u-noMarginRight {
  margin-right: 0 !important;
}
.u-autoMarginBottom {
  margin-bottom: auto !important;
}
.u-autoMarginTop {
  margin-top: auto !important;
}
.u-autoMarginLeft {
  margin-left: auto !important;
}
.u-autoMarginRight {
  margin-right: auto !important;
}
.u-autoMargin {
  margin: auto !important;
}
.u-noPadding {
  padding: 0 !important;
}
.u-noPaddingBottom {
  padding-bottom: 0 !important;
}
.u-noPaddingTop {
  padding-top: 0 !important;
}
.u-noPaddingLeft {
  padding-left: 0 !important;
}
.u-noPaddingRight {
  padding-right: 0 !important;
}
.u-halfSpacing--top {
  margin-top: 15px !important;
}
.u-baseSpacing--top {
  margin-top: 30px !important;
}
/* Bottom Spacing
   -------------------------------------------------------------------------- */
.u-baseSpacing {
  margin-bottom: 30px !important;
}
.u-halfSpacing {
  margin-bottom: 15px !important;
}
.u-doubleSpacing {
  margin-bottom: 60px !important;
}
/* ==========================================================================
   Mobile utility classes
   ========================================================================== */
@media (min-width: 768px) {
  .u-doubleSpacing--noMobile {
    margin-bottom: 60px !important;
  }
}
/* Top Spacing
   -------------------------------------------------------------------------- */
.u-baseSpacing--top,
.u-baseSpacingTop {
  margin-top: 30px !important;
}
.u-halfSpacing--top,
.u-halfSpacingTop {
  margin-top: 15px !important;
}
.u-doubleSpacing--top,
.u-doubleSpacingTop {
  margin-top: 60px !important;
}
.u-tripleSpacing--top,
.u-tripleSpacingTop {
  margin-top: 90px !important;
}
/* Positions
   -------------------------------------------------------------------------- */
.u-isRelative {
  position: relative !important;
}
.u-isFixed {
  position: fixed !important;
}
.u-isAbsolute {
  position: absolute !important;
}
/* centering horizontal and vertically
   -------------------------------------------------------------------------- */
.u-verticalCenter {
  display: table;
  width: 100%;
}
.u-vertHorizAlign {
  position: absolute;
  left: 50% !important;
  top: 50% !important;
  transform: translateX(-50%) translateY(-50%);
}
.u-verticalCenter-item {
  display: table-cell;
  vertical-align: middle;
}
.u-verticalAlign {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.u-centered {
  margin-left: auto;
  margin-right: auto;
  display: block;
}
/* For handling overflow
   -------------------------------------------------------------------------- */
.u-overflow-scroll {
  overflow: scroll;
}
/* Flex layout
   -------------------------------------------------------------------------- */
.u-flex-grow-2 {
  -webkit-flex-grow: 2 !important;
  -moz-flex-grow: 2 !important;
  -ms-flex-grow: 2 !important;
  flex-grow: 2 !important;
}
.u-flex-grow-3 {
  -webkit-flex-grow: 3 !important;
  -moz-flex-grow: 3 !important;
  -ms-flex-grow: 3 !important;
  flex-grow: 3 !important;
}
.u-flex-grow-4 {
  -webkit-flex-grow: 4 !important;
  -moz-flex-grow: 4 !important;
  -ms-flex-grow: 4 !important;
  flex-grow: 4 !important;
}
.u-flex-grow-7 {
  -webkit-flex-grow: 7 !important;
  -moz-flex-grow: 7 !important;
  -ms-flex-grow: 7 !important;
  flex-grow: 7 !important;
}
.u-flex-auto {
  flex: auto !important;
}
.u-flex-no-basis {
  flex-basis: 0% !important;
}
.u-flex-direction-column {
  flex-direction: column !important;
}
.u-flex-align-start {
  align-items: flex-start !important;
}
.u-flex-align-center {
  align-items: center !important;
}
.u-flex-justify-center {
  justify-content: center !important;
}
/* Sizing
   -------------------------------------------------------------------------- */
.u-full-width {
  width: 100% !important;
}
.u-full-screen-min-height {
  min-height: 100vh !important;
}
/**!
 * Text Utitlities
 *
 * Helper classes for text effects.
 * https://github.com/suitcss/utils-text
 * ========================================================================== */
/**
 * Word breaking
 *
 * Break strings when their length exceeds the width of their container.
 */
.u-breakWord {
  word-wrap: break-word;
  overflow-wrap: break-word;
}
.u-wrap {
  white-space: normal !important;
}
.u-nowrap {
  white-space: nowrap !important;
}
.u-whitespace-nowrap {
  white-space: nowrap !important;
}
/**
 * Horizontal text alignment
 */
.u-textRight {
  text-align: right !important;
}
.u-textLeft {
  text-align: left !important;
}
.u-textCenter {
  text-align: center !important;
}
/**
 * Text transform
 */
.u-textAllcaps,
.u-textAllCaps {
  text-transform: uppercase !important;
}
.u-textCapitalize {
  text-transform: capitalize !important;
}
.u-textCapitalizeFirstWord:first-letter {
  text-transform: capitalize !important;
}
.u-textNormal {
  text-transform: none !important;
}
.u-textLowercase {
  text-transform: lowercase !important;
}
.u-textNoSpacing {
  letter-spacing: 0 !important;
}
.u-textUnderline {
  text-decoration: underline !important;
}
.u-strikethrough {
  position: relative;
}
.u-strikethrough:after {
  border-bottom: 5px solid #f26767;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 50%;
}
@media (max-width: 767px) {
  .u-strikethrough:after {
    border-bottom: 3px solid #f26767;
  }
}
.u-line-height-none {
  line-height: 0 !important;
}
.u-line-height-normal {
  line-height: 1 !important;
}
.u-textMicro {
  font-size: 10px !important;
  line-height: 12px;
}
.u-textMini {
  font-size: 12px !important;
}
.u-textSmall {
  font-size: 14px !important;
}
.u-textMedium {
  font-size: 20px !important;
}
.u-textLarge {
  font-size: 30px !important;
}
.u-textXLarge {
  font-size: 54px !important;
}
.u-textLighter {
  font-weight: lighter !important;
}
.u-textNormal {
  font-weight: normal !important;
}
.u-textBold {
  font-weight: bold !important;
}
.u-textItalic {
  font-style: italic !important;
}
/**!
 * Link-specific utilities
 * https://github.com/suitcss/utils-link/blob/master/link.css
 * =========================================================================== */
/**
 * Pseudo-link
 *
 * Another interactive element, e.g., `button`, styled to look like an anchor.
 * Relies on the use of a placeholder anchor (and ideally ARIA).
 *
 * Example HTML:
 *
 * <button class="u-linkPseudo">
 *     <a role="presentation">Button content</a>
 * </button>
 */
.u-linkPseudo {
  display: inline;
  padding: 0;
  border: 0;
  margin: 0;
  background: transparent;
  color: inherit;
  cursor: pointer;
  font: inherit;
}
.u-linkPseudo:hover,
.u-linkPseudo:focus,
.u-linkPseudo:active {
  background: transparent;
  color: inherit;
}
/*
Fix for ga event tracking clicks, allows the click to be initiated
by the parent element with the attribute.
ex <a href="#plan" data-ga-click-event="CTA::$$PAGE_TYPE::View Add-Ons"><span>View Addons</span></a>
*/
[data-ga-click-event] > span,
[data-ga-click-event] > i,
[data-ga-click-event] > svg,
[data-ga-click-event] > strong {
  pointer-events: none;
}
/**!
 * State Utitlities
 *
 * Helper classes for various states.
 * https://github.com/suitcss/utils-state/
 * ========================================================================== */
/**
 * Global states.
 * JavaScript may add/remove/toggle these classes.
 * All other states are component-scoped and use the `is-` prefix.
 */
/**
 * Completely remove from the flow and screen readers.
 */
.u-isHidden {
  display: none !important;
  visibility: hidden !important;
}
/**
 * Completely remove from the flow but leave available to screen readers.
 */
.u-isHiddenVisually {
  position: absolute !important;
  overflow: hidden;
  width: 1px;
  height: 1px;
  padding: 0;
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
}
/**
 * Control visibility without affecting flow.
 */
.u-isVisible {
  visibility: visible !important;
}
.u-isInvisible {
  visibility: hidden !important;
}
.u-isOpaque {
  -webkit-opacity: 0 !important;
  -moz-opacity: 0 !important;
  opacity: 0 !important;
}
.u-isOffPage {
  position: absolute;
  left: -999999px;
}
/**
 * Indicate that interaction will result in an (in)action.
 */
.u-isDisabled {
  cursor: default !important;
}
/**
 * Colors
 */
.u-brandColor {
  color: #48e0a4 !important;
}
.u-brandColor--grid {
  color: #f26767 !important;
}
.u-brandColor--dv {
  color: #67a8da !important;
}
.u-brandColor--wpress {
  color: #FFD02B !important;
}
.u-brandColor--dvDeveloper {
  color: #29cbcf !important;
}
.u-brandColor--dvManaged {
  color: #67a8da !important;
}
.u-brandColor--managedWordpress {
  color: #f2427e !important;
}
.u-brandColor--managed {
  color: #9e7fb9 !important;
}
.u-brandColor--dvEnterprise {
  color: #ffd02b !important;
}
.u-brandColor--enterprise {
  color: #f2427e !important;
}
.u-brandColor--virb {
  color: #0093da !important;
}
.u-brandColor--aws {
  color: #faaf43 !important;
}
.u-brandColor--awsNavy {
  color: #354E78 !important;
}
.u-brandColor--vps {
  color: #6DC4A1 !important;
}
/**
 * Background colors
 */
.u-brandBackground {
  background-color: #48e0a4 !important;
}
.u-brandBackground--grid {
  background-color: #f26767 !important;
}
.u-brandBackground--wpress {
  background-color: #FFD02B !important;
}
.u-brandBackground--dvDeveloper {
  background-color: #29cbcf !important;
}
.u-brandBackground--dv {
  background-color: #67a8da !important;
}
.u-brandBackground--managedHosting {
  background-color: #9e7fb9 !important;
}
.u-brandBackground--dvEnterprise {
  background-color: #ffd02b !important;
}
.u-brandBackground--enterprise {
  background-color: #f2427e !important;
}
.u-brandBackground--virb {
  background-color: #0093da !important;
}
.u-brandBackground--cloudTech {
  background-color: #a4c3d7 !important;
}
.u-brandBackground--awsHosting {
  background-color: #45659b !important;
}
.u-brandBackground--vps {
  background-color: #6DC4A1 !important;
}
@-ms-viewport {
  width: device-width;
}
@media screen and (max-width: 400px) {
  @-ms-viewport {
    width: 320px;
  }
}
.u-visible--sm {
  display: none !important;
}
tr.u-visible--sm {
  display: none !important;
}
th.u-visible--sm,
td.u-visible--sm {
  display: none !important;
}
.u-visible--md {
  display: none !important;
}
tr.u-visible--md {
  display: none !important;
}
th.u-visible--md,
td.u-visible--md {
  display: none !important;
}
.u-visible--lg {
  display: block !important;
}
tr.u-visible--lg {
  display: table-row !important;
}
th.u-visible--lg,
td.u-visible--lg {
  display: table-cell !important;
}
.u-hidden--sm {
  display: block !important;
}
tr.u-hidden--sm {
  display: table-row !important;
}
th.u-hidden--sm,
td.u-hidden--sm {
  display: table-cell !important;
}
.u-hidden--md {
  display: block !important;
}
tr.u-hidden--md {
  display: table-row !important;
}
th.u-hidden--md,
td.u-hidden--md {
  display: table-cell !important;
}
.u-hidden--lg {
  display: none !important;
}
tr.u-hidden--lg {
  display: none !important;
}
th.u-hidden--lg,
td.u-hidden--lg {
  display: none !important;
}
@media (min-width: 768px) and (max-width: 1199px) {
  .u-visible--sm {
    display: none !important;
  }
  tr.u-visible--sm {
    display: none !important;
  }
  th.u-visible--sm,
  td.u-visible--sm {
    display: none !important;
  }
  .u-visible--md {
    display: block !important;
  }
  tr.u-visible--md {
    display: table-row !important;
  }
  th.u-visible--md,
  td.u-visible--md {
    display: table-cell !important;
  }
  .u-visible--lg {
    display: none !important;
  }
  tr.u-visible--lg {
    display: none !important;
  }
  th.u-visible--lg,
  td.u-visible--lg {
    display: none !important;
  }
  .u-hidden--sm {
    display: block !important;
  }
  tr.u-hidden--sm {
    display: table-row !important;
  }
  th.u-hidden--sm,
  td.u-hidden--sm {
    display: table-cell !important;
  }
  .u-hidden--md {
    display: none !important;
  }
  tr.u-hidden--md {
    display: none !important;
  }
  th.u-hidden--md,
  td.u-hidden--md {
    display: none !important;
  }
  .u-hidden--lg {
    display: block !important;
  }
  tr.u-hidden--lg {
    display: table-row !important;
  }
  th.u-hidden--lg,
  td.u-hidden--lg {
    display: table-cell !important;
  }
}
@media (max-width: 767px) {
  .u-visible--sm {
    display: block !important;
  }
  tr.u-visible--sm {
    display: table-row !important;
  }
  th.u-visible--sm,
  td.u-visible--sm {
    display: table-cell !important;
  }
  .u-visible--md {
    display: none !important;
  }
  tr.u-visible--md {
    display: none !important;
  }
  th.u-visible--md,
  td.u-visible--md {
    display: none !important;
  }
  .u-visible--lg {
    display: none !important;
  }
  tr.u-visible--lg {
    display: none !important;
  }
  th.u-visible--lg,
  td.u-visible--lg {
    display: none !important;
  }
  .u-hidden--sm {
    display: none !important;
  }
  tr.u-hidden--sm {
    display: none !important;
  }
  th.u-hidden--sm,
  td.u-hidden--sm {
    display: none !important;
  }
  .u-hidden--md {
    display: block !important;
  }
  tr.u-hidden--md {
    display: table-row !important;
  }
  th.u-hidden--md,
  td.u-hidden--md {
    display: table-cell !important;
  }
  .u-hidden--lg {
    display: block !important;
  }
  tr.u-hidden--lg {
    display: table-row !important;
  }
  th.u-hidden--lg,
  td.u-hidden--lg {
    display: table-cell !important;
  }
}
.socialShareBtns li a {
  width: 22px;
  display: inline-block;
  margin-bottom: 15px;
  margin-bottom: 0.9375rem;
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 20px;
  line-height: 1.25rem;
}
/*-------------------------------------------------------------------------------------------------*/
/* When in Dev, use the area below to temporarily house LESS that needs to be added to Novastrap
/*-------------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------*/
/* Not yet added to novastrap */
/*---------------------------------------------------------------------------*/
/*Add to diverders.less */
.hr--bold {
  border-top-width: 2px;
}
.h5.u-textAllcaps {
  letter-spacing: 0;
}
/*---------------------------------------------------------------------------*/
/* Added to Novastrap already, need to commit it there, delete it from here, and update NPM Shrinkwrap before launch */
/*---------------------------------------------------------------------------*/
.u-imgGrow {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  -webkit-transition: all 150ms linear;
  -moz-transition: all 150ms linear;
  -o-transition: all 150ms linear;
  -ms-transition: all 150ms linear;
  transition: all 150ms linear;
}
.u-imgGrow:hover {
  -webkit-transform: scale(1.04);
  -moz-transform: scale(1.04);
  -o-transform: scale(1.04);
  -ms-transform: scale(1.04);
  transform: scale(1.04);
}
.u-imgShrink {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  -webkit-transition: all 150ms linear;
  -moz-transition: all 150ms linear;
  -o-transition: all 150ms linear;
  -ms-transition: all 150ms linear;
  transition: all 150ms linear;
}
.u-imgShrink:hover {
  -webkit-transform: scale(0.08);
  -moz-transform: scale(0.08);
  -o-transform: scale(0.08);
  -ms-transform: scale(0.08);
  transform: scale(0.08);
}
.page--enterprise-landing > .ourClients {
  cursor: default;
}
.page--wordpress .planBox,
.page--wordpress--b .planBox {
  padding-bottom: 30px;
}
.page--wordpress .planBox-header-price,
.page--wordpress--b .planBox-header-price {
  color: #FFD02B;
}
.page--wordpress .planBox-content--bottom,
.page--wordpress--b .planBox-content--bottom {
  padding-top: 0;
}
.page--wordpress .planBox-content--bottom p,
.page--wordpress--b .planBox-content--bottom p {
  border-top: 1px solid #000;
  padding: 25px 0 0 ;
}
.page--wordpress .viewPlans,
.page--wordpress--b .viewPlans {
  text-align: center;
  color: #1C1C1E;
}
.page--wordpress .viewPlans-text,
.page--wordpress--b .viewPlans-text {
  font-size: 26px;
  margin: 0 35px 0 0;
  vertical-align: middle;
}
.page--wordpress .viewPlans a,
.page--wordpress--b .viewPlans a {
  font-size: 20px;
  outline: none;
  vertical-align: middle;
}
/*---------------------------------------------------------------------------*/
/* TO remove after AB test - Override Novastrap's planBox                    */
/*---------------------------------------------------------------------------*/
.textInput--x-thin {
  font-size: 12px;
  font-size: 0.75rem;
  padding: 8px;
  padding: 0.5rem;
  line-height: 12px;
  line-height: 0.75rem;
}
.newsletterSignupFormAB {
  color: #ededed;
}
@media screen and (max-width: 800px) {
  .newsletterSignupFormAB {
    display: none !important;
  }
}
.newsletterSignupFormAB--hidden {
  display: none;
}
.newsletterSignupFormAB-closeBtn {
  margin: 19px 0;
}
.newsletterSignupFormAB-closeBtn > .header-close {
  color: inherit;
}
.newsletterSignupFormAB-label {
  padding-right: 5px;
}
.newsletterSignupFormAB-submitBtn {
  padding-left: 10px;
  padding-right: 10px;
}
.newsletterSignupFormAB-submitBtn > span {
  margin-left: 0;
}