@charset "UTF-8";
/**** Variables ****/
/*lightest grey ever -dark0 (lightest)*/
/*light grey -dark1 (this is from guidelines) */
/*blackish  -dark5 (darkest)*/
/*white*/
/*pale blue/grey*/
/*darker blue/grey*/
/*brownish yellow*/
/*mid grey -dark3*/
/*grey -dark2*/
/*pale green*/
/*slightly darker grey used on comp charts */
/*dark grey -dark4 (this is from guidelines)*/
/*yellow (this is from guidelines)*/
/* Very dark grey, used for configurator */
/*dark blue (this is from guidelines)*/
/*green (this is from guidelines)*/
/* darker green*/
/* darker yellow*/
/* brighter yellow*/
/*these set the font sizes that are used in the mixins*/
/*these are for all the fonts, so they respond to screen size*/
/* top margins*/
/* right margins*/
/* bottom margins*/
/* left margins*/
/* top paddings*/
/* right paddings*/
/* bottom paddings*/
/* left paddings*/
/*!
 * Bootstrap v3.4.1 (https://getbootstrap.com/)
 * Copyright 2011-2019 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
}

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

audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

[hidden],
template {
  display: none;
}

a {
  background-color: transparent;
}

a:active,
a:hover {
  outline: 0;
}

abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}

b,
strong {
  font-weight: bold;
}

dfn {
  font-style: italic;
}

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

mark {
  background: #ff0;
  color: #000;
}

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: 1em 40px;
}

hr {
  box-sizing: content-box;
  height: 0;
}

pre {
  overflow: auto;
}

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}

button {
  overflow: visible;
}

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;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

input {
  line-height: normal;
}

input[type=checkbox],
input[type=radio] {
  box-sizing: border-box;
  padding: 0;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  height: auto;
}

input[type=search] {
  -webkit-appearance: textfield;
  box-sizing: content-box;
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

legend {
  border: 0;
  padding: 0;
}

textarea {
  overflow: auto;
}

optgroup {
  font-weight: bold;
}

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

td,
th {
  padding: 0;
}

/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */
@media print {
  *,
  *:before,
  *:after {
    color: #000 !important;
    text-shadow: none !important;
    background: transparent !important;
    box-shadow: none !important;
  }
  a,
  a:visited {
    text-decoration: underline;
  }
  a[href]:after {
    content: " (" attr(href) ")";
  }
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
  a[href^="#"]:after,
  a[href^="javascript:"]:after {
    content: "";
  }
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
  .navbar {
    display: none;
  }
  .btn > .caret,
  .dropup > .btn > .caret {
    border-top-color: #000 !important;
  }
  .label {
    border: 1px solid #000;
  }
  .table {
    border-collapse: collapse !important;
  }
  .table td,
  .table th {
    background-color: #fff !important;
  }
  .table-bordered th,
  .table-bordered td {
    border: 1px solid #ddd !important;
  }
}
* {
  box-sizing: border-box;
}

*:before,
*:after {
  box-sizing: border-box;
}

html {
  font-size: 10px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

body {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.428571429;
  color: #333333;
  background-color: #fff;
}

input,
button,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

a {
  color: rgb(51.4340909091, 122.2772727273, 183.4159090909);
  text-decoration: none;
}
a:hover, a:focus {
  color: rgb(34.6799586777, 82.4466942149, 123.6700413223);
  text-decoration: underline;
}
a:focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

figure {
  margin: 0;
}

img {
  vertical-align: middle;
}

.img-responsive {
  display: block;
  max-width: 100%;
  height: auto;
}

.img-rounded {
  border-radius: 6px;
}

.img-thumbnail {
  padding: 4px;
  line-height: 1.428571429;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  transition: all 0.2s ease-in-out;
  display: inline-block;
  max-width: 100%;
  height: auto;
}

.img-circle {
  border-radius: 50%;
}

hr {
  margin-top: 20px;
  margin-bottom: 20px;
  border: 0;
  border-top: 1px solid rgb(238.425, 238.425, 238.425);
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.sr-only-focusable:active, .sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto;
}

[role=button] {
  cursor: pointer;
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  font-family: inherit;
  font-weight: 500;
  line-height: 1.1;
  color: inherit;
}
h1 small,
h1 .small, h2 small,
h2 .small, h3 small,
h3 .small, h4 small,
h4 .small, h5 small,
h5 .small, h6 small,
h6 .small,
.h1 small,
.h1 .small, .h2 small,
.h2 .small, .h3 small,
.h3 .small, .h4 small,
.h4 .small, .h5 small,
.h5 .small, .h6 small,
.h6 .small {
  font-weight: 400;
  line-height: 1;
  color: rgb(119.085, 119.085, 119.085);
}

h1, .h1,
h2, .h2,
h3, .h3 {
  margin-top: 20px;
  margin-bottom: 10px;
}
h1 small,
h1 .small, .h1 small,
.h1 .small,
h2 small,
h2 .small, .h2 small,
.h2 .small,
h3 small,
h3 .small, .h3 small,
.h3 .small {
  font-size: 65%;
}

h4, .h4,
h5, .h5,
h6, .h6 {
  margin-top: 10px;
  margin-bottom: 10px;
}
h4 small,
h4 .small, .h4 small,
.h4 .small,
h5 small,
h5 .small, .h5 small,
.h5 .small,
h6 small,
h6 .small, .h6 small,
.h6 .small {
  font-size: 75%;
}

h1, .h1 {
  font-size: 36px;
}

h2, .h2 {
  font-size: 30px;
}

h3, .h3 {
  font-size: 24px;
}

h4, .h4 {
  font-size: 18px;
}

h5, .h5 {
  font-size: 14px;
}

h6, .h6 {
  font-size: 12px;
}

p {
  margin: 0 0 10px;
}

.lead {
  margin-bottom: 20px;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.4;
}
@media (min-width: 768px) {
  .lead {
    font-size: 21px;
  }
}

small,
.small {
  font-size: 85%;
}

mark,
.mark {
  padding: 0.2em;
  background-color: #fcf8e3;
}

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

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

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

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

.text-nowrap {
  white-space: nowrap;
}

.text-lowercase {
  text-transform: lowercase;
}

.text-uppercase, .initialism {
  text-transform: uppercase;
}

.text-capitalize {
  text-transform: capitalize;
}

.text-muted {
  color: rgb(119.085, 119.085, 119.085);
}

.text-primary {
  color: rgb(51.4340909091, 122.2772727273, 183.4159090909);
}

a.text-primary:hover,
a.text-primary:focus {
  color: rgb(40.2646694215, 95.723553719, 143.5853305785);
}

.text-success {
  color: #3c763d;
}

a.text-success:hover,
a.text-success:focus {
  color: rgb(42.808988764, 84.191011236, 43.5224719101);
}

.text-info {
  color: #31708f;
}

a.text-info:hover,
a.text-info:focus {
  color: rgb(35.984375, 82.25, 105.015625);
}

.text-warning {
  color: #8a6d3b;
}

a.text-warning:hover,
a.text-warning:focus {
  color: rgb(102.2741116751, 80.7817258883, 43.7258883249);
}

.text-danger {
  color: #a94442;
}

a.text-danger:hover,
a.text-danger:focus {
  color: rgb(132.3234042553, 53.2425531915, 51.6765957447);
}

.bg-primary {
  color: #fff;
}

.bg-primary {
  background-color: rgb(51.4340909091, 122.2772727273, 183.4159090909);
}

a.bg-primary:hover,
a.bg-primary:focus {
  background-color: rgb(40.2646694215, 95.723553719, 143.5853305785);
}

.bg-success {
  background-color: #dff0d8;
}

a.bg-success:hover,
a.bg-success:focus {
  background-color: rgb(192.7777777778, 225.8333333333, 179.1666666667);
}

.bg-info {
  background-color: #d9edf7;
}

a.bg-info:hover,
a.bg-info:focus {
  background-color: rgb(174.8695652174, 217.0434782609, 238.1304347826);
}

.bg-warning {
  background-color: #fcf8e3;
}

a.bg-warning:hover,
a.bg-warning:focus {
  background-color: rgb(247.064516129, 236.4838709677, 180.935483871);
}

.bg-danger {
  background-color: #f2dede;
}

a.bg-danger:hover,
a.bg-danger:focus {
  background-color: rgb(227.5869565217, 185.4130434783, 185.4130434783);
}

.page-header {
  padding-bottom: 9px;
  margin: 40px 0 20px;
  border-bottom: 1px solid rgb(238.425, 238.425, 238.425);
}

ul,
ol {
  margin-top: 0;
  margin-bottom: 10px;
}
ul ul,
ul ol,
ol ul,
ol ol {
  margin-bottom: 0;
}

.list-unstyled {
  padding-left: 0;
  list-style: none;
}

.list-inline {
  padding-left: 0;
  list-style: none;
  margin-left: -5px;
}
.list-inline > li {
  display: inline-block;
  padding-right: 5px;
  padding-left: 5px;
}

dl {
  margin-top: 0;
  margin-bottom: 20px;
}

dt,
dd {
  line-height: 1.428571429;
}

dt {
  font-weight: 700;
}

dd {
  margin-left: 0;
}

.dl-horizontal dd:before, .dl-horizontal dd:after {
  display: table;
  content: " ";
}
.dl-horizontal dd:after {
  clear: both;
}
@media (min-width: 768px) {
  .dl-horizontal dt {
    float: left;
    width: 160px;
    clear: left;
    text-align: right;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .dl-horizontal dd {
    margin-left: 180px;
  }
}

abbr[title],
abbr[data-original-title] {
  cursor: help;
}

.initialism {
  font-size: 90%;
}

blockquote {
  padding: 10px 20px;
  margin: 0 0 20px;
  font-size: 17.5px;
  border-left: 5px solid rgb(238.425, 238.425, 238.425);
}
blockquote p:last-child,
blockquote ul:last-child,
blockquote ol:last-child {
  margin-bottom: 0;
}
blockquote footer,
blockquote small,
blockquote .small {
  display: block;
  font-size: 80%;
  line-height: 1.428571429;
  color: rgb(119.085, 119.085, 119.085);
}
blockquote footer:before,
blockquote small:before,
blockquote .small:before {
  content: "— ";
}

.blockquote-reverse,
blockquote.pull-right {
  padding-right: 15px;
  padding-left: 0;
  text-align: right;
  border-right: 5px solid rgb(238.425, 238.425, 238.425);
  border-left: 0;
}
.blockquote-reverse footer:before,
.blockquote-reverse small:before,
.blockquote-reverse .small:before,
blockquote.pull-right footer:before,
blockquote.pull-right small:before,
blockquote.pull-right .small:before {
  content: "";
}
.blockquote-reverse footer:after,
.blockquote-reverse small:after,
.blockquote-reverse .small:after,
blockquote.pull-right footer:after,
blockquote.pull-right small:after,
blockquote.pull-right .small:after {
  content: " —";
}

address {
  margin-bottom: 20px;
  font-style: normal;
  line-height: 1.428571429;
}

.container, .navbar #navbar, .navbar .log_in_form, .navbar .social_buttons, .navbar .support_tab, .navbar .navbar-header {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
.container:before, .navbar #navbar:before, .navbar .log_in_form:before, .navbar .social_buttons:before, .navbar .support_tab:before, .navbar .navbar-header:before, .container:after, .navbar #navbar:after, .navbar .log_in_form:after, .navbar .social_buttons:after, .navbar .support_tab:after, .navbar .navbar-header:after {
  display: table;
  content: " ";
}
.container:after, .navbar #navbar:after, .navbar .log_in_form:after, .navbar .social_buttons:after, .navbar .support_tab:after, .navbar .navbar-header:after {
  clear: both;
}
@media (min-width: 768px) {
  .container, .navbar #navbar, .navbar .log_in_form, .navbar .social_buttons, .navbar .support_tab, .navbar .navbar-header {
    width: 100%;
  }
}
@media (min-width: 992px) {
  .container, .navbar #navbar, .navbar .log_in_form, .navbar .social_buttons, .navbar .support_tab, .navbar .navbar-header {
    width: 100%;
  }
}
@media (min-width: 1200px) {
  .container, .navbar #navbar, .navbar .log_in_form, .navbar .social_buttons, .navbar .support_tab, .navbar .navbar-header {
    width: 1170px;
  }
}

.container-fluid, .tabbed_section, .feature_rows {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
.container-fluid:before, .tabbed_section:before, .feature_rows:before, .container-fluid:after, .tabbed_section:after, .feature_rows:after {
  display: table;
  content: " ";
}
.container-fluid:after, .tabbed_section:after, .feature_rows:after {
  clear: both;
}

.row {
  margin-right: -15px;
  margin-left: -15px;
}
.row:before, .row:after {
  display: table;
  content: " ";
}
.row:after {
  clear: both;
}

.row-no-gutters {
  margin-right: 0;
  margin-left: 0;
}
.row-no-gutters [class*=col-] {
  padding-right: 0;
  padding-left: 0;
}

.col-xs-1, .one_all, .subnav .product-icon, .col-sm-1, .one_all, .subnav .product-icon, .col-md-1, .one_all, .subnav .product-icon, .col-lg-1, .one_all, .subnav .product-icon, .col-xs-2, .left_side_7up, .two_all, .col-sm-2, .left_side_7up, .two_all, .price_switcher-col2, .col-md-2, .left_side_7up, .two_all, .price_switcher-col2, .feature_image, .col-lg-2, .left_side_7up, .two_all, .price_switcher-col1, .price_switcher-col3, .price_switcher-col2, .feature_image, .i_am, .i_want, .comp_panel_6up, .col-xs-3, .price_switcher-col1, .price_switcher-col3, .reseller_offer_holder, .subnav .product, .three_all, .col-sm-3, .price_switcher-col1, .price_switcher-col3, .reseller_offer_holder, .subnav .product, .three_all, .twelve-three_all, .domain-left-column, .col-md-3, .all-features_page .comp_panel_4up, .comp_chart_side .comp_panel_4up, .price_switcher-col1, .price_switcher-col3, .reseller_offer_holder, .subnav .product, .three_all, .twelve-three_all, .domain-left-column, .os_buttons, .four_column, .comp_panel_4up, .col-lg-3, .all-features_page .comp_panel_4up, .comp_chart_side .comp_panel_4up, .reseller_offer_holder, .subnav .product, .three_all, .twelve-three_all, .domain-left-column, .os_buttons, .four_column, .comp_panel_4up, .col-xs-4, .price_switcher-col2, .details, .four_all, .col-sm-4, .tabbed_section ul.nav li, .comp_chart_side .comp_panel_4up, .feature_image, .details, .four_all, .three_column, .contact_submit, .twelve-four_all, .advanced_search_column, .col-md-4, .tabbed_section ul.nav li, .comp_panel_6up, .details, .address, .telephone, .four_all, .os-and-cp-column, .three_column, .contact_submit, .twelve-four_all, .advanced_search_column, .feature_copy, .comp_panel_3up, .block_2, .contact_sidebar_container, .domain_logo, .hosting_column, .map, .col-lg-4, .tabbed_section ul.nav li, .details, .address, .telephone, .four_all, .os-and-cp-column, .three_column, .contact_submit, .twelve-four_all, .advanced_search_column, .what_i_am, .what_i_want, .feature_copy, .comp_panel_3up, .block_2, .contact_sidebar_container, .domain_logo, .hosting_column, .map, .col-xs-5, .five_all, .col-sm-5, .five_all, .feature_rows .image, .twelve-five_all, .col-md-5, .five_all, .feature_rows .image, .twelve-five_all, .col-lg-5, .five_all, .feature_rows .image, .twelve-five_all, .col-xs-6, .os-and-cp-column, .six_all, .forgotten_password, .sign_up, .comp_panel_3up .comp_panel_2up, .comp_panel_3up #map, .comp_panel_3up .left_column, .comp_panel_3up .right_column, .comp_panel_3up .middle_copy, .col-sm-6, .all-features_page .comp_panel_4up, .i_am, .i_want, .comp_panel_6up, .address, .telephone, .four_column, .comp_panel_4up, .os-and-cp-column, .what_i_am, .what_i_want, .six_all, .forgotten_password, .sign_up, .two_column, .tab_text, .tab_image, .video_component .text, .feature_rows .text, .twelve-six_all, .text_company, .hero_box_container, .network-row, .ram, .col-md-6, .i_am, .i_want, .what_i_am, .what_i_want, .six_all, .forgotten_password, .sign_up, .two_column, .tab_text, .tab_image, .video_component .text, .feature_rows .text, .twelve-six_all, .text_company, .footer_button_container, .footer_terms_container, .comp_panel_2up, #map, .left_column, .right_column, .middle_copy, .col-lg-6, .six_all, .forgotten_password, .sign_up, .two_column, .tab_text, .tab_image, .video_component .text, .feature_rows .text, .twelve-six_all, .text_company, .col-xs-7, .example_client_bar, .example_client_box, .example_client_box + .row, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .comp_select, .eight_all, .col-sm-8, .feature_copy, .reply, .col-md-8, .block_1, .contact_form_container, .col-lg-8, .col-xs-9, .nine_all, .col-sm-9, .domain-right-column, .col-md-9, .disk-size, .col-lg-9, .col-xs-10, .FAQ .nav_list, .comp_select_holder, .ten_all, .col-sm-10, .headline, .col-md-10, .col-lg-10, .right_side_7up, .col-xs-11, .eleven_all, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .configurator .config-tooltip, .tabbed_section ul.nav li, .offer, .feature_image, .i_am, .i_want, .comp_panel_6up, .twelve-three_all, .domain-left-column, .os_buttons, .address, .telephone, .four_column, .comp_panel_4up, .three_column, .contact_submit, .twelve-four_all, .advanced_search_column, .what_i_am, .what_i_want, .feature_copy, .comp_panel_3up, .block_2, .contact_sidebar_container, .domain_logo, .hosting_column, .map, .feature_rows .image, .twelve-five_all, .two_column, .tab_text, .tab_image, .video_component .text, .feature_rows .text, .twelve-six_all, .text_company, .ex_vat, .middle, .headine_button_component_holder, .comp_panel_1up,
.selector_arrow_margin, .os_bar, .domain_names.domain_landingpage,
.contact_text, .footer_logo_mobile_holder, .footer .full_width, .twelve_all, .col-sm-12, .os_buttons, .comp_panel_3up, .block_2, .contact_sidebar_container, .domain_logo, .hosting_column, .map, .col-md-12, .col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}

.col-xs-1, .one_all, .subnav .product-icon, .col-xs-2, .left_side_7up, .two_all, .col-xs-3, .price_switcher-col1, .price_switcher-col3, .reseller_offer_holder, .subnav .product, .three_all, .col-xs-4, .price_switcher-col2, .details, .four_all, .col-xs-5, .five_all, .col-xs-6, .os-and-cp-column, .six_all, .forgotten_password, .sign_up, .comp_panel_3up .comp_panel_2up, .comp_panel_3up #map, .comp_panel_3up .left_column, .comp_panel_3up .right_column, .comp_panel_3up .middle_copy, .col-xs-7, .example_client_bar, .example_client_box, .example_client_box + .row, .col-xs-8, .comp_select, .eight_all, .col-xs-9, .nine_all, .col-xs-10, .FAQ .nav_list, .comp_select_holder, .hero_box_container, .ten_all, .col-xs-11, .eleven_all, .col-xs-12, .configurator .config-tooltip, .tabbed_section ul.nav li, .offer, .feature_image, .i_am, .i_want, .comp_panel_6up, .twelve-three_all, .domain-left-column, .os_buttons, .address, .telephone, .four_column, .comp_panel_4up, .three_column, .contact_submit, .twelve-four_all, .advanced_search_column, .what_i_am, .what_i_want, .feature_copy, .comp_panel_3up, .block_2, .contact_sidebar_container, .domain_logo, .hosting_column, .map, .feature_rows .image, .twelve-five_all, .two_column, .tab_text, .tab_image, .video_component .text, .feature_rows .text, .twelve-six_all, .text_company, .footer_button_container, .footer_terms_container, .comp_panel_2up, #map, .left_column, .right_column, .middle_copy, .reply, .block_1, .contact_form_container, .network-row, .ram, .domain-right-column, .disk-size, .headline, .right_side_7up, .ex_vat, .middle, .headine_button_component_holder, .comp_panel_1up,
.selector_arrow_margin, .os_bar, .domain_names.domain_landingpage,
.contact_text, .footer_logo_mobile_holder, .footer .full_width, .twelve_all {
  float: left;
}

.col-xs-1, .one_all, .subnav .product-icon {
  width: 8.3333333333%;
}

.col-xs-2, .left_side_7up, .two_all {
  width: 16.6666666667%;
}

.col-xs-3, .price_switcher-col1, .price_switcher-col3, .reseller_offer_holder, .subnav .product, .three_all {
  width: 25%;
}

.col-xs-4, .price_switcher-col2, .details, .four_all {
  width: 33.3333333333%;
}

.col-xs-5, .five_all {
  width: 41.6666666667%;
}

.col-xs-6, .os-and-cp-column, .six_all, .forgotten_password, .sign_up, .comp_panel_3up .comp_panel_2up, .comp_panel_3up #map, .comp_panel_3up .left_column, .comp_panel_3up .right_column, .comp_panel_3up .middle_copy {
  width: 50%;
}

.col-xs-7, .example_client_bar, .example_client_box, .example_client_box + .row {
  width: 58.3333333333%;
}

.col-xs-8, .comp_select, .eight_all {
  width: 66.6666666667%;
}

.col-xs-9, .nine_all {
  width: 75%;
}

.col-xs-10, .FAQ .nav_list, .comp_select_holder, .hero_box_container, .ten_all {
  width: 83.3333333333%;
}

.col-xs-11, .eleven_all {
  width: 91.6666666667%;
}

.col-xs-12, .configurator .config-tooltip, .tabbed_section ul.nav li, .offer, .feature_image, .i_am, .i_want, .comp_panel_6up, .twelve-three_all, .domain-left-column, .os_buttons, .address, .telephone, .four_column, .comp_panel_4up, .three_column, .contact_submit, .twelve-four_all, .advanced_search_column, .what_i_am, .what_i_want, .feature_copy, .comp_panel_3up, .block_2, .contact_sidebar_container, .domain_logo, .hosting_column, .map, .feature_rows .image, .twelve-five_all, .two_column, .tab_text, .tab_image, .video_component .text, .feature_rows .text, .twelve-six_all, .text_company, .footer_button_container, .footer_terms_container, .comp_panel_2up, #map, .left_column, .right_column, .middle_copy, .reply, .block_1, .contact_form_container, .network-row, .ram, .domain-right-column, .disk-size, .headline, .right_side_7up, .ex_vat, .middle, .headine_button_component_holder, .comp_panel_1up,
.selector_arrow_margin, .os_bar, .domain_names.domain_landingpage,
.contact_text, .footer_logo_mobile_holder, .footer .full_width, .twelve_all {
  width: 100%;
}

.col-xs-pull-0 {
  right: auto;
}

.col-xs-pull-1 {
  right: 8.3333333333%;
}

.col-xs-pull-2 {
  right: 16.6666666667%;
}

.col-xs-pull-3 {
  right: 25%;
}

.col-xs-pull-4 {
  right: 33.3333333333%;
}

.col-xs-pull-5 {
  right: 41.6666666667%;
}

.col-xs-pull-6 {
  right: 50%;
}

.col-xs-pull-7 {
  right: 58.3333333333%;
}

.col-xs-pull-8 {
  right: 66.6666666667%;
}

.col-xs-pull-9 {
  right: 75%;
}

.col-xs-pull-10 {
  right: 83.3333333333%;
}

.col-xs-pull-11 {
  right: 91.6666666667%;
}

.col-xs-pull-12 {
  right: 100%;
}

.col-xs-push-0 {
  left: auto;
}

.col-xs-push-1 {
  left: 8.3333333333%;
}

.col-xs-push-2 {
  left: 16.6666666667%;
}

.col-xs-push-3 {
  left: 25%;
}

.col-xs-push-4 {
  left: 33.3333333333%;
}

.col-xs-push-5 {
  left: 41.6666666667%;
}

.col-xs-push-6 {
  left: 50%;
}

.col-xs-push-7 {
  left: 58.3333333333%;
}

.col-xs-push-8 {
  left: 66.6666666667%;
}

.col-xs-push-9 {
  left: 75%;
}

.col-xs-push-10 {
  left: 83.3333333333%;
}

.col-xs-push-11 {
  left: 91.6666666667%;
}

.col-xs-push-12 {
  left: 100%;
}

.col-xs-offset-0, .example_client_bar, .example_client_box, .example_client_box + .row {
  margin-left: 0%;
}

.col-xs-offset-1, .FAQ .nav_list, .offset-1, .price_switcher-col1, .hero_box_container {
  margin-left: 8.3333333333%;
}

.col-xs-offset-2 {
  margin-left: 16.6666666667%;
}

.col-xs-offset-3 {
  margin-left: 25%;
}

.col-xs-offset-4 {
  margin-left: 33.3333333333%;
}

.col-xs-offset-5 {
  margin-left: 41.6666666667%;
}

.col-xs-offset-6 {
  margin-left: 50%;
}

.col-xs-offset-7 {
  margin-left: 58.3333333333%;
}

.col-xs-offset-8 {
  margin-left: 66.6666666667%;
}

.col-xs-offset-9 {
  margin-left: 75%;
}

.col-xs-offset-10 {
  margin-left: 83.3333333333%;
}

.col-xs-offset-11 {
  margin-left: 91.6666666667%;
}

.col-xs-offset-12 {
  margin-left: 100%;
}

@media (min-width: 768px) {
  .col-sm-1, .one_all, .subnav .product-icon, .col-sm-2, .left_side_7up, .two_all, .price_switcher-col2, .col-sm-3, .price_switcher-col1, .price_switcher-col3, .reseller_offer_holder, .subnav .product, .three_all, .twelve-three_all, .domain-left-column, .col-sm-4, .tabbed_section ul.nav li, .comp_chart_side .comp_panel_4up, .feature_image, .details, .four_all, .three_column, .contact_submit, .twelve-four_all, .advanced_search_column, .col-sm-5, .five_all, .feature_rows .image, .twelve-five_all, .col-sm-6, .all-features_page .comp_panel_4up, .i_am, .i_want, .comp_panel_6up, .address, .telephone, .four_column, .comp_panel_4up, .os-and-cp-column, .what_i_am, .what_i_want, .six_all, .forgotten_password, .sign_up, .two_column, .tab_text, .tab_image, .video_component .text, .feature_rows .text, .twelve-six_all, .text_company, .comp_panel_3up .comp_panel_2up, .comp_panel_3up #map, .comp_panel_3up .left_column, .comp_panel_3up .right_column, .comp_panel_3up .middle_copy, .hero_box_container, .network-row, .ram, .col-sm-7, .col-sm-8, .feature_copy, .eight_all, .reply, .col-sm-9, .nine_all, .domain-right-column, .col-sm-10, .ten_all, .headline, .col-sm-11, .eleven_all, .col-sm-12, .os_buttons, .comp_panel_3up, .block_2, .contact_sidebar_container, .domain_logo, .hosting_column, .map, .footer_button_container, .footer_terms_container, .comp_panel_2up, #map, .left_column, .right_column, .middle_copy, .block_1, .contact_form_container, .disk-size, .right_side_7up, .ex_vat, .middle, .headine_button_component_holder, .comp_panel_1up,
  .selector_arrow_margin, .os_bar, .domain_names.domain_landingpage,
  .contact_text, .footer_logo_mobile_holder, .footer .full_width, .twelve_all {
    float: left;
  }
  .col-sm-1, .one_all, .subnav .product-icon {
    width: 8.3333333333%;
  }
  .col-sm-2, .left_side_7up, .two_all, .price_switcher-col2 {
    width: 16.6666666667%;
  }
  .col-sm-3, .price_switcher-col1, .price_switcher-col3, .reseller_offer_holder, .subnav .product, .three_all, .twelve-three_all, .domain-left-column {
    width: 25%;
  }
  .col-sm-4, .tabbed_section ul.nav li, .comp_chart_side .comp_panel_4up, .feature_image, .details, .four_all, .three_column, .contact_submit, .twelve-four_all, .advanced_search_column {
    width: 33.3333333333%;
  }
  .col-sm-5, .five_all, .feature_rows .image, .twelve-five_all {
    width: 41.6666666667%;
  }
  .col-sm-6, .all-features_page .comp_panel_4up, .i_am, .i_want, .comp_panel_6up, .address, .telephone, .four_column, .comp_panel_4up, .os-and-cp-column, .what_i_am, .what_i_want, .six_all, .forgotten_password, .sign_up, .two_column, .tab_text, .tab_image, .video_component .text, .feature_rows .text, .twelve-six_all, .text_company, .comp_panel_3up .comp_panel_2up, .comp_panel_3up #map, .comp_panel_3up .left_column, .comp_panel_3up .right_column, .comp_panel_3up .middle_copy, .hero_box_container, .network-row, .ram {
    width: 50%;
  }
  .col-sm-7 {
    width: 58.3333333333%;
  }
  .col-sm-8, .feature_copy, .eight_all, .reply {
    width: 66.6666666667%;
  }
  .col-sm-9, .nine_all, .domain-right-column {
    width: 75%;
  }
  .col-sm-10, .ten_all, .headline {
    width: 83.3333333333%;
  }
  .col-sm-11, .eleven_all {
    width: 91.6666666667%;
  }
  .col-sm-12, .os_buttons, .comp_panel_3up, .block_2, .contact_sidebar_container, .domain_logo, .hosting_column, .map, .footer_button_container, .footer_terms_container, .comp_panel_2up, #map, .left_column, .right_column, .middle_copy, .block_1, .contact_form_container, .disk-size, .right_side_7up, .ex_vat, .middle, .headine_button_component_holder, .comp_panel_1up,
  .selector_arrow_margin, .os_bar, .domain_names.domain_landingpage,
  .contact_text, .footer_logo_mobile_holder, .footer .full_width, .twelve_all {
    width: 100%;
  }
  .col-sm-pull-0 {
    right: auto;
  }
  .col-sm-pull-1 {
    right: 8.3333333333%;
  }
  .col-sm-pull-2 {
    right: 16.6666666667%;
  }
  .col-sm-pull-3 {
    right: 25%;
  }
  .col-sm-pull-4 {
    right: 33.3333333333%;
  }
  .col-sm-pull-5 {
    right: 41.6666666667%;
  }
  .col-sm-pull-6 {
    right: 50%;
  }
  .col-sm-pull-7 {
    right: 58.3333333333%;
  }
  .col-sm-pull-8 {
    right: 66.6666666667%;
  }
  .col-sm-pull-9 {
    right: 75%;
  }
  .col-sm-pull-10 {
    right: 83.3333333333%;
  }
  .col-sm-pull-11 {
    right: 91.6666666667%;
  }
  .col-sm-pull-12 {
    right: 100%;
  }
  .col-sm-push-0 {
    left: auto;
  }
  .col-sm-push-1 {
    left: 8.3333333333%;
  }
  .col-sm-push-2 {
    left: 16.6666666667%;
  }
  .col-sm-push-3 {
    left: 25%;
  }
  .col-sm-push-4 {
    left: 33.3333333333%;
  }
  .col-sm-push-5 {
    left: 41.6666666667%;
  }
  .col-sm-push-6 {
    left: 50%;
  }
  .col-sm-push-7 {
    left: 58.3333333333%;
  }
  .col-sm-push-8 {
    left: 66.6666666667%;
  }
  .col-sm-push-9 {
    left: 75%;
  }
  .col-sm-push-10 {
    left: 83.3333333333%;
  }
  .col-sm-push-11 {
    left: 91.6666666667%;
  }
  .col-sm-push-12 {
    left: 100%;
  }
  .col-sm-offset-0, .hero_box_container {
    margin-left: 0%;
  }
  .col-sm-offset-1, .headline {
    margin-left: 8.3333333333%;
  }
  .col-sm-offset-2, .price_switcher-col1 {
    margin-left: 16.6666666667%;
  }
  .col-sm-offset-3 {
    margin-left: 25%;
  }
  .col-sm-offset-4 {
    margin-left: 33.3333333333%;
  }
  .col-sm-offset-5 {
    margin-left: 41.6666666667%;
  }
  .col-sm-offset-6 {
    margin-left: 50%;
  }
  .col-sm-offset-7 {
    margin-left: 58.3333333333%;
  }
  .col-sm-offset-8 {
    margin-left: 66.6666666667%;
  }
  .col-sm-offset-9 {
    margin-left: 75%;
  }
  .col-sm-offset-10 {
    margin-left: 83.3333333333%;
  }
  .col-sm-offset-11 {
    margin-left: 91.6666666667%;
  }
  .col-sm-offset-12 {
    margin-left: 100%;
  }
}
@media (min-width: 992px) {
  .col-md-1, .one_all, .subnav .product-icon, .col-md-2, .left_side_7up, .two_all, .price_switcher-col2, .feature_image, .col-md-3, .all-features_page .comp_panel_4up, .comp_chart_side .comp_panel_4up, .price_switcher-col1, .price_switcher-col3, .reseller_offer_holder, .subnav .product, .three_all, .twelve-three_all, .domain-left-column, .os_buttons, .four_column, .comp_panel_4up, .col-md-4, .tabbed_section ul.nav li, .comp_panel_6up, .details, .address, .telephone, .four_all, .os-and-cp-column, .three_column, .contact_submit, .twelve-four_all, .advanced_search_column, .feature_copy, .comp_panel_3up, .block_2, .contact_sidebar_container, .domain_logo, .hosting_column, .map, .col-md-5, .five_all, .feature_rows .image, .twelve-five_all, .col-md-6, .i_am, .i_want, .what_i_am, .what_i_want, .six_all, .forgotten_password, .sign_up, .two_column, .tab_text, .tab_image, .video_component .text, .feature_rows .text, .twelve-six_all, .text_company, .footer_button_container, .footer_terms_container, .comp_panel_3up .comp_panel_2up, .comp_panel_3up #map, .comp_panel_3up .left_column, .comp_panel_3up .right_column, .comp_panel_3up .middle_copy, .comp_panel_2up, #map, .left_column, .right_column, .middle_copy, .col-md-7, .hero_box_container, .col-md-8, .eight_all, .reply, .block_1, .contact_form_container, .col-md-9, .nine_all, .network-row, .ram, .domain-right-column, .disk-size, .col-md-10, .ten_all, .headline, .col-md-11, .eleven_all, .col-md-12, .right_side_7up, .ex_vat, .middle, .headine_button_component_holder, .comp_panel_1up,
  .selector_arrow_margin, .os_bar, .domain_names.domain_landingpage,
  .contact_text, .footer_logo_mobile_holder, .footer .full_width, .twelve_all {
    float: left;
  }
  .col-md-1, .one_all, .subnav .product-icon {
    width: 8.3333333333%;
  }
  .col-md-2, .left_side_7up, .two_all, .price_switcher-col2, .feature_image {
    width: 16.6666666667%;
  }
  .col-md-3, .all-features_page .comp_panel_4up, .comp_chart_side .comp_panel_4up, .price_switcher-col1, .price_switcher-col3, .reseller_offer_holder, .subnav .product, .three_all, .twelve-three_all, .domain-left-column, .os_buttons, .four_column, .comp_panel_4up {
    width: 25%;
  }
  .col-md-4, .tabbed_section ul.nav li, .comp_panel_6up, .details, .address, .telephone, .four_all, .os-and-cp-column, .three_column, .contact_submit, .twelve-four_all, .advanced_search_column, .feature_copy, .comp_panel_3up, .block_2, .contact_sidebar_container, .domain_logo, .hosting_column, .map {
    width: 33.3333333333%;
  }
  .col-md-5, .five_all, .feature_rows .image, .twelve-five_all {
    width: 41.6666666667%;
  }
  .col-md-6, .i_am, .i_want, .what_i_am, .what_i_want, .six_all, .forgotten_password, .sign_up, .two_column, .tab_text, .tab_image, .video_component .text, .feature_rows .text, .twelve-six_all, .text_company, .footer_button_container, .footer_terms_container, .comp_panel_3up .comp_panel_2up, .comp_panel_3up #map, .comp_panel_3up .left_column, .comp_panel_3up .right_column, .comp_panel_3up .middle_copy, .comp_panel_2up, #map, .left_column, .right_column, .middle_copy {
    width: 50%;
  }
  .col-md-7, .hero_box_container {
    width: 58.3333333333%;
  }
  .col-md-8, .eight_all, .reply, .block_1, .contact_form_container {
    width: 66.6666666667%;
  }
  .col-md-9, .nine_all, .network-row, .ram, .domain-right-column, .disk-size {
    width: 75%;
  }
  .col-md-10, .ten_all, .headline {
    width: 83.3333333333%;
  }
  .col-md-11, .eleven_all {
    width: 91.6666666667%;
  }
  .col-md-12, .right_side_7up, .ex_vat, .middle, .headine_button_component_holder, .comp_panel_1up,
  .selector_arrow_margin, .os_bar, .domain_names.domain_landingpage,
  .contact_text, .footer_logo_mobile_holder, .footer .full_width, .twelve_all {
    width: 100%;
  }
  .col-md-pull-0 {
    right: auto;
  }
  .col-md-pull-1 {
    right: 8.3333333333%;
  }
  .col-md-pull-2 {
    right: 16.6666666667%;
  }
  .col-md-pull-3 {
    right: 25%;
  }
  .col-md-pull-4 {
    right: 33.3333333333%;
  }
  .col-md-pull-5 {
    right: 41.6666666667%;
  }
  .col-md-pull-6 {
    right: 50%;
  }
  .col-md-pull-7 {
    right: 58.3333333333%;
  }
  .col-md-pull-8 {
    right: 66.6666666667%;
  }
  .col-md-pull-9 {
    right: 75%;
  }
  .col-md-pull-10 {
    right: 83.3333333333%;
  }
  .col-md-pull-11 {
    right: 91.6666666667%;
  }
  .col-md-pull-12 {
    right: 100%;
  }
  .col-md-push-0 {
    left: auto;
  }
  .col-md-push-1 {
    left: 8.3333333333%;
  }
  .col-md-push-2 {
    left: 16.6666666667%;
  }
  .col-md-push-3 {
    left: 25%;
  }
  .col-md-push-4 {
    left: 33.3333333333%;
  }
  .col-md-push-5 {
    left: 41.6666666667%;
  }
  .col-md-push-6 {
    left: 50%;
  }
  .col-md-push-7 {
    left: 58.3333333333%;
  }
  .col-md-push-8 {
    left: 66.6666666667%;
  }
  .col-md-push-9 {
    left: 75%;
  }
  .col-md-push-10 {
    left: 83.3333333333%;
  }
  .col-md-push-11 {
    left: 91.6666666667%;
  }
  .col-md-push-12 {
    left: 100%;
  }
  .col-md-offset-0 {
    margin-left: 0%;
  }
  .col-md-offset-1 {
    margin-left: 8.3333333333%;
  }
  .col-md-offset-2, .price_switcher-col1 {
    margin-left: 16.6666666667%;
  }
  .col-md-offset-3 {
    margin-left: 25%;
  }
  .col-md-offset-4 {
    margin-left: 33.3333333333%;
  }
  .col-md-offset-5 {
    margin-left: 41.6666666667%;
  }
  .col-md-offset-6 {
    margin-left: 50%;
  }
  .col-md-offset-7 {
    margin-left: 58.3333333333%;
  }
  .col-md-offset-8 {
    margin-left: 66.6666666667%;
  }
  .col-md-offset-9 {
    margin-left: 75%;
  }
  .col-md-offset-10 {
    margin-left: 83.3333333333%;
  }
  .col-md-offset-11 {
    margin-left: 91.6666666667%;
  }
  .col-md-offset-12 {
    margin-left: 100%;
  }
}
@media (min-width: 1200px) {
  .col-lg-1, .one_all, .subnav .product-icon, .col-lg-2, .left_side_7up, .two_all, .price_switcher-col1, .price_switcher-col3, .price_switcher-col2, .feature_image, .i_am, .i_want, .comp_panel_6up, .col-lg-3, .all-features_page .comp_panel_4up, .comp_chart_side .comp_panel_4up, .reseller_offer_holder, .subnav .product, .three_all, .twelve-three_all, .domain-left-column, .os_buttons, .four_column, .comp_panel_4up, .col-lg-4, .tabbed_section ul.nav li, .details, .address, .telephone, .four_all, .os-and-cp-column, .three_column, .contact_submit, .twelve-four_all, .advanced_search_column, .what_i_am, .what_i_want, .feature_copy, .comp_panel_3up, .block_2, .contact_sidebar_container, .domain_logo, .hosting_column, .map, .col-lg-5, .five_all, .feature_rows .image, .twelve-five_all, .col-lg-6, .six_all, .forgotten_password, .sign_up, .two_column, .tab_text, .tab_image, .video_component .text, .feature_rows .text, .twelve-six_all, .text_company, .footer_button_container, .footer_terms_container, .comp_panel_3up .comp_panel_2up, .comp_panel_3up #map, .comp_panel_3up .left_column, .comp_panel_3up .right_column, .comp_panel_3up .middle_copy, .comp_panel_2up, #map, .left_column, .right_column, .middle_copy, .col-lg-7, .hero_box_container, .col-lg-8, .eight_all, .reply, .block_1, .contact_form_container, .col-lg-9, .nine_all, .network-row, .ram, .domain-right-column, .disk-size, .col-lg-10, .ten_all, .headline, .right_side_7up, .col-lg-11, .eleven_all, .col-lg-12, .ex_vat, .middle, .headine_button_component_holder, .comp_panel_1up,
  .selector_arrow_margin, .os_bar, .domain_names.domain_landingpage,
  .contact_text, .footer_logo_mobile_holder, .footer .full_width, .twelve_all {
    float: left;
  }
  .col-lg-1, .one_all, .subnav .product-icon {
    width: 8.3333333333%;
  }
  .col-lg-2, .left_side_7up, .two_all, .price_switcher-col1, .price_switcher-col3, .price_switcher-col2, .feature_image, .i_am, .i_want, .comp_panel_6up {
    width: 16.6666666667%;
  }
  .col-lg-3, .all-features_page .comp_panel_4up, .comp_chart_side .comp_panel_4up, .reseller_offer_holder, .subnav .product, .three_all, .twelve-three_all, .domain-left-column, .os_buttons, .four_column, .comp_panel_4up {
    width: 25%;
  }
  .col-lg-4, .tabbed_section ul.nav li, .details, .address, .telephone, .four_all, .os-and-cp-column, .three_column, .contact_submit, .twelve-four_all, .advanced_search_column, .what_i_am, .what_i_want, .feature_copy, .comp_panel_3up, .block_2, .contact_sidebar_container, .domain_logo, .hosting_column, .map {
    width: 33.3333333333%;
  }
  .col-lg-5, .five_all, .feature_rows .image, .twelve-five_all {
    width: 41.6666666667%;
  }
  .col-lg-6, .six_all, .forgotten_password, .sign_up, .two_column, .tab_text, .tab_image, .video_component .text, .feature_rows .text, .twelve-six_all, .text_company, .footer_button_container, .footer_terms_container, .comp_panel_3up .comp_panel_2up, .comp_panel_3up #map, .comp_panel_3up .left_column, .comp_panel_3up .right_column, .comp_panel_3up .middle_copy, .comp_panel_2up, #map, .left_column, .right_column, .middle_copy {
    width: 50%;
  }
  .col-lg-7, .hero_box_container {
    width: 58.3333333333%;
  }
  .col-lg-8, .eight_all, .reply, .block_1, .contact_form_container {
    width: 66.6666666667%;
  }
  .col-lg-9, .nine_all, .network-row, .ram, .domain-right-column, .disk-size {
    width: 75%;
  }
  .col-lg-10, .ten_all, .headline, .right_side_7up {
    width: 83.3333333333%;
  }
  .col-lg-11, .eleven_all {
    width: 91.6666666667%;
  }
  .col-lg-12, .ex_vat, .middle, .headine_button_component_holder, .comp_panel_1up,
  .selector_arrow_margin, .os_bar, .domain_names.domain_landingpage,
  .contact_text, .footer_logo_mobile_holder, .footer .full_width, .twelve_all {
    width: 100%;
  }
  .col-lg-pull-0 {
    right: auto;
  }
  .col-lg-pull-1 {
    right: 8.3333333333%;
  }
  .col-lg-pull-2 {
    right: 16.6666666667%;
  }
  .col-lg-pull-3 {
    right: 25%;
  }
  .col-lg-pull-4 {
    right: 33.3333333333%;
  }
  .col-lg-pull-5 {
    right: 41.6666666667%;
  }
  .col-lg-pull-6 {
    right: 50%;
  }
  .col-lg-pull-7 {
    right: 58.3333333333%;
  }
  .col-lg-pull-8 {
    right: 66.6666666667%;
  }
  .col-lg-pull-9 {
    right: 75%;
  }
  .col-lg-pull-10 {
    right: 83.3333333333%;
  }
  .col-lg-pull-11 {
    right: 91.6666666667%;
  }
  .col-lg-pull-12 {
    right: 100%;
  }
  .col-lg-push-0 {
    left: auto;
  }
  .col-lg-push-1 {
    left: 8.3333333333%;
  }
  .col-lg-push-2 {
    left: 16.6666666667%;
  }
  .col-lg-push-3 {
    left: 25%;
  }
  .col-lg-push-4 {
    left: 33.3333333333%;
  }
  .col-lg-push-5 {
    left: 41.6666666667%;
  }
  .col-lg-push-6 {
    left: 50%;
  }
  .col-lg-push-7 {
    left: 58.3333333333%;
  }
  .col-lg-push-8 {
    left: 66.6666666667%;
  }
  .col-lg-push-9 {
    left: 75%;
  }
  .col-lg-push-10 {
    left: 83.3333333333%;
  }
  .col-lg-push-11 {
    left: 91.6666666667%;
  }
  .col-lg-push-12 {
    left: 100%;
  }
  .col-lg-offset-0 {
    margin-left: 0%;
  }
  .col-lg-offset-1 {
    margin-left: 8.3333333333%;
  }
  .col-lg-offset-2 {
    margin-left: 16.6666666667%;
  }
  .col-lg-offset-3, .price_switcher-col1 {
    margin-left: 25%;
  }
  .col-lg-offset-4 {
    margin-left: 33.3333333333%;
  }
  .col-lg-offset-5 {
    margin-left: 41.6666666667%;
  }
  .col-lg-offset-6 {
    margin-left: 50%;
  }
  .col-lg-offset-7 {
    margin-left: 58.3333333333%;
  }
  .col-lg-offset-8 {
    margin-left: 66.6666666667%;
  }
  .col-lg-offset-9 {
    margin-left: 75%;
  }
  .col-lg-offset-10 {
    margin-left: 83.3333333333%;
  }
  .col-lg-offset-11 {
    margin-left: 91.6666666667%;
  }
  .col-lg-offset-12 {
    margin-left: 100%;
  }
}
fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0;
}

legend {
  display: block;
  width: 100%;
  padding: 0;
  margin-bottom: 20px;
  font-size: 21px;
  line-height: inherit;
  color: #333333;
  border: 0;
  border-bottom: 1px solid #e5e5e5;
}

label {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 5px;
  font-weight: 700;
}

input[type=search] {
  box-sizing: border-box;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
}

input[type=radio],
input[type=checkbox] {
  margin: 4px 0 0;
  margin-top: 1px \9 ;
  line-height: normal;
}
input[type=radio][disabled], input[type=radio].disabled, fieldset[disabled] input[type=radio],
input[type=checkbox][disabled],
input[type=checkbox].disabled,
fieldset[disabled] input[type=checkbox] {
  cursor: not-allowed;
}

input[type=file] {
  display: block;
}

input[type=range] {
  display: block;
  width: 100%;
}

select[multiple],
select[size] {
  height: auto;
}

input[type=file]:focus,
input[type=radio]:focus,
input[type=checkbox]:focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

output {
  display: block;
  padding-top: 7px;
  font-size: 14px;
  line-height: 1.428571429;
  color: rgb(85.425, 85.425, 85.425);
}

.form-control {
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.428571429;
  color: rgb(85.425, 85.425, 85.425);
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}
.form-control:focus {
  border-color: #66afe9;
  outline: 0;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
.form-control::-moz-placeholder {
  color: #999;
  opacity: 1;
}
.form-control:-ms-input-placeholder {
  color: #999;
}
.form-control::-webkit-input-placeholder {
  color: #999;
}
.form-control::-ms-expand {
  background-color: transparent;
  border: 0;
}
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
  background-color: rgb(238.425, 238.425, 238.425);
  opacity: 1;
}
.form-control[disabled], fieldset[disabled] .form-control {
  cursor: not-allowed;
}

textarea.form-control {
  height: auto;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  input[type=date].form-control,
  input[type=time].form-control,
  input[type=datetime-local].form-control,
  input[type=month].form-control {
    line-height: 34px;
  }
  input[type=date].input-sm, .input-group-sm input[type=date],
  input[type=time].input-sm,
  .input-group-sm input[type=time],
  input[type=datetime-local].input-sm,
  .input-group-sm input[type=datetime-local],
  input[type=month].input-sm,
  .input-group-sm input[type=month] {
    line-height: 30px;
  }
  input[type=date].input-lg, .input-group-lg input[type=date],
  input[type=time].input-lg,
  .input-group-lg input[type=time],
  input[type=datetime-local].input-lg,
  .input-group-lg input[type=datetime-local],
  input[type=month].input-lg,
  .input-group-lg input[type=month] {
    line-height: 46px;
  }
}
.form-group {
  margin-bottom: 15px;
}

.radio,
.checkbox {
  position: relative;
  display: block;
  margin-top: 10px;
  margin-bottom: 10px;
}
.radio.disabled label, fieldset[disabled] .radio label,
.checkbox.disabled label,
fieldset[disabled] .checkbox label {
  cursor: not-allowed;
}
.radio label,
.checkbox label {
  min-height: 20px;
  padding-left: 20px;
  margin-bottom: 0;
  font-weight: 400;
  cursor: pointer;
}

.radio input[type=radio],
.radio-inline input[type=radio],
.checkbox input[type=checkbox],
.checkbox-inline input[type=checkbox] {
  position: absolute;
  margin-top: 4px \9 ;
  margin-left: -20px;
}

.radio + .radio,
.checkbox + .checkbox {
  margin-top: -5px;
}

.radio-inline,
.checkbox-inline {
  position: relative;
  display: inline-block;
  padding-left: 20px;
  margin-bottom: 0;
  font-weight: 400;
  vertical-align: middle;
  cursor: pointer;
}
.radio-inline.disabled, fieldset[disabled] .radio-inline,
.checkbox-inline.disabled,
fieldset[disabled] .checkbox-inline {
  cursor: not-allowed;
}

.radio-inline + .radio-inline,
.checkbox-inline + .checkbox-inline {
  margin-top: 0;
  margin-left: 10px;
}

.form-control-static {
  min-height: 34px;
  padding-top: 7px;
  padding-bottom: 7px;
  margin-bottom: 0;
}
.form-control-static.input-lg, .form-control-static.input-sm {
  padding-right: 0;
  padding-left: 0;
}

.input-sm {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}

select.input-sm {
  height: 30px;
  line-height: 30px;
}

textarea.input-sm,
select[multiple].input-sm {
  height: auto;
}

.form-group-sm .form-control {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
.form-group-sm select.form-control {
  height: 30px;
  line-height: 30px;
}
.form-group-sm textarea.form-control,
.form-group-sm select[multiple].form-control {
  height: auto;
}
.form-group-sm .form-control-static {
  height: 30px;
  min-height: 32px;
  padding: 6px 10px;
  font-size: 12px;
  line-height: 1.5;
}

.input-lg {
  height: 46px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 6px;
}

select.input-lg {
  height: 46px;
  line-height: 46px;
}

textarea.input-lg,
select[multiple].input-lg {
  height: auto;
}

.form-group-lg .form-control {
  height: 46px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 6px;
}
.form-group-lg select.form-control {
  height: 46px;
  line-height: 46px;
}
.form-group-lg textarea.form-control,
.form-group-lg select[multiple].form-control {
  height: auto;
}
.form-group-lg .form-control-static {
  height: 46px;
  min-height: 38px;
  padding: 11px 16px;
  font-size: 18px;
  line-height: 1.3333333;
}

.has-feedback {
  position: relative;
}
.has-feedback .form-control {
  padding-right: 42.5px;
}

.form-control-feedback {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  display: block;
  width: 34px;
  height: 34px;
  line-height: 34px;
  text-align: center;
  pointer-events: none;
}

.input-lg + .form-control-feedback,
.input-group-lg + .form-control-feedback,
.form-group-lg .form-control + .form-control-feedback {
  width: 46px;
  height: 46px;
  line-height: 46px;
}

.input-sm + .form-control-feedback,
.input-group-sm + .form-control-feedback,
.form-group-sm .form-control + .form-control-feedback {
  width: 30px;
  height: 30px;
  line-height: 30px;
}

.has-success .help-block,
.has-success .control-label,
.has-success .radio,
.has-success .checkbox,
.has-success .radio-inline,
.has-success .checkbox-inline, .has-success.radio label, .has-success.checkbox label, .has-success.radio-inline label, .has-success.checkbox-inline label {
  color: #3c763d;
}
.has-success .form-control {
  border-color: #3c763d;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-success .form-control:focus {
  border-color: rgb(42.808988764, 84.191011236, 43.5224719101);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px rgb(102.5280898876, 177.4719101124, 103.8202247191);
}
.has-success .input-group-addon {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #3c763d;
}
.has-success .form-control-feedback {
  color: #3c763d;
}

.has-warning .help-block,
.has-warning .control-label,
.has-warning .radio,
.has-warning .checkbox,
.has-warning .radio-inline,
.has-warning .checkbox-inline, .has-warning.radio label, .has-warning.checkbox label, .has-warning.radio-inline label, .has-warning.checkbox-inline label {
  color: #8a6d3b;
}
.has-warning .form-control {
  border-color: #8a6d3b;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-warning .form-control:focus {
  border-color: rgb(102.2741116751, 80.7817258883, 43.7258883249);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px rgb(191.807106599, 160.7461928934, 107.192893401);
}
.has-warning .input-group-addon {
  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: #8a6d3b;
}
.has-warning .form-control-feedback {
  color: #8a6d3b;
}

.has-error .help-block,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline, .has-error.radio label, .has-error.checkbox label, .has-error.radio-inline label, .has-error.checkbox-inline label {
  color: #a94442;
}
.has-error .form-control {
  border-color: #a94442;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-error .form-control:focus {
  border-color: rgb(132.3234042553, 53.2425531915, 51.6765957447);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px rgb(206.4127659574, 132.0595744681, 130.5872340426);
}
.has-error .input-group-addon {
  color: #a94442;
  background-color: #f2dede;
  border-color: #a94442;
}
.has-error .form-control-feedback {
  color: #a94442;
}

.has-feedback label ~ .form-control-feedback {
  top: 25px;
}
.has-feedback label.sr-only ~ .form-control-feedback {
  top: 0;
}

.help-block {
  display: block;
  margin-top: 5px;
  margin-bottom: 10px;
  color: rgb(114.75, 114.75, 114.75);
}

@media (min-width: 768px) {
  .form-inline .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }
  .form-inline .form-control-static {
    display: inline-block;
  }
  .form-inline .input-group {
    display: inline-table;
    vertical-align: middle;
  }
  .form-inline .input-group .input-group-addon,
  .form-inline .input-group .input-group-btn,
  .form-inline .input-group .form-control {
    width: auto;
  }
  .form-inline .input-group > .form-control {
    width: 100%;
  }
  .form-inline .control-label {
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .radio,
  .form-inline .checkbox {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .radio label,
  .form-inline .checkbox label {
    padding-left: 0;
  }
  .form-inline .radio input[type=radio],
  .form-inline .checkbox input[type=checkbox] {
    position: relative;
    margin-left: 0;
  }
  .form-inline .has-feedback .form-control-feedback {
    top: 0;
  }
}

.form-horizontal .radio,
.form-horizontal .checkbox,
.form-horizontal .radio-inline,
.form-horizontal .checkbox-inline {
  padding-top: 7px;
  margin-top: 0;
  margin-bottom: 0;
}
.form-horizontal .radio,
.form-horizontal .checkbox {
  min-height: 27px;
}
.form-horizontal .form-group {
  margin-right: -15px;
  margin-left: -15px;
}
.form-horizontal .form-group:before, .form-horizontal .form-group:after {
  display: table;
  content: " ";
}
.form-horizontal .form-group:after {
  clear: both;
}
@media (min-width: 768px) {
  .form-horizontal .control-label {
    padding-top: 7px;
    margin-bottom: 0;
    text-align: right;
  }
}
.form-horizontal .has-feedback .form-control-feedback {
  right: 15px;
}
@media (min-width: 768px) {
  .form-horizontal .form-group-lg .control-label {
    padding-top: 11px;
    font-size: 18px;
  }
}
@media (min-width: 768px) {
  .form-horizontal .form-group-sm .control-label {
    padding-top: 6px;
    font-size: 12px;
  }
}

.btn {
  display: inline-block;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.428571429;
  border-radius: 4px;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.btn:focus, .btn.focus, .btn:active:focus, .btn:active.focus, .btn.active:focus, .btn.active.focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.btn:hover, .btn:focus, .btn.focus {
  color: #333;
  text-decoration: none;
}
.btn:active, .btn.active {
  background-image: none;
  outline: 0;
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.btn.disabled, .btn[disabled], fieldset[disabled] .btn {
  cursor: not-allowed;
  filter: alpha(opacity=65);
  opacity: 0.65;
  box-shadow: none;
}

a.btn.disabled, fieldset[disabled] a.btn {
  pointer-events: none;
}

.btn-default {
  color: #333;
  background-color: #fff;
  border-color: #ccc;
}
.btn-default:focus, .btn-default.focus {
  color: #333;
  background-color: rgb(229.5, 229.5, 229.5);
  border-color: rgb(140.25, 140.25, 140.25);
}
.btn-default:hover {
  color: #333;
  background-color: rgb(229.5, 229.5, 229.5);
  border-color: rgb(173.4, 173.4, 173.4);
}
.btn-default:active, .btn-default.active, .open > .btn-default.dropdown-toggle {
  color: #333;
  background-color: rgb(229.5, 229.5, 229.5);
  background-image: none;
  border-color: rgb(173.4, 173.4, 173.4);
}
.btn-default:active:hover, .btn-default:active:focus, .btn-default:active.focus, .btn-default.active:hover, .btn-default.active:focus, .btn-default.active.focus, .open > .btn-default.dropdown-toggle:hover, .open > .btn-default.dropdown-toggle:focus, .open > .btn-default.dropdown-toggle.focus {
  color: #333;
  background-color: rgb(211.65, 211.65, 211.65);
  border-color: rgb(140.25, 140.25, 140.25);
}
.btn-default.disabled:hover, .btn-default.disabled:focus, .btn-default.disabled.focus, .btn-default[disabled]:hover, .btn-default[disabled]:focus, .btn-default[disabled].focus, fieldset[disabled] .btn-default:hover, fieldset[disabled] .btn-default:focus, fieldset[disabled] .btn-default.focus {
  background-color: #fff;
  border-color: #ccc;
}
.btn-default .badge {
  color: #fff;
  background-color: #333;
}

.btn-primary {
  color: #fff;
  background-color: rgb(51.4340909091, 122.2772727273, 183.4159090909);
  border-color: rgb(45.8493801653, 109.0004132231, 163.5006198347);
}
.btn-primary:focus, .btn-primary.focus {
  color: #fff;
  background-color: rgb(40.2646694215, 95.723553719, 143.5853305785);
  border-color: rgb(17.9258264463, 42.6161157025, 63.9241735537);
}
.btn-primary:hover {
  color: #fff;
  background-color: rgb(40.2646694215, 95.723553719, 143.5853305785);
  border-color: rgb(32.4460743802, 77.1359504132, 115.7039256198);
}
.btn-primary:active, .btn-primary.active, .open > .btn-primary.dropdown-toggle {
  color: #fff;
  background-color: rgb(40.2646694215, 95.723553719, 143.5853305785);
  background-image: none;
  border-color: rgb(32.4460743802, 77.1359504132, 115.7039256198);
}
.btn-primary:active:hover, .btn-primary:active:focus, .btn-primary:active.focus, .btn-primary.active:hover, .btn-primary.active:focus, .btn-primary.active.focus, .open > .btn-primary.dropdown-toggle:hover, .open > .btn-primary.dropdown-toggle:focus, .open > .btn-primary.dropdown-toggle.focus {
  color: #fff;
  background-color: rgb(32.4460743802, 77.1359504132, 115.7039256198);
  border-color: rgb(17.9258264463, 42.6161157025, 63.9241735537);
}
.btn-primary.disabled:hover, .btn-primary.disabled:focus, .btn-primary.disabled.focus, .btn-primary[disabled]:hover, .btn-primary[disabled]:focus, .btn-primary[disabled].focus, fieldset[disabled] .btn-primary:hover, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary.focus {
  background-color: rgb(51.4340909091, 122.2772727273, 183.4159090909);
  border-color: rgb(45.8493801653, 109.0004132231, 163.5006198347);
}
.btn-primary .badge {
  color: rgb(51.4340909091, 122.2772727273, 183.4159090909);
  background-color: #fff;
}

.btn-success {
  color: #fff;
  background-color: #5cb85c;
  border-color: rgb(76.0064102564, 174.4935897436, 76.0064102564);
}
.btn-success:focus, .btn-success.focus {
  color: #fff;
  background-color: rgb(68.2692307692, 156.7307692308, 68.2692307692);
  border-color: rgb(37.3205128205, 85.6794871795, 37.3205128205);
}
.btn-success:hover {
  color: #fff;
  background-color: rgb(68.2692307692, 156.7307692308, 68.2692307692);
  border-color: rgb(57.4371794872, 131.8628205128, 57.4371794872);
}
.btn-success:active, .btn-success.active, .open > .btn-success.dropdown-toggle {
  color: #fff;
  background-color: rgb(68.2692307692, 156.7307692308, 68.2692307692);
  background-image: none;
  border-color: rgb(57.4371794872, 131.8628205128, 57.4371794872);
}
.btn-success:active:hover, .btn-success:active:focus, .btn-success:active.focus, .btn-success.active:hover, .btn-success.active:focus, .btn-success.active.focus, .open > .btn-success.dropdown-toggle:hover, .open > .btn-success.dropdown-toggle:focus, .open > .btn-success.dropdown-toggle.focus {
  color: #fff;
  background-color: rgb(57.4371794872, 131.8628205128, 57.4371794872);
  border-color: rgb(37.3205128205, 85.6794871795, 37.3205128205);
}
.btn-success.disabled:hover, .btn-success.disabled:focus, .btn-success.disabled.focus, .btn-success[disabled]:hover, .btn-success[disabled]:focus, .btn-success[disabled].focus, fieldset[disabled] .btn-success:hover, fieldset[disabled] .btn-success:focus, fieldset[disabled] .btn-success.focus {
  background-color: #5cb85c;
  border-color: rgb(76.0064102564, 174.4935897436, 76.0064102564);
}
.btn-success .badge {
  color: #5cb85c;
  background-color: #fff;
}

.btn-info {
  color: #fff;
  background-color: #5bc0de;
  border-color: rgb(69.7715736041, 183.845177665, 217.7284263959);
}
.btn-info:focus, .btn-info.focus {
  color: #fff;
  background-color: rgb(48.5431472081, 175.6903553299, 213.4568527919);
  border-color: rgb(26.8020304569, 108.8324873096, 133.1979695431);
}
.btn-info:hover {
  color: #fff;
  background-color: rgb(48.5431472081, 175.6903553299, 213.4568527919);
  border-color: rgb(37.9081218274, 153.9299492386, 188.3918781726);
}
.btn-info:active, .btn-info.active, .open > .btn-info.dropdown-toggle {
  color: #fff;
  background-color: rgb(48.5431472081, 175.6903553299, 213.4568527919);
  background-image: none;
  border-color: rgb(37.9081218274, 153.9299492386, 188.3918781726);
}
.btn-info:active:hover, .btn-info:active:focus, .btn-info:active.focus, .btn-info.active:hover, .btn-info.active:focus, .btn-info.active.focus, .open > .btn-info.dropdown-toggle:hover, .open > .btn-info.dropdown-toggle:focus, .open > .btn-info.dropdown-toggle.focus {
  color: #fff;
  background-color: rgb(37.9081218274, 153.9299492386, 188.3918781726);
  border-color: rgb(26.8020304569, 108.8324873096, 133.1979695431);
}
.btn-info.disabled:hover, .btn-info.disabled:focus, .btn-info.disabled.focus, .btn-info[disabled]:hover, .btn-info[disabled]:focus, .btn-info[disabled].focus, fieldset[disabled] .btn-info:hover, fieldset[disabled] .btn-info:focus, fieldset[disabled] .btn-info.focus {
  background-color: #5bc0de;
  border-color: rgb(69.7715736041, 183.845177665, 217.7284263959);
}
.btn-info .badge {
  color: #5bc0de;
  background-color: #fff;
}

.btn-warning {
  color: #fff;
  background-color: #f0ad4e;
  border-color: rgb(238.0078125, 162.109375, 54.4921875);
}
.btn-warning:focus, .btn-warning.focus {
  color: #fff;
  background-color: rgb(236.015625, 151.21875, 30.984375);
  border-color: rgb(152.109375, 94.53125, 12.890625);
}
.btn-warning:hover {
  color: #fff;
  background-color: rgb(236.015625, 151.21875, 30.984375);
  border-color: rgb(213.2296875, 132.515625, 18.0703125);
}
.btn-warning:active, .btn-warning.active, .open > .btn-warning.dropdown-toggle {
  color: #fff;
  background-color: rgb(236.015625, 151.21875, 30.984375);
  background-image: none;
  border-color: rgb(213.2296875, 132.515625, 18.0703125);
}
.btn-warning:active:hover, .btn-warning:active:focus, .btn-warning:active.focus, .btn-warning.active:hover, .btn-warning.active:focus, .btn-warning.active.focus, .open > .btn-warning.dropdown-toggle:hover, .open > .btn-warning.dropdown-toggle:focus, .open > .btn-warning.dropdown-toggle.focus {
  color: #fff;
  background-color: rgb(213.2296875, 132.515625, 18.0703125);
  border-color: rgb(152.109375, 94.53125, 12.890625);
}
.btn-warning.disabled:hover, .btn-warning.disabled:focus, .btn-warning.disabled.focus, .btn-warning[disabled]:hover, .btn-warning[disabled]:focus, .btn-warning[disabled].focus, fieldset[disabled] .btn-warning:hover, fieldset[disabled] .btn-warning:focus, fieldset[disabled] .btn-warning.focus {
  background-color: #f0ad4e;
  border-color: rgb(238.0078125, 162.109375, 54.4921875);
}
.btn-warning .badge {
  color: #f0ad4e;
  background-color: #fff;
}

.btn-danger {
  color: #fff;
  background-color: #d9534f;
  border-color: rgb(212.4719626168, 62.5046728972, 58.0280373832);
}
.btn-danger:focus, .btn-danger.focus {
  color: #fff;
  background-color: rgb(201.4953271028, 48.0841121495, 43.5046728972);
  border-color: rgb(117.6074766355, 28.0654205607, 25.3925233645);
}
.btn-danger:hover {
  color: #fff;
  background-color: rgb(201.4953271028, 48.0841121495, 43.5046728972);
  border-color: rgb(172.1345794393, 41.0775700935, 37.1654205607);
}
.btn-danger:active, .btn-danger.active, .open > .btn-danger.dropdown-toggle {
  color: #fff;
  background-color: rgb(201.4953271028, 48.0841121495, 43.5046728972);
  background-image: none;
  border-color: rgb(172.1345794393, 41.0775700935, 37.1654205607);
}
.btn-danger:active:hover, .btn-danger:active:focus, .btn-danger:active.focus, .btn-danger.active:hover, .btn-danger.active:focus, .btn-danger.active.focus, .open > .btn-danger.dropdown-toggle:hover, .open > .btn-danger.dropdown-toggle:focus, .open > .btn-danger.dropdown-toggle.focus {
  color: #fff;
  background-color: rgb(172.1345794393, 41.0775700935, 37.1654205607);
  border-color: rgb(117.6074766355, 28.0654205607, 25.3925233645);
}
.btn-danger.disabled:hover, .btn-danger.disabled:focus, .btn-danger.disabled.focus, .btn-danger[disabled]:hover, .btn-danger[disabled]:focus, .btn-danger[disabled].focus, fieldset[disabled] .btn-danger:hover, fieldset[disabled] .btn-danger:focus, fieldset[disabled] .btn-danger.focus {
  background-color: #d9534f;
  border-color: rgb(212.4719626168, 62.5046728972, 58.0280373832);
}
.btn-danger .badge {
  color: #d9534f;
  background-color: #fff;
}

.btn-link {
  font-weight: 400;
  color: rgb(51.4340909091, 122.2772727273, 183.4159090909);
  border-radius: 0;
}
.btn-link, .btn-link:active, .btn-link.active, .btn-link[disabled], fieldset[disabled] .btn-link {
  background-color: transparent;
  box-shadow: none;
}
.btn-link, .btn-link:hover, .btn-link:focus, .btn-link:active {
  border-color: transparent;
}
.btn-link:hover, .btn-link:focus {
  color: rgb(34.6799586777, 82.4466942149, 123.6700413223);
  text-decoration: underline;
  background-color: transparent;
}
.btn-link[disabled]:hover, .btn-link[disabled]:focus, fieldset[disabled] .btn-link:hover, fieldset[disabled] .btn-link:focus {
  color: rgb(119.085, 119.085, 119.085);
  text-decoration: none;
}

.btn-lg {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 6px;
}

.btn-sm {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}

.btn-xs {
  padding: 1px 5px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}

.btn-block {
  display: block;
  width: 100%;
}

.btn-block + .btn-block {
  margin-top: 5px;
}

input[type=submit].btn-block,
input[type=reset].btn-block,
input[type=button].btn-block {
  width: 100%;
}

.nav {
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}
.nav:before, .nav:after {
  display: table;
  content: " ";
}
.nav:after {
  clear: both;
}
.nav > li {
  position: relative;
  display: block;
}
.nav > li > a {
  position: relative;
  display: block;
  padding: 10px 15px;
}
.nav > li > a:hover, .nav > li > a:focus {
  text-decoration: none;
}
.nav > li.disabled > a {
  color: rgb(119.085, 119.085, 119.085);
}
.nav > li.disabled > a:hover, .nav > li.disabled > a:focus {
  color: rgb(119.085, 119.085, 119.085);
  text-decoration: none;
  cursor: not-allowed;
  background-color: transparent;
}
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
  border-color: rgb(51.4340909091, 122.2772727273, 183.4159090909);
}
.nav .nav-divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}
.nav > li > a > img {
  max-width: none;
}

.nav-tabs {
  border-bottom: 1px solid #ddd;
}
.nav-tabs > li {
  float: left;
  margin-bottom: -1px;
}
.nav-tabs > li > a {
  margin-right: 2px;
  line-height: 1.428571429;
  border: 1px solid transparent;
  border-radius: 4px 4px 0 0;
}
.nav-tabs > li > a:hover {
  border-color: rgb(238.425, 238.425, 238.425) rgb(238.425, 238.425, 238.425) #ddd;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
  color: rgb(85.425, 85.425, 85.425);
  cursor: default;
  background-color: #fff;
  border: 1px solid #ddd;
  border-bottom-color: transparent;
}
.nav-pills > li {
  float: left;
}
.nav-pills > li > a {
  border-radius: 4px;
}
.nav-pills > li + li {
  margin-left: 2px;
}
.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
  color: #fff;
  background-color: rgb(51.4340909091, 122.2772727273, 183.4159090909);
}

.nav-stacked > li {
  float: none;
}
.nav-stacked > li + li {
  margin-top: 2px;
  margin-left: 0;
}

.nav-justified, .nav-tabs.nav-justified {
  width: 100%;
}
.nav-justified > li, .nav-tabs.nav-justified > li {
  float: none;
}
.nav-justified > li > a, .nav-tabs.nav-justified > li > a {
  margin-bottom: 5px;
  text-align: center;
}
.nav-justified > .dropdown .dropdown-menu {
  top: auto;
  left: auto;
}
@media (min-width: 768px) {
  .nav-justified > li, .nav-tabs.nav-justified > li {
    display: table-cell;
    width: 1%;
  }
  .nav-justified > li > a, .nav-tabs.nav-justified > li > a {
    margin-bottom: 0;
  }
}

.nav-tabs-justified, .nav-tabs.nav-justified {
  border-bottom: 0;
}
.nav-tabs-justified > li > a, .nav-tabs.nav-justified > li > a {
  margin-right: 0;
  border-radius: 4px;
}
.nav-tabs-justified > .active > a, .nav-tabs.nav-justified > .active > a,
.nav-tabs-justified > .active > a:hover,
.nav-tabs-justified > .active > a:focus {
  border: 1px solid #ddd;
}
@media (min-width: 768px) {
  .nav-tabs-justified > li > a, .nav-tabs.nav-justified > li > a {
    border-bottom: 1px solid #ddd;
    border-radius: 4px 4px 0 0;
  }
  .nav-tabs-justified > .active > a, .nav-tabs.nav-justified > .active > a,
  .nav-tabs-justified > .active > a:hover,
  .nav-tabs-justified > .active > a:focus {
    border-bottom-color: #fff;
  }
}

.tab-content > .tab-pane {
  display: none;
}
.tab-content > .active {
  display: block;
}

.nav-tabs .dropdown-menu {
  margin-top: -1px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.navbar {
  position: relative;
  min-height: 50px;
  margin-bottom: 20px;
  border: 1px solid transparent;
}
.navbar:before, .navbar:after {
  display: table;
  content: " ";
}
.navbar:after {
  clear: both;
}
@media (min-width: 768px) {
  .navbar {
    border-radius: 4px;
  }
}

.navbar-header:before, .navbar-header:after {
  display: table;
  content: " ";
}
.navbar-header:after {
  clear: both;
}
@media (min-width: 768px) {
  .navbar-header {
    float: left;
  }
}

.navbar-collapse {
  padding-right: 15px;
  padding-left: 15px;
  overflow-x: visible;
  border-top: 1px solid transparent;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
  -webkit-overflow-scrolling: touch;
}
.navbar-collapse:before, .navbar-collapse:after {
  display: table;
  content: " ";
}
.navbar-collapse:after {
  clear: both;
}
.navbar-collapse.in {
  overflow-y: auto;
}
@media (min-width: 768px) {
  .navbar-collapse {
    width: auto;
    border-top: 0;
    box-shadow: none;
  }
  .navbar-collapse.collapse {
    display: block !important;
    height: auto !important;
    padding-bottom: 0;
    overflow: visible !important;
  }
  .navbar-collapse.in {
    overflow-y: visible;
  }
  .navbar-fixed-top .navbar-collapse, .navbar-static-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
    padding-right: 0;
    padding-left: 0;
  }
}

.navbar-fixed-top,
.navbar-fixed-bottom {
  position: fixed;
  right: 0;
  left: 0;
  z-index: 1030;
}
.navbar-fixed-top .navbar-collapse,
.navbar-fixed-bottom .navbar-collapse {
  max-height: 340px;
}
@media (max-device-width: 480px) and (orientation: landscape) {
  .navbar-fixed-top .navbar-collapse,
  .navbar-fixed-bottom .navbar-collapse {
    max-height: 200px;
  }
}
@media (min-width: 768px) {
  .navbar-fixed-top,
  .navbar-fixed-bottom {
    border-radius: 0;
  }
}

.navbar-fixed-top {
  top: 0;
  border-width: 0 0 1px;
}

.navbar-fixed-bottom {
  bottom: 0;
  margin-bottom: 0;
  border-width: 1px 0 0;
}

.container > .navbar-header, .navbar #navbar > .navbar-header, .navbar .log_in_form > .navbar-header, .navbar .social_buttons > .navbar-header, .navbar .support_tab > .navbar-header, .navbar .navbar-header > .navbar-header,
.container > .navbar-collapse,
.navbar #navbar > .navbar-collapse,
.navbar .log_in_form > .navbar-collapse,
.navbar .social_buttons > .navbar-collapse,
.navbar .support_tab > .navbar-collapse,
.navbar .navbar-header > .navbar-collapse,
.container-fluid > .navbar-header,
.tabbed_section > .navbar-header,
.feature_rows > .navbar-header,
.container-fluid > .navbar-collapse,
.tabbed_section > .navbar-collapse,
.feature_rows > .navbar-collapse {
  margin-right: -15px;
  margin-left: -15px;
}
@media (min-width: 768px) {
  .container > .navbar-header, .navbar #navbar > .navbar-header, .navbar .log_in_form > .navbar-header, .navbar .social_buttons > .navbar-header, .navbar .support_tab > .navbar-header, .navbar .navbar-header > .navbar-header,
  .container > .navbar-collapse,
  .navbar #navbar > .navbar-collapse,
  .navbar .log_in_form > .navbar-collapse,
  .navbar .social_buttons > .navbar-collapse,
  .navbar .support_tab > .navbar-collapse,
  .navbar .navbar-header > .navbar-collapse,
  .container-fluid > .navbar-header,
  .tabbed_section > .navbar-header,
  .feature_rows > .navbar-header,
  .container-fluid > .navbar-collapse,
  .tabbed_section > .navbar-collapse,
  .feature_rows > .navbar-collapse {
    margin-right: 0;
    margin-left: 0;
  }
}

.navbar-static-top {
  z-index: 1000;
  border-width: 0 0 1px;
}
@media (min-width: 768px) {
  .navbar-static-top {
    border-radius: 0;
  }
}

.navbar-brand {
  float: left;
  height: 50px;
  padding: 15px 15px;
  font-size: 18px;
  line-height: 20px;
}
.navbar-brand:hover, .navbar-brand:focus {
  text-decoration: none;
}
.navbar-brand > img {
  display: block;
}
@media (min-width: 768px) {
  .navbar > .container .navbar-brand, .navbar > #navbar .navbar-brand, .navbar > .log_in_form .navbar-brand, .navbar > .social_buttons .navbar-brand, .navbar > .support_tab .navbar-brand, .navbar > .navbar-header .navbar-brand, .navbar > .container-fluid .navbar-brand, .navbar > .tabbed_section .navbar-brand, .navbar > .feature_rows .navbar-brand {
    margin-left: -15px;
  }
}

.navbar-toggle {
  position: relative;
  float: right;
  padding: 9px 10px;
  margin-right: 15px;
  margin-top: 8px;
  margin-bottom: 8px;
  background-color: transparent;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
}
.navbar-toggle:focus {
  outline: 0;
}
.navbar-toggle .icon-bar {
  display: block;
  width: 22px;
  height: 2px;
  border-radius: 1px;
}
.navbar-toggle .icon-bar + .icon-bar {
  margin-top: 4px;
}
@media (min-width: 768px) {
  .navbar-toggle {
    display: none;
  }
}

.navbar-nav {
  margin: 7.5px -15px;
}
.navbar-nav > li > a {
  padding-top: 10px;
  padding-bottom: 10px;
  line-height: 20px;
}
@media (max-width: 767px) {
  .navbar-nav .open .dropdown-menu {
    position: static;
    float: none;
    width: auto;
    margin-top: 0;
    background-color: transparent;
    border: 0;
    box-shadow: none;
  }
  .navbar-nav .open .dropdown-menu > li > a,
  .navbar-nav .open .dropdown-menu .dropdown-header {
    padding: 5px 15px 5px 25px;
  }
  .navbar-nav .open .dropdown-menu > li > a {
    line-height: 20px;
  }
  .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-nav .open .dropdown-menu > li > a:focus {
    background-image: none;
  }
}
@media (min-width: 768px) {
  .navbar-nav {
    float: left;
    margin: 0;
  }
  .navbar-nav > li {
    float: left;
  }
  .navbar-nav > li > a {
    padding-top: 15px;
    padding-bottom: 15px;
  }
}

.navbar-form {
  padding: 10px 15px;
  margin-right: -15px;
  margin-left: -15px;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
  margin-top: 8px;
  margin-bottom: 8px;
}
@media (min-width: 768px) {
  .navbar-form .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .navbar-form .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }
  .navbar-form .form-control-static {
    display: inline-block;
  }
  .navbar-form .input-group {
    display: inline-table;
    vertical-align: middle;
  }
  .navbar-form .input-group .input-group-addon,
  .navbar-form .input-group .input-group-btn,
  .navbar-form .input-group .form-control {
    width: auto;
  }
  .navbar-form .input-group > .form-control {
    width: 100%;
  }
  .navbar-form .control-label {
    margin-bottom: 0;
    vertical-align: middle;
  }
  .navbar-form .radio,
  .navbar-form .checkbox {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .navbar-form .radio label,
  .navbar-form .checkbox label {
    padding-left: 0;
  }
  .navbar-form .radio input[type=radio],
  .navbar-form .checkbox input[type=checkbox] {
    position: relative;
    margin-left: 0;
  }
  .navbar-form .has-feedback .form-control-feedback {
    top: 0;
  }
}
@media (max-width: 767px) {
  .navbar-form .form-group {
    margin-bottom: 5px;
  }
  .navbar-form .form-group:last-child {
    margin-bottom: 0;
  }
}
@media (min-width: 768px) {
  .navbar-form {
    width: auto;
    padding-top: 0;
    padding-bottom: 0;
    margin-right: 0;
    margin-left: 0;
    border: 0;
    box-shadow: none;
  }
}

.navbar-nav > li > .dropdown-menu {
  margin-top: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu {
  margin-bottom: 0;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.navbar-btn {
  margin-top: 8px;
  margin-bottom: 8px;
}
.navbar-btn.btn-sm {
  margin-top: 10px;
  margin-bottom: 10px;
}
.navbar-btn.btn-xs {
  margin-top: 14px;
  margin-bottom: 14px;
}

.navbar-text {
  margin-top: 15px;
  margin-bottom: 15px;
}
@media (min-width: 768px) {
  .navbar-text {
    float: left;
    margin-right: 15px;
    margin-left: 15px;
  }
}

@media (min-width: 768px) {
  .navbar-left {
    float: left !important;
  }
  .navbar-right {
    float: right !important;
    margin-right: -15px;
  }
  .navbar-right ~ .navbar-right {
    margin-right: 0;
  }
}
.navbar-default {
  background-color: #f8f8f8;
  border-color: rgb(231.425, 231.425, 231.425);
}
.navbar-default .navbar-brand {
  color: #777;
}
.navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus {
  color: rgb(93.5, 93.5, 93.5);
  background-color: transparent;
}
.navbar-default .navbar-text {
  color: #777;
}
.navbar-default .navbar-nav > li > a {
  color: #777;
}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
  color: #333;
}
ß .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
  color: #555;
}
.navbar-default .navbar-nav > .disabled > a, .navbar-default .navbar-nav > .disabled > a:hover, .navbar-default .navbar-nav > .disabled > a:focus {
  color: #ccc;
  background-color: transparent;
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
  color: #555;
}
@media (max-width: 767px) {
  .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #777;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #333;
    background-color: transparent;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #555;
    background-color: rgb(231.425, 231.425, 231.425);
  }
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    color: #ccc;
    background-color: transparent;
  }
}
.navbar-default .navbar-toggle {
  border-color: #ddd;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
  background-color: #ddd;
}
.navbar-default .navbar-toggle .icon-bar {
  background-color: #888;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
  border-color: rgb(231.425, 231.425, 231.425);
}
.navbar-default .navbar-link {
  color: #777;
}
.navbar-default .navbar-link:hover {
  color: #333;
}
.navbar-default .btn-link {
  color: #777;
}
.navbar-default .btn-link:hover, .navbar-default .btn-link:focus {
  color: #333;
}
.navbar-default .btn-link[disabled]:hover, .navbar-default .btn-link[disabled]:focus, fieldset[disabled] .navbar-default .btn-link:hover, fieldset[disabled] .navbar-default .btn-link:focus {
  color: #ccc;
}

.navbar-inverse {
  background-color: #222;
  border-color: rgb(8.5, 8.5, 8.5);
}
.navbar-inverse .navbar-brand {
  color: rgb(157.335, 157.335, 157.335);
}
.navbar-inverse .navbar-brand:hover, .navbar-inverse .navbar-brand:focus {
  color: #fff;
  background-color: transparent;
}
.navbar-inverse .navbar-text {
  color: rgb(157.335, 157.335, 157.335);
}
.navbar-inverse .navbar-nav > li > a {
  color: rgb(157.335, 157.335, 157.335);
}
.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {
  color: #fff;
  background-color: transparent;
}
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
  color: #fff;
  background-color: rgb(8.5, 8.5, 8.5);
}
.navbar-inverse .navbar-nav > .disabled > a, .navbar-inverse .navbar-nav > .disabled > a:hover, .navbar-inverse .navbar-nav > .disabled > a:focus {
  color: #444;
  background-color: transparent;
}
.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {
  color: #fff;
  background-color: rgb(8.5, 8.5, 8.5);
}
@media (max-width: 767px) {
  .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
    border-color: rgb(8.5, 8.5, 8.5);
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
    background-color: rgb(8.5, 8.5, 8.5);
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
    color: rgb(157.335, 157.335, 157.335);
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #fff;
    background-color: transparent;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #fff;
    background-color: rgb(8.5, 8.5, 8.5);
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    color: #444;
    background-color: transparent;
  }
}
.navbar-inverse .navbar-toggle {
  border-color: #333;
}
.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {
  background-color: #333;
}
.navbar-inverse .navbar-toggle .icon-bar {
  background-color: #fff;
}
.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form {
  border-color: rgb(16.15, 16.15, 16.15);
}
.navbar-inverse .navbar-link {
  color: rgb(157.335, 157.335, 157.335);
}
.navbar-inverse .navbar-link:hover {
  color: #fff;
}
.navbar-inverse .btn-link {
  color: rgb(157.335, 157.335, 157.335);
}
.navbar-inverse .btn-link:hover, .navbar-inverse .btn-link:focus {
  color: #fff;
}
.navbar-inverse .btn-link[disabled]:hover, .navbar-inverse .btn-link[disabled]:focus, fieldset[disabled] .navbar-inverse .btn-link:hover, fieldset[disabled] .navbar-inverse .btn-link:focus {
  color: #444;
}

.tooltip {
  position: absolute;
  z-index: 1070;
  display: block;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: 400;
  line-height: 1.428571429;
  line-break: auto;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  white-space: normal;
  font-size: 12px;
  filter: alpha(opacity=0);
  opacity: 0;
}
.tooltip.in {
  filter: alpha(opacity=90);
  opacity: 0.9;
}
.tooltip.top {
  padding: 5px 0;
  margin-top: -3px;
}
.tooltip.right {
  padding: 0 5px;
  margin-left: 3px;
}
.tooltip.bottom {
  padding: 5px 0;
  margin-top: 3px;
}
.tooltip.left {
  padding: 0 5px;
  margin-left: -3px;
}
.tooltip.top .tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000;
}
.tooltip.top-left .tooltip-arrow {
  right: 5px;
  bottom: 0;
  margin-bottom: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000;
}
.tooltip.top-right .tooltip-arrow {
  bottom: 0;
  left: 5px;
  margin-bottom: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000;
}
.tooltip.right .tooltip-arrow {
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-width: 5px 5px 5px 0;
  border-right-color: #000;
}
.tooltip.left .tooltip-arrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
  border-width: 5px 0 5px 5px;
  border-left-color: #000;
}
.tooltip.bottom .tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000;
}
.tooltip.bottom-left .tooltip-arrow {
  top: 0;
  right: 5px;
  margin-top: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000;
}
.tooltip.bottom-right .tooltip-arrow {
  top: 0;
  left: 5px;
  margin-top: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000;
}

.tooltip-inner {
  max-width: 200px;
  padding: 3px 8px;
  color: #fff;
  text-align: center;
  background-color: #000;
  border-radius: 4px;
}

.tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}

.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1060;
  display: none;
  max-width: 276px;
  padding: 1px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: 400;
  line-height: 1.428571429;
  line-break: auto;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  white-space: normal;
  font-size: 14px;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}
.popover.top {
  margin-top: -10px;
}
.popover.right {
  margin-left: 10px;
}
.popover.bottom {
  margin-top: 10px;
}
.popover.left {
  margin-left: -10px;
}
.popover > .arrow {
  border-width: 11px;
}
.popover > .arrow, .popover > .arrow:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.popover > .arrow:after {
  content: "";
  border-width: 10px;
}
.popover.top > .arrow {
  bottom: -11px;
  left: 50%;
  margin-left: -11px;
  border-top-color: #999999;
  border-top-color: rgba(0, 0, 0, 0.25);
  border-bottom-width: 0;
}
.popover.top > .arrow:after {
  bottom: 1px;
  margin-left: -10px;
  content: " ";
  border-top-color: #fff;
  border-bottom-width: 0;
}
.popover.right > .arrow {
  top: 50%;
  left: -11px;
  margin-top: -11px;
  border-right-color: #999999;
  border-right-color: rgba(0, 0, 0, 0.25);
  border-left-width: 0;
}
.popover.right > .arrow:after {
  bottom: -10px;
  left: 1px;
  content: " ";
  border-right-color: #fff;
  border-left-width: 0;
}
.popover.bottom > .arrow {
  top: -11px;
  left: 50%;
  margin-left: -11px;
  border-top-width: 0;
  border-bottom-color: #999999;
  border-bottom-color: rgba(0, 0, 0, 0.25);
}
.popover.bottom > .arrow:after {
  top: 1px;
  margin-left: -10px;
  content: " ";
  border-top-width: 0;
  border-bottom-color: #fff;
}
.popover.left > .arrow {
  top: 50%;
  right: -11px;
  margin-top: -11px;
  border-right-width: 0;
  border-left-color: #999999;
  border-left-color: rgba(0, 0, 0, 0.25);
}
.popover.left > .arrow:after {
  right: 1px;
  bottom: -10px;
  content: " ";
  border-right-width: 0;
  border-left-color: #fff;
}

.popover-title {
  padding: 8px 14px;
  margin: 0;
  font-size: 14px;
  background-color: rgb(247.35, 247.35, 247.35);
  border-bottom: 1px solid rgb(234.6, 234.6, 234.6);
  border-radius: 5px 5px 0 0;
}

.popover-content {
  padding: 9px 14px;
}

.clearfix:before, .clearfix:after {
  display: table;
  content: " ";
}
.clearfix:after {
  clear: both;
}

.center-block {
  display: block;
  margin-right: auto;
  margin-left: auto;
}

.pull-right, .navbar .log_in_form .sign_up a, .navbar .social_buttons .sign_up a, .navbar .support_tab .sign_up a {
  float: right !important;
}

.pull-left {
  float: left !important;
}

.hide {
  display: none !important;
}

.show {
  display: block !important;
}

.invisible {
  visibility: hidden;
}

.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}

.hidden {
  display: none !important;
}

.affix {
  position: fixed;
}
.visible-xs, .mobile_element, .navbar .log_in_form, .navbar .social_buttons, .navbar .support_tab {
  display: none !important;
}

.visible-sm, .desktop_element {
  display: none !important;
}

.visible-md, .desktop_element {
  display: none !important;
}

.visible-lg, .desktop_element {
  display: none !important;
}

.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
  display: none !important;
}

@media (max-width: 767px) {
  .visible-xs, .mobile_element, .navbar .log_in_form, .navbar .social_buttons, .navbar .support_tab {
    display: block !important;
  }
  table.visible-xs, table.mobile_element, .navbar table.log_in_form, .navbar table.social_buttons, .navbar table.support_tab {
    display: table !important;
  }
  tr.visible-xs, tr.mobile_element, .navbar tr.log_in_form, .navbar tr.social_buttons, .navbar tr.support_tab {
    display: table-row !important;
  }
  th.visible-xs, th.mobile_element, .navbar th.log_in_form, .navbar th.social_buttons, .navbar th.support_tab,
  td.visible-xs,
  td.mobile_element,
  .navbar td.log_in_form,
  .navbar td.social_buttons,
  .navbar td.support_tab {
    display: table-cell !important;
  }
}
@media (max-width: 767px) {
  .visible-xs-block {
    display: block !important;
  }
}

@media (max-width: 767px) {
  .visible-xs-inline {
    display: inline !important;
  }
}

@media (max-width: 767px) {
  .visible-xs-inline-block {
    display: inline-block !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm, .desktop_element {
    display: block !important;
  }
  table.visible-sm, table.desktop_element {
    display: table !important;
  }
  tr.visible-sm, tr.desktop_element {
    display: table-row !important;
  }
  th.visible-sm, th.desktop_element,
  td.visible-sm,
  td.desktop_element {
    display: table-cell !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-block {
    display: block !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline {
    display: inline !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline-block {
    display: inline-block !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md, .desktop_element {
    display: block !important;
  }
  table.visible-md, table.desktop_element {
    display: table !important;
  }
  tr.visible-md, tr.desktop_element {
    display: table-row !important;
  }
  th.visible-md, th.desktop_element,
  td.visible-md,
  td.desktop_element {
    display: table-cell !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-block {
    display: block !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-inline {
    display: inline !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-inline-block {
    display: inline-block !important;
  }
}

@media (min-width: 1200px) {
  .visible-lg, .desktop_element {
    display: block !important;
  }
  table.visible-lg, table.desktop_element {
    display: table !important;
  }
  tr.visible-lg, tr.desktop_element {
    display: table-row !important;
  }
  th.visible-lg, th.desktop_element,
  td.visible-lg,
  td.desktop_element {
    display: table-cell !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg-block {
    display: block !important;
  }
}

@media (min-width: 1200px) {
  .visible-lg-inline {
    display: inline !important;
  }
}

@media (min-width: 1200px) {
  .visible-lg-inline-block {
    display: inline-block !important;
  }
}

@media (max-width: 767px) {
  .hidden-xs, .desktop_element, .parallax_shape2, .parallax_shape1 {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .hidden-sm, .mobile_element, .navbar .log_in_form, .navbar .social_buttons, .navbar .support_tab {
    display: none !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-md, .mobile_element, .navbar .log_in_form, .navbar .social_buttons, .navbar .support_tab {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .hidden-lg, .mobile_element, .navbar .log_in_form, .navbar .social_buttons, .navbar .support_tab {
    display: none !important;
  }
}
.visible-print {
  display: none !important;
}

@media print {
  .visible-print {
    display: block !important;
  }
  table.visible-print {
    display: table !important;
  }
  tr.visible-print {
    display: table-row !important;
  }
  th.visible-print,
  td.visible-print {
    display: table-cell !important;
  }
}
.visible-print-block {
  display: none !important;
}
@media print {
  .visible-print-block {
    display: block !important;
  }
}

.visible-print-inline {
  display: none !important;
}
@media print {
  .visible-print-inline {
    display: inline !important;
  }
}

.visible-print-inline-block {
  display: none !important;
}
@media print {
  .visible-print-inline-block {
    display: inline-block !important;
  }
}

@media print {
  .hidden-print {
    display: none !important;
  }
}
/*!
 * Bootstrap Utilities v5.1.3 (https://getbootstrap.com/)
 * Copyright 2011-2021 The Bootstrap Authors
 * Copyright 2011-2021 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */
.clearfix::after {
  display: block;
  clear: both;
  content: "";
}

.link-primary {
  color: #0d6efd;
}

.link-primary:hover, .link-primary:focus {
  color: #0a58ca;
}

.link-secondary {
  color: #6c757d;
}

.link-secondary:hover, .link-secondary:focus {
  color: #565e64;
}

.link-success {
  color: #198754;
}

.link-success:hover, .link-success:focus {
  color: #146c43;
}

.link-info {
  color: #0dcaf0;
}

.link-info:hover, .link-info:focus {
  color: #3dd5f3;
}

.link-warning {
  color: #ffc107;
}

.link-warning:hover, .link-warning:focus {
  color: #ffcd39;
}

.link-danger {
  color: #dc3545;
}

.link-danger:hover, .link-danger:focus {
  color: #b02a37;
}

.link-light {
  color: #f8f9fa;
}

.link-light:hover, .link-light:focus {
  color: #f9fafb;
}

.link-dark {
  color: #212529;
}

.link-dark:hover, .link-dark:focus {
  color: #1a1e21;
}

.ratio {
  position: relative;
  width: 100%;
}

.ratio::before {
  display: block;
  padding-top: var(--bs-aspect-ratio);
  content: "";
}

.ratio > * {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.ratio-1x1 {
  --bs-aspect-ratio: 100%;
}

.ratio-4x3 {
  --bs-aspect-ratio: 75%;
}

.ratio-16x9 {
  --bs-aspect-ratio: 56.25%;
}

.ratio-21x9 {
  --bs-aspect-ratio: 42.8571428571%;
}

.fixed-top {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1030;
}

.fixed-bottom {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1030;
}

.sticky-top {
  position: sticky;
  top: 0;
  z-index: 1020;
}

@media (min-width: 576px) {
  .sticky-sm-top {
    position: sticky;
    top: 0;
    z-index: 1020;
  }
}
@media (min-width: 768px) {
  .sticky-md-top {
    position: sticky;
    top: 0;
    z-index: 1020;
  }
}
@media (min-width: 992px) {
  .sticky-lg-top {
    position: sticky;
    top: 0;
    z-index: 1020;
  }
}
@media (min-width: 1200px) {
  .sticky-xl-top {
    position: sticky;
    top: 0;
    z-index: 1020;
  }
}
@media (min-width: 1400px) {
  .sticky-xxl-top {
    position: sticky;
    top: 0;
    z-index: 1020;
  }
}
.hstack {
  display: flex;
  flex-direction: row;
  align-items: center;
  align-self: stretch;
}

.vstack {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  align-self: stretch;
}

.visually-hidden,
.visually-hidden-focusable:not(:focus):not(:focus-within) {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

.stretched-link::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  content: "";
}

.text-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.vr {
  display: inline-block;
  align-self: stretch;
  width: 1px;
  min-height: 1em;
  background-color: currentColor;
  opacity: 0.25;
}

.align-baseline {
  vertical-align: baseline !important;
}

.align-top {
  vertical-align: top !important;
}

.align-middle {
  vertical-align: middle !important;
}

.align-bottom {
  vertical-align: bottom !important;
}

.align-text-bottom {
  vertical-align: text-bottom !important;
}

.align-text-top {
  vertical-align: text-top !important;
}

.float-start {
  float: left !important;
}

.float-end {
  float: right !important;
}

.float-none {
  float: none !important;
}

.opacity-0 {
  opacity: 0 !important;
}

.opacity-25 {
  opacity: 0.25 !important;
}

.opacity-50 {
  opacity: 0.5 !important;
}

.opacity-75 {
  opacity: 0.75 !important;
}

.opacity-100 {
  opacity: 1 !important;
}

.overflow-auto {
  overflow: auto !important;
}

.overflow-hidden {
  overflow: hidden !important;
}

.overflow-visible {
  overflow: visible !important;
}

.overflow-scroll {
  overflow: scroll !important;
}

.d-inline {
  display: inline !important;
}

.d-inline-block {
  display: inline-block !important;
}

.d-block {
  display: block !important;
}

.d-grid {
  display: grid !important;
}

.d-table {
  display: table !important;
}

.d-table-row {
  display: table-row !important;
}

.d-table-cell {
  display: table-cell !important;
}

.d-flex {
  display: flex !important;
}

.d-inline-flex {
  display: inline-flex !important;
}

.d-none {
  display: none !important;
}

.shadow {
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
}

.shadow-sm {
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
}

.shadow-lg {
  box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
}

.shadow-none {
  box-shadow: none !important;
}

.position-static {
  position: static !important;
}

.position-relative {
  position: relative !important;
}

.position-absolute {
  position: absolute !important;
}

.position-fixed {
  position: fixed !important;
}

.position-sticky {
  position: sticky !important;
}

.top-0 {
  top: 0 !important;
}

.top-50 {
  top: 50% !important;
}

.top-100 {
  top: 100% !important;
}

.bottom-0 {
  bottom: 0 !important;
}

.bottom-50 {
  bottom: 50% !important;
}

.bottom-100 {
  bottom: 100% !important;
}

.start-0 {
  left: 0 !important;
}

.start-50 {
  left: 50% !important;
}

.start-100 {
  left: 100% !important;
}

.end-0 {
  right: 0 !important;
}

.end-50 {
  right: 50% !important;
}

.end-100 {
  right: 100% !important;
}

.translate-middle {
  transform: translate(-50%, -50%) !important;
}

.translate-middle-x {
  transform: translateX(-50%) !important;
}

.translate-middle-y {
  transform: translateY(-50%) !important;
}

.border {
  border: 1px solid #dee2e6 !important;
}

.border-0 {
  border: 0 !important;
}

.border-top {
  border-top: 1px solid #dee2e6 !important;
}

.border-top-0 {
  border-top: 0 !important;
}

.border-end {
  border-right: 1px solid #dee2e6 !important;
}

.border-end-0 {
  border-right: 0 !important;
}

.border-bottom {
  border-bottom: 1px solid #dee2e6 !important;
}

.border-bottom-0 {
  border-bottom: 0 !important;
}

.border-start {
  border-left: 1px solid #dee2e6 !important;
}

.border-start-0 {
  border-left: 0 !important;
}

.border-primary {
  border-color: #0d6efd !important;
}

.border-secondary {
  border-color: #6c757d !important;
}

.border-success {
  border-color: #198754 !important;
}

.border-info {
  border-color: #0dcaf0 !important;
}

.border-warning {
  border-color: #ffc107 !important;
}

.border-danger {
  border-color: #dc3545 !important;
}

.border-light {
  border-color: #f8f9fa !important;
}

.border-dark {
  border-color: #212529 !important;
}

.border-white {
  border-color: #fff !important;
}

.border-1 {
  border-width: 1px !important;
}

.border-2 {
  border-width: 2px !important;
}

.border-3 {
  border-width: 3px !important;
}

.border-4 {
  border-width: 4px !important;
}

.border-5 {
  border-width: 5px !important;
}

.w-25 {
  width: 25% !important;
}

.w-50 {
  width: 50% !important;
}

.w-75 {
  width: 75% !important;
}

.w-100 {
  width: 100% !important;
}

.w-auto {
  width: auto !important;
}

.mw-100 {
  max-width: 100% !important;
}

.vw-100 {
  width: 100vw !important;
}

.min-vw-100 {
  min-width: 100vw !important;
}

.h-25 {
  height: 25% !important;
}

.h-50 {
  height: 50% !important;
}

.h-75 {
  height: 75% !important;
}

.h-100 {
  height: 100% !important;
}

.h-auto {
  height: auto !important;
}

.mh-100 {
  max-height: 100% !important;
}

.vh-100 {
  height: 100vh !important;
}

.min-vh-100 {
  min-height: 100vh !important;
}

.flex-fill {
  flex: 1 1 auto !important;
}

.flex-row {
  flex-direction: row !important;
}

.flex-column {
  flex-direction: column !important;
}

.flex-row-reverse {
  flex-direction: row-reverse !important;
}

.flex-column-reverse {
  flex-direction: column-reverse !important;
}

.flex-grow-0 {
  flex-grow: 0 !important;
}

.flex-grow-1 {
  flex-grow: 1 !important;
}

.flex-shrink-0 {
  flex-shrink: 0 !important;
}

.flex-shrink-1 {
  flex-shrink: 1 !important;
}

.flex-wrap {
  flex-wrap: wrap !important;
}

.flex-nowrap {
  flex-wrap: nowrap !important;
}

.flex-wrap-reverse {
  flex-wrap: wrap-reverse !important;
}

.gap-0 {
  gap: 0 !important;
}

.gap-1 {
  gap: 0.25rem !important;
}

.gap-2 {
  gap: 0.5rem !important;
}

.gap-3 {
  gap: 1rem !important;
}

.gap-4 {
  gap: 1.5rem !important;
}

.gap-5 {
  gap: 3rem !important;
}

.justify-content-start {
  justify-content: flex-start !important;
}

.justify-content-end {
  justify-content: flex-end !important;
}

.justify-content-center {
  justify-content: center !important;
}

.justify-content-between {
  justify-content: space-between !important;
}

.justify-content-around {
  justify-content: space-around !important;
}

.justify-content-evenly {
  justify-content: space-evenly !important;
}

.align-items-start {
  align-items: flex-start !important;
}

.align-items-end {
  align-items: flex-end !important;
}

.align-items-center {
  align-items: center !important;
}

.align-items-baseline {
  align-items: baseline !important;
}

.align-items-stretch {
  align-items: stretch !important;
}

.align-content-start {
  align-content: flex-start !important;
}

.align-content-end {
  align-content: flex-end !important;
}

.align-content-center {
  align-content: center !important;
}

.align-content-between {
  align-content: space-between !important;
}

.align-content-around {
  align-content: space-around !important;
}

.align-content-stretch {
  align-content: stretch !important;
}

.align-self-auto {
  align-self: auto !important;
}

.align-self-start {
  align-self: flex-start !important;
}

.align-self-end {
  align-self: flex-end !important;
}

.align-self-center {
  align-self: center !important;
}

.align-self-baseline {
  align-self: baseline !important;
}

.align-self-stretch {
  align-self: stretch !important;
}

.order-first {
  order: -1 !important;
}

.order-0 {
  order: 0 !important;
}

.order-1 {
  order: 1 !important;
}

.order-2 {
  order: 2 !important;
}

.order-3 {
  order: 3 !important;
}

.order-4 {
  order: 4 !important;
}

.order-5 {
  order: 5 !important;
}

.order-last {
  order: 6 !important;
}

.m-0 {
  margin: 0 !important;
}

.m-1 {
  margin: 0.25rem !important;
}

.m-2 {
  margin: 0.5rem !important;
}

.m-3 {
  margin: 1rem !important;
}

.m-4 {
  margin: 1.5rem !important;
}

.m-5 {
  margin: 3rem !important;
}

.m-auto {
  margin: auto !important;
}

.mx-0 {
  margin-right: 0 !important;
  margin-left: 0 !important;
}

.mx-1 {
  margin-right: 0.25rem !important;
  margin-left: 0.25rem !important;
}

.mx-2 {
  margin-right: 0.5rem !important;
  margin-left: 0.5rem !important;
}

.mx-3 {
  margin-right: 1rem !important;
  margin-left: 1rem !important;
}

.mx-4 {
  margin-right: 1.5rem !important;
  margin-left: 1.5rem !important;
}

.mx-5 {
  margin-right: 3rem !important;
  margin-left: 3rem !important;
}

.mx-auto {
  margin-right: auto !important;
  margin-left: auto !important;
}

.my-0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.my-1 {
  margin-top: 0.25rem !important;
  margin-bottom: 0.25rem !important;
}

.my-2 {
  margin-top: 0.5rem !important;
  margin-bottom: 0.5rem !important;
}

.my-3 {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
}

.my-4 {
  margin-top: 1.5rem !important;
  margin-bottom: 1.5rem !important;
}

.my-5 {
  margin-top: 3rem !important;
  margin-bottom: 3rem !important;
}

.my-auto {
  margin-top: auto !important;
  margin-bottom: auto !important;
}

.mt-0 {
  margin-top: 0 !important;
}

.mt-1 {
  margin-top: 0.25rem !important;
}

.mt-2 {
  margin-top: 0.5rem !important;
}

.mt-3 {
  margin-top: 1rem !important;
}

.mt-4 {
  margin-top: 1.5rem !important;
}

.mt-5 {
  margin-top: 3rem !important;
}

.mt-auto {
  margin-top: auto !important;
}

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

.me-1 {
  margin-right: 0.25rem !important;
}

.me-2 {
  margin-right: 0.5rem !important;
}

.me-3 {
  margin-right: 1rem !important;
}

.me-4 {
  margin-right: 1.5rem !important;
}

.me-5 {
  margin-right: 3rem !important;
}

.me-auto {
  margin-right: auto !important;
}

.mb-0 {
  margin-bottom: 0 !important;
}

.mb-1 {
  margin-bottom: 0.25rem !important;
}

.mb-2 {
  margin-bottom: 0.5rem !important;
}

.mb-3 {
  margin-bottom: 1rem !important;
}

.mb-4 {
  margin-bottom: 1.5rem !important;
}

.mb-5 {
  margin-bottom: 3rem !important;
}

.mb-auto {
  margin-bottom: auto !important;
}

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

.ms-1 {
  margin-left: 0.25rem !important;
}

.ms-2 {
  margin-left: 0.5rem !important;
}

.ms-3 {
  margin-left: 1rem !important;
}

.ms-4 {
  margin-left: 1.5rem !important;
}

.ms-5 {
  margin-left: 3rem !important;
}

.ms-auto {
  margin-left: auto !important;
}

.p-0 {
  padding: 0 !important;
}

.p-1 {
  padding: 0.25rem !important;
}

.p-2 {
  padding: 0.5rem !important;
}

.p-3 {
  padding: 1rem !important;
}

.p-4 {
  padding: 1.5rem !important;
}

.p-5 {
  padding: 3rem !important;
}

.px-0 {
  padding-right: 0 !important;
  padding-left: 0 !important;
}

.px-1 {
  padding-right: 0.25rem !important;
  padding-left: 0.25rem !important;
}

.px-2 {
  padding-right: 0.5rem !important;
  padding-left: 0.5rem !important;
}

.px-3 {
  padding-right: 1rem !important;
  padding-left: 1rem !important;
}

.px-4 {
  padding-right: 1.5rem !important;
  padding-left: 1.5rem !important;
}

.px-5 {
  padding-right: 3rem !important;
  padding-left: 3rem !important;
}

.py-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.py-1 {
  padding-top: 0.25rem !important;
  padding-bottom: 0.25rem !important;
}

.py-2 {
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}

.py-3 {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}

.py-4 {
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important;
}

.py-5 {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important;
}

.pt-0 {
  padding-top: 0 !important;
}

.pt-1 {
  padding-top: 0.25rem !important;
}

.pt-2 {
  padding-top: 0.5rem !important;
}

.pt-3 {
  padding-top: 1rem !important;
}

.pt-4 {
  padding-top: 1.5rem !important;
}

.pt-5 {
  padding-top: 3rem !important;
}

.pe-0 {
  padding-right: 0 !important;
}

.pe-1 {
  padding-right: 0.25rem !important;
}

.pe-2 {
  padding-right: 0.5rem !important;
}

.pe-3 {
  padding-right: 1rem !important;
}

.pe-4 {
  padding-right: 1.5rem !important;
}

.pe-5 {
  padding-right: 3rem !important;
}

.pb-0 {
  padding-bottom: 0 !important;
}

.pb-1 {
  padding-bottom: 0.25rem !important;
}

.pb-2 {
  padding-bottom: 0.5rem !important;
}

.pb-3 {
  padding-bottom: 1rem !important;
}

.pb-4 {
  padding-bottom: 1.5rem !important;
}

.pb-5 {
  padding-bottom: 3rem !important;
}

.ps-0 {
  padding-left: 0 !important;
}

.ps-1 {
  padding-left: 0.25rem !important;
}

.ps-2 {
  padding-left: 0.5rem !important;
}

.ps-3 {
  padding-left: 1rem !important;
}

.ps-4 {
  padding-left: 1.5rem !important;
}

.ps-5 {
  padding-left: 3rem !important;
}

.font-monospace {
  font-family: var(--bs-font-monospace) !important;
}

.fs-1 {
  font-size: calc(1.375rem + 1.5vw) !important;
}

.fs-2 {
  font-size: calc(1.325rem + 0.9vw) !important;
}

.fs-3 {
  font-size: calc(1.3rem + 0.6vw) !important;
}

.fs-4 {
  font-size: calc(1.275rem + 0.3vw) !important;
}

.fs-5 {
  font-size: 1.25rem !important;
}

.fs-6 {
  font-size: 1rem !important;
}

.fst-italic {
  font-style: italic !important;
}

.fst-normal {
  font-style: normal !important;
}

.fw-light {
  font-weight: 300 !important;
}

.fw-lighter {
  font-weight: lighter !important;
}

.fw-normal {
  font-weight: 400 !important;
}

.fw-bold {
  font-weight: 700 !important;
}

.fw-bolder {
  font-weight: bolder !important;
}

.lh-1 {
  line-height: 1 !important;
}

.lh-sm {
  line-height: 1.25 !important;
}

.lh-base {
  line-height: 1.5 !important;
}

.lh-lg {
  line-height: 2 !important;
}

.text-start {
  text-align: left !important;
}

.text-end {
  text-align: right !important;
}

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

.text-decoration-none {
  text-decoration: none !important;
}

.text-decoration-underline {
  text-decoration: underline !important;
}

.text-decoration-line-through {
  text-decoration: line-through !important;
}

.text-lowercase {
  text-transform: lowercase !important;
}

.text-uppercase, .initialism {
  text-transform: uppercase !important;
}

.text-capitalize {
  text-transform: capitalize !important;
}

.text-wrap {
  white-space: normal !important;
}

.text-nowrap {
  white-space: nowrap !important;
}

/* rtl:begin:remove */
.text-break {
  word-wrap: break-word !important;
  word-break: break-word !important;
}

/* rtl:end:remove */
.text-primary {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-primary-rgb), var(--bs-text-opacity)) !important;
}

.text-secondary {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity)) !important;
}

.text-success {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-success-rgb), var(--bs-text-opacity)) !important;
}

.text-info {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-info-rgb), var(--bs-text-opacity)) !important;
}

.text-warning {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-warning-rgb), var(--bs-text-opacity)) !important;
}

.text-danger {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-danger-rgb), var(--bs-text-opacity)) !important;
}

.text-light {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-light-rgb), var(--bs-text-opacity)) !important;
}

.text-dark {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-dark-rgb), var(--bs-text-opacity)) !important;
}

.text-black {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-black-rgb), var(--bs-text-opacity)) !important;
}

.text-white {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-white-rgb), var(--bs-text-opacity)) !important;
}

.text-body {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-body-color-rgb), var(--bs-text-opacity)) !important;
}

.text-muted {
  --bs-text-opacity: 1;
  color: #6c757d !important;
}

.text-black-50 {
  --bs-text-opacity: 1;
  color: rgba(0, 0, 0, 0.5) !important;
}

.text-white-50 {
  --bs-text-opacity: 1;
  color: rgba(255, 255, 255, 0.5) !important;
}

.text-reset {
  --bs-text-opacity: 1;
  color: inherit !important;
}

.text-opacity-25 {
  --bs-text-opacity: 0.25;
}

.text-opacity-50 {
  --bs-text-opacity: 0.5;
}

.text-opacity-75 {
  --bs-text-opacity: 0.75;
}

.text-opacity-100 {
  --bs-text-opacity: 1;
}

.bg-primary {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-primary-rgb), var(--bs-bg-opacity)) !important;
}

.bg-secondary {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-secondary-rgb), var(--bs-bg-opacity)) !important;
}

.bg-success {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-success-rgb), var(--bs-bg-opacity)) !important;
}

.bg-info {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-info-rgb), var(--bs-bg-opacity)) !important;
}

.bg-warning {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-warning-rgb), var(--bs-bg-opacity)) !important;
}

.bg-danger {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-danger-rgb), var(--bs-bg-opacity)) !important;
}

.bg-light {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-light-rgb), var(--bs-bg-opacity)) !important;
}

.bg-dark {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-dark-rgb), var(--bs-bg-opacity)) !important;
}

.bg-black {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-black-rgb), var(--bs-bg-opacity)) !important;
}

.bg-white {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-white-rgb), var(--bs-bg-opacity)) !important;
}

.bg-body {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-body-bg-rgb), var(--bs-bg-opacity)) !important;
}

.bg-transparent {
  --bs-bg-opacity: 1;
  background-color: transparent !important;
}

.bg-opacity-10 {
  --bs-bg-opacity: 0.1;
}

.bg-opacity-25 {
  --bs-bg-opacity: 0.25;
}

.bg-opacity-50 {
  --bs-bg-opacity: 0.5;
}

.bg-opacity-75 {
  --bs-bg-opacity: 0.75;
}

.bg-opacity-100 {
  --bs-bg-opacity: 1;
}

.bg-gradient {
  background-image: var(--bs-gradient) !important;
}

.user-select-all {
  -webkit-user-select: all !important;
  -moz-user-select: all !important;
  user-select: all !important;
}

.user-select-auto {
  -webkit-user-select: auto !important;
  -moz-user-select: auto !important;
  user-select: auto !important;
}

.user-select-none {
  -webkit-user-select: none !important;
  -moz-user-select: none !important;
  user-select: none !important;
}

.pe-none {
  pointer-events: none !important;
}

.pe-auto {
  pointer-events: auto !important;
}

.rounded {
  border-radius: 0.25rem !important;
}

.rounded-0 {
  border-radius: 0 !important;
}

.rounded-1 {
  border-radius: 0.2rem !important;
}

.rounded-2 {
  border-radius: 0.25rem !important;
}

.rounded-3 {
  border-radius: 0.3rem !important;
}

.rounded-circle {
  border-radius: 50% !important;
}

.rounded-pill {
  border-radius: 50rem !important;
}

.rounded-top {
  border-top-left-radius: 0.25rem !important;
  border-top-right-radius: 0.25rem !important;
}

.rounded-end {
  border-top-right-radius: 0.25rem !important;
  border-bottom-right-radius: 0.25rem !important;
}

.rounded-bottom {
  border-bottom-right-radius: 0.25rem !important;
  border-bottom-left-radius: 0.25rem !important;
}

.rounded-start {
  border-bottom-left-radius: 0.25rem !important;
  border-top-left-radius: 0.25rem !important;
}

.visible {
  visibility: visible !important;
}

.invisible {
  visibility: hidden !important;
}

@media (min-width: 576px) {
  .float-sm-start {
    float: left !important;
  }
  .float-sm-end {
    float: right !important;
  }
  .float-sm-none {
    float: none !important;
  }
  .d-sm-inline {
    display: inline !important;
  }
  .d-sm-inline-block {
    display: inline-block !important;
  }
  .d-sm-block {
    display: block !important;
  }
  .d-sm-grid {
    display: grid !important;
  }
  .d-sm-table {
    display: table !important;
  }
  .d-sm-table-row {
    display: table-row !important;
  }
  .d-sm-table-cell {
    display: table-cell !important;
  }
  .d-sm-flex {
    display: flex !important;
  }
  .d-sm-inline-flex {
    display: inline-flex !important;
  }
  .d-sm-none {
    display: none !important;
  }
  .flex-sm-fill {
    flex: 1 1 auto !important;
  }
  .flex-sm-row {
    flex-direction: row !important;
  }
  .flex-sm-column {
    flex-direction: column !important;
  }
  .flex-sm-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-sm-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-sm-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-sm-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-sm-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-sm-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-sm-wrap {
    flex-wrap: wrap !important;
  }
  .flex-sm-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-sm-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .gap-sm-0 {
    gap: 0 !important;
  }
  .gap-sm-1 {
    gap: 0.25rem !important;
  }
  .gap-sm-2 {
    gap: 0.5rem !important;
  }
  .gap-sm-3 {
    gap: 1rem !important;
  }
  .gap-sm-4 {
    gap: 1.5rem !important;
  }
  .gap-sm-5 {
    gap: 3rem !important;
  }
  .justify-content-sm-start {
    justify-content: flex-start !important;
  }
  .justify-content-sm-end {
    justify-content: flex-end !important;
  }
  .justify-content-sm-center {
    justify-content: center !important;
  }
  .justify-content-sm-between {
    justify-content: space-between !important;
  }
  .justify-content-sm-around {
    justify-content: space-around !important;
  }
  .justify-content-sm-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-sm-start {
    align-items: flex-start !important;
  }
  .align-items-sm-end {
    align-items: flex-end !important;
  }
  .align-items-sm-center {
    align-items: center !important;
  }
  .align-items-sm-baseline {
    align-items: baseline !important;
  }
  .align-items-sm-stretch {
    align-items: stretch !important;
  }
  .align-content-sm-start {
    align-content: flex-start !important;
  }
  .align-content-sm-end {
    align-content: flex-end !important;
  }
  .align-content-sm-center {
    align-content: center !important;
  }
  .align-content-sm-between {
    align-content: space-between !important;
  }
  .align-content-sm-around {
    align-content: space-around !important;
  }
  .align-content-sm-stretch {
    align-content: stretch !important;
  }
  .align-self-sm-auto {
    align-self: auto !important;
  }
  .align-self-sm-start {
    align-self: flex-start !important;
  }
  .align-self-sm-end {
    align-self: flex-end !important;
  }
  .align-self-sm-center {
    align-self: center !important;
  }
  .align-self-sm-baseline {
    align-self: baseline !important;
  }
  .align-self-sm-stretch {
    align-self: stretch !important;
  }
  .order-sm-first {
    order: -1 !important;
  }
  .order-sm-0 {
    order: 0 !important;
  }
  .order-sm-1 {
    order: 1 !important;
  }
  .order-sm-2 {
    order: 2 !important;
  }
  .order-sm-3 {
    order: 3 !important;
  }
  .order-sm-4 {
    order: 4 !important;
  }
  .order-sm-5 {
    order: 5 !important;
  }
  .order-sm-last {
    order: 6 !important;
  }
  .m-sm-0 {
    margin: 0 !important;
  }
  .m-sm-1 {
    margin: 0.25rem !important;
  }
  .m-sm-2 {
    margin: 0.5rem !important;
  }
  .m-sm-3 {
    margin: 1rem !important;
  }
  .m-sm-4 {
    margin: 1.5rem !important;
  }
  .m-sm-5 {
    margin: 3rem !important;
  }
  .m-sm-auto {
    margin: auto !important;
  }
  .mx-sm-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-sm-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-sm-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-sm-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-sm-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-sm-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-sm-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-sm-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-sm-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-sm-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-sm-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-sm-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-sm-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-sm-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-sm-0 {
    margin-top: 0 !important;
  }
  .mt-sm-1 {
    margin-top: 0.25rem !important;
  }
  .mt-sm-2 {
    margin-top: 0.5rem !important;
  }
  .mt-sm-3 {
    margin-top: 1rem !important;
  }
  .mt-sm-4 {
    margin-top: 1.5rem !important;
  }
  .mt-sm-5 {
    margin-top: 3rem !important;
  }
  .mt-sm-auto {
    margin-top: auto !important;
  }
  .me-sm-0 {
    margin-right: 0 !important;
  }
  .me-sm-1 {
    margin-right: 0.25rem !important;
  }
  .me-sm-2 {
    margin-right: 0.5rem !important;
  }
  .me-sm-3 {
    margin-right: 1rem !important;
  }
  .me-sm-4 {
    margin-right: 1.5rem !important;
  }
  .me-sm-5 {
    margin-right: 3rem !important;
  }
  .me-sm-auto {
    margin-right: auto !important;
  }
  .mb-sm-0 {
    margin-bottom: 0 !important;
  }
  .mb-sm-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-sm-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-sm-3 {
    margin-bottom: 1rem !important;
  }
  .mb-sm-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-sm-5 {
    margin-bottom: 3rem !important;
  }
  .mb-sm-auto {
    margin-bottom: auto !important;
  }
  .ms-sm-0 {
    margin-left: 0 !important;
  }
  .ms-sm-1 {
    margin-left: 0.25rem !important;
  }
  .ms-sm-2 {
    margin-left: 0.5rem !important;
  }
  .ms-sm-3 {
    margin-left: 1rem !important;
  }
  .ms-sm-4 {
    margin-left: 1.5rem !important;
  }
  .ms-sm-5 {
    margin-left: 3rem !important;
  }
  .ms-sm-auto {
    margin-left: auto !important;
  }
  .p-sm-0 {
    padding: 0 !important;
  }
  .p-sm-1 {
    padding: 0.25rem !important;
  }
  .p-sm-2 {
    padding: 0.5rem !important;
  }
  .p-sm-3 {
    padding: 1rem !important;
  }
  .p-sm-4 {
    padding: 1.5rem !important;
  }
  .p-sm-5 {
    padding: 3rem !important;
  }
  .px-sm-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-sm-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-sm-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-sm-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-sm-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-sm-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-sm-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-sm-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-sm-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-sm-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-sm-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-sm-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-sm-0 {
    padding-top: 0 !important;
  }
  .pt-sm-1 {
    padding-top: 0.25rem !important;
  }
  .pt-sm-2 {
    padding-top: 0.5rem !important;
  }
  .pt-sm-3 {
    padding-top: 1rem !important;
  }
  .pt-sm-4 {
    padding-top: 1.5rem !important;
  }
  .pt-sm-5 {
    padding-top: 3rem !important;
  }
  .pe-sm-0 {
    padding-right: 0 !important;
  }
  .pe-sm-1 {
    padding-right: 0.25rem !important;
  }
  .pe-sm-2 {
    padding-right: 0.5rem !important;
  }
  .pe-sm-3 {
    padding-right: 1rem !important;
  }
  .pe-sm-4 {
    padding-right: 1.5rem !important;
  }
  .pe-sm-5 {
    padding-right: 3rem !important;
  }
  .pb-sm-0 {
    padding-bottom: 0 !important;
  }
  .pb-sm-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-sm-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-sm-3 {
    padding-bottom: 1rem !important;
  }
  .pb-sm-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-sm-5 {
    padding-bottom: 3rem !important;
  }
  .ps-sm-0 {
    padding-left: 0 !important;
  }
  .ps-sm-1 {
    padding-left: 0.25rem !important;
  }
  .ps-sm-2 {
    padding-left: 0.5rem !important;
  }
  .ps-sm-3 {
    padding-left: 1rem !important;
  }
  .ps-sm-4 {
    padding-left: 1.5rem !important;
  }
  .ps-sm-5 {
    padding-left: 3rem !important;
  }
  .text-sm-start {
    text-align: left !important;
  }
  .text-sm-end {
    text-align: right !important;
  }
  .text-sm-center {
    text-align: center !important;
  }
}
@media (min-width: 768px) {
  .float-md-start {
    float: left !important;
  }
  .float-md-end {
    float: right !important;
  }
  .float-md-none {
    float: none !important;
  }
  .d-md-inline {
    display: inline !important;
  }
  .d-md-inline-block {
    display: inline-block !important;
  }
  .d-md-block {
    display: block !important;
  }
  .d-md-grid {
    display: grid !important;
  }
  .d-md-table {
    display: table !important;
  }
  .d-md-table-row {
    display: table-row !important;
  }
  .d-md-table-cell {
    display: table-cell !important;
  }
  .d-md-flex {
    display: flex !important;
  }
  .d-md-inline-flex {
    display: inline-flex !important;
  }
  .d-md-none {
    display: none !important;
  }
  .flex-md-fill {
    flex: 1 1 auto !important;
  }
  .flex-md-row {
    flex-direction: row !important;
  }
  .flex-md-column {
    flex-direction: column !important;
  }
  .flex-md-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-md-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-md-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-md-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-md-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-md-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-md-wrap {
    flex-wrap: wrap !important;
  }
  .flex-md-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-md-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .gap-md-0 {
    gap: 0 !important;
  }
  .gap-md-1 {
    gap: 0.25rem !important;
  }
  .gap-md-2 {
    gap: 0.5rem !important;
  }
  .gap-md-3 {
    gap: 1rem !important;
  }
  .gap-md-4 {
    gap: 1.5rem !important;
  }
  .gap-md-5 {
    gap: 3rem !important;
  }
  .justify-content-md-start {
    justify-content: flex-start !important;
  }
  .justify-content-md-end {
    justify-content: flex-end !important;
  }
  .justify-content-md-center {
    justify-content: center !important;
  }
  .justify-content-md-between {
    justify-content: space-between !important;
  }
  .justify-content-md-around {
    justify-content: space-around !important;
  }
  .justify-content-md-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-md-start {
    align-items: flex-start !important;
  }
  .align-items-md-end {
    align-items: flex-end !important;
  }
  .align-items-md-center {
    align-items: center !important;
  }
  .align-items-md-baseline {
    align-items: baseline !important;
  }
  .align-items-md-stretch {
    align-items: stretch !important;
  }
  .align-content-md-start {
    align-content: flex-start !important;
  }
  .align-content-md-end {
    align-content: flex-end !important;
  }
  .align-content-md-center {
    align-content: center !important;
  }
  .align-content-md-between {
    align-content: space-between !important;
  }
  .align-content-md-around {
    align-content: space-around !important;
  }
  .align-content-md-stretch {
    align-content: stretch !important;
  }
  .align-self-md-auto {
    align-self: auto !important;
  }
  .align-self-md-start {
    align-self: flex-start !important;
  }
  .align-self-md-end {
    align-self: flex-end !important;
  }
  .align-self-md-center {
    align-self: center !important;
  }
  .align-self-md-baseline {
    align-self: baseline !important;
  }
  .align-self-md-stretch {
    align-self: stretch !important;
  }
  .order-md-first {
    order: -1 !important;
  }
  .order-md-0 {
    order: 0 !important;
  }
  .order-md-1 {
    order: 1 !important;
  }
  .order-md-2 {
    order: 2 !important;
  }
  .order-md-3 {
    order: 3 !important;
  }
  .order-md-4 {
    order: 4 !important;
  }
  .order-md-5 {
    order: 5 !important;
  }
  .order-md-last {
    order: 6 !important;
  }
  .m-md-0 {
    margin: 0 !important;
  }
  .m-md-1 {
    margin: 0.25rem !important;
  }
  .m-md-2 {
    margin: 0.5rem !important;
  }
  .m-md-3 {
    margin: 1rem !important;
  }
  .m-md-4 {
    margin: 1.5rem !important;
  }
  .m-md-5 {
    margin: 3rem !important;
  }
  .m-md-auto {
    margin: auto !important;
  }
  .mx-md-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-md-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-md-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-md-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-md-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-md-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-md-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-md-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-md-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-md-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-md-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-md-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-md-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-md-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-md-0 {
    margin-top: 0 !important;
  }
  .mt-md-1 {
    margin-top: 0.25rem !important;
  }
  .mt-md-2 {
    margin-top: 0.5rem !important;
  }
  .mt-md-3 {
    margin-top: 1rem !important;
  }
  .mt-md-4 {
    margin-top: 1.5rem !important;
  }
  .mt-md-5 {
    margin-top: 3rem !important;
  }
  .mt-md-auto {
    margin-top: auto !important;
  }
  .me-md-0 {
    margin-right: 0 !important;
  }
  .me-md-1 {
    margin-right: 0.25rem !important;
  }
  .me-md-2 {
    margin-right: 0.5rem !important;
  }
  .me-md-3 {
    margin-right: 1rem !important;
  }
  .me-md-4 {
    margin-right: 1.5rem !important;
  }
  .me-md-5 {
    margin-right: 3rem !important;
  }
  .me-md-auto {
    margin-right: auto !important;
  }
  .mb-md-0 {
    margin-bottom: 0 !important;
  }
  .mb-md-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-md-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-md-3 {
    margin-bottom: 1rem !important;
  }
  .mb-md-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-md-5 {
    margin-bottom: 3rem !important;
  }
  .mb-md-auto {
    margin-bottom: auto !important;
  }
  .ms-md-0 {
    margin-left: 0 !important;
  }
  .ms-md-1 {
    margin-left: 0.25rem !important;
  }
  .ms-md-2 {
    margin-left: 0.5rem !important;
  }
  .ms-md-3 {
    margin-left: 1rem !important;
  }
  .ms-md-4 {
    margin-left: 1.5rem !important;
  }
  .ms-md-5 {
    margin-left: 3rem !important;
  }
  .ms-md-auto {
    margin-left: auto !important;
  }
  .p-md-0 {
    padding: 0 !important;
  }
  .p-md-1 {
    padding: 0.25rem !important;
  }
  .p-md-2 {
    padding: 0.5rem !important;
  }
  .p-md-3 {
    padding: 1rem !important;
  }
  .p-md-4 {
    padding: 1.5rem !important;
  }
  .p-md-5 {
    padding: 3rem !important;
  }
  .px-md-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-md-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-md-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-md-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-md-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-md-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-md-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-md-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-md-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-md-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-md-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-md-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-md-0 {
    padding-top: 0 !important;
  }
  .pt-md-1 {
    padding-top: 0.25rem !important;
  }
  .pt-md-2 {
    padding-top: 0.5rem !important;
  }
  .pt-md-3 {
    padding-top: 1rem !important;
  }
  .pt-md-4 {
    padding-top: 1.5rem !important;
  }
  .pt-md-5 {
    padding-top: 3rem !important;
  }
  .pe-md-0 {
    padding-right: 0 !important;
  }
  .pe-md-1 {
    padding-right: 0.25rem !important;
  }
  .pe-md-2 {
    padding-right: 0.5rem !important;
  }
  .pe-md-3 {
    padding-right: 1rem !important;
  }
  .pe-md-4 {
    padding-right: 1.5rem !important;
  }
  .pe-md-5 {
    padding-right: 3rem !important;
  }
  .pb-md-0 {
    padding-bottom: 0 !important;
  }
  .pb-md-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-md-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-md-3 {
    padding-bottom: 1rem !important;
  }
  .pb-md-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-md-5 {
    padding-bottom: 3rem !important;
  }
  .ps-md-0 {
    padding-left: 0 !important;
  }
  .ps-md-1 {
    padding-left: 0.25rem !important;
  }
  .ps-md-2 {
    padding-left: 0.5rem !important;
  }
  .ps-md-3 {
    padding-left: 1rem !important;
  }
  .ps-md-4 {
    padding-left: 1.5rem !important;
  }
  .ps-md-5 {
    padding-left: 3rem !important;
  }
  .text-md-start {
    text-align: left !important;
  }
  .text-md-end {
    text-align: right !important;
  }
  .text-md-center {
    text-align: center !important;
  }
}
@media (min-width: 992px) {
  .float-lg-start {
    float: left !important;
  }
  .float-lg-end {
    float: right !important;
  }
  .float-lg-none {
    float: none !important;
  }
  .d-lg-inline {
    display: inline !important;
  }
  .d-lg-inline-block {
    display: inline-block !important;
  }
  .d-lg-block {
    display: block !important;
  }
  .d-lg-grid {
    display: grid !important;
  }
  .d-lg-table {
    display: table !important;
  }
  .d-lg-table-row {
    display: table-row !important;
  }
  .d-lg-table-cell {
    display: table-cell !important;
  }
  .d-lg-flex {
    display: flex !important;
  }
  .d-lg-inline-flex {
    display: inline-flex !important;
  }
  .d-lg-none {
    display: none !important;
  }
  .flex-lg-fill {
    flex: 1 1 auto !important;
  }
  .flex-lg-row {
    flex-direction: row !important;
  }
  .flex-lg-column {
    flex-direction: column !important;
  }
  .flex-lg-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-lg-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-lg-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-lg-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-lg-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-lg-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-lg-wrap {
    flex-wrap: wrap !important;
  }
  .flex-lg-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-lg-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .gap-lg-0 {
    gap: 0 !important;
  }
  .gap-lg-1 {
    gap: 0.25rem !important;
  }
  .gap-lg-2 {
    gap: 0.5rem !important;
  }
  .gap-lg-3 {
    gap: 1rem !important;
  }
  .gap-lg-4 {
    gap: 1.5rem !important;
  }
  .gap-lg-5 {
    gap: 3rem !important;
  }
  .justify-content-lg-start {
    justify-content: flex-start !important;
  }
  .justify-content-lg-end {
    justify-content: flex-end !important;
  }
  .justify-content-lg-center {
    justify-content: center !important;
  }
  .justify-content-lg-between {
    justify-content: space-between !important;
  }
  .justify-content-lg-around {
    justify-content: space-around !important;
  }
  .justify-content-lg-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-lg-start {
    align-items: flex-start !important;
  }
  .align-items-lg-end {
    align-items: flex-end !important;
  }
  .align-items-lg-center {
    align-items: center !important;
  }
  .align-items-lg-baseline {
    align-items: baseline !important;
  }
  .align-items-lg-stretch {
    align-items: stretch !important;
  }
  .align-content-lg-start {
    align-content: flex-start !important;
  }
  .align-content-lg-end {
    align-content: flex-end !important;
  }
  .align-content-lg-center {
    align-content: center !important;
  }
  .align-content-lg-between {
    align-content: space-between !important;
  }
  .align-content-lg-around {
    align-content: space-around !important;
  }
  .align-content-lg-stretch {
    align-content: stretch !important;
  }
  .align-self-lg-auto {
    align-self: auto !important;
  }
  .align-self-lg-start {
    align-self: flex-start !important;
  }
  .align-self-lg-end {
    align-self: flex-end !important;
  }
  .align-self-lg-center {
    align-self: center !important;
  }
  .align-self-lg-baseline {
    align-self: baseline !important;
  }
  .align-self-lg-stretch {
    align-self: stretch !important;
  }
  .order-lg-first {
    order: -1 !important;
  }
  .order-lg-0 {
    order: 0 !important;
  }
  .order-lg-1 {
    order: 1 !important;
  }
  .order-lg-2 {
    order: 2 !important;
  }
  .order-lg-3 {
    order: 3 !important;
  }
  .order-lg-4 {
    order: 4 !important;
  }
  .order-lg-5 {
    order: 5 !important;
  }
  .order-lg-last {
    order: 6 !important;
  }
  .m-lg-0 {
    margin: 0 !important;
  }
  .m-lg-1 {
    margin: 0.25rem !important;
  }
  .m-lg-2 {
    margin: 0.5rem !important;
  }
  .m-lg-3 {
    margin: 1rem !important;
  }
  .m-lg-4 {
    margin: 1.5rem !important;
  }
  .m-lg-5 {
    margin: 3rem !important;
  }
  .m-lg-auto {
    margin: auto !important;
  }
  .mx-lg-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-lg-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-lg-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-lg-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-lg-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-lg-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-lg-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-lg-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-lg-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-lg-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-lg-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-lg-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-lg-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-lg-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-lg-0 {
    margin-top: 0 !important;
  }
  .mt-lg-1 {
    margin-top: 0.25rem !important;
  }
  .mt-lg-2 {
    margin-top: 0.5rem !important;
  }
  .mt-lg-3 {
    margin-top: 1rem !important;
  }
  .mt-lg-4 {
    margin-top: 1.5rem !important;
  }
  .mt-lg-5 {
    margin-top: 3rem !important;
  }
  .mt-lg-auto {
    margin-top: auto !important;
  }
  .me-lg-0 {
    margin-right: 0 !important;
  }
  .me-lg-1 {
    margin-right: 0.25rem !important;
  }
  .me-lg-2 {
    margin-right: 0.5rem !important;
  }
  .me-lg-3 {
    margin-right: 1rem !important;
  }
  .me-lg-4 {
    margin-right: 1.5rem !important;
  }
  .me-lg-5 {
    margin-right: 3rem !important;
  }
  .me-lg-auto {
    margin-right: auto !important;
  }
  .mb-lg-0 {
    margin-bottom: 0 !important;
  }
  .mb-lg-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-lg-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-lg-3 {
    margin-bottom: 1rem !important;
  }
  .mb-lg-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-lg-5 {
    margin-bottom: 3rem !important;
  }
  .mb-lg-auto {
    margin-bottom: auto !important;
  }
  .ms-lg-0 {
    margin-left: 0 !important;
  }
  .ms-lg-1 {
    margin-left: 0.25rem !important;
  }
  .ms-lg-2 {
    margin-left: 0.5rem !important;
  }
  .ms-lg-3 {
    margin-left: 1rem !important;
  }
  .ms-lg-4 {
    margin-left: 1.5rem !important;
  }
  .ms-lg-5 {
    margin-left: 3rem !important;
  }
  .ms-lg-auto {
    margin-left: auto !important;
  }
  .p-lg-0 {
    padding: 0 !important;
  }
  .p-lg-1 {
    padding: 0.25rem !important;
  }
  .p-lg-2 {
    padding: 0.5rem !important;
  }
  .p-lg-3 {
    padding: 1rem !important;
  }
  .p-lg-4 {
    padding: 1.5rem !important;
  }
  .p-lg-5 {
    padding: 3rem !important;
  }
  .px-lg-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-lg-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-lg-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-lg-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-lg-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-lg-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-lg-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-lg-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-lg-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-lg-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-lg-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-lg-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-lg-0 {
    padding-top: 0 !important;
  }
  .pt-lg-1 {
    padding-top: 0.25rem !important;
  }
  .pt-lg-2 {
    padding-top: 0.5rem !important;
  }
  .pt-lg-3 {
    padding-top: 1rem !important;
  }
  .pt-lg-4 {
    padding-top: 1.5rem !important;
  }
  .pt-lg-5 {
    padding-top: 3rem !important;
  }
  .pe-lg-0 {
    padding-right: 0 !important;
  }
  .pe-lg-1 {
    padding-right: 0.25rem !important;
  }
  .pe-lg-2 {
    padding-right: 0.5rem !important;
  }
  .pe-lg-3 {
    padding-right: 1rem !important;
  }
  .pe-lg-4 {
    padding-right: 1.5rem !important;
  }
  .pe-lg-5 {
    padding-right: 3rem !important;
  }
  .pb-lg-0 {
    padding-bottom: 0 !important;
  }
  .pb-lg-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-lg-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-lg-3 {
    padding-bottom: 1rem !important;
  }
  .pb-lg-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-lg-5 {
    padding-bottom: 3rem !important;
  }
  .ps-lg-0 {
    padding-left: 0 !important;
  }
  .ps-lg-1 {
    padding-left: 0.25rem !important;
  }
  .ps-lg-2 {
    padding-left: 0.5rem !important;
  }
  .ps-lg-3 {
    padding-left: 1rem !important;
  }
  .ps-lg-4 {
    padding-left: 1.5rem !important;
  }
  .ps-lg-5 {
    padding-left: 3rem !important;
  }
  .text-lg-start {
    text-align: left !important;
  }
  .text-lg-end {
    text-align: right !important;
  }
  .text-lg-center {
    text-align: center !important;
  }
}
@media (min-width: 1200px) {
  .float-xl-start {
    float: left !important;
  }
  .float-xl-end {
    float: right !important;
  }
  .float-xl-none {
    float: none !important;
  }
  .d-xl-inline {
    display: inline !important;
  }
  .d-xl-inline-block {
    display: inline-block !important;
  }
  .d-xl-block {
    display: block !important;
  }
  .d-xl-grid {
    display: grid !important;
  }
  .d-xl-table {
    display: table !important;
  }
  .d-xl-table-row {
    display: table-row !important;
  }
  .d-xl-table-cell {
    display: table-cell !important;
  }
  .d-xl-flex {
    display: flex !important;
  }
  .d-xl-inline-flex {
    display: inline-flex !important;
  }
  .d-xl-none {
    display: none !important;
  }
  .flex-xl-fill {
    flex: 1 1 auto !important;
  }
  .flex-xl-row {
    flex-direction: row !important;
  }
  .flex-xl-column {
    flex-direction: column !important;
  }
  .flex-xl-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-xl-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-xl-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-xl-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-xl-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-xl-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-xl-wrap {
    flex-wrap: wrap !important;
  }
  .flex-xl-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-xl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .gap-xl-0 {
    gap: 0 !important;
  }
  .gap-xl-1 {
    gap: 0.25rem !important;
  }
  .gap-xl-2 {
    gap: 0.5rem !important;
  }
  .gap-xl-3 {
    gap: 1rem !important;
  }
  .gap-xl-4 {
    gap: 1.5rem !important;
  }
  .gap-xl-5 {
    gap: 3rem !important;
  }
  .justify-content-xl-start {
    justify-content: flex-start !important;
  }
  .justify-content-xl-end {
    justify-content: flex-end !important;
  }
  .justify-content-xl-center {
    justify-content: center !important;
  }
  .justify-content-xl-between {
    justify-content: space-between !important;
  }
  .justify-content-xl-around {
    justify-content: space-around !important;
  }
  .justify-content-xl-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-xl-start {
    align-items: flex-start !important;
  }
  .align-items-xl-end {
    align-items: flex-end !important;
  }
  .align-items-xl-center {
    align-items: center !important;
  }
  .align-items-xl-baseline {
    align-items: baseline !important;
  }
  .align-items-xl-stretch {
    align-items: stretch !important;
  }
  .align-content-xl-start {
    align-content: flex-start !important;
  }
  .align-content-xl-end {
    align-content: flex-end !important;
  }
  .align-content-xl-center {
    align-content: center !important;
  }
  .align-content-xl-between {
    align-content: space-between !important;
  }
  .align-content-xl-around {
    align-content: space-around !important;
  }
  .align-content-xl-stretch {
    align-content: stretch !important;
  }
  .align-self-xl-auto {
    align-self: auto !important;
  }
  .align-self-xl-start {
    align-self: flex-start !important;
  }
  .align-self-xl-end {
    align-self: flex-end !important;
  }
  .align-self-xl-center {
    align-self: center !important;
  }
  .align-self-xl-baseline {
    align-self: baseline !important;
  }
  .align-self-xl-stretch {
    align-self: stretch !important;
  }
  .order-xl-first {
    order: -1 !important;
  }
  .order-xl-0 {
    order: 0 !important;
  }
  .order-xl-1 {
    order: 1 !important;
  }
  .order-xl-2 {
    order: 2 !important;
  }
  .order-xl-3 {
    order: 3 !important;
  }
  .order-xl-4 {
    order: 4 !important;
  }
  .order-xl-5 {
    order: 5 !important;
  }
  .order-xl-last {
    order: 6 !important;
  }
  .m-xl-0 {
    margin: 0 !important;
  }
  .m-xl-1 {
    margin: 0.25rem !important;
  }
  .m-xl-2 {
    margin: 0.5rem !important;
  }
  .m-xl-3 {
    margin: 1rem !important;
  }
  .m-xl-4 {
    margin: 1.5rem !important;
  }
  .m-xl-5 {
    margin: 3rem !important;
  }
  .m-xl-auto {
    margin: auto !important;
  }
  .mx-xl-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-xl-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-xl-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-xl-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-xl-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-xl-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-xl-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-xl-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-xl-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-xl-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-xl-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-xl-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-xl-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-xl-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-xl-0 {
    margin-top: 0 !important;
  }
  .mt-xl-1 {
    margin-top: 0.25rem !important;
  }
  .mt-xl-2 {
    margin-top: 0.5rem !important;
  }
  .mt-xl-3 {
    margin-top: 1rem !important;
  }
  .mt-xl-4 {
    margin-top: 1.5rem !important;
  }
  .mt-xl-5 {
    margin-top: 3rem !important;
  }
  .mt-xl-auto {
    margin-top: auto !important;
  }
  .me-xl-0 {
    margin-right: 0 !important;
  }
  .me-xl-1 {
    margin-right: 0.25rem !important;
  }
  .me-xl-2 {
    margin-right: 0.5rem !important;
  }
  .me-xl-3 {
    margin-right: 1rem !important;
  }
  .me-xl-4 {
    margin-right: 1.5rem !important;
  }
  .me-xl-5 {
    margin-right: 3rem !important;
  }
  .me-xl-auto {
    margin-right: auto !important;
  }
  .mb-xl-0 {
    margin-bottom: 0 !important;
  }
  .mb-xl-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-xl-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-xl-3 {
    margin-bottom: 1rem !important;
  }
  .mb-xl-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-xl-5 {
    margin-bottom: 3rem !important;
  }
  .mb-xl-auto {
    margin-bottom: auto !important;
  }
  .ms-xl-0 {
    margin-left: 0 !important;
  }
  .ms-xl-1 {
    margin-left: 0.25rem !important;
  }
  .ms-xl-2 {
    margin-left: 0.5rem !important;
  }
  .ms-xl-3 {
    margin-left: 1rem !important;
  }
  .ms-xl-4 {
    margin-left: 1.5rem !important;
  }
  .ms-xl-5 {
    margin-left: 3rem !important;
  }
  .ms-xl-auto {
    margin-left: auto !important;
  }
  .p-xl-0 {
    padding: 0 !important;
  }
  .p-xl-1 {
    padding: 0.25rem !important;
  }
  .p-xl-2 {
    padding: 0.5rem !important;
  }
  .p-xl-3 {
    padding: 1rem !important;
  }
  .p-xl-4 {
    padding: 1.5rem !important;
  }
  .p-xl-5 {
    padding: 3rem !important;
  }
  .px-xl-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-xl-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-xl-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-xl-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-xl-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-xl-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-xl-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-xl-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-xl-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-xl-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-xl-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-xl-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-xl-0 {
    padding-top: 0 !important;
  }
  .pt-xl-1 {
    padding-top: 0.25rem !important;
  }
  .pt-xl-2 {
    padding-top: 0.5rem !important;
  }
  .pt-xl-3 {
    padding-top: 1rem !important;
  }
  .pt-xl-4 {
    padding-top: 1.5rem !important;
  }
  .pt-xl-5 {
    padding-top: 3rem !important;
  }
  .pe-xl-0 {
    padding-right: 0 !important;
  }
  .pe-xl-1 {
    padding-right: 0.25rem !important;
  }
  .pe-xl-2 {
    padding-right: 0.5rem !important;
  }
  .pe-xl-3 {
    padding-right: 1rem !important;
  }
  .pe-xl-4 {
    padding-right: 1.5rem !important;
  }
  .pe-xl-5 {
    padding-right: 3rem !important;
  }
  .pb-xl-0 {
    padding-bottom: 0 !important;
  }
  .pb-xl-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-xl-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-xl-3 {
    padding-bottom: 1rem !important;
  }
  .pb-xl-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-xl-5 {
    padding-bottom: 3rem !important;
  }
  .ps-xl-0 {
    padding-left: 0 !important;
  }
  .ps-xl-1 {
    padding-left: 0.25rem !important;
  }
  .ps-xl-2 {
    padding-left: 0.5rem !important;
  }
  .ps-xl-3 {
    padding-left: 1rem !important;
  }
  .ps-xl-4 {
    padding-left: 1.5rem !important;
  }
  .ps-xl-5 {
    padding-left: 3rem !important;
  }
  .text-xl-start {
    text-align: left !important;
  }
  .text-xl-end {
    text-align: right !important;
  }
  .text-xl-center {
    text-align: center !important;
  }
}
@media (min-width: 1400px) {
  .float-xxl-start {
    float: left !important;
  }
  .float-xxl-end {
    float: right !important;
  }
  .float-xxl-none {
    float: none !important;
  }
  .d-xxl-inline {
    display: inline !important;
  }
  .d-xxl-inline-block {
    display: inline-block !important;
  }
  .d-xxl-block {
    display: block !important;
  }
  .d-xxl-grid {
    display: grid !important;
  }
  .d-xxl-table {
    display: table !important;
  }
  .d-xxl-table-row {
    display: table-row !important;
  }
  .d-xxl-table-cell {
    display: table-cell !important;
  }
  .d-xxl-flex {
    display: flex !important;
  }
  .d-xxl-inline-flex {
    display: inline-flex !important;
  }
  .d-xxl-none {
    display: none !important;
  }
  .flex-xxl-fill {
    flex: 1 1 auto !important;
  }
  .flex-xxl-row {
    flex-direction: row !important;
  }
  .flex-xxl-column {
    flex-direction: column !important;
  }
  .flex-xxl-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-xxl-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-xxl-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-xxl-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-xxl-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-xxl-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-xxl-wrap {
    flex-wrap: wrap !important;
  }
  .flex-xxl-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-xxl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .gap-xxl-0 {
    gap: 0 !important;
  }
  .gap-xxl-1 {
    gap: 0.25rem !important;
  }
  .gap-xxl-2 {
    gap: 0.5rem !important;
  }
  .gap-xxl-3 {
    gap: 1rem !important;
  }
  .gap-xxl-4 {
    gap: 1.5rem !important;
  }
  .gap-xxl-5 {
    gap: 3rem !important;
  }
  .justify-content-xxl-start {
    justify-content: flex-start !important;
  }
  .justify-content-xxl-end {
    justify-content: flex-end !important;
  }
  .justify-content-xxl-center {
    justify-content: center !important;
  }
  .justify-content-xxl-between {
    justify-content: space-between !important;
  }
  .justify-content-xxl-around {
    justify-content: space-around !important;
  }
  .justify-content-xxl-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-xxl-start {
    align-items: flex-start !important;
  }
  .align-items-xxl-end {
    align-items: flex-end !important;
  }
  .align-items-xxl-center {
    align-items: center !important;
  }
  .align-items-xxl-baseline {
    align-items: baseline !important;
  }
  .align-items-xxl-stretch {
    align-items: stretch !important;
  }
  .align-content-xxl-start {
    align-content: flex-start !important;
  }
  .align-content-xxl-end {
    align-content: flex-end !important;
  }
  .align-content-xxl-center {
    align-content: center !important;
  }
  .align-content-xxl-between {
    align-content: space-between !important;
  }
  .align-content-xxl-around {
    align-content: space-around !important;
  }
  .align-content-xxl-stretch {
    align-content: stretch !important;
  }
  .align-self-xxl-auto {
    align-self: auto !important;
  }
  .align-self-xxl-start {
    align-self: flex-start !important;
  }
  .align-self-xxl-end {
    align-self: flex-end !important;
  }
  .align-self-xxl-center {
    align-self: center !important;
  }
  .align-self-xxl-baseline {
    align-self: baseline !important;
  }
  .align-self-xxl-stretch {
    align-self: stretch !important;
  }
  .order-xxl-first {
    order: -1 !important;
  }
  .order-xxl-0 {
    order: 0 !important;
  }
  .order-xxl-1 {
    order: 1 !important;
  }
  .order-xxl-2 {
    order: 2 !important;
  }
  .order-xxl-3 {
    order: 3 !important;
  }
  .order-xxl-4 {
    order: 4 !important;
  }
  .order-xxl-5 {
    order: 5 !important;
  }
  .order-xxl-last {
    order: 6 !important;
  }
  .m-xxl-0 {
    margin: 0 !important;
  }
  .m-xxl-1 {
    margin: 0.25rem !important;
  }
  .m-xxl-2 {
    margin: 0.5rem !important;
  }
  .m-xxl-3 {
    margin: 1rem !important;
  }
  .m-xxl-4 {
    margin: 1.5rem !important;
  }
  .m-xxl-5 {
    margin: 3rem !important;
  }
  .m-xxl-auto {
    margin: auto !important;
  }
  .mx-xxl-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-xxl-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-xxl-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-xxl-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-xxl-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-xxl-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-xxl-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-xxl-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-xxl-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-xxl-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-xxl-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-xxl-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-xxl-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-xxl-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-xxl-0 {
    margin-top: 0 !important;
  }
  .mt-xxl-1 {
    margin-top: 0.25rem !important;
  }
  .mt-xxl-2 {
    margin-top: 0.5rem !important;
  }
  .mt-xxl-3 {
    margin-top: 1rem !important;
  }
  .mt-xxl-4 {
    margin-top: 1.5rem !important;
  }
  .mt-xxl-5 {
    margin-top: 3rem !important;
  }
  .mt-xxl-auto {
    margin-top: auto !important;
  }
  .me-xxl-0 {
    margin-right: 0 !important;
  }
  .me-xxl-1 {
    margin-right: 0.25rem !important;
  }
  .me-xxl-2 {
    margin-right: 0.5rem !important;
  }
  .me-xxl-3 {
    margin-right: 1rem !important;
  }
  .me-xxl-4 {
    margin-right: 1.5rem !important;
  }
  .me-xxl-5 {
    margin-right: 3rem !important;
  }
  .me-xxl-auto {
    margin-right: auto !important;
  }
  .mb-xxl-0 {
    margin-bottom: 0 !important;
  }
  .mb-xxl-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-xxl-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-xxl-3 {
    margin-bottom: 1rem !important;
  }
  .mb-xxl-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-xxl-5 {
    margin-bottom: 3rem !important;
  }
  .mb-xxl-auto {
    margin-bottom: auto !important;
  }
  .ms-xxl-0 {
    margin-left: 0 !important;
  }
  .ms-xxl-1 {
    margin-left: 0.25rem !important;
  }
  .ms-xxl-2 {
    margin-left: 0.5rem !important;
  }
  .ms-xxl-3 {
    margin-left: 1rem !important;
  }
  .ms-xxl-4 {
    margin-left: 1.5rem !important;
  }
  .ms-xxl-5 {
    margin-left: 3rem !important;
  }
  .ms-xxl-auto {
    margin-left: auto !important;
  }
  .p-xxl-0 {
    padding: 0 !important;
  }
  .p-xxl-1 {
    padding: 0.25rem !important;
  }
  .p-xxl-2 {
    padding: 0.5rem !important;
  }
  .p-xxl-3 {
    padding: 1rem !important;
  }
  .p-xxl-4 {
    padding: 1.5rem !important;
  }
  .p-xxl-5 {
    padding: 3rem !important;
  }
  .px-xxl-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-xxl-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-xxl-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-xxl-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-xxl-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-xxl-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-xxl-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-xxl-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-xxl-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-xxl-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-xxl-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-xxl-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-xxl-0 {
    padding-top: 0 !important;
  }
  .pt-xxl-1 {
    padding-top: 0.25rem !important;
  }
  .pt-xxl-2 {
    padding-top: 0.5rem !important;
  }
  .pt-xxl-3 {
    padding-top: 1rem !important;
  }
  .pt-xxl-4 {
    padding-top: 1.5rem !important;
  }
  .pt-xxl-5 {
    padding-top: 3rem !important;
  }
  .pe-xxl-0 {
    padding-right: 0 !important;
  }
  .pe-xxl-1 {
    padding-right: 0.25rem !important;
  }
  .pe-xxl-2 {
    padding-right: 0.5rem !important;
  }
  .pe-xxl-3 {
    padding-right: 1rem !important;
  }
  .pe-xxl-4 {
    padding-right: 1.5rem !important;
  }
  .pe-xxl-5 {
    padding-right: 3rem !important;
  }
  .pb-xxl-0 {
    padding-bottom: 0 !important;
  }
  .pb-xxl-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-xxl-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-xxl-3 {
    padding-bottom: 1rem !important;
  }
  .pb-xxl-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-xxl-5 {
    padding-bottom: 3rem !important;
  }
  .ps-xxl-0 {
    padding-left: 0 !important;
  }
  .ps-xxl-1 {
    padding-left: 0.25rem !important;
  }
  .ps-xxl-2 {
    padding-left: 0.5rem !important;
  }
  .ps-xxl-3 {
    padding-left: 1rem !important;
  }
  .ps-xxl-4 {
    padding-left: 1.5rem !important;
  }
  .ps-xxl-5 {
    padding-left: 3rem !important;
  }
  .text-xxl-start {
    text-align: left !important;
  }
  .text-xxl-end {
    text-align: right !important;
  }
  .text-xxl-center {
    text-align: center !important;
  }
}
@media (min-width: 1200px) {
  .fs-1 {
    font-size: 2.5rem !important;
  }
  .fs-2 {
    font-size: 2rem !important;
  }
  .fs-3 {
    font-size: 1.75rem !important;
  }
  .fs-4 {
    font-size: 1.5rem !important;
  }
}
@media print {
  .d-print-inline {
    display: inline !important;
  }
  .d-print-inline-block {
    display: inline-block !important;
  }
  .d-print-block {
    display: block !important;
  }
  .d-print-grid {
    display: grid !important;
  }
  .d-print-table {
    display: table !important;
  }
  .d-print-table-row {
    display: table-row !important;
  }
  .d-print-table-cell {
    display: table-cell !important;
  }
  .d-print-flex {
    display: flex !important;
  }
  .d-print-inline-flex {
    display: inline-flex !important;
  }
  .d-print-none {
    display: none !important;
  }
}
/* @import must be at top of file, otherwise CSS will not work */
@font-face {
  font-family: "MuseoSansRounded-300";
  src: url("../assets/fonts/webfonts/2F57B4_0_0.eot");
  src: url("../assets/fonts/webfonts/2F57B4_0_0.eot?#iefix") format("embedded-opentype"), url("../assets/fonts/webfonts/2F57B4_0_0.woff2") format("woff2"), url("../assets/fonts/webfonts/2F57B4_0_0.woff") format("woff"), url("../assets/fonts/webfonts/2F57B4_0_0.ttf") format("truetype");
}
@font-face {
  font-family: "MuseoSansRounded-500";
  src: url("../assets/fonts/webfonts/2F57B4_1_0.eot");
  src: url("../assets/fonts/webfonts/2F57B4_1_0.eot?#iefix") format("embedded-opentype"), url("../assets/fonts/webfonts/2F57B4_1_0.woff2") format("woff2"), url("../assets/fonts/webfonts/2F57B4_1_0.woff") format("woff"), url("../assets/fonts/webfonts/2F57B4_1_0.ttf") format("truetype");
}
@font-face {
  font-family: "MuseoSansRounded";
  font-weight: 100;
  src: url("../assets/fonts/webfonts/MuseoSansRounded100.woff") format("woff");
}
@font-face {
  font-family: "MuseoSansRounded";
  font-weight: 300;
  src: url("../assets/fonts/webfonts/MuseoSansRounded300.woff") format("woff");
}
@font-face {
  font-family: "MuseoSansRounded";
  font-weight: 500;
  src: url("../assets/fonts/webfonts/MuseoSansRounded500.woff") format("woff");
}
@font-face {
  font-family: "MuseoSansRounded";
  font-weight: 700;
  src: url("../assets/fonts/webfonts/MuseoSansRounded700.woff") format("woff");
}
@font-face {
  font-family: "MuseoSansRounded";
  font-weight: 900;
  src: url("../assets/fonts/webfonts/MuseoSansRounded900.woff") format("woff");
}
@font-face {
  font-family: "MuseoSansRounded";
  font-weight: 1000;
  src: url("../assets/fonts/webfonts/MuseoSansRounded1000.woff") format("woff");
}
body {
  font-family: MuseoSansRounded-300, sans-serif;
  font-size: 1.5rem;
}
@media (min-width: 768px) {
  body {
    font-size: 1.5rem;
  }
}
@media (min-width: 992px) {
  body {
    font-size: 1.5rem;
  }
}
@media (min-width: 1200px) {
  body {
    font-size: 1.75rem;
  }
}

body a {
  color: #3c3c3b;
}

p {
  color: #777777;
}
p a {
  color: #63b770;
}

li {
  font-size: 1.5rem;
}
@media (min-width: 768px) {
  li {
    font-size: 1.5rem;
  }
}
@media (min-width: 992px) {
  li {
    font-size: 1.5rem;
  }
}
@media (min-width: 1200px) {
  li {
    font-size: 1.75rem;
  }
}

.light_color {
  color: #FFFFFF;
}

.text-white {
  color: white;
}

.smaller {
  font-size: 1.5rem;
}
@media (min-width: 768px) {
  .smaller {
    font-size: 1.5rem;
  }
}
@media (min-width: 992px) {
  .smaller {
    font-size: 1.5rem;
  }
}
@media (min-width: 1200px) {
  .smaller {
    font-size: 1.5rem;
  }
}

strong, em, .bold {
  font-family: MuseoSansRounded-500, sans-serif;
}

.small {
  font-size: 85%;
}

/********** Header styles ***************/
h1, h6, h2, h4, h5,
.h1, .h2, .h4, .h5, .h6 {
  color: #242424;
  fill: #242424;
  font-family: MuseoSansRounded-300, sans-serif;
  margin: 0;
  line-height: normal;
}

h1, h6, h2,
.h1, .h2, .h6 {
  text-align: center;
}

h1.text-left, h6.text-left, h2.text-left,
.h1.text-left, .h2.text-left, .h6.text-left {
  text-align: left;
}

/*Header sizes*/
h1, .h1 {
  font-size: 3.25rem;
}
@media (min-width: 768px) {
  h1, .h1 {
    font-size: 4.5rem;
  }
}
@media (min-width: 992px) {
  h1, .h1 {
    font-size: 4.75rem;
  }
}
@media (min-width: 1200px) {
  h1, .h1 {
    font-size: 5rem;
  }
}

h2, h4, .h2, .h4 {
  font-size: 1.5rem;
}
@media (min-width: 768px) {
  h2, h4, .h2, .h4 {
    font-size: 1.75rem;
  }
}
@media (min-width: 992px) {
  h2, h4, .h2, .h4 {
    font-size: 2rem;
  }
}
@media (min-width: 1200px) {
  h2, h4, .h2, .h4 {
    font-size: 2.25rem;
  }
}

h5, .h5 {
  font-size: 1.5rem;
}
@media (min-width: 768px) {
  h5, .h5 {
    font-size: 1.5rem;
  }
}
@media (min-width: 992px) {
  h5, .h5 {
    font-size: 1.5rem;
  }
}
@media (min-width: 1200px) {
  h5, .h5 {
    font-size: 1.75rem;
  }
}

h6, .h6 {
  font-size: 2.25rem;
}
@media (min-width: 768px) {
  h6, .h6 {
    font-size: 2.5rem;
  }
}
@media (min-width: 992px) {
  h6, .h6 {
    font-size: 2.75rem;
  }
}
@media (min-width: 1200px) {
  h6, .h6 {
    font-size: 3rem;
  }
}

/*Header +  a thing*/
h1 + h2, h6 + h2, h4 + h5, h1 + p, h6 + p, h2 + p, h4 + p, h5 + p,
.h1 + .h2, .h6 + .h2, .h4 + .h5, .h1 + p, .h6 + p, .h2 + p, .h4 + p, .h5 + p {
  padding-top: 0.4rem;
}
@media (min-width: 768px) {
  h1 + h2, h6 + h2, h4 + h5, h1 + p, h6 + p, h2 + p, h4 + p, h5 + p,
  .h1 + .h2, .h6 + .h2, .h4 + .h5, .h1 + p, .h6 + p, .h2 + p, .h4 + p, .h5 + p {
    padding-top: 0.6rem;
  }
}
@media (min-width: 992px) {
  h1 + h2, h6 + h2, h4 + h5, h1 + p, h6 + p, h2 + p, h4 + p, h5 + p,
  .h1 + .h2, .h6 + .h2, .h4 + .h5, .h1 + p, .h6 + p, .h2 + p, .h4 + p, .h5 + p {
    padding-top: 0.8rem;
  }
}
@media (min-width: 1200px) {
  h1 + h2, h6 + h2, h4 + h5, h1 + p, h6 + p, h2 + p, h4 + p, h5 + p,
  .h1 + .h2, .h6 + .h2, .h4 + .h5, .h1 + p, .h6 + p, .h2 + p, .h4 + p, .h5 + p {
    padding-top: 1rem;
  }
}

h1 + h2, h6 + h2,
.h1 + .h2, .h6 + .h2 {
  color: #777777;
}

p + h4, p + .h4 {
  padding-top: 0.8rem;
}
@media (min-width: 768px) {
  p + h4, p + .h4 {
    padding-top: 1.2rem;
  }
}
@media (min-width: 992px) {
  p + h4, p + .h4 {
    padding-top: 1.6rem;
  }
}
@media (min-width: 1200px) {
  p + h4, p + .h4 {
    padding-top: 2rem;
  }
}

/*Header - last child*/
h1:last-child, h6:last-child, h2:last-child, h4:last-child,
.h1:last-child, .h6:last-child, .h2:last-child, .h4:last-child {
  padding-bottom: 2rem;
}
@media (min-width: 768px) {
  h1:last-child, h6:last-child, h2:last-child, h4:last-child,
  .h1:last-child, .h6:last-child, .h2:last-child, .h4:last-child {
    padding-bottom: 3rem;
  }
}
@media (min-width: 992px) {
  h1:last-child, h6:last-child, h2:last-child, h4:last-child,
  .h1:last-child, .h6:last-child, .h2:last-child, .h4:last-child {
    padding-bottom: 4rem;
  }
}
@media (min-width: 1200px) {
  h1:last-child, h6:last-child, h2:last-child, h4:last-child,
  .h1:last-child, .h6:last-child, .h2:last-child, .h4:last-child {
    padding-bottom: 5rem;
  }
}

.comp_chart h1 + h2:last-child,
.comp_chart .h1 + .h2:last-child {
  padding-bottom: 1.2rem;
}
@media (min-width: 768px) {
  .comp_chart h1 + h2:last-child,
  .comp_chart .h1 + .h2:last-child {
    padding-bottom: 1.8rem;
  }
}
@media (min-width: 992px) {
  .comp_chart h1 + h2:last-child,
  .comp_chart .h1 + .h2:last-child {
    padding-bottom: 2.4rem;
  }
}
@media (min-width: 1200px) {
  .comp_chart h1 + h2:last-child,
  .comp_chart .h1 + .h2:last-child {
    padding-bottom: 3rem;
  }
}

h6.row a, .h6.row a {
  text-decoration: none;
}

/********** End header styles ***************/
/*space between button and paragraph*/
button + p {
  padding-top: 0.4rem;
}
@media (min-width: 768px) {
  button + p {
    padding-top: 0.6rem;
  }
}
@media (min-width: 992px) {
  button + p {
    padding-top: 0.8rem;
  }
}
@media (min-width: 1200px) {
  button + p {
    padding-top: 1rem;
  }
}

/*space between svg and paragraph*/
svg + p {
  padding-top: 1.2rem;
}
@media (min-width: 768px) {
  svg + p {
    padding-top: 1.8rem;
  }
}
@media (min-width: 992px) {
  svg + p {
    padding-top: 2.4rem;
  }
}
@media (min-width: 1200px) {
  svg + p {
    padding-top: 3rem;
  }
}

/*for pricing consistancy*/
.price {
  color: #777777;
  font-size: 1.5rem;
  line-height: 0.9;
}
@media (min-width: 768px) {
  .price {
    font-size: 1.5rem;
  }
}
@media (min-width: 992px) {
  .price {
    font-size: 1.75rem;
  }
}
@media (min-width: 1200px) {
  .price {
    font-size: 2rem;
  }
}

.pound, .pounds, .pence {
  color: #242424;
}

.pound {
  font-size: 1.75rem;
  vertical-align: top;
}
@media (min-width: 768px) {
  .pound {
    font-size: 2rem;
  }
}
@media (min-width: 992px) {
  .pound {
    font-size: 2.25rem;
  }
}
@media (min-width: 1200px) {
  .pound {
    font-size: 2.5rem;
  }
}

.pounds {
  font-size: 3rem;
}
@media (min-width: 768px) {
  .pounds {
    font-size: 3.25rem;
  }
}
@media (min-width: 992px) {
  .pounds {
    font-size: 3.5rem;
  }
}
@media (min-width: 1200px) {
  .pounds {
    font-size: 3.75rem;
  }
}

.three_column h4,
.three_column .h4 {
  padding-bottom: 0.8rem;
}
@media (min-width: 768px) {
  .three_column h4,
  .three_column .h4 {
    padding-bottom: 1.2rem;
  }
}
@media (min-width: 992px) {
  .three_column h4,
  .three_column .h4 {
    padding-bottom: 1.6rem;
  }
}
@media (min-width: 1200px) {
  .three_column h4,
  .three_column .h4 {
    padding-bottom: 2rem;
  }
}

.copy_block h6,
.copy_block .h6 {
  padding-bottom: 1.6rem;
}
@media (min-width: 768px) {
  .copy_block h6,
  .copy_block .h6 {
    padding-bottom: 2.4rem;
  }
}
@media (min-width: 992px) {
  .copy_block h6,
  .copy_block .h6 {
    padding-bottom: 3.2rem;
  }
}
@media (min-width: 1200px) {
  .copy_block h6,
  .copy_block .h6 {
    padding-bottom: 4rem;
  }
}

.block_1 ol li {
  padding-bottom: 1.2rem;
}
@media (min-width: 768px) {
  .block_1 ol li {
    padding-bottom: 1.8rem;
  }
}
@media (min-width: 992px) {
  .block_1 ol li {
    padding-bottom: 2.4rem;
  }
}
@media (min-width: 1200px) {
  .block_1 ol li {
    padding-bottom: 3rem;
  }
}

.block_1 h4,
.block_1 .h4 {
  padding-bottom: 0.4rem;
}
@media (min-width: 768px) {
  .block_1 h4,
  .block_1 .h4 {
    padding-bottom: 0.6rem;
  }
}
@media (min-width: 992px) {
  .block_1 h4,
  .block_1 .h4 {
    padding-bottom: 0.8rem;
  }
}
@media (min-width: 1200px) {
  .block_1 h4,
  .block_1 .h4 {
    padding-bottom: 1rem;
  }
}

.block_1 li ol {
  padding-top: 0.4rem;
}
@media (min-width: 768px) {
  .block_1 li ol {
    padding-top: 0.6rem;
  }
}
@media (min-width: 992px) {
  .block_1 li ol {
    padding-top: 0.8rem;
  }
}
@media (min-width: 1200px) {
  .block_1 li ol {
    padding-top: 1rem;
  }
}

.block_1 ol li ol li {
  padding-top: 0.2rem;
  padding-bottom: 0.2rem;
}
@media (min-width: 768px) {
  .block_1 ol li ol li {
    padding-top: 0.3rem;
  }
}
@media (min-width: 992px) {
  .block_1 ol li ol li {
    padding-top: 0.4rem;
  }
}
@media (min-width: 1200px) {
  .block_1 ol li ol li {
    padding-top: 0.5rem;
  }
}
@media (min-width: 768px) {
  .block_1 ol li ol li {
    padding-bottom: 0.3rem;
  }
}
@media (min-width: 992px) {
  .block_1 ol li ol li {
    padding-bottom: 0.4rem;
  }
}
@media (min-width: 1200px) {
  .block_1 ol li ol li {
    padding-bottom: 0.5rem;
  }
}

.block_1 h3,
.block_1 .h3 {
  color: #242424;
}

.block_1 h6 .bold,
.block_1 .h6 .bold {
  display: inline;
}

p + h3,
p + .h3 {
  padding-top: 1.2rem;
}
@media (min-width: 768px) {
  p + h3,
  p + .h3 {
    padding-top: 1.8rem;
  }
}
@media (min-width: 992px) {
  p + h3,
  p + .h3 {
    padding-top: 2.4rem;
  }
}
@media (min-width: 1200px) {
  p + h3,
  p + .h3 {
    padding-top: 3rem;
  }
}

p + ul {
  padding-top: 0.8rem;
}
@media (min-width: 768px) {
  p + ul {
    padding-top: 1.2rem;
  }
}
@media (min-width: 992px) {
  p + ul {
    padding-top: 1.6rem;
  }
}
@media (min-width: 1200px) {
  p + ul {
    padding-top: 2rem;
  }
}

h3,
.h3 {
  padding-bottom: 0.4rem;
}
@media (min-width: 768px) {
  h3,
  .h3 {
    padding-bottom: 0.6rem;
  }
}
@media (min-width: 992px) {
  h3,
  .h3 {
    padding-bottom: 0.8rem;
  }
}
@media (min-width: 1200px) {
  h3,
  .h3 {
    padding-bottom: 1rem;
  }
}

.block_2_inner h2,
.block_2_inner .h2 {
  padding-bottom: 0.8rem;
}
@media (min-width: 768px) {
  .block_2_inner h2,
  .block_2_inner .h2 {
    padding-bottom: 1.2rem;
  }
}
@media (min-width: 992px) {
  .block_2_inner h2,
  .block_2_inner .h2 {
    padding-bottom: 1.6rem;
  }
}
@media (min-width: 1200px) {
  .block_2_inner h2,
  .block_2_inner .h2 {
    padding-bottom: 2rem;
  }
}

p {
  margin-bottom: 0.8rem;
}
@media (min-width: 768px) {
  p {
    margin-bottom: 1.2rem;
  }
}
@media (min-width: 992px) {
  p {
    margin-bottom: 1.6rem;
  }
}
@media (min-width: 1200px) {
  p {
    margin-bottom: 2rem;
  }
}

p:last-child {
  margin-bottom: 2.4rem;
}
@media (min-width: 768px) {
  p:last-child {
    margin-bottom: 3.6rem;
  }
}
@media (min-width: 992px) {
  p:last-child {
    margin-bottom: 4.8rem;
  }
}
@media (min-width: 1200px) {
  p:last-child {
    margin-bottom: 6rem;
  }
}

.FAQ label {
  color: #242424;
}

.three_column p {
  margin-bottom: 2rem;
}

.text_white {
  color: #fff;
}

.text-grey {
  color: #777;
}

.color-dark {
  color: #3b3b3b;
}

.text-bigger {
  font-size: 1.4em;
}

.font-family-MuseoRounded {
  font-family: MuseoSansRounded-500, sans-serif;
}

/*** backgrounds for the components ***/
.white_background {
  background-color: #FFFFFF;
}

.reduce-padding {
  padding-bottom: 3rem;
}

.one_click_installs {
  padding-bottom: 0;
}

.grey_background {
  background-color: #f8f8f8;
}

.grey-background2 {
  background-color: #e3e3e3;
}

.green_background, .navbar .log_in_form, .navbar .social_buttons, .navbar .support_tab {
  background-color: #63b770;
}

.honeycomb_background {
  background: #1a355d;
  /* For Safari 5.1 to 6.0 */
  /* For Opera 11.1 to 12.0 */
  /* For Firefox 3.6 to 15 */
  background: linear-gradient(45deg, #0d213a, #006779, #58bd7a);
  /* Standard syntax */
  background-repeat: no-repeat;
  background-size: cover;
}
@media (min-width: 768px) {
  .honeycomb_background {
    background-repeat: no-repeat;
    background-size: cover;
  }
}

.blue_background {
  background-color: #1a355d;
}

.darkgrey_background {
  background-color: #3c3c3b;
}

.gradient_background {
  background: linear-gradient(90deg, #1a355d, #63b770);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1a355d", endColorstr="#63b770", GradientType=1);
}

/* Text colours */
.green_background, .navbar .log_in_form, .navbar .social_buttons, .navbar .support_tab, .honeycomb_background, .blue_background, .darkgrey_background {
  color: #FFFFFF;
}
.green_background h1, .navbar .log_in_form h1, .navbar .social_buttons h1, .navbar .support_tab h1, .green_background h6, .navbar .log_in_form h6, .navbar .social_buttons h6, .navbar .support_tab h6, .green_background h2, .navbar .log_in_form h2, .navbar .social_buttons h2, .navbar .support_tab h2, .green_background h4, .navbar .log_in_form h4, .navbar .social_buttons h4, .navbar .support_tab h4, .green_background h5, .navbar .log_in_form h5, .navbar .social_buttons h5, .navbar .support_tab h5, .green_background a, .navbar .log_in_form a, .navbar .social_buttons a, .navbar .support_tab a, .honeycomb_background h1, .honeycomb_background h6, .honeycomb_background h2, .honeycomb_background h4, .honeycomb_background h5, .honeycomb_background a, .blue_background h1, .blue_background h6, .blue_background h2, .blue_background h4, .blue_background h5, .blue_background a, .darkgrey_background h1, .darkgrey_background h6, .darkgrey_background h2, .darkgrey_background h4, .darkgrey_background h5, .darkgrey_background a {
  color: #FFFFFF;
}
.green_background p, .navbar .log_in_form p, .navbar .social_buttons p, .navbar .support_tab p, .honeycomb_background p, .blue_background p, .darkgrey_background p {
  color: #FFFFFF;
}

/* End text colours */
/*Start of ribbons*/
.parallax_short .parallax_shapes {
  height: 1000px;
}

.parallax_shapes { /*this is the container that holds the shapes*/
  position: absolute;
  overflow: hidden;
  z-index: -1;
  width: 100%;
  height: 2600px;
  display: none; /*this is to stop you seeing it jump up on reload*/
}

#content-only .parallax_shapes {
  display: none !important;
}

.parallax_shape1 {
  -ms-transform: rotate(-30deg); /* IE 9 */
  -ms-transform-origin: 100% 100%; /* IE 9 */
  -webkit-transform: rotate(-30deg) translateZ(0); /* Chrome, Safari, Opera */
  -webkit-transform-origin: 100% 100%; /* Chrome, Safari, Opera */
  transform: rotate(-30deg);
  transform-origin: 100% 100%;
  background-color: #60b76c;
  /* For Safari 5.1 to 6.0 */
  /* For Opera 11.1 to 12.0 */
  /* For Firefox 3.6 to 15 */
  background: linear-gradient(45deg, #60b76c 46%, #428468);
  /* Standard syntax */
  mix-blend-mode: multiply;
  right: -330px;
}
@media (min-width: 1200px) {
  .parallax_shape1 {
    right: -338px;
  }
}

.parallax_shape2 { /* IE 9 */ /* Chrome, Safari, Opera */
  transform: rotate(-127deg); /* IE 9 */ /* Chrome, Safari, Opera */
  transform-origin: 100% 100%;
  background-color: #1c3b5d;
  /* For Safari 5.1 to 6.0 */
  /* For Opera 11.1 to 12.0 */
  /* For Firefox 3.6 to 15 */
  background: linear-gradient(45deg, #1c3b5d 75%, #5db269 87%);
  /* Standard syntax */
  mix-blend-mode: multiply;
  right: 227px;
}
@media (min-width: 992px) {
  .parallax_shape2 { /* IE 9 */ /* Chrome, Safari, Opera */
    transform-origin: 95% 100%;
    right: 107px;
  }
}
@media (min-width: 1200px) {
  .parallax_shape2 {
    right: 227px;
  }
}

.parallax_shape1, .parallax_shape2 {
  position: fixed;
  top: 0;
  opacity: 0.9999; /*needed so FF can understand blend mode*/
  z-index: -1;
  width: 3800px;
  height: 85px;
}

.multiply {
  mix-blend-mode: multiply;
}

/*end of ribbons*/
.four04 {
  background-image: url(../assets/img/404.svg);
  background-repeat: repeat-x;
  background-position: center;
  background-size: 1070px;
  padding-bottom: 20rem;
}

.company {
  background-image: url(../assets/img/careers-hero-bg-3.jpg);
  background-size: cover;
}

.honeycomb_background .premium_row a {
  color: #3c3c3b;
}

.background_domain_names {
  background: url(../assets/img/domain_names/domains_bg.svg);
  background-size: cover;
  color: white;
  padding: 20px;
}
.background_domain_names h1 {
  color: white;
  padding-bottom: 0;
}
.background_domain_names h1 img {
  margin-left: 50px;
}

/** for highlighting things to fix**/
.foof {
  border: 1px solid #ff00ff;
}

/*end of things to remove*/
section {
  padding-top: 4rem;
  padding-bottom: 4rem;
}
@media (min-width: 768px) {
  section {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }
}

.spacer-15,
.spacer-30,
.spacer-45,
.spacer-60 {
  margin: 0;
  padding: 0;
  width: 100%;
}

.spacer-15 {
  height: 15px !important;
}

.spacer-30 {
  height: 30px !important;
}

.spacer-45 {
  height: 45px !important;
}

.spacer-60 {
  height: 60px !important;
}

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

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

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

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

@media (min-width: 992px) {
  .md_mb-15 {
    margin-bottom: 15px !important;
  }
  .md_mb-30 {
    margin-bottom: 30px !important;
  }
  .md_mb-45 {
    margin-bottom: 45px !important;
  }
  .md_mb-60 {
    margin-bottom: 60px !important;
  }
}
.pt-15 {
  padding-top: 15px !important;
}

.pt-30 {
  padding-top: 30px !important;
}

.pt-45 {
  padding-top: 45px !important;
}

.pt-60 {
  padding-top: 60px !important;
}

.subpages_height + section:not(.trustpilot_small) {
  padding-top: 1.6rem;
}
@media (min-width: 768px) {
  .subpages_height + section:not(.trustpilot_small) {
    padding-top: 2.4rem;
  }
}
@media (min-width: 992px) {
  .subpages_height + section:not(.trustpilot_small) {
    padding-top: 3.2rem;
  }
}
@media (min-width: 1200px) {
  .subpages_height + section:not(.trustpilot_small) {
    padding-top: 4rem;
  }
}

section.full_width {
  padding-bottom: 1.2rem;
}
@media (min-width: 768px) {
  section.full_width {
    padding-bottom: 1.8rem;
  }
}
@media (min-width: 992px) {
  section.full_width {
    padding-bottom: 2.4rem;
  }
}
@media (min-width: 1200px) {
  section.full_width {
    padding-bottom: 3rem;
  }
}

.footer {
  padding-top: 2.4rem;
  padding-bottom: 2.4rem;
}
@media (min-width: 768px) {
  .footer {
    padding-top: 3.6rem;
  }
}
@media (min-width: 992px) {
  .footer {
    padding-top: 4.8rem;
  }
}
@media (min-width: 1200px) {
  .footer {
    padding-top: 6rem;
  }
}
@media (min-width: 768px) {
  .footer {
    padding-bottom: 3.6rem;
  }
}
@media (min-width: 992px) {
  .footer {
    padding-bottom: 4.8rem;
  }
}
@media (min-width: 1200px) {
  .footer {
    padding-bottom: 6rem;
  }
}

.mobile_hide {
  display: none;
}
@media (min-width: 768px) {
  .mobile_hide {
    display: block;
  }
}

.mobile_show {
  display: block;
}
@media (min-width: 768px) {
  .mobile_show {
    display: none;
  }
}

.btn .mobile_hide {
  display: none;
}
@media (min-width: 768px) {
  .btn .mobile_hide {
    display: inline-block;
  }
}

.btn .mobile_show {
  display: inline-block;
}
@media (min-width: 768px) {
  .btn .mobile_show {
    display: none;
  }
}

.left {
  text-align: left;
}

.right {
  text-align: right;
}

.center, .headline_2features, .award_logos {
  text-align: center;
}

/*Adding this becuase something in navigation sass in making all the margins minus - Carol*/
.row {
  margin-left: 0;
  margin-right: 0;
}
.row.row--negative-margins {
  margin-left: -15px;
  margin-right: -15px;
}
.row img.use-original-image-dimensions,
.row img.use-attribute-image-dimensions {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.row--flex {
  padding: 0;
}
.row--flex .col-md-3, .row--flex .price_switcher-col1, .row--flex .price_switcher-col3, .row--flex .reseller_offer_holder, .row--flex .subnav .product, .subnav .row--flex .product, .row--flex .three_all, .row--flex .twelve-three_all, .row--flex .domain-left-column, .row--flex .os_buttons, .row--flex .four_column, .row--flex .comp_panel_4up {
  display: flex;
  padding: 0;
}
.row--flex .col-md-3 + .col-md-3, .row--flex .all-features_page .comp_panel_4up + .col-md-3, .all-features_page .row--flex .comp_panel_4up + .col-md-3, .row--flex .all-features_page .col-md-3 + .comp_panel_4up, .all-features_page .row--flex .col-md-3 + .comp_panel_4up, .row--flex .all-features_page .comp_panel_4up + .comp_panel_4up, .all-features_page .row--flex .comp_panel_4up + .comp_panel_4up, .row--flex .comp_chart_side .comp_panel_4up + .col-md-3, .row--flex .comp_chart_side .all-features_page .comp_panel_4up + .comp_panel_4up, .all-features_page .row--flex .comp_chart_side .comp_panel_4up + .comp_panel_4up, .comp_chart_side .row--flex .comp_panel_4up + .col-md-3, .comp_chart_side .row--flex .all-features_page .comp_panel_4up + .comp_panel_4up, .all-features_page .comp_chart_side .row--flex .comp_panel_4up + .comp_panel_4up, .row--flex .comp_chart_side .col-md-3 + .comp_panel_4up, .row--flex .comp_chart_side .all-features_page .comp_panel_4up + .comp_panel_4up, .all-features_page .row--flex .comp_chart_side .comp_panel_4up + .comp_panel_4up, .comp_chart_side .row--flex .col-md-3 + .comp_panel_4up, .comp_chart_side .row--flex .all-features_page .comp_panel_4up + .comp_panel_4up, .all-features_page .comp_chart_side .row--flex .comp_panel_4up + .comp_panel_4up, .row--flex .comp_chart_side .comp_panel_4up + .comp_panel_4up, .comp_chart_side .row--flex .comp_panel_4up + .comp_panel_4up, .row--flex .price_switcher-col1 + .col-md-3, .row--flex .all-features_page .price_switcher-col1 + .comp_panel_4up, .all-features_page .row--flex .price_switcher-col1 + .comp_panel_4up, .row--flex .comp_chart_side .price_switcher-col1 + .comp_panel_4up, .comp_chart_side .row--flex .price_switcher-col1 + .comp_panel_4up, .row--flex .col-md-3 + .price_switcher-col1, .row--flex .all-features_page .comp_panel_4up + .price_switcher-col1, .all-features_page .row--flex .comp_panel_4up + .price_switcher-col1, .row--flex .comp_chart_side .comp_panel_4up + .price_switcher-col1, .comp_chart_side .row--flex .comp_panel_4up + .price_switcher-col1, .row--flex .price_switcher-col1 + .price_switcher-col1, .row--flex .price_switcher-col3 + .col-md-3, .row--flex .all-features_page .price_switcher-col3 + .comp_panel_4up, .all-features_page .row--flex .price_switcher-col3 + .comp_panel_4up, .row--flex .comp_chart_side .price_switcher-col3 + .comp_panel_4up, .comp_chart_side .row--flex .price_switcher-col3 + .comp_panel_4up, .row--flex .price_switcher-col3 + .price_switcher-col1, .row--flex .col-md-3 + .price_switcher-col3, .row--flex .all-features_page .comp_panel_4up + .price_switcher-col3, .all-features_page .row--flex .comp_panel_4up + .price_switcher-col3, .row--flex .comp_chart_side .comp_panel_4up + .price_switcher-col3, .comp_chart_side .row--flex .comp_panel_4up + .price_switcher-col3, .row--flex .price_switcher-col1 + .price_switcher-col3, .row--flex .price_switcher-col3 + .price_switcher-col3, .row--flex .reseller_offer_holder + .col-md-3, .row--flex .all-features_page .reseller_offer_holder + .comp_panel_4up, .all-features_page .row--flex .reseller_offer_holder + .comp_panel_4up, .row--flex .comp_chart_side .reseller_offer_holder + .comp_panel_4up, .comp_chart_side .row--flex .reseller_offer_holder + .comp_panel_4up, .row--flex .reseller_offer_holder + .price_switcher-col1, .row--flex .reseller_offer_holder + .price_switcher-col3, .row--flex .subnav .product + .col-md-3, .row--flex .subnav .all-features_page .product + .comp_panel_4up, .all-features_page .row--flex .subnav .product + .comp_panel_4up, .row--flex .subnav .comp_chart_side .product + .comp_panel_4up, .comp_chart_side .row--flex .subnav .product + .comp_panel_4up, .row--flex .subnav .product + .price_switcher-col1, .row--flex .subnav .product + .price_switcher-col3, .subnav .row--flex .product + .col-md-3, .subnav .row--flex .all-features_page .product + .comp_panel_4up, .all-features_page .subnav .row--flex .product + .comp_panel_4up, .subnav .row--flex .comp_chart_side .product + .comp_panel_4up, .comp_chart_side .subnav .row--flex .product + .comp_panel_4up, .subnav .row--flex .product + .price_switcher-col1, .subnav .row--flex .product + .price_switcher-col3, .row--flex .three_all + .col-md-3, .row--flex .all-features_page .three_all + .comp_panel_4up, .all-features_page .row--flex .three_all + .comp_panel_4up, .row--flex .comp_chart_side .three_all + .comp_panel_4up, .comp_chart_side .row--flex .three_all + .comp_panel_4up, .row--flex .three_all + .price_switcher-col1, .row--flex .three_all + .price_switcher-col3, .row--flex .col-md-3 + .reseller_offer_holder, .row--flex .all-features_page .comp_panel_4up + .reseller_offer_holder, .all-features_page .row--flex .comp_panel_4up + .reseller_offer_holder, .row--flex .comp_chart_side .comp_panel_4up + .reseller_offer_holder, .comp_chart_side .row--flex .comp_panel_4up + .reseller_offer_holder, .row--flex .price_switcher-col1 + .reseller_offer_holder, .row--flex .price_switcher-col3 + .reseller_offer_holder, .row--flex .reseller_offer_holder + .reseller_offer_holder, .row--flex .subnav .product + .reseller_offer_holder, .subnav .row--flex .product + .reseller_offer_holder, .row--flex .three_all + .reseller_offer_holder, .row--flex .subnav .col-md-3 + .product, .row--flex .subnav .all-features_page .comp_panel_4up + .product, .all-features_page .row--flex .subnav .comp_panel_4up + .product, .row--flex .subnav .comp_chart_side .comp_panel_4up + .product, .comp_chart_side .row--flex .subnav .comp_panel_4up + .product, .row--flex .subnav .price_switcher-col1 + .product, .row--flex .subnav .price_switcher-col3 + .product, .subnav .row--flex .col-md-3 + .product, .subnav .row--flex .all-features_page .comp_panel_4up + .product, .all-features_page .subnav .row--flex .comp_panel_4up + .product, .subnav .row--flex .comp_chart_side .comp_panel_4up + .product, .comp_chart_side .subnav .row--flex .comp_panel_4up + .product, .subnav .row--flex .price_switcher-col1 + .product, .subnav .row--flex .price_switcher-col3 + .product, .row--flex .subnav .reseller_offer_holder + .product, .subnav .row--flex .reseller_offer_holder + .product, .row--flex .subnav .product + .product, .subnav .row--flex .product + .product, .row--flex .subnav .three_all + .product, .subnav .row--flex .three_all + .product, .row--flex .col-md-3 + .three_all, .row--flex .all-features_page .comp_panel_4up + .three_all, .all-features_page .row--flex .comp_panel_4up + .three_all, .row--flex .comp_chart_side .comp_panel_4up + .three_all, .comp_chart_side .row--flex .comp_panel_4up + .three_all, .row--flex .price_switcher-col1 + .three_all, .row--flex .price_switcher-col3 + .three_all, .row--flex .reseller_offer_holder + .three_all, .row--flex .subnav .product + .three_all, .subnav .row--flex .product + .three_all, .row--flex .three_all + .three_all, .row--flex .twelve-three_all + .col-md-3, .row--flex .all-features_page .twelve-three_all + .comp_panel_4up, .all-features_page .row--flex .twelve-three_all + .comp_panel_4up, .row--flex .comp_chart_side .twelve-three_all + .comp_panel_4up, .comp_chart_side .row--flex .twelve-three_all + .comp_panel_4up, .row--flex .twelve-three_all + .price_switcher-col1, .row--flex .twelve-three_all + .price_switcher-col3, .row--flex .twelve-three_all + .reseller_offer_holder, .row--flex .subnav .twelve-three_all + .product, .subnav .row--flex .twelve-three_all + .product, .row--flex .twelve-three_all + .three_all, .row--flex .domain-left-column + .col-md-3, .row--flex .all-features_page .domain-left-column + .comp_panel_4up, .all-features_page .row--flex .domain-left-column + .comp_panel_4up, .row--flex .comp_chart_side .domain-left-column + .comp_panel_4up, .comp_chart_side .row--flex .domain-left-column + .comp_panel_4up, .row--flex .domain-left-column + .price_switcher-col1, .row--flex .domain-left-column + .price_switcher-col3, .row--flex .domain-left-column + .reseller_offer_holder, .row--flex .subnav .domain-left-column + .product, .subnav .row--flex .domain-left-column + .product, .row--flex .domain-left-column + .three_all, .row--flex .col-md-3 + .twelve-three_all, .row--flex .all-features_page .comp_panel_4up + .twelve-three_all, .all-features_page .row--flex .comp_panel_4up + .twelve-three_all, .row--flex .comp_chart_side .comp_panel_4up + .twelve-three_all, .comp_chart_side .row--flex .comp_panel_4up + .twelve-three_all, .row--flex .price_switcher-col1 + .twelve-three_all, .row--flex .price_switcher-col3 + .twelve-three_all, .row--flex .reseller_offer_holder + .twelve-three_all, .row--flex .subnav .product + .twelve-three_all, .subnav .row--flex .product + .twelve-three_all, .row--flex .three_all + .twelve-three_all, .row--flex .twelve-three_all + .twelve-three_all, .row--flex .domain-left-column + .twelve-three_all, .row--flex .col-md-3 + .domain-left-column, .row--flex .all-features_page .comp_panel_4up + .domain-left-column, .all-features_page .row--flex .comp_panel_4up + .domain-left-column, .row--flex .comp_chart_side .comp_panel_4up + .domain-left-column, .comp_chart_side .row--flex .comp_panel_4up + .domain-left-column, .row--flex .price_switcher-col1 + .domain-left-column, .row--flex .price_switcher-col3 + .domain-left-column, .row--flex .reseller_offer_holder + .domain-left-column, .row--flex .subnav .product + .domain-left-column, .subnav .row--flex .product + .domain-left-column, .row--flex .three_all + .domain-left-column, .row--flex .twelve-three_all + .domain-left-column, .row--flex .domain-left-column + .domain-left-column, .row--flex .os_buttons + .col-md-3, .row--flex .all-features_page .os_buttons + .comp_panel_4up, .all-features_page .row--flex .os_buttons + .comp_panel_4up, .row--flex .comp_chart_side .os_buttons + .comp_panel_4up, .comp_chart_side .row--flex .os_buttons + .comp_panel_4up, .row--flex .os_buttons + .price_switcher-col1, .row--flex .os_buttons + .price_switcher-col3, .row--flex .os_buttons + .reseller_offer_holder, .row--flex .subnav .os_buttons + .product, .subnav .row--flex .os_buttons + .product, .row--flex .os_buttons + .three_all, .row--flex .os_buttons + .twelve-three_all, .row--flex .os_buttons + .domain-left-column, .row--flex .col-md-3 + .os_buttons, .row--flex .all-features_page .comp_panel_4up + .os_buttons, .all-features_page .row--flex .comp_panel_4up + .os_buttons, .row--flex .comp_chart_side .comp_panel_4up + .os_buttons, .comp_chart_side .row--flex .comp_panel_4up + .os_buttons, .row--flex .price_switcher-col1 + .os_buttons, .row--flex .price_switcher-col3 + .os_buttons, .row--flex .reseller_offer_holder + .os_buttons, .row--flex .subnav .product + .os_buttons, .subnav .row--flex .product + .os_buttons, .row--flex .three_all + .os_buttons, .row--flex .twelve-three_all + .os_buttons, .row--flex .domain-left-column + .os_buttons, .row--flex .os_buttons + .os_buttons, .row--flex .four_column + .col-md-3, .row--flex .all-features_page .four_column + .comp_panel_4up, .all-features_page .row--flex .four_column + .comp_panel_4up, .row--flex .comp_chart_side .four_column + .comp_panel_4up, .comp_chart_side .row--flex .four_column + .comp_panel_4up, .row--flex .four_column + .price_switcher-col1, .row--flex .four_column + .price_switcher-col3, .row--flex .four_column + .reseller_offer_holder, .row--flex .subnav .four_column + .product, .subnav .row--flex .four_column + .product, .row--flex .four_column + .three_all, .row--flex .four_column + .twelve-three_all, .row--flex .four_column + .domain-left-column, .row--flex .four_column + .os_buttons, .row--flex .comp_panel_4up + .col-md-3, .row--flex .all-features_page .comp_panel_4up + .comp_panel_4up, .all-features_page .row--flex .comp_panel_4up + .comp_panel_4up, .row--flex .comp_chart_side .comp_panel_4up + .comp_panel_4up, .comp_chart_side .row--flex .comp_panel_4up + .comp_panel_4up, .row--flex .comp_panel_4up + .price_switcher-col1, .row--flex .comp_panel_4up + .price_switcher-col3, .row--flex .comp_panel_4up + .reseller_offer_holder, .row--flex .subnav .comp_panel_4up + .product, .subnav .row--flex .comp_panel_4up + .product, .row--flex .comp_panel_4up + .three_all, .row--flex .comp_panel_4up + .twelve-three_all, .row--flex .comp_panel_4up + .domain-left-column, .row--flex .comp_panel_4up + .os_buttons, .row--flex .col-md-3 + .four_column, .row--flex .all-features_page .comp_panel_4up + .four_column, .all-features_page .row--flex .comp_panel_4up + .four_column, .row--flex .comp_chart_side .comp_panel_4up + .four_column, .comp_chart_side .row--flex .comp_panel_4up + .four_column, .row--flex .price_switcher-col1 + .four_column, .row--flex .price_switcher-col3 + .four_column, .row--flex .reseller_offer_holder + .four_column, .row--flex .subnav .product + .four_column, .subnav .row--flex .product + .four_column, .row--flex .three_all + .four_column, .row--flex .twelve-three_all + .four_column, .row--flex .domain-left-column + .four_column, .row--flex .os_buttons + .four_column, .row--flex .four_column + .four_column, .row--flex .comp_panel_4up + .four_column, .row--flex .col-md-3 + .comp_panel_4up, .row--flex .all-features_page .comp_panel_4up + .comp_panel_4up, .all-features_page .row--flex .comp_panel_4up + .comp_panel_4up, .row--flex .comp_chart_side .comp_panel_4up + .comp_panel_4up, .comp_chart_side .row--flex .comp_panel_4up + .comp_panel_4up, .row--flex .price_switcher-col1 + .comp_panel_4up, .row--flex .price_switcher-col3 + .comp_panel_4up, .row--flex .reseller_offer_holder + .comp_panel_4up, .row--flex .subnav .product + .comp_panel_4up, .subnav .row--flex .product + .comp_panel_4up, .row--flex .three_all + .comp_panel_4up, .row--flex .twelve-three_all + .comp_panel_4up, .row--flex .domain-left-column + .comp_panel_4up, .row--flex .os_buttons + .comp_panel_4up, .row--flex .four_column + .comp_panel_4up, .row--flex .comp_panel_4up + .comp_panel_4up {
  padding-left: 15px;
}
.row--flex > .comp_panel_2up.yearly, .row--flex > .comp_panel_2up.monthly {
  display: none !important;
}
.row--flex > .comp_panel_2up.active {
  display: flex !important;
}
.row--flex > .comp_panel_2up > .comp_panel_holder > a {
  display: flex;
  justify-content: center;
  margin: 30px 0;
  border: none;
}
.row--flex > .comp_panel_3up.yearly, .row--flex > .comp_panel_3up.monthly {
  display: none !important;
}
.row--flex > .comp_panel_3up.active {
  display: flex !important;
}
.row--flex > .comp_panel_3up > .comp_panel_holder > a {
  display: flex;
  justify-content: center;
  margin: 30px 0;
  border: none;
}
.row--flex > .comp_panel_4up.yearly, .row--flex > .comp_panel_4up.monthly {
  display: none !important;
}
.row--flex > .comp_panel_4up.active {
  display: flex !important;
}
.row--flex > .comp_panel_4up > .comp_panel_holder > a {
  display: flex;
  justify-content: center;
  margin: 30px 0;
  border: none;
}
.row--flex > .comp_panel_5up.yearly, .row--flex > .comp_panel_5up.monthly {
  display: none !important;
}
.row--flex > .comp_panel_5up.active {
  display: flex !important;
}
.row--flex > .comp_panel_5up > .comp_panel_holder > a {
  display: flex;
  justify-content: center;
  margin: 30px 0;
  border: none;
}
.row--flex .comp_panel_6up {
  padding: 0;
}
.row--flex .comp_panel_6up + .comp_panel_6up {
  padding-left: 5px;
}
.row--flex .comp_icon {
  display: none;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: -5px;
}
@media (min-width: 768px) {
  .row--flex .comp_icon {
    display: block;
  }
}
@media (min-width: 992px) {
  .row--flex {
    display: flex;
  }
  .row--flex > .comp_panel_2up {
    width: calc(50% - 15px);
  }
  .row--flex > .comp_panel_3up {
    width: calc(33.3333333333% - 30px);
  }
  .row--flex > .comp_panel_4up {
    width: calc(25% - 45px);
  }
  .row--flex > .comp_panel_4up .yearly .pounds {
    font-size: 5.5rem;
  }
  .row--flex > .comp_panel_2up {
    flex-grow: 1;
    display: flex;
    padding: 0;
  }
  .row--flex > .comp_panel_2up:not(:last-of-type) {
    padding-right: 15px;
  }
  .row--flex > .comp_panel_2up > .comp_panel_holder {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
  }
  .row--flex > .comp_panel_2up > .comp_panel_holder > a {
    align-self: stretch;
  }
  .row--flex > .comp_panel_2up > .comp_panel_holder > a:last-child {
    margin: auto 0 0;
  }
  .row--flex > .comp_panel_2up > .comp_panel_holder > .premium_link {
    margin-top: auto;
  }
  .row--flex > .comp_panel_2up > .comp_panel_holder > p {
    height: 100px;
  }
  .row--flex > .comp_panel_3up {
    flex-grow: 1;
    display: flex;
    padding: 0;
  }
  .row--flex > .comp_panel_3up:not(:last-of-type) {
    padding-right: 15px;
  }
  .row--flex > .comp_panel_3up > .comp_panel_holder {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
  }
  .row--flex > .comp_panel_3up > .comp_panel_holder > a {
    align-self: stretch;
  }
  .row--flex > .comp_panel_3up > .comp_panel_holder > a:last-child {
    margin: auto 0 0;
  }
  .row--flex > .comp_panel_3up > .comp_panel_holder > .premium_link {
    margin-top: auto;
  }
  .row--flex > .comp_panel_3up > .comp_panel_holder > p {
    height: 100px;
  }
  .row--flex > .comp_panel_4up {
    flex-grow: 1;
    display: flex;
    padding: 0;
  }
  .row--flex > .comp_panel_4up:not(:last-of-type) {
    padding-right: 15px;
  }
  .row--flex > .comp_panel_4up > .comp_panel_holder {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
  }
  .row--flex > .comp_panel_4up > .comp_panel_holder > a {
    align-self: stretch;
  }
  .row--flex > .comp_panel_4up > .comp_panel_holder > a:last-child {
    margin: auto 0 0;
  }
  .row--flex > .comp_panel_4up > .comp_panel_holder > .premium_link {
    margin-top: auto;
  }
  .row--flex > .comp_panel_4up > .comp_panel_holder > p {
    height: 100px;
  }
  .row--flex > .comp_panel_5up {
    flex-grow: 1;
    display: flex;
    padding: 0;
  }
  .row--flex > .comp_panel_5up:not(:last-of-type) {
    padding-right: 15px;
  }
  .row--flex > .comp_panel_5up > .comp_panel_holder {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
  }
  .row--flex > .comp_panel_5up > .comp_panel_holder > a {
    align-self: stretch;
  }
  .row--flex > .comp_panel_5up > .comp_panel_holder > a:last-child {
    margin: auto 0 0;
  }
  .row--flex > .comp_panel_5up > .comp_panel_holder > .premium_link {
    margin-top: auto;
  }
  .row--flex > .comp_panel_5up > .comp_panel_holder > p {
    height: 100px;
  }
}
@media (min-width: 768px) {
  .row--icons {
    display: flex;
    margin-bottom: 40px;
    justify-content: center;
  }
  .row--icons:last-of-type {
    margin-bottom: 0;
  }
}
.row--icons > .three_column,
.row--icons > .four_column {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
}
.row--icons > .three_column > a,
.row--icons > .three_column > div,
.row--icons > .four_column > a,
.row--icons > .four_column > div {
  padding-top: 10px;
}
.row--icons > .three_column > a,
.row--icons > .four_column > a {
  cursor: help;
}
.row--icons > .three_column > a > h2,
.row--icons > .three_column > a > .h2,
.row--icons > .four_column > a > h2,
.row--icons > .four_column > a > .h2 {
  font-family: MuseoSansRounded-300, sans-serif;
  font-size: 16px;
  color: #777777;
  text-decoration: underline;
  text-transform: none;
}
.row--icons-with-caption > .three_column,
.row--icons-with-caption > .four_column {
  justify-content: flex-start;
}

img.use-original-image-dimensions {
  height: auto !important;
  width: auto !important;
}

.full_width {
  display: block;
  width: 100%;
}

.border-rounded {
  border-radius: 4px;
  border: 1px solid #d8d8d8;
}

.flex {
  display: flex;
  justify-content: space-between;
}
.flex .flex-right {
  margin-right: 30px;
}
.flex.justify-center {
  justify-content: center;
}

.checkmark:before {
  content: "";
  height: 18px;
  width: 20px;
  background: url("/assets/img/icons/checkmark_gradient.svg");
  background-size: contain;
  background-repeat: no-repeat;
  display: block;
}

#product-details [data-toggle=popover] {
  border-bottom: 1px dotted #63B770;
  color: #777;
}
#product-details [data-toggle=popover]:hover {
  text-decoration: none;
  border-bottom-color: #63B770;
}

html .fade-in {
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.2s ease;
}

.show-after-countdown {
  display: none !important;
}

.countdown-loaded .fade-in {
  visibility: visible;
  opacity: 1;
}

.countdown-over .hide-after-countdown {
  display: none !important;
}
.countdown-over .hide-after-countdown--keep-size {
  visibility: hidden;
}
.countdown-over .show-after-countdown {
  display: block !important;
}

/*Ideally  all columns should be defined here*/
/*lg  1 (12)*/
/*(11)*/
/*lg (10)*/
/*lg (9)*/
/*lg (8)*/
/*lg (7)*/
/*lg 2 (6)*/
/*lg (5)*/
/*lg 3 (4)*/
/*lg 4 (3)*/
.address, .telephone {
  text-align: center;
}
.address table, .telephone table {
  width: 100%;
}

.os_buttons { /*the buttons that control the show and hide on side details*/ }

/*lg 6 (2)*/
/*lg 12 (1)*/
/* 5ths grid used on configurator http://stackoverflow.com/questions/10387740/five-equal-columns-in-twitter-bootstrap/22799354#22799354 */
.col-xs-5ths,
.col-sm-5ths,
.col-md-5ths,
.col-lg-5ths {
  position: relative;
  min-height: 1px;
  padding-right: 10px;
  padding-left: 10px;
}

.col-xs-5ths {
  width: 20%;
  float: left;
}

.col-lg-2-4 {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}
@media (min-width: 1200px) {
  .col-lg-2-4 {
    float: left;
    width: 20%;
  }
}

.col-md-2-4 {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}
@media (min-width: 992px) {
  .col-md-2-4 {
    float: left;
    width: 20%;
  }
}

.col-sm-2-4 {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}
@media (min-width: 768px) {
  .col-sm-2-4 {
    float: left;
    width: 20%;
  }
}

#top_links {
  width: 100%;
}
@media (min-width: 992px) {
  #top_links {
    width: 70% !important;
  }
}
@media (min-width: 1200px) {
  #top_links {
    width: 69% !important;
  }
}

.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {
  position: relative;
  min-height: 1px;
  padding-right: 5px;
  padding-left: 5px;
}

.col-xs-15 {
  width: 100%;
  float: left;
}

@media (min-width: 768px) {
  .col-sm-15 {
    width: 20%;
    float: left;
  }
}
@media (min-width: 992px) {
  .col-md-15 {
    width: 20%;
    float: left;
  }
}
@media (min-width: 1200px) {
  .col-lg-15 {
    width: 20%;
    float: left;
  }
}
.domain_search_full {
  background-color: #3c3c3b;
  width: 100%;
}

/****** 'top' holds the domain search and the call/support/login ******/
#top {
  margin: 0;
  padding: 0;
}
#top textarea:focus, #top input:focus {
  outline: 0;
}

.nav-up {
  top: -180px !important;
}

.pricingToggle-down {
  bottom: -180px !important;
}

/*This is call/support/login*/
#top_links {
  float: right;
  width: 74%;
  text-align: right;
  text-transform: uppercase;
  padding-top: 0.8rem;
  padding-bottom: 0.2rem;
}
@media (min-width: 992px) {
  #top_links {
    width: 62%;
    line-height: 33px;
  }
}
@media (min-width: 768px) {
  #top_links {
    padding-bottom: 0.3rem;
  }
}
@media (min-width: 992px) {
  #top_links {
    padding-bottom: 0.4rem;
  }
}
@media (min-width: 1200px) {
  #top_links {
    padding-bottom: 0.5rem;
  }
}
@media (min-width: 992px) {
  #top_links {
    text-align: right;
    line-height: 33px;
  }
}
#top_links a {
  display: inline;
  color: #3c3c3b;
  font-size: 1.1rem;
  padding-right: 0.8rem;
}
@media (min-width: 768px) {
  #top_links a {
    padding-right: 1.2rem;
  }
}
@media (min-width: 992px) {
  #top_links a {
    padding-right: 1.6rem;
  }
}
@media (min-width: 1200px) {
  #top_links a {
    padding-right: 2rem;
  }
}
#top_links a img {
  width: auto;
  height: 13px;
  margin-top: -3px;
  margin-left: 5px;
}
#top_links .log_in {
  padding: 7px 5px 6px 8px;
  padding-right: 7px;
  border-radius: 5px;
  background: #4e9758;
  border: 1px solid transparent;
  font-family: MuseoSansRounded-500;
  color: #fff;
  transition: 0.2s;
}
#top_links .log_in:hover {
  text-decoration: none;
  background: #3bb34b;
  transition: 0.1s;
}
#top_links .log_in img {
  fill: #fff;
}

.call {
  font-size: 1.1rem;
  padding-right: 0.8rem;
  padding-left: 0.4rem;
}
@media (min-width: 768px) {
  .call {
    padding-right: 1.2rem;
  }
}
@media (min-width: 992px) {
  .call {
    padding-right: 1.6rem;
  }
}
@media (min-width: 1200px) {
  .call {
    padding-right: 2rem;
  }
}
@media (min-width: 768px) {
  .call {
    padding-left: 0.6rem;
  }
}
@media (min-width: 992px) {
  .call {
    padding-left: 0.8rem;
  }
}
@media (min-width: 1200px) {
  .call {
    padding-left: 1rem;
  }
}

/*this is domain search*/
#domain_search_top {
  float: left;
  font-size: 1.75rem;
  background-color: transparent;
}
@media (min-width: 768px) {
  #domain_search_top {
    font-size: 2rem;
  }
}
@media (min-width: 992px) {
  #domain_search_top {
    font-size: 2.25rem;
  }
}
@media (min-width: 1200px) {
  #domain_search_top {
    font-size: 2.5rem;
  }
}
#domain_search_top:before {
  font-family: "FontAwesome";
  position: relative;
  content: "\f002";
  top: 2px;
}
#domain_search_top input#domain_search {
  background-color: transparent;
}
#domain_search_top #domain_search {
  border: 0;
  font-size: 1.75rem;
  padding-left: 0.8rem;
}
@media (min-width: 768px) {
  #domain_search_top #domain_search {
    font-size: 2rem;
  }
}
@media (min-width: 992px) {
  #domain_search_top #domain_search {
    font-size: 2.25rem;
  }
}
@media (min-width: 1200px) {
  #domain_search_top #domain_search {
    font-size: 2.5rem;
  }
}
@media (min-width: 768px) {
  #domain_search_top #domain_search {
    padding-left: 1.2rem;
  }
}
@media (min-width: 992px) {
  #domain_search_top #domain_search {
    padding-left: 1.6rem;
  }
}
@media (min-width: 1200px) {
  #domain_search_top #domain_search {
    padding-left: 2rem;
  }
}
@media (min-width: 768px) {
  #domain_search_top #domain_search {
    height: 48px;
    width: 124px;
    font-size: 1.25rem;
  }
}
@media (min-width: 768px) and (min-width: 768px) {
  #domain_search_top #domain_search {
    font-size: 1.25rem;
  }
}
@media (min-width: 768px) and (min-width: 992px) {
  #domain_search_top #domain_search {
    font-size: 1.25rem;
  }
}
@media (min-width: 768px) and (min-width: 1200px) {
  #domain_search_top #domain_search {
    font-size: 1.25rem;
  }
}
@media (min-width: 992px) {
  #domain_search_top #domain_search {
    height: 48px;
    width: 200px;
    font-size: 1.5rem;
  }
}
@media (min-width: 992px) and (min-width: 768px) {
  #domain_search_top #domain_search {
    font-size: 1.5rem;
  }
}
@media (min-width: 992px) and (min-width: 992px) {
  #domain_search_top #domain_search {
    font-size: 1.5rem;
  }
}
@media (min-width: 992px) and (min-width: 1200px) {
  #domain_search_top #domain_search {
    font-size: 1.5rem;
  }
}
#domain_search_top #close_search {
  display: none;
  float: right;
  margin-top: 15px;
}
#domain_search_top #close_search img {
  width: 30px;
  height: 30px;
  margin-top: 20px;
}
#domain_search_top #close_search button {
  border: 2px solid #3c3c3b;
  background: transparent;
  color: #3c3c3b;
  border-radius: 3px;
  padding: 0.9rem 2.2rem;
  margin-right: 20px;
  margin-top: -2px;
}
#domain_search_top #close_search a:hover {
  text-decoration: none;
  color: #3c3c3b;
}

/****** end of the 'top' area ******/
/*navbar is everything below top, not including the subnav*/
.navbar {
  border-radius: 0;
  margin-bottom: 0;
  border-right: 0 solid transparent;
  border-left: 0 solid transparent;
  /*mobile part, with the icons and hamburger*/
  /* BEGIN LOG IN FORM */
  /* END LOG IN FORM */
}
@media (min-width: 768px) {
  .navbar {
    height: 86px;
  }
}
@media (min-width: 768px) {
  .navbar {
    border-top: 1px solid #ededed;
    border-bottom: 1px solid #ededed;
  }
}
.navbar .navbar-header {
  /**icon/hamburger etc selected*/
}
.navbar .navbar-header .nav-pills li a {
  border-radius: 0;
}
.navbar .navbar-header .nav-pills li a.fa {
  padding: 20px 11px 20px;
  font-size: 3.1rem;
}
.navbar .navbar-header .nav-pills img {
  width: 50px;
  height: 50px;
}
.navbar .navbar-header .nav-pills > li.active > a, .navbar .navbar-header .nav-pills > li.active > a:hover, .navbar .navbar-header .nav-pills > li.active > a:focus {
  background-color: #ededed;
  color: #3c3c3b;
}
.navbar .navbar-header .navbar-collapse {
  display: none;
}
.navbar .support_tab {
  text-align: center;
}
.navbar .support_tab a {
  color: #ae7500;
}
.navbar .log_in_form, .navbar .social_buttons, .navbar .support_tab {
  padding-top: 4rem;
  padding-bottom: 4rem;
}
@media (min-width: 768px) {
  .navbar .log_in_form, .navbar .social_buttons, .navbar .support_tab {
    padding-top: 6rem;
  }
}
@media (min-width: 992px) {
  .navbar .log_in_form, .navbar .social_buttons, .navbar .support_tab {
    padding-top: 8rem;
  }
}
@media (min-width: 1200px) {
  .navbar .log_in_form, .navbar .social_buttons, .navbar .support_tab {
    padding-top: 10rem;
  }
}
@media (min-width: 768px) {
  .navbar .log_in_form, .navbar .social_buttons, .navbar .support_tab {
    padding-bottom: 6rem;
  }
}
@media (min-width: 992px) {
  .navbar .log_in_form, .navbar .social_buttons, .navbar .support_tab {
    padding-bottom: 8rem;
  }
}
@media (min-width: 1200px) {
  .navbar .log_in_form, .navbar .social_buttons, .navbar .support_tab {
    padding-bottom: 10rem;
  }
}
.navbar .log_in_form input, .navbar .social_buttons input, .navbar .support_tab input {
  height: 60px;
  font-size: 1.75rem;
}
@media (min-width: 768px) {
  .navbar .log_in_form input, .navbar .social_buttons input, .navbar .support_tab input {
    font-size: 2rem;
  }
}
@media (min-width: 992px) {
  .navbar .log_in_form input, .navbar .social_buttons input, .navbar .support_tab input {
    font-size: 2.25rem;
  }
}
@media (min-width: 1200px) {
  .navbar .log_in_form input, .navbar .social_buttons input, .navbar .support_tab input {
    font-size: 2.5rem;
  }
}
.navbar .log_in_form label, .navbar .social_buttons label, .navbar .support_tab label {
  font-size: 1.75rem;
}
@media (min-width: 768px) {
  .navbar .log_in_form label, .navbar .social_buttons label, .navbar .support_tab label {
    font-size: 2rem;
  }
}
@media (min-width: 992px) {
  .navbar .log_in_form label, .navbar .social_buttons label, .navbar .support_tab label {
    font-size: 2.25rem;
  }
}
@media (min-width: 1200px) {
  .navbar .log_in_form label, .navbar .social_buttons label, .navbar .support_tab label {
    font-size: 2.5rem;
  }
}
.navbar .log_in_form span, .navbar .social_buttons span, .navbar .support_tab span {
  font-size: 3.75rem;
}
@media (min-width: 768px) {
  .navbar .log_in_form span, .navbar .social_buttons span, .navbar .support_tab span {
    font-size: 4rem;
  }
}
@media (min-width: 992px) {
  .navbar .log_in_form span, .navbar .social_buttons span, .navbar .support_tab span {
    font-size: 4.25rem;
  }
}
@media (min-width: 1200px) {
  .navbar .log_in_form span, .navbar .social_buttons span, .navbar .support_tab span {
    font-size: 4.5rem;
  }
}
.navbar .log_in_form .forgotten_password, .navbar .log_in_form .sign_up, .navbar .social_buttons .forgotten_password, .navbar .social_buttons .sign_up, .navbar .support_tab .forgotten_password, .navbar .support_tab .sign_up {
  padding-right: 0;
  padding-left: 0;
  font-size: 1.75rem;
}
@media (min-width: 768px) {
  .navbar .log_in_form .forgotten_password, .navbar .log_in_form .sign_up, .navbar .social_buttons .forgotten_password, .navbar .social_buttons .sign_up, .navbar .support_tab .forgotten_password, .navbar .support_tab .sign_up {
    font-size: 2rem;
  }
}
@media (min-width: 992px) {
  .navbar .log_in_form .forgotten_password, .navbar .log_in_form .sign_up, .navbar .social_buttons .forgotten_password, .navbar .social_buttons .sign_up, .navbar .support_tab .forgotten_password, .navbar .support_tab .sign_up {
    font-size: 2.25rem;
  }
}
@media (min-width: 1200px) {
  .navbar .log_in_form .forgotten_password, .navbar .log_in_form .sign_up, .navbar .social_buttons .forgotten_password, .navbar .social_buttons .sign_up, .navbar .support_tab .forgotten_password, .navbar .support_tab .sign_up {
    font-size: 2.5rem;
  }
}
.navbar .social_buttons {
  background: #52955c;
}
.navbar .dropdown-menu {
  border: 0;
}
@media (min-width: 768px) {
  .navbar .dropdown-menu {
    display: none;
  }
}
.navbar .dropdown-menu li {
  display: block;
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
@media (min-width: 768px) {
  .navbar .dropdown-menu li {
    padding-top: 1.8rem;
  }
}
@media (min-width: 992px) {
  .navbar .dropdown-menu li {
    padding-top: 2.4rem;
  }
}
@media (min-width: 1200px) {
  .navbar .dropdown-menu li {
    padding-top: 3rem;
  }
}
@media (min-width: 768px) {
  .navbar .dropdown-menu li {
    padding-bottom: 1.8rem;
  }
}
@media (min-width: 992px) {
  .navbar .dropdown-menu li {
    padding-bottom: 2.4rem;
  }
}
@media (min-width: 1200px) {
  .navbar .dropdown-menu li {
    padding-bottom: 3rem;
  }
}
@media (min-width: 768px) {
  .navbar .dropdown-menu li {
    display: none;
  }
}
.navbar .dropdown-menu li p {
  margin-bottom: 0;
}
.navbar #navbar img.nav_logo, .navbar #navbar svg.nav_logo {
  margin-top: -15px;
}
.navbar #navbar .dropdown-toggle.open {
  border-bottom: 5px solid #63b770;
}
@media (max-width: 767px) {
  .navbar #navbar .dropdown-toggle.open {
    border-bottom: 0;
  }
}
@media (max-width: 767px) {
  .navbar #navbar .navbar-logo {
    display: none;
  }
}
@media (min-width: 768px) {
  .navbar #navbar {
    display: flex;
    justify-content: space-between;
    margin-top: 2px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .navbar #navbar .navbar-logo {
    flex-grow: 0;
    flex-shrink: 1;
  }
  .navbar #navbar .navbar-right {
    margin-left: auto;
  }
}
.navbar #navbar .navbar-logo,
.navbar #navbar .navbar-logo img {
  width: 150px;
}
@media (min-width: 992px) {
  .navbar #navbar .navbar-logo,
  .navbar #navbar .navbar-logo img {
    width: 200px;
  }
  .navbar #navbar .navbar-right {
    display: flex;
    margin-left: auto;
  }
  .navbar #navbar .navbar-right > li {
    display: flex;
    align-items: center;
  }
  .navbar #navbar .navbar-right > li > a {
    padding: 0 8px;
    margin-top: 0;
    text-align: center;
    transition: 0.2s;
  }
  .navbar #navbar .navbar-right > li > a:hover::before {
    content: "";
    display: inline-block;
    width: calc(100% - 18px);
    height: 5px;
    background-color: #beccc0;
    position: absolute;
    bottom: -7px;
    left: 9px;
    transition: 0.2s;
  }
  .navbar #navbar .navbar-logo > li > a {
    padding: 0;
  }
}
@media (min-width: 1440px) {
  .navbar #navbar .navbar-logo,
  .navbar #navbar .navbar-logo img {
    width: 200px;
  }
}
.navbar .navbar-nav > li {
  position: inherit;
  padding-bottom: 0;
}
.navbar .navbar-nav > li .tab-pane {
  position: absolute;
  left: 0;
  top: 85px;
}
@media (max-width: 767px) {
  .navbar .navbar-nav > li .tab-pane {
    position: inherit;
    padding-top: 10px;
    padding-left: 15px;
  }
}
.navbar .navbar-logo li {
  padding-bottom: 15px;
}
.navbar .navbar-nav {
  padding-left: 2rem;
}
@media (min-width: 768px) {
  .navbar .navbar-nav {
    padding-left: 3rem;
  }
}
@media (min-width: 992px) {
  .navbar .navbar-nav {
    padding-left: 4rem;
  }
}
@media (min-width: 1200px) {
  .navbar .navbar-nav {
    padding-left: 5rem;
  }
}
@media (min-width: 768px) {
  .navbar .navbar-nav {
    padding-left: 0;
  }
}
.navbar .navbar-nav > li > a {
  padding-top: 18px;
  padding-bottom: 25px;
}
@media (min-width: 768px) {
  .navbar .navbar-nav > li > a {
    margin-top: 32px;
    padding-top: 0;
    padding-bottom: 0;
  }
}
.navbar ul.navbar-right {
  margin-right: -10px;
}
.navbar ul.navbar-right li {
  font-weight: bold;
  padding: 0 5px;
}
@media (max-width: 767px) {
  .navbar ul.navbar-right {
    padding-bottom: 20px;
  }
}
.navbar ul.navbar-right li a {
  padding-bottom: 0;
  color: #000;
}
@media (max-width: 767px) {
  .navbar ul.navbar-right li a {
    padding-bottom: 0;
    color: #3c3c3b;
  }
}
.navbar .form-group {
  margin-bottom: 20px;
}
.navbar .log_in_options a {
  text-decoration: none;
}
.navbar .tab-pane {
  display: none;
}
@media (min-width: 768px) {
  .navbar .tab-pane {
    display: block;
  }
}
.navbar .tab-pane.subnav {
  display: none;
}
.navbar .active {
  display: block;
}
.navbar .tab-content > .active {
  background: #FFFFFF;
  position: absolute;
  width: 100%;
  z-index: 999;
}
.navbar .tab-content {
  display: none;
}

/*subnav appears below navbar*/
.subnav {
  position: absolute;
  width: 100%;
  z-index: 999;
  background: #FFFFFF;
  padding-top: 1.6rem;
  padding-bottom: 1.6rem;
  margin-top: -1px;
}
@media (min-width: 768px) {
  .subnav {
    padding-top: 2.4rem;
  }
}
@media (min-width: 992px) {
  .subnav {
    padding-top: 3.2rem;
  }
}
@media (min-width: 1200px) {
  .subnav {
    padding-top: 4rem;
  }
}
@media (min-width: 768px) {
  .subnav {
    padding-bottom: 2.4rem;
  }
}
@media (min-width: 992px) {
  .subnav {
    padding-bottom: 3.2rem;
  }
}
@media (min-width: 1200px) {
  .subnav {
    padding-bottom: 4rem;
  }
}
@media (max-width: 767px) {
  .subnav {
    padding: 0;
    border-bottom: none;
  }
}
@media (min-width: 768px) {
  .subnav {
    border-bottom: 1px solid #cccccc;
    border-top: 1px solid #ededed;
  }
}
.subnav .tab-pane {
  display: none;
}
.subnav .active {
  display: block;
}
.subnav p {
  font-size: 1.5rem;
  margin-bottom: 0;
}
@media (max-width: 767px) {
  .subnav p {
    display: none;
  }
}
@media (min-width: 768px) {
  .subnav p {
    font-size: 1.5rem;
  }
}
@media (min-width: 992px) {
  .subnav p {
    font-size: 1.5rem;
  }
}
@media (min-width: 1200px) {
  .subnav p {
    font-size: 1.5rem;
  }
}
.subnav h2, .subnav h4 {
  font-family: MuseoSansRounded-500, sans-serif;
}
.subnav h2 {
  font-size: 1.5rem;
  text-align: left;
}
@media (min-width: 768px) {
  .subnav h2 {
    font-size: 1.5rem;
  }
}
@media (min-width: 992px) {
  .subnav h2 {
    font-size: 1.75rem;
  }
}
@media (min-width: 1200px) {
  .subnav h2 {
    font-size: 2rem;
  }
}
.subnav h4 {
  font-size: 1.5rem;
  padding-bottom: 1.2rem;
  border-bottom: 1px solid #ededed;
}
.subnav h4 a {
  position: absolute;
  display: block;
  width: 240px;
  height: 90px;
}
@media (max-width: 767px) {
  .subnav h4 {
    font-size: 1.5rem;
    font-family: MuseoSansRounded-300, sans-serif;
    text-transform: none;
    border-bottom: 0;
    color: #777;
  }
}
@media (max-width: 767px) and (min-width: 768px) {
  .subnav h4 {
    font-size: 1.5rem;
  }
}
@media (max-width: 767px) and (min-width: 992px) {
  .subnav h4 {
    font-size: 1.5rem;
  }
}
@media (max-width: 767px) and (min-width: 1200px) {
  .subnav h4 {
    font-size: 1.5rem;
  }
}
@media (max-width: 767px) {
  .subnav h4 a:hover {
    text-decoration: none;
    color: #333;
  }
}
@media (min-width: 768px) {
  .subnav h4 {
    font-size: 1.5rem;
  }
}
@media (min-width: 992px) {
  .subnav h4 {
    font-size: 1.5rem;
  }
}
@media (min-width: 1200px) {
  .subnav h4 {
    font-size: 1.75rem;
  }
}
@media (min-width: 768px) {
  .subnav h4 {
    padding-bottom: 1.8rem;
  }
}
@media (min-width: 992px) {
  .subnav h4 {
    padding-bottom: 2.4rem;
  }
}
@media (min-width: 1200px) {
  .subnav h4 {
    padding-bottom: 3rem;
  }
}
.subnav .details h3 {
  color: #3c3c3b;
  font-weight: bold;
  font-family: MuseoSansRounded-500, sans-serif;
  font-size: 1.75rem;
  margin-top: 2px;
}
.subnav .product {
  padding: 0;
}
@media (max-width: 767px) {
  .subnav .product {
    width: 100%;
    padding: 10px 0px;
  }
}
@media (min-width: 768px) {
  .subnav .product {
    padding: 2px 27px 7px 38px;
  }
}
@media (min-width: 992px) {
  .subnav .product {
    padding: 2px 27px 7px 30px;
  }
}
@media (min-width: 768px) {
  .subnav#wordpress_hosting .top_nav_sale_label, .subnav#servers .top_nav_sale_label {
    top: -22px;
    right: 0;
  }
}
@media (min-width: 992px) {
  .subnav#wordpress_hosting .top_nav_sale_label, .subnav#servers .top_nav_sale_label {
    top: 30px;
    right: 28px;
  }
}
@media (min-width: 1200px) {
  .subnav#wordpress_hosting .top_nav_sale_label, .subnav#servers .top_nav_sale_label {
    top: 50px;
    right: 27px;
  }
}
@media (min-width: 768px) {
  .subnav#wordpress_hosting .top_nav_sale_label + h4 > a, .subnav#servers .top_nav_sale_label + h4 > a {
    white-space: break-spaces;
    width: auto;
    max-width: calc(100% - 80px);
    margin-top: -22px;
  }
}
@media (min-width: 992px) {
  .subnav#wordpress_hosting .top_nav_sale_label + h4 > a, .subnav#servers .top_nav_sale_label + h4 > a {
    max-width: calc(100% - 150px);
  }
}
@media (min-width: 1200px) {
  .subnav#wordpress_hosting .top_nav_sale_label + h4 > a, .subnav#servers .top_nav_sale_label + h4 > a {
    white-space: nowrap;
    max-width: none;
    margin-top: 0;
  }
}

/**main menu - highlight current section**/
.nav_highlight#nav_domain-names .highlight_domains > a,
.nav_highlight#nav_web-hosting .highlight_webhosting > a,
.nav_highlight#nav_premium-web-hosting .highlight_webhosting > a,
.nav_highlight#nav_reseller-hosting .highlight_reseller > a,
.nav_highlight#nav_email .highlight_email > a,
.nav_highlight#nav_ssl-certificates .highlight_ssl-certificates > a,
.nav_highlight#nav_vps .highlight_vps > a,
.nav_highlight#nav_dedicated-servers .highlight_dedicated > a,
.nav_highlight#nav_hosted-exchange .highlight_email > a,
.nav_highlight#nav_email-marketing .highlight_more > a,
.nav_highlight#nav_website-builder .highlight_more > a,
.nav_highlight#nav_wordpress-hosting .highlight_wordpress > a,
.nav_highlight#nav_website-security .highlight_website_security > a,
.nav_highlight#nav_ssl-certificates .highlight_website_security > a {
  position: relative;
}
.nav_highlight#nav_domain-names .highlight_domains > a::before,
.nav_highlight#nav_web-hosting .highlight_webhosting > a::before,
.nav_highlight#nav_premium-web-hosting .highlight_webhosting > a::before,
.nav_highlight#nav_reseller-hosting .highlight_reseller > a::before,
.nav_highlight#nav_email .highlight_email > a::before,
.nav_highlight#nav_ssl-certificates .highlight_ssl-certificates > a::before,
.nav_highlight#nav_vps .highlight_vps > a::before,
.nav_highlight#nav_dedicated-servers .highlight_dedicated > a::before,
.nav_highlight#nav_hosted-exchange .highlight_email > a::before,
.nav_highlight#nav_email-marketing .highlight_more > a::before,
.nav_highlight#nav_website-builder .highlight_more > a::before,
.nav_highlight#nav_wordpress-hosting .highlight_wordpress > a::before,
.nav_highlight#nav_website-security .highlight_website_security > a::before,
.nav_highlight#nav_ssl-certificates .highlight_website_security > a::before {
  content: "";
  display: inline-block;
  width: calc(100% - 18px);
  height: 5px;
  background-color: #63b770;
  position: absolute;
  bottom: -7px;
  left: 9px;
}
@media (max-width: 767px) {
  .nav_highlight#nav_domain-names .highlight_domains > a::before,
  .nav_highlight#nav_web-hosting .highlight_webhosting > a::before,
  .nav_highlight#nav_premium-web-hosting .highlight_webhosting > a::before,
  .nav_highlight#nav_reseller-hosting .highlight_reseller > a::before,
  .nav_highlight#nav_email .highlight_email > a::before,
  .nav_highlight#nav_ssl-certificates .highlight_ssl-certificates > a::before,
  .nav_highlight#nav_vps .highlight_vps > a::before,
  .nav_highlight#nav_dedicated-servers .highlight_dedicated > a::before,
  .nav_highlight#nav_hosted-exchange .highlight_email > a::before,
  .nav_highlight#nav_email-marketing .highlight_more > a::before,
  .nav_highlight#nav_website-builder .highlight_more > a::before,
  .nav_highlight#nav_wordpress-hosting .highlight_wordpress > a::before,
  .nav_highlight#nav_website-security .highlight_website_security > a::before,
  .nav_highlight#nav_ssl-certificates .highlight_website_security > a::before {
    content: none;
  }
}

/**Sub pages menu**/
.subpages_height {
  background-color: transparent; /* Fall-back for browsers that don't support rgba */
}

/*for case studies pages*/
#nav_case-studies + .subpages_height {
  background-color: #FFFFFF; /* Fall-back for browsers that don't support rgba */
  background: rgba(255, 255, 255, 0.9);
}

.subnav .details {
  padding-right: 40px;
}
@media (max-width: 767px) {
  .subnav .details {
    display: none;
  }
}

.subpages {
  clear: both;
  height: 45px;
  text-align: left;
}
@media (min-width: 768px) {
  .subpages {
    text-align: right;
  }
}
.subpages .subpages_left {
  font-size: 1.5rem;
  float: left;
  padding-right: 0.4rem;
}
@media (min-width: 768px) {
  .subpages .subpages_left {
    font-size: 1.5rem;
  }
}
@media (min-width: 992px) {
  .subpages .subpages_left {
    font-size: 1.5rem;
  }
}
@media (min-width: 1200px) {
  .subpages .subpages_left {
    font-size: 1.5rem;
  }
}
@media (min-width: 768px) {
  .subpages .subpages_left {
    padding-right: 0.6rem;
  }
}
@media (min-width: 992px) {
  .subpages .subpages_left {
    padding-right: 0.8rem;
  }
}
@media (min-width: 1200px) {
  .subpages .subpages_left {
    padding-right: 1rem;
  }
}
.subpages .subpages_left a {
  display: inline-block;
  color: #555;
  padding: 13px 0 8px;
  margin-left: 0.8rem;
}
@media (min-width: 768px) {
  .subpages .subpages_left a {
    margin-left: 1.2rem;
  }
}
@media (min-width: 992px) {
  .subpages .subpages_left a {
    margin-left: 1.6rem;
  }
}
@media (min-width: 1200px) {
  .subpages .subpages_left a {
    margin-left: 2rem;
  }
}
@media (min-width: 768px) {
  .subpages .subpages_left a {
    text-align: left;
  }
}
.subpages .subpages_left .top_nav_sale_label {
  margin: 0 5px 0 0;
  position: static;
  text-decoration: none;
  display: block;
  float: left;
}
.subpages .subpages_left .active {
  border-bottom: 3px solid #777;
}
.subpages .primary_button, .subpages .domain_search_button, .subpages .domain_search, .subpages .sales_chat_button {
  font-size: 1.25rem;
  padding-bottom: 0.2rem;
  padding-top: 0.2rem;
  margin-bottom: 0.4rem;
  margin-top: 0.8rem;
}
@media (min-width: 768px) {
  .subpages .primary_button, .subpages .domain_search_button, .subpages .domain_search, .subpages .sales_chat_button {
    font-size: 1.25rem;
  }
}
@media (min-width: 992px) {
  .subpages .primary_button, .subpages .domain_search_button, .subpages .domain_search, .subpages .sales_chat_button {
    font-size: 1.25rem;
  }
}
@media (min-width: 1200px) {
  .subpages .primary_button, .subpages .domain_search_button, .subpages .domain_search, .subpages .sales_chat_button {
    font-size: 1.25rem;
  }
}
@media (min-width: 768px) {
  .subpages .primary_button, .subpages .domain_search_button, .subpages .domain_search, .subpages .sales_chat_button {
    padding-bottom: 0.3rem;
  }
}
@media (min-width: 992px) {
  .subpages .primary_button, .subpages .domain_search_button, .subpages .domain_search, .subpages .sales_chat_button {
    padding-bottom: 0.4rem;
  }
}
@media (min-width: 1200px) {
  .subpages .primary_button, .subpages .domain_search_button, .subpages .domain_search, .subpages .sales_chat_button {
    padding-bottom: 0.5rem;
  }
}
@media (min-width: 768px) {
  .subpages .primary_button, .subpages .domain_search_button, .subpages .domain_search, .subpages .sales_chat_button {
    padding-top: 0.3rem;
  }
}
@media (min-width: 992px) {
  .subpages .primary_button, .subpages .domain_search_button, .subpages .domain_search, .subpages .sales_chat_button {
    padding-top: 0.4rem;
  }
}
@media (min-width: 1200px) {
  .subpages .primary_button, .subpages .domain_search_button, .subpages .domain_search, .subpages .sales_chat_button {
    padding-top: 0.5rem;
  }
}
@media (min-width: 768px) {
  .subpages .primary_button, .subpages .domain_search_button, .subpages .domain_search, .subpages .sales_chat_button {
    margin-bottom: 0.6rem;
  }
}
@media (min-width: 992px) {
  .subpages .primary_button, .subpages .domain_search_button, .subpages .domain_search, .subpages .sales_chat_button {
    margin-bottom: 0.8rem;
  }
}
@media (min-width: 1200px) {
  .subpages .primary_button, .subpages .domain_search_button, .subpages .domain_search, .subpages .sales_chat_button {
    margin-bottom: 1rem;
  }
}
@media (min-width: 768px) {
  .subpages .primary_button, .subpages .domain_search_button, .subpages .domain_search, .subpages .sales_chat_button {
    margin-top: 1.2rem;
  }
}
@media (min-width: 992px) {
  .subpages .primary_button, .subpages .domain_search_button, .subpages .domain_search, .subpages .sales_chat_button {
    margin-top: 1.6rem;
  }
}
@media (min-width: 1200px) {
  .subpages .primary_button, .subpages .domain_search_button, .subpages .domain_search, .subpages .sales_chat_button {
    margin-top: 2rem;
  }
}
@media (min-width: 768px) {
  .subpages .primary_button, .subpages .domain_search_button, .subpages .domain_search, .subpages .sales_chat_button {
    margin-top: 0;
    margin-bottom: 0;
  }
}
.subpages .primary_button {
  line-height: 29px;
  max-width: 100px;
}
@media (min-width: 768px) {
  .subpages .primary_button {
    max-width: 200px;
    display: inline-block;
    margin-left: 2.4rem;
  }
}
@media (min-width: 768px) and (min-width: 768px) {
  .subpages .primary_button {
    margin-left: 3.6rem;
  }
}
@media (min-width: 768px) and (min-width: 992px) {
  .subpages .primary_button {
    margin-left: 4.8rem;
  }
}
@media (min-width: 768px) and (min-width: 1200px) {
  .subpages .primary_button {
    margin-left: 6rem;
  }
}
.subpages .domain_search {
  max-width: 260px;
  display: inline;
  padding-left: 10px;
  line-height: 20px;
  margin: 0;
  padding-top: 0;
  padding-bottom: 0;
  height: 32px;
}
@media (min-width: 768px) {
  .subpages .domain_search {
    max-width: 300px;
  }
}
.subpages .domain_search_button {
  display: inline;
  -moz-border-top-left-radius: 0;
  border-top-left-radius: 0;
  -moz-border-bottom-left-radius: 0;
  border-bottom-left-radius: 0;
  padding-left: 10px;
  max-width: 110px;
  margin: 0;
  margin-left: -110px;
  padding-top: 0;
  padding-bottom: 0;
  line-height: 12px;
  height: 32px;
}
.subpages form {
  width: 320px;
  display: inline;
}

.subpages_height.dark .subpages .subpages_left a {
  color: #FFFFFF;
}

/*Make sub page menu sticky (with some js)*/
.subpages.affix {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 10;
  background-color: #FFFFFF; /* Fall-back for browsers that don't support rgba */
  background: #0d4e46;
  display: inline-block;
}

.subpages.affix form {
  display: inline !important; /* Safari */
  transition: display 1s;
}

.subpages form {
  float: left;
  padding-top: 1rem;
  padding-bottom: 1rem;
  margin-left: -8px;
}
@media (min-width: 1200px) {
  .subpages form {
    float: right;
  }
}

.nav_highlight .sales_button {
  top: 48px;
}
@media (min-width: 1200px) {
  .nav_highlight .sales_button {
    top: 0;
  }
}

/* highlight current page*/
.subpages#domain-names a.subpage_domain-names,
.subpages#domain-prices a.subpage_domain-name-extensions,
.subpages#buy-sell-domains a.subpage_buy-sell-domains,
.subpages#bulk-domains a.subpage_bulk-domains,
.subpages#domain-privacy a.subpage_domain-privacy,
.subpages#domain-transfer a.subpage_domain-transfer,
.subpages#advanced-search a.subpage_advanced-search, .subpages#web-hosting a.subpage_web-hosting,
.subpages#windows-hosting a.subpage_windows-hosting,
.subpages#wordpress-hosting a.subpage_wordpress-hosting,
.subpages#wordpress-pro-hosting a.subpage_wordpress-pro-hosting,
.subpages#ecommerce-hosting a.subpage_ecommerce-hosting,
.subpages#wordpress-features a.subpage_wordpress-features,
.subpages#all-features a.subpage_web-hosting-all,
.subpages#extend-control-panel a.subpage_extend-control-panel,
.subpages#one-click-installs a.subpage_one-click-installs,
.subpages#premium-web-hosting a.subpage_premium-web-hosting,
.subpages#all-features a.subpage_premium-web-hosting-all,
.subpages#hosted-exchange a.subpage_hosted-exchange,
.subpages#all-features a.subpage_hosted-exchange-all,
.subpages#email-marketing a.subpage_email-marketing,
.subpages#all-features a.subpage_email-marketing-all,
.subpages#reseller-hosting a.subpage_reseller-hosting,
.subpages#reseller-features a.subpage_reseller-features,
.subpages#reseller-products a.subpage_reseller-products,
.subpages#reseller-support a.subpage_reseller-support,
.subpages#sell-hosting a.subpage_sell-hosting,
.subpages#reseller-control-panel a.subpage_reseller-control-panel,
.subpages#vps a.subpage_vps,
.subpages#professional-services a.subpage_vps-pro-services,
.subpages#all-features a.subpage_vps-all,
.subpages#dedicated-servers a.subpage_dedicated-servers,
.subpages#all-features a.subpage_dedicated-servers-all,
.subpages#website-builder a.subpage_website-builder,
.subpages#all-features a.subpage_website-builder-all,
.subpages#website-security a.subpage_website-security,
.subpages#testimonials-and-reviews a.subpage_testimonials,
.subpages#managed-vps a.managed_vps,
.subpages#company a.subpage_about,
.subpages#blog a.subpage_blog,
.subpages#awards a.subpage_awards,
.subpages#careers a.subpage_careers,
.subpages#contact-id a.subpage_contact,
.subpages#sponsorship a.subpage_events,
.subpages#domain-credits a.subpage_domain-credits {
  border-bottom: 0px solid #ƒff;
}
@media (min-width: 768px) {
  .subpages#domain-names a.subpage_domain-names,
  .subpages#domain-prices a.subpage_domain-name-extensions,
  .subpages#buy-sell-domains a.subpage_buy-sell-domains,
  .subpages#bulk-domains a.subpage_bulk-domains,
  .subpages#domain-privacy a.subpage_domain-privacy,
  .subpages#domain-transfer a.subpage_domain-transfer,
  .subpages#advanced-search a.subpage_advanced-search, .subpages#web-hosting a.subpage_web-hosting,
  .subpages#windows-hosting a.subpage_windows-hosting,
  .subpages#wordpress-hosting a.subpage_wordpress-hosting,
  .subpages#wordpress-pro-hosting a.subpage_wordpress-pro-hosting,
  .subpages#ecommerce-hosting a.subpage_ecommerce-hosting,
  .subpages#wordpress-features a.subpage_wordpress-features,
  .subpages#all-features a.subpage_web-hosting-all,
  .subpages#extend-control-panel a.subpage_extend-control-panel,
  .subpages#one-click-installs a.subpage_one-click-installs,
  .subpages#premium-web-hosting a.subpage_premium-web-hosting,
  .subpages#all-features a.subpage_premium-web-hosting-all,
  .subpages#hosted-exchange a.subpage_hosted-exchange,
  .subpages#all-features a.subpage_hosted-exchange-all,
  .subpages#email-marketing a.subpage_email-marketing,
  .subpages#all-features a.subpage_email-marketing-all,
  .subpages#reseller-hosting a.subpage_reseller-hosting,
  .subpages#reseller-features a.subpage_reseller-features,
  .subpages#reseller-products a.subpage_reseller-products,
  .subpages#reseller-support a.subpage_reseller-support,
  .subpages#sell-hosting a.subpage_sell-hosting,
  .subpages#reseller-control-panel a.subpage_reseller-control-panel,
  .subpages#vps a.subpage_vps,
  .subpages#professional-services a.subpage_vps-pro-services,
  .subpages#all-features a.subpage_vps-all,
  .subpages#dedicated-servers a.subpage_dedicated-servers,
  .subpages#all-features a.subpage_dedicated-servers-all,
  .subpages#website-builder a.subpage_website-builder,
  .subpages#all-features a.subpage_website-builder-all,
  .subpages#website-security a.subpage_website-security,
  .subpages#testimonials-and-reviews a.subpage_testimonials,
  .subpages#managed-vps a.managed_vps,
  .subpages#company a.subpage_about,
  .subpages#blog a.subpage_blog,
  .subpages#awards a.subpage_awards,
  .subpages#careers a.subpage_careers,
  .subpages#contact-id a.subpage_contact,
  .subpages#sponsorship a.subpage_events,
  .subpages#domain-credits a.subpage_domain-credits {
    border-bottom: 3px solid #fff;
  }
}

/*make desktop menu links slightly narrower to fix issue on tablet size*/
.nav > li > a {
  padding: 10px 3px;
}
@media (min-width: 992px) {
  .nav > li > a {
    padding: 10px 10px;
  }
}

@media (max-width: 767px) {
  .product-icon {
    display: none;
  }
}
.product-icon > img {
  width: 92px;
  margin-top: -6px;
}
.product-icon .hexagon-icon {
  top: 49.5%;
  left: 43%;
}

.black-hexagon {
  background: url(/assets/img/nav/navblack.svg) no-repeat;
  background-repeat: no-repeat;
  height: 70px;
  width: 70px;
  margin-top: -10%;
}
@media (min-width: 768px) {
  .black-hexagon {
    height: 80px;
    width: 80px;
    margin-top: -10%;
  }
}
@media (min-width: 992px) {
  .black-hexagon {
    height: 90px;
    width: 90px;
    margin-top: -10%;
  }
}
@media (min-width: 1200px) {
  .black-hexagon {
    height: 105px;
    width: 105px;
    margin-top: -10%;
  }
}

.nav-dedicated-hosting,
.nav-email-hosting, .nav-email-marketing, .nav-premium-hosting, .nav-vps-hosting,
.nav-web-hosting, .nav-website-builder, .nav-wordpress {
  background: url(/assets/img/nav/nav.svg) no-repeat;
  overflow: hidden;
  text-indent: -9999px;
  background-size: 39px 394px;
  position: absolute;
  top: 0%;
  margin-top: -19px;
  left: 0%;
  margin-left: -19px;
}

.nav-dedicated-hosting {
  background-position: 1px 0px;
  width: 45px;
  height: 37px;
  background-size: 39px 394px;
  margin-top: -19px;
}

.nav-email-hosting {
  background-position: 0px -40px;
  width: 50px;
  height: 37px;
  background-size: 39px 394px;
}

.nav-email-marketing {
  background-position: 1px -73px;
  width: 47px;
  height: 36px;
  background-size: 39px 394px;
  margin-top: -19px;
}

.nav-premium-hosting {
  background-position: 1px -114px;
  width: 48px;
  height: 45px;
  background-size: 39px 394px;
}

.nav-vps-hosting {
  background-position: 1px -155px;
  width: 48px;
  height: 30px;
  background-size: 39px 394px;
  margin-top: -17px;
}

.nav-web-hosting {
  background-position: 1px -193px;
  width: 48px;
  height: 36px;
  background-size: 39px 394px;
  margin-top: -19px;
}

.nav-website-builder {
  background-position: 1px -231px;
  width: 48px;
  height: 33px;
  background-size: 39px 394px;
}

.nav-website-security {
  background-position: 1px -264px;
  width: 48px;
  height: 48px;
  background-size: 39px 394px;
  margin-top: -23px;
}

.nav-ssl-certificates {
  background-position: 1px -306px;
  width: 48px;
  height: 40px;
  background-size: 39px 394px;
  margin-top: -23px;
}

.nav-wordpress {
  background-position: -1px -344px;
  width: 48px;
  height: 48px;
  background-size: 39px 394px;
  margin-top: -23px;
}

.nav-windows,
.nav-website-security,
.nav-ssl-certificates {
  background: url(/assets/img/nav/nav-windows.svg) no-repeat;
  display: inline-block;
  width: 39px;
  height: 39px;
  position: absolute;
  margin-left: -15px;
  margin-top: -15px;
}

.nav-website-security {
  background: url(/assets/img/nav/nav-website-security.svg) no-repeat;
  margin-left: -19px;
  width: 50px;
  margin-top: -20px;
  height: 50px;
}

.nav-ssl-certificates {
  background: url(/assets/img/nav/nav-ssl-certificates.svg) no-repeat;
  margin-left: -23px;
  margin-top: -15px;
  width: 50px;
}

.nav-find-domain,
.nav-domain-credits {
  display: inline-block;
  width: 105px;
  height: 105px;
  position: absolute;
  left: -46px;
  top: -51px;
}

.nav-find-domain {
  background: url(/assets/img/nav/nav-find-domain.svg) no-repeat;
}

.nav-domain-credits {
  background: url(/assets/img/nav/nav-domain-credits.svg) no-repeat;
}

.nav-vps-unmanaged {
  background: url(/assets/img/vps/vps-unmanaged-icon.png) no-repeat;
  width: 100px;
  height: 105px;
  position: absolute;
  background-size: 90px;
  left: -45px;
  top: -51px;
}

.nav-vps-managed {
  background: url(/assets/img/vps/vps-managed-icon.png) no-repeat;
  width: 100px;
  height: 107px;
  position: absolute;
  background-size: 91px;
  left: -45px;
  top: -51px;
}

#top_links a, #top_links a div {
  display: inline;
}

#top_links a.sales_chat {
  font-family: MuseoSansRounded-500;
  color: #2f5793;
  border-left: 1px solid #979797;
  border-right: 1px solid #979797;
  padding: 2px 10px 2px 14px;
  margin-right: 12px;
}
#top_links a.sales_chat:hover {
  text-decoration: none;
}

.open {
  display: block;
}

.subpages a.sales_chat {
  display: none;
}

.affix a.sales_chat {
  display: inline;
  margin-left: 0;
}
@media (min-width: 992px) {
  .affix a.sales_chat {
    margin-left: 5rem;
  }
}

.subpages .primary_button {
  margin-left: 1rem !important;
}

.subpages .sales_chat_button {
  color: #fff;
  padding-right: 0;
}
.subpages .sales_chat_button:hover, .subpages .sales_chat_button:active, .subpages .sales_chat_button:visited, .subpages .sales_chat_button:focus {
  color: #fff;
  text-decoration: none !important;
}
.subpages .sales_chat_button img {
  margin-top: -2px;
  margin-left: 5px;
}

.highlight_vps .black-hexagon {
  background: none;
}

/* Cat Styling */
.LPMcontainer.LPMoverlay {
  display: inline-block !important;
}

.chat-image-circle {
  padding: 13px 13px 8px 13px !important;
}

.gdchat-fixed-bottom-right {
  margin: 1.6em !important;
}

#lpChat .lp_location_center .lp_agent_image_area_wrapper .lp_image {
  height: 100% !important;
  max-width: 70% !important;
}

/*** Contact bar***/
#contact {
  /*overide the section padding as they want this custom*/
  padding-top: 0;
  padding-bottom: 0;
}
#contact .contact {
  padding-top: 1.6rem;
  padding-bottom: 1.6rem;
}
@media (min-width: 768px) {
  #contact .contact {
    padding-top: 2.4rem;
  }
}
@media (min-width: 992px) {
  #contact .contact {
    padding-top: 3.2rem;
  }
}
@media (min-width: 1200px) {
  #contact .contact {
    padding-top: 4rem;
  }
}
@media (min-width: 768px) {
  #contact .contact {
    padding-bottom: 2.4rem;
  }
}
@media (min-width: 992px) {
  #contact .contact {
    padding-bottom: 3.2rem;
  }
}
@media (min-width: 1200px) {
  #contact .contact {
    padding-bottom: 4rem;
  }
}
#contact .contact.home {
  padding-top: 0.8rem;
  padding-bottom: 0.8rem;
}
@media (min-width: 768px) {
  #contact .contact.home {
    padding-top: 1.2rem;
  }
}
@media (min-width: 992px) {
  #contact .contact.home {
    padding-top: 1.6rem;
  }
}
@media (min-width: 1200px) {
  #contact .contact.home {
    padding-top: 2rem;
  }
}
@media (min-width: 768px) {
  #contact .contact.home {
    padding-bottom: 1.2rem;
  }
}
@media (min-width: 992px) {
  #contact .contact.home {
    padding-bottom: 1.6rem;
  }
}
@media (min-width: 1200px) {
  #contact .contact.home {
    padding-bottom: 2rem;
  }
}
#contact .contact.small {
  padding-top: 0.8rem;
  padding-bottom: 0.8rem;
}
@media (min-width: 768px) {
  #contact .contact.small {
    padding-top: 1.2rem;
  }
}
@media (min-width: 992px) {
  #contact .contact.small {
    padding-top: 1.6rem;
  }
}
@media (min-width: 1200px) {
  #contact .contact.small {
    padding-top: 2rem;
  }
}
@media (min-width: 768px) {
  #contact .contact.small {
    padding-bottom: 1.2rem;
  }
}
@media (min-width: 992px) {
  #contact .contact.small {
    padding-bottom: 1.6rem;
  }
}
@media (min-width: 1200px) {
  #contact .contact.small {
    padding-bottom: 2rem;
  }
}
#contact .contact_gradient_bar {
  background: #1a355d;
  /* Old browsers */
  /* FF3.6+ */
  /* Chrome,Safari4+ */
  /* Chrome10+,Safari5.1+ */
  /* Opera 11.10+ */
  /* IE10+ */
  background: linear-gradient(to right, #1a355d 0%, #63b770 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1a355d", endColorstr="#63b770", GradientType=1);
  /* IE6-9 */
  height: 9px;
}
#contact .contact_text {
  font-size: 1.5rem;
  text-align: center;
}
@media (min-width: 768px) {
  #contact .contact_text {
    font-size: 1.75rem;
  }
}
@media (min-width: 992px) {
  #contact .contact_text {
    font-size: 2rem;
  }
}
@media (min-width: 1200px) {
  #contact .contact_text {
    font-size: 2.25rem;
  }
}
#contact .contact_text a {
  color: #FFFFFF;
  text-decoration: underline;
}

/**** footer ****/
.footer {
  /*** push buttons full width on mobile (swaps in with js) ***/
  /*** show hide items in footer ***/
  /**** logo in footer ****/
}
.footer ul {
  padding-top: 0.8rem;
  padding: 0;
}
@media (min-width: 768px) {
  .footer ul {
    padding-top: 1.2rem;
  }
}
@media (min-width: 992px) {
  .footer ul {
    padding-top: 1.6rem;
  }
}
@media (min-width: 1200px) {
  .footer ul {
    padding-top: 2rem;
  }
}
.footer ul li::before {
  font-family: "FontAwesome";
}
.footer li {
  padding-bottom: 0.4rem;
  list-style-type: none;
  padding: 0;
}
@media (min-width: 768px) {
  .footer li {
    padding-bottom: 0.6rem;
  }
}
@media (min-width: 992px) {
  .footer li {
    padding-bottom: 0.8rem;
  }
}
@media (min-width: 1200px) {
  .footer li {
    padding-bottom: 1rem;
  }
}
.footer h5 {
  text-transform: uppercase;
  font-family: MuseoSansRounded-500, sans-serif;
}
.footer .full_width {
  margin-top: 0.8rem;
}
@media (min-width: 768px) {
  .footer .full_width {
    margin-top: 1.2rem;
  }
}
@media (min-width: 992px) {
  .footer .full_width {
    margin-top: 1.6rem;
  }
}
@media (min-width: 1200px) {
  .footer .full_width {
    margin-top: 2rem;
  }
}
.footer .row.flex {
  justify-content: normal;
  flex-direction: row;
}
.footer .row.flex .col {
  flex: 1;
}
.footer .row.flex .col + col {
  flex-direction: row-reverse;
}
.footer .fa {
  font-size: 35px;
  margin-right: 5px;
}
.footer #showhide1, .footer #showhide2 {
  display: none;
  cursor: pointer;
}
@media (min-width: 768px) {
  .footer #showhide1, .footer #showhide2 {
    display: block;
  }
}
.footer #more1, .footer #more2 {
  display: block;
}
@media (min-width: 768px) {
  .footer #more1, .footer #more2 {
    display: none;
  }
}
.footer .footer_logo {
  display: none;
}
@media (min-width: 768px) {
  .footer .footer_logo {
    display: block;
  }
  .footer .footer_logo svg {
    width: 150px;
    height: 38px;
  }
}
@media (min-width: 992px) {
  .footer .footer_logo svg {
    width: 210px;
    height: 53px;
  }
}
.footer .footer_logo_mobile_holder {
  text-align: center;
  display: block;
  margin-bottom: 4rem;
}
@media (min-width: 768px) {
  .footer .footer_logo_mobile_holder {
    margin-bottom: 6rem;
  }
}
@media (min-width: 992px) {
  .footer .footer_logo_mobile_holder {
    margin-bottom: 8rem;
  }
}
@media (min-width: 1200px) {
  .footer .footer_logo_mobile_holder {
    margin-bottom: 10rem;
  }
}
@media (min-width: 768px) {
  .footer .footer_logo_mobile_holder {
    display: none;
  }
}
.footer .footer_logo_mobile {
  height: 49px;
  width: 195px;
  display: inline-block;
}
.footer .social_container {
  float: right;
  margin-bottom: 10px;
}
.footer .footer-links {
  font-size: 14px;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  padding: 25px 0;
  margin-top: 20px;
  width: 100%;
}
.footer .footer-links a {
  color: #63b770;
  padding: 0px;
}
.footer .footer-numbers {
  text-align: right;
}

.hexagon {
  overflow: hidden;
  transform: rotate(120deg);
}

.hexagon-in1 {
  overflow: hidden;
  width: 100%;
  height: 100%;
  transform: rotate(-60deg);
}

.hexagon-in2 {
  width: 100%;
  height: 100%;
  transform: rotate(-60deg);
  -webkit-backface-visibility: hidden;
}

.hexagon-icon {
  position: relative;
  fill: #FFFFFF;
  height: 0;
  top: -117px;
}
@media (min-width: 992px) {
  .hexagon-icon {
    top: -87px;
  }
}
@media (min-width: 1200px) {
  .hexagon-icon {
    top: -117px;
  }
}

.hexagon {
  width: 100px;
  height: 50px;
  margin: auto;
}

.hexagon-list {
  list-style: none;
}
.hexagon-list li {
  position: relative;
  padding-left: 28px;
}
.hexagon-list li:not(.no-icon)::before {
  content: "";
  background-image: url("../assets/img/hexagon-full.svg");
  display: block;
  width: 20px;
  height: 20px;
  margin-right: 10px;
  padding: 0;
  float: none;
  background-size: contain;
  background-repeat: no-repeat;
  left: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.promo_box {
  width: calc(50% - 30px);
  margin: 0 auto;
  padding: 20px 15px;
  text-align: center;
}
.promo_box h4, .promo_box .h4 {
  display: inline-block;
  font-size: 20px;
  padding-bottom: 0;
  margin-right: 30px;
  font-family: MuseoSansRounded;
  font-weight: 400;
}
.promo_box .buy-button {
  display: inline-block;
  vertical-align: middle;
}
.promo_box .primary_button {
  width: 100%;
  padding: 15px 40px;
}

.contact_submit {
  float: right;
  margin-right: -15px;
}

.primary_button,
.secondary_button,
.body_button,
.gradient_button {
  border-radius: 6px;
  text-transform: uppercase;
  text-decoration: none;
  font-family: MuseoSansRounded-500, sans-serif;
  font-size: 1.5rem;
}
@media (min-width: 768px) {
  .primary_button,
  .secondary_button,
  .body_button,
  .gradient_button {
    font-size: 1.5rem;
  }
}
@media (min-width: 992px) {
  .primary_button,
  .secondary_button,
  .body_button,
  .gradient_button {
    font-size: 1.5rem;
  }
}
@media (min-width: 1200px) {
  .primary_button,
  .secondary_button,
  .body_button,
  .gradient_button {
    font-size: 1.5rem;
  }
}
@media (min-width: 992px) {
  .primary_button,
  .secondary_button,
  .body_button,
  .gradient_button {
    font-size: 1.5rem;
  }
}
@media (min-width: 992px) and (min-width: 768px) {
  .primary_button,
  .secondary_button,
  .body_button,
  .gradient_button {
    font-size: 1.5rem;
  }
}
@media (min-width: 992px) and (min-width: 992px) {
  .primary_button,
  .secondary_button,
  .body_button,
  .gradient_button {
    font-size: 1.5rem;
  }
}
@media (min-width: 992px) and (min-width: 1200px) {
  .primary_button,
  .secondary_button,
  .body_button,
  .gradient_button {
    font-size: 1.75rem;
  }
}

.primary_button.gradient {
  background: linear-gradient(90deg, #1a355d, #63b770);
  color: white;
  border: none;
}
.primary_button.gradient:hover {
  background: linear-gradient(90deg, #1a355d, #63b770);
  color: white;
}
.primary_button.grey {
  background-color: #cccccc;
  color: #777777;
}
.primary_button.grey:hover {
  background-color: #777777;
  color: #FFFFFF;
}

.primary_button {
  background-color: #ffd800;
  color: #242424;
  padding-top: 1.6rem;
  padding-bottom: 1.6rem;
  width: 100%;
}
@media (min-width: 768px) {
  .primary_button {
    padding-top: 2.4rem;
  }
}
@media (min-width: 992px) {
  .primary_button {
    padding-top: 3.2rem;
  }
}
@media (min-width: 1200px) {
  .primary_button {
    padding-top: 4rem;
  }
}
@media (min-width: 768px) {
  .primary_button {
    padding-bottom: 2.4rem;
  }
}
@media (min-width: 992px) {
  .primary_button {
    padding-bottom: 3.2rem;
  }
}
@media (min-width: 1200px) {
  .primary_button {
    padding-bottom: 4rem;
  }
}
@media (min-width: 768px) {
  .primary_button {
    padding-top: 0.8rem;
    padding-bottom: 0.8rem;
    padding-right: 1.2rem;
    padding-left: 1.2rem;
    width: auto;
  }
}
@media (min-width: 768px) and (min-width: 768px) {
  .primary_button {
    padding-top: 1.2rem;
  }
}
@media (min-width: 768px) and (min-width: 992px) {
  .primary_button {
    padding-top: 1.6rem;
  }
}
@media (min-width: 768px) and (min-width: 1200px) {
  .primary_button {
    padding-top: 2rem;
  }
}
@media (min-width: 768px) and (min-width: 768px) {
  .primary_button {
    padding-bottom: 1.2rem;
  }
}
@media (min-width: 768px) and (min-width: 992px) {
  .primary_button {
    padding-bottom: 1.6rem;
  }
}
@media (min-width: 768px) and (min-width: 1200px) {
  .primary_button {
    padding-bottom: 2rem;
  }
}
@media (min-width: 768px) and (min-width: 768px) {
  .primary_button {
    padding-right: 1.8rem;
  }
}
@media (min-width: 768px) and (min-width: 992px) {
  .primary_button {
    padding-right: 2.4rem;
  }
}
@media (min-width: 768px) and (min-width: 1200px) {
  .primary_button {
    padding-right: 3rem;
  }
}
@media (min-width: 768px) and (min-width: 768px) {
  .primary_button {
    padding-left: 1.8rem;
  }
}
@media (min-width: 768px) and (min-width: 992px) {
  .primary_button {
    padding-left: 2.4rem;
  }
}
@media (min-width: 768px) and (min-width: 1200px) {
  .primary_button {
    padding-left: 3rem;
  }
}
.primary_button:hover {
  background-color: #ffea00;
  color: #333333;
}

.secondary_button {
  font-size: 1.25rem;
  padding-top: 0.4rem;
  padding-right: 0.8rem;
  padding-bottom: 0.4rem;
  padding-left: 0.8rem;
  text-decoration: none;
  color: #FFFFFF;
}
@media (min-width: 768px) {
  .secondary_button {
    font-size: 1.25rem;
  }
}
@media (min-width: 992px) {
  .secondary_button {
    font-size: 1.25rem;
  }
}
@media (min-width: 1200px) {
  .secondary_button {
    font-size: 1.25rem;
  }
}
@media (min-width: 768px) {
  .secondary_button {
    padding-top: 0.6rem;
  }
}
@media (min-width: 992px) {
  .secondary_button {
    padding-top: 0.8rem;
  }
}
@media (min-width: 1200px) {
  .secondary_button {
    padding-top: 1rem;
  }
}
@media (min-width: 768px) {
  .secondary_button {
    padding-right: 1.2rem;
  }
}
@media (min-width: 992px) {
  .secondary_button {
    padding-right: 1.6rem;
  }
}
@media (min-width: 1200px) {
  .secondary_button {
    padding-right: 2rem;
  }
}
@media (min-width: 768px) {
  .secondary_button {
    padding-bottom: 0.6rem;
  }
}
@media (min-width: 992px) {
  .secondary_button {
    padding-bottom: 0.8rem;
  }
}
@media (min-width: 1200px) {
  .secondary_button {
    padding-bottom: 1rem;
  }
}
@media (min-width: 768px) {
  .secondary_button {
    padding-left: 1.2rem;
  }
}
@media (min-width: 992px) {
  .secondary_button {
    padding-left: 1.6rem;
  }
}
@media (min-width: 1200px) {
  .secondary_button {
    padding-left: 2rem;
  }
}
.secondary_button:hover {
  color: #FFFFFF;
}

.secondary_button1 {
  background-color: #63b770;
}
.secondary_button1:hover {
  background-color: #52955c;
}

.secondary_button2 {
  background-color: #3c3c3b;
}
.secondary_button2:hover {
  background-color: #242424;
}

.body_button {
  padding: 9px;
  display: block;
  width: 60%;
  margin-left: 15%;
  margin-top: 2.4rem;
  margin-bottom: 2.4rem;
  border-radius: 0;
  position: absolute;
  bottom: 0;
}
@media (min-width: 768px) {
  .body_button {
    margin-top: 3.6rem;
  }
}
@media (min-width: 992px) {
  .body_button {
    margin-top: 4.8rem;
  }
}
@media (min-width: 1200px) {
  .body_button {
    margin-top: 6rem;
  }
}
@media (min-width: 768px) {
  .body_button {
    margin-bottom: 3.6rem;
  }
}
@media (min-width: 992px) {
  .body_button {
    margin-bottom: 4.8rem;
  }
}
@media (min-width: 1200px) {
  .body_button {
    margin-bottom: 6rem;
  }
}
.body_button:hover {
  text-decoration: none;
}

.white_background .body_button, .grey_background .body_button {
  border: 1px solid #777777;
}
.white_background .body_button:hover, .grey_background .body_button:hover {
  background: #ededed;
  color: #3c3c3b;
}

.blue_background .body_button {
  border: 1px solid #FFFFFF;
}
.blue_background .body_button:hover {
  background: #ededed;
  color: #FFFFFF;
}

.green_background .body_button, .navbar .log_in_form .body_button, .navbar .social_buttons .body_button, .navbar .support_tab .body_button {
  border: 1px solid #777777;
}
.green_background .body_button:hover, .navbar .log_in_form .body_button:hover, .navbar .social_buttons .body_button:hover, .navbar .support_tab .body_button:hover {
  background: #ededed;
  color: #3c3c3b;
}

.footer_button_container .secondary_button {
  margin-right: 14px;
}
@media (min-width: 768px) {
  .footer_button_container .secondary_button {
    padding-top: 0.2rem;
    padding-bottom: 0.2rem;
  }
}
@media (min-width: 768px) and (min-width: 768px) {
  .footer_button_container .secondary_button {
    padding-top: 0.3rem;
  }
}
@media (min-width: 768px) and (min-width: 992px) {
  .footer_button_container .secondary_button {
    padding-top: 0.4rem;
  }
}
@media (min-width: 768px) and (min-width: 1200px) {
  .footer_button_container .secondary_button {
    padding-top: 0.5rem;
  }
}
@media (min-width: 768px) and (min-width: 768px) {
  .footer_button_container .secondary_button {
    padding-bottom: 0.3rem;
  }
}
@media (min-width: 768px) and (min-width: 992px) {
  .footer_button_container .secondary_button {
    padding-bottom: 0.4rem;
  }
}
@media (min-width: 768px) and (min-width: 1200px) {
  .footer_button_container .secondary_button {
    padding-bottom: 0.5rem;
  }
}

/*** social buttons ***/
.social_container {
  font-size: 2.75rem;
  display: inline;
  vertical-align: middle;
}
@media (min-width: 768px) {
  .social_container {
    font-size: 3rem;
  }
}
@media (min-width: 992px) {
  .social_container {
    font-size: 3.25rem;
  }
}
@media (min-width: 1200px) {
  .social_container {
    font-size: 3.5rem;
  }
}
.social_container a {
  text-decoration: none;
}
.social_container .fa:hover {
  color: #242424;
}

/*** home page slider buttons ***/
.slick-prev {
  position: absolute;
  z-index: 2;
}

.slick-next {
  float: right;
}

.slick-prev, .slick-next {
  border: none;
  padding: 0;
  background-color: transparent;
}

/*slick inner*/
.slick-prev-inner {
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}

.slick-prev-inner:before {
  content: "\f060";
}

.slick-next-inner {
  border: none;
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}

.slick-next-inner:before {
  content: "\f061";
}

.slick-next-inner:before, .slick-prev-inner:before {
  font-family: "FontAwesome";
  font-size: 1.5rem;
}
@media (min-width: 768px) {
  .slick-next-inner:before, .slick-prev-inner:before {
    font-size: 1.5rem;
  }
}
@media (min-width: 992px) {
  .slick-next-inner:before, .slick-prev-inner:before {
    font-size: 1.5rem;
  }
}
@media (min-width: 1200px) {
  .slick-next-inner:before, .slick-prev-inner:before {
    font-size: 1.5rem;
  }
}

.slick-prev-inner, .slick-next-inner {
  padding-top: 0.8rem;
  padding-right: 0.4rem;
  padding-bottom: 0.4rem;
  padding-left: 0.4rem;
  background-color: #63b770;
  color: #FFFFFF;
  font-size: 1.5rem;
  text-transform: uppercase;
  line-height: 1;
}
@media (min-width: 768px) {
  .slick-prev-inner, .slick-next-inner {
    padding-top: 1.2rem;
  }
}
@media (min-width: 992px) {
  .slick-prev-inner, .slick-next-inner {
    padding-top: 1.6rem;
  }
}
@media (min-width: 1200px) {
  .slick-prev-inner, .slick-next-inner {
    padding-top: 2rem;
  }
}
@media (min-width: 768px) {
  .slick-prev-inner, .slick-next-inner {
    padding-right: 0.6rem;
  }
}
@media (min-width: 992px) {
  .slick-prev-inner, .slick-next-inner {
    padding-right: 0.8rem;
  }
}
@media (min-width: 1200px) {
  .slick-prev-inner, .slick-next-inner {
    padding-right: 1rem;
  }
}
@media (min-width: 768px) {
  .slick-prev-inner, .slick-next-inner {
    padding-bottom: 0.6rem;
  }
}
@media (min-width: 992px) {
  .slick-prev-inner, .slick-next-inner {
    padding-bottom: 0.8rem;
  }
}
@media (min-width: 1200px) {
  .slick-prev-inner, .slick-next-inner {
    padding-bottom: 1rem;
  }
}
@media (min-width: 768px) {
  .slick-prev-inner, .slick-next-inner {
    padding-left: 0.6rem;
  }
}
@media (min-width: 992px) {
  .slick-prev-inner, .slick-next-inner {
    padding-left: 0.8rem;
  }
}
@media (min-width: 1200px) {
  .slick-prev-inner, .slick-next-inner {
    padding-left: 1rem;
  }
}
@media (min-width: 768px) {
  .slick-prev-inner, .slick-next-inner {
    font-size: 1.5rem;
  }
}
@media (min-width: 992px) {
  .slick-prev-inner, .slick-next-inner {
    font-size: 1.5rem;
  }
}
@media (min-width: 1200px) {
  .slick-prev-inner, .slick-next-inner {
    font-size: 1.5rem;
  }
}

/** sticky sales button**/
.sales_button {
  border-bottom-left-radius: 6px;
  position: fixed;
  top: 0;
  z-index: 100;
  right: 5%;
  background-color: #ededed;
  padding-top: 0.4rem;
  padding-right: 0.8rem;
  padding-bottom: 0.4rem;
  padding-left: 0.8rem;
  color: #3c3c3b;
  text-transform: uppercase;
  font-size: 1rem;
  display: none;
}
@media (min-width: 768px) {
  .sales_button {
    padding-top: 0.6rem;
  }
}
@media (min-width: 992px) {
  .sales_button {
    padding-top: 0.8rem;
  }
}
@media (min-width: 1200px) {
  .sales_button {
    padding-top: 1rem;
  }
}
@media (min-width: 768px) {
  .sales_button {
    padding-right: 1.2rem;
  }
}
@media (min-width: 992px) {
  .sales_button {
    padding-right: 1.6rem;
  }
}
@media (min-width: 1200px) {
  .sales_button {
    padding-right: 2rem;
  }
}
@media (min-width: 768px) {
  .sales_button {
    padding-bottom: 0.6rem;
  }
}
@media (min-width: 992px) {
  .sales_button {
    padding-bottom: 0.8rem;
  }
}
@media (min-width: 1200px) {
  .sales_button {
    padding-bottom: 1rem;
  }
}
@media (min-width: 768px) {
  .sales_button {
    padding-left: 1.2rem;
  }
}
@media (min-width: 992px) {
  .sales_button {
    padding-left: 1.6rem;
  }
}
@media (min-width: 1200px) {
  .sales_button {
    padding-left: 2rem;
  }
}
@media (min-width: 768px) {
  .sales_button {
    font-size: 1rem;
  }
}
@media (min-width: 992px) {
  .sales_button {
    font-size: 1rem;
  }
}
@media (min-width: 1200px) {
  .sales_button {
    font-size: 1rem;
  }
}
@media (min-width: 768px) {
  .sales_button {
    right: 0;
    display: block;
  }
}

.sales_chat_button {
  background: rgb(26, 53, 93);
  color: #fff;
  border-bottom-color: #0f1e39;
  padding-right: 0.5rem;
}
.sales_chat_button:hover, .sales_chat_button:active, .sales_chat_button:visited, .sales_chat_button:focus {
  color: #fff;
  background-color: #0f1e39;
  text-decoration: none !important;
}
.sales_chat_button img {
  margin-top: -2px;
  margin-left: 4px;
}

/*plus and minus for show hide elements*/
.plus:before, .minus:before {
  font-family: FontAwesome;
  padding-right: 0.4rem;
}
@media (min-width: 768px) {
  .plus:before, .minus:before {
    padding-right: 0.6rem;
  }
}
@media (min-width: 992px) {
  .plus:before, .minus:before {
    padding-right: 0.8rem;
  }
}
@media (min-width: 1200px) {
  .plus:before, .minus:before {
    padding-right: 1rem;
  }
}

.plus:before {
  content: "\f055";
}

.minus:before {
  content: "\f056";
}

.toggle-container {
  display: inline-block;
}

.toggle-switch {
  cursor: pointer;
  vertical-align: top;
  display: inline-block;
  width: 55px;
  border: solid 1px lightgray;
  height: 30px;
  border-radius: 15px;
  margin: 0 12px;
}
.toggle-switch__label {
  display: inline-block;
  font-size: 0.8em;
  color: #242424;
  cursor: pointer;
  text-align: center;
}
.toggle-switch__knob {
  transition: all 0.2s ease-in-out;
  background: #63b770;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  border: solid 3px white;
}
.toggle-switch__description {
  font-size: 0.7em;
}
.toggle-switch--toggled .toggle-switch__knob {
  margin-left: 24px;
}

.slick-slider,
.slick-slider * {
  outline: none !important;
}

.slick-slide {
  width: 100%;
  max-width: 393px;
  padding: 0;
}

@media (min-width: 600px) {
  .slick-slide {
    width: 393px;
    margin-right: 15px;
  }
}
@media (min-width: 768px) {
  .slick-slide {
    width: 353px;
    max-width: none;
  }
}
@media (min-width: 992px) {
  .slick-slide {
    width: 303px;
  }
}
@media (min-width: 1200px) {
  .slick-slide {
    width: 370px;
  }
}
@media (min-width: 1440px) {
  .slick-slide {
    width: 304px;
  }
  .container--slider {
    width: 1291px;
  }
}
.slick-arrow {
  bottom: auto;
  margin: 0;
  top: calc(50% + 42px - 0px);
  transform: translateY(-50%);
  width: 60px;
  height: 60px;
}

.slick-arrow-inner {
  width: 60px;
  height: 60px;
  padding: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: background 0.3s;
}
.slick-arrow-inner::before {
  transform: translateY(-2px);
}
.slick-arrow-inner:hover, .slick-arrow-inner:focus {
  background: #1a355d;
}

.slick-next {
  display: block;
  position: absolute;
  right: -17px;
}

.slick-prev {
  left: -17px;
}

.slick-track,
.slick-initialized .slick-slide {
  display: flex !important;
  height: auto;
}

.comp_slider .comp_panel_holder {
  display: flex;
  flex-direction: column;
}
.comp_slider .comp_panel_holder > .copy {
  margin-bottom: 15px;
}
.comp_slider .comp_panel_holder > a {
  margin-top: auto;
  border-bottom: none;
  display: flex;
  justify-content: center;
  flex-direction: column;
}
.comp_slider .comp_panel_holder > a > .primary_button {
  width: 100%;
  max-width: none;
}

@media (min-width: 1280px) {
  .slick-arrow-inner {
    border-radius: 6px;
  }
  .slick-next {
    right: -60px;
  }
  .slick-next .slick-arrow-inner {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  .slick-prev {
    left: -60px;
  }
  .slick-prev .slick-arrow-inner {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
}
@media (max-width: 1279px) {
  .container--slider {
    width: 100%;
  }
  .slick-arrow {
    z-index: 2;
  }
  .slick-slider::before, .slick-slider::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    width: 33.3333333333%;
    z-index: 1;
    pointer-events: none;
  }
  .slick-slider::before {
    left: -2px;
    background: linear-gradient(90deg, #f8f8f8 0%, rgba(248, 248, 248, 0.3) 33.3333333333%, rgba(0, 0, 0, 0) 100%);
  }
  .slick-slider::after {
    right: -2px;
    background: linear-gradient(270deg, #f8f8f8 0%, rgba(248, 248, 248, 0.3) 33.3333333333%, rgba(0, 0, 0, 0) 100%);
  }
}
@media (max-width: 600px) {
  .slick-track {
    width: 100% !important;
  }
  .slick-list {
    padding: 0;
  }
  .slick-next, .slick-next {
    display: none;
  }
}
.col_image {
  /*add this to container for a left aligned version*/
}
.col_image .icon {
  fill: #FFFFFF;
  width: 160px;
  height: 60px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: 25px;
  margin-left: -80px;
}
@media (min-width: 992px) {
  .col_image .icon {
    margin-top: -4px;
  }
}
@media (min-width: 1200px) {
  .col_image .icon {
    margin-top: 25px;
  }
}
.col_image .two_column, .col_image .three_column, .col_image .four_column {
  text-align: center;
  margin-top: 1.6rem;
}
@media (min-width: 768px) {
  .col_image .two_column, .col_image .three_column, .col_image .four_column {
    margin-top: 2.4rem;
  }
}
@media (min-width: 992px) {
  .col_image .two_column, .col_image .three_column, .col_image .four_column {
    margin-top: 3.2rem;
  }
}
@media (min-width: 1200px) {
  .col_image .two_column, .col_image .three_column, .col_image .four_column {
    margin-top: 4rem;
  }
}
.col_image .two_column h2, .col_image .three_column h2, .col_image .four_column h2 {
  font-family: MuseoSansRounded-500, sans-serif;
  text-transform: uppercase;
}
@media (min-width: 992px) {
  .col_image .two_column, .col_image .three_column, .col_image .four_column {
    margin-top: 0px;
  }
}
.col_image .two_column .hexagon, .col_image .three_column .hexagon, .col_image .four_column .hexagon {
  width: 300px;
  height: 120px;
  margin-left: -66px;
}
.col_image .two_column .hexagon img, .col_image .three_column .hexagon img, .col_image .four_column .hexagon img {
  height: 70px;
  margin-top: 25px;
}
.col_image .two_column .hexagon-icon img, .col_image .three_column .hexagon-icon img, .col_image .four_column .hexagon-icon img {
  height: 70px;
  margin-top: 25px;
}
@media (min-width: 992px) {
  .col_image .two_column .hexagon-icon img, .col_image .three_column .hexagon-icon img, .col_image .four_column .hexagon-icon img {
    margin-top: -9px;
  }
}
@media (min-width: 1200px) {
  .col_image .two_column .hexagon-icon img, .col_image .three_column .hexagon-icon img, .col_image .four_column .hexagon-icon img {
    margin-top: 25px;
  }
}
.col_image .two_column .hexagon_float, .col_image .three_column .hexagon_float, .col_image .four_column .hexagon_float {
  width: 170px;
  margin: auto;
  padding-bottom: 2rem;
}
@media (min-width: 768px) {
  .col_image .two_column .hexagon_float, .col_image .three_column .hexagon_float, .col_image .four_column .hexagon_float {
    padding-bottom: 3rem;
  }
}
@media (min-width: 992px) {
  .col_image .two_column .hexagon_float, .col_image .three_column .hexagon_float, .col_image .four_column .hexagon_float {
    padding-bottom: 4rem;
  }
}
@media (min-width: 1200px) {
  .col_image .two_column .hexagon_float, .col_image .three_column .hexagon_float, .col_image .four_column .hexagon_float {
    padding-bottom: 5rem;
  }
}
.reseller-products_page .col_image .two_column .hexagon_float, .reseller-products_page .col_image .three_column .hexagon_float, .reseller-products_page .col_image .four_column .hexagon_float {
  position: relative;
  backface-visibility: hidden;
}
.reseller-products_page .col_image .two_column .hexagon_float .hexagon-icon, .reseller-products_page .col_image .three_column .hexagon_float .hexagon-icon, .reseller-products_page .col_image .four_column .hexagon_float .hexagon-icon {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 10;
}
.col_image .two_column h2, .col_image .three_column h2, .col_image .four_column h2 {
  padding-bottom: 0.8rem;
}
@media (min-width: 768px) {
  .col_image .two_column h2, .col_image .three_column h2, .col_image .four_column h2 {
    padding-bottom: 1.2rem;
  }
}
@media (min-width: 992px) {
  .col_image .two_column h2, .col_image .three_column h2, .col_image .four_column h2 {
    padding-bottom: 1.6rem;
  }
}
@media (min-width: 1200px) {
  .col_image .two_column h2, .col_image .three_column h2, .col_image .four_column h2 {
    padding-bottom: 2rem;
  }
}
.col_image .two_column h2 + div, .col_image .three_column h2 + div, .col_image .four_column h2 + div {
  padding-bottom: 0.8rem;
}
@media (min-width: 768px) {
  .col_image .two_column h2 + div, .col_image .three_column h2 + div, .col_image .four_column h2 + div {
    padding-bottom: 1.2rem;
  }
}
@media (min-width: 992px) {
  .col_image .two_column h2 + div, .col_image .three_column h2 + div, .col_image .four_column h2 + div {
    padding-bottom: 1.6rem;
  }
}
@media (min-width: 1200px) {
  .col_image .two_column h2 + div, .col_image .three_column h2 + div, .col_image .four_column h2 + div {
    padding-bottom: 2rem;
  }
}
.col_image .left .two_column {
  text-align: left;
}
.col_image .left .two_column h2 {
  text-align: left;
}

.three_column_image {
  margin-bottom: 0.2rem;
  height: 227px;
  width: 100%;
  text-align: center;
}
@media (min-width: 768px) {
  .three_column_image {
    margin-bottom: 0.3rem;
  }
}
@media (min-width: 992px) {
  .three_column_image {
    margin-bottom: 0.4rem;
  }
}
@media (min-width: 1200px) {
  .three_column_image {
    margin-bottom: 0.5rem;
  }
}
.three_column_image img {
  display: inline-block;
  vertical-align: middle; /* vertical alignment of the inline element */
  max-height: 227px;
  max-width: 250px;
  height: auto;
}
@media (min-width: 768px) {
  .three_column_image {
    height: 139px;
  }
  .three_column_image img {
    max-height: 139px;
    max-width: 210px;
  }
}
@media (min-width: 992px) {
  .three_column_image {
    height: 185px;
  }
  .three_column_image img {
    max-height: 185px;
    max-width: 283px;
  }
}
@media (min-width: 1200px) {
  .three_column_image {
    height: 227px;
  }
  .three_column_image img {
    max-height: 227px;
    max-width: 345px;
  }
}

.three_column_image :before { /* create a full-height inline block pseudo=element */
  content: " ";
  display: inline-block;
  vertical-align: middle; /* vertical alignment of the inline element */
  height: 100%;
}

.copy_block {
  /*see base sass for block 1 & 2 columns*/
}
.copy_block h6, .copy_block h2,
.copy_block .h6, .copy_block .h2 {
  text-align: left;
}
.copy_block h1, .copy_block .h1 {
  text-align: left;
  font-size: 3.25rem;
  padding-bottom: 0.4rem;
}
@media (min-width: 768px) {
  .copy_block h1, .copy_block .h1 {
    font-size: 3.5rem;
  }
}
@media (min-width: 992px) {
  .copy_block h1, .copy_block .h1 {
    font-size: 3.75rem;
  }
}
@media (min-width: 1200px) {
  .copy_block h1, .copy_block .h1 {
    font-size: 4rem;
  }
}
@media (min-width: 768px) {
  .copy_block h1, .copy_block .h1 {
    padding-bottom: 0.6rem;
  }
}
@media (min-width: 992px) {
  .copy_block h1, .copy_block .h1 {
    padding-bottom: 0.8rem;
  }
}
@media (min-width: 1200px) {
  .copy_block h1, .copy_block .h1 {
    padding-bottom: 1rem;
  }
}
.copy_block ul, .copy_block ol {
  margin-bottom: 1.6rem;
}
@media (min-width: 768px) {
  .copy_block ul, .copy_block ol {
    margin-bottom: 2.4rem;
  }
}
@media (min-width: 992px) {
  .copy_block ul, .copy_block ol {
    margin-bottom: 3.2rem;
  }
}
@media (min-width: 1200px) {
  .copy_block ul, .copy_block ol {
    margin-bottom: 4rem;
  }
}
.copy_block li {
  margin-bottom: 0.4rem;
}
@media (min-width: 768px) {
  .copy_block li {
    margin-bottom: 0.6rem;
  }
}
@media (min-width: 992px) {
  .copy_block li {
    margin-bottom: 0.8rem;
  }
}
@media (min-width: 1200px) {
  .copy_block li {
    margin-bottom: 1rem;
  }
}
.copy_block .block_2_inner {
  margin-left: 0px;
  margin-top: 2rem;
  padding-right: 1.6rem;
  padding-left: 1.6rem;
  padding-top: 2rem;
  padding-bottom: 2rem;
  z-index: 1;
}
@media (min-width: 768px) {
  .copy_block .block_2_inner {
    margin-top: 3rem;
  }
}
@media (min-width: 992px) {
  .copy_block .block_2_inner {
    margin-top: 4rem;
  }
}
@media (min-width: 1200px) {
  .copy_block .block_2_inner {
    margin-top: 5rem;
  }
}
@media (min-width: 768px) {
  .copy_block .block_2_inner {
    padding-right: 2.4rem;
  }
}
@media (min-width: 992px) {
  .copy_block .block_2_inner {
    padding-right: 3.2rem;
  }
}
@media (min-width: 1200px) {
  .copy_block .block_2_inner {
    padding-right: 4rem;
  }
}
@media (min-width: 768px) {
  .copy_block .block_2_inner {
    padding-left: 2.4rem;
  }
}
@media (min-width: 992px) {
  .copy_block .block_2_inner {
    padding-left: 3.2rem;
  }
}
@media (min-width: 1200px) {
  .copy_block .block_2_inner {
    padding-left: 4rem;
  }
}
@media (min-width: 768px) {
  .copy_block .block_2_inner {
    padding-top: 3rem;
  }
}
@media (min-width: 992px) {
  .copy_block .block_2_inner {
    padding-top: 4rem;
  }
}
@media (min-width: 1200px) {
  .copy_block .block_2_inner {
    padding-top: 5rem;
  }
}
@media (min-width: 768px) {
  .copy_block .block_2_inner {
    padding-bottom: 3rem;
  }
}
@media (min-width: 992px) {
  .copy_block .block_2_inner {
    padding-bottom: 4rem;
  }
}
@media (min-width: 1200px) {
  .copy_block .block_2_inner {
    padding-bottom: 5rem;
  }
}
@media (min-width: 992px) {
  .copy_block .block_2_inner {
    margin-left: 1.2rem;
    margin-top: 0px;
  }
}
@media (min-width: 992px) and (min-width: 768px) {
  .copy_block .block_2_inner {
    margin-left: 1.8rem;
  }
}
@media (min-width: 992px) and (min-width: 992px) {
  .copy_block .block_2_inner {
    margin-left: 2.4rem;
  }
}
@media (min-width: 992px) and (min-width: 1200px) {
  .copy_block .block_2_inner {
    margin-left: 3rem;
  }
}
.copy_block .nav_list {
  border-bottom: 1px solid #cccccc;
}
.copy_block .nav_list li {
  list-style: none;
  padding: 0px;
  padding-top: 0.4rem;
  padding-bottom: 0.4rem;
  margin: 0px;
  border-top: 1px solid #cccccc;
  font-size: 1.5rem;
}
@media (min-width: 768px) {
  .copy_block .nav_list li {
    padding-top: 0.6rem;
  }
}
@media (min-width: 992px) {
  .copy_block .nav_list li {
    padding-top: 0.8rem;
  }
}
@media (min-width: 1200px) {
  .copy_block .nav_list li {
    padding-top: 1rem;
  }
}
@media (min-width: 768px) {
  .copy_block .nav_list li {
    padding-bottom: 0.6rem;
  }
}
@media (min-width: 992px) {
  .copy_block .nav_list li {
    padding-bottom: 0.8rem;
  }
}
@media (min-width: 1200px) {
  .copy_block .nav_list li {
    padding-bottom: 1rem;
  }
}
@media (min-width: 768px) {
  .copy_block .nav_list li {
    font-size: 1.5rem;
  }
}
@media (min-width: 992px) {
  .copy_block .nav_list li {
    font-size: 1.5rem;
  }
}
@media (min-width: 1200px) {
  .copy_block .nav_list li {
    font-size: 1.5rem;
  }
}
.copy_block .nav_list li ul.tree {
  padding-left: 40px;
}
.copy_block .nav_list li li {
  padding-left: 1.6rem;
}
@media (min-width: 768px) {
  .copy_block .nav_list li li {
    padding-left: 2.4rem;
  }
}
@media (min-width: 992px) {
  .copy_block .nav_list li li {
    padding-left: 3.2rem;
  }
}
@media (min-width: 1200px) {
  .copy_block .nav_list li li {
    padding-left: 4rem;
  }
}
.copy_block .nav_list label {
  font-weight: normal;
}
.copy_block .nav_list .tree-caret-right:before {
  content: "\f0da";
  font-family: "FontAwesome";
  padding-right: 1.2rem;
}
@media (min-width: 768px) {
  .copy_block .nav_list .tree-caret-right:before {
    padding-right: 1.8rem;
  }
}
@media (min-width: 992px) {
  .copy_block .nav_list .tree-caret-right:before {
    padding-right: 2.4rem;
  }
}
@media (min-width: 1200px) {
  .copy_block .nav_list .tree-caret-right:before {
    padding-right: 3rem;
  }
}
.copy_block .nav_list .tree-caret-down:before {
  content: "\f0d7";
  font-family: "FontAwesome";
  padding-right: 1.2rem;
}
@media (min-width: 768px) {
  .copy_block .nav_list .tree-caret-down:before {
    padding-right: 1.8rem;
  }
}
@media (min-width: 992px) {
  .copy_block .nav_list .tree-caret-down:before {
    padding-right: 2.4rem;
  }
}
@media (min-width: 1200px) {
  .copy_block .nav_list .tree-caret-down:before {
    padding-right: 3rem;
  }
}
.copy_block .nav_list ul {
  padding: 0px;
  margin: 0px;
}

/*** Domain section ***/
.domain_names {
  border-top: 0 solid #cccccc;
}

.domain_search_container {
  display: block;
  height: 174px;
  min-height: 1px;
  padding-bottom: 50px;
  position: relative;
  text-align: right;
}

.domain_search {
  border-width: 1px;
  border-style: solid;
  border-color: #cccccc;
  color: #3c3c3b;
  border-radius: 6px;
  padding-top: 0.8rem;
  padding-bottom: 0.8rem;
  padding-left: 1.2rem;
  font-size: 1.75rem;
  width: 100%;
  box-sizing: border-box;
  line-height: 34px;
}
@media (min-width: 768px) {
  .domain_search {
    padding-top: 1.2rem;
  }
}
@media (min-width: 992px) {
  .domain_search {
    padding-top: 1.6rem;
  }
}
@media (min-width: 1200px) {
  .domain_search {
    padding-top: 2rem;
  }
}
@media (min-width: 768px) {
  .domain_search {
    padding-bottom: 1.2rem;
  }
}
@media (min-width: 992px) {
  .domain_search {
    padding-bottom: 1.6rem;
  }
}
@media (min-width: 1200px) {
  .domain_search {
    padding-bottom: 2rem;
  }
}
@media (min-width: 768px) {
  .domain_search {
    padding-left: 1.8rem;
  }
}
@media (min-width: 992px) {
  .domain_search {
    padding-left: 2.4rem;
  }
}
@media (min-width: 1200px) {
  .domain_search {
    padding-left: 3rem;
  }
}
@media (min-width: 768px) {
  .domain_search {
    font-size: 2rem;
  }
}
@media (min-width: 992px) {
  .domain_search {
    font-size: 2.25rem;
  }
}
@media (min-width: 1200px) {
  .domain_search {
    font-size: 2.5rem;
  }
}

.comp_panel_holder .domain_search_button.primary_button {
  width: auto;
}

.domain_search_button {
  margin-top: 0.8rem;
}
@media (min-width: 768px) {
  .domain_search_button {
    margin-top: 1.2rem;
  }
}
@media (min-width: 992px) {
  .domain_search_button {
    margin-top: 1.6rem;
  }
}
@media (min-width: 1200px) {
  .domain_search_button {
    margin-top: 2rem;
  }
}
@media (min-width: 768px) {
  .domain_search_button {
    width: 100%;
  }
}
@media (min-width: 992px) {
  .domain_search_button {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    width: auto;
    margin-top: -9rem;
    padding-top: 2.05rem;
    padding-bottom: 2.05rem;
  }
}
@media (min-width: 1200px) {
  .domain_search_button {
    margin-top: -100px;
    padding: 25px 3rem;
  }
}

.domain_search_button:before {
  font-family: "FontAwesome";
  content: "\f002";
  padding-right: 1.2rem;
}
@media (min-width: 768px) {
  .domain_search_button:before {
    padding-right: 1.8rem;
  }
}
@media (min-width: 992px) {
  .domain_search_button:before {
    padding-right: 2.4rem;
  }
}
@media (min-width: 1200px) {
  .domain_search_button:before {
    padding-right: 3rem;
  }
}

.domain_search_container .domain_search_button {
  padding-top: 20px;
  margin-right: 6px;
  padding-bottom: 18px;
  font-size: 17.5px;
}

.background_domain_names_home {
  overflow: hidden;
}
.background_domain_names_home > .row {
  display: flex;
  flex-flow: row;
  flex-direction: column;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: flex-start;
  align-items: center;
}
@media (min-width: 768px) {
  .background_domain_names_home > .row {
    flex-direction: row;
  }
}
@media (max-width: 992px) {
  .background_domain_names_home > .row {
    width: 100%;
  }
}
.background_domain_names_home .domain_search_form {
  width: 100%;
  position: relative;
  padding: 17px 0;
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (min-width: 768px) {
  .background_domain_names_home .domain_search_form {
    display: block;
    width: 40%;
  }
}
.background_domain_names_home .domain_search {
  padding: 1rem;
  font-size: 2rem;
}
.background_domain_names_home .domain_search::-moz-placeholder {
  color: #777;
}
.background_domain_names_home .domain_search::placeholder {
  color: #777;
}
.background_domain_names_home .domain_search_button {
  margin: 0.8rem 0 0;
  padding: 11px;
  border-radius: 6px;
  width: 100%;
}
@media (min-width: 768px) {
  .background_domain_names_home .domain_search_button {
    margin: 0;
    width: auto;
    position: absolute;
    top: 23px;
    right: 5px;
  }
}
@media (min-width: 992px) {
  .background_domain_names_home .domain_search_button {
    top: 21px;
  }
}
.background_domain_names_home .domain_search_button::before {
  display: none;
}
.background_domain_names_home .domain_search_text {
  color: white;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  flex-grow: 1;
  padding: 5px 0px 10px;
  width: 100%;
  margin-top: -10px;
}
@media (min-width: 768px) {
  .background_domain_names_home .domain_search_text {
    font-size: 18px;
    flex-direction: row;
    margin-left: 15px;
    width: auto;
    margin-top: initial;
  }
}
@media (min-width: 1200px) {
  .background_domain_names_home .domain_search_text {
    padding: 20px;
  }
}
.background_domain_names_home .domain_search_text > div {
  flex: 1;
}
.background_domain_names_home .domain_search_text > div:first-child {
  flex: 2;
}
.background_domain_names_home .domain_search_text h1 {
  color: white;
  padding-bottom: 0;
}
.background_domain_names_home .domain_search_text h1 img {
  margin-left: 50px;
}

.domain_logo {
  text-align: center;
}

.advanced_search_column {
  text-align: left;
  padding-top: 1.6rem;
  padding-bottom: 1.6rem;
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 0;
}
@media (min-width: 768px) {
  .advanced_search_column {
    padding-top: 2.4rem;
  }
}
@media (min-width: 992px) {
  .advanced_search_column {
    padding-top: 3.2rem;
  }
}
@media (min-width: 1200px) {
  .advanced_search_column {
    padding-top: 4rem;
  }
}
@media (min-width: 768px) {
  .advanced_search_column {
    padding-bottom: 2.4rem;
  }
}
@media (min-width: 992px) {
  .advanced_search_column {
    padding-bottom: 3.2rem;
  }
}
@media (min-width: 1200px) {
  .advanced_search_column {
    padding-bottom: 4rem;
  }
}
.advanced_search_column .grey_background {
  background-color: #f8f8f8;
  position: relative;
  display: block;
  padding: 30px 30px 30px 30px;
}
@media (min-width: 768px) {
  .advanced_search_column .grey_background {
    height: 615px;
  }
}
@media (min-width: 992px) {
  .advanced_search_column .grey_background {
    height: 550px;
  }
}
@media (min-width: 1200px) {
  .advanced_search_column .grey_background {
    height: 605px;
  }
}
.advanced_search_column .row:first-child {
  min-height: 0;
}
@media (min-width: 768px) {
  .advanced_search_column .row:first-child {
    height: 355px;
  }
}
@media (min-width: 992px) {
  .advanced_search_column .row:first-child {
    height: 255px;
  }
}
@media (min-width: 1200px) {
  .advanced_search_column .row:first-child {
    height: 295px;
  }
}
.advanced_search_column p:last-child {
  margin-bottom: 0;
}

.co, .com, .couk, .net, .uk {
  display: inline-block;
  background: url(../assets/img/logos/domain-sprite.png) no-repeat;
  overflow: hidden;
  text-indent: -9999px;
  text-align: left;
  margin-top: 0.8rem;
}
@media (min-width: 768px) {
  .co, .com, .couk, .net, .uk {
    margin-top: 1.2rem;
  }
}
@media (min-width: 992px) {
  .co, .com, .couk, .net, .uk {
    margin-top: 1.6rem;
  }
}
@media (min-width: 1200px) {
  .co, .com, .couk, .net, .uk {
    margin-top: 2rem;
  }
}
@media (min-width: 768px) {
  .co, .com, .couk, .net, .uk {
    margin-top: 0;
  }
}

.co {
  background-position: 0 0;
  width: 218px;
  height: 70px;
}

.com {
  background-position: 0 25%;
  width: 218px;
  height: 70px;
}

.couk {
  background-position: 0 50%;
  width: 218px;
  height: 70px;
}

.net {
  background-position: 0 75%;
  width: 218px;
  height: 70px;
}

.uk {
  background-position: 0 100%;
  width: 218px;
  height: 70px;
}

.headline {
  text-align: center;
}

.feature_copy {
  height: 120px; /*change this depending on the amounth of copy*/
  text-align: center;
}
@media (min-width: 768px) {
  .feature_copy {
    text-align: left;
  }
  .feature_copy h2 {
    text-align: left;
  }
}

.feature_image .image {
  width: 100%;
  text-align: center;
}
.feature_image img {
  width: 130px;
  padding-top: 0.4rem;
}
@media (min-width: 768px) {
  .feature_image img {
    padding-top: 0.6rem;
  }
}
@media (min-width: 992px) {
  .feature_image img {
    padding-top: 0.8rem;
  }
}
@media (min-width: 1200px) {
  .feature_image img {
    padding-top: 1rem;
  }
}

.feature_rows {
  padding-right: 0px;
  padding-left: 0px;
}
.feature_rows p:last-child {
  margin-bottom: 0;
}
.feature_rows .container, .feature_rows .navbar .navbar-header, .navbar .feature_rows .navbar-header, .feature_rows .navbar .log_in_form, .navbar .feature_rows .log_in_form, .feature_rows .navbar .social_buttons, .navbar .feature_rows .social_buttons, .feature_rows .navbar .support_tab, .navbar .feature_rows .support_tab, .feature_rows .navbar #navbar, .navbar .feature_rows #navbar {
  max-width: 1100px;
}
.feature_rows h4,
.feature_rows .h4 {
  font-size: 18px;
  margin-bottom: 2rem;
}
@media (min-width: 768px) {
  .feature_rows h4,
  .feature_rows .h4 {
    font-size: 26px;
  }
}
.feature_rows .image {
  padding-left: 0px;
  padding-right: 0px;
  height: auto;
}
.feature_rows .image img:not(.use-original-image-dimensions):not(.use-attribute-image-dimensions) {
  width: 100%;
  height: auto;
}
.feature_rows .image img {
  zoom: 0.5;
}
@media (min-width: 768px) {
  .feature_rows .image img {
    zoom: 1;
  }
}
.feature_rows .text {
  vertical-align: top;
  padding-left: 0px;
  padding-right: 0px;
}
.feature_rows .text span {
  display: inline-block;
  margin-right: 1px; /*added to stop overflowing in ie8*/
  vertical-align: middle;
  line-height: 1.428571429;
}
.feature_rows .text div {
  display: inline-block;
  margin-right: 1px; /*added to stop overflowing in ie8*/
  vertical-align: top;
  line-height: 1.428571429;
}
.feature_rows .text_company {
  vertical-align: middle;
}
@media (min-width: 768px) {
  .feature_rows .text_company {
    line-height: 750px;
    height: 750px;
  }
}
@media (min-width: 992px) {
  .feature_rows .text_company {
    line-height: 560px;
    height: 560px;
  }
}
@media (min-width: 1200px) {
  .feature_rows .text_company {
    line-height: 635px;
    height: 635px;
  }
}
.feature_rows .text_company span {
  display: inline-block;
  margin-right: 1px; /*added to stop overflowing in ie8*/
  vertical-align: middle;
  line-height: 1.428571429;
}
.feature_rows .text_company div {
  display: inline-block;
  margin-right: 1px; /*added to stop overflowing in ie8*/
  vertical-align: middle;
  line-height: 1.428571429;
}
.feature_rows .affiliate_text {
  height: 410px;
}
.feature_rows .row {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: center;
  align-items: center;
  padding-top: 1rem;
  padding-bottom: 1rem;
}
@media (max-width: 767px) {
  .feature_rows .row {
    flex-direction: column;
  }
  .feature_rows .row .image {
    margin-bottom: 30px;
  }
  .feature_rows .row .text {
    order: 999;
  }
}
.feature_rows .text h3.h4 div {
  font-family: "MuseoSansRounded-500", Arial, Helvetica, sans-serif !important;
}
.feature_rows h3.h4 {
  font-family: "MuseoSansRounded-500", Arial, Helvetica, sans-serif;
  margin-bottom: 0px !important;
}
@media (min-width: 768px) {
  .feature_rows p:last-child {
    margin-bottom: 1rem;
  }
}
@media (min-width: 768px) and (min-width: 1200px) {
  .feature_rows p:last-child {
    margin-bottom: 1rem;
  }
}
.feature_rows .feature_rows {
  padding-top: 2rem;
  padding-bottom: 2rem;
}
@media (min-width: 1200px) {
  .feature_rows h3.h4 {
    font-size: 26px;
  }
}
.feature_rows .feature-image-resize-unique {
  height: 210px !important;
}
.feature_rows .heading-row {
  flex-direction: column;
}
.feature_rows .heading-row .gradient-underline {
  width: 100%;
  max-width: 200px;
  position: relative;
  margin-bottom: 40px;
  display: block;
  height: 7px;
  border-radius: 10px;
  background: #1a355d;
  background: linear-gradient(to right, #1a355d 0%, #63b770 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1a355d", endColorstr="#63b770", GradientType=1);
  text-align: center;
  margin: 5px auto 30px;
}

.gradient-underline {
  width: 80%;
  max-width: 30rem;
  position: relative;
  margin-bottom: 40px;
  display: inline-block;
  height: 8px;
  border-radius: 10px;
  background: #1a355d;
  /* Old browsers */
  /* FF3.6+ */
  /* Chrome,Safari4+ */
  /* Chrome10+,Safari5.1+ */
  /* Opera 11.10+ */
  /* IE10+ */
  background: linear-gradient(to right, #1a355d 0%, #63b770 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1a355d", endColorstr="#63b770", GradientType=1);
  /* IE6-9 */
}
.gradient-underline::before, .gradient-underline::after {
  content: "";
  position: absolute;
  top: 1px;
  left: 1px;
  width: calc(100% - 1px * 2);
  height: 6px;
  border-radius: 10px;
}
.gradient-underline::before {
  background-color: #fff;
}
.gradient-underline::after {
  width: calc(100% - 1px * 2);
  background: #1a355d;
  /* Old browsers */
  /* FF3.6+ */
  /* Chrome,Safari4+ */
  /* Chrome10+,Safari5.1+ */
  /* Opera 11.10+ */
  /* IE10+ */
  background: linear-gradient(to right, #1a355d 0%, #63b770 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1a355d", endColorstr="#63b770", GradientType=1);
  /* IE6-9 */
}

.gradient-underline[data-value="1"]::after {
  width: calc(20% - 1px * 2);
  background: #1a355d;
  /* Old browsers */
  /* FF3.6+ */
  /* Chrome,Safari4+ */
  /* Chrome10+,Safari5.1+ */
  /* Opera 11.10+ */
  /* IE10+ */
  background: linear-gradient(to right, #1a355d 0%, rgb(32.6842105263, 70.8157894737, 38.5855263158) 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1a355d", endColorstr="rgb(32.6842105263, 70.8157894737, 38.5855263158)", GradientType=1);
  /* IE6-9 */
}

.gradient-underline[data-value="2"]::after {
  width: calc(33% - 1px * 2);
  background: #1a355d;
  /* Old browsers */
  /* FF3.6+ */
  /* Chrome,Safari4+ */
  /* Chrome10+,Safari5.1+ */
  /* Opera 11.10+ */
  /* IE10+ */
  background: linear-gradient(to right, #1a355d 0%, rgb(48.7894736842, 105.7105263158, 57.5986842105) 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1a355d", endColorstr="rgb(48.7894736842, 105.7105263158, 57.5986842105)", GradientType=1);
  /* IE6-9 */
}

.gradient-underline[data-value="3"]::after {
  width: calc(66% - 1px * 2);
  background: #1a355d;
  /* Old browsers */
  /* FF3.6+ */
  /* Chrome,Safari4+ */
  /* Chrome10+,Safari5.1+ */
  /* Opera 11.10+ */
  /* IE10+ */
  background: linear-gradient(to right, #1a355d 0%, rgb(64.8947368421, 140.6052631579, 76.6118421053) 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1a355d", endColorstr="rgb(64.8947368421, 140.6052631579, 76.6118421053)", GradientType=1);
  /* IE6-9 */
}

.gradient-underline[data-value="4"]::after {
  width: calc(85% - 1px * 2);
  background: #1a355d;
  /* Old browsers */
  /* FF3.6+ */
  /* Chrome,Safari4+ */
  /* Chrome10+,Safari5.1+ */
  /* Opera 11.10+ */
  /* IE10+ */
  background: linear-gradient(to right, #1a355d 0%, rgb(72.9473684211, 158.0526315789, 86.1184210526) 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1a355d", endColorstr="rgb(72.9473684211, 158.0526315789, 86.1184210526)", GradientType=1);
  /* IE6-9 */
}

.gradient-underline[data-value="5"]::after {
  width: calc(100% - 1px * 2);
  background: #1a355d;
  /* Old browsers */
  /* FF3.6+ */
  /* Chrome,Safari4+ */
  /* Chrome10+,Safari5.1+ */
  /* Opera 11.10+ */
  /* IE10+ */
  background: linear-gradient(to right, #1a355d 0%, #63b770 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1a355d", endColorstr="#63b770", GradientType=1);
  /* IE6-9 */
}

.comp_chart_background { /*For grey blocks on comp_charts*/
  background-color: #d6d6d6;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  width: auto;
  margin-left: -20px;
  padding-right: 0;
  margin-right: -20px;
}
.comp_chart_background .comp_panel_2up:last-child {
  background-color: #e8e8e8;
}

.buy-button {
  display: block;
}

/* white area with border and everything inside it*/
.comp_panel_holder {
  background-color: #FFFFFF;
  text-align: center;
  font-family: "MuseoSansRounded";
  font-weight: 400;
  color: #242424;
  border-radius: 4px;
  border: 0.564853px solid #D8D8D8;
  padding: 2rem 3.2rem;
}
@media (min-width: 992px) {
  .comp_panel_holder {
    padding-top: 1.6rem;
    padding-bottom: 1.6rem;
  }
}
@media (min-width: 992px) and (min-width: 768px) {
  .comp_panel_holder {
    padding-top: 2.4rem;
  }
}
@media (min-width: 992px) and (min-width: 992px) {
  .comp_panel_holder {
    padding-top: 3.2rem;
  }
}
@media (min-width: 992px) and (min-width: 1200px) {
  .comp_panel_holder {
    padding-top: 4rem;
  }
}
@media (min-width: 992px) and (min-width: 768px) {
  .comp_panel_holder {
    padding-bottom: 2.4rem;
  }
}
@media (min-width: 992px) and (min-width: 992px) {
  .comp_panel_holder {
    padding-bottom: 3.2rem;
  }
}
@media (min-width: 992px) and (min-width: 1200px) {
  .comp_panel_holder {
    padding-bottom: 4rem;
  }
}
.comp_panel_holder a {
  text-decoration: none;
}
.comp_panel_holder a:hover {
  text-decoration: none;
}
.comp_panel_holder h4,
.comp_panel_holder h5 {
  color: #242424;
  padding-bottom: 12px;
  text-transform: uppercase;
}
.comp_panel_holder h4 {
  font-family: "MuseoSansRounded";
  font-weight: 400;
  padding-bottom: 10px;
  font-size: 28px;
  margin-top: 8px;
}
@media (min-width: 992px) {
  .comp_panel_holder h4 {
    font-size: 1.5rem;
  }
}
@media (min-width: 992px) and (min-width: 768px) {
  .comp_panel_holder h4 {
    font-size: 1.5rem;
  }
}
@media (min-width: 992px) and (min-width: 992px) {
  .comp_panel_holder h4 {
    font-size: 1.75rem;
  }
}
@media (min-width: 992px) and (min-width: 1200px) {
  .comp_panel_holder h4 {
    font-size: 2rem;
  }
}
.comp_panel_holder h5 {
  font-family: MuseoSansRounded-500, sans-serif;
  font-size: 2.3rem;
}
@media (min-width: 992px) {
  .comp_panel_holder h5 {
    font-size: 1.5rem;
  }
}
@media (min-width: 992px) and (min-width: 768px) {
  .comp_panel_holder h5 {
    font-size: 1.75rem;
  }
}
@media (min-width: 992px) and (min-width: 992px) {
  .comp_panel_holder h5 {
    font-size: 2rem;
  }
}
@media (min-width: 992px) and (min-width: 1200px) {
  .comp_panel_holder h5 {
    font-size: 2.25rem;
  }
}
.comp_panel_holder .price-panel {
  min-height: 130px;
}
.comp_panel_holder .primary_button {
  width: 100%;
}
.comp_panel_holder.highlight-wrapper {
  position: relative;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.comp_panel_holder .highlight {
  position: absolute;
  top: 0;
  left: -1px;
  transform: translateY(-100%);
  width: calc(100% + 2px);
  margin-top: 0;
  padding: 5px;
  background: #63B770;
  color: #FFF;
  border: 1px solid #d8d8d8;
  border-bottom: none;
  font-size: 15px;
  font-weight: 500;
  line-height: 18px;
  text-transform: uppercase;
}
.comp_panel_holder .vat-text {
  color: #828282;
  line-height: 18px;
}
.comp_panel_holder small {
  font-size: 14px;
  font-weight: 300;
}
.comp_panel_holder small strong {
  font-weight: 500;
}
.comp_panel_holder .price {
  color: #242424;
  font-size: 28px;
}
.comp_panel_holder .price--old {
  font-size: 18px;
  text-decoration: line-through;
}
.comp_panel_holder .price--sale {
  color: #C2172F;
  margin-top: 1rem;
}
.comp_panel_holder .gradient-underline {
  width: 100%;
  height: 5px;
  margin-bottom: 12px;
  background: none;
}
.comp_panel_holder .gradient-underline:after {
  border-radius: 5px;
}
.comp_panel_holder p {
  color: #575757;
  height: auto !important;
  padding: 0;
  font-weight: 300;
  min-height: 80px;
  margin-bottom: 0;
}
.comp_panel_holder .price-sub {
  line-height: 1.2;
}
.comp_panel_holder .buy-button {
  margin: 23px 0;
  justify-content: normal !important;
  align-self: auto !important;
  width: 100%;
}
.comp_panel_holder.small-panel .primary_button {
  margin: 10px 0 10px !important;
}
.comp_panel_holder .saving {
  color: #61B46D;
}
.comp_panel_holder .feature-list {
  width: 100%;
  padding: 8px;
  font-size: 14px;
}
.comp_panel_holder .hexagon-list {
  padding-left: 0;
}
.comp_panel_holder li {
  margin-bottom: 15px;
  font-size: 16px;
}
.comp_panel_holder .premium_link {
  font-weight: 300;
}
.comp_panel_holder .premium_row {
  height: auto;
}
.comp_panel_holder .premium_row:last-child {
  margin-bottom: 0;
}
.comp_panel_holder hr {
  width: calc(100% + 16px);
  margin-left: -8px;
}

.comp_panel_3up .comp_panel_holder.with-switch {
  padding-bottom: 6rem;
}
.comp_panel_3up .comp_panel_holder .switch-wrap {
  position: absolute;
  bottom: 0;
}

.comp_panel_4up .comp_panel_holder {
  padding: 2rem;
}
.comp_panel_4up .comp_panel_holder .switch-wrap {
  width: 100%;
}
.comp_panel_4up .comp_panel_holder .price-panel {
  min-height: 80px;
}

/*select box styles*/
/*holds the select box to centre it*/
.comp_select_holder {
  display: inline-block;
  /*text-align:center;*/
  margin-top: 0.8rem;
  padding-left: 0.4rem;
  padding-right: 0.4rem;
}
@media (min-width: 768px) {
  .comp_select_holder {
    margin-top: 1.2rem;
  }
}
@media (min-width: 992px) {
  .comp_select_holder {
    margin-top: 1.6rem;
  }
}
@media (min-width: 1200px) {
  .comp_select_holder {
    margin-top: 2rem;
  }
}
@media (min-width: 768px) {
  .comp_select_holder {
    padding-left: 0.6rem;
  }
}
@media (min-width: 992px) {
  .comp_select_holder {
    padding-left: 0.8rem;
  }
}
@media (min-width: 1200px) {
  .comp_select_holder {
    padding-left: 1rem;
  }
}
@media (min-width: 768px) {
  .comp_select_holder {
    padding-right: 0.6rem;
  }
}
@media (min-width: 992px) {
  .comp_select_holder {
    padding-right: 0.8rem;
  }
}
@media (min-width: 1200px) {
  .comp_select_holder {
    padding-right: 1rem;
  }
}

/*this is the outer bit*/
.comp_select {
  background-color: #FFFFFF;
  border: 1px solid #cccccc;
  border-bottom: 4px solid #cccccc;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  position: relative;
  border-radius: 6px;
  width: 100%;
  color: #777777;
}
.comp_select select {
  background-color: transparent;
  border: 0 none;
  box-shadow: none;
  display: inline-block;
  line-height: normal;
  margin: 0;
  padding-top: 0.4rem;
  padding-right: 0.4rem;
  padding-bottom: 0.4rem;
  padding-left: 0.4rem;
  width: 100%;
  box-sizing: border-box;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  color: #777777;
}
@media (min-width: 768px) {
  .comp_select select {
    padding-top: 0.6rem;
  }
}
@media (min-width: 992px) {
  .comp_select select {
    padding-top: 0.8rem;
  }
}
@media (min-width: 1200px) {
  .comp_select select {
    padding-top: 1rem;
  }
}
@media (min-width: 768px) {
  .comp_select select {
    padding-right: 0.6rem;
  }
}
@media (min-width: 992px) {
  .comp_select select {
    padding-right: 0.8rem;
  }
}
@media (min-width: 1200px) {
  .comp_select select {
    padding-right: 1rem;
  }
}
@media (min-width: 768px) {
  .comp_select select {
    padding-bottom: 0.6rem;
  }
}
@media (min-width: 992px) {
  .comp_select select {
    padding-bottom: 0.8rem;
  }
}
@media (min-width: 1200px) {
  .comp_select select {
    padding-bottom: 1rem;
  }
}
@media (min-width: 768px) {
  .comp_select select {
    padding-left: 0.6rem;
  }
}
@media (min-width: 992px) {
  .comp_select select {
    padding-left: 0.8rem;
  }
}
@media (min-width: 1200px) {
  .comp_select select {
    padding-left: 1rem;
  }
}
.comp_select select::-ms-expand {
  display: none; /* to ie 10 */
}
.comp_select select:focus {
  outline: none;
}
.comp_select:before {
  color: #cccccc;
  display: block;
  font-family: "FontAwesome";
  height: 100%;
  padding-top: 0.4rem;
  padding-right: 0.4rem;
  padding-bottom: 0.4rem;
  padding-left: 0;
  background-color: transparent;
  position: absolute;
  top: 0;
  right: 0;
  text-align: center;
}
@media (min-width: 768px) {
  .comp_select:before {
    padding-top: 0.6rem;
  }
}
@media (min-width: 992px) {
  .comp_select:before {
    padding-top: 0.8rem;
  }
}
@media (min-width: 1200px) {
  .comp_select:before {
    padding-top: 1rem;
  }
}
@media (min-width: 768px) {
  .comp_select:before {
    padding-right: 0.6rem;
  }
}
@media (min-width: 992px) {
  .comp_select:before {
    padding-right: 0.8rem;
  }
}
@media (min-width: 1200px) {
  .comp_select:before {
    padding-right: 1rem;
  }
}
@media (min-width: 768px) {
  .comp_select:before {
    padding-bottom: 0.6rem;
  }
}
@media (min-width: 992px) {
  .comp_select:before {
    padding-bottom: 0.8rem;
  }
}
@media (min-width: 1200px) {
  .comp_select:before {
    padding-bottom: 1rem;
  }
}

/*little trick for custom select elements in mozilla firefox 17/06/2014 @rodrigoludgero
pseudo class https://developer.mozilla.org/en-US/docs/Web/CSS/:any */
:-moz-any(.comp_select):before {
  background-color: #FFFFFF;
  margin-right: 3px; /* this is necessary for overcome the caret default browser */
  pointer-events: none; /* https://developer.mozilla.org/en-US/docs/Web/CSS/pointer-events */
  z-index: 1; /* this is necessary for overcome the pseudo element */
}

/*end of the select box bits*/
.divider {
  width: 100%;
  height: 1px;
  background-color: #ededed;
  margin-bottom: 1.2rem;
  margin-top: 1.2rem;
}
@media (min-width: 768px) {
  .divider {
    margin-bottom: 1.8rem;
  }
}
@media (min-width: 992px) {
  .divider {
    margin-bottom: 2.4rem;
  }
}
@media (min-width: 1200px) {
  .divider {
    margin-bottom: 3rem;
  }
}
@media (min-width: 768px) {
  .divider {
    margin-top: 1.8rem;
  }
}
@media (min-width: 992px) {
  .divider {
    margin-top: 2.4rem;
  }
}
@media (min-width: 1200px) {
  .divider {
    margin-top: 3rem;
  }
}

/* period, e.g. £10 per month, when on two rows*/
.period {
  background: #ebebeb;
  padding: 9px 15px;
  font-size: 12px;
  display: inline-block;
  border-radius: 20px;
  color: black;
  text-transform: lowercase;
}
.period span {
  font-size: 1.25rem;
  line-height: 2;
  text-transform: none;
}
@media (min-width: 768px) {
  .period span {
    font-size: 1.25rem;
  }
}
@media (min-width: 992px) {
  .period span {
    font-size: 1.25rem;
  }
}
@media (min-width: 1200px) {
  .period span {
    font-size: 1.25rem;
  }
}

.feature_row {
  color: #3c3c3b;
}

.offer {
  text-transform: uppercase;
  font-size: 1.25rem;
  padding-bottom: 0.4rem;
  padding-top: 0.4rem;
  color: #777777;
}
@media (min-width: 768px) {
  .offer {
    font-size: 1.25rem;
  }
}
@media (min-width: 992px) {
  .offer {
    font-size: 1.25rem;
  }
}
@media (min-width: 1200px) {
  .offer {
    font-size: 1.25rem;
  }
}
@media (min-width: 768px) {
  .offer {
    padding-bottom: 0.6rem;
  }
}
@media (min-width: 992px) {
  .offer {
    padding-bottom: 0.8rem;
  }
}
@media (min-width: 1200px) {
  .offer {
    padding-bottom: 1rem;
  }
}
@media (min-width: 768px) {
  .offer {
    padding-top: 0.6rem;
  }
}
@media (min-width: 992px) {
  .offer {
    padding-top: 0.8rem;
  }
}
@media (min-width: 1200px) {
  .offer {
    padding-top: 1rem;
  }
}

/* specific to 6 col version*/
.comp_panel_6up {
  /*this makes the spacing between panels smaller*/
  padding-left: 0.2rem;
  padding-right: 0.2rem;
}
@media (min-width: 768px) {
  .comp_panel_6up {
    padding-left: 0.3rem;
  }
}
@media (min-width: 992px) {
  .comp_panel_6up {
    padding-left: 0.4rem;
  }
}
@media (min-width: 1200px) {
  .comp_panel_6up {
    padding-left: 0.5rem;
  }
}
@media (min-width: 768px) {
  .comp_panel_6up {
    padding-right: 0.3rem;
  }
}
@media (min-width: 992px) {
  .comp_panel_6up {
    padding-right: 0.4rem;
  }
}
@media (min-width: 1200px) {
  .comp_panel_6up {
    padding-right: 0.5rem;
  }
}
.comp_panel_6up .comp_panel_holder {
  padding-left: 0.2rem;
  padding-right: 0.2rem;
}
.comp_panel_6up .hdd, .comp_panel_6up .ssd {
  width: 42%;
  background-color: #FFFFFF;
  color: #1a355d;
  border: 1px solid #1a355d;
  font-size: 1.25rem;
  border-radius: 0;
}
@media (min-width: 768px) {
  .comp_panel_6up .hdd, .comp_panel_6up .ssd {
    font-size: 1.25rem;
  }
}
@media (min-width: 992px) {
  .comp_panel_6up .hdd, .comp_panel_6up .ssd {
    font-size: 1.25rem;
  }
}
@media (min-width: 1200px) {
  .comp_panel_6up .hdd, .comp_panel_6up .ssd {
    font-size: 1.25rem;
  }
}
.comp_panel_6up .hdd:hover, .comp_panel_6up .ssd:hover {
  background-color: #1a355d;
  color: #FFFFFF;
}
.comp_panel_6up .comp_panel_holder .selected {
  background-color: #1a355d !important;
  color: #FFFFFF;
}
.comp_panel_6up .comp_panel_holder .selected:before {
  content: "\f00c";
  font-family: "FontAwesome";
  margin-right: 0.2rem;
  font-size: 1.25rem;
}
@media (min-width: 768px) {
  .comp_panel_6up .comp_panel_holder .selected:before {
    margin-right: 0.3rem;
  }
}
@media (min-width: 992px) {
  .comp_panel_6up .comp_panel_holder .selected:before {
    margin-right: 0.4rem;
  }
}
@media (min-width: 1200px) {
  .comp_panel_6up .comp_panel_holder .selected:before {
    margin-right: 0.5rem;
  }
}
@media (min-width: 768px) {
  .comp_panel_6up .comp_panel_holder .selected:before {
    font-size: 1.25rem;
  }
}
@media (min-width: 992px) {
  .comp_panel_6up .comp_panel_holder .selected:before {
    font-size: 1.25rem;
  }
}
@media (min-width: 1200px) {
  .comp_panel_6up .comp_panel_holder .selected:before {
    font-size: 1.25rem;
  }
}

/* specific to 2 col version*/
.comp_panel_2up .buy-button {
  margin: 10px 0;
}
.comp_panel_2up .selected .ribbon-green {
  margin-top: 27px;
}
.comp_panel_2up .hdd, .comp_panel_2up .ssd {
  width: 42%;
  background-color: #FFFFFF;
  color: #1a355d;
  border: 1px solid #1a355d;
  font-size: 1.25rem;
  border-radius: 0;
}
@media (min-width: 768px) {
  .comp_panel_2up .hdd, .comp_panel_2up .ssd {
    font-size: 1.25rem;
  }
}
@media (min-width: 992px) {
  .comp_panel_2up .hdd, .comp_panel_2up .ssd {
    font-size: 1.25rem;
  }
}
@media (min-width: 1200px) {
  .comp_panel_2up .hdd, .comp_panel_2up .ssd {
    font-size: 1.25rem;
  }
}
.comp_panel_2up .hdd:hover, .comp_panel_2up .ssd:hover {
  background-color: #1a355d;
  color: #FFFFFF;
}
.comp_panel_2up .comp_panel_holder .selected {
  background-color: #1a355d;
  color: #FFFFFF;
}
.comp_panel_2up .comp_panel_holder .selected:before {
  content: "\f00c";
  font-family: "FontAwesome";
  margin-right: 0.2rem;
  font-size: 1.25rem;
}
@media (min-width: 768px) {
  .comp_panel_2up .comp_panel_holder .selected:before {
    margin-right: 0.3rem;
  }
}
@media (min-width: 992px) {
  .comp_panel_2up .comp_panel_holder .selected:before {
    margin-right: 0.4rem;
  }
}
@media (min-width: 1200px) {
  .comp_panel_2up .comp_panel_holder .selected:before {
    margin-right: 0.5rem;
  }
}
@media (min-width: 768px) {
  .comp_panel_2up .comp_panel_holder .selected:before {
    font-size: 1.25rem;
  }
}
@media (min-width: 992px) {
  .comp_panel_2up .comp_panel_holder .selected:before {
    font-size: 1.25rem;
  }
}
@media (min-width: 1200px) {
  .comp_panel_2up .comp_panel_holder .selected:before {
    font-size: 1.25rem;
  }
}

.double_item_columns .gradient-underline ~ .comp_chart_background {
  display: flex;
  background-color: transparent;
  border: none;
  margin-bottom: 17px;
}
.double_item_columns .gradient-underline ~ .comp_chart_background .comp_panel_2up, .double_item_columns .gradient-underline ~ .comp_chart_background.toggle-buttons {
  background: #f8f8f8;
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.16);
}
.double_item_columns .gradient-underline ~ .comp_chart_background.toggle-buttons {
  margin: 0 -3px 17px;
  display: flex;
  justify-content: space-around;
  align-items: center;
  position: relative;
  height: 35px;
}
.double_item_columns .gradient-underline ~ .comp_chart_background.toggle-buttons .toggle-buttons__background {
  display: inline-block;
  cursor: pointer;
  width: 48px;
  height: 24px;
  border-radius: 12px;
  box-shadow: inset 0 0 4px 0 rgba(0, 0, 0, 0.11);
  background-color: #ededed;
  z-index: 0;
  position: absolute;
}
.double_item_columns .gradient-underline ~ .comp_chart_background.toggle-buttons .btn {
  display: flex;
  width: 50%;
  justify-content: center;
  align-items: center;
  position: absolute;
  z-index: 1;
}
.double_item_columns .gradient-underline ~ .comp_chart_background.toggle-buttons .btn::after {
  content: "";
  display: inline-block;
  visibility: hidden;
  width: 18px;
  height: 18px;
  background-color: #63b770;
  border-radius: 50%;
  position: absolute;
  transition: left 0.2s ease-in, right 0.2s ease-in;
  z-index: 2;
}
.double_item_columns .gradient-underline ~ .comp_chart_background.toggle-buttons .btn:first-of-type {
  left: 0;
}
.double_item_columns .gradient-underline ~ .comp_chart_background.toggle-buttons .btn:first-of-type::after {
  right: -18px;
}
.double_item_columns .gradient-underline ~ .comp_chart_background.toggle-buttons .btn:last-of-type {
  right: 0;
}
.double_item_columns .gradient-underline ~ .comp_chart_background.toggle-buttons .btn:last-of-type::after {
  left: -18px;
}
.double_item_columns .gradient-underline ~ .comp_chart_background.toggle-buttons .selected::after {
  visibility: visible;
}
.double_item_columns .gradient-underline ~ .comp_chart_background.toggle-buttons .selected:first-of-type::after {
  right: 0;
}
.double_item_columns .gradient-underline ~ .comp_chart_background.toggle-buttons .selected:last-of-type::after {
  left: 0;
}
.double_item_columns .gradient-underline ~ .comp_chart_background.toggle-buttons .btn,
.double_item_columns .gradient-underline ~ .comp_chart_background.toggle-buttons .selected,
.double_item_columns .gradient-underline ~ .comp_chart_background.toggle-buttons .btn:focus,
.double_item_columns .gradient-underline ~ .comp_chart_background.toggle-buttons .btn:active {
  border: none;
  background-color: transparent !important;
  color: #242424;
  outline: none;
  box-shadow: none;
}
.double_item_columns .gradient-underline ~ .comp_chart_background .comp_panel_2up {
  margin: 0 17px;
  width: calc(50% - (17px + 17px / 2));
}
.double_item_columns .gradient-underline ~ .comp_chart_background .comp_panel_2up:first-of-type {
  margin-right: calc(17px / 2);
}
.double_item_columns .gradient-underline ~ .comp_chart_background .comp_panel_2up:last-of-type {
  margin-left: calc(17px / 2);
}
.double_item_columns .gradient-underline ~ .comp_chart_background .comp_panel_2up > div[id*=ssd],
.double_item_columns .gradient-underline ~ .comp_chart_background .comp_panel_2up > div[id*=hdd] {
  height: 110px;
}
.double_item_columns .gradient-underline ~ .comp_chart_background .comp_panel_2up a[id*=Button_BuyNow] > .btn,
.double_item_columns .gradient-underline ~ .comp_chart_background .comp_panel_2up a.buy-button > .btn {
  padding-left: 0;
  padding-right: 0;
  font-size: 12px;
  height: auto;
}
@media (min-width: 992px) {
  .double_item_columns .gradient-underline ~ .comp_chart_background .comp_panel_2up a[id*=Button_BuyNow] > .btn,
  .double_item_columns .gradient-underline ~ .comp_chart_background .comp_panel_2up a.buy-button > .btn {
    padding-bottom: 1.5rem;
  }
}
.double_item_columns .gradient-underline ~ .comp_chart_background .comp_panel_2up a[data-toggle=popover] > div[id*=ssd],
.double_item_columns .gradient-underline ~ .comp_chart_background .comp_panel_2up a[data-toggle=popover] > div[id*=hdd] {
  border-bottom: 1px dotted #ccc;
  display: inline;
}
@media (min-width: 992px) {
  .double_item_columns .gradient-underline ~ .comp_chart_background .comp_panel_2up .popover {
    width: calc(100% + 34px);
    left: -17px !important;
    right: -17px !important;
  }
}
.double_item_columns .gradient-underline ~ .comp_chart_background .premium_row {
  margin-bottom: 15px;
}

.cost_row .comp_panel_2up .primary_button {
  width: 100%;
  max-width: 20rem;
  height: 30px;
  font-size: 10px;
  padding-left: 1rem;
  padding-top: 1.5rem;
  padding-bottom: 2.6rem;
}

.comp_panel_6up .comp_panel_2up .selected {
  background-color: #1a355d;
  color: #FFFFFF;
}
.comp_panel_6up .comp_panel_2up .selected:before {
  margin-right: 0.2rem;
  font-size: 0.5rem;
}
@media (min-width: 768px) {
  .comp_panel_6up .comp_panel_2up .selected:before {
    margin-right: 0.3rem;
  }
}
@media (min-width: 992px) {
  .comp_panel_6up .comp_panel_2up .selected:before {
    margin-right: 0.4rem;
  }
}
@media (min-width: 1200px) {
  .comp_panel_6up .comp_panel_2up .selected:before {
    margin-right: 0.5rem;
  }
}
@media (min-width: 768px) {
  .comp_panel_6up .comp_panel_2up .selected:before {
    font-size: 0.5rem;
  }
}
@media (min-width: 992px) {
  .comp_panel_6up .comp_panel_2up .selected:before {
    font-size: 0.5rem;
  }
}
@media (min-width: 1200px) {
  .comp_panel_6up .comp_panel_2up .selected:before {
    font-size: 0.5rem;
  }
}
.comp_panel_6up .comp_panel_2up .primary_button {
  width: 100%;
  max-width: 20rem;
  height: 30px;
  font-size: 10px;
  padding-left: 1rem;
  padding-top: 1.5rem;
  padding-bottom: 2.6rem;
}

.comp_panel_2up, .comp_panel_3up, .comp_panel_4up, .comp_panel_6up {
  color: #777777;
  margin-top: 1.6rem;
}
@media (min-width: 768px) {
  .comp_panel_2up, .comp_panel_3up, .comp_panel_4up, .comp_panel_6up {
    margin-top: 2.4rem;
  }
}
@media (min-width: 992px) {
  .comp_panel_2up, .comp_panel_3up, .comp_panel_4up, .comp_panel_6up {
    margin-top: 3.2rem;
  }
}
@media (min-width: 1200px) {
  .comp_panel_2up, .comp_panel_3up, .comp_panel_4up, .comp_panel_6up {
    margin-top: 4rem;
  }
}
@media (min-width: 992px) {
  .comp_panel_2up, .comp_panel_3up, .comp_panel_4up, .comp_panel_6up {
    margin-top: 0;
  }
}

@media (min-width: 992px) {
  .comp_panel_4up, .comp_panel_6up {
    margin-top: 0.8rem;
  }
}
@media (min-width: 992px) and (min-width: 768px) {
  .comp_panel_4up, .comp_panel_6up {
    margin-top: 1.2rem;
  }
}
@media (min-width: 992px) and (min-width: 992px) {
  .comp_panel_4up, .comp_panel_6up {
    margin-top: 1.6rem;
  }
}
@media (min-width: 992px) and (min-width: 1200px) {
  .comp_panel_4up, .comp_panel_6up {
    margin-top: 2rem;
  }
}
@media (min-width: 1200px) {
  .comp_panel_4up, .comp_panel_6up {
    margin-top: 0;
  }
}

/* specific to premium highlight version*/
.comp_premium.selected .selected {
  border: 0;
  padding: 0;
  background-color: transparent;
}
@media (min-width: 992px) {
  .comp_premium.selected .selected {
    margin-top: -5.5rem;
  }
}
@media (min-width: 1200px) {
  .comp_premium.selected .selected {
    margin-top: -4.5rem;
  }
}

/*link under primary button*/
.premium_link {
  margin-top: 1.2rem;
}
@media (min-width: 768px) {
  .premium_link {
    margin-top: 1.8rem;
  }
}
@media (min-width: 992px) {
  .premium_link {
    margin-top: 2.4rem;
  }
}
@media (min-width: 1200px) {
  .premium_link {
    margin-top: 3rem;
  }
}
.premium_link a {
  color: #63b770;
}

.premium_row {
  padding-top: 0.4rem;
  padding-bottom: 0.4rem;
}
@media (min-width: 768px) {
  .premium_row {
    padding-top: 0.6rem;
  }
}
@media (min-width: 992px) {
  .premium_row {
    padding-top: 0.8rem;
  }
}
@media (min-width: 1200px) {
  .premium_row {
    padding-top: 1rem;
  }
}
@media (min-width: 768px) {
  .premium_row {
    padding-bottom: 0.6rem;
  }
}
@media (min-width: 992px) {
  .premium_row {
    padding-bottom: 0.8rem;
  }
}
@media (min-width: 1200px) {
  .premium_row {
    padding-bottom: 1rem;
  }
}

.premium_row:first-of-type {
  margin-top: 0;
  padding-top: 0;
}

.premium_row:last-of-type {
  margin-bottom: 1.2rem;
}
@media (min-width: 768px) {
  .premium_row:last-of-type {
    margin-bottom: 1.8rem;
  }
}
@media (min-width: 992px) {
  .premium_row:last-of-type {
    margin-bottom: 2.4rem;
  }
}
@media (min-width: 1200px) {
  .premium_row:last-of-type {
    margin-bottom: 3rem;
  }
}

@media (min-width: 992px) {
  .comp_panels--has-uneven-row-heights .premium_row {
    height: 60px;
    padding: 0;
  }
}
/**data table on the domain name extension page***/
.extension_table_title, .extension_table {
  width: 100%;
  border-collapse: separate;
}
.extension_table_title td, .extension_table_title th, .extension_table td, .extension_table th {
  width: 16.6%;
  padding-top: 0.4rem;
  padding-bottom: 0.4rem;
  text-align: center;
}
@media (min-width: 768px) {
  .extension_table_title td, .extension_table_title th, .extension_table td, .extension_table th {
    padding-top: 0.6rem;
  }
}
@media (min-width: 992px) {
  .extension_table_title td, .extension_table_title th, .extension_table td, .extension_table th {
    padding-top: 0.8rem;
  }
}
@media (min-width: 1200px) {
  .extension_table_title td, .extension_table_title th, .extension_table td, .extension_table th {
    padding-top: 1rem;
  }
}
@media (min-width: 768px) {
  .extension_table_title td, .extension_table_title th, .extension_table td, .extension_table th {
    padding-bottom: 0.6rem;
  }
}
@media (min-width: 992px) {
  .extension_table_title td, .extension_table_title th, .extension_table td, .extension_table th {
    padding-bottom: 0.8rem;
  }
}
@media (min-width: 1200px) {
  .extension_table_title td, .extension_table_title th, .extension_table td, .extension_table th {
    padding-bottom: 1rem;
  }
}

.extension_table_title {
  border-spacing: 0.1rem;
}
.extension_table_title th {
  border-bottom: 1px solid #cccccc;
}

.extension_table {
  margin-left: -30px;
}
.extension_table td {
  border-bottom: 1px solid #ededed;
  padding-bottom: 1.2rem;
  padding-top: 1.2rem;
}
@media (min-width: 768px) {
  .extension_table td {
    padding-bottom: 1.8rem;
  }
}
@media (min-width: 992px) {
  .extension_table td {
    padding-bottom: 2.4rem;
  }
}
@media (min-width: 1200px) {
  .extension_table td {
    padding-bottom: 3rem;
  }
}
@media (min-width: 768px) {
  .extension_table td {
    padding-top: 1.8rem;
  }
}
@media (min-width: 992px) {
  .extension_table td {
    padding-top: 2.4rem;
  }
}
@media (min-width: 1200px) {
  .extension_table td {
    padding-top: 3rem;
  }
}
.extension_table .wider {
  width: 83%;
}
.extension_table .extension, .extension_table .text {
  text-align: left;
  border: 0;
  color: #777777;
  padding-left: 80px;
}
.extension_table .price {
  font-size: 1.25rem;
}
@media (min-width: 768px) {
  .extension_table .price {
    font-size: 1.25rem;
  }
}
@media (min-width: 992px) {
  .extension_table .price {
    font-size: 1.25rem;
  }
}
@media (min-width: 1200px) {
  .extension_table .price {
    font-size: 1.25rem;
  }
}
.extension_table .pounds {
  font-size: 2.25rem;
}
@media (min-width: 768px) {
  .extension_table .pounds {
    font-size: 2.5rem;
  }
}
@media (min-width: 992px) {
  .extension_table .pounds {
    font-size: 2.75rem;
  }
}
@media (min-width: 1200px) {
  .extension_table .pounds {
    font-size: 3rem;
  }
}
.extension_table .pound {
  font-size: 1.25rem;
}
@media (min-width: 768px) {
  .extension_table .pound {
    font-size: 1.25rem;
  }
}
@media (min-width: 992px) {
  .extension_table .pound {
    font-size: 1.25rem;
  }
}
@media (min-width: 1200px) {
  .extension_table .pound {
    font-size: 1.25rem;
  }
}

/*for when the cost needs to all go on one line*/
.cost_row {
  padding-bottom: 0.8rem;
  color: #777777;
}
@media (min-width: 768px) {
  .cost_row {
    padding-bottom: 1.2rem;
  }
}
@media (min-width: 992px) {
  .cost_row {
    padding-bottom: 1.6rem;
  }
}
@media (min-width: 1200px) {
  .cost_row {
    padding-bottom: 2rem;
  }
}
.cost_row .price {
  font-size: 1.5rem;
}
@media (min-width: 768px) {
  .cost_row .price {
    font-size: 1.5rem;
  }
}
@media (min-width: 992px) {
  .cost_row .price {
    font-size: 1.5rem;
  }
}
@media (min-width: 1200px) {
  .cost_row .price {
    font-size: 1.75rem;
  }
}
.cost_row .pounds {
  font-size: 3.25rem;
}
@media (min-width: 768px) {
  .cost_row .pounds {
    font-size: 4.5rem;
  }
}
@media (min-width: 992px) {
  .cost_row .pounds {
    font-size: 4.75rem;
  }
}
@media (min-width: 1200px) {
  .cost_row .pounds {
    font-size: 5rem;
  }
}
.cost_row .pound {
  font-size: 1.75rem;
}
@media (min-width: 768px) {
  .cost_row .pound {
    font-size: 2rem;
  }
}
@media (min-width: 992px) {
  .cost_row .pound {
    font-size: 2.25rem;
  }
}
@media (min-width: 1200px) {
  .cost_row .pound {
    font-size: 2.5rem;
  }
}

/*for where we have large domain logos with prices */
.domain_logo .price {
  font-size: 1.5rem;
  margin-top: 1.2rem;
}
@media (min-width: 768px) {
  .domain_logo .price {
    font-size: 1.5rem;
  }
}
@media (min-width: 992px) {
  .domain_logo .price {
    font-size: 1.5rem;
  }
}
@media (min-width: 1200px) {
  .domain_logo .price {
    font-size: 1.75rem;
  }
}
@media (min-width: 768px) {
  .domain_logo .price {
    margin-top: 1.8rem;
  }
}
@media (min-width: 992px) {
  .domain_logo .price {
    margin-top: 2.4rem;
  }
}
@media (min-width: 1200px) {
  .domain_logo .price {
    margin-top: 3rem;
  }
}
.domain_logo .pounds {
  font-size: 3.75rem;
}
@media (min-width: 768px) {
  .domain_logo .pounds {
    font-size: 4rem;
  }
}
@media (min-width: 992px) {
  .domain_logo .pounds {
    font-size: 4.25rem;
  }
}
@media (min-width: 1200px) {
  .domain_logo .pounds {
    font-size: 4.5rem;
  }
}
.domain_logo .pound {
  font-size: 1.5rem;
}
@media (min-width: 768px) {
  .domain_logo .pound {
    font-size: 1.5rem;
  }
}
@media (min-width: 992px) {
  .domain_logo .pound {
    font-size: 1.75rem;
  }
}
@media (min-width: 1200px) {
  .domain_logo .pound {
    font-size: 2rem;
  }
}

/**little bit of copy in a comp chart on ssl page**/
.ssl_copy {
  margin-bottom: 0.8rem;
}
@media (min-width: 768px) {
  .ssl_copy {
    margin-bottom: 1.2rem;
  }
}
@media (min-width: 992px) {
  .ssl_copy {
    margin-bottom: 1.6rem;
  }
}
@media (min-width: 1200px) {
  .ssl_copy {
    margin-bottom: 2rem;
  }
}
@media (min-width: 1200px) {
  .ssl_copy {
    height: 250px;
  }
}

.one_click_installs p {
  margin-bottom: 3.6rem;
}
@media (min-width: 768px) {
  .one_click_installs p {
    margin-bottom: 5.4rem;
  }
}
@media (min-width: 992px) {
  .one_click_installs p {
    margin-bottom: 7.2rem;
  }
}
@media (min-width: 1200px) {
  .one_click_installs p {
    margin-bottom: 9rem;
  }
}

.ex_vat {
  text-align: center;
  padding-top: 0.4rem;
}
@media (min-width: 768px) {
  .ex_vat {
    padding-top: 0.6rem;
  }
}
@media (min-width: 992px) {
  .ex_vat {
    padding-top: 0.8rem;
  }
}
@media (min-width: 1200px) {
  .ex_vat {
    padding-top: 1rem;
  }
}

.comp_icon {
  margin-bottom: -4rem;
  text-align: center;
}

.double_item_columns {
  /*fixes padding and margins for columns with two products in them (example, VPS)*/
}
.double_item_columns .comp_panel_holder {
  padding-bottom: 0;
}
.double_item_columns .price_switcher {
  width: 99.2%;
}
.double_item_columns .comp_premium {
  padding-top: 8rem;
}
.double_item_columns .comp_chart h1 + h2 {
  padding-bottom: 2rem;
}
@media (min-width: 768px) {
  .double_item_columns .comp_chart h1 + h2 {
    padding-bottom: 3rem;
  }
}
@media (min-width: 992px) {
  .double_item_columns .comp_chart h1 + h2 {
    padding-bottom: 4rem;
  }
}
@media (min-width: 1200px) {
  .double_item_columns .comp_chart h1 + h2 {
    padding-bottom: 5rem;
  }
}
.double_item_columns .comp_panel_3up {
  padding-top: 0;
  padding-bottom: 0;
}
.double_item_columns .comp_panel_3up {
  position: relative;
  min-height: 1px;
  margin-bottom: 40px;
}
@media (min-width: 768px) {
  .double_item_columns .comp_panel_3up {
    margin-bottom: 60px;
  }
}
@media (min-width: 992px) {
  .double_item_columns .comp_panel_3up {
    margin-bottom: 0;
  }
}
.double_item_columns .comp_panel_3up p {
  padding-bottom: 1.2rem;
  height: auto;
}
@media (min-width: 768px) {
  .double_item_columns .comp_panel_3up p {
    padding-bottom: 1.8rem;
  }
}
@media (min-width: 992px) {
  .double_item_columns .comp_panel_3up p {
    padding-bottom: 2.4rem;
  }
}
@media (min-width: 1200px) {
  .double_item_columns .comp_panel_3up p {
    padding-bottom: 3rem;
  }
}
@media (min-width: 768px) {
  .double_item_columns .comp_panel_3up p .double_item_columns .comp_panel_3up.popular .comp_panel_holder p {
    padding-bottom: 1.2rem;
    height: 84px;
  }
}
@media (min-width: 1200px) {
  .double_item_columns .comp_panel_3up p {
    height: 106px;
  }
}
.double_item_columns .comp_panel_3up a {
  font-size: 1.5rem;
}
@media (min-width: 768px) {
  .double_item_columns .comp_panel_3up a {
    font-size: 1.5rem;
  }
}
@media (min-width: 992px) {
  .double_item_columns .comp_panel_3up a {
    font-size: 1.5rem;
  }
}
@media (min-width: 1200px) {
  .double_item_columns .comp_panel_3up a {
    font-size: 1.5rem;
  }
}
.double_item_columns .comp_panel_3up .comp_chart_background + .cost_row {
  margin-left: -20px;
  margin-right: -20px;
}
.double_item_columns .comp_panel_3up .comp_chart_background + .cost_row .comp_panel_2up:first-child .premium_row:after {
  content: "";
  position: absolute;
  top: 20px;
  bottom: 5px;
  right: -1px;
  border-right: 1px solid #ccc;
  height: 47%;
}
.double_item_columns .cost_row {
  padding-bottom: 0;
}
.double_item_columns .cost_row .comp_panel_2up {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
  padding-left: 10px;
  padding-right: 10px;
  line-height: 40px;
  margin-top: 0;
}
@media (min-width: 768px) {
  .double_item_columns .cost_row .comp_panel_2up {
    padding-top: 1.8rem;
  }
}
@media (min-width: 992px) {
  .double_item_columns .cost_row .comp_panel_2up {
    padding-top: 2.4rem;
  }
}
@media (min-width: 1200px) {
  .double_item_columns .cost_row .comp_panel_2up {
    padding-top: 3rem;
  }
}
@media (min-width: 768px) {
  .double_item_columns .cost_row .comp_panel_2up {
    padding-bottom: 1.8rem;
  }
}
@media (min-width: 992px) {
  .double_item_columns .cost_row .comp_panel_2up {
    padding-bottom: 2.4rem;
  }
}
@media (min-width: 1200px) {
  .double_item_columns .cost_row .comp_panel_2up {
    padding-bottom: 3rem;
  }
}
@media (min-width: 992px) {
  .double_item_columns .cost_row .comp_panel_2up {
    line-height: normal;
  }
}
.double_item_columns .cost_row .comp_panel_2up h6 {
  font-size: 1.5rem;
  padding-bottom: 0.8rem;
  font-family: MuseoSansRounded-500, sans-serif;
  text-transform: uppercase;
}
@media (min-width: 768px) {
  .double_item_columns .cost_row .comp_panel_2up h6 {
    font-size: 1.5rem;
  }
}
@media (min-width: 992px) {
  .double_item_columns .cost_row .comp_panel_2up h6 {
    font-size: 1.5rem;
  }
}
@media (min-width: 1200px) {
  .double_item_columns .cost_row .comp_panel_2up h6 {
    font-size: 1.75rem;
  }
}
@media (min-width: 768px) {
  .double_item_columns .cost_row .comp_panel_2up h6 {
    padding-bottom: 1.2rem;
  }
}
@media (min-width: 992px) {
  .double_item_columns .cost_row .comp_panel_2up h6 {
    padding-bottom: 1.6rem;
  }
}
@media (min-width: 1200px) {
  .double_item_columns .cost_row .comp_panel_2up h6 {
    padding-bottom: 2rem;
  }
}
.double_item_columns .cost_row .comp_panel_2up .period {
  font-size: 1.25rem;
  margin-top: 5px;
}
@media (min-width: 768px) {
  .double_item_columns .cost_row .comp_panel_2up .period {
    font-size: 1.25rem;
  }
}
@media (min-width: 992px) {
  .double_item_columns .cost_row .comp_panel_2up .period {
    font-size: 1.25rem;
  }
}
@media (min-width: 1200px) {
  .double_item_columns .cost_row .comp_panel_2up .period {
    font-size: 1.25rem;
  }
}
.double_item_columns .cost_row .comp_panel_2up .primary_button {
  padding-left: 1.8rem;
  padding-top: 1.5rem;
  font-size: 12px;
}
@media (min-width: 992px) {
  .double_item_columns .cost_row .comp_panel_2up .primary_button {
    padding-left: 1.6rem;
    font-size: 11px;
  }
}
@media (min-width: 1200px) {
  .double_item_columns .cost_row .comp_panel_2up .primary_button {
    font-size: 12px;
    padding-left: 2.8rem;
  }
}
.double_item_columns .cost_row .comp_panel_2up .premium_row {
  padding-bottom: 0;
}
.double_item_columns .cost_row .comp_panel_2up .premium_row:last-of-type {
  margin-bottom: 0.8rem;
}
@media (min-width: 768px) {
  .double_item_columns .cost_row .comp_panel_2up .premium_row:last-of-type {
    margin-bottom: 1.2rem;
  }
}
@media (min-width: 992px) {
  .double_item_columns .cost_row .comp_panel_2up .premium_row:last-of-type {
    margin-bottom: 1.6rem;
  }
}
@media (min-width: 1200px) {
  .double_item_columns .cost_row .comp_panel_2up .premium_row:last-of-type {
    margin-bottom: 2rem;
  }
}

.ex_vat {
  font-size: 1.5rem;
}
@media (min-width: 768px) {
  .ex_vat {
    font-size: 1.5rem;
  }
}
@media (min-width: 992px) {
  .ex_vat {
    font-size: 1.5rem;
  }
}
@media (min-width: 1200px) {
  .ex_vat {
    font-size: 1.5rem;
  }
}

.btn.selected {
  background-color: #1a355d !important;
  color: #FFFFFF;
}

.outofstock {
  display: block;
  position: absolute;
  margin: 0 auto;
  width: 80%;
  color: #fff;
  font-size: 12px;
  text-align: center;
  background-color: #3c3c3b;
  padding: 9px 10px;
  left: 10%;
  top: 39%;
}

.features-list {
  margin-top: 50px;
}
.features-list .comp_panel_1up .comp_panel_holder small {
  display: block;
}
@media (min-width: 768px) {
  .features-list .comp_panel_1up .comp_panel_holder {
    height: auto;
    border: 1px solid #ccc;
    background-color: #fff;
    display: block;
    padding-bottom: 0;
    padding-top: 90px;
  }
}
@media (min-width: 992px) {
  .features-list .comp_panel_1up .comp_panel_holder {
    padding-bottom: 0;
    border: 1px solid #ccc;
    background-color: white;
    padding-top: 7rem;
    padding-left: 7rem;
  }
}
@media (min-width: 1200px) {
  .features-list .comp_panel_1up .comp_panel_holder {
    padding-bottom: 3rem;
    padding-top: 8rem;
    padding-left: 7rem;
  }
}
.features-list .comp_panel_1up .comp_panel_holder .comp_panel_3up {
  margin-top: -40px;
}
@media (min-width: 992px) {
  .features-list .comp_panel_1up .comp_panel_holder .comp_panel_3up {
    margin-top: -20px;
  }
}
.features-list .comp_panel_1up .comp_panel_holder .comp_panel_3up ul {
  list-style: none;
}
.features-list .comp_panel_1up .comp_panel_holder .comp_panel_3up ul li {
  font-size: 60px;
  text-align: left;
  line-height: 4px;
  padding-left: 10px;
  height: 53px;
}
@media (min-width: 992px) {
  .features-list .comp_panel_1up .comp_panel_holder .comp_panel_3up ul li {
    height: 78px;
    font-size: 95px;
  }
}
.features-list .comp_panel_1up .comp_panel_holder .comp_panel_3up ul li a {
  font-size: 1.5rem;
  text-align: left;
  padding-top: 0.2rem;
  padding-bottom: 0.2rem;
  position: relative;
  top: -17px;
}
@media (min-width: 768px) {
  .features-list .comp_panel_1up .comp_panel_holder .comp_panel_3up ul li a {
    font-size: 1.5rem;
  }
}
@media (min-width: 992px) {
  .features-list .comp_panel_1up .comp_panel_holder .comp_panel_3up ul li a {
    font-size: 1.5rem;
  }
}
@media (min-width: 1200px) {
  .features-list .comp_panel_1up .comp_panel_holder .comp_panel_3up ul li a {
    font-size: 1.75rem;
  }
}
@media (min-width: 768px) {
  .features-list .comp_panel_1up .comp_panel_holder .comp_panel_3up ul li a {
    padding-top: 0.3rem;
  }
}
@media (min-width: 992px) {
  .features-list .comp_panel_1up .comp_panel_holder .comp_panel_3up ul li a {
    padding-top: 0.4rem;
  }
}
@media (min-width: 1200px) {
  .features-list .comp_panel_1up .comp_panel_holder .comp_panel_3up ul li a {
    padding-top: 0.5rem;
  }
}
@media (min-width: 768px) {
  .features-list .comp_panel_1up .comp_panel_holder .comp_panel_3up ul li a {
    padding-bottom: 0.3rem;
  }
}
@media (min-width: 992px) {
  .features-list .comp_panel_1up .comp_panel_holder .comp_panel_3up ul li a {
    padding-bottom: 0.4rem;
  }
}
@media (min-width: 1200px) {
  .features-list .comp_panel_1up .comp_panel_holder .comp_panel_3up ul li a {
    padding-bottom: 0.5rem;
  }
}
.features-list .comp_panel_1up .comp_panel_holder .comp_panel_3up ul li:before {
  content: "";
  display: inline-block;
  background-image: url("/assets/img/vps/vps-checkbox.svg");
  background-size: contain;
  background-repeat: no-repeat;
  width: 38px;
  margin-left: -50px;
  height: 34px;
}
@media (min-width: 992px) {
  .features-list .comp_panel_1up .comp_panel_holder .comp_panel_3up ul li:before {
    height: 44px;
  }
}

.special-comp-panel {
  display: block;
  margin-top: 80px;
  height: 380px;
}

.yearly {
  display: none;
}

.mobile_only {
  display: block;
}
@media (min-width: 992px) {
  .mobile_only {
    display: none;
  }
}

.desktop_only {
  display: none;
}
@media (min-width: 992px) {
  .desktop_only {
    display: block;
  }
}

.comp_chart_side .unselected, .comp_chart_side .selected {
  width: 48%;
}
@media (min-width: 992px) {
  .comp_chart_side .unselected, .comp_chart_side .selected {
    width: 44%;
  }
}
.comp_chart_side .unselected {
  color: #777777;
  background-color: #FFFFFF;
  border: 1px solid #cccccc;
  border-bottom: 4px solid #cccccc;
  text-align: center;
}
.comp_chart_side .unselected .icon {
  fill: #777777;
  width: 40px;
  height: 40px;
  margin-bottom: 0.2rem;
}
@media (min-width: 768px) {
  .comp_chart_side .unselected .icon {
    margin-bottom: 0.3rem;
  }
}
@media (min-width: 992px) {
  .comp_chart_side .unselected .icon {
    margin-bottom: 0.4rem;
  }
}
@media (min-width: 1200px) {
  .comp_chart_side .unselected .icon {
    margin-bottom: 0.5rem;
  }
}
.comp_chart_side .selected {
  background-color: #63b770;
  color: #FFFFFF;
}
.comp_chart_side .selected .icon {
  fill: #FFFFFF;
}
.comp_chart_side .icon {
  display: none;
}
@media (min-width: 992px) {
  .comp_chart_side .icon {
    display: inline-block;
  }
}
.comp_chart_side .comp_panel_holder_left {
  padding-top: 0.8rem;
  text-align: right;
}
@media (min-width: 768px) {
  .comp_chart_side .comp_panel_holder_left {
    padding-top: 1.2rem;
  }
}
@media (min-width: 992px) {
  .comp_chart_side .comp_panel_holder_left {
    padding-top: 1.6rem;
  }
}
@media (min-width: 1200px) {
  .comp_chart_side .comp_panel_holder_left {
    padding-top: 2rem;
  }
}
.comp_chart_side .comp_panel_holder_left a {
  text-decoration: none;
  border-bottom: 1px dotted #cccccc;
}
.comp_chart_side .comp_panel_holder_left:hover {
  text-decoration: none;
}
.comp_chart_side .comp_panel_holder_left .row {
  height: auto;
}
@media (min-width: 992px) {
  .comp_chart_side .comp_panel_holder_left .row {
    height: 38px;
  }
}
@media (min-width: 1200px) {
  .comp_chart_side .comp_panel_holder_left .row {
    height: 45px;
  }
}
@media (min-width: 992px) {
  .comp_chart_side .comp_panel_4up {
    margin-top: 0px;
  }
}
.comp_chart_side .comp_panel_4up .comp_panel_holder .row {
  min-height: 38px;
}
.comp_chart_side .divider {
  margin: 0.2rem 0;
}
.comp_chart_side .row {
  /*margin-right:0px;*/
  padding-top: 0.2rem;
  padding-bottom: 0.2rem;
  height: auto;
}
@media (min-width: 768px) {
  .comp_chart_side .row {
    padding-top: 0.3rem;
  }
}
@media (min-width: 992px) {
  .comp_chart_side .row {
    padding-top: 0.4rem;
  }
}
@media (min-width: 1200px) {
  .comp_chart_side .row {
    padding-top: 0.5rem;
  }
}
@media (min-width: 768px) {
  .comp_chart_side .row {
    padding-bottom: 0.3rem;
  }
}
@media (min-width: 992px) {
  .comp_chart_side .row {
    padding-bottom: 0.4rem;
  }
}
@media (min-width: 1200px) {
  .comp_chart_side .row {
    padding-bottom: 0.5rem;
  }
}

.web_hosting_all .comp_panel_holder_left .row {
  height: auto;
  min-height: 38px;
}
@media (min-width: 992px) {
  .web_hosting_all .comp_panel_holder_left .row {
    height: 29px;
  }
}
@media (min-width: 1200px) {
  .web_hosting_all .comp_panel_holder_left .row {
    height: 34px;
    min-height: 38px;
  }
}

.vps_all .comp_chart_side .row {
  padding-bottom: 5px;
  padding-top: 5px;
  height: 40px;
}
.vps_all .comp_panel_holder_left {
  padding-top: 3rem;
}
.vps_all .comp_panel_holder_left .row {
  height: auto;
}
@media (min-width: 992px) {
  .vps_all .comp_panel_holder_left .row {
    height: 38px;
  }
}
@media (min-width: 1200px) {
  .vps_all .comp_panel_holder_left .row {
    height: 44.5px;
  }
}

.premium_all .comp_panel_holder_left .row, .dedi_all .comp_panel_holder_left .row {
  height: 45px;
}

.no-bottom {
  border-bottom: 0px;
}

.no-top {
  border-top: 0px;
  padding-top: 0.8rem;
}
@media (min-width: 768px) {
  .no-top {
    padding-top: 1.2rem;
  }
}
@media (min-width: 992px) {
  .no-top {
    padding-top: 1.6rem;
  }
}
@media (min-width: 1200px) {
  .no-top {
    padding-top: 2rem;
  }
}

/*the main sections that show and hide*/
#os_option1, #os_option2 {
  display: none;
}

/*the buttons that control the show and hide*/
#os_option1_button {
  float: left;
}

#os_option2_button {
  float: right;
}

#os_option1_button, #os_option2_button {
  padding-left: 0.8rem;
  padding-right: 0.8rem;
  padding-top: 0.8rem;
  padding-bottom: 0.8rem;
}
@media (min-width: 768px) {
  #os_option1_button, #os_option2_button {
    padding-left: 1.2rem;
  }
}
@media (min-width: 992px) {
  #os_option1_button, #os_option2_button {
    padding-left: 1.6rem;
  }
}
@media (min-width: 1200px) {
  #os_option1_button, #os_option2_button {
    padding-left: 2rem;
  }
}
@media (min-width: 768px) {
  #os_option1_button, #os_option2_button {
    padding-right: 1.2rem;
  }
}
@media (min-width: 992px) {
  #os_option1_button, #os_option2_button {
    padding-right: 1.6rem;
  }
}
@media (min-width: 1200px) {
  #os_option1_button, #os_option2_button {
    padding-right: 2rem;
  }
}
@media (min-width: 768px) {
  #os_option1_button, #os_option2_button {
    padding-top: 1.2rem;
  }
}
@media (min-width: 992px) {
  #os_option1_button, #os_option2_button {
    padding-top: 1.6rem;
  }
}
@media (min-width: 1200px) {
  #os_option1_button, #os_option2_button {
    padding-top: 2rem;
  }
}
@media (min-width: 768px) {
  #os_option1_button, #os_option2_button {
    padding-bottom: 1.2rem;
  }
}
@media (min-width: 992px) {
  #os_option1_button, #os_option2_button {
    padding-bottom: 1.6rem;
  }
}
@media (min-width: 1200px) {
  #os_option1_button, #os_option2_button {
    padding-bottom: 2rem;
  }
}
#os_option1_button span, #os_option2_button span {
  display: inline-block;
}
@media (min-width: 992px) {
  #os_option1_button span, #os_option2_button span {
    display: block;
  }
}

/*bar that spans the width of the table*/
.os_bar {
  background-color: #63b770;
  color: #FFFFFF;
  padding-left: 1.2rem;
  padding-right: 0.8rem;
  padding-top: 0.8rem;
  padding-bottom: 0.8rem;
  clear: both;
  border: 1px solid #cccccc;
  margin-bottom: -0.5rem;
}
@media (min-width: 768px) {
  .os_bar {
    padding-left: 1.8rem;
  }
}
@media (min-width: 992px) {
  .os_bar {
    padding-left: 2.4rem;
  }
}
@media (min-width: 1200px) {
  .os_bar {
    padding-left: 3rem;
  }
}
@media (min-width: 768px) {
  .os_bar {
    padding-right: 1.2rem;
  }
}
@media (min-width: 992px) {
  .os_bar {
    padding-right: 1.6rem;
  }
}
@media (min-width: 1200px) {
  .os_bar {
    padding-right: 2rem;
  }
}
@media (min-width: 768px) {
  .os_bar {
    padding-top: 1.2rem;
  }
}
@media (min-width: 992px) {
  .os_bar {
    padding-top: 1.6rem;
  }
}
@media (min-width: 1200px) {
  .os_bar {
    padding-top: 2rem;
  }
}
@media (min-width: 768px) {
  .os_bar {
    padding-bottom: 1.2rem;
  }
}
@media (min-width: 992px) {
  .os_bar {
    padding-bottom: 1.6rem;
  }
}
@media (min-width: 1200px) {
  .os_bar {
    padding-bottom: 2rem;
  }
}

/*a version with six columns plus a side list*/
.left_side_7up {
  padding: 0.3rem;
  padding-top: 19rem;
}
@media (min-width: 992px) {
  .left_side_7up {
    display: none;
  }
}
@media (min-width: 1200px) {
  .left_side_7up {
    display: block;
  }
}

.right_side_7up .comp_panel_6up {
  padding-left: 0.4rem;
  padding-right: 0.4rem;
}
.right_side_7up .comp_panel_6up .comp_panel_holder {
  padding-left: 0rem;
  padding-right: 0rem;
}
.right_side_7up .comp_panel_6up .comp_panel_holder .period {
  font-size: 1.5rem;
}
@media (min-width: 768px) {
  .right_side_7up .comp_panel_6up .comp_panel_holder .period {
    font-size: 1.5rem;
  }
}
@media (min-width: 992px) {
  .right_side_7up .comp_panel_6up .comp_panel_holder .period {
    font-size: 1.5rem;
  }
}
@media (min-width: 1200px) {
  .right_side_7up .comp_panel_6up .comp_panel_holder .period {
    font-size: 1.5rem;
  }
}
.right_side_7up .mobile_only {
  display: block;
}
@media (min-width: 1200px) {
  .right_side_7up .mobile_only {
    display: none;
  }
}
.right_side_7up .primary_button {
  width: 95%;
  padding-left: 0px;
  padding-right: 0px;
}
.right_side_7up .comp_panel_holder {
  padding-bottom: 0.8rem;
}
@media (min-width: 768px) {
  .right_side_7up .comp_panel_holder {
    padding-bottom: 1.2rem;
  }
}
@media (min-width: 992px) {
  .right_side_7up .comp_panel_holder {
    padding-bottom: 1.6rem;
  }
}
@media (min-width: 1200px) {
  .right_side_7up .comp_panel_holder {
    padding-bottom: 2rem;
  }
}
.right_side_7up .cost_row .pounds {
  font-size: 3.25rem;
}
@media (min-width: 768px) {
  .right_side_7up .cost_row .pounds {
    font-size: 3.5rem;
  }
}
@media (min-width: 992px) {
  .right_side_7up .cost_row .pounds {
    font-size: 3.75rem;
  }
}
@media (min-width: 1200px) {
  .right_side_7up .cost_row .pounds {
    font-size: 4rem;
  }
}

.tabbed_section {
  /* TAB NAVIGATION */
  /* END TAB NAVIGATION */
}
.tabbed_section h4 {
  font-size: 2.25rem;
}
@media (min-width: 768px) {
  .tabbed_section h4 {
    font-size: 2.5rem;
  }
}
@media (min-width: 992px) {
  .tabbed_section h4 {
    font-size: 2.75rem;
  }
}
@media (min-width: 1200px) {
  .tabbed_section h4 {
    font-size: 3rem;
  }
}
.tabbed_section h5 {
  font-size: 1.5rem;
}
@media (min-width: 768px) {
  .tabbed_section h5 {
    font-size: 1.75rem;
  }
}
@media (min-width: 992px) {
  .tabbed_section h5 {
    font-size: 2rem;
  }
}
@media (min-width: 1200px) {
  .tabbed_section h5 {
    font-size: 2.25rem;
  }
}
.tabbed_section .tab-pane {
  display: none;
}
.tabbed_section .active {
  display: block;
}
.tabbed_section ul.nav {
  padding-bottom: 3.2rem;
}
@media (min-width: 768px) {
  .tabbed_section ul.nav {
    padding-bottom: 4.8rem;
  }
}
@media (min-width: 992px) {
  .tabbed_section ul.nav {
    padding-bottom: 6.4rem;
  }
}
@media (min-width: 1200px) {
  .tabbed_section ul.nav {
    padding-bottom: 8rem;
  }
}
.tabbed_section .nav-pills > li.active > a,
.tabbed_section .nav-pills > li.active > a:hover,
.tabbed_section .nav-pills > li.active > a:focus,
.tabbed_section .nav > li > a:hover,
.tabbed_section .nav > li > a:focus,
.tabbed_section .nav-pills li a {
  border: 3px solid;
}
.tabbed_section .nav-pills > li + li {
  margin-left: 0px;
}
.tabbed_section .nav-pills li a {
  padding: 0px;
  font-size: 1.5rem;
  margin-bottom: 1.6rem;
}
@media (min-width: 768px) {
  .tabbed_section .nav-pills li a {
    font-size: 1.5rem;
  }
}
@media (min-width: 992px) {
  .tabbed_section .nav-pills li a {
    font-size: 1.75rem;
  }
}
@media (min-width: 1200px) {
  .tabbed_section .nav-pills li a {
    font-size: 2rem;
  }
}
@media (min-width: 768px) {
  .tabbed_section .nav-pills li a {
    margin-bottom: 2.4rem;
  }
}
@media (min-width: 992px) {
  .tabbed_section .nav-pills li a {
    margin-bottom: 3.2rem;
  }
}
@media (min-width: 1200px) {
  .tabbed_section .nav-pills li a {
    margin-bottom: 4rem;
  }
}
@media (min-width: 768px) {
  .tabbed_section .nav-pills li a {
    margin-bottom: 0px;
  }
}

/*tab_text*/
.tab_image img {
  display: none;
}
@media (min-width: 768px) {
  .tab_image img {
    width: 100%;
    height: auto;
    display: block;
  }
}

/*cog icons*/
.cogs {
  width: 65px;
  height: 65px;
  margin-right: 0.4rem;
  display: inline-block;
  vertical-align: middle;
}
@media (min-width: 768px) {
  .cogs {
    margin-right: 0.6rem;
  }
}
@media (min-width: 992px) {
  .cogs {
    margin-right: 0.8rem;
  }
}
@media (min-width: 1200px) {
  .cogs {
    margin-right: 1rem;
  }
}
@media (min-width: 768px) {
  .cogs {
    margin-right: 0px;
    width: 25px;
    height: 25px;
  }
}
@media (min-width: 992px) {
  .cogs {
    width: 35px;
    height: 35px;
  }
}
@media (min-width: 1200px) {
  .cogs {
    width: 65px;
    height: 65px;
  }
}

/*** colours of links/tabs - commenting out everything apart from green as we don't use it ***/
.tabbed_section.green_background .nav-pills li a, .navbar .tabbed_section.log_in_form .nav-pills li a, .navbar .tabbed_section.social_buttons .nav-pills li a, .navbar .tabbed_section.support_tab .nav-pills li a {
  color: #b1dbb8;
  border-color: #b1dbb8;
}
.tabbed_section.green_background .nav > li > a:hover, .navbar .tabbed_section.log_in_form .nav > li > a:hover, .navbar .tabbed_section.social_buttons .nav > li > a:hover, .navbar .tabbed_section.support_tab .nav > li > a:hover {
  color: #FFFFFF;
  background-color: #52955c;
  border-color: #52955c;
}
.tabbed_section.green_background .nav-pills > li.active > a:hover, .navbar .tabbed_section.log_in_form .nav-pills > li.active > a:hover, .navbar .tabbed_section.social_buttons .nav-pills > li.active > a:hover, .navbar .tabbed_section.support_tab .nav-pills > li.active > a:hover {
  color: #63b770;
  border-color: #FFFFFF;
}
.tabbed_section.green_background .nav-pills > li.active > a, .navbar .tabbed_section.log_in_form .nav-pills > li.active > a, .navbar .tabbed_section.social_buttons .nav-pills > li.active > a, .navbar .tabbed_section.support_tab .nav-pills > li.active > a {
  color: #52955c;
  background: #FFFFFF;
  border-color: #52955c;
}
.tabbed_section.green_background .icon, .navbar .tabbed_section.log_in_form .icon, .navbar .tabbed_section.social_buttons .icon, .navbar .tabbed_section.support_tab .icon {
  fill: #b1dbb8;
}
.tabbed_section.green_background a:hover .icon, .navbar .tabbed_section.log_in_form a:hover .icon, .navbar .tabbed_section.social_buttons a:hover .icon, .navbar .tabbed_section.support_tab a:hover .icon {
  fill: #FFFFFF;
}
.tabbed_section.green_background .active .icon, .navbar .tabbed_section.log_in_form .active .icon, .navbar .tabbed_section.social_buttons .active .icon, .navbar .tabbed_section.support_tab .active .icon {
  fill: #52955c;
}
.tabbed_section.green_background .active a:hover .icon, .navbar .tabbed_section.log_in_form .active a:hover .icon, .navbar .tabbed_section.social_buttons .active a:hover .icon, .navbar .tabbed_section.support_tab .active a:hover .icon {
  fill: #63b770;
}

/*.tabbed_section.white_background, 
.tabbed_section.grey_background{
			.nav-pills li a{
				color: $additional-color-5;
				border-color:$additional-color-5;						
			}
			.nav > li > a:hover{
			 	color:$primary-color-3;
			 	background-color: $secondary-color-1;
			 	border-color: $secondary-color-1;
			}
			.nav-pills > li.active > a:hover {
			 	color:$additional-color-4;
			 	border-color: $additional-color-4;
			}
			.nav-pills > li.active > a, {
				color: $secondary-color-1;
				background: $primary-color-3;
				border-color:$secondary-color-1;
			}
			.icon  {
				fill: $additional-color-5; 
			}
			a:hover .icon  {
				fill: $primary-color-3;  
			}
			.active {
				.icon  {
					fill:  $secondary-color-1; 
				}
				a:hover .icon  {
					fill:$additional-color-4; 
				}
			}						
}*/
/*.tabbed_section.honeycomb_background, 
.tabbed_section.darkgrey_background {
			.nav-pills li a{
				color: $primary-color-3;
				border-color:$primary-color-3;						
			}
			.nav > li > a:hover{
			 	color:$secondary-color-1;
			 	background-color: $primary-color-3;
			 	border-color: $primary-color-3;
			}
			.nav-pills > li.active > a:hover {
			 	color:$additional-color-4;
			 	border-color: $primary-color-3;
			}
			.nav-pills > li.active > a, {
				color: $secondary-color-1;
				background: $primary-color-3;
				border-color:$primary-color-3;
			}
			.icon  {
				fill: $primary-color-3; 
			}
			a:hover .icon  {
				fill: $secondary-color-1;  
			}
			.active {
				.icon  {
					fill: $secondary-color-1; 
				}
				a:hover .icon  {
					fill: $additional-color-4; 
				}
			}						
}

*/
.tabbed_section.blue_background .nav-pills li a {
  color: #bdc5d2;
  border-color: #bdc5d2;
}
.tabbed_section.blue_background .nav > li > a:hover {
  color: #1a355d;
  background-color: #FFFFFF;
  border-color: #FFFFFF;
}
.tabbed_section.blue_background .nav-pills > li.active > a:hover {
  color: #7083a6;
  border-color: #FFFFFF;
}
.tabbed_section.blue_background .nav-pills > li.active > a {
  color: #1a355d;
  background: #FFFFFF;
  border-color: #7083a6;
}
.tabbed_section.blue_background .icon {
  fill: #bdc5d2;
}
.tabbed_section.blue_background a:hover .icon {
  fill: #1a355d;
}
.tabbed_section.blue_background .active .icon {
  fill: #1a355d;
}
.tabbed_section.blue_background .active a:hover .icon {
  fill: #7083a6;
}

/*** end colours of links/tabs ***/
.contact_submit {
  text-align: right;
}

.contact_sidebar_inner {
  padding-top: 1.6rem;
  padding-right: 1.6rem;
  padding-left: 1.6rem;
  padding-bottom: 1.6rem;
}
@media (min-width: 768px) {
  .contact_sidebar_inner {
    padding-top: 2.4rem;
  }
}
@media (min-width: 992px) {
  .contact_sidebar_inner {
    padding-top: 3.2rem;
  }
}
@media (min-width: 1200px) {
  .contact_sidebar_inner {
    padding-top: 4rem;
  }
}
@media (min-width: 768px) {
  .contact_sidebar_inner {
    padding-right: 2.4rem;
  }
}
@media (min-width: 992px) {
  .contact_sidebar_inner {
    padding-right: 3.2rem;
  }
}
@media (min-width: 1200px) {
  .contact_sidebar_inner {
    padding-right: 4rem;
  }
}
@media (min-width: 768px) {
  .contact_sidebar_inner {
    padding-left: 2.4rem;
  }
}
@media (min-width: 992px) {
  .contact_sidebar_inner {
    padding-left: 3.2rem;
  }
}
@media (min-width: 1200px) {
  .contact_sidebar_inner {
    padding-left: 4rem;
  }
}
@media (min-width: 768px) {
  .contact_sidebar_inner {
    padding-bottom: 2.4rem;
  }
}
@media (min-width: 992px) {
  .contact_sidebar_inner {
    padding-bottom: 3.2rem;
  }
}
@media (min-width: 1200px) {
  .contact_sidebar_inner {
    padding-bottom: 4rem;
  }
}

.contact_us textarea {
  margin-bottom: 1.2rem;
}
@media (min-width: 768px) {
  .contact_us textarea {
    margin-bottom: 1.8rem;
  }
}
@media (min-width: 992px) {
  .contact_us textarea {
    margin-bottom: 2.4rem;
  }
}
@media (min-width: 1200px) {
  .contact_us textarea {
    margin-bottom: 3rem;
  }
}
.contact_us .form-group input, .contact_us .form-group textarea {
  height: 70px;
}

section.contact_us {
  padding-bottom: 1.6rem;
}
@media (min-width: 768px) {
  section.contact_us {
    padding-bottom: 2.4rem;
  }
}
@media (min-width: 992px) {
  section.contact_us {
    padding-bottom: 3.2rem;
  }
}
@media (min-width: 1200px) {
  section.contact_us {
    padding-bottom: 4rem;
  }
}
section.contact_us svg + p {
  padding-top: 1rem;
}

/*** hosting section ***/
.hosting {
  text-align: center;
}
.hosting .icon {
  height: 55px;
  margin-top: 15px;
}
@media (min-width: 768px) {
  .hosting .icon {
    height: 75px;
    margin-top: 20px;
  }
}
@media (min-width: 992px) {
  .hosting .icon {
    height: 55px;
    margin-top: 15px;
  }
}
@media (min-width: 1200px) {
  .hosting .icon {
    height: 55px;
    margin-top: 32px;
  }
}
.hosting .green_background .icon, .hosting .navbar .log_in_form .icon, .navbar .hosting .log_in_form .icon, .hosting .navbar .social_buttons .icon, .navbar .hosting .social_buttons .icon, .hosting .navbar .support_tab .icon, .navbar .hosting .support_tab .icon, .hosting .honeycomb_background .icon, .hosting .blue_background .icon, .hosting .darkgrey_background .icon {
  fill: #FFFFFF;
}

.hosting_column {
  text-align: center;
  margin-top: 1.2rem;
  margin-bottom: 2rem;
}
@media (min-width: 768px) {
  .hosting_column {
    margin-top: 1.8rem;
  }
}
@media (min-width: 992px) {
  .hosting_column {
    margin-top: 2.4rem;
  }
}
@media (min-width: 1200px) {
  .hosting_column {
    margin-top: 3rem;
  }
}
@media (min-width: 768px) {
  .hosting_column {
    margin-bottom: 3rem;
  }
}
@media (min-width: 992px) {
  .hosting_column {
    margin-bottom: 4rem;
  }
}
@media (min-width: 1200px) {
  .hosting_column {
    margin-bottom: 5rem;
  }
}
@media (min-width: 768px) {
  .hosting_column {
    margin-top: 1.2rem;
  }
}
@media (min-width: 768px) and (min-width: 768px) {
  .hosting_column {
    margin-top: 1.8rem;
  }
}
@media (min-width: 768px) and (min-width: 992px) {
  .hosting_column {
    margin-top: 2.4rem;
  }
}
@media (min-width: 768px) and (min-width: 1200px) {
  .hosting_column {
    margin-top: 3rem;
  }
}
@media (min-width: 992px) {
  .hosting_column {
    margin-top: 0px;
  }
}

.hosting_column_image {
  padding-bottom: 2rem;
}
@media (min-width: 768px) {
  .hosting_column_image {
    padding-bottom: 3rem;
  }
}
@media (min-width: 992px) {
  .hosting_column_image {
    padding-bottom: 4rem;
  }
}
@media (min-width: 1200px) {
  .hosting_column_image {
    padding-bottom: 5rem;
  }
}
.hosting_column_image .example img {
  width: 235px;
  height: 161px;
}
@media (min-width: 768px) {
  .hosting_column_image .example img {
    width: 335px;
    height: 230px;
  }
}
@media (min-width: 992px) {
  .hosting_column_image .example img {
    width: 235px;
    height: 161px;
  }
}
@media (min-width: 1200px) {
  .hosting_column_image .example img {
    width: 335px;
    height: 230px;
  }
}
.hosting_column_image .hexagon {
  width: 180px;
  height: 90px;
  margin-top: -45px;
}
@media (min-width: 768px) {
  .hosting_column_image .hexagon {
    width: 240px;
    height: 120px;
    margin-top: -60px;
  }
}
@media (min-width: 992px) {
  .hosting_column_image .hexagon {
    width: 180px;
    height: 90px;
    margin-top: -45px;
  }
}
@media (min-width: 1200px) {
  .hosting_column_image .hexagon {
    width: 240px;
    height: 120px;
    margin-top: -60px;
  }
}

/*styles for the premium responsibilities section**/
.premium_responsibilities {
  color: #777777;
}
.premium_responsibilities h4 {
  font-family: MuseoSansRounded-500, sans-serif;
}
.premium_responsibilities .comp_panel_holder {
  border: 0px;
}
.premium_responsibilities .comp_panel.middle {
  margin-bottom: 2rem;
}
@media (min-width: 768px) {
  .premium_responsibilities .comp_panel.middle {
    margin-bottom: 3rem;
  }
}
@media (min-width: 992px) {
  .premium_responsibilities .comp_panel.middle {
    margin-bottom: 4rem;
  }
}
@media (min-width: 1200px) {
  .premium_responsibilities .comp_panel.middle {
    margin-bottom: 5rem;
  }
}
.premium_responsibilities .grey_bar {
  font-family: MuseoSansRounded-300, sans-serif;
  font-size: 25px;
  color: #1d1d1b;
  text-transform: uppercase;
  background: none;
  padding-left: 0;
  padding-right: 0;
}
@media (min-width: 992px) {
  .premium_responsibilities .row:first-of-type {
    display: flex;
    justify-content: center;
  }
  .premium_responsibilities .middle_copy {
    width: 40%;
    padding-left: 0;
    padding-right: 0;
    display: flex;
    flex-direction: column;
  }
}
@media (min-width: 1200px) {
  .premium_responsibilities .grey_bar {
    white-space: nowrap;
    text-indent: 25px;
  }
  .premium_responsibilities .middle_list li {
    text-indent: 25px;
  }
}
.premium_responsibilities .middle_list li {
  margin-left: 0;
  color: #777777;
}
.premium_responsibilities .middle_list li::before {
  content: "";
  background-image: url("../assets/img/hexagon.svg");
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-right: 10px;
  padding: 0;
  float: none;
  background-size: contain;
  background-repeat: no-repeat;
  transform: translateY(4px);
}

.comp_chart .middle .comp_panel_holder .primary_button {
  width: 30%;
}

.top_bar, .grey_bar {
  background-color: #ededed;
  padding-top: 0.4rem;
  padding-bottom: 0.4rem;
  padding-left: 1.2rem;
  padding-right: 1.2rem;
  font-family: MuseoSansRounded-500, sans-serif;
}
@media (min-width: 768px) {
  .top_bar, .grey_bar {
    padding-top: 0.6rem;
  }
}
@media (min-width: 992px) {
  .top_bar, .grey_bar {
    padding-top: 0.8rem;
  }
}
@media (min-width: 1200px) {
  .top_bar, .grey_bar {
    padding-top: 1rem;
  }
}
@media (min-width: 768px) {
  .top_bar, .grey_bar {
    padding-bottom: 0.6rem;
  }
}
@media (min-width: 992px) {
  .top_bar, .grey_bar {
    padding-bottom: 0.8rem;
  }
}
@media (min-width: 1200px) {
  .top_bar, .grey_bar {
    padding-bottom: 1rem;
  }
}
@media (min-width: 768px) {
  .top_bar, .grey_bar {
    padding-left: 1.8rem;
  }
}
@media (min-width: 992px) {
  .top_bar, .grey_bar {
    padding-left: 2.4rem;
  }
}
@media (min-width: 1200px) {
  .top_bar, .grey_bar {
    padding-left: 3rem;
  }
}
@media (min-width: 768px) {
  .top_bar, .grey_bar {
    padding-right: 1.8rem;
  }
}
@media (min-width: 992px) {
  .top_bar, .grey_bar {
    padding-right: 2.4rem;
  }
}
@media (min-width: 1200px) {
  .top_bar, .grey_bar {
    padding-right: 3rem;
  }
}

.top_bar {
  text-align: center;
  text-transform: uppercase;
  font-size: 1.5rem;
}
@media (min-width: 768px) {
  .top_bar {
    font-size: 1.5rem;
  }
}
@media (min-width: 992px) {
  .top_bar {
    font-size: 1.5rem;
  }
}
@media (min-width: 1200px) {
  .top_bar {
    font-size: 1.5rem;
  }
}

.grey_bar {
  margin-bottom: 0.8rem;
}
@media (min-width: 768px) {
  .grey_bar {
    margin-bottom: 1.2rem;
  }
}
@media (min-width: 992px) {
  .grey_bar {
    margin-bottom: 1.6rem;
  }
}
@media (min-width: 1200px) {
  .grey_bar {
    margin-bottom: 2rem;
  }
}

/*this 'middle' is now full width*/
.middle_copy {
  text-align: left;
  font-size: 1.5rem;
  margin-top: 1.2rem;
  padding-bottom: 2rem;
}
@media (min-width: 768px) {
  .middle_copy {
    font-size: 1.5rem;
  }
}
@media (min-width: 992px) {
  .middle_copy {
    font-size: 1.5rem;
  }
}
@media (min-width: 1200px) {
  .middle_copy {
    font-size: 1.5rem;
  }
}
@media (min-width: 768px) {
  .middle_copy {
    margin-top: 1.8rem;
  }
}
@media (min-width: 992px) {
  .middle_copy {
    margin-top: 2.4rem;
  }
}
@media (min-width: 1200px) {
  .middle_copy {
    margin-top: 3rem;
  }
}
@media (min-width: 768px) {
  .middle_copy {
    padding-bottom: 3rem;
  }
}
@media (min-width: 992px) {
  .middle_copy {
    padding-bottom: 4rem;
  }
}
@media (min-width: 1200px) {
  .middle_copy {
    padding-bottom: 5rem;
  }
}

.middle_list, .middle_list li {
  padding: 0 0 0 10px;
  margin: 0;
  list-style: none;
}

.middle_list li {
  margin-left: 0.8rem;
  margin-bottom: 0.8rem;
}
@media (min-width: 768px) {
  .middle_list li {
    margin-left: 1.2rem;
  }
}
@media (min-width: 992px) {
  .middle_list li {
    margin-left: 1.6rem;
  }
}
@media (min-width: 1200px) {
  .middle_list li {
    margin-left: 2rem;
  }
}
@media (min-width: 768px) {
  .middle_list li {
    margin-bottom: 1.2rem;
  }
}
@media (min-width: 992px) {
  .middle_list li {
    margin-bottom: 1.6rem;
  }
}
@media (min-width: 1200px) {
  .middle_list li {
    margin-bottom: 2rem;
  }
}

.middle_list li a {
  color: #333;
  border-bottom: 2px dotted #ccc;
}

.middle_list li:before {
  content: "\f111";
  font-family: "FontAwesome";
  font-size: 1rem;
  float: left;
  color: #63b770;
  margin-right: 0.4rem;
  padding-top: 0.2rem;
}
@media (min-width: 768px) {
  .middle_list li:before {
    font-size: 1rem;
  }
}
@media (min-width: 992px) {
  .middle_list li:before {
    font-size: 1rem;
  }
}
@media (min-width: 1200px) {
  .middle_list li:before {
    font-size: 1rem;
  }
}
@media (min-width: 768px) {
  .middle_list li:before {
    margin-right: 0.6rem;
  }
}
@media (min-width: 992px) {
  .middle_list li:before {
    margin-right: 0.8rem;
  }
}
@media (min-width: 1200px) {
  .middle_list li:before {
    margin-right: 1rem;
  }
}
@media (min-width: 768px) {
  .middle_list li:before {
    padding-top: 0.3rem;
  }
}
@media (min-width: 992px) {
  .middle_list li:before {
    padding-top: 0.4rem;
  }
}
@media (min-width: 1200px) {
  .middle_list li:before {
    padding-top: 0.5rem;
  }
}

/*left + right lists*/
.left_list, .right_list, .right_list li {
  padding: 0;
  margin: 0;
  list-style: none;
}

.left_list li {
  margin-left: 1.2rem;
}
@media (min-width: 768px) {
  .left_list li {
    margin-left: 1.8rem;
  }
}
@media (min-width: 992px) {
  .left_list li {
    margin-left: 2.4rem;
  }
}
@media (min-width: 1200px) {
  .left_list li {
    margin-left: 3rem;
  }
}

.right_list li {
  margin-right: 1.2rem;
}
@media (min-width: 768px) {
  .right_list li {
    margin-right: 1.8rem;
  }
}
@media (min-width: 992px) {
  .right_list li {
    margin-right: 2.4rem;
  }
}
@media (min-width: 1200px) {
  .right_list li {
    margin-right: 3rem;
  }
}

.left_list li:before {
  content: "\f137";
  float: left;
}

.right_list li:before {
  content: "\f138";
  float: right;
}

.left_list li:before, .right_list li:before {
  font-family: "FontAwesome";
  font-size: 3.25rem;
  color: #63b770;
  line-height: 0.75;
}
@media (min-width: 768px) {
  .left_list li:before, .right_list li:before {
    font-size: 3.5rem;
  }
}
@media (min-width: 992px) {
  .left_list li:before, .right_list li:before {
    font-size: 3.75rem;
  }
}
@media (min-width: 1200px) {
  .left_list li:before, .right_list li:before {
    font-size: 4rem;
  }
}

.right_button h4 {
  text-align: left;
  padding-left: 2.4rem;
}
@media (min-width: 768px) {
  .right_button h4 {
    padding-left: 3.6rem;
  }
}
@media (min-width: 992px) {
  .right_button h4 {
    padding-left: 4.8rem;
  }
}
@media (min-width: 1200px) {
  .right_button h4 {
    padding-left: 6rem;
  }
}

.left_button h4 {
  text-align: right;
  padding-right: 2.8rem;
}
@media (min-width: 768px) {
  .left_button h4 {
    padding-right: 4.2rem;
  }
}
@media (min-width: 992px) {
  .left_button h4 {
    padding-right: 5.6rem;
  }
}
@media (min-width: 1200px) {
  .left_button h4 {
    padding-right: 7rem;
  }
}

.left_button h4, .right_button h4 {
  margin: 0px;
  margin-top: 0.4rem;
  margin-bottom: 0.4rem;
  font-size: 1.5rem;
}
@media (min-width: 768px) {
  .left_button h4, .right_button h4 {
    margin-top: 0.6rem;
  }
}
@media (min-width: 992px) {
  .left_button h4, .right_button h4 {
    margin-top: 0.8rem;
  }
}
@media (min-width: 1200px) {
  .left_button h4, .right_button h4 {
    margin-top: 1rem;
  }
}
@media (min-width: 768px) {
  .left_button h4, .right_button h4 {
    margin-bottom: 0.6rem;
  }
}
@media (min-width: 992px) {
  .left_button h4, .right_button h4 {
    margin-bottom: 0.8rem;
  }
}
@media (min-width: 1200px) {
  .left_button h4, .right_button h4 {
    margin-bottom: 1rem;
  }
}
@media (min-width: 768px) {
  .left_button h4, .right_button h4 {
    font-size: 1.75rem;
  }
}
@media (min-width: 992px) {
  .left_button h4, .right_button h4 {
    font-size: 2rem;
  }
}
@media (min-width: 1200px) {
  .left_button h4, .right_button h4 {
    font-size: 2.25rem;
  }
}

.log_in_page .comp_panel_2up {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
@media (min-width: 768px) {
  .log_in_page .comp_panel_2up {
    padding-left: 1.8rem;
  }
}
@media (min-width: 992px) {
  .log_in_page .comp_panel_2up {
    padding-left: 2.4rem;
  }
}
@media (min-width: 1200px) {
  .log_in_page .comp_panel_2up {
    padding-left: 3rem;
  }
}
@media (min-width: 768px) {
  .log_in_page .comp_panel_2up {
    padding-right: 1.8rem;
  }
}
@media (min-width: 992px) {
  .log_in_page .comp_panel_2up {
    padding-right: 2.4rem;
  }
}
@media (min-width: 1200px) {
  .log_in_page .comp_panel_2up {
    padding-right: 3rem;
  }
}
.log_in_page .comp_panel_2up p {
  text-align: left;
  height: auto;
  padding-bottom: 0.2rem;
}
@media (min-width: 768px) {
  .log_in_page .comp_panel_2up p {
    padding-bottom: 0.3rem;
  }
}
@media (min-width: 992px) {
  .log_in_page .comp_panel_2up p {
    padding-bottom: 0.4rem;
  }
}
@media (min-width: 1200px) {
  .log_in_page .comp_panel_2up p {
    padding-bottom: 0.5rem;
  }
}
@media (min-width: 992px) {
  .log_in_page .comp_panel_2up:first-child {
    border-right: 1px solid #cccccc;
  }
}
.log_in_page h2 {
  padding-top: 2.8rem;
}
@media (min-width: 768px) {
  .log_in_page h2 {
    padding-top: 4.2rem;
  }
}
@media (min-width: 992px) {
  .log_in_page h2 {
    padding-top: 5.6rem;
  }
}
@media (min-width: 1200px) {
  .log_in_page h2 {
    padding-top: 7rem;
  }
}
.log_in_page .row:last-child {
  clear: both;
}

.login_input {
  border-width: 1px;
  border-style: solid;
  border-color: #cccccc;
  color: #3c3c3b;
  border-radius: 6px;
  padding-top: 0.4rem;
  padding-bottom: 0.4rem;
  padding-left: 1.2rem;
  font-size: 1.5rem;
  width: 100%;
  box-sizing: border-box;
  line-height: 34px;
}
@media (min-width: 768px) {
  .login_input {
    padding-top: 0.6rem;
  }
}
@media (min-width: 992px) {
  .login_input {
    padding-top: 0.8rem;
  }
}
@media (min-width: 1200px) {
  .login_input {
    padding-top: 1rem;
  }
}
@media (min-width: 768px) {
  .login_input {
    padding-bottom: 0.6rem;
  }
}
@media (min-width: 992px) {
  .login_input {
    padding-bottom: 0.8rem;
  }
}
@media (min-width: 1200px) {
  .login_input {
    padding-bottom: 1rem;
  }
}
@media (min-width: 768px) {
  .login_input {
    padding-left: 1.8rem;
  }
}
@media (min-width: 992px) {
  .login_input {
    padding-left: 2.4rem;
  }
}
@media (min-width: 1200px) {
  .login_input {
    padding-left: 3rem;
  }
}
@media (min-width: 768px) {
  .login_input {
    font-size: 1.5rem;
  }
}
@media (min-width: 992px) {
  .login_input {
    font-size: 1.75rem;
  }
}
@media (min-width: 1200px) {
  .login_input {
    font-size: 2rem;
  }
}

.videoWrapper {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  padding-top: 25px;
  height: 0;
  margin-top: 0.4rem;
}
@media (min-width: 768px) {
  .videoWrapper {
    margin-top: 0.6rem;
  }
}
@media (min-width: 992px) {
  .videoWrapper {
    margin-top: 0.8rem;
  }
}
@media (min-width: 1200px) {
  .videoWrapper {
    margin-top: 1rem;
  }
}

.videoWrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.videoWrapper video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.comp_panel--wicons .comp_panel_holder {
  padding-top: 2.5em;
}

.comp-panel--premium {
  color: #fff;
  border-top: 5px solid #dc0000;
  background: #343434;
  border: 1px solid #343434;
}

.comp-panel--premium a {
  color: #fff;
}

.comp-panel--premium .pounds,
.comp-panel--premium .pound,
.comp-panel--premium .pence,
.comp-panel--premium p,
.comp-panel--premium h4 {
  color: #fff;
}

.comp-panel--premium .divider {
  background: #555;
}

.comp-panel--premium .popover {
  color: #666;
}

.reseller-disturber {
  margin-bottom: 0px;
  color: #fff;
  background: #343434;
  border: 1px solid #343434;
  margin: 30px 15px 0;
  padding: 0.5rem 3rem 2.5rem;
}
@media (min-width: 768px) {
  .reseller-disturber {
    color: #fff;
    background: #343434;
    border: 1px solid #343434;
    margin: 30px 15px 0 15px;
    padding: 2.5rem 3rem 2.5rem;
  }
}
.reseller-disturber h3 {
  margin-bottom: 5px;
}
@media (min-width: 768px) {
  .reseller-disturber h3 {
    margin-bottom: 0px;
    margin-top: 0px;
    font-size: 2rem;
    line-height: 44px;
  }
}
@media (min-width: 1200px) {
  .reseller-disturber h3 {
    font-size: 2.8rem;
  }
}
@media (min-width: 1200px) {
  .reseller-disturber {
    padding: 2rem 3rem 1.8rem;
  }
}

.reseller-disturber--headline {
  display: block;
  text-align: center;
  width: 100%;
}
@media (min-width: 768px) {
  .reseller-disturber--headline {
    text-align: left;
    width: 69%;
    margin-top: 0px;
  }
}
@media (min-width: 1200px) {
  .reseller-disturber--headline {
    font-size: 2.8rem;
    margin-left: 15px;
  }
}
.reseller-disturber--headline .rotate {
  padding: 13px 0;
  margin-top: 10px;
  margin-left: 0px;
  display: none;
  width: 100%;
  text-align: center;
}
@media (min-width: 768px) {
  .reseller-disturber--headline .rotate {
    font-size: 2rem;
    line-height: 50px;
    margin: 0;
    padding: 0;
    width: auto;
    text-align: left;
    padding: 10px 15px;
    margin-left: 15px;
  }
}
@media (min-width: 1200px) {
  .reseller-disturber--headline .rotate {
    font-size: 2.8rem;
    margin-left: 15px;
  }
}
@media (min-width: 768px) {
  .reseller-disturber--headline span {
    text-align: left;
    width: auto;
  }
}

.reseller-disturber--headline span {
  background: linear-gradient(45deg, #60b76c 46%, #428468);
  padding: 5px 15px;
  margin-left: 5px;
}

.reseller-disturber--headline,
.reseller-disturber--toggle {
  padding: 0 2rem;
  padding: 0px;
  display: inline-block;
  vertical-align: middle;
}

.reseller-disturber--toggle {
  float: right;
}

.reseller-disturber--button {
  width: 100%;
  margin-top: 10px;
  border: 2px solid #ffd900;
  border-radius: 5px;
  line-height: 50px;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  padding: 0 10px;
  display: block;
  font-family: MuseoSansRounded-500, sans-serif;
  float: right;
}
@media (min-width: 768px) {
  .reseller-disturber--button {
    width: auto;
    display: inline-block;
    margin-top: 2px;
    line-height: 44px;
  }
}
.reseller-disturber--button:hover {
  background-color: #ffd900;
  color: #ae7500;
  text-decoration: none;
}
.reseller-disturber--button:active {
  background-color: #ffd900;
  text-decoration: none;
  color: #fff;
}

.reseller-disturber--input {
  width: 28px;
  height: 28px;
  display: inline-block;
  position: relative;
  background: #fcfff4;
  border-radius: 50px;
  vertical-align: middle;
  margin-right: 10px;
}

.reseller-disturber--input input {
  display: none;
}

.reseller-disturber--input label {
  line-height: 4rem;
  width: 20px;
  height: 20px;
  cursor: pointer;
  position: absolute;
  left: 4px;
  top: 4px;
  background: #222222;
  border-radius: 50px;
  padding: 0px;
}

.reseller-disturber--label {
  line-height: 50px;
  margin-right: 50px;
}

.reseller-disturber--input label:after {
  content: "";
  width: 16px;
  height: 16px;
  position: absolute;
  top: 2px;
  left: 2px;
  background: #63B770;
  opacity: 0;
  border-radius: 50px;
}

.reseller-disturber--input label:hover::after {
  opacity: 0.3;
}

.reseller-disturber--input input[type=checkbox]:checked + label:after {
  opacity: 1;
}

@media screen and (max-width: 1200px) {
  .reseller-disturber--toggle {
    text-align: center;
    width: 100%;
  }
}
.yearly {
  display: none;
}

.salesChat {
  position: fixed;
  -webkit-transform-origin: 100% 100%;
  -webkit-transform: rotate(-270deg);
  right: 45px;
  top: 200px;
  background-color: #ffd800;
  padding: 0 12px;
  font-size: 10px;
  border-radius: 0 0 9px 9px;
  text-transform: uppercase;
  z-index: 999;
}

.salesChat a {
  line-height: 45px;
  display: block;
}

.pricingToggle {
  position: fixed;
  text-transform: uppercase;
  right: 0px;
  bottom: 0;
  background-color: #333;
  line-height: 49px;
  font-size: 10px;
  border-radius: 0 0;
  color: #fff;
  z-index: 999;
  width: 100%;
}
@media (min-width: 768px) {
  .pricingToggle {
    position: fixed;
    text-transform: uppercase;
    -webkit-transform-origin: 100% 100%;
    -webkit-transform: rotate(-270deg);
    right: 45px;
    top: 632px;
    bottom: auto;
    background-color: #333;
    line-height: 45px;
    font-size: 10px;
    border-radius: 0 0 9px 9px;
    color: #fff;
    z-index: 999;
    width: auto;
  }
}

.sideTabs input {
  display: none;
}

.pricingToggle__interval label, .pricingToggle__reseller label {
  margin: 0px;
}

.pricingToggle__interval {
  padding-left: 30px;
  padding-right: 30px;
}
@media only screen and (max-width: 520px) {
  .pricingToggle__interval {
    padding-top: 5px;
  }
}

.pricingToggle__interval, .pricingToggle__reseller {
  display: inline-block;
  border-left: 0px solid #666;
}
@media only screen and (max-width: 520px) {
  .pricingToggle__interval, .pricingToggle__reseller {
    text-align: center;
    width: 100%;
    border-bottom: 1px solid #666;
    border-left: 0px solid #666;
  }
}
@media (min-width: 768px) {
  .pricingToggle__interval, .pricingToggle__reseller {
    padding: 0 12px;
  }
}

.pricingToggle__reseller {
  z-index: 99;
  padding-left: 15px;
}
.pricingToggle__reseller .pricingToggle_tooltip {
  display: inline-block;
  padding-top: 10px;
  padding-right: 14px;
  padding-top: 0px;
}
@media only screen and (max-width: 520px) {
  .pricingToggle__reseller .pricingToggle_tooltip {
    border-left: 0px solid #666;
    z-index: 99;
    padding-left: 15px;
  }
}
@media (min-width: 768px) {
  .pricingToggle__reseller .pricingToggle_tooltip {
    transform: rotate(270deg);
    padding-top: 10px;
  }
}
.pricingToggle__reseller .pricingToggle_tooltip span {
  width: 20px;
  height: 20px;
  border: 2px solid #fff;
  border-radius: 100px;
  padding: 3px 7px;
  font-size: 12px;
  font-weight: 700;
  cursor: pointer;
  margin-left: 5px;
}
@media (min-width: 768px) {
  .pricingToggle__reseller .pricingToggle_tooltip span {
    margin-left: 0px;
  }
}
.pricingToggle__reseller .pricingToggle_tooltip span:hover {
  border: 2px solid gold;
  color: gold;
}
.pricingToggle__reseller .pricingToggle__hidden {
  background-color: #282828;
  padding-top: 35px;
  z-index: 1;
  padding-left: 18px;
  width: 142px;
  height: 210px;
  position: fixed;
  right: 34px;
  text-transform: none;
  top: -250px;
  -webkit-transform: rotate(270deg);
  line-height: 1.2;
  border-radius: 0 0 0 9px;
}
@media only screen and (max-width: 767px) {
  .pricingToggle__reseller .pricingToggle__hidden {
    background-color: #282828;
    padding-top: 16px;
    z-index: 1;
    padding-left: 18px;
    width: 100%;
    height: 100px;
    position: fixed;
    bottom: -100px;
    top: auto;
    transform: rotate(0deg);
    line-height: 1.2;
    border-radius: 0 0 0 0;
    left: 0;
  }
  .pricingToggle__reseller .pricingToggle__hidden br {
    display: none;
  }
}
@media only screen and (max-width: 520px) {
  .pricingToggle__reseller .pricingToggle__hidden {
    text-align: left;
    height: 120px;
    bottom: -120px;
  }
}
.pricingToggle__reseller .pricingToggle__hidden h2 {
  color: #fff;
  font-size: 17px;
  font-weight: 700;
  text-align: left;
}
.pricingToggle__reseller .pricingToggle__hidden p {
  color: #D4D4D4;
  font-size: 12px;
  margin-top: 5px;
}
.pricingToggle__reseller .pricingToggle__hidden a {
  color: gold;
  font-size: 13px;
  border-bottom: 1px dotted gold;
}
.pricingToggle__reseller .pricingToggle__hidden a:hover {
  text-decoration: none;
}

.pricingToggle__slider {
  display: inline-block;
  margin: 0 8px;
  vertical-align: middle;
}

.pricingToggle__slider #switch {
  display: block;
  background: #111;
  width: 50px;
  border-radius: 25px;
  vertical-align: middle;
  border: 5px solid #111;
}

.pricingToggle__slider #switch .handle {
  vertical-align: middle;
  height: 20px;
  width: 20px;
  border: none;
  display: block;
  background: #63B770;
}

.pricingToggle__checkbox {
  text-align: left;
  width: 28px;
  height: 28px;
  display: inline-block;
  position: relative;
  background: #000;
  border-radius: 50px;
  vertical-align: middle;
  margin-right: 10px;
}
@media only screen and (max-width: 520px) {
  .pricingToggle__checkbox {
    padding-top: 0px;
    border-bottom: 1px solid #111;
    text-align: left;
  }
}

.pricingToggle__checkbox label {
  width: 20px;
  height: 20px;
  cursor: pointer;
  position: absolute;
  left: 4px;
  top: 4px;
  background: #222222;
  border-radius: 50px;
  margin: 0px;
}

.pricingToggle__checkbox label:after {
  content: "";
  width: 20px;
  height: 20px;
  position: absolute;
  background: #63B770;
  opacity: 0;
  border-radius: 50px;
}

.pricingToggle__checkbox label:hover::after {
  opacity: 0.3;
}

.pricingToggle__checkbox input[type=checkbox]:checked + label:after {
  opacity: 1;
}

.padding-section-features {
  padding-top: 0px;
}
.padding-section-features .container .features-list, .padding-section-features .navbar .navbar-header .features-list, .navbar .padding-section-features .navbar-header .features-list, .padding-section-features .navbar .log_in_form .features-list, .navbar .padding-section-features .log_in_form .features-list, .padding-section-features .navbar .social_buttons .features-list, .navbar .padding-section-features .social_buttons .features-list, .padding-section-features .navbar .support_tab .features-list, .navbar .padding-section-features .support_tab .features-list, .padding-section-features .navbar #navbar .features-list, .navbar .padding-section-features #navbar .features-list {
  margin-top: 20px;
}

.domains-width .container, .domains-width .navbar .navbar-header, .navbar .domains-width .navbar-header, .domains-width .navbar .log_in_form, .navbar .domains-width .log_in_form, .domains-width .navbar .social_buttons, .navbar .domains-width .social_buttons, .domains-width .navbar .support_tab, .navbar .domains-width .support_tab, .domains-width .navbar #navbar, .navbar .domains-width #navbar {
  padding-left: 0px;
  padding-right: 0px;
}

.emarketing-width .features-list .comp_panel_1up {
  padding-left: 0px;
  padding-right: 0px;
}

.vps_page .features-list .comp_panel_1up .comp_panel_holder,
.reseller-vps_page .features-list .comp_panel_1up .comp_panel_holder {
  min-height: 450px;
  background-color: #fff;
}

@media (min-width: 768px) {
  .vps_page .features-list .comp_panel_1up .comp_panel_holder,
  .reseller-vps_page .features-list .comp_panel_1up .comp_panel_holder {
    background-color: #fff;
  }
}
.vps_page .features-list .comp_panel_1up .comp_panel_holder .comp_panel_3up,
.reseller-vps_page .features-list .comp_panel_1up .comp_panel_holder .comp_panel_3up {
  min-height: 245px;
}

.emarketing-width .features-list .comp_panel_1up .comp_panel_holder {
  margin-left: 32px;
}

.honeycomb_background .features-list .comp_panel_1up .comp_panel_holder .comp_panel_3up ul li a {
  color: #3c3c3b;
}

.features-list {
  margin-top: 50px;
}
.features-list a:hover {
  text-decoration: none;
}
.features-list h6 {
  margin-bottom: 30px;
}
.features-list .comp_panel_1up {
  display: block;
  min-height: 240px;
}
.features-list .comp_panel_1up .comp_panel_holder {
  min-height: 240px;
  background: #fff;
}
.features-list .comp_panel_1up .comp_panel_3up {
  margin-top: -40px;
  margin-bottom: 60px;
}
@media (min-width: 768px) {
  .features-list .comp_panel_1up .comp_panel_3up {
    margin-bottom: 60px;
  }
}
@media (min-width: 992px) {
  .features-list .comp_panel_1up .comp_panel_3up {
    margin-top: -20px;
    margin-bottom: 0px;
  }
}
.features-list .comp_panel_1up .comp_panel_3up ul {
  list-style: none;
}
.features-list .comp_panel_1up .comp_panel_3up ul li {
  font-size: 60px;
  list-style: none;
  text-align: left;
  line-height: 4px;
  padding-left: 10px;
  height: 53px;
}
@media (min-width: 992px) {
  .features-list .comp_panel_1up .comp_panel_3up ul li {
    height: 78px;
    font-size: 95px;
  }
}
.features-list .comp_panel_1up .comp_panel_3up ul li a {
  font-size: 1.5rem;
  text-align: left;
  padding-top: 0.2rem;
  padding-bottom: 0.2rem;
  position: relative;
  top: -17px;
}
@media (min-width: 768px) {
  .features-list .comp_panel_1up .comp_panel_3up ul li a {
    font-size: 1.5rem;
  }
}
@media (min-width: 992px) {
  .features-list .comp_panel_1up .comp_panel_3up ul li a {
    font-size: 1.5rem;
  }
}
@media (min-width: 1200px) {
  .features-list .comp_panel_1up .comp_panel_3up ul li a {
    font-size: 1.75rem;
  }
}
@media (min-width: 768px) {
  .features-list .comp_panel_1up .comp_panel_3up ul li a {
    padding-top: 0.3rem;
  }
}
@media (min-width: 992px) {
  .features-list .comp_panel_1up .comp_panel_3up ul li a {
    padding-top: 0.4rem;
  }
}
@media (min-width: 1200px) {
  .features-list .comp_panel_1up .comp_panel_3up ul li a {
    padding-top: 0.5rem;
  }
}
@media (min-width: 768px) {
  .features-list .comp_panel_1up .comp_panel_3up ul li a {
    padding-bottom: 0.3rem;
  }
}
@media (min-width: 992px) {
  .features-list .comp_panel_1up .comp_panel_3up ul li a {
    padding-bottom: 0.4rem;
  }
}
@media (min-width: 1200px) {
  .features-list .comp_panel_1up .comp_panel_3up ul li a {
    padding-bottom: 0.5rem;
  }
}
.features-list .comp_panel_1up .comp_panel_3up ul li:before {
  content: "";
  display: inline-block;
  height: 45px;
  width: 45px;
  background-image: url(/assets/img/vps/vps-checkbox.svg);
  background-size: contain;
  background-repeat: no-repeat;
  margin-left: -68px;
}

.trustpilot {
  background: url(../assets/img/ab/grafische-zahlen-hi.png);
  max-height: 324px;
  margin-top: 6rem;
  text-align: center;
  line-height: 24px;
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
@media (min-width: 768px) {
  .trustpilot {
    padding-top: 1.8rem;
  }
}
@media (min-width: 992px) {
  .trustpilot {
    padding-top: 2.4rem;
  }
}
@media (min-width: 1200px) {
  .trustpilot {
    padding-top: 3rem;
  }
}
@media (min-width: 768px) {
  .trustpilot {
    padding-bottom: 1.8rem;
  }
}
@media (min-width: 992px) {
  .trustpilot {
    padding-bottom: 2.4rem;
  }
}
@media (min-width: 1200px) {
  .trustpilot {
    padding-bottom: 3rem;
  }
}
.trustpilot.no-top-margin {
  margin-top: 0;
}
.trustpilot > .container, .navbar .trustpilot > .navbar-header, .navbar .trustpilot > .log_in_form, .navbar .trustpilot > .social_buttons, .navbar .trustpilot > .support_tab, .navbar .trustpilot > #navbar {
  width: 80%;
}
.trustpilot .quote {
  color: #242424;
  font-size: 20px;
}
.trustpilot .comp_panel_holder {
  padding-bottom: 20px;
  padding-top: 20px;
  font-weight: 300;
}
.trustpilot .comp_panel_holder a {
  color: #242424;
}
.trustpilot .comp_panel_holder .row {
  width: 75%;
  margin: 0 auto;
}
.trustpilot a, .trustpilot span, .trustpilot p {
  text-align: center;
}
@media (min-width: 768px) {
  .trustpilot a, .trustpilot span, .trustpilot p {
    text-align: left;
  }
}
.trustpilot h6 {
  width: 62%;
  text-align: left;
  float: left;
  font-size: 35px;
  padding-bottom: 0;
  color: #242424;
}
.trustpilot .trustpilot_small {
  background-color: transparent;
  padding: 0;
  position: absolute;
  right: 11%;
  text-align: right;
}
.trustpilot .trustpilot_small img {
  height: 28px;
  max-height: none;
  margin-bottom: 10px;
}
.trustpilot .trustpilot_small img + img {
  margin-left: 10px;
}
.trustpilot .trustpilot_small .container.text-center, .trustpilot .trustpilot_small .navbar .text-center.navbar-header, .navbar .trustpilot .trustpilot_small .text-center.navbar-header, .trustpilot .trustpilot_small .navbar .text-center.log_in_form, .navbar .trustpilot .trustpilot_small .text-center.log_in_form, .trustpilot .trustpilot_small .navbar .text-center.social_buttons, .navbar .trustpilot .trustpilot_small .text-center.social_buttons, .trustpilot .trustpilot_small .navbar .text-center.support_tab, .navbar .trustpilot .trustpilot_small .text-center.support_tab, .trustpilot .trustpilot_small .navbar .text-center#navbar, .navbar .trustpilot .trustpilot_small .text-center#navbar {
  width: auto;
  color: black;
  padding: 0;
}
.trustpilot .trustpilot_small a {
  color: #000;
  font-size: 16px;
}
.trustpilot .trustpilot_review {
  color: #242424;
  font-size: 20px;
  text-align: left;
  padding-top: 39px;
  margin-top: 55px;
  padding-left: 90px;
  background-repeat: no-repeat;
  background-image: url(../assets/img/ab/testimonial-ico.png);
  clear: both;
}
.trustpilot .trustpilot_review .name {
  font-style: italic;
  font-size: 16px;
}

section.trustpilot_small {
  padding: 3rem;
}

.trustpilot_small a {
  display: inline-block;
  text-decoration: none;
}
.trustpilot_small a:hover {
  color: #3c3c3b;
}
.trustpilot_small img {
  width: auto;
  max-height: 24px;
  vertical-align: middle;
}
.trustpilot_small .text {
  vertical-align: bottom;
}
.trustpilot_small .icon {
  margin-left: 25px;
  display: inline-block;
  vertical-align: text-bottom;
}

/*Changes in the testimonial pages*/
.customer_details_container {
  position: absolute;
  bottom: 60px;
  width: 100%;
}
@media (min-width: 1200px) {
  .customer_details_container {
    bottom: 0px;
  }
}
@media (min-width: 768px) {
  .customer_details_container .customer-details {
    display: block;
    text-align: right;
    padding-top: 0px;
  }
}
@media (min-width: 992px) {
  .customer_details_container .customer-details {
    padding-top: 0px;
    margin-top: -35px;
    bottom: -45px;
  }
}
@media (min-width: 1200px) {
  .customer_details_container .customer-details {
    padding-top: 0px;
    margin-bottom: 0rem;
    padding-top: 0;
    margin-top: -95px;
  }
}

.customer-details {
  display: none;
  width: 100%;
  clear: both;
  text-align: center;
  padding-top: 30px;
  font-size: 1.35rem;
  margin-bottom: -3.5rem;
  color: #cccccc;
}
.customer-details .name {
  font-family: MuseoSansRounded-500, sans-serif;
}
@media (min-width: 768px) {
  .customer-details {
    display: block;
    text-align: right;
    bottom: -20px;
    padding-top: 5px;
  }
}
@media (min-width: 992px) {
  .customer-details {
    padding-top: 0px;
    bottom: -45px;
  }
}
@media (min-width: 1200px) {
  .customer-details {
    padding-top: 0px;
    margin-bottom: -6.5rem;
  }
}
@media only screen and (min-width: 2400px) {
  .customer-details {
    padding-top: 260px;
    bottom: -260px !important;
  }
}

/* Changes in padding for the product pages*/
@media (min-width: 768px) {
  #customer-details-products.customer-details {
    padding-top: 55px;
  }
}
@media (min-width: 992px) {
  #customer-details-products.customer-details {
    padding-top: 40px;
    margin-bottom: -5rem;
  }
}
@media (min-width: 1200px) {
  #customer-details-products.customer-details {
    padding-top: 50px;
    margin-bottom: -6.3rem;
  }
}

.switch-wrap {
  font-family: MuseoSansRounded;
  font-size: 16px;
  font-weight: 300;
  width: auto;
  max-width: 100%;
  margin: 15px 0;
  border: 0.564853px solid #d8d8d8;
  border-radius: 4px;
  background: #fff;
  padding-top: 2rem;
  padding-bottom: 2rem;
  text-align: center;
}
.switch-wrap .switcher-col {
  display: inline-block;
  vertical-align: middle;
  width: 32%;
}
.switch-wrap .switcher {
  position: relative;
  cursor: pointer;
  width: 80px;
  height: 44px;
  border-radius: 40px;
  border: 1px solid #cacaca;
  box-shadow: inset 0 0 4px 0 rgba(0, 0, 0, 0.11);
  background-color: #ededed;
  z-index: 0;
  padding: 6px;
}
.switch-wrap .switcher::after {
  content: "";
  display: block;
  width: 30px;
  height: 30px;
  background-color: #63b770;
  border-radius: 50%;
  transition: transform 0.2s ease-in;
  z-index: 2;
}
.switch-wrap .switcher.left::after {
  transform: translateX(0);
}
.switch-wrap .switcher.right::after {
  transform: translateX(34px);
}

.comp_panel_holder .switch-wrap {
  font-size: 10px;
  font-weight: 300;
  line-height: 8.37px;
  width: 80%;
  height: 35px;
  background: #f8f8f8;
  margin: 0 0 20px;
  padding: 10px 12px;
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.16);
  border: none;
}
.comp_panel_holder .switcher {
  width: 32px;
  height: 16px;
  padding: 2px;
  border: none;
  box-shadow: inset 0 0 2.7247px rgba(0, 0, 0, 0.111478);
}
.comp_panel_holder .switcher.right:after {
  transform: translateX(14px);
}
.comp_panel_holder .switcher:after {
  height: 12px;
  width: 12px;
  transform: translateX(15px);
}

.switch-column {
  display: none;
  width: 100%;
}
.switch-column.active {
  display: block;
}

/*reqiuired for the config pages*/
.option-row {
  border-bottom: 1px solid #cccccc;
  padding-top: 0.4rem;
  padding-bottom: 0.4rem;
}
@media (min-width: 768px) {
  .option-row {
    padding-top: 0.6rem;
  }
}
@media (min-width: 992px) {
  .option-row {
    padding-top: 0.8rem;
  }
}
@media (min-width: 1200px) {
  .option-row {
    padding-top: 1rem;
  }
}
@media (min-width: 768px) {
  .option-row {
    padding-bottom: 0.6rem;
  }
}
@media (min-width: 992px) {
  .option-row {
    padding-bottom: 0.8rem;
  }
}
@media (min-width: 1200px) {
  .option-row {
    padding-bottom: 1rem;
  }
}
.option-row svg {
  fill: #777777;
  width: 20px;
  margin-right: 0.4rem;
}
@media (min-width: 768px) {
  .option-row svg {
    margin-right: 0.6rem;
  }
}
@media (min-width: 992px) {
  .option-row svg {
    margin-right: 0.8rem;
  }
}
@media (min-width: 1200px) {
  .option-row svg {
    margin-right: 1rem;
  }
}

.option-row:last-child {
  border-bottom: none;
}

.configurator h6 {
  font-size: 3.25rem;
}
@media (min-width: 768px) {
  .configurator h6 {
    font-size: 3.5rem;
  }
}
@media (min-width: 992px) {
  .configurator h6 {
    font-size: 3.75rem;
  }
}
@media (min-width: 1200px) {
  .configurator h6 {
    font-size: 4rem;
  }
}
.configurator h2 {
  margin-bottom: 0.4rem;
}
@media (min-width: 768px) {
  .configurator h2 {
    margin-bottom: 0.6rem;
  }
}
@media (min-width: 992px) {
  .configurator h2 {
    margin-bottom: 0.8rem;
  }
}
@media (min-width: 1200px) {
  .configurator h2 {
    margin-bottom: 1rem;
  }
}
.configurator .config-tooltip {
  text-align: right;
  font-size: 1rem;
  margin-bottom: 0.8rem;
}
@media (min-width: 768px) {
  .configurator .config-tooltip {
    font-size: 1rem;
  }
}
@media (min-width: 992px) {
  .configurator .config-tooltip {
    font-size: 1rem;
  }
}
@media (min-width: 1200px) {
  .configurator .config-tooltip {
    font-size: 1rem;
  }
}
@media (min-width: 768px) {
  .configurator .config-tooltip {
    margin-bottom: 1.2rem;
  }
}
@media (min-width: 992px) {
  .configurator .config-tooltip {
    margin-bottom: 1.6rem;
  }
}
@media (min-width: 1200px) {
  .configurator .config-tooltip {
    margin-bottom: 2rem;
  }
}
.configurator .affix {
  position: relative;
}
@media (min-width: 992px) {
  .configurator .affix {
    position: fixed;
  }
}
.configurator .comp_panel_holder {
  margin-bottom: 0.8rem;
  text-align: left;
}
@media (min-width: 768px) {
  .configurator .comp_panel_holder {
    margin-bottom: 1.2rem;
  }
}
@media (min-width: 992px) {
  .configurator .comp_panel_holder {
    margin-bottom: 1.6rem;
  }
}
@media (min-width: 1200px) {
  .configurator .comp_panel_holder {
    margin-bottom: 2rem;
  }
}
.configurator--vps {
  padding-top: 6rem;
}
.configurator__help {
  float: right;
  font-size: 1.1em;
  background-color: #cccccc;
  color: white;
  border-radius: 1000px;
  height: 30px;
  width: 30px;
  text-align: center;
  line-height: 30px;
}
.configurator__to-top {
  display: none;
  cursor: pointer;
  float: left;
  color: #63b770;
}
@media (min-width: 768px) {
  .configurator__to-top {
    display: inline-block;
  }
}
.configurator__to-payment {
  clear: both;
  display: none;
  cursor: pointer;
  float: right;
  color: #63b770;
}
@media (min-width: 768px) {
  .configurator__to-payment {
    display: inline-block;
  }
}

.option-row-selected {
  background-color: #ededed;
}

.config_row {
  border-bottom: 1px solid #777777;
  padding-top: 0.8rem;
  padding-bottom: 10%;
}
@media (min-width: 768px) {
  .config_row {
    padding-top: 1.2rem;
  }
}
@media (min-width: 992px) {
  .config_row {
    padding-top: 1.6rem;
  }
}
@media (min-width: 1200px) {
  .config_row {
    padding-top: 2rem;
  }
}

.was {
  text-decoration: line-through;
}

.sale {
  color: #63b770;
}

.config_banner {
  background-color: #63b770;
  color: #FFFFFF;
  padding-top: 0.2rem;
  padding-bottom: 0.2rem;
  padding-left: 0.2rem;
  padding-right: 0.2rem;
}
@media (min-width: 768px) {
  .config_banner {
    padding-top: 0.3rem;
  }
}
@media (min-width: 992px) {
  .config_banner {
    padding-top: 0.4rem;
  }
}
@media (min-width: 1200px) {
  .config_banner {
    padding-top: 0.5rem;
  }
}
@media (min-width: 768px) {
  .config_banner {
    padding-bottom: 0.3rem;
  }
}
@media (min-width: 992px) {
  .config_banner {
    padding-bottom: 0.4rem;
  }
}
@media (min-width: 1200px) {
  .config_banner {
    padding-bottom: 0.5rem;
  }
}
@media (min-width: 768px) {
  .config_banner {
    padding-left: 0.3rem;
  }
}
@media (min-width: 992px) {
  .config_banner {
    padding-left: 0.4rem;
  }
}
@media (min-width: 1200px) {
  .config_banner {
    padding-left: 0.5rem;
  }
}
@media (min-width: 768px) {
  .config_banner {
    padding-right: 0.3rem;
  }
}
@media (min-width: 992px) {
  .config_banner {
    padding-right: 0.4rem;
  }
}
@media (min-width: 1200px) {
  .config_banner {
    padding-right: 0.5rem;
  }
}

@media (min-width: 1200px) {
  /*.config_banner:before {
    content: "";
    position: absolute;
    left: 15px;
    top: 0;
    width: 0;
    height: 0;
  	border-top: 28px solid transparent;
  	border-left: 20px solid $primary-color-3;
  	border-bottom: 28px solid transparent;
  }*/
}
.config_award_logos {
  text-align: center;
}
.config_award_logos img {
  display: none;
}
@media (min-width: 992px) {
  .config_award_logos img {
    display: inline-block;
    height: 65px;
  }
}

.gradient-tag {
  margin: 0px 15px;
  text-transform: uppercase;
  padding: 5px 15px;
  color: #fff;
  background: #1a355d; /* Old browsers */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #1a355d 0%, #63b770 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.radio-group {
  margin: 20px 0px;
}
.radio-group__label {
  color: black;
}

.config_radio {
  opacity: 0;
  position: absolute;
}

.config_radio, .config_radio-label {
  cursor: pointer;
}

.config_radio-label {
  font-weight: 300;
  position: relative;
}

.config_radio-description {
  padding-left: 43px;
  font-weight: 300;
  font-family: MuseoSansRounded-300, sans-serif;
}

.config_radio + .config_radio-label:before {
  content: "";
  background: #FFFFFF;
  border: 2px solid #ededed;
  display: inline-block;
  vertical-align: middle;
  width: 25px;
  height: 25px;
  margin-right: 15px;
}

.config_radio + .config_radio-label:before {
  border-radius: 50%;
}

.config_radio:checked + .config_radio-label:before {
  background: #63b770;
}

.config_radio:focus + .config_radio-label {
  outline: 1px solid #ededed; /* focus style */
}

#drive-slider, #memory-slider, #domain-slider {
  width: 100%;
}

@media (min-width: 992px) {
  .sticky_config.affix {
    position: fixed;
    top: 0;
  }
}

.configurator-section .configurator-section__title {
  margin-bottom: 0;
  padding-bottom: 20px;
}
.configurator-section--minimised .configurator-section__title {
  line-height: 47px;
  padding-bottom: 0;
}
.configurator-section--inline {
  margin-top: 40px;
}

.progress-bar {
  height: 50px;
}
.progress-bar__inner {
  position: relative;
  padding-left: 0;
  padding-right: 0;
}
.progress-bar__start {
  display: inline-block;
  position: absolute;
  height: 50px;
  right: 0;
  width: 100%;
  left: -100%;
  background: #333333;
}
.progress-bar__stage {
  cursor: pointer;
  font: MuseoSansRounded-300, sans-serif;
  display: inline-block;
  text-align: center;
  line-height: 50px;
  text-transform: uppercase;
  padding: 0 2.6em;
  color: #242424;
  font-size: 0.7em;
  font-weight: 200;
  position: relative;
}
.progress-bar__stage--current {
  background: #333333;
  color: #FFFFFF;
}
.progress-bar__stage--current:after {
  content: "";
  background: url("/assets/img/configurator/progress-end.jpg");
  height: 50px;
  width: 21px;
  top: 0;
  right: 0;
  position: absolute;
}
.progress-bar__stage--complete {
  background: #333333;
  color: #FFFFFF;
}

@media (min-width: 968px) and (max-width: 1200px) {
  .package-version {
    min-height: 234px;
  }
}
.vps-package {
  text-align: center;
  margin-top: 30px;
}
.vps-package__title {
  border: 1px solid #cccccc;
  border-bottom: none;
  margin: 0;
  font-family: MuseoSansRounded-500, sans-serif;
  background: #f5f5f5;
  text-align: center;
  color: #242424;
  text-transform: uppercase;
  height: 40px;
  line-height: 40px;
  font-size: 0.9em;
}
.vps-package .package-version {
  cursor: pointer;
  box-sizing: border-box;
  padding: 20px 10px;
  text-align: center;
  border: 1px solid #cccccc;
}
.vps-package .package-version:hover:not(.package-version--disabled) {
  border: 1px solid #63b770;
  border-right: 1px solid #63b770;
}
.vps-package .package-version--disabled {
  background: lightgrey;
  cursor: not-allowed !important;
}
.vps-package .package-version.package-version--selected {
  background: #63b770;
  border-color: #63b770;
  color: #FFFFFF;
}
.vps-package .package-version.package-version--selected .package-version__title {
  color: #FFFFFF;
}
.vps-package .package-version.package-version--selected .package-version__price {
  color: #FFFFFF;
}
.vps-package .package-version:first-child:not(.package-version:last-child) {
  border-right: none;
}
.vps-package .package-version:first-child:not(.package-version:last-child):hover:not(.package-version--disabled) {
  border-right: 1px solid #63b770;
}
.vps-package .package-version__title {
  font-family: MuseoSansRounded-500, sans-serif;
  color: #242424;
}
.vps-package .package-version__price {
  color: #777777;
  font-size: 0.8em;
}
.vps-package .package-version__attribute {
  font-size: 15px;
}

@media (min-width: 996px) {
  .block_1.-vps {
    width: 73%;
  }
  .block_2.-vps {
    width: 27%;
  }
  .block_2.-vps .block_2_inner {
    margin-left: 0px;
  }
}
.vps-option {
  padding-left: 10px;
  padding-right: 10px;
  margin-top: 20px;
  text-align: center;
  cursor: pointer;
}
.vps-option__content.-plesk {
  padding-bottom: 0px;
  min-height: 405px;
}
@media (min-width: 1200px) {
  .vps-option__content.-plesk {
    min-height: 450px;
  }
}
.vps-option__content-fix {
  min-height: 396px;
  position: relative;
}
@media (min-width: 1200px) {
  .vps-option__content-fix {
    min-height: 441px;
  }
}
.vps-option__content {
  border: 1px solid #cccccc;
  padding: 15px;
  position: relative;
}
.vps-option__content:hover {
  border-color: #63b770;
}
.vps-option__content.vps-option__content--selected {
  background: #63b770;
  border-color: #63b770;
  color: #FFFFFF !important;
  fill: #FFFFFF !important;
}
.vps-option__content.vps-option__content--selected .vps-option__title {
  color: #FFFFFF;
}
.vps-option__content.vps-option__content--selected .vps-option__stat.-bold {
  color: #FFFFFF;
}
.vps-option__content.vps-option__content--selected path, .vps-option__content.vps-option__content--selected polygon {
  fill: #FFFFFF !important;
}
.vps-option__content.vps-option__content--selected .img--green {
  fill: #63b770 !important;
}
.vps-option__content.vps-option__content--selected .img--green path, .vps-option__content.vps-option__content--selected .img--green polygon {
  fill: #63b770 !important;
}
.vps-option__content.vps-option__content--selected .vps-option__circle {
  color: #63b770;
  background: white;
}
.vps-option__content--unavailable {
  cursor: not-allowed;
  background: #e2e2e2;
}
.vps-option__content--unavailable:hover {
  border-color: #cccccc;
  box-shadow: none;
}
.vps-option__content--unavailable:after {
  content: "Not available with this OS";
  text-transform: uppercase;
  text-align: center;
  top: 25px;
  position: absolute;
  width: 100%;
  background: #cccccc;
  color: #FFFFFF;
  font-size: 0.6em;
  padding: 5px;
  left: 0;
}
.vps-option__content--unavailable path {
  fill: #d2cfcf !important;
}
.vps-option__image {
  width: 65px;
  height: 65px;
  margin: 0 auto;
}
.vps-option__circle {
  width: 65px;
  height: 65px;
  margin: 0 auto;
  line-height: 65px;
  border-radius: 50%;
  background: #63b770;
  color: white;
  font-family: "Verdana";
}
.vps-option__title {
  font-size: 0.9em;
  color: #242424;
  min-height: 61px;
  height: 61px;
  overflow: visible;
}
.vps-option__title.-plesk {
  min-height: 0;
  font-family: MuseoSansRounded-700, sans-serif;
}
.vps-option__summary {
  padding: 0 6px;
  font-family: MuseoSansRounded-300, sans-serif;
  font-size: 0.8em;
  margin-bottom: 10px;
}
.vps-option__stats {
  font-size: 0.9em;
  line-height: 30px;
  font-weight: 300;
}
.vps-option__stat {
  border-top: solid 1px #eee;
}
.vps-option__stat.-bold {
  font-family: MuseoSansRounded-700, sans-serif;
  color: #020202;
}
.vps-option__price.-plesk {
  position: absolute;
  bottom: 18px;
  width: 100%;
  text-align: center;
}
.vps-option__price {
  font-size: 0.6em;
}

.configurator__back {
  color: #63b770;
  margin-bottom: 15px;
  cursor: pointer;
}
.configurator__back--summary {
  margin-top: 20px;
  text-align: center;
  color: #92928f;
  margin-bottom: 0px;
}

.payment-option {
  cursor: pointer;
  padding: 5px 10px;
}
.payment-option__label {
  line-height: 1.8em;
}
.payment-option__price {
  float: right;
  line-height: 1.8em;
}
.payment-option__saving {
  float: left;
  background: #bb2200;
  color: white;
  font-size: 0.9em;
  padding: 5px 10px;
  text-transform: uppercase;
}

.tab-pane.subnav {
  display: none;
}

.configurator__radio-section {
  margin-bottom: 30px;
}

.summary .row {
  padding: 0px;
}
.summary .col {
  padding-left: 0px;
  padding-right: 0px;
}
.summary .col-xs-5, .summary .five_all {
  padding-right: 0;
}
.summary h4.summary__main-title {
  padding-bottom: 0.7em;
}
.summary__title {
  font-size: 1.1em;
  color: #3c3c3b;
  font-family: MuseoSansRounded-500, sans-serif;
}
.summary__title--top {
  margin-bottom: 15px;
}
.summary__main-price {
  font-size: 1.1em;
  color: #3c3c3b;
  font-family: MuseoSansRounded-500, sans-serif;
  text-align: right;
}
.summary__attribute {
  font-size: 0.8em;
  color: #3c3c3b;
}
.summary__attribute b {
  font-family: MuseoSansRounded-500, sans-serif;
}
.summary__attribute-price {
  font-size: 0.8em;
  color: #3c3c3b;
  text-align: right;
}
.summary__period {
  font-family: MuseoSansRounded-300, sans-serif;
  font-size: 0.6em;
}
.summary__submit [aria-label] {
  text-transform: none;
  opacity: 1;
}

.disk-message {
  color: #63b770;
  text-align: right;
}

.vps-option__title-plesk {
  height: 40px;
}

[class*=hint--] {
  position: relative;
  display: inline-block;
}

[class*=hint--]:after, [class*=hint--]:before {
  position: absolute;
  transform: translate3d(0, 0, 0);
  visibility: hidden;
  opacity: 0;
  z-index: 1000000;
  pointer-events: none;
  transition: 0.3s ease;
  transition-delay: 0s;
}

[class*=hint--]:hover:after, [class*=hint--]:hover:before {
  visibility: visible;
  opacity: 1;
  transition-delay: 0.1s;
}

[class*=hint--]:before {
  content: "";
  position: absolute;
  background: 0 0;
  border: 6px solid transparent;
  z-index: 1000001;
}

[class*=hint--]:after {
  background: #383838;
  color: #fff;
  padding: 8px 10px;
  font-size: 12px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  line-height: 12px;
  white-space: nowrap;
  text-shadow: 0 -1px 0 #000;
  box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.3);
}

[class*=hint--][aria-label]:after {
  content: attr(aria-label);
}

[class*=hint--][data-hint]:after {
  content: attr(data-hint);
}

[aria-label=""]:after, [aria-label=""]:before, [data-hint=""]:after, [data-hint=""]:before {
  display: none !important;
}

.hint--top-left:before, .hint--top-right:before, .hint--top:before {
  border-top-color: #383838;
}

.hint--bottom-left:before, .hint--bottom-right:before, .hint--bottom:before {
  border-bottom-color: #383838;
}

.hint--top:after, .hint--top:before {
  bottom: 100%;
  left: 50%;
}

.hint--top:before {
  margin-bottom: -11px;
  left: calc(50% - 6px);
}

.hint--top:after {
  transform: translateX(-50%);
}

.hint--top:hover:before {
  transform: translateY(-8px);
}

.hint--top:hover:after {
  transform: translateX(-50%) translateY(-8px);
}

.hint--bottom:after, .hint--bottom:before {
  top: 100%;
  left: 50%;
}

.hint--bottom:before {
  margin-top: -11px;
  left: calc(50% - 6px);
}

.hint--bottom:after {
  transform: translateX(-50%);
}

.hint--bottom:hover:before {
  transform: translateY(8px);
}

.hint--bottom:hover:after {
  transform: translateX(-50%) translateY(8px);
}

.hint--right:before {
  border-right-color: #383838;
  margin-left: -11px;
  margin-bottom: -6px;
}

.hint--right:after {
  margin-bottom: -14px;
}

.hint--right:after, .hint--right:before {
  left: 100%;
  bottom: 50%;
}

.hint--right:hover:after, .hint--right:hover:before {
  transform: translateX(8px);
}

.hint--left:before {
  border-left-color: #383838;
  margin-right: -11px;
  margin-bottom: -6px;
}

.hint--left:after {
  margin-bottom: -14px;
}

.hint--left:after, .hint--left:before {
  right: 100%;
  bottom: 50%;
}

.hint--left:hover:after, .hint--left:hover:before {
  transform: translateX(-8px);
}

.hint--top-left:after, .hint--top-left:before {
  bottom: 100%;
  left: 50%;
}

.hint--top-left:before {
  margin-bottom: -11px;
  left: calc(50% - 6px);
}

.hint--top-left:after {
  transform: translateX(-100%);
  margin-left: 12px;
}

.hint--top-left:hover:before {
  transform: translateY(-8px);
}

.hint--top-left:hover:after {
  transform: translateX(-100%) translateY(-8px);
}

.hint--top-right:after, .hint--top-right:before {
  bottom: 100%;
  left: 50%;
}

.hint--top-right:before {
  margin-bottom: -11px;
  left: calc(50% - 6px);
}

.hint--top-right:after {
  transform: translateX(0);
  margin-left: -12px;
}

.hint--top-right:hover:after, .hint--top-right:hover:before {
  transform: translateY(-8px);
}

.hint--bottom-left:after, .hint--bottom-left:before {
  top: 100%;
  left: 50%;
}

.hint--bottom-left:before {
  margin-top: -11px;
  left: calc(50% - 6px);
}

.hint--bottom-left:after {
  transform: translateX(-100%);
  margin-left: 12px;
}

.hint--bottom-left:hover:before {
  transform: translateY(8px);
}

.hint--bottom-left:hover:after {
  transform: translateX(-100%) translateY(8px);
}

.hint--bottom-right:after, .hint--bottom-right:before {
  top: 100%;
  left: 50%;
}

.hint--bottom-right:before {
  margin-top: -11px;
  left: calc(50% - 6px);
}

.hint--bottom-right:after {
  transform: translateX(0);
  margin-left: -12px;
}

.hint--bottom-right:hover:after, .hint--bottom-right:hover:before {
  transform: translateY(8px);
}

.hint--large:after, .hint--medium:after, .hint--small:after {
  white-space: normal;
  line-height: 1.4em;
  word-wrap: break-word;
}

.hint--small:after {
  width: 80px;
}

.hint--medium:after {
  width: 150px;
}

.hint--large:after {
  width: 300px;
}

.hint--error:after {
  background-color: #b34e4d;
  text-shadow: 0 -1px 0 #592726;
}

.hint--error.hint--top-left:before, .hint--error.hint--top-right:before, .hint--error.hint--top:before {
  border-top-color: #b34e4d;
}

.hint--error.hint--bottom-left:before, .hint--error.hint--bottom-right:before, .hint--error.hint--bottom:before {
  border-bottom-color: #b34e4d;
}

.hint--error.hint--left:before {
  border-left-color: #b34e4d;
}

.hint--error.hint--right:before {
  border-right-color: #b34e4d;
}

.hint--warning:after {
  background-color: #c09854;
  text-shadow: 0 -1px 0 #6c5328;
}

.hint--warning.hint--top-left:before, .hint--warning.hint--top-right:before, .hint--warning.hint--top:before {
  border-top-color: #c09854;
}

.hint--warning.hint--bottom-left:before, .hint--warning.hint--bottom-right:before, .hint--warning.hint--bottom:before {
  border-bottom-color: #c09854;
}

.hint--warning.hint--left:before {
  border-left-color: #c09854;
}

.hint--warning.hint--right:before {
  border-right-color: #c09854;
}

.hint--info:after {
  background-color: #3986ac;
  text-shadow: 0 -1px 0 #1a3c4d;
}

.hint--info.hint--top-left:before, .hint--info.hint--top-right:before, .hint--info.hint--top:before {
  border-top-color: #3986ac;
}

.hint--info.hint--bottom-left:before, .hint--info.hint--bottom-right:before, .hint--info.hint--bottom:before {
  border-bottom-color: #3986ac;
}

.hint--info.hint--left:before {
  border-left-color: #3986ac;
}

.hint--info.hint--right:before {
  border-right-color: #3986ac;
}

.hint--success:after {
  background-color: #458746;
  text-shadow: 0 -1px 0 #1a321a;
}

.hint--success.hint--top-left:before, .hint--success.hint--top-right:before, .hint--success.hint--top:before {
  border-top-color: #458746;
}

.hint--success.hint--bottom-left:before, .hint--success.hint--bottom-right:before, .hint--success.hint--bottom:before {
  border-bottom-color: #458746;
}

.hint--success.hint--left:before {
  border-left-color: #458746;
}

.hint--success.hint--right:before {
  border-right-color: #458746;
}

.hint--always:after, .hint--always:before {
  opacity: 1;
  visibility: visible;
}

.hint--always.hint--top:before {
  transform: translateY(-8px);
}

.hint--always.hint--top:after {
  transform: translateX(-50%) translateY(-8px);
}

.hint--always.hint--top-left:before {
  transform: translateY(-8px);
}

.hint--always.hint--top-left:after {
  transform: translateX(-100%) translateY(-8px);
}

.hint--always.hint--top-right:after, .hint--always.hint--top-right:before {
  transform: translateY(-8px);
}

.hint--always.hint--bottom:before {
  transform: translateY(8px);
}

.hint--always.hint--bottom:after {
  transform: translateX(-50%) translateY(8px);
}

.hint--always.hint--bottom-left:before {
  transform: translateY(8px);
}

.hint--always.hint--bottom-left:after {
  transform: translateX(-100%) translateY(8px);
}

.hint--always.hint--bottom-right:after, .hint--always.hint--bottom-right:before {
  transform: translateY(8px);
}

.hint--always.hint--left:after, .hint--always.hint--left:before {
  transform: translateX(-8px);
}

.hint--always.hint--right:after, .hint--always.hint--right:before {
  transform: translateX(8px);
}

.hint--rounded:after {
  border-radius: 4px;
}

.hint--no-animate:after, .hint--no-animate:before {
  transition-duration: 0s;
}

.hint--bounce:after, .hint--bounce:before {
  transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s cubic-bezier(0.71, 1.7, 0.77, 1.24);
}

.hint--bottom:hover:after {
  transform: translateX(-50%) translateY(8px);
  max-width: 106px;
  white-space: normal;
  text-align: center;
  max-width: 150px;
  min-width: 150px;
}

.hint--bottom:hover:after {
  white-space: normal;
  text-align: center;
  max-width: 150px;
  min-width: 150px;
}

[class*=hint--][aria-label]:after {
  white-space: normal;
  text-align: center;
  max-width: 150px;
  min-width: 150px;
}

#message-strip {
  padding: 2rem;
  background-color: #242424;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
#message-strip a {
  text-decoration: underline;
}

@media (min-width: 992px) {
  .web-hosting-crossselling .row {
    display: flex;
  }
}
.web-hosting-crossselling .comp_panel_2up,
.web-hosting-crossselling .comp_panel_3up {
  display: flex;
  flex-direction: column;
}
.web-hosting-crossselling .comp_panel_holder {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.web-hosting-crossselling .comp_panel_holder > img,
.web-hosting-crossselling .comp_panel_holder .web-hosting-crossselling__description {
  margin-bottom: 2rem;
}
@media (min-width: 768px) {
  .web-hosting-crossselling .comp_panel_holder > img,
  .web-hosting-crossselling .comp_panel_holder .web-hosting-crossselling__description {
    margin-bottom: 3rem;
  }
}
@media (min-width: 992px) {
  .web-hosting-crossselling .comp_panel_holder > img,
  .web-hosting-crossselling .comp_panel_holder .web-hosting-crossselling__description {
    margin-bottom: 4rem;
  }
}
@media (min-width: 1200px) {
  .web-hosting-crossselling .comp_panel_holder > img,
  .web-hosting-crossselling .comp_panel_holder .web-hosting-crossselling__description {
    margin-bottom: 5rem;
  }
}
.web-hosting-crossselling .comp_panel_holder a {
  border-bottom: 0;
}
.web-hosting-crossselling__description {
  font-size: 22px;
  font-weight: 300;
  color: #3b3b3b;
}
.web-hosting-crossselling h6 {
  text-align: left;
}
.web-hosting-crossselling--resellers .comp_panel_holder, .web-hosting-crossselling--overview .comp_panel_holder {
  padding: 0;
  text-align: left;
  background: none;
  border: none;
}
.web-hosting-crossselling--resellers .comp_panel_holder h6, .web-hosting-crossselling--overview .comp_panel_holder h6 {
  padding: 40px 0;
}
.web-hosting-crossselling--resellers .comp_panel_holder p, .web-hosting-crossselling--overview .comp_panel_holder p {
  height: auto;
}
.web-hosting-crossselling--resellers .comp_panel_holder > img, .web-hosting-crossselling--overview .comp_panel_holder > img {
  margin: auto;
}
.web-hosting-crossselling--resellers .web-hosting-crossselling__description, .web-hosting-crossselling--overview .web-hosting-crossselling__description {
  font-size: 17px;
}
@media (min-width: 768px) {
  .web-hosting-crossselling--resellers .web-hosting-crossselling__description, .web-hosting-crossselling--overview .web-hosting-crossselling__description {
    padding: 40px 0;
  }
}
.web-hosting-crossselling--resellers h6 > span, .web-hosting-crossselling--overview h6 > span {
  color: #da2a2a;
}
.web-hosting-crossselling--overview {
  background: #fff;
  padding-top: 2.8rem;
  padding-bottom: 2.8rem;
}
@media (min-width: 768px) {
  .web-hosting-crossselling--overview {
    padding-top: 4.2rem;
  }
}
@media (min-width: 992px) {
  .web-hosting-crossselling--overview {
    padding-top: 5.6rem;
  }
}
@media (min-width: 1200px) {
  .web-hosting-crossselling--overview {
    padding-top: 7rem;
  }
}
@media (min-width: 768px) {
  .web-hosting-crossselling--overview {
    padding-bottom: 4.2rem;
  }
}
@media (min-width: 992px) {
  .web-hosting-crossselling--overview {
    padding-bottom: 5.6rem;
  }
}
@media (min-width: 1200px) {
  .web-hosting-crossselling--overview {
    padding-bottom: 7rem;
  }
}
@media (min-width: 768px) {
  .web-hosting-crossselling--overview {
    padding-top: 1.6rem;
    padding-bottom: 1.6rem;
  }
}
@media (min-width: 768px) and (min-width: 768px) {
  .web-hosting-crossselling--overview {
    padding-top: 2.4rem;
  }
}
@media (min-width: 768px) and (min-width: 992px) {
  .web-hosting-crossselling--overview {
    padding-top: 3.2rem;
  }
}
@media (min-width: 768px) and (min-width: 1200px) {
  .web-hosting-crossselling--overview {
    padding-top: 4rem;
  }
}
@media (min-width: 768px) and (min-width: 768px) {
  .web-hosting-crossselling--overview {
    padding-bottom: 2.4rem;
  }
}
@media (min-width: 768px) and (min-width: 992px) {
  .web-hosting-crossselling--overview {
    padding-bottom: 3.2rem;
  }
}
@media (min-width: 768px) and (min-width: 1200px) {
  .web-hosting-crossselling--overview {
    padding-bottom: 4rem;
  }
}
.web-hosting-crossselling--overview .row > div:first-of-type {
  margin-bottom: 15px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.web-hosting-crossselling--overview h2 {
  font-family: MuseoSansRounded-500, sans-serif;
  width: 100%;
}
@media (min-width: 768px) {
  .web-hosting-crossselling--overview .row {
    display: flex;
  }
  .web-hosting-crossselling--overview .row > div:first-of-type {
    margin-bottom: 0;
  }
  .web-hosting-crossselling--overview img {
    width: 100%;
    height: auto;
  }
  .web-hosting-crossselling--overview h2 {
    text-align: left;
  }
  .web-hosting-crossselling--overview .web-hosting-crossselling__description {
    padding: 30px 0;
    margin-bottom: 0;
  }
}
.web-hosting-crossselling--resellers {
  min-height: 322px;
  display: flex;
  align-items: flex-end;
  padding: 0;
}
.web-hosting-crossselling--resellers h6 {
  font-family: MuseoSansRounded-500, sans-serif;
  font-size: 25px;
}
.web-hosting-crossselling--resellers .comp_panel_3up:nth-of-type(1n+2) {
  padding-bottom: 30px;
}
.web-hosting-crossselling--resellers .comp_panel_holder > img {
  margin-bottom: 0;
}

.price__previous, .price__current {
  font-size: 1.5rem;
}
@media (min-width: 768px) {
  .price__previous, .price__current {
    font-size: 1.5rem;
  }
}
@media (min-width: 992px) {
  .price__previous, .price__current {
    font-size: 1.5rem;
  }
}
@media (min-width: 1200px) {
  .price__previous, .price__current {
    font-size: 1.75rem;
  }
}
.price__previous {
  color: #da2a2a;
  margin-bottom: 20px;
  text-decoration: line-through;
  font-family: MuseoSansRounded-500, sans-serif;
}
.price__now {
  display: flex;
}
.price__now-title {
  display: none;
  font-size: 16px;
  font-family: MuseoSansRounded-500, sans-serif;
  margin-bottom: 20px;
  color: #da2a2a;
}

.comp_slider .comp_panel_holder .price__previous, .comp_slider .comp_panel_holder .price__now-title {
  margin-bottom: 0;
  text-transform: none;
  font-size: 1.5rem;
}
@media (min-width: 768px) {
  .comp_slider .comp_panel_holder .price__previous, .comp_slider .comp_panel_holder .price__now-title {
    font-size: 1.5rem;
  }
}
@media (min-width: 992px) {
  .comp_slider .comp_panel_holder .price__previous, .comp_slider .comp_panel_holder .price__now-title {
    font-size: 1.5rem;
  }
}
@media (min-width: 1200px) {
  .comp_slider .comp_panel_holder .price__previous, .comp_slider .comp_panel_holder .price__now-title {
    font-size: 1.75rem;
  }
}
.comp_slider .comp_panel_holder .price__now-title {
  padding-top: 10px;
}

hr.csm {
  border: none;
  margin: 0;
  height: 10px;
  background: #1a355d;
  /* Old browsers */
  /* FF3.6+ */
  /* Chrome,Safari4+ */
  /* Chrome10+,Safari5.1+ */
  /* Opera 11.10+ */
  /* IE10+ */
  background: linear-gradient(to right, #1a355d 0%, #63b770 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1a355d", endColorstr="#63b770", GradientType=1);
  /* IE6-9 */
}

.extensions {
  display: flex;
  flex-wrap: wrap;
}
@media (min-width: 768px) {
  .extensions {
    align-items: flex-start;
  }
}
.extensions__item {
  background: #FFF;
  border-radius: 3px;
  padding: 30px;
  position: relative;
  margin-bottom: 30px;
}
@media (min-width: 768px) {
  .extensions__item {
    min-height: 340px;
    width: calc(50% - 15px * 2);
    margin: 15px;
  }
}
@media (min-width: 992px) {
  .extensions__item {
    min-height: 270px;
  }
}
@media (min-width: 1200px) {
  .extensions__item {
    min-height: 340px;
    width: calc(33% - 15px * 2);
    margin: 15px;
  }
}
.extensions__header {
  position: absolute;
  height: 53px;
  display: flex;
  align-items: center;
}
.extensions__title {
  font-family: MuseoSansRounded-500, sans-serif;
  font-size: 21px;
  color: #242424;
}
.extensions__content {
  padding-top: 53px;
}
.extensions__content .hexagon-list {
  padding: 15px 0 0;
}
.extensions__content .hexagon-list .premium_row {
  color: #565656;
  padding-left: 0;
  margin-bottom: 10px;
}
.extensions__content .hexagon-list .premium_row > *:first-child {
  display: block;
  padding-left: 28px;
  margin-bottom: 5px;
}
.extensions__content .hexagon-list .premium_row:not(.no-icon)::before {
  top: 5px;
  transform: none;
}
@media (min-width: 992px) {
  .extensions__content .hexagon-list .premium_row:not(.no-icon)::before {
    top: 8px;
  }
}
@media (min-width: 1200px) {
  .extensions__content .hexagon-list .premium_row:not(.no-icon)::before {
    top: 11px;
  }
}
.extensions__content .hexagon-list .premium_row:first-of-type:not(.no-icon)::before {
  top: 1px;
}
.extensions__footer {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.extensions__toggle {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 9999px;
  background: #F8F8F8;
  width: 53px;
  height: 53px;
  box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.1);
  cursor: pointer;
  transition: background 0.3s ease;
  align-self: flex-end;
  margin-bottom: 30px;
}
.extensions__toggle > img {
  transform: translateY(2px);
  transition: transform 0.1s ease;
}
.extensions__toggle--toggled > img {
  transform: translateY(2px) rotate(180deg);
}
.extensions__toggle:hover {
  background: rgb(235.25, 235.25, 235.25);
}
.extensions__description {
  font-size: 15px;
  color: #565656;
}

.kumo_container {
  display: flex;
}

.kumo {
  padding-top: 170px;
  background-color: #2D3134;
  width: 40%;
  background-image: url(../assets/case-studies/kumo.png);
  background-repeat: no-repeat;
  background-position: top right;
}
.kumo h1,
.kumo p {
  color: #FFF;
  text-align: left;
}
.kumo h1 {
  font-family: MuseoSansRounded-500;
  font-size: 40px;
}
.kumo p {
  margin-top: 30px;
  font-family: MuseoSansRounded-300;
  font-size: 22px;
}
.kumo > div {
  width: 285px;
  float: right;
  margin-right: 40px;
}

.kumo_agency {
  width: 60%;
  overflow: hidden;
}
.kumo_agency > div {
  color: #000;
  padding: 20px;
  font-size: 25px;
  font-family: MuseoSansRounded-500;
}
.kumo_agency > div img {
  width: 180px;
  margin-left: 20px;
}

.kumo_agency_background {
  margin-left: 20px;
  width: 100%;
  height: 100%;
  background-image: url(../assets/img/ab/kumodigital.png);
  background-repeat: no-repeat;
  background-size: auto 100%;
  background-position-x: -79px;
}

.radio-table {
  max-width: 440px;
  margin: 0 auto;
}
@media (min-width: 992px) {
  .radio-table {
    max-width: 1067px;
  }
}
.radio-table__y-container {
  cursor: pointer;
}
.radio-table__y-container:hover .radio-table__radio-button::after {
  opacity: 0.3;
}
.radio-table__radio-button {
  position: relative;
  width: 26px;
  height: 26px;
}
.radio-table__radio-button::before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 26px;
  height: 26px;
  border-radius: 100%;
  border: 1px solid #DDDDDD;
  transition: border 0.3s ease;
}
.radio-table__radio-button::after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 14px;
  height: 14px;
  border-radius: 100%;
  background-color: #FED911;
  opacity: 0;
  transition: opacity 0.3s ease;
}
.radio-table__radio-button--current::before {
  border-color: #242424;
}
.radio-table__radio-button--current::after {
  opacity: 1;
}
.radio-table .gradient-underline.position-absolute {
  max-width: calc(100% - 6rem) !important;
  margin-top: -15px;
}
.radio-table__header {
  height: 80px;
}
@media (min-width: 992px) {
  .radio-table__header {
    height: 60px;
  }
}
@media (min-width: 992px) {
  .radio-table__cta {
    height: 100px;
  }
}
.radio-table__cell {
  height: 80px;
}
@media (min-width: 992px) {
  .radio-table__cell {
    border-bottom: 1px solid #DDDDDD;
  }
}
.radio-table__additions {
  padding-right: 60px;
}
.radio-table__additions-label {
  right: 45px;
}
@media (min-width: 992px) {
  .radio-table__additions-label {
    position: static !important;
    right: auto;
  }
}
.radio-table__x-container {
  border-bottom: 1px solid #DDDDDD;
}
.radio-table__x-container:last-of-type {
  border-bottom: none;
}
@media (min-width: 992px) {
  .radio-table__x-container {
    border: none;
  }
}
.radio-table__x-container .radio-table__amount {
  width: 36px;
}
@media (min-width: 992px) {
  .radio-table__x-container .radio-table__amount {
    width: auto;
  }
}
.radio-table__y-container::after {
  content: "";
  width: 100%;
  position: absolute;
  border-bottom: 1px solid #DDDDDD;
  bottom: 10px;
}
@media (min-width: 992px) {
  .radio-table__y-container::after {
    content: none;
  }
}
.radio-table__y-container:nth-last-child(2)::after {
  width: calc(100% + 6rem);
  left: -3rem;
}
.radio-table .primary_button {
  width: 100px;
  height: 40px;
  padding: 0;
  border: none;
}

._page #header form {
  display: none;
}

@media (min-width: 992px) {
  section.lownav_top {
    height: auto;
  }
}

/*** hero section ***/
.hero {
  padding-top: 3.6rem;
  padding-bottom: 2.8rem;
  position: relative;
  background-size: cover;
  background-repeat: no-repeat;
  padding-bottom: 3rem;
}
@media (min-width: 768px) {
  .hero {
    padding-top: 5.4rem;
  }
}
@media (min-width: 992px) {
  .hero {
    padding-top: 7.2rem;
  }
}
@media (min-width: 1200px) {
  .hero {
    padding-top: 9rem;
  }
}
@media (min-width: 768px) {
  .hero {
    padding-bottom: 4.2rem;
  }
}
@media (min-width: 992px) {
  .hero {
    padding-bottom: 5.6rem;
  }
}
@media (min-width: 1200px) {
  .hero {
    padding-bottom: 7rem;
  }
}

.hero_bar {
  height: 10px;
  margin-bottom: 6px;
  background: #1a355d;
  /* Old browsers */
  /* FF3.6+ */
  /* Chrome,Safari4+ */
  /* Chrome10+,Safari5.1+ */
  /* Opera 11.10+ */
  /* IE10+ */
  background: linear-gradient(to right, #1a355d 0%, #63b770 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1a355d", endColorstr="#63b770", GradientType=1);
  /* IE6-9 */
}

.hero_box {
  position: relative;
  padding: 1.5rem 2rem 1.5rem 2rem;
  background-color: rgba(255, 255, 255, 0.9);
}
@media (min-width: 400px) {
  .hero_box {
    padding: 2.5rem 4rem 2.5rem 4rem;
  }
}
.hero_box .wordpress_logo {
  margin-right: 25px;
  width: 120px;
  height: 120px;
}
.hero_box .hero_list {
  display: flex;
  justify-content: space-between;
  margin: 30px 0 -20px 0;
  color: #3B3B3B;
}
.hero_box .hero_list ul {
  padding-left: 0;
}
.hero_box .hero_list ul strong {
  font-weight: 500;
}
.hero_box .copy {
  font-size: 2rem;
  margin-top: 0.8rem;
  font-size: 2rem;
  margin-top: 0.4rem;
  padding: 3px 38px 0;
  line-height: 29px;
}
@media (min-width: 768px) {
  .hero_box .copy {
    font-size: 2.25rem;
  }
}
@media (min-width: 992px) {
  .hero_box .copy {
    font-size: 2.5rem;
  }
}
@media (min-width: 1200px) {
  .hero_box .copy {
    font-size: 2.75rem;
  }
}
@media (min-width: 768px) {
  .hero_box .copy {
    margin-top: 1.2rem;
  }
}
@media (min-width: 992px) {
  .hero_box .copy {
    margin-top: 1.6rem;
  }
}
@media (min-width: 1200px) {
  .hero_box .copy {
    margin-top: 2rem;
  }
}
.hero_box p.copy {
  font-size: 24px;
  line-height: 27px;
  color: #1d1d1d;
  padding: 0;
  margin-top: 10px;
}
.hero_box .checkmark_gradient li {
  font-size: 2.75rem;
}
.hero_box .cta-text {
  margin-top: 40px;
  font-size: 19px;
  text-align: left;
  color: #3B3B3B;
}
@media (min-width: 768px) {
  .hero_box .cta-text {
    white-space: nowrap;
  }
}
.hero_box .cta-text .copy {
  padding-left: 20px;
  padding-right: 20px;
  font-size: 35px;
}
.hero_box .cta-text .btn {
  vertical-align: bottom;
  width: 100%;
}
.hero_box .cta-text .text-wrap {
  margin-top: 15px;
  padding-left: 0;
}
.hero_box h1 {
  text-align: left;
  margin: 0;
  padding: 0;
  color: #3b3b3b;
  font-weight: bold;
  font-family: MuseoSansRounded-300, sans-serif;
  line-height: normal;
  font-size: 3.2rem;
}
@media (min-width: 768px) {
  .hero_box h1.copy {
    line-height: 30px;
  }
}
@media (min-width: 1200px) {
  .hero_box h1 {
    font-size: 4.3rem;
  }
}
.hero_box h2 {
  text-align: left;
  margin: 0;
  padding: 0;
  color: #3b3b3b;
  font-weight: bold;
  font-family: MuseoSansRounded-300, sans-serif;
  line-height: normal;
  font-size: 2.8rem;
}
@media (min-width: 768px) {
  .hero_box h2 {
    font-size: 3.2rem;
  }
  .hero_box h2.copy {
    line-height: 30px;
    margin-bottom: 10px;
  }
}
@media (min-width: 992px) {
  .hero_box h2 {
    font-size: 3.2rem;
  }
  .hero_box h2.copy {
    margin-bottom: 0px;
  }
}
@media (min-width: 1200px) {
  .hero_box h2 {
    font-size: 4.3rem;
  }
  .hero_box h2.copy {
    margin-bottom: 0px;
  }
}
.hero_box .discount-banner {
  top: 14px;
  right: 0;
}
.hero_box.dark-background {
  background-color: #0F2841;
}
.hero_box.dark-background > *:not(.hero_sale) {
  color: #FFF;
}

.hero_box .copy {
  padding: 0;
}

#hero {
  position: relative;
}
@media (min-width: 1200px) {
  #hero {
    height: 700px;
  }
}
#hero .hero_box .hero_list {
  margin: 0;
}
#hero .hero_box .hero_list ul {
  padding-left: 25px;
}
#hero .hero_box .hero_list ul li {
  font-size: 2rem;
}
#hero .hero_box h2 {
  font-size: 3.2rem;
}
#hero .hero_box .copy {
  font-size: 2rem;
}
#hero .hero_box .cta-text {
  margin-top: 0;
}
#hero .hero_box .cta-text strong {
  font-weight: 500;
  display: inline-block;
  margin-top: 8px;
}
#hero .hero_box .cta-text .col-md-6, #hero .hero_box .cta-text .comp_panel_2up, #hero .hero_box .cta-text #map, #hero .hero_box .cta-text .left_column, #hero .hero_box .cta-text .right_column, #hero .hero_box .cta-text .middle_copy, #hero .hero_box .cta-text .footer_button_container, #hero .hero_box .cta-text .footer_terms_container, #hero .hero_box .cta-text .two_column, #hero .hero_box .cta-text .tab_text, #hero .hero_box .cta-text .tab_image, #hero .hero_box .cta-text .video_component .text, .video_component #hero .hero_box .cta-text .text, #hero .hero_box .cta-text .feature_rows .text, .feature_rows #hero .hero_box .cta-text .text, #hero .hero_box .cta-text .twelve-six_all, #hero .hero_box .cta-text .text_company, #hero .hero_box .cta-text .forgotten_password, #hero .hero_box .cta-text .sign_up, #hero .hero_box .cta-text .six_all, #hero .hero_box .cta-text .what_i_am, #hero .hero_box .cta-text .what_i_want, #hero .hero_box .cta-text .i_am, #hero .hero_box .cta-text .i_want {
  padding: 0;
}
#hero .hero_box .cta-text .primary_button {
  padding-top: 1rem;
  padding-bottom: 1rem;
  margin-top: 10px;
  margin-left: 20px;
  width: auto;
  vertical-align: middle;
}
#hero .hero_bar {
  height: 8px;
  margin-bottom: 6px;
}

.hero_box_container {
  margin-left: 0;
  width: 100%;
  margin-bottom: 20px;
  padding-left: 0;
  padding-right: 0;
  position: relative;
}
.hero_box_container--wide {
  margin-left: auto;
  width: 100%;
}
@media (min-width: 768px) {
  .hero_box_container {
    width: 60%;
    margin-bottom: 0;
  }
  .hero_box_container--wide {
    width: 100%;
  }
}
@media (min-width: 992px) {
  .hero_box_container {
    width: 60%;
  }
  .hero_box_container--wide {
    width: 80%;
  }
}
@media (min-width: 1200px) {
  .hero_box_container {
    width: 60%;
  }
  .hero_box_container--wide {
    width: 70%;
  }
}
.hero_box_container .new-flag,
.hero_box_container .sale-flag {
  position: absolute;
  top: 20px;
  right: -13px;
  z-index: 11;
}

.new-flag {
  display: block;
}

/*** Hero Two Column layout ***/
#hero.hero--two-column .hero_box_container {
  width: 100%;
}
#hero.hero--two-column .hero_box_container:first-child {
  border-bottom: 0.564853px solid #d8d8d8;
  margin-bottom: 0;
}
@media (min-width: 992px) {
  #hero.hero--two-column .hero_box_container:first-child {
    border-bottom: none;
    border-right: 0.564853px solid #d8d8d8;
    width: 60%;
  }
}
#hero.hero--two-column .hero_box_container:first-child h2 {
  padding-right: 50px;
}
@media (min-width: 992px) {
  #hero.hero--two-column .hero_box_container:last-child {
    width: 40%;
  }
  #hero.hero--two-column .hero_box_container:last-child .hero_box {
    height: 100%;
  }
}
@media (max-width: 1199px) {
  #hero.hero--two-column .hero_box_container:last-child h2 {
    font-size: 2.3rem;
  }
}
#hero.hero--two-column .new-flag {
  top: 15px;
}
@media (max-width: 991px) {
  #hero.hero--two-column .hero_box .cta-text .primary_button {
    width: 100%;
    font-size: 17.5px;
    padding: 20px 0;
    font-weight: 700;
    font-family: MuseoSansRounded-500;
    width: 80%;
    max-width: 300px;
  }
}
@media (min-width: 1200px) {
  #hero.hero--two-column .hero_box .cta-text .primary_button {
    width: 100%;
    font-size: 17.5px;
    padding: 20px 0;
    font-weight: 700;
    font-family: MuseoSansRounded-500;
    width: 80%;
    max-width: 300px;
  }
}
@media (min-width: 992px) {
  #hero.hero--two-column .row {
    display: flex;
  }
}

.cta-button-container {
  display: flex;
  align-items: flex-end;
  justify-content: flex-start;
  margin: 10px 0;
}
@media (min-width: 992px) {
  .cta-button-container {
    margin: 0;
    justify-content: flex-end;
  }
}
.cta-button-container > .btn {
  margin: 0 !important;
}

.red-highlight-text {
  display: inline-block;
  background-color: #C2172F;
  color: #FFF !important;
  padding: 2px 10px !important;
}

@media (min-width: 992px) {
  .new-flag--only-mobile {
    display: none !important;
  }
}
@media (max-width: 991px) {
  .new-flag--only-desktop {
    display: none !important;
  }
}

.hero_sale {
  width: 8rem;
  height: 8rem;
  background: #fed911;
  color: #000;
  border-radius: 50%;
  line-height: 1;
  text-align: center;
  padding: 1.5rem 0;
  float: right;
  right: -15px;
  top: 50px;
  position: relative;
}
.hero_sale__number {
  font-size: 3rem;
  font-weight: 600;
}
.hero_sale__text {
  font-size: 2rem;
}
@media (max-width: 500px) {
  .hero_sale {
    position: absolute;
    right: -10px;
    top: -15px;
  }
}
@media (min-width: 501px) {
  .hero--two-column .hero_sale {
    width: 10rem;
    height: 10rem;
    top: -5px;
    right: -25px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  .hero--two-column .hero_sale .hero_sale__text {
    transform: translate(4px, 2px);
  }
}

.old-price {
  text-decoration: line-through;
}

.sale-price {
  font-size: 3rem;
  color: #c2172f;
}

/*** example client section ***/
.example_client {
  background-image: url(../assets/img/example_client.jpg);
  background-size: cover;
}

.example_client_bar {
  height: 9px;
  margin-bottom: 0.2rem;
  background: #1a355d;
  /* Old browsers */
  /* FF3.6+ */
  /* Chrome,Safari4+ */
  /* Chrome10+,Safari5.1+ */
  /* Opera 11.10+ */
  /* IE10+ */
  background: linear-gradient(to right, #1a355d 0%, #63b770 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1a355d", endColorstr="#63b770", GradientType=1);
  /* IE6-9 */
}
@media (min-width: 768px) {
  .example_client_bar {
    margin-bottom: 0.3rem;
  }
}
@media (min-width: 992px) {
  .example_client_bar {
    margin-bottom: 0.4rem;
  }
}
@media (min-width: 1200px) {
  .example_client_bar {
    margin-bottom: 0.5rem;
  }
}

.example_client_box {
  margin-bottom: 2rem;
  padding-bottom: 2rem;
  padding-top: 2rem;
  padding-right: 1.6rem;
  padding-left: 1.6rem;
  opacity: 0.9;
}
@media (min-width: 768px) {
  .example_client_box {
    margin-bottom: 3rem;
  }
}
@media (min-width: 992px) {
  .example_client_box {
    margin-bottom: 4rem;
  }
}
@media (min-width: 1200px) {
  .example_client_box {
    margin-bottom: 5rem;
  }
}
@media (min-width: 768px) {
  .example_client_box {
    padding-bottom: 3rem;
  }
}
@media (min-width: 992px) {
  .example_client_box {
    padding-bottom: 4rem;
  }
}
@media (min-width: 1200px) {
  .example_client_box {
    padding-bottom: 5rem;
  }
}
@media (min-width: 768px) {
  .example_client_box {
    padding-top: 3rem;
  }
}
@media (min-width: 992px) {
  .example_client_box {
    padding-top: 4rem;
  }
}
@media (min-width: 1200px) {
  .example_client_box {
    padding-top: 5rem;
  }
}
@media (min-width: 768px) {
  .example_client_box {
    padding-right: 2.4rem;
  }
}
@media (min-width: 992px) {
  .example_client_box {
    padding-right: 3.2rem;
  }
}
@media (min-width: 1200px) {
  .example_client_box {
    padding-right: 4rem;
  }
}
@media (min-width: 768px) {
  .example_client_box {
    padding-left: 2.4rem;
  }
}
@media (min-width: 992px) {
  .example_client_box {
    padding-left: 3.2rem;
  }
}
@media (min-width: 1200px) {
  .example_client_box {
    padding-left: 4rem;
  }
}
.example_client_box .large_copy {
  font-size: 1.5rem;
  margin-right: 0.4rem;
  margin-left: 0.4rem;
  position: relative;
}
@media (min-width: 768px) {
  .example_client_box .large_copy {
    font-size: 1.5rem;
  }
}
@media (min-width: 992px) {
  .example_client_box .large_copy {
    font-size: 1.5rem;
  }
}
@media (min-width: 1200px) {
  .example_client_box .large_copy {
    font-size: 1.75rem;
  }
}
@media (min-width: 768px) {
  .example_client_box .large_copy {
    margin-right: 0.6rem;
  }
}
@media (min-width: 992px) {
  .example_client_box .large_copy {
    margin-right: 0.8rem;
  }
}
@media (min-width: 1200px) {
  .example_client_box .large_copy {
    margin-right: 1rem;
  }
}
@media (min-width: 768px) {
  .example_client_box .large_copy {
    margin-left: 0.6rem;
  }
}
@media (min-width: 992px) {
  .example_client_box .large_copy {
    margin-left: 0.8rem;
  }
}
@media (min-width: 1200px) {
  .example_client_box .large_copy {
    margin-left: 1rem;
  }
}
@media (min-width: 768px) {
  .example_client_box .large_copy {
    bottom: -4px;
  }
}
@media (min-width: 992px) {
  .example_client_box .large_copy {
    bottom: 4px;
  }
}
@media (min-width: 1200px) {
  .example_client_box .large_copy {
    bottom: 3px;
  }
}
.example_client_box img, .example_client_box svg {
  vertical-align: middle;
  width: 130px;
  height: auto;
  margin-bottom: 20px;
}
@media (min-width: 768px) {
  .example_client_box img, .example_client_box svg {
    width: 170px;
  }
}
@media (min-width: 1200px) {
  .example_client_box img, .example_client_box svg {
    width: 210px;
  }
}
.example_client_box p {
  margin-bottom: 0;
  padding-top: 0.4rem;
}
@media (min-width: 768px) {
  .example_client_box p {
    padding-top: 0.6rem;
  }
}
@media (min-width: 992px) {
  .example_client_box p {
    padding-top: 0.8rem;
  }
}
@media (min-width: 1200px) {
  .example_client_box p {
    padding-top: 1rem;
  }
}

.example_client_box + .row .container a.primary_button, .example_client_box + .row .navbar .navbar-header a.primary_button, .navbar .example_client_box + .row .navbar-header a.primary_button, .example_client_box + .row .navbar .log_in_form a.primary_button, .navbar .example_client_box + .row .log_in_form a.primary_button, .example_client_box + .row .navbar .social_buttons a.primary_button, .navbar .example_client_box + .row .social_buttons a.primary_button, .example_client_box + .row .navbar .support_tab a.primary_button, .navbar .example_client_box + .row .support_tab a.primary_button, .example_client_box + .row .navbar #navbar a.primary_button, .navbar .example_client_box + .row #navbar a.primary_button {
  margin-left: 80px;
}
@media (min-width: 768px) {
  .example_client_box + .row .container a.primary_button, .example_client_box + .row .navbar .navbar-header a.primary_button, .navbar .example_client_box + .row .navbar-header a.primary_button, .example_client_box + .row .navbar .log_in_form a.primary_button, .navbar .example_client_box + .row .log_in_form a.primary_button, .example_client_box + .row .navbar .social_buttons a.primary_button, .navbar .example_client_box + .row .social_buttons a.primary_button, .example_client_box + .row .navbar .support_tab a.primary_button, .navbar .example_client_box + .row .support_tab a.primary_button, .example_client_box + .row .navbar #navbar a.primary_button, .navbar .example_client_box + .row #navbar a.primary_button {
    margin-left: 100px;
  }
}
@media (min-width: 992px) {
  .example_client_box + .row .container a.primary_button, .example_client_box + .row .navbar .navbar-header a.primary_button, .navbar .example_client_box + .row .navbar-header a.primary_button, .example_client_box + .row .navbar .log_in_form a.primary_button, .navbar .example_client_box + .row .log_in_form a.primary_button, .example_client_box + .row .navbar .social_buttons a.primary_button, .navbar .example_client_box + .row .social_buttons a.primary_button, .example_client_box + .row .navbar .support_tab a.primary_button, .navbar .example_client_box + .row .support_tab a.primary_button, .example_client_box + .row .navbar #navbar a.primary_button, .navbar .example_client_box + .row #navbar a.primary_button {
    margin-left: 145px;
  }
}
@media (min-width: 1200px) {
  .example_client_box + .row .container a.primary_button, .example_client_box + .row .navbar .navbar-header a.primary_button, .navbar .example_client_box + .row .navbar-header a.primary_button, .example_client_box + .row .navbar .log_in_form a.primary_button, .navbar .example_client_box + .row .log_in_form a.primary_button, .example_client_box + .row .navbar .social_buttons a.primary_button, .navbar .example_client_box + .row .social_buttons a.primary_button, .example_client_box + .row .navbar .support_tab a.primary_button, .navbar .example_client_box + .row .support_tab a.primary_button, .example_client_box + .row .navbar #navbar a.primary_button, .navbar .example_client_box + .row #navbar a.primary_button {
    margin-left: 185px;
  }
}

.large_copy {
  font-size: 2.25rem;
  margin-right: 2rem;
  margin-left: 2rem;
}
@media (min-width: 768px) {
  .large_copy {
    font-size: 2.5rem;
  }
}
@media (min-width: 992px) {
  .large_copy {
    font-size: 2.75rem;
  }
}
@media (min-width: 1200px) {
  .large_copy {
    font-size: 3rem;
  }
}
@media (min-width: 768px) {
  .large_copy {
    margin-right: 3rem;
  }
}
@media (min-width: 992px) {
  .large_copy {
    margin-right: 4rem;
  }
}
@media (min-width: 1200px) {
  .large_copy {
    margin-right: 5rem;
  }
}
@media (min-width: 768px) {
  .large_copy {
    margin-left: 3rem;
  }
}
@media (min-width: 992px) {
  .large_copy {
    margin-left: 4rem;
  }
}
@media (min-width: 1200px) {
  .large_copy {
    margin-left: 5rem;
  }
}

/*** Award winning section ***/
.award_winning {
  border-top: 1px solid #ededed;
}

.award_logo {
  padding-right: 0.4rem;
  padding-left: 0.4rem;
}
@media (min-width: 768px) {
  .award_logo {
    padding-right: 0.6rem;
  }
}
@media (min-width: 992px) {
  .award_logo {
    padding-right: 0.8rem;
  }
}
@media (min-width: 1200px) {
  .award_logo {
    padding-right: 1rem;
  }
}
@media (min-width: 768px) {
  .award_logo {
    padding-left: 0.6rem;
  }
}
@media (min-width: 992px) {
  .award_logo {
    padding-left: 0.8rem;
  }
}
@media (min-width: 1200px) {
  .award_logo {
    padding-left: 1rem;
  }
}

.footer-award-ispas, .footer-award-about, .footer-award-hostreview, .footer-award-micromart, .footer-award-pcpro {
  display: inline-block;
  background: url(../assets/img/award_logo/awards_logo.png) no-repeat;
  overflow: hidden;
  text-indent: -9999px;
  text-align: left;
}

.footer-award-ispas {
  background-position: -2px 0px;
  width: 172px;
  height: 100px;
}

.footer-award-about {
  background-position: -176px 0px;
  width: 172px;
  height: 100px;
}

.footer-award-hostreview {
  background-position: -2px -102px;
  width: 172px;
  height: 100px;
}

.footer-award-micromart {
  background-position: -176px -102px;
  width: 172px;
  height: 100px;
}

.footer-award-pcpro {
  background-position: -2px -204px;
  width: 172px;
  height: 100px;
}

/***styles for the comp panels can be found in the component scss file***/
.selector_arrow_margin {
  margin-top: -60px;
  display: none;
}
@media (min-width: 768px) {
  .selector_arrow_margin {
    display: block;
  }
}
@media (min-width: 992px) {
  .selector_arrow_margin {
    display: block;
  }
}
@media (min-width: 1200px) {
  .selector_arrow_margin {
    display: block;
  }
}

.selector_arrow {
  border-radius: 50%;
  -mox-border-radius: 50%;
  -webkit-border-radius: 50%;
  background-color: #1a355d;
  width: 60px;
  height: 60px;
  color: #FFFFFF;
  padding-top: 17px;
  display: inline-block;
  font-size: 1.75rem;
}
@media (min-width: 768px) {
  .selector_arrow {
    font-size: 2rem;
  }
}
@media (min-width: 992px) {
  .selector_arrow {
    font-size: 2.25rem;
  }
}
@media (min-width: 1200px) {
  .selector_arrow {
    font-size: 2.5rem;
  }
}
@media (min-width: 768px) {
  .selector_arrow {
    padding-top: 13px;
  }
}

.selector_arrow:before {
  content: "\f063";
  font-family: "FontAwesome";
}

/*** selector section ***/
.selector {
  /*custom section padding for the selector*/
  padding-top: 1.6rem;
  padding-bottom: 1.6rem;
  background: #1a355d;
  /* For Safari 5.1 to 6.0 */
  /* For Opera 11.1 to 12.0 */
  /* For Firefox 3.6 to 15 */
  background: linear-gradient(45deg, #0d213a, #006779, #58bd7a);
  /* Standard syntax */
  background-repeat: no-repeat;
  background-size: cover;
  text-align: center;
  color: #FFFFFF;
  font-size: 2rem;
  display: none;
}
@media (min-width: 768px) {
  .selector {
    padding-top: 2.4rem;
  }
}
@media (min-width: 992px) {
  .selector {
    padding-top: 3.2rem;
  }
}
@media (min-width: 1200px) {
  .selector {
    padding-top: 4rem;
  }
}
@media (min-width: 768px) {
  .selector {
    padding-bottom: 2.4rem;
  }
}
@media (min-width: 992px) {
  .selector {
    padding-bottom: 3.2rem;
  }
}
@media (min-width: 1200px) {
  .selector {
    padding-bottom: 4rem;
  }
}
@media (min-width: 768px) {
  .selector {
    background-repeat: no-repeat;
    background-size: cover;
  }
}
@media (min-width: 768px) {
  .selector {
    font-size: 2.25rem;
  }
}
@media (min-width: 992px) {
  .selector {
    font-size: 2.5rem;
  }
}
@media (min-width: 1200px) {
  .selector {
    font-size: 2.75rem;
  }
}
@media (min-width: 768px) {
  .selector {
    display: block;
  }
}

.selector_select {
  background-color: #FFFFFF;
  border: 1px solid #FFFFFF;
  box-sizing: border-box;
  padding: 0;
  position: relative;
  width: 100%;
  z-index: 1;
  border-radius: 6px;
  font-size: 2.25rem;
  margin: 0;
  margin-bottom: 0.8rem;
}
@media (min-width: 768px) {
  .selector_select {
    font-size: 2.5rem;
  }
}
@media (min-width: 992px) {
  .selector_select {
    font-size: 2.75rem;
  }
}
@media (min-width: 1200px) {
  .selector_select {
    font-size: 3rem;
  }
}
@media (min-width: 768px) {
  .selector_select {
    margin-bottom: 1.2rem;
  }
}
@media (min-width: 992px) {
  .selector_select {
    margin-bottom: 1.6rem;
  }
}
@media (min-width: 1200px) {
  .selector_select {
    margin-bottom: 2rem;
  }
}
@media (min-width: 1200px) {
  .selector_select {
    margin-bottom: 0;
  }
}

.selector_select:hover {
  border-color: #FFFFFF;
}

.selector_select:before {
  color: #242424;
  display: block;
  font-family: "FontAwesome";
  height: 100%;
  background-color: transparent;
  position: absolute;
  top: 0;
  right: 0;
  text-align: center;
  z-index: -1;
}
@media (min-width: 768px) {
  .selector_select:before {
    /*@include padding-top-c;*/
    padding-top: 0.4rem;
    padding-right: 1.2rem;
    padding-bottom: 0.8rem;
    padding-left: 0;
  }
}
@media (min-width: 768px) and (min-width: 768px) {
  .selector_select:before {
    padding-top: 0.6rem;
  }
}
@media (min-width: 768px) and (min-width: 992px) {
  .selector_select:before {
    padding-top: 0.8rem;
  }
}
@media (min-width: 768px) and (min-width: 1200px) {
  .selector_select:before {
    padding-top: 1rem;
  }
}
@media (min-width: 768px) and (min-width: 768px) {
  .selector_select:before {
    padding-right: 1.8rem;
  }
}
@media (min-width: 768px) and (min-width: 992px) {
  .selector_select:before {
    padding-right: 2.4rem;
  }
}
@media (min-width: 768px) and (min-width: 1200px) {
  .selector_select:before {
    padding-right: 3rem;
  }
}
@media (min-width: 768px) and (min-width: 768px) {
  .selector_select:before {
    padding-bottom: 1.2rem;
  }
}
@media (min-width: 768px) and (min-width: 992px) {
  .selector_select:before {
    padding-bottom: 1.6rem;
  }
}
@media (min-width: 768px) and (min-width: 1200px) {
  .selector_select:before {
    padding-bottom: 2rem;
  }
}

.selector_select select {
  background-color: transparent;
  border: 0 none;
  box-shadow: none;
  color: #242424;
  display: block;
  line-height: normal;
  margin: 0;
  padding-top: 0.4rem;
  padding-right: 0.4rem;
  padding-bottom: 0.4rem;
  padding-left: 0.4rem;
  width: 100%;
  box-sizing: border-box;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  font-size: 1.5rem;
}
@media (min-width: 768px) {
  .selector_select select {
    padding-top: 0.6rem;
  }
}
@media (min-width: 992px) {
  .selector_select select {
    padding-top: 0.8rem;
  }
}
@media (min-width: 1200px) {
  .selector_select select {
    padding-top: 1rem;
  }
}
@media (min-width: 768px) {
  .selector_select select {
    padding-right: 0.6rem;
  }
}
@media (min-width: 992px) {
  .selector_select select {
    padding-right: 0.8rem;
  }
}
@media (min-width: 1200px) {
  .selector_select select {
    padding-right: 1rem;
  }
}
@media (min-width: 768px) {
  .selector_select select {
    padding-bottom: 0.6rem;
  }
}
@media (min-width: 992px) {
  .selector_select select {
    padding-bottom: 0.8rem;
  }
}
@media (min-width: 1200px) {
  .selector_select select {
    padding-bottom: 1rem;
  }
}
@media (min-width: 768px) {
  .selector_select select {
    padding-left: 0.6rem;
  }
}
@media (min-width: 992px) {
  .selector_select select {
    padding-left: 0.8rem;
  }
}
@media (min-width: 1200px) {
  .selector_select select {
    padding-left: 1rem;
  }
}
@media (min-width: 768px) {
  .selector_select select {
    font-size: 1.5rem;
  }
}
@media (min-width: 992px) {
  .selector_select select {
    font-size: 1.75rem;
  }
}
@media (min-width: 1200px) {
  .selector_select select {
    font-size: 2rem;
  }
}
@media (min-width: 768px) {
  .selector_select select {
    padding-top: 0.8rem;
    padding-right: 0.8rem;
    padding-bottom: 0.8rem;
    padding-left: 0.8rem;
  }
}
@media (min-width: 768px) and (min-width: 768px) {
  .selector_select select {
    padding-top: 1.2rem;
  }
}
@media (min-width: 768px) and (min-width: 992px) {
  .selector_select select {
    padding-top: 1.6rem;
  }
}
@media (min-width: 768px) and (min-width: 1200px) {
  .selector_select select {
    padding-top: 2rem;
  }
}
@media (min-width: 768px) and (min-width: 768px) {
  .selector_select select {
    padding-right: 1.2rem;
  }
}
@media (min-width: 768px) and (min-width: 992px) {
  .selector_select select {
    padding-right: 1.6rem;
  }
}
@media (min-width: 768px) and (min-width: 1200px) {
  .selector_select select {
    padding-right: 2rem;
  }
}
@media (min-width: 768px) and (min-width: 768px) {
  .selector_select select {
    padding-bottom: 1.2rem;
  }
}
@media (min-width: 768px) and (min-width: 992px) {
  .selector_select select {
    padding-bottom: 1.6rem;
  }
}
@media (min-width: 768px) and (min-width: 1200px) {
  .selector_select select {
    padding-bottom: 2rem;
  }
}
@media (min-width: 768px) and (min-width: 768px) {
  .selector_select select {
    padding-left: 1.2rem;
  }
}
@media (min-width: 768px) and (min-width: 992px) {
  .selector_select select {
    padding-left: 1.6rem;
  }
}
@media (min-width: 768px) and (min-width: 1200px) {
  .selector_select select {
    padding-left: 2rem;
  }
}

.selector_select select::-ms-expand {
  display: none; /* to ie 10 */
}

.selector_select select:focus {
  outline: none;
}

/* little trick for custom select elements in mozilla firefox  17/06/2014 @rodrigoludgero */
/* pseudo class https://developer.mozilla.org/en-US/docs/Web/CSS/:any */
:-moz-any(.selector_select):before {
  background-color: #FFFFFF; /* this is necessary for overcome the caret default browser */
  pointer-events: none; /* https://developer.mozilla.org/en-US/docs/Web/CSS/pointer-events  */
  z-index: 1; /* this is necessary for overcome the pseudo element */
}

.i_am, .i_want {
  padding-top: 0.8rem;
}
@media (min-width: 768px) {
  .i_am, .i_want {
    padding-top: 1.2rem;
  }
}
@media (min-width: 992px) {
  .i_am, .i_want {
    padding-top: 1.6rem;
  }
}
@media (min-width: 1200px) {
  .i_am, .i_want {
    padding-top: 2rem;
  }
}

.trustpilot-hero {
  background: rgba(42, 42, 42, 0.8);
  height: 95px;
  clear: both;
  padding: 10px;
  color: #fff;
  margin: 0 auto;
  margin-top: 20px;
  margin-left: 3.33333%;
  width: 93.333333%;
}
@media (min-width: 768px) {
  .trustpilot-hero {
    width: 185px;
    height: 140px;
    float: right;
    padding: 15px;
    clear: none;
    margin-top: 0;
  }
}
.trustpilot-hero .trust-left {
  float: left;
  width: 50%;
}
@media (min-width: 768px) {
  .trustpilot-hero .trust-left {
    clear: both;
    width: 100%;
  }
}
.trustpilot-hero .trust-right {
  float: right;
  width: 50%;
}
@media (min-width: 768px) {
  .trustpilot-hero .trust-right {
    clear: both;
    width: 100%;
  }
}
.trustpilot-hero em {
  font-family: MuseoSansRounded-500;
  font-size: 16px;
  font-style: normal;
  display: inline;
}
@media (min-width: 768px) {
  .trustpilot-hero em {
    font-size: 21px;
    display: block;
  }
}
.trustpilot-hero em, .trustpilot-hero .stars, .trustpilot-hero small, .trustpilot-hero a, .trustpilot-hero span {
  display: block;
}
@media (min-width: 768px) {
  .trustpilot-hero em, .trustpilot-hero .stars, .trustpilot-hero small, .trustpilot-hero a, .trustpilot-hero span {
    margin: 0 auto;
    text-align: center;
  }
}
.trustpilot-hero .stars {
  margin-bottom: 5px;
}
@media (min-width: 768px) {
  .trustpilot-hero .stars {
    margin-bottom: 0;
  }
}
.trustpilot-hero span {
  display: inline;
}
@media (min-width: 768px) {
  .trustpilot-hero span {
    display: block;
  }
}
.trustpilot-hero a {
  color: white;
  font-size: 90%;
  font-family: MuseoSansRounded-300, sans-serif;
  text-decoration: underline;
  text-align: right;
}
@media (min-width: 768px) {
  .trustpilot-hero a {
    margin-top: 5px;
    font-size: 70%;
    text-align: center;
  }
}
.trustpilot-hero img {
  float: right;
  max-width: 110px;
  margin-top: 20px;
  display: block;
}
@media (min-width: 768px) {
  .trustpilot-hero img {
    display: block;
    margin: 5px auto;
    max-width: 100px;
    clear: both;
    float: none;
  }
}

/*** background-video***/
video#bgvid {
  position: fixed;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  z-index: -100;
  background: url(../assets/img/hero.jpg) no-repeat;
  background-size: cover;
  background-position: center top;
  top: 0;
  -ms-transform: translate(-25%, 0%); /*fixes ie9-11*/
}

#vidpause {
  border: 0;
  background-color: transparent;
  text-transform: uppercase;
  font-size: 1rem;
}
@media (min-width: 768px) {
  #vidpause {
    font-size: 1rem;
  }
}
@media (min-width: 992px) {
  #vidpause {
    font-size: 1rem;
  }
}
@media (min-width: 1200px) {
  #vidpause {
    font-size: 1rem;
  }
}

.pulse {
  animation-name: pulse;
  -webkit-animation-name: pulse;
  animation-duration: 1.5s;
  -webkit-animation-duration: 1.5s;
  animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
}

@keyframes pulse {
  0% {
    transform: scale(0.9);
  }
  50% {
    transform: scale(1);
    opacity: 1;
  }
  100% {
    transform: scale(0.9);
  }
}
.support-icon {
  width: 100%;
  height: auto;
  max-width: 200px;
}

#cro_80_3_Prods {
  padding-top: 0;
  margin-top: -3rem;
}

#cro_80_3_Prods .row > h1 {
  display: block;
  content: "Award-winning hosting with great value domains";
  font-size: 40px;
  padding-top: 80px;
  font-family: MuseoSansRounded-300;
  text-align: center;
  margin-bottom: 42px;
}

@media (min-width: 992px) {
  .cro_80_3_products {
    display: flex;
    justify-content: center;
  }
}

.cro_80_3_products > div {
  background-color: #FFF;
  margin: 7px;
  border: 1px solid #CCC;
  text-align: center;
  color: #242424;
}
@media (min-width: 992px) {
  .cro_80_3_products > div {
    width: calc(33% - 14px);
  }
}

.cro_80_3_products h1,
.cro_80_3_products .header {
  font-size: 28px;
  font-family: MuseoSansRounded-500;
  padding: 0;
  display: inline-block;
  width: 80%;
  margin: 34px auto 18px;
  white-space: nowrap;
}

.cro_80_3_products > div h1:after,
.cro_80_3_products > div .header:after {
  content: "";
  background-image: linear-gradient(90deg, #1F3F63, #55AD75);
  height: 5px;
  display: block;
  border-radius: 5px;
  margin-top: 5px;
}

.cro_80_3_products pound {
  font-size: 32px;
}

.cro_80_3_products price {
  display: block;
  font-size: 25.9px;
  font-family: MuseoSansRounded-300;
}

.cro_80_3_products footnote {
  display: block;
  color: #828282;
  margin-bottom: 10px;
  margin-top: -2px;
}

.cro_80_3_products cta {
  width: 80%;
  display: inline-block;
  border-radius: 5px;
  padding: 20px 0px;
  background-color: #FED911;
  font-weight: bold;
  font-family: MuseoSansRounded-500;
  margin-bottom: 38px;
}

.cro_80_3_products prev {
  color: #D00;
  text-decoration: line-through;
  font-size: 20.7px;
}

.cro_80_3_products ul {
  width: 63%;
  margin-left: auto;
  margin-right: auto;
  list-style: none;
  padding-left: 0;
}

.cro_80_3_products li {
  line-height: 26px;
  font-size: 20px;
  text-align: left;
  font-family: MuseoSansRounded-300;
  padding-bottom: 21px;
  background-image: url(../assets/img/ab/hekta-haken-copy-4.png);
  background-repeat: no-repeat;
  background-position: 2px 1px;
  padding-left: 35px;
}

.cro_80_3_products.prod2 price {
  font-size: 20px;
}

.cro_80_3_products.prod2 pound, .cro_80_3_products.prod2 pennies {
  font-size: 20px;
  font-weight: bold;
}

.cro_80_3_products.prod2 pound:before {
  top: 0;
}

.cro_80_3_products.prod2 cta {
  margin-top: 5px;
}

.slick-slide .comp_panel_holder {
  padding: 40px 20px;
}
.slick-slide .comp_panel_holder .price {
  margin: 0;
}

.affiliates .feature_rows .long_text {
  height: 420px;
}

.feature_rows.white_background {
  /*height: 550px;*/
}

.business-email-video {
  cursor: pointer;
}

.business-email_page .push-down {
  margin-top: 30px;
}

/*styles for the top part **/
.price_switcher {
  text-align: center;
  font-size: 1.5rem;
}
@media (min-width: 768px) {
  .price_switcher {
    font-size: 1.75rem;
  }
}
@media (min-width: 992px) {
  .price_switcher {
    font-size: 2rem;
  }
}
@media (min-width: 1200px) {
  .price_switcher {
    font-size: 2.25rem;
  }
}
.price_switcher .saving {
  font-size: 1.25rem;
}
@media (min-width: 768px) {
  .price_switcher .saving {
    font-size: 1.25rem;
  }
}
@media (min-width: 992px) {
  .price_switcher .saving {
    font-size: 1.25rem;
  }
}
@media (min-width: 1200px) {
  .price_switcher .saving {
    font-size: 1.25rem;
  }
}

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

.price_switcher-col2 {
  text-align: center;
  padding-left: 0px;
  padding-right: 0px;
}

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

.price_switcher-col1, .price_switcher-col3 {
  line-height: 20px;
  margin-top: 0.2rem;
}
@media (min-width: 768px) {
  .price_switcher-col1, .price_switcher-col3 {
    margin-top: 0.3rem;
  }
}
@media (min-width: 992px) {
  .price_switcher-col1, .price_switcher-col3 {
    margin-top: 0.4rem;
  }
}
@media (min-width: 1200px) {
  .price_switcher-col1, .price_switcher-col3 {
    margin-top: 0.5rem;
  }
}
@media (min-width: 992px) {
  .price_switcher-col1, .price_switcher-col3 {
    margin-top: 0.4rem;
  }
}
@media (min-width: 992px) and (min-width: 768px) {
  .price_switcher-col1, .price_switcher-col3 {
    margin-top: 0.6rem;
  }
}
@media (min-width: 992px) and (min-width: 992px) {
  .price_switcher-col1, .price_switcher-col3 {
    margin-top: 0.8rem;
  }
}
@media (min-width: 992px) and (min-width: 1200px) {
  .price_switcher-col1, .price_switcher-col3 {
    margin-top: 1rem;
  }
}

.button-wrap {
  width: 80px;
  cursor: pointer;
  display: inline-block;
}

.button-bg {
  transition: all 0.2s ease;
  width: 100%;
  height: 100%;
  background-color: #ededed;
  border-radius: 40px;
  padding: 6px;
  padding-left: 8px;
  color: #63b770;
}

#switch {
  cursor: pointer;
  display: block;
  position: relative;
  float: left;
}

#switch .handle {
  position: relative;
  left: 0px;
  width: 30px;
  height: 30px;
  background-color: #63b770;
  border-radius: 50%;
  border-bottom: 4px solid #52955c;
  display: block;
}

@media (min-width: 768px) {
  .FAQ .nav_list {
    display: flex;
    flex-wrap: wrap;
    border: none;
  }
  .FAQ .nav_list li {
    flex-basis: calc(50% - 50px);
    border: none;
  }
  .FAQ .nav_list li:nth-of-type(odd) {
    margin-right: 50px;
  }
}

@media (max-width: 991px) {
  .domain_logo {
    margin-bottom: 75px;
  }
  .domain_logo:last-of-type {
    margin-bottom: 0;
  }
}

.domain_names.domain_landingpage .co, .domain_names.domain_landingpage .com, .domain_names.domain_landingpage .couk, .domain_names.domain_landingpage .net, .domain_names.domain_landingpage .uk {
  display: inline-block;
  background: url(../assets/img/logos/domain-sprite.png) no-repeat;
  overflow: hidden;
  text-indent: -9999px;
  text-align: left;
}
.domain_names.domain_landingpage .co {
  background-position: 0 0%;
  width: 140px;
  height: 45px;
  background-size: 137px;
}
.domain_names.domain_landingpage .com {
  background-position: 0 25%;
  width: 140px;
  height: 45px;
  background-size: 137px;
}
.domain_names.domain_landingpage .couk {
  background-position: 0 50%;
  width: 140px;
  height: 45px;
  background-size: 137px;
}
.domain_names.domain_landingpage .net {
  background-position: 0 75%;
  width: 140px;
  height: 45px;
  background-size: 137px;
}
.domain_names.domain_landingpage .uk {
  background-position: 0 100%;
  width: 140px;
  height: 45px;
  background-size: 137px;
}

.domain_landingpage .domain_logo {
  width: 100%;
}
@media (min-width: 768px) {
  .domain_landingpage .domain_logo {
    width: 50%;
  }
}
@media (min-width: 992px) {
  .domain_landingpage .domain_logo {
    width: 25%;
  }
}

.domain_extensions h6 {
  font-size: 2.25rem;
}
@media (min-width: 768px) {
  .domain_extensions h6 {
    font-size: 2.5rem;
  }
}
@media (min-width: 992px) {
  .domain_extensions h6 {
    font-size: 2.75rem;
  }
}
@media (min-width: 1200px) {
  .domain_extensions h6 {
    font-size: 3rem;
  }
}
.domain_extensions .comp_panel_2up:first-child {
  padding-right: 1.6rem;
}
@media (min-width: 768px) {
  .domain_extensions .comp_panel_2up:first-child {
    padding-right: 2.4rem;
  }
}
@media (min-width: 992px) {
  .domain_extensions .comp_panel_2up:first-child {
    padding-right: 3.2rem;
  }
}
@media (min-width: 1200px) {
  .domain_extensions .comp_panel_2up:first-child {
    padding-right: 4rem;
  }
}
.domain_extensions .comp_panel_2up:last-child {
  padding-left: 1.6rem;
}
@media (min-width: 768px) {
  .domain_extensions .comp_panel_2up:last-child {
    padding-left: 2.4rem;
  }
}
@media (min-width: 992px) {
  .domain_extensions .comp_panel_2up:last-child {
    padding-left: 3.2rem;
  }
}
@media (min-width: 1200px) {
  .domain_extensions .comp_panel_2up:last-child {
    padding-left: 4rem;
  }
}

/*this should really be with the rest of the tree stuff*/
.tree-toggler {
  cursor: pointer;
}

/*for the domain pricing page*/
.domain-button {
  display: block;
  background-color: transparent;
  text-align: left;
  padding: 12px 0px 12px 0px;
}

.domain-selected {
  text-decoration: underline;
}

.domain-button:focus {
  text-decoration: underline;
  outline: 0;
}

.domain-left-column {
  margin-bottom: 30px;
}

@media (min-width: 1200px) {
  .lownav_top {
    height: auto !important;
  }
}

.expert-services_page .lownav_top {
  background-image: url(../assets/img/managed-vps/FullBackground.png);
}

.reseller-hosting_page {
  /*these styles are  for the hexagons with % discounts inside*/
  /*main part of shapes*/
  /*before + after triangle shapes*/
  /*the copy inside the offers*/
  /*holders for positioning*/
}
.reseller-hosting_page .button-bg {
  height: auto;
}
.reseller-hosting_page .hero_box .price .pound,
.reseller-hosting_page .hero_box .price .pounds,
.reseller-hosting_page .hero_box .price .pence {
  font-size: 5rem;
}
.reseller-hosting_page .hero_box .period {
  margin-top: 10px !important;
}
@media (min-width: 768px) {
  .reseller-hosting_page .hero_box .period {
    margin-top: 0 !important;
  }
}
.reseller-hosting_page .lownav_top {
  background-size: cover;
  background-repeat: no-repeat;
  background-image: url("../assets/img/reseller-hosting.jpg");
  background-position: bottom;
}
.reseller-hosting_page .lownav_top .hero_box {
  padding-bottom: 8rem;
}
@media (min-width: 768px) {
  .reseller-hosting_page .lownav_top .hero_box {
    padding-bottom: 12rem;
  }
}
@media (min-width: 992px) {
  .reseller-hosting_page .lownav_top .hero_box {
    padding-bottom: 16rem;
  }
}
@media (min-width: 1200px) {
  .reseller-hosting_page .lownav_top .hero_box {
    padding-bottom: 20rem;
  }
}
@media (min-width: 768px) {
  .reseller-hosting_page .lownav_top .hero_box {
    padding-bottom: 1.2rem;
  }
}
@media (min-width: 768px) and (min-width: 768px) {
  .reseller-hosting_page .lownav_top .hero_box {
    padding-bottom: 1.8rem;
  }
}
@media (min-width: 768px) and (min-width: 992px) {
  .reseller-hosting_page .lownav_top .hero_box {
    padding-bottom: 2.4rem;
  }
}
@media (min-width: 768px) and (min-width: 1200px) {
  .reseller-hosting_page .lownav_top .hero_box {
    padding-bottom: 3rem;
  }
}
.reseller-hosting_page .lownav_top small {
  font-size: 75%;
  margin-top: 4px;
  display: block;
  margin-bottom: 1px;
}
.reseller-hosting_page .reseller .feature_copy h2 {
  line-height: 90px;
}
.reseller-hosting_page .reseller .parallax_shapes {
  background-image: url("../assets/img/reseller.jpg");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: -640px -10px;
}
@media (min-width: 992px) {
  .reseller-hosting_page .reseller .parallax_shapes {
    background-size: 117%;
    background-position: -100px -10px;
  }
}
@media (min-width: 1200px) {
  .reseller-hosting_page .reseller .parallax_shapes {
    background-position: -170px -70px;
  }
}
@media (min-width: 2400px) {
  .reseller-hosting_page .reseller .parallax_shapes {
    background-position: -80px -400px !important;
    background-size: 110%;
  }
}
.reseller-hosting_page .reseller .parallax_shapes .multiply {
  mix-blend-mode: normal;
}
.reseller-hosting_page .reseller_offer, .reseller-hosting_page .offer_hexagon, .reseller-hosting_page .offer_rectangle {
  color: #242424;
  font-weight: bold;
  position: relative;
  background-color: #fed911;
}
.reseller-hosting_page .reseller_offer {
  text-transform: uppercase;
  height: 94px;
  width: 244px;
  padding-top: 20px;
  display: none;
}
@media (min-width: 992px) {
  .reseller-hosting_page .reseller_offer {
    display: inline-block;
  }
}
.reseller-hosting_page .offer_hexagon {
  height: 145px;
  width: 254px;
  text-align: center;
  display: none;
}
@media (min-width: 768px) {
  .reseller-hosting_page .offer_hexagon {
    display: inline-block;
  }
}
.reseller-hosting_page .offer_rectangle {
  width: 70%;
  padding-top: 10px;
  padding-bottom: 10px;
  margin-top: -9%;
  display: inline-block;
}
@media (min-width: 768px) {
  .reseller-hosting_page .offer_rectangle {
    display: none;
  }
}
.reseller-hosting_page .offer_hexagon:after, .reseller-hosting_page .reseller_offer:after, .reseller-hosting_page .offer_hexagon:before {
  content: "";
  height: 0;
  left: 0;
  position: absolute;
  width: 0;
  border-top-style: solid;
  border-top-color: #fed911;
  border-left-style: solid;
  border-left-color: transparent;
  border-right-style: solid;
  border-right-color: transparent;
  border-bottom-style: solid;
  border-bottom-color: #fed911;
}
.reseller-hosting_page .offer_hexagon:before, .reseller-hosting_page .offer_hexagon:after {
  border-left-width: 127px;
  border-right-width: 127px;
}
.reseller-hosting_page .offer_hexagon:before {
  border-bottom-width: 72px;
  border-top: none;
  top: -72px;
  bottom: 100%;
}
.reseller-hosting_page .offer_hexagon:after {
  border-top-width: 72px;
  border-bottom: none;
  top: 145px;
}
.reseller-hosting_page .reseller_offer:after {
  border-top-width: 35px;
  border-left-width: 122px;
  border-right-width: 122px;
  border-bottom: none;
  top: 94px;
}
.reseller-hosting_page .offer_rectangle .price, .reseller-hosting_page .offer_rectangle .pence, .reseller-hosting_page .offer_rectangle .pound, .reseller-hosting_page .offer_rectangle span {
  font-size: 1.5rem;
}
@media (min-width: 768px) {
  .reseller-hosting_page .offer_rectangle .price, .reseller-hosting_page .offer_rectangle .pence, .reseller-hosting_page .offer_rectangle .pound, .reseller-hosting_page .offer_rectangle span {
    font-size: 1.5rem;
  }
}
@media (min-width: 992px) {
  .reseller-hosting_page .offer_rectangle .price, .reseller-hosting_page .offer_rectangle .pence, .reseller-hosting_page .offer_rectangle .pound, .reseller-hosting_page .offer_rectangle span {
    font-size: 1.5rem;
  }
}
@media (min-width: 1200px) {
  .reseller-hosting_page .offer_rectangle .price, .reseller-hosting_page .offer_rectangle .pence, .reseller-hosting_page .offer_rectangle .pound, .reseller-hosting_page .offer_rectangle span {
    font-size: 1.75rem;
  }
}
.reseller-hosting_page .offer_rectangle .pounds {
  font-size: 3.75rem;
}
@media (min-width: 768px) {
  .reseller-hosting_page .offer_rectangle .pounds {
    font-size: 4rem;
  }
}
@media (min-width: 992px) {
  .reseller-hosting_page .offer_rectangle .pounds {
    font-size: 4.25rem;
  }
}
@media (min-width: 1200px) {
  .reseller-hosting_page .offer_rectangle .pounds {
    font-size: 4.5rem;
  }
}
.reseller-hosting_page .offer_rectangle span {
  font-size: 14px;
}
.reseller-hosting_page .offer_hexagon .price, .reseller-hosting_page .offer_hexagon .period, .reseller-hosting_page .offer_hexagon .pounds, .reseller-hosting_page .offer_hexagon .pence, .reseller-hosting_page .offer_hexagon .pound, .reseller-hosting_page .offer_rectangle .price, .reseller-hosting_page .offer_rectangle .period, .reseller-hosting_page .offer_rectangle .pounds, .reseller-hosting_page .offer_rectangle .pence, .reseller-hosting_page .offer_rectangle .pound {
  color: #242424;
}
.reseller-hosting_page .offer_hexagon span, .reseller-hosting_page .offer_rectangle span {
  line-height: normal;
}
.reseller-hosting_page .reseller_offer_holder {
  margin-top: -30px;
  margin-right: -264px;
}
.reseller-hosting_page .offer_hexagon_holder {
  float: right;
  margin-top: 19%;
}
.reseller-hosting_page .offer_rectangle_holder {
  text-align: center;
  width: 100%;
}
@media (min-width: 992px) {
  .reseller-hosting_page .subpages_height + section:not(.trustpilot_small) {
    padding-top: 6rem;
    padding-bottom: 2em;
  }
}
@media (min-width: 1200px) {
  .reseller-hosting_page .subpages_height + section:not(.trustpilot_small) {
    padding-top: 6rem;
    padding-bottom: 1em;
  }
}
.reseller-hosting_page h6 + h2 {
  padding-bottom: 2rem;
}
.reseller-hosting_page .reseller-offer {
  margin-bottom: -5px;
}
.reseller-hosting_page .call-to-action {
  line-height: 60px;
}
.reseller-hosting_page .comp_panel_1up {
  padding: 0;
}
.reseller-hosting_page .comp_panel_holder .highlight {
  padding: 0 60px;
  line-height: 57px;
  height: 57px;
  font-size: 2.25rem;
  width: auto;
  left: 50%;
  transform: translate(-50%, -100%);
  text-transform: none;
}
.reseller-hosting_page .comp_panel_holder p {
  min-height: 0;
}
.reseller-hosting_page .comp_panel_holder h4 {
  padding: 0;
  margin: 0 0 10px;
}
.reseller-hosting_page .comp_panel_holder p, .reseller-hosting_page .comp_panel_holder h4 {
  font-family: MuseoSansRounded-500, sans-serif;
}
.reseller-hosting_page .comp_panel_holder .gradient-underline {
  max-width: 100%;
  width: calc(100% - 60px);
}
.reseller-hosting_page .comp_panel_holder .primary_button {
  max-width: 30rem;
}
.reseller-hosting_page .comp_panel_holder .hexagon-list li {
  margin-bottom: 22.5px;
  font-size: 17.5px;
  line-height: 25px;
}

.index-original-new-copy_page {
  /*Styling for new copy*/
  /* Stage 1 - Header */
  /*Header and Hero */
  /* End Stage 1 - Header */
}
.index-original-new-copy_page .tab_image {
  width: 0;
}
.index-original-new-copy_page .tab_text {
  width: 100%;
}
.index-original-new-copy_page .tab_text p {
  float: left;
  width: 100%;
  min-height: 205px;
  padding: 0 0 30px;
}
@media (min-width: 768px) {
  .index-original-new-copy_page .tab_text p {
    width: 50%;
    padding: 0 20px 0 20px !important;
  }
}
.index-original-new-copy_page .tab_text strong {
  font-size: 2.2rem;
  font-family: "MuseoSansRounded-300", sans-serif;
  font-weight: 300;
}
.index-original-new-copy_page .tabbed_section ul.nav {
  padding-bottom: 3.6rem !important;
}
.index-original-new-copy_page .reseller_offer_holder {
  margin-top: -30px;
  margin-right: -264px;
}
.index-original-new-copy_page .reseller_discounts .hexagon {
  width: 180px;
  height: 90px;
  margin: auto;
  text-align: center;
}
.index-original-new-copy_page .reseller_discounts .hexagon-icon {
  font-size: 30px;
  line-height: 20px;
  padding-top: 28px;
  color: #FFFFFF;
}
@media (min-width: 992px) {
  .index-original-new-copy_page .reseller_discounts .hexagon-icon {
    padding-top: 0;
    padding-left: 50px;
  }
}
@media (min-width: 1200px) {
  .index-original-new-copy_page .reseller_discounts .hexagon-icon {
    padding-top: 28px;
    padding-left: 20px;
  }
}
.index-original-new-copy_page .reseller_discounts .hexagon-icon span {
  font-size: 14px;
}
.index-original-new-copy_page .parallax_shape, .index-original-new-copy_page .parallax_shape2 {
  height: 75px;
}
.index-original-new-copy_page .parrallax_shape2 {
  right: 10px;
}
.index-original-new-copy_page .hero_bar {
  height: 10px;
  margin-bottom: 6px;
}
@media (min-width: 992px) {
  .index-original-new-copy_page .hero_bar {
    height: 10px;
    margin-bottom: 0.7rem;
  }
}
.index-original-new-copy_page .hero_box_container {
  width: 100%;
  padding: 0;
  margin-left: 0;
  opacity: 1;
  background-color: rgba(255, 255, 255, 0.1);
  background-position: 40% 0;
}
.index-original-new-copy_page .reseller .parallax_shapes {
  background-image: url("/assets/img/resellerbg.jpg");
  background-size: auto 850px;
  background-repeat: no-repeat;
}
.index-original-new-copy_page .hero_box {
  padding: 3.7rem 3.8rem 6rem;
  overflow: auto;
}
.index-original-new-copy_page .hero_box .price {
  text-align: center;
  color: #3a3a3a;
  font-family: "MuseoSansRounded-100", sans-serif;
  display: inline-block;
  font-size: 1.7rem;
}
.index-original-new-copy_page .hero_box .price .pound,
.index-original-new-copy_page .hero_box .price .pounds,
.index-original-new-copy_page .hero_box .price .pence {
  font-family: "MuseoSansRounded-500", sans-serif;
  font-size: 2.5rem;
  vertical-align: initial;
}
.index-original-new-copy_page .hero_box .price span.offer-code {
  color: #3b3b3b;
  font-family: "MuseoSansRounded-500", sans-serif;
  font-size: 1.8rem;
}
.index-original-new-copy_page .hero_box h1 {
  font-family: "MuseoSansRounded-300", sans-serif;
  color: #3b3b3b;
  font-size: 3rem;
  margin-bottom: 15px;
}
.index-original-new-copy_page .hero_box h2.copy {
  color: #777777;
  font-family: "MuseoSansRounded-100", sans-serif;
  margin-top: 0;
  margin-bottom: 3rem;
  font-size: 1.8rem;
}
.index-original-new-copy_page .hero_box .hero_box .copy {
  font-size: 1.5rem;
  margin-top: 0.4rem;
}
.index-original-new-copy_page .hero_box .primary-cta {
  margin-bottom: 4rem;
}
.index-original-new-copy_page .hero_box .primary-cta span.offer-code {
  color: #3b3b3b;
  font-family: "MuseoSansRounded-500", sans-serif;
  font-size: 1.8rem;
}
.index-original-new-copy_page .hero_box .primary-cta .primary_button {
  font-size: 1.3rem;
  padding: 1.4rem 4rem;
  max-width: 260px;
}
@media (min-width: 767px) {
  .index-original-new-copy_page .reseller .parallax_shapes {
    background-size: auto 710px;
    background-position: -240px 70px;
  }
  .index-original-new-copy_page .hero_box_container {
    width: 65%;
    /* Fonts */
  }
  .index-original-new-copy_page .hero_box_container .period {
    text-transform: none;
    margin-top: -8px !important;
    margin-bottom: -8px !important;
  }
  .index-original-new-copy_page .hero_box_container .reseller-hosting-2_page .reseller .parallax_shapes {
    background-size: 130%;
  }
  .index-original-new-copy_page .hero_box_container .hero_box h1 {
    font-size: 4rem;
  }
  .index-original-new-copy_page .hero_box_container .hero_box h2.copy {
    font-size: 2rem;
    padding: 0 1rem;
  }
  .index-original-new-copy_page .hero_box_container .hero_box .primary-cta {
    margin: 0 auto 3rem;
  }
  .index-original-new-copy_page .hero_box_container .hero_box .primary-cta .primary_button {
    margin-bottom: 0;
    width: 100%;
  }
}
@media (min-width: 992px) {
  .index-original-new-copy_page .reseller .parallax_shapes {
    background-size: auto 720px;
    background-repeat: no-repeat;
    background-position: 0 10px;
  }
  .index-original-new-copy_page .hero_box_container .hero_box .period {
    text-transform: none;
    margin-top: -8px;
    margin-bottom: -8px;
  }
  .index-original-new-copy_page .hero_box_container .hero_box h2.copy {
    font-size: 1.8rem;
    padding: 0 1rem;
  }
  .index-original-new-copy_page .hero_box_container .hero_box .primary-cta {
    float: right;
    margin-bottom: 0;
  }
  .index-original-new-copy_page .hero_box_container .hero_box .primary-cta .primary_button {
    margin-left: 1.8rem;
    width: auto;
  }
  .index-original-new-copy_page .hero_box_container .hero_box .price {
    padding-right: 1.9rem;
    border-right: 2px solid #d0d0d0;
    float: right;
    text-align: right;
  }
}
@media (min-width: 1200px) {
  .index-original-new-copy_page .reseller .parallax_shapes {
    background-size: cover;
    height: 690px;
  }
  .index-original-new-copy_page .hero_box_container {
    width: 59%;
  }
  .index-original-new-copy_page .hero_box_container .hero_box {
    padding: 3.7rem 6.8rem 6rem;
  }
}
@media (min-width: 1200px) and (min-width: 768px) {
  .index-original-new-copy_page .lownav_top .hero_box_container {
    margin-top: 0;
  }
}
@media (min-width: 1200px) {
  .index-original-new-copy_page .lownav_top .hero_box {
    padding-bottom: 8rem;
  }
}
@media (min-width: 1200px) and (min-width: 768px) {
  .index-original-new-copy_page .lownav_top .hero_box {
    padding-bottom: 12rem;
  }
}
@media (min-width: 1200px) and (min-width: 992px) {
  .index-original-new-copy_page .lownav_top .hero_box {
    padding-bottom: 16rem;
  }
}
@media (min-width: 1200px) and (min-width: 1200px) {
  .index-original-new-copy_page .lownav_top .hero_box {
    padding-bottom: 20rem;
  }
}
@media (min-width: 1200px) and (min-width: 768px) {
  .index-original-new-copy_page .lownav_top .hero_box {
    padding-bottom: 1.2rem;
  }
}
@media (min-width: 1200px) and (min-width: 768px) and (min-width: 768px) {
  .index-original-new-copy_page .lownav_top .hero_box {
    padding-bottom: 1.8rem;
  }
}
@media (min-width: 1200px) and (min-width: 768px) and (min-width: 992px) {
  .index-original-new-copy_page .lownav_top .hero_box {
    padding-bottom: 2.4rem;
  }
}
@media (min-width: 1200px) and (min-width: 768px) and (min-width: 1200px) {
  .index-original-new-copy_page .lownav_top .hero_box {
    padding-bottom: 3rem;
  }
}
@media (min-width: 1200px) and (min-width: 2400px) {
  .index-original-new-copy_page .lownav_top {
    height: 700px !important;
  }
}

.super-ssl-sale h2 {
  font-size: 3.25rem;
}
@media (min-width: 1200px) {
  .super-ssl-sale h2 {
    font-size: 4rem;
  }
}
@media (min-width: 992px) {
  .super-ssl-sale h2 {
    font-size: 3.75rem;
  }
}
@media (min-width: 768px) {
  .super-ssl-sale h2 {
    font-size: 3.5rem;
  }
}
.super-ssl-sale h2 strong {
  font-family: inherit;
}
.super-ssl-sale .comp_panel_1up {
  margin-bottom: 5rem;
}
.super-ssl-sale .comp_panel_holder {
  padding-top: 9rem;
}
.super-ssl-sale .comp_panel_holder .primary_button {
  width: auto;
}
.super-ssl-sale .promo_sale_banner {
  top: 0;
  font-size: 30px;
  height: 82px;
}

.reseller-hosting_page .reseller-features-box__title-row,
.ecommerce-hosting_page .reseller-features-box__title-row {
  display: flex;
  justify-content: center;
}
.reseller-hosting_page .reseller-features-box__title-row h2,
.reseller-hosting_page .reseller-features-box__title-row .h2,
.ecommerce-hosting_page .reseller-features-box__title-row h2,
.ecommerce-hosting_page .reseller-features-box__title-row .h2 {
  font-family: MuseoSansRounded-500, sans-serif;
  padding: 20px 60px;
  background-color: #63b770;
  display: inline;
  color: #fff;
}
.reseller-hosting_page .reseller-features-box__content-row,
.ecommerce-hosting_page .reseller-features-box__content-row {
  position: relative;
}
.reseller-hosting_page .reseller-features-box__content-row .sale-flag,
.ecommerce-hosting_page .reseller-features-box__content-row .sale-flag {
  position: absolute;
  top: -1px;
  right: -13px;
}
.reseller-hosting_page .reseller-features-box__content-row h3,
.reseller-hosting_page .reseller-features-box__content-row .h3,
.ecommerce-hosting_page .reseller-features-box__content-row h3,
.ecommerce-hosting_page .reseller-features-box__content-row .h3 {
  text-transform: uppercase;
}
@media (min-width: 768px) {
  .reseller-hosting_page .reseller-features-box__content-row h3,
  .reseller-hosting_page .reseller-features-box__content-row .h3,
  .ecommerce-hosting_page .reseller-features-box__content-row h3,
  .ecommerce-hosting_page .reseller-features-box__content-row .h3 {
    text-align: left;
  }
}
.reseller-hosting_page .reseller-features-box__content-row ul,
.ecommerce-hosting_page .reseller-features-box__content-row ul {
  list-style-type: none;
  text-align: left;
  padding: 0;
  margin-bottom: 0;
}
.reseller-hosting_page .reseller-features-box__content-row li,
.ecommerce-hosting_page .reseller-features-box__content-row li {
  margin-bottom: 10px;
}
.reseller-hosting_page .reseller-features-box__content-row li span:not(.fa),
.ecommerce-hosting_page .reseller-features-box__content-row li span:not(.fa) {
  font-family: MuseoSansRounded-500, sans-serif;
}
.reseller-hosting_page .reseller-features-box__content-row li .fa,
.ecommerce-hosting_page .reseller-features-box__content-row li .fa {
  padding-right: 10px;
}
.reseller-hosting_page .reseller-features-box__content-row > .col-sm-5 h3, .reseller-hosting_page .feature_rows .reseller-features-box__content-row > .image h3, .feature_rows .reseller-hosting_page .reseller-features-box__content-row > .image h3, .reseller-hosting_page .reseller-features-box__content-row > .twelve-five_all h3, .reseller-hosting_page .reseller-features-box__content-row > .five_all h3,
.reseller-hosting_page .reseller-features-box__content-row > .col-sm-5 .h3,
.reseller-hosting_page .feature_rows .reseller-features-box__content-row > .image .h3,
.feature_rows .reseller-hosting_page .reseller-features-box__content-row > .image .h3,
.reseller-hosting_page .reseller-features-box__content-row > .twelve-five_all .h3,
.reseller-hosting_page .reseller-features-box__content-row > .five_all .h3,
.ecommerce-hosting_page .reseller-features-box__content-row > .col-sm-5 h3,
.ecommerce-hosting_page .feature_rows .reseller-features-box__content-row > .image h3,
.feature_rows .ecommerce-hosting_page .reseller-features-box__content-row > .image h3,
.ecommerce-hosting_page .reseller-features-box__content-row > .twelve-five_all h3,
.ecommerce-hosting_page .reseller-features-box__content-row > .five_all h3,
.ecommerce-hosting_page .reseller-features-box__content-row > .col-sm-5 .h3,
.ecommerce-hosting_page .feature_rows .reseller-features-box__content-row > .image .h3,
.feature_rows .ecommerce-hosting_page .reseller-features-box__content-row > .image .h3,
.ecommerce-hosting_page .reseller-features-box__content-row > .twelve-five_all .h3,
.ecommerce-hosting_page .reseller-features-box__content-row > .five_all .h3 {
  font-family: MuseoSansRounded-300, sans-serif;
  text-align: center;
  color: #242424;
  font-size: 25px;
}
@media (min-width: 768px) {
  .reseller-hosting_page .reseller-features-box__content-row > .col-sm-5, .reseller-hosting_page .feature_rows .reseller-features-box__content-row > .image, .feature_rows .reseller-hosting_page .reseller-features-box__content-row > .image, .reseller-hosting_page .reseller-features-box__content-row > .twelve-five_all, .reseller-hosting_page .reseller-features-box__content-row > .five_all,
  .ecommerce-hosting_page .reseller-features-box__content-row > .col-sm-5,
  .ecommerce-hosting_page .feature_rows .reseller-features-box__content-row > .image,
  .feature_rows .ecommerce-hosting_page .reseller-features-box__content-row > .image,
  .ecommerce-hosting_page .reseller-features-box__content-row > .twelve-five_all,
  .ecommerce-hosting_page .reseller-features-box__content-row > .five_all {
    border-left: 1px solid #cccccc;
  }
}
.reseller-hosting_page .reseller-features-box__content-row .gradient-underline,
.ecommerce-hosting_page .reseller-features-box__content-row .gradient-underline {
  margin: 0;
}
@media (min-width: 768px) {
  .reseller-hosting_page .reseller-features-box__content-row .gradient-underline,
  .ecommerce-hosting_page .reseller-features-box__content-row .gradient-underline {
    margin-bottom: 30px;
  }
}
.reseller-hosting_page .reseller-features-box__content-row .price__previous,
.ecommerce-hosting_page .reseller-features-box__content-row .price__previous {
  font-size: 24px;
  display: block;
}
.reseller-hosting_page .reseller-features-box__content-row > [class^=col-sm],
.ecommerce-hosting_page .reseller-features-box__content-row > [class^=col-sm] {
  margin-bottom: 60px;
}
@media (min-width: 768px) {
  .reseller-hosting_page .reseller-features-box__content-row > [class^=col-sm],
  .ecommerce-hosting_page .reseller-features-box__content-row > [class^=col-sm] {
    margin-bottom: 0;
  }
}
.reseller-hosting_page .reseller-features-box__content-row > [class^=col-sm]:last-of-type,
.ecommerce-hosting_page .reseller-features-box__content-row > [class^=col-sm]:last-of-type {
  margin-bottom: 0;
}
.reseller-hosting_page .reseller-features-box__content-row > [class^=col-sm] > [class^=col-sm],
.ecommerce-hosting_page .reseller-features-box__content-row > [class^=col-sm] > [class^=col-sm] {
  margin-bottom: 30px;
}
@media (min-width: 768px) {
  .reseller-hosting_page .reseller-features-box__content-row > [class^=col-sm] > [class^=col-sm],
  .ecommerce-hosting_page .reseller-features-box__content-row > [class^=col-sm] > [class^=col-sm] {
    margin-bottom: 0;
  }
}
.reseller-hosting_page .reseller-features-box__content-row > [class^=col-sm] > [class^=col-sm]:last-of-type,
.ecommerce-hosting_page .reseller-features-box__content-row > [class^=col-sm] > [class^=col-sm]:last-of-type {
  margin-bottom: 0;
}

.reseller-hosting_page .vps-box .comp_panel_holder {
  position: relative;
  padding-top: 7rem;
}
@media (min-width: 992px) {
  .reseller-hosting_page .vps-box .comp_panel_holder {
    padding-top: 4rem;
  }
}
@media (min-width: 992px) and (min-width: 768px) {
  .reseller-hosting_page .vps-box .comp_panel_holder {
    padding-top: 6rem;
  }
}
@media (min-width: 992px) and (min-width: 992px) {
  .reseller-hosting_page .vps-box .comp_panel_holder {
    padding-top: 8rem;
  }
}
@media (min-width: 992px) and (min-width: 1200px) {
  .reseller-hosting_page .vps-box .comp_panel_holder {
    padding-top: 10rem;
  }
}
.reseller-hosting_page .vps-box__title-row {
  margin-bottom: 15px;
}
.reseller-hosting_page .vps-box__title-row h2 {
  font-size: 3.25rem;
}
@media (min-width: 768px) {
  .reseller-hosting_page .vps-box__title-row h2 {
    font-size: 3.5rem;
  }
}
@media (min-width: 992px) {
  .reseller-hosting_page .vps-box__title-row h2 {
    font-size: 3.75rem;
  }
}
@media (min-width: 1200px) {
  .reseller-hosting_page .vps-box__title-row h2 {
    font-size: 4rem;
  }
}
.reseller-hosting_page .vps-box__title-row h3 {
  font-size: 18px;
}
.reseller-hosting_page .vps-box .sale-flag {
  position: absolute;
  top: -1px;
  right: -13px;
}
.reseller-hosting_page .vps-box__content-row {
  margin-bottom: 45px;
}
.reseller-hosting_page .vps-box__content-row h4 {
  font-family: MuseoSansRounded-500, sans-serif;
  text-transform: none;
}
.reseller-hosting_page .vps-box__content-row .price__previous {
  margin-bottom: 15px;
}
@media (min-width: 992px) {
  .reseller-hosting_page .vps-box__content-row {
    display: flex;
  }
  .reseller-hosting_page .vps-box__content-row > div {
    border-right: 1px solid #cccccc;
  }
  .reseller-hosting_page .vps-box__content-row > div:last-of-type {
    border: none;
  }
}
.reseller-hosting_page .vps-box__content-row > div {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 10px 30px;
}
@media (max-width: 991px) {
  .reseller-hosting_page .vps-box__deal-details-row > p {
    margin-bottom: 30px;
  }
}

.ecommerce-hosting_page .reseller-features-box .hexagon-list li.premium_row {
  padding-top: 0;
  padding-bottom: 0;
  margin-bottom: 22.5px;
}
.ecommerce-hosting_page .reseller-features-box .price {
  margin-bottom: 10px;
  color: #242424;
  font-family: MuseoSansRounded-500, sans-serif;
}
.ecommerce-hosting_page .reseller-features-box .pounds,
.ecommerce-hosting_page .reseller-features-box .pound {
  font-size: 1.75rem;
}
@media (min-width: 768px) {
  .ecommerce-hosting_page .reseller-features-box .pounds,
  .ecommerce-hosting_page .reseller-features-box .pound {
    font-size: 2rem;
  }
}
@media (min-width: 992px) {
  .ecommerce-hosting_page .reseller-features-box .pounds,
  .ecommerce-hosting_page .reseller-features-box .pound {
    font-size: 2.25rem;
  }
}
@media (min-width: 1200px) {
  .ecommerce-hosting_page .reseller-features-box .pounds,
  .ecommerce-hosting_page .reseller-features-box .pound {
    font-size: 2.5rem;
  }
}
.ecommerce-hosting_page .reseller-features-box .pound {
  vertical-align: baseline;
  margin-right: 5px;
}
@media (min-width: 992px) {
  .ecommerce-hosting_page .reseller-features-box__title-row {
    height: 57px;
  }
  .ecommerce-hosting_page .reseller-features-box__title-row > h4,
  .ecommerce-hosting_page .reseller-features-box__title-row > .h2 {
    padding: 16px 75px;
  }
}
@media (min-width: 768px) {
  .ecommerce-hosting_page .reseller-features-box__content-row {
    display: flex;
    padding-left: 37px;
  }
}
@media (min-width: 1200px) {
  .ecommerce-hosting_page .reseller-features-box__content-row {
    padding-left: 58px;
  }
}
.ecommerce-hosting_page .reseller-features-box__content-row .gradient-underline {
  display: none;
  height: 5px;
}
.ecommerce-hosting_page .reseller-features-box__content-row .gradient-underline::before, .ecommerce-hosting_page .reseller-features-box__content-row .gradient-underline:after {
  content: none;
}
@media (min-width: 992px) {
  .ecommerce-hosting_page .reseller-features-box__content-row .gradient-underline {
    display: inline-block;
    position: absolute;
    top: 68px;
    left: 66px;
    width: calc(100% - 135px);
    max-width: none;
  }
}
@media (min-width: 1200px) {
  .ecommerce-hosting_page .reseller-features-box__content-row .gradient-underline {
    top: 81px;
    width: calc(100% - 177px);
    left: 87px;
  }
}
.ecommerce-hosting_page .reseller-features-box__content-row > .col-sm-5, .ecommerce-hosting_page .feature_rows .reseller-features-box__content-row > .image, .feature_rows .ecommerce-hosting_page .reseller-features-box__content-row > .image, .ecommerce-hosting_page .reseller-features-box__content-row > .twelve-five_all, .ecommerce-hosting_page .reseller-features-box__content-row > .five_all {
  border: none;
}
.ecommerce-hosting_page .reseller-features-box__content-row > .features-box__product-details > p:first-of-type {
  color: #1D1D1B;
  text-align: left;
  height: auto;
  margin-bottom: 30px;
  padding-left: 15px;
  padding-right: 15px;
  font-family: MuseoSansRounded-500, sans-serif;
}
@media (min-width: 768px) {
  .ecommerce-hosting_page .reseller-features-box__content-row > .features-box__product-details > p:first-of-type {
    height: 30px;
    display: flex;
    justify-content: flex-start;
    align-items: flex-end;
    margin-bottom: 25px;
  }
}
@media (min-width: 1200px) {
  .ecommerce-hosting_page .reseller-features-box__content-row > .features-box__product-details > p:first-of-type {
    margin-bottom: 38px;
  }
}
.ecommerce-hosting_page .reseller-features-box__content-row > .features-box__product-cta > h3,
.ecommerce-hosting_page .reseller-features-box__content-row > .features-box__product-cta > .h3 {
  font-family: MuseoSansRounded-500, sans-serif;
  margin-top: 0;
}
@media (min-width: 768px) {
  .ecommerce-hosting_page .reseller-features-box__content-row > .features-box__product-cta > h3,
  .ecommerce-hosting_page .reseller-features-box__content-row > .features-box__product-cta > .h3 {
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    padding: 0;
    margin-bottom: 25px;
  }
}
@media (min-width: 1200px) {
  .ecommerce-hosting_page .reseller-features-box__content-row > .features-box__product-cta > h3,
  .ecommerce-hosting_page .reseller-features-box__content-row > .features-box__product-cta > .h3 {
    margin-bottom: 38px;
  }
}
.ecommerce-hosting_page .reseller-features-box__content-row li:last-of-type {
  margin-bottom: 0;
}
.ecommerce-hosting_page .reseller-features-box .price_switcher {
  width: 100%;
  margin-top: 15px;
}
.ecommerce-hosting_page .reseller-features-box [data-annual] {
  display: inline-block;
  width: 100%;
  border: none;
  margin-top: 1.2rem;
}
@media (min-width: 768px) {
  .ecommerce-hosting_page .reseller-features-box [data-annual] {
    margin-top: 1.8rem;
  }
}
@media (min-width: 992px) {
  .ecommerce-hosting_page .reseller-features-box [data-annual] {
    margin-top: 2.4rem;
  }
}
@media (min-width: 1200px) {
  .ecommerce-hosting_page .reseller-features-box [data-annual] {
    margin-top: 3rem;
  }
}
.ecommerce-hosting_page .reseller-features-box .premium_link {
  margin-top: 0.4rem;
}
@media (min-width: 768px) {
  .ecommerce-hosting_page .reseller-features-box .premium_link {
    margin-top: 0.6rem;
  }
}
@media (min-width: 992px) {
  .ecommerce-hosting_page .reseller-features-box .premium_link {
    margin-top: 0.8rem;
  }
}
@media (min-width: 1200px) {
  .ecommerce-hosting_page .reseller-features-box .premium_link {
    margin-top: 1rem;
  }
}

.price-code {
  white-space: nowrap;
  font-size: 16px;
  margin: 10px 0;
  display: inline-block;
}
.price-code__code {
  font-family: MuseoSansRounded-500, sans-serif;
}

.windows-hosting_page .credit-price .price__previous {
  font-size: 24px;
  display: block;
  line-height: 0;
  margin-bottom: 0;
  margin-top: -23px;
}
@media (min-width: 992px) {
  .windows-hosting_page .credit-price .price__previous {
    transform: translateY(5px);
  }
}

.web-hosting_page .subpages_height + section:not(.trustpilot_small),
.windows .subpages_height + section:not(.trustpilot_small),
.wordpress .subpages_height + section:not(.trustpilot_small),
.wordpress-pro .subpages_height + section:not(.trustpilot_small),
.wordpress-ecommerce .subpages_height + section:not(.trustpilot_small),
.managed-vps_page .subpages_height + section:not(.trustpilot_small),
.vps_page .subpages_height + section:not(.trustpilot_small),
.reseller-vps_page .subpages_height + section:not(.trustpilot_small) {
  padding-top: 2.4rem;
}
@media (min-width: 768px) {
  .web-hosting_page .subpages_height + section:not(.trustpilot_small),
  .windows .subpages_height + section:not(.trustpilot_small),
  .wordpress .subpages_height + section:not(.trustpilot_small),
  .wordpress-pro .subpages_height + section:not(.trustpilot_small),
  .wordpress-ecommerce .subpages_height + section:not(.trustpilot_small),
  .managed-vps_page .subpages_height + section:not(.trustpilot_small),
  .vps_page .subpages_height + section:not(.trustpilot_small),
  .reseller-vps_page .subpages_height + section:not(.trustpilot_small) {
    padding-top: 3.6rem;
  }
}
@media (min-width: 992px) {
  .web-hosting_page .subpages_height + section:not(.trustpilot_small),
  .windows .subpages_height + section:not(.trustpilot_small),
  .wordpress .subpages_height + section:not(.trustpilot_small),
  .wordpress-pro .subpages_height + section:not(.trustpilot_small),
  .wordpress-ecommerce .subpages_height + section:not(.trustpilot_small),
  .managed-vps_page .subpages_height + section:not(.trustpilot_small),
  .vps_page .subpages_height + section:not(.trustpilot_small),
  .reseller-vps_page .subpages_height + section:not(.trustpilot_small) {
    padding-top: 4.8rem;
  }
}
@media (min-width: 1200px) {
  .web-hosting_page .subpages_height + section:not(.trustpilot_small),
  .windows .subpages_height + section:not(.trustpilot_small),
  .wordpress .subpages_height + section:not(.trustpilot_small),
  .wordpress-pro .subpages_height + section:not(.trustpilot_small),
  .wordpress-ecommerce .subpages_height + section:not(.trustpilot_small),
  .managed-vps_page .subpages_height + section:not(.trustpilot_small),
  .vps_page .subpages_height + section:not(.trustpilot_small),
  .reseller-vps_page .subpages_height + section:not(.trustpilot_small) {
    padding-top: 6rem;
  }
}
.web-hosting_page .lownav_top,
.windows .lownav_top,
.wordpress .lownav_top,
.wordpress-pro .lownav_top,
.wordpress-ecommerce .lownav_top,
.managed-vps_page .lownav_top,
.vps_page .lownav_top,
.reseller-vps_page .lownav_top {
  background-size: cover;
  background-repeat: no-repeat;
  background-position-x: center;
}

video + hr.csm {
  display: none;
}

.web-hosting_page .lownav_top {
  background-image: url(../assets/img/web-hosting.jpg);
}
@media (max-width: 767px) {
  .web-hosting_page .mobile_hide + hr.csm {
    display: none;
  }
}
@media (max-width: 991px) {
  .web-hosting_page .mobile_hide + hr.csm {
    display: none;
  }
  .web-hosting_page video + hr.csm {
    display: inline-block;
  }
}

@media (min-width: 1440px) {
  [class*=wordpress] .lownav_top {
    min-height: 420px;
  }
}
@media (min-width: 1920px) {
  [class*=wordpress] .lownav_top {
    min-height: 500px;
  }
}
@media (min-width: 2560px) {
  [class*=wordpress] .lownav_top {
    min-height: 600px;
  }
}

.wordpress .lownav_top {
  background-image: url(../assets/img/wordpress.jpg);
}

.wordpress-pro .lownav_top {
  background-image: url(../assets/img/wordpress-pro.jpg);
}

.wordpress-ecommerce .lownav_top {
  background-image: url(../assets/img/wordpress-ecommerce.jpg);
}

.windows .lownav_top {
  background-image: url(../assets/img/windows.jpg);
}

.all-features_page.os_option2_selected .comp_panel_4up > .mobile_only > .comp_panel_holder {
  height: 356px;
}

@media (min-width: 768px) {
  .wordpress-features_page .comp_chart_side .comp_panel_4up {
    width: 50%;
  }
}
@media (min-width: 992px) {
  .all-features_page .period,
  .wordpress-features_page .period {
    line-height: 1;
  }
  .all-features_page .mobile_only + .comp_panel_holder,
  .wordpress-features_page .mobile_only + .comp_panel_holder {
    background: none;
  }
  .all-features_page .os_buttons,
  .wordpress-features_page .os_buttons {
    display: flex;
    position: absolute;
    transform: translateY(8px);
  }
  .all-features_page .container.web_hosting_all, .all-features_page .navbar .web_hosting_all.navbar-header, .navbar .all-features_page .web_hosting_all.navbar-header, .all-features_page .navbar .web_hosting_all.log_in_form, .navbar .all-features_page .web_hosting_all.log_in_form, .all-features_page .navbar .web_hosting_all.social_buttons, .navbar .all-features_page .web_hosting_all.social_buttons, .all-features_page .navbar .web_hosting_all.support_tab, .navbar .all-features_page .web_hosting_all.support_tab, .all-features_page .navbar .web_hosting_all#navbar, .navbar .all-features_page .web_hosting_all#navbar,
  .wordpress-features_page .container.web_hosting_all,
  .wordpress-features_page .navbar .web_hosting_all.navbar-header,
  .navbar .wordpress-features_page .web_hosting_all.navbar-header,
  .wordpress-features_page .navbar .web_hosting_all.log_in_form,
  .navbar .wordpress-features_page .web_hosting_all.log_in_form,
  .wordpress-features_page .navbar .web_hosting_all.social_buttons,
  .navbar .wordpress-features_page .web_hosting_all.social_buttons,
  .wordpress-features_page .navbar .web_hosting_all.support_tab,
  .navbar .wordpress-features_page .web_hosting_all.support_tab,
  .wordpress-features_page .navbar .web_hosting_all#navbar,
  .navbar .wordpress-features_page .web_hosting_all#navbar {
    position: relative;
  }
  .all-features_page .os_option > .row:first-of-type,
  .wordpress-features_page .os_option > .row:first-of-type {
    display: flex;
    justify-content: flex-end;
    padding-bottom: 0;
  }
  .all-features_page .comp_chart,
  .wordpress-features_page .comp_chart {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.4s ease;
  }
  .all-features_page.os_option1_selected .comp_chart, .all-features_page.os_option2_selected .comp_chart,
  .wordpress-features_page.os_option1_selected .comp_chart,
  .wordpress-features_page.os_option2_selected .comp_chart {
    opacity: 1;
    visibility: visible;
  }
  .all-features_page.os_option1_selected .os_option .comp_panel_4up,
  .wordpress-features_page.os_option1_selected .os_option .comp_panel_4up {
    width: 20%;
  }
  .all-features_page.os_option1_selected .os_buttons,
  .wordpress-features_page.os_option1_selected .os_buttons {
    width: 20%;
  }
  .all-features_page.os_option1_selected .os_buttons button,
  .wordpress-features_page.os_option1_selected .os_buttons button {
    padding-left: 5px !important;
    padding-right: 5px !important;
  }
  .all-features_page.os_option1_selected .os_buttons button:first-of-type,
  .wordpress-features_page.os_option1_selected .os_buttons button:first-of-type {
    margin-right: 20px;
  }
  .all-features_page.os_option1_selected .comp_panel_holder p,
  .wordpress-features_page.os_option1_selected .comp_panel_holder p {
    height: 140px;
  }
  .all-features_page.os_option1_selected .comp_panel_holder .row,
  .wordpress-features_page.os_option1_selected .comp_panel_holder .row {
    white-space: nowrap;
  }
  .all-features_page.os_option1_selected .comp_panel_holder .row small,
  .wordpress-features_page.os_option1_selected .comp_panel_holder .row small {
    white-space: normal;
  }
  .all-features_page.os_option1_selected .comp_panel_holder .row > a > button,
  .wordpress-features_page.os_option1_selected .comp_panel_holder .row > a > button {
    width: 100%;
  }
  .all-features_page.os_option1_selected .web_hosting_all .comp_panel_holder.no-bottom,
  .wordpress-features_page.os_option1_selected .web_hosting_all .comp_panel_holder.no-bottom {
    height: auto;
  }
  .all-features_page.os_option2_selected .os_option .comp_panel_4up,
  .wordpress-features_page.os_option2_selected .os_option .comp_panel_4up {
    width: 33.3333333333%;
  }
  .all-features_page.os_option2_selected .os_buttons,
  .wordpress-features_page.os_option2_selected .os_buttons {
    width: 33.3333333333%;
  }
  .all-features_page.os_option2_selected .os_buttons button:first-of-type,
  .wordpress-features_page.os_option2_selected .os_buttons button:first-of-type {
    margin-right: 27px;
  }
  .all-features_page .table-section-header,
  .wordpress-features_page .table-section-header {
    transform: translateX(-15px);
    margin: 15px 0;
  }
  .all-features_page .table-section-header__bg,
  .wordpress-features_page .table-section-header__bg {
    padding: 15px;
    background-color: #ccc;
  }
  .all-features_page .table-section-header__placeholder,
  .wordpress-features_page .table-section-header__placeholder {
    height: 49px;
    margin: 15px 0;
  }
  .all-features_page .table-section-header h6,
  .wordpress-features_page .table-section-header h6 {
    font-size: 16px;
    text-align: left;
    padding: 0;
  }
  .wordpress-features_page .comp_chart {
    opacity: 1;
    visibility: visible;
  }
  .wordpress-features_page .comp_panel_4up,
  .wordpress-features_page .comp_chart_side .comp_panel_4up {
    width: 20%;
  }
}
.web-hosting_page > .comp_chart {
  position: relative;
}
.web-hosting_page .feature_rows + .feature_rows {
  padding-top: 0;
}

.switch-wrap {
  font-family: MuseoSansRounded;
  font-size: 16px;
  font-weight: 300;
  width: auto;
  max-width: 100%;
  margin: 15px 0;
  border: 0.564853px solid #d8d8d8;
  border-radius: 4px;
  background: transparent;
  padding-top: 2rem;
  padding-bottom: 2rem;
  text-align: center;
}

.case-study {
  background-repeat: no-repeat;
  position: fixed;
  height: 800px;
  width: 100%;
  z-index: -1;
  background-size: cover;
  top: 0px;
  background-position: 0px 50px;
}

.case-study:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0; /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 23%, rgba(0, 0, 0, 0.28) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#00000000", endColorstr="#47000000",GradientType=0 ); /* IE6-9 */
}

.quote {
  font-size: 20px;
  width: 283px;
  font-family: "museosansrounded-700", sans-serif;
}

.case_logo {
  margin-bottom: 20px;
  border-radius: 10px;
}

.three_column_image {
  height: auto;
}

.hero {
  padding-bottom: 7rem;
}
@media (min-width: 992px) {
  .hero {
    min-height: 500px;
  }
}
@media (min-width: 1200px) {
  .hero {
    min-height: 620px;
  }
}

.customer-details {
  display: none !important;
}

.hero_box .copy {
  text-align: left !important;
}
@media (min-width: 992px) {
  .hero_box .copy {
    margin-top: 0.5rem;
  }
}
@media (min-width: 1200px) {
  .hero_box .copy {
    margin-top: 0.5rem !important;
  }
}

.hero_box h1 {
  font-family: museosansrounded-700;
}

.managed-vps_page .lownav_top {
  background-image: url(../assets/img/managed-vps/StarryBackground.png);
}
.managed-vps_page .hero_box_container {
  width: 100%;
  font-family: MuseoSansRounded-300, sans-serif;
  font-size: 2.5rem;
  font-weight: 700;
}
.managed-vps_page .hero_box_container h1 {
  font-size: 2.75rem;
}
.managed-vps_page .hero_box_container h2 {
  font-size: 2.25rem;
}
.managed-vps_page .hero_box {
  min-height: 166px;
}

.privacy-centre_page h2 {
  text-align: left !important;
  font-size: 3.75rem;
}
.privacy-centre_page p + ul {
  padding-top: 0rem;
  padding-bottom: 1rem;
}
.privacy-centre_page h2 + h4 {
  padding-top: 2rem;
}
.privacy-centre_page .privacy-standalone {
  margin-left: -7px;
}

.sponsorship_page div.three_column h2 {
  font-size: 2rem;
  height: 50px;
}
.sponsorship_page div.three_column .col_image .three_column {
  margin-top: 0;
  min-height: 430px;
}
@media (min-width: 768px) {
  .sponsorship_page div.three_column p:last-child {
    height: 180px;
    max-height: 180px;
  }
}

.dedicated-servers_page .lownav_top {
  background-image: url(/assets/img/dedicated_servers/Header_DedicatedServers.jpg);
}
.dedicated-servers_page .feature_rows .image {
  text-align: center;
}
.dedicated-servers_page .feature_rows .image img {
  width: 400px;
  max-width: 100%;
}
.dedicated-servers_page .comp_panel_holder .primary_button {
  width: 100%;
  padding: 2rem;
}
.dedicated-servers_page .call_sales {
  padding: 10px 20px;
  display: block;
  border: 1px solid #ccc;
  text-align: center;
  width: 80%;
  margin: 160px auto 20px;
}

.all-features_page .comparison .pounds,
.wordpress-features_page .comparison .pounds {
  font-size: 5rem;
}
.all-features_page .comparison table,
.wordpress-features_page .comparison table {
  width: calc(100% + 40px);
  margin-left: -20px;
  border-spacing: 20px 0;
  border-collapse: separate;
}
.all-features_page .comparison th,
.wordpress-features_page .comparison th {
  padding-left: 30px;
}
.all-features_page .comparison td,
.wordpress-features_page .comparison td {
  text-align: center;
  min-height: 38px;
  padding: 0.5rem 10px;
  margin: 0;
  border-right: 1px solid #ccc;
  border-left: 1px solid #ccc;
  border-top: 1px solid #ededed;
}
.all-features_page .comparison td:first-child,
.wordpress-features_page .comparison td:first-child {
  width: 200px;
  text-align: right;
  border-left: none;
  border-right: none;
}
.all-features_page .comparison td.text-left,
.wordpress-features_page .comparison td.text-left {
  text-align: left;
}
.all-features_page .comparison table.last tr:last-child td,
.wordpress-features_page .comparison table.last tr:last-child td {
  border-bottom: 1px solid #ccc;
  padding-bottom: 20px;
}
.all-features_page .comparison table.last td:first-child,
.wordpress-features_page .comparison table.last td:first-child {
  border-bottom: none;
}
.all-features_page .comparison table.first td,
.wordpress-features_page .comparison table.first td {
  border-top: 1px solid #ccc;
}
.all-features_page .comparison table.first td:first-child,
.wordpress-features_page .comparison table.first td:first-child {
  vertical-align: top;
  border-top: none;
  padding: 0;
  text-align: center;
}
.all-features_page .comparison .primary-headline,
.wordpress-features_page .comparison .primary-headline {
  background-color: #63b770;
  color: #fff;
  padding: 2rem 0 2rem 30px;
}
.all-features_page .comparison .secondary-headline,
.wordpress-features_page .comparison .secondary-headline {
  background-color: #ccc;
  color: #777;
  padding: 2rem 0 2rem 30px;
}
.all-features_page .comparison .comparison-preset,
.wordpress-features_page .comparison .comparison-preset {
  padding-top: 4rem;
}
.all-features_page .comparison .comparison-preset h4,
.wordpress-features_page .comparison .comparison-preset h4 {
  font-size: 2.5rem;
  padding-bottom: 3rem;
}
.all-features_page .comparison .compare-switch .col-md-6, .all-features_page .comparison .compare-switch .comp_panel_2up, .all-features_page .comparison .compare-switch #map, .all-features_page .comparison .compare-switch .left_column, .all-features_page .comparison .compare-switch .right_column, .all-features_page .comparison .compare-switch .middle_copy, .all-features_page .comparison .compare-switch .footer_button_container, .all-features_page .comparison .compare-switch .footer_terms_container, .all-features_page .comparison .compare-switch .two_column, .all-features_page .comparison .compare-switch .tab_text, .all-features_page .comparison .compare-switch .tab_image, .all-features_page .comparison .compare-switch .video_component .text, .video_component .all-features_page .comparison .compare-switch .text, .all-features_page .comparison .compare-switch .feature_rows .text, .feature_rows .all-features_page .comparison .compare-switch .text, .all-features_page .comparison .compare-switch .twelve-six_all, .all-features_page .comparison .compare-switch .text_company, .all-features_page .comparison .compare-switch .forgotten_password, .all-features_page .comparison .compare-switch .sign_up, .all-features_page .comparison .compare-switch .six_all, .all-features_page .comparison .compare-switch .what_i_am, .all-features_page .comparison .compare-switch .what_i_want, .all-features_page .comparison .compare-switch .i_am, .all-features_page .comparison .compare-switch .i_want,
.wordpress-features_page .comparison .compare-switch .col-md-6,
.wordpress-features_page .comparison .compare-switch .comp_panel_2up,
.wordpress-features_page .comparison .compare-switch #map,
.wordpress-features_page .comparison .compare-switch .left_column,
.wordpress-features_page .comparison .compare-switch .right_column,
.wordpress-features_page .comparison .compare-switch .middle_copy,
.wordpress-features_page .comparison .compare-switch .footer_button_container,
.wordpress-features_page .comparison .compare-switch .footer_terms_container,
.wordpress-features_page .comparison .compare-switch .two_column,
.wordpress-features_page .comparison .compare-switch .tab_text,
.wordpress-features_page .comparison .compare-switch .tab_image,
.wordpress-features_page .comparison .compare-switch .video_component .text,
.video_component .wordpress-features_page .comparison .compare-switch .text,
.wordpress-features_page .comparison .compare-switch .feature_rows .text,
.feature_rows .wordpress-features_page .comparison .compare-switch .text,
.wordpress-features_page .comparison .compare-switch .twelve-six_all,
.wordpress-features_page .comparison .compare-switch .text_company,
.wordpress-features_page .comparison .compare-switch .forgotten_password,
.wordpress-features_page .comparison .compare-switch .sign_up,
.wordpress-features_page .comparison .compare-switch .six_all,
.wordpress-features_page .comparison .compare-switch .what_i_am,
.wordpress-features_page .comparison .compare-switch .what_i_want,
.wordpress-features_page .comparison .compare-switch .i_am,
.wordpress-features_page .comparison .compare-switch .i_want {
  padding: 0;
}
.all-features_page .comparison .compare-option input,
.wordpress-features_page .comparison .compare-option input {
  display: none;
}
.all-features_page .comparison .selected,
.all-features_page .comparison .un-selected,
.wordpress-features_page .comparison .selected,
.wordpress-features_page .comparison .un-selected {
  width: 90px;
}
.all-features_page .comparison .hidden,
.wordpress-features_page .comparison .hidden {
  display: none;
}
.all-features_page .comparison .divider,
.wordpress-features_page .comparison .divider {
  margin-bottom: 0;
}
.all-features_page .comparison .selected,
.all-features_page .comparison .un-selected,
.all-features_page .comparison .comparison-preset,
.all-features_page .comparison .price-annually,
.all-features_page .comparison .price-monthly,
.wordpress-features_page .comparison .selected,
.wordpress-features_page .comparison .un-selected,
.wordpress-features_page .comparison .comparison-preset,
.wordpress-features_page .comparison .price-annually,
.wordpress-features_page .comparison .price-monthly {
  display: none;
}
.all-features_page .comparison .selected.active,
.all-features_page .comparison .un-selected.active,
.all-features_page .comparison .comparison-preset.active,
.all-features_page .comparison .price-annually.active,
.all-features_page .comparison .price-monthly.active,
.wordpress-features_page .comparison .selected.active,
.wordpress-features_page .comparison .un-selected.active,
.wordpress-features_page .comparison .comparison-preset.active,
.wordpress-features_page .comparison .price-annually.active,
.wordpress-features_page .comparison .price-monthly.active {
  display: block;
}

.log_in_page .comp_panel_holder {
  overflow: auto;
}

.web-hosting_page .subpages_height + section:not(.trustpilot_small),
.windows .subpages_height + section:not(.trustpilot_small),
.wordpress .subpages_height + section:not(.trustpilot_small),
.wordpress-pro .subpages_height + section:not(.trustpilot_small),
.wordpress-ecommerce .subpages_height + section:not(.trustpilot_small),
.managed-vps_page .subpages_height + section:not(.trustpilot_small),
.vps_page .subpages_height + section:not(.trustpilot_small),
.reseller-vps_page .subpages_height + section:not(.trustpilot_small) {
  padding-top: 2.4rem;
}
@media (min-width: 768px) {
  .web-hosting_page .subpages_height + section:not(.trustpilot_small),
  .windows .subpages_height + section:not(.trustpilot_small),
  .wordpress .subpages_height + section:not(.trustpilot_small),
  .wordpress-pro .subpages_height + section:not(.trustpilot_small),
  .wordpress-ecommerce .subpages_height + section:not(.trustpilot_small),
  .managed-vps_page .subpages_height + section:not(.trustpilot_small),
  .vps_page .subpages_height + section:not(.trustpilot_small),
  .reseller-vps_page .subpages_height + section:not(.trustpilot_small) {
    padding-top: 3.6rem;
  }
}
@media (min-width: 992px) {
  .web-hosting_page .subpages_height + section:not(.trustpilot_small),
  .windows .subpages_height + section:not(.trustpilot_small),
  .wordpress .subpages_height + section:not(.trustpilot_small),
  .wordpress-pro .subpages_height + section:not(.trustpilot_small),
  .wordpress-ecommerce .subpages_height + section:not(.trustpilot_small),
  .managed-vps_page .subpages_height + section:not(.trustpilot_small),
  .vps_page .subpages_height + section:not(.trustpilot_small),
  .reseller-vps_page .subpages_height + section:not(.trustpilot_small) {
    padding-top: 4.8rem;
  }
}
@media (min-width: 1200px) {
  .web-hosting_page .subpages_height + section:not(.trustpilot_small),
  .windows .subpages_height + section:not(.trustpilot_small),
  .wordpress .subpages_height + section:not(.trustpilot_small),
  .wordpress-pro .subpages_height + section:not(.trustpilot_small),
  .wordpress-ecommerce .subpages_height + section:not(.trustpilot_small),
  .managed-vps_page .subpages_height + section:not(.trustpilot_small),
  .vps_page .subpages_height + section:not(.trustpilot_small),
  .reseller-vps_page .subpages_height + section:not(.trustpilot_small) {
    padding-top: 6rem;
  }
}
.web-hosting_page .lownav_top,
.windows .lownav_top,
.wordpress .lownav_top,
.wordpress-pro .lownav_top,
.wordpress-ecommerce .lownav_top,
.managed-vps_page .lownav_top,
.vps_page .lownav_top,
.reseller-vps_page .lownav_top {
  background-size: cover;
  background-repeat: no-repeat;
  background-position-x: center;
}

video + hr.csm {
  display: none;
}

.web-hosting_page .lownav_top {
  background-image: url(../assets/img/web-hosting.jpg);
}
@media (max-width: 767px) {
  .web-hosting_page .mobile_hide + hr.csm {
    display: none;
  }
}
@media (max-width: 991px) {
  .web-hosting_page .mobile_hide + hr.csm {
    display: none;
  }
  .web-hosting_page video + hr.csm {
    display: inline-block;
  }
}

@media (min-width: 1440px) {
  [class*=wordpress] .lownav_top {
    min-height: 420px;
  }
}
@media (min-width: 1920px) {
  [class*=wordpress] .lownav_top {
    min-height: 500px;
  }
}
@media (min-width: 2560px) {
  [class*=wordpress] .lownav_top {
    min-height: 600px;
  }
}

.wordpress .lownav_top {
  background-image: url(../assets/img/wordpress.jpg);
}

.wordpress-pro .lownav_top {
  background-image: url(../assets/img/wordpress-pro.jpg);
}

.wordpress-ecommerce .lownav_top {
  background-image: url(../assets/img/wordpress-ecommerce.jpg);
}

.windows .lownav_top {
  background-image: url(../assets/img/windows.jpg);
}

.all-features_page.os_option2_selected .comp_panel_4up > .mobile_only > .comp_panel_holder {
  height: 356px;
}

@media (min-width: 768px) {
  .wordpress-features_page .comp_chart_side .comp_panel_4up {
    width: 50%;
  }
}
@media (min-width: 992px) {
  .all-features_page .period,
  .wordpress-features_page .period {
    line-height: 1;
  }
  .all-features_page .mobile_only + .comp_panel_holder,
  .wordpress-features_page .mobile_only + .comp_panel_holder {
    background: none;
  }
  .all-features_page .os_buttons,
  .wordpress-features_page .os_buttons {
    display: flex;
    position: absolute;
    transform: translateY(8px);
  }
  .all-features_page .container.web_hosting_all, .all-features_page .navbar .web_hosting_all.navbar-header, .navbar .all-features_page .web_hosting_all.navbar-header, .all-features_page .navbar .web_hosting_all.log_in_form, .navbar .all-features_page .web_hosting_all.log_in_form, .all-features_page .navbar .web_hosting_all.social_buttons, .navbar .all-features_page .web_hosting_all.social_buttons, .all-features_page .navbar .web_hosting_all.support_tab, .navbar .all-features_page .web_hosting_all.support_tab, .all-features_page .navbar .web_hosting_all#navbar, .navbar .all-features_page .web_hosting_all#navbar,
  .wordpress-features_page .container.web_hosting_all,
  .wordpress-features_page .navbar .web_hosting_all.navbar-header,
  .navbar .wordpress-features_page .web_hosting_all.navbar-header,
  .wordpress-features_page .navbar .web_hosting_all.log_in_form,
  .navbar .wordpress-features_page .web_hosting_all.log_in_form,
  .wordpress-features_page .navbar .web_hosting_all.social_buttons,
  .navbar .wordpress-features_page .web_hosting_all.social_buttons,
  .wordpress-features_page .navbar .web_hosting_all.support_tab,
  .navbar .wordpress-features_page .web_hosting_all.support_tab,
  .wordpress-features_page .navbar .web_hosting_all#navbar,
  .navbar .wordpress-features_page .web_hosting_all#navbar {
    position: relative;
  }
  .all-features_page .os_option > .row:first-of-type,
  .wordpress-features_page .os_option > .row:first-of-type {
    display: flex;
    justify-content: flex-end;
    padding-bottom: 0;
  }
  .all-features_page .comp_chart,
  .wordpress-features_page .comp_chart {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.4s ease;
  }
  .all-features_page.os_option1_selected .comp_chart, .all-features_page.os_option2_selected .comp_chart,
  .wordpress-features_page.os_option1_selected .comp_chart,
  .wordpress-features_page.os_option2_selected .comp_chart {
    opacity: 1;
    visibility: visible;
  }
  .all-features_page.os_option1_selected .os_option .comp_panel_4up,
  .wordpress-features_page.os_option1_selected .os_option .comp_panel_4up {
    width: 20%;
  }
  .all-features_page.os_option1_selected .os_buttons,
  .wordpress-features_page.os_option1_selected .os_buttons {
    width: 20%;
  }
  .all-features_page.os_option1_selected .os_buttons button,
  .wordpress-features_page.os_option1_selected .os_buttons button {
    padding-left: 5px !important;
    padding-right: 5px !important;
  }
  .all-features_page.os_option1_selected .os_buttons button:first-of-type,
  .wordpress-features_page.os_option1_selected .os_buttons button:first-of-type {
    margin-right: 20px;
  }
  .all-features_page.os_option1_selected .comp_panel_holder p,
  .wordpress-features_page.os_option1_selected .comp_panel_holder p {
    height: 140px;
  }
  .all-features_page.os_option1_selected .comp_panel_holder .row,
  .wordpress-features_page.os_option1_selected .comp_panel_holder .row {
    white-space: nowrap;
  }
  .all-features_page.os_option1_selected .comp_panel_holder .row small,
  .wordpress-features_page.os_option1_selected .comp_panel_holder .row small {
    white-space: normal;
  }
  .all-features_page.os_option1_selected .comp_panel_holder .row > a > button,
  .wordpress-features_page.os_option1_selected .comp_panel_holder .row > a > button {
    width: 100%;
  }
  .all-features_page.os_option1_selected .web_hosting_all .comp_panel_holder.no-bottom,
  .wordpress-features_page.os_option1_selected .web_hosting_all .comp_panel_holder.no-bottom {
    height: auto;
  }
  .all-features_page.os_option2_selected .os_option .comp_panel_4up,
  .wordpress-features_page.os_option2_selected .os_option .comp_panel_4up {
    width: 33.3333333333%;
  }
  .all-features_page.os_option2_selected .os_buttons,
  .wordpress-features_page.os_option2_selected .os_buttons {
    width: 33.3333333333%;
  }
  .all-features_page.os_option2_selected .os_buttons button:first-of-type,
  .wordpress-features_page.os_option2_selected .os_buttons button:first-of-type {
    margin-right: 27px;
  }
  .all-features_page .table-section-header,
  .wordpress-features_page .table-section-header {
    transform: translateX(-15px);
    margin: 15px 0;
  }
  .all-features_page .table-section-header__bg,
  .wordpress-features_page .table-section-header__bg {
    padding: 15px;
    background-color: #ccc;
  }
  .all-features_page .table-section-header__placeholder,
  .wordpress-features_page .table-section-header__placeholder {
    height: 49px;
    margin: 15px 0;
  }
  .all-features_page .table-section-header h6,
  .wordpress-features_page .table-section-header h6 {
    font-size: 16px;
    text-align: left;
    padding: 0;
  }
  .wordpress-features_page .comp_chart {
    opacity: 1;
    visibility: visible;
  }
  .wordpress-features_page .comp_panel_4up,
  .wordpress-features_page .comp_chart_side .comp_panel_4up {
    width: 20%;
  }
}
.web-hosting_page > .comp_chart {
  position: relative;
}
.web-hosting_page .feature_rows + .feature_rows {
  padding-top: 0;
}

.switch-wrap {
  font-family: MuseoSansRounded;
  font-size: 16px;
  font-weight: 300;
  width: auto;
  max-width: 100%;
  margin: 15px 0;
  border: 0.564853px solid #d8d8d8;
  border-radius: 4px;
  background: transparent;
  padding-top: 2rem;
  padding-bottom: 2rem;
  text-align: center;
}

.website-security_page .comp_panel_holder {
  position: relative;
}
.website-security_page .comp_icon {
  position: relative;
  z-index: 1;
}

.express_security .switch-wrap {
  background: none;
  border: none;
  width: 330px;
  margin: 0 auto;
}

.ssl-certificates_page .comp_panel_5up .comp_panel_holder h4 {
  font-size: 2rem;
  min-height: 60px;
}
.ssl-certificates_page .comp_panel_holder {
  border-radius: 10px;
}
.ssl-certificates_page .comp_panel_holder h4 {
  text-transform: none;
}
.ssl-certificates_page .comp_panel_holder .price {
  color: #676767;
  font-size: 23px;
  line-height: 1.3em;
}
@media (min-width: 1000px) {
  .ssl-certificates_page .comp_panel_holder .price {
    height: 30px;
  }
}
.ssl-certificates_page .comp_panel_holder .primary_button {
  border-radius: 10px;
}
.ssl-certificates_page .row--flex:not(:last-child) {
  margin-bottom: 30px;
}
.ssl-certificates_page .row--flex .comp_panel_2up:first-child {
  padding-right: 15px;
}
.ssl-certificates_page .row--flex .comp_panel_2up:last-child {
  padding-left: 15px;
}
.ssl-certificates_page .ssl_copy {
  color: #676767;
}
@media (min-width: 1200px) {
  .ssl-certificates_page .ssl_copy {
    height: 200px;
  }
}
.ssl-certificates_page .ssl_copy strong {
  font-weight: 500;
}
.ssl-certificates_page .comp_panel_2up .primary_button {
  width: 50%;
}
.ssl-certificates_page .switch-prices .price {
  color: #242424;
}

@media (min-width: 992px) {
  .wordpress-features_page .product-boxes {
    display: flex;
    padding-bottom: 0;
  }
  .wordpress-features_page .product-boxes > .comp_panel_4up {
    display: flex;
    flex-direction: column;
  }
  .wordpress-features_page .product-boxes > .comp_panel_4up > .comp_panel_holder {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
  }
  .wordpress-features_page .product-boxes > .comp_panel_4up > .comp_panel_holder p {
    height: auto;
  }
  .wordpress-features_page .product-boxes > .comp_panel_4up > .comp_panel_holder > .row {
    display: flex;
    flex-direction: column;
  }
  .wordpress-features_page .product-details {
    padding-top: 0;
    margin-top: -45px;
  }
  .wordpress-features_page .buy-button {
    border: none;
  }
  .wordpress-features_page .buy-button .primary_button {
    width: 100%;
    max-width: none;
  }
  .wordpress-features_page .web_hosting_all .comp_panel_holder_left a {
    border: none;
  }
  .wordpress-features_page .web_hosting_all .comp_panel_holder_left a > span {
    border-bottom: 1px dotted #ccc;
  }
  .wordpress-features_page .web_hosting_all .comp_panel_holder_left .row {
    min-height: 50px;
  }
}
@media (min-width: 992px) and (min-width: 992px) {
  .wordpress-features_page .web_hosting_all .comp_panel_holder_left .row {
    display: flex;
    justify-content: flex-end;
    align-items: center;
  }
}
@media (min-width: 992px) and (min-width: 1200px) {
  .wordpress-features_page .web_hosting_all .comp_panel_holder_left .row {
    min-height: 50px;
  }
}
@media (min-width: 992px) {
  .wordpress-features_page .comp_chart_side .comp_panel_4up .comp_panel_holder .row {
    min-height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
}
.wordpress-features_page .os_buttons button {
  overflow: hidden;
}
@media (min-width: 992px) {
  .wordpress-features_page .os_buttons {
    width: 20%;
    max-width: 188px;
    display: flex;
    justify-content: space-between;
  }
  .wordpress-features_page .os_buttons button {
    overflow: visible;
    display: flex;
    flex-direction: column;
    align-items: center;
    white-space: break-spaces;
    font-size: 12px;
  }
}
@media (min-width: 1200px) {
  .wordpress-features_page .os_buttons {
    max-width: 228px;
  }
  .wordpress-features_page .os_buttons button {
    font-size: 14px;
  }
}

.ecommerce-hosting_page .comp_panel_1up {
  padding: 0;
}
.ecommerce-hosting_page .comp_panel_holder .highlight {
  padding: 0 60px;
  line-height: 57px;
  height: 57px;
  font-size: 2.25rem;
  width: auto;
  left: 50%;
  transform: translate(-50%, -100%);
  text-transform: none;
}
.ecommerce-hosting_page .comp_panel_holder p {
  min-height: 0;
}
.ecommerce-hosting_page .comp_panel_holder h4 {
  padding: 0;
  margin: 0 0 10px;
}
.ecommerce-hosting_page .comp_panel_holder p, .ecommerce-hosting_page .comp_panel_holder h4 {
  font-family: MuseoSansRounded-500, sans-serif;
}
.ecommerce-hosting_page .comp_panel_holder .gradient-underline {
  max-width: 100%;
  width: calc(100% - 60px);
}
.ecommerce-hosting_page .comp_panel_holder .primary_button {
  max-width: 30rem;
}
.ecommerce-hosting_page .comp_panel_holder .hexagon-list li {
  margin-bottom: 22.5px;
  font-size: 17.5px;
  line-height: 25px;
}
@media (min-width: 768px) {
  .ecommerce-hosting_page .hero_box_container {
    width: 45%;
  }
}

.wordpress-hosting_page .row--flex {
  padding: 0;
}
.wordpress-hosting_page .row--flex.row .comp_panel_4up:not(:last-child) {
  padding-right: 15px;
}
.wordpress-hosting_page .row--flex .col-md-3, .wordpress-hosting_page .row--flex .four_column, .wordpress-hosting_page .row--flex .comp_panel_4up, .wordpress-hosting_page .row--flex .os_buttons, .wordpress-hosting_page .row--flex .twelve-three_all, .wordpress-hosting_page .row--flex .domain-left-column, .wordpress-hosting_page .row--flex .reseller_offer_holder, .wordpress-hosting_page .row--flex .subnav .product, .subnav .wordpress-hosting_page .row--flex .product, .wordpress-hosting_page .row--flex .three_all, .wordpress-hosting_page .row--flex .price_switcher-col3, .wordpress-hosting_page .row--flex .price_switcher-col1 {
  display: flex;
  padding: 0;
}
.wordpress-hosting_page .row--flex .col-md-3 + .col-md-3, .wordpress-hosting_page .row--flex .four_column + .col-md-3, .wordpress-hosting_page .row--flex .comp_panel_4up + .col-md-3, .wordpress-hosting_page .row--flex .os_buttons + .col-md-3, .wordpress-hosting_page .row--flex .twelve-three_all + .col-md-3, .wordpress-hosting_page .row--flex .domain-left-column + .col-md-3, .wordpress-hosting_page .row--flex .reseller_offer_holder + .col-md-3, .wordpress-hosting_page .row--flex .subnav .product + .col-md-3, .subnav .wordpress-hosting_page .row--flex .product + .col-md-3, .wordpress-hosting_page .row--flex .three_all + .col-md-3, .wordpress-hosting_page .row--flex .price_switcher-col3 + .col-md-3, .wordpress-hosting_page .row--flex .price_switcher-col1 + .col-md-3, .wordpress-hosting_page .row--flex .comp_chart_side .comp_panel_4up + .col-md-3, .comp_chart_side .wordpress-hosting_page .row--flex .comp_panel_4up + .col-md-3, .wordpress-hosting_page .row--flex .all-features_page .comp_panel_4up + .col-md-3, .all-features_page .wordpress-hosting_page .row--flex .comp_panel_4up + .col-md-3, .wordpress-hosting_page .row--flex .col-md-3 + .four_column, .wordpress-hosting_page .row--flex .four_column + .four_column, .wordpress-hosting_page .row--flex .comp_panel_4up + .four_column, .wordpress-hosting_page .row--flex .os_buttons + .four_column, .wordpress-hosting_page .row--flex .twelve-three_all + .four_column, .wordpress-hosting_page .row--flex .domain-left-column + .four_column, .wordpress-hosting_page .row--flex .reseller_offer_holder + .four_column, .wordpress-hosting_page .row--flex .subnav .product + .four_column, .subnav .wordpress-hosting_page .row--flex .product + .four_column, .wordpress-hosting_page .row--flex .three_all + .four_column, .wordpress-hosting_page .row--flex .price_switcher-col3 + .four_column, .wordpress-hosting_page .row--flex .price_switcher-col1 + .four_column, .wordpress-hosting_page .row--flex .comp_chart_side .comp_panel_4up + .four_column, .comp_chart_side .wordpress-hosting_page .row--flex .comp_panel_4up + .four_column, .wordpress-hosting_page .row--flex .all-features_page .comp_panel_4up + .four_column, .all-features_page .wordpress-hosting_page .row--flex .comp_panel_4up + .four_column, .wordpress-hosting_page .row--flex .col-md-3 + .comp_panel_4up, .wordpress-hosting_page .row--flex .four_column + .comp_panel_4up, .wordpress-hosting_page .row--flex .comp_panel_4up + .comp_panel_4up, .wordpress-hosting_page .row--flex .os_buttons + .comp_panel_4up, .wordpress-hosting_page .row--flex .twelve-three_all + .comp_panel_4up, .wordpress-hosting_page .row--flex .domain-left-column + .comp_panel_4up, .wordpress-hosting_page .row--flex .reseller_offer_holder + .comp_panel_4up, .wordpress-hosting_page .row--flex .subnav .product + .comp_panel_4up, .subnav .wordpress-hosting_page .row--flex .product + .comp_panel_4up, .wordpress-hosting_page .row--flex .three_all + .comp_panel_4up, .wordpress-hosting_page .row--flex .price_switcher-col3 + .comp_panel_4up, .wordpress-hosting_page .row--flex .price_switcher-col1 + .comp_panel_4up, .wordpress-hosting_page .row--flex .comp_chart_side .comp_panel_4up + .comp_panel_4up, .comp_chart_side .wordpress-hosting_page .row--flex .comp_panel_4up + .comp_panel_4up, .wordpress-hosting_page .row--flex .all-features_page .comp_panel_4up + .comp_panel_4up, .all-features_page .wordpress-hosting_page .row--flex .comp_panel_4up + .comp_panel_4up, .wordpress-hosting_page .row--flex .col-md-3 + .os_buttons, .wordpress-hosting_page .row--flex .four_column + .os_buttons, .wordpress-hosting_page .row--flex .comp_panel_4up + .os_buttons, .wordpress-hosting_page .row--flex .os_buttons + .os_buttons, .wordpress-hosting_page .row--flex .twelve-three_all + .os_buttons, .wordpress-hosting_page .row--flex .domain-left-column + .os_buttons, .wordpress-hosting_page .row--flex .reseller_offer_holder + .os_buttons, .wordpress-hosting_page .row--flex .subnav .product + .os_buttons, .subnav .wordpress-hosting_page .row--flex .product + .os_buttons, .wordpress-hosting_page .row--flex .three_all + .os_buttons, .wordpress-hosting_page .row--flex .price_switcher-col3 + .os_buttons, .wordpress-hosting_page .row--flex .price_switcher-col1 + .os_buttons, .wordpress-hosting_page .row--flex .comp_chart_side .comp_panel_4up + .os_buttons, .comp_chart_side .wordpress-hosting_page .row--flex .comp_panel_4up + .os_buttons, .wordpress-hosting_page .row--flex .all-features_page .comp_panel_4up + .os_buttons, .all-features_page .wordpress-hosting_page .row--flex .comp_panel_4up + .os_buttons, .wordpress-hosting_page .row--flex .col-md-3 + .twelve-three_all, .wordpress-hosting_page .row--flex .four_column + .twelve-three_all, .wordpress-hosting_page .row--flex .comp_panel_4up + .twelve-three_all, .wordpress-hosting_page .row--flex .os_buttons + .twelve-three_all, .wordpress-hosting_page .row--flex .twelve-three_all + .twelve-three_all, .wordpress-hosting_page .row--flex .domain-left-column + .twelve-three_all, .wordpress-hosting_page .row--flex .reseller_offer_holder + .twelve-three_all, .wordpress-hosting_page .row--flex .subnav .product + .twelve-three_all, .subnav .wordpress-hosting_page .row--flex .product + .twelve-three_all, .wordpress-hosting_page .row--flex .three_all + .twelve-three_all, .wordpress-hosting_page .row--flex .price_switcher-col3 + .twelve-three_all, .wordpress-hosting_page .row--flex .price_switcher-col1 + .twelve-three_all, .wordpress-hosting_page .row--flex .comp_chart_side .comp_panel_4up + .twelve-three_all, .comp_chart_side .wordpress-hosting_page .row--flex .comp_panel_4up + .twelve-three_all, .wordpress-hosting_page .row--flex .all-features_page .comp_panel_4up + .twelve-three_all, .all-features_page .wordpress-hosting_page .row--flex .comp_panel_4up + .twelve-three_all, .wordpress-hosting_page .row--flex .col-md-3 + .domain-left-column, .wordpress-hosting_page .row--flex .four_column + .domain-left-column, .wordpress-hosting_page .row--flex .comp_panel_4up + .domain-left-column, .wordpress-hosting_page .row--flex .os_buttons + .domain-left-column, .wordpress-hosting_page .row--flex .twelve-three_all + .domain-left-column, .wordpress-hosting_page .row--flex .domain-left-column + .domain-left-column, .wordpress-hosting_page .row--flex .reseller_offer_holder + .domain-left-column, .wordpress-hosting_page .row--flex .subnav .product + .domain-left-column, .subnav .wordpress-hosting_page .row--flex .product + .domain-left-column, .wordpress-hosting_page .row--flex .three_all + .domain-left-column, .wordpress-hosting_page .row--flex .price_switcher-col3 + .domain-left-column, .wordpress-hosting_page .row--flex .price_switcher-col1 + .domain-left-column, .wordpress-hosting_page .row--flex .comp_chart_side .comp_panel_4up + .domain-left-column, .comp_chart_side .wordpress-hosting_page .row--flex .comp_panel_4up + .domain-left-column, .wordpress-hosting_page .row--flex .all-features_page .comp_panel_4up + .domain-left-column, .all-features_page .wordpress-hosting_page .row--flex .comp_panel_4up + .domain-left-column, .wordpress-hosting_page .row--flex .col-md-3 + .reseller_offer_holder, .wordpress-hosting_page .row--flex .four_column + .reseller_offer_holder, .wordpress-hosting_page .row--flex .comp_panel_4up + .reseller_offer_holder, .wordpress-hosting_page .row--flex .os_buttons + .reseller_offer_holder, .wordpress-hosting_page .row--flex .twelve-three_all + .reseller_offer_holder, .wordpress-hosting_page .row--flex .domain-left-column + .reseller_offer_holder, .wordpress-hosting_page .row--flex .reseller_offer_holder + .reseller_offer_holder, .wordpress-hosting_page .row--flex .subnav .product + .reseller_offer_holder, .subnav .wordpress-hosting_page .row--flex .product + .reseller_offer_holder, .wordpress-hosting_page .row--flex .three_all + .reseller_offer_holder, .wordpress-hosting_page .row--flex .price_switcher-col3 + .reseller_offer_holder, .wordpress-hosting_page .row--flex .price_switcher-col1 + .reseller_offer_holder, .wordpress-hosting_page .row--flex .comp_chart_side .comp_panel_4up + .reseller_offer_holder, .comp_chart_side .wordpress-hosting_page .row--flex .comp_panel_4up + .reseller_offer_holder, .wordpress-hosting_page .row--flex .all-features_page .comp_panel_4up + .reseller_offer_holder, .all-features_page .wordpress-hosting_page .row--flex .comp_panel_4up + .reseller_offer_holder, .wordpress-hosting_page .row--flex .subnav .col-md-3 + .product, .subnav .wordpress-hosting_page .row--flex .col-md-3 + .product, .wordpress-hosting_page .row--flex .subnav .four_column + .product, .subnav .wordpress-hosting_page .row--flex .four_column + .product, .wordpress-hosting_page .row--flex .subnav .comp_panel_4up + .product, .subnav .wordpress-hosting_page .row--flex .comp_panel_4up + .product, .wordpress-hosting_page .row--flex .subnav .os_buttons + .product, .subnav .wordpress-hosting_page .row--flex .os_buttons + .product, .wordpress-hosting_page .row--flex .subnav .twelve-three_all + .product, .subnav .wordpress-hosting_page .row--flex .twelve-three_all + .product, .wordpress-hosting_page .row--flex .subnav .domain-left-column + .product, .subnav .wordpress-hosting_page .row--flex .domain-left-column + .product, .wordpress-hosting_page .row--flex .subnav .reseller_offer_holder + .product, .subnav .wordpress-hosting_page .row--flex .reseller_offer_holder + .product, .wordpress-hosting_page .row--flex .subnav .product + .product, .subnav .wordpress-hosting_page .row--flex .product + .product, .wordpress-hosting_page .row--flex .subnav .three_all + .product, .subnav .wordpress-hosting_page .row--flex .three_all + .product, .wordpress-hosting_page .row--flex .subnav .price_switcher-col3 + .product, .subnav .wordpress-hosting_page .row--flex .price_switcher-col3 + .product, .wordpress-hosting_page .row--flex .subnav .price_switcher-col1 + .product, .subnav .wordpress-hosting_page .row--flex .price_switcher-col1 + .product, .wordpress-hosting_page .row--flex .comp_chart_side .subnav .comp_panel_4up + .product, .subnav .wordpress-hosting_page .row--flex .comp_chart_side .comp_panel_4up + .product, .comp_chart_side .wordpress-hosting_page .row--flex .subnav .comp_panel_4up + .product, .subnav .comp_chart_side .wordpress-hosting_page .row--flex .comp_panel_4up + .product, .wordpress-hosting_page .row--flex .all-features_page .subnav .comp_panel_4up + .product, .subnav .wordpress-hosting_page .row--flex .all-features_page .comp_panel_4up + .product, .all-features_page .wordpress-hosting_page .row--flex .subnav .comp_panel_4up + .product, .subnav .all-features_page .wordpress-hosting_page .row--flex .comp_panel_4up + .product, .wordpress-hosting_page .row--flex .col-md-3 + .three_all, .wordpress-hosting_page .row--flex .four_column + .three_all, .wordpress-hosting_page .row--flex .comp_panel_4up + .three_all, .wordpress-hosting_page .row--flex .os_buttons + .three_all, .wordpress-hosting_page .row--flex .twelve-three_all + .three_all, .wordpress-hosting_page .row--flex .domain-left-column + .three_all, .wordpress-hosting_page .row--flex .reseller_offer_holder + .three_all, .wordpress-hosting_page .row--flex .subnav .product + .three_all, .subnav .wordpress-hosting_page .row--flex .product + .three_all, .wordpress-hosting_page .row--flex .three_all + .three_all, .wordpress-hosting_page .row--flex .price_switcher-col3 + .three_all, .wordpress-hosting_page .row--flex .price_switcher-col1 + .three_all, .wordpress-hosting_page .row--flex .comp_chart_side .comp_panel_4up + .three_all, .comp_chart_side .wordpress-hosting_page .row--flex .comp_panel_4up + .three_all, .wordpress-hosting_page .row--flex .all-features_page .comp_panel_4up + .three_all, .all-features_page .wordpress-hosting_page .row--flex .comp_panel_4up + .three_all, .wordpress-hosting_page .row--flex .col-md-3 + .price_switcher-col3, .wordpress-hosting_page .row--flex .four_column + .price_switcher-col3, .wordpress-hosting_page .row--flex .comp_panel_4up + .price_switcher-col3, .wordpress-hosting_page .row--flex .os_buttons + .price_switcher-col3, .wordpress-hosting_page .row--flex .twelve-three_all + .price_switcher-col3, .wordpress-hosting_page .row--flex .domain-left-column + .price_switcher-col3, .wordpress-hosting_page .row--flex .reseller_offer_holder + .price_switcher-col3, .wordpress-hosting_page .row--flex .subnav .product + .price_switcher-col3, .subnav .wordpress-hosting_page .row--flex .product + .price_switcher-col3, .wordpress-hosting_page .row--flex .three_all + .price_switcher-col3, .wordpress-hosting_page .row--flex .price_switcher-col3 + .price_switcher-col3, .wordpress-hosting_page .row--flex .price_switcher-col1 + .price_switcher-col3, .wordpress-hosting_page .row--flex .comp_chart_side .comp_panel_4up + .price_switcher-col3, .comp_chart_side .wordpress-hosting_page .row--flex .comp_panel_4up + .price_switcher-col3, .wordpress-hosting_page .row--flex .all-features_page .comp_panel_4up + .price_switcher-col3, .all-features_page .wordpress-hosting_page .row--flex .comp_panel_4up + .price_switcher-col3, .wordpress-hosting_page .row--flex .col-md-3 + .price_switcher-col1, .wordpress-hosting_page .row--flex .four_column + .price_switcher-col1, .wordpress-hosting_page .row--flex .comp_panel_4up + .price_switcher-col1, .wordpress-hosting_page .row--flex .os_buttons + .price_switcher-col1, .wordpress-hosting_page .row--flex .twelve-three_all + .price_switcher-col1, .wordpress-hosting_page .row--flex .domain-left-column + .price_switcher-col1, .wordpress-hosting_page .row--flex .reseller_offer_holder + .price_switcher-col1, .wordpress-hosting_page .row--flex .subnav .product + .price_switcher-col1, .subnav .wordpress-hosting_page .row--flex .product + .price_switcher-col1, .wordpress-hosting_page .row--flex .three_all + .price_switcher-col1, .wordpress-hosting_page .row--flex .price_switcher-col3 + .price_switcher-col1, .wordpress-hosting_page .row--flex .price_switcher-col1 + .price_switcher-col1, .wordpress-hosting_page .row--flex .comp_chart_side .comp_panel_4up + .price_switcher-col1, .comp_chart_side .wordpress-hosting_page .row--flex .comp_panel_4up + .price_switcher-col1, .wordpress-hosting_page .row--flex .all-features_page .comp_panel_4up + .price_switcher-col1, .all-features_page .wordpress-hosting_page .row--flex .comp_panel_4up + .price_switcher-col1, .wordpress-hosting_page .row--flex .comp_chart_side .col-md-3 + .comp_panel_4up, .comp_chart_side .wordpress-hosting_page .row--flex .col-md-3 + .comp_panel_4up, .wordpress-hosting_page .row--flex .comp_chart_side .four_column + .comp_panel_4up, .comp_chart_side .wordpress-hosting_page .row--flex .four_column + .comp_panel_4up, .wordpress-hosting_page .row--flex .comp_chart_side .comp_panel_4up + .comp_panel_4up, .comp_chart_side .wordpress-hosting_page .row--flex .comp_panel_4up + .comp_panel_4up, .wordpress-hosting_page .row--flex .comp_chart_side .os_buttons + .comp_panel_4up, .comp_chart_side .wordpress-hosting_page .row--flex .os_buttons + .comp_panel_4up, .wordpress-hosting_page .row--flex .comp_chart_side .twelve-three_all + .comp_panel_4up, .comp_chart_side .wordpress-hosting_page .row--flex .twelve-three_all + .comp_panel_4up, .wordpress-hosting_page .row--flex .comp_chart_side .domain-left-column + .comp_panel_4up, .comp_chart_side .wordpress-hosting_page .row--flex .domain-left-column + .comp_panel_4up, .wordpress-hosting_page .row--flex .comp_chart_side .reseller_offer_holder + .comp_panel_4up, .comp_chart_side .wordpress-hosting_page .row--flex .reseller_offer_holder + .comp_panel_4up, .wordpress-hosting_page .row--flex .subnav .comp_chart_side .product + .comp_panel_4up, .comp_chart_side .wordpress-hosting_page .row--flex .subnav .product + .comp_panel_4up, .subnav .wordpress-hosting_page .row--flex .comp_chart_side .product + .comp_panel_4up, .comp_chart_side .subnav .wordpress-hosting_page .row--flex .product + .comp_panel_4up, .wordpress-hosting_page .row--flex .comp_chart_side .three_all + .comp_panel_4up, .comp_chart_side .wordpress-hosting_page .row--flex .three_all + .comp_panel_4up, .wordpress-hosting_page .row--flex .comp_chart_side .price_switcher-col3 + .comp_panel_4up, .comp_chart_side .wordpress-hosting_page .row--flex .price_switcher-col3 + .comp_panel_4up, .wordpress-hosting_page .row--flex .comp_chart_side .price_switcher-col1 + .comp_panel_4up, .comp_chart_side .wordpress-hosting_page .row--flex .price_switcher-col1 + .comp_panel_4up, .wordpress-hosting_page .row--flex .comp_chart_side .comp_panel_4up + .comp_panel_4up, .comp_chart_side .wordpress-hosting_page .row--flex .comp_panel_4up + .comp_panel_4up, .wordpress-hosting_page .row--flex .all-features_page .comp_chart_side .comp_panel_4up + .comp_panel_4up, .comp_chart_side .wordpress-hosting_page .row--flex .all-features_page .comp_panel_4up + .comp_panel_4up, .all-features_page .wordpress-hosting_page .row--flex .comp_chart_side .comp_panel_4up + .comp_panel_4up, .comp_chart_side .all-features_page .wordpress-hosting_page .row--flex .comp_panel_4up + .comp_panel_4up, .wordpress-hosting_page .row--flex .all-features_page .col-md-3 + .comp_panel_4up, .all-features_page .wordpress-hosting_page .row--flex .col-md-3 + .comp_panel_4up, .wordpress-hosting_page .row--flex .all-features_page .four_column + .comp_panel_4up, .all-features_page .wordpress-hosting_page .row--flex .four_column + .comp_panel_4up, .wordpress-hosting_page .row--flex .all-features_page .comp_panel_4up + .comp_panel_4up, .all-features_page .wordpress-hosting_page .row--flex .comp_panel_4up + .comp_panel_4up, .wordpress-hosting_page .row--flex .all-features_page .os_buttons + .comp_panel_4up, .all-features_page .wordpress-hosting_page .row--flex .os_buttons + .comp_panel_4up, .wordpress-hosting_page .row--flex .all-features_page .twelve-three_all + .comp_panel_4up, .all-features_page .wordpress-hosting_page .row--flex .twelve-three_all + .comp_panel_4up, .wordpress-hosting_page .row--flex .all-features_page .domain-left-column + .comp_panel_4up, .all-features_page .wordpress-hosting_page .row--flex .domain-left-column + .comp_panel_4up, .wordpress-hosting_page .row--flex .all-features_page .reseller_offer_holder + .comp_panel_4up, .all-features_page .wordpress-hosting_page .row--flex .reseller_offer_holder + .comp_panel_4up, .wordpress-hosting_page .row--flex .subnav .all-features_page .product + .comp_panel_4up, .all-features_page .wordpress-hosting_page .row--flex .subnav .product + .comp_panel_4up, .subnav .wordpress-hosting_page .row--flex .all-features_page .product + .comp_panel_4up, .all-features_page .subnav .wordpress-hosting_page .row--flex .product + .comp_panel_4up, .wordpress-hosting_page .row--flex .all-features_page .three_all + .comp_panel_4up, .all-features_page .wordpress-hosting_page .row--flex .three_all + .comp_panel_4up, .wordpress-hosting_page .row--flex .all-features_page .price_switcher-col3 + .comp_panel_4up, .all-features_page .wordpress-hosting_page .row--flex .price_switcher-col3 + .comp_panel_4up, .wordpress-hosting_page .row--flex .all-features_page .price_switcher-col1 + .comp_panel_4up, .all-features_page .wordpress-hosting_page .row--flex .price_switcher-col1 + .comp_panel_4up, .wordpress-hosting_page .row--flex .comp_chart_side .all-features_page .comp_panel_4up + .comp_panel_4up, .all-features_page .wordpress-hosting_page .row--flex .comp_chart_side .comp_panel_4up + .comp_panel_4up, .comp_chart_side .wordpress-hosting_page .row--flex .all-features_page .comp_panel_4up + .comp_panel_4up, .all-features_page .comp_chart_side .wordpress-hosting_page .row--flex .comp_panel_4up + .comp_panel_4up, .wordpress-hosting_page .row--flex .all-features_page .comp_panel_4up + .comp_panel_4up, .all-features_page .wordpress-hosting_page .row--flex .comp_panel_4up + .comp_panel_4up {
  padding-left: 15px;
}
.wordpress-hosting_page .col-md-9, .wordpress-hosting_page .disk-size, .wordpress-hosting_page .domain-right-column, .wordpress-hosting_page .network-row, .wordpress-hosting_page .ram, .wordpress-hosting_page .nine_all {
  padding: 0;
}
.wordpress-hosting_page .col-md-9 .switch-wrap, .wordpress-hosting_page .disk-size .switch-wrap, .wordpress-hosting_page .domain-right-column .switch-wrap, .wordpress-hosting_page .network-row .switch-wrap, .wordpress-hosting_page .ram .switch-wrap, .wordpress-hosting_page .nine_all .switch-wrap {
  margin: 15px 0 0;
}
.wordpress-hosting_page .special-comp-panel {
  height: 400px;
}
@media (min-width: 768px) {
  .wordpress-hosting_page .hero_box_container {
    width: 45%;
  }
}

@media (min-width: 768px) {
  .wordpress-pro-hosting_page .hero_box_container {
    width: 45%;
  }
}

/* Promotions */
/*@import 'offers/rebrand_offers';*/
/*@import 'offers/runthenet';*/
/*@import 'offers/dedicated-discount';*/
/*@import 'offers/january-sale';*/
.hero_box__details > div:first-of-type {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}

.hero_box__details > div:first-of-type > span:first-of-type {
  font-size: 16px;
}

.hero_box__details > div:first-of-type .pence {
  font-family: MuseoSansRounded-500, sans-serif;
}

.hero_box__details > div:first-of-type .price-code {
  margin: 0;
}

.hero_box__details .price-details {
  justify-content: center;
}

@media (min-width: 768px) {
  .copy.hero_box__details > div:first-of-type {
    text-align: left;
  }
  .hero_box__details .price-details {
    justify-content: flex-start;
  }
}
@media (min-width: 1200px) {
  .hero_box .copy__nowrap {
    white-space: nowrap;
  }
  .hero_box .copy__nowrap:first-of-type {
    display: block;
  }
}
/*100 pounds off standard ssl */
.ssl-certificates_page .sale_pod .original {
  margin-top: 0.3em;
}
.ssl-certificates_page .sale_pod .original .pounds, .ssl-certificates_page .sale_pod .original .pound, .ssl-certificates_page .sale_pod .original .pence, .ssl-certificates_page .sale_pod .original .price {
  font-size: 2.5rem;
  color: #d94646 !important;
}
.ssl-certificates_page .sale_pod div p {
  display: block;
  border: 1px solid #777;
  padding: 10px 10px 8px;
  height: auto !important;
}
@media (min-width: 768px) {
  .ssl-certificates_page .comp_premium .comp_panel_3up {
    padding-top: 18rem;
  }
}
@media (min-width: 768px) {
  .ssl-certificates_page .sale_pod_position {
    margin-top: -145px;
  }
}
.ssl-certificates_page .popover {
  color: #777 !important;
}

/*GDPR Widget Styling */
@media (min-width: 992px) {
  .heart-internet-privacy-statement_page .block_1 {
    width: 100%;
  }
}
@media (min-width: 1200px) {
  .heart-internet-privacy-statement_page .block_1 {
    width: 79.66667%;
  }
}
@media (min-width: 992px) {
  .heart-internet-privacy-statement_page .block_2 {
    width: 100%;
    padding-left: 0px;
    padding-right: 0px;
  }
}
@media (min-width: 1200px) {
  .heart-internet-privacy-statement_page .block_2 {
    width: 20.3333%;
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media (min-width: 768px) {
  .heart-internet-privacy-statement_page .copy_block .block_2_inner {
    margin-left: 0rem;
  }
}
@media (min-width: 992px) {
  .heart-internet-privacy-statement_page .copy_block .block_2_inner {
    padding-right: 2rem;
    padding-left: 2rem;
    margin-left: 0rem;
  }
}
@media (min-width: 1200px) {
  .heart-internet-privacy-statement_page .copy_block .block_2_inner {
    padding-right: 3rem;
    padding-left: 3rem;
    margin-left: 0rem;
  }
}

.UPM__PrivacyRibbon h2 {
  text-align: left;
}

/* Testing */
/* GoDaddy Careers Modal */
:root {
  --bs-success-rgb: 97, 180, 109;
}/*# sourceMappingURL=main.css.map */