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: 1px dotted;
}
b,
strong {
  font-weight: 700;
}
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 {
  -webkit-box-sizing: content-box;
  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"] {
  -webkit-box-sizing: border-box;
  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;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
fieldset {
  border: 1px solid silver;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
legend {
  border: 0;
  padding: 0;
}
textarea {
  overflow: auto;
}
optgroup {
  font-weight: 700;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
td,
th {
  padding: 0;
}
@media print {
  *,
  :after,
  :before {
    background: 0 0 !important;
    color: #000 !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    text-shadow: none !important;
  }
  a,
  a:visited {
    text-decoration: underline;
  }
  a[href]:after {
    content: " (" attr(href) ")";
  }
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: "";
  }
  blockquote,
  pre {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  img,
  tr {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  h2,
  h3,
  p {
    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 td,
  .table-bordered th {
    border: 1px solid #ddd !important;
  }
}
.container {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
}
@media (min-width: 768px) {
  .container {
    width: 750px;
  }
}
@media (min-width: 992px) {
  .container {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  .container {
    width: 1170px;
  }
}
.container-fluid {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
}
.row {
  margin-left: -15px;
  margin-right: -15px;
}
.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-xs-1,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9 {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
.col-xs-1,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9 {
  float: left;
}
.col-xs-12 {
  width: 100%;
}
.col-xs-11 {
  width: 91.66666667%;
}
.col-xs-10 {
  width: 83.33333333%;
}
.col-xs-9 {
  width: 75%;
}
.col-xs-8 {
  width: 66.66666667%;
}
.col-xs-7 {
  width: 58.33333333%;
}
.col-xs-6 {
  width: 50%;
}
.col-xs-5 {
  width: 41.66666667%;
}
.col-xs-4 {
  width: 33.33333333%;
}
.col-xs-3 {
  width: 25%;
}
.col-xs-2 {
  width: 16.66666667%;
}
.col-xs-1 {
  width: 8.33333333%;
}
.col-xs-pull-12 {
  right: 100%;
}
.col-xs-pull-11 {
  right: 91.66666667%;
}
.col-xs-pull-10 {
  right: 83.33333333%;
}
.col-xs-pull-9 {
  right: 75%;
}
.col-xs-pull-8 {
  right: 66.66666667%;
}
.col-xs-pull-7 {
  right: 58.33333333%;
}
.col-xs-pull-6 {
  right: 50%;
}
.col-xs-pull-5 {
  right: 41.66666667%;
}
.col-xs-pull-4 {
  right: 33.33333333%;
}
.col-xs-pull-3 {
  right: 25%;
}
.col-xs-pull-2 {
  right: 16.66666667%;
}
.col-xs-pull-1 {
  right: 8.33333333%;
}
.col-xs-pull-0 {
  right: auto;
}
.col-xs-push-12 {
  left: 100%;
}
.col-xs-push-11 {
  left: 91.66666667%;
}
.col-xs-push-10 {
  left: 83.33333333%;
}
.col-xs-push-9 {
  left: 75%;
}
.col-xs-push-8 {
  left: 66.66666667%;
}
.col-xs-push-7 {
  left: 58.33333333%;
}
.col-xs-push-6 {
  left: 50%;
}
.col-xs-push-5 {
  left: 41.66666667%;
}
.col-xs-push-4 {
  left: 33.33333333%;
}
.col-xs-push-3 {
  left: 25%;
}
.col-xs-push-2 {
  left: 16.66666667%;
}
.col-xs-push-1 {
  left: 8.33333333%;
}
.col-xs-push-0 {
  left: auto;
}
.col-xs-offset-12 {
  margin-left: 100%;
}
.col-xs-offset-11 {
  margin-left: 91.66666667%;
}
.col-xs-offset-10 {
  margin-left: 83.33333333%;
}
.col-xs-offset-9 {
  margin-left: 75%;
}
.col-xs-offset-8 {
  margin-left: 66.66666667%;
}
.col-xs-offset-7 {
  margin-left: 58.33333333%;
}
.col-xs-offset-6 {
  margin-left: 50%;
}
.col-xs-offset-5 {
  margin-left: 41.66666667%;
}
.col-xs-offset-4 {
  margin-left: 33.33333333%;
}
.col-xs-offset-3 {
  margin-left: 25%;
}
.col-xs-offset-2 {
  margin-left: 16.66666667%;
}
.col-xs-offset-1 {
  margin-left: 8.33333333%;
}
.col-xs-offset-0 {
  margin-left: 0;
}
@media (min-width: 768px) {
  .col-sm-1,
  .col-sm-10,
  .col-sm-11,
  .col-sm-12,
  .col-sm-2,
  .col-sm-3,
  .col-sm-4,
  .col-sm-5,
  .col-sm-6,
  .col-sm-7,
  .col-sm-8,
  .col-sm-9 {
    float: left;
  }
  .col-sm-12 {
    width: 100%;
  }
  .col-sm-11 {
    width: 91.66666667%;
  }
  .col-sm-10 {
    width: 83.33333333%;
  }
  .col-sm-9 {
    width: 75%;
  }
  .col-sm-8 {
    width: 66.66666667%;
  }
  .col-sm-7 {
    width: 58.33333333%;
  }
  .col-sm-6 {
    width: 50%;
  }
  .col-sm-5 {
    width: 41.66666667%;
  }
  .col-sm-4 {
    width: 33.33333333%;
  }
  .col-sm-3 {
    width: 25%;
  }
  .col-sm-2 {
    width: 16.66666667%;
  }
  .col-sm-1 {
    width: 8.33333333%;
  }
  .col-sm-pull-12 {
    right: 100%;
  }
  .col-sm-pull-11 {
    right: 91.66666667%;
  }
  .col-sm-pull-10 {
    right: 83.33333333%;
  }
  .col-sm-pull-9 {
    right: 75%;
  }
  .col-sm-pull-8 {
    right: 66.66666667%;
  }
  .col-sm-pull-7 {
    right: 58.33333333%;
  }
  .col-sm-pull-6 {
    right: 50%;
  }
  .col-sm-pull-5 {
    right: 41.66666667%;
  }
  .col-sm-pull-4 {
    right: 33.33333333%;
  }
  .col-sm-pull-3 {
    right: 25%;
  }
  .col-sm-pull-2 {
    right: 16.66666667%;
  }
  .col-sm-pull-1 {
    right: 8.33333333%;
  }
  .col-sm-pull-0 {
    right: auto;
  }
  .col-sm-push-12 {
    left: 100%;
  }
  .col-sm-push-11 {
    left: 91.66666667%;
  }
  .col-sm-push-10 {
    left: 83.33333333%;
  }
  .col-sm-push-9 {
    left: 75%;
  }
  .col-sm-push-8 {
    left: 66.66666667%;
  }
  .col-sm-push-7 {
    left: 58.33333333%;
  }
  .col-sm-push-6 {
    left: 50%;
  }
  .col-sm-push-5 {
    left: 41.66666667%;
  }
  .col-sm-push-4 {
    left: 33.33333333%;
  }
  .col-sm-push-3 {
    left: 25%;
  }
  .col-sm-push-2 {
    left: 16.66666667%;
  }
  .col-sm-push-1 {
    left: 8.33333333%;
  }
  .col-sm-push-0 {
    left: auto;
  }
  .col-sm-offset-12 {
    margin-left: 100%;
  }
  .col-sm-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-sm-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-sm-offset-9 {
    margin-left: 75%;
  }
  .col-sm-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-sm-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-sm-offset-6 {
    margin-left: 50%;
  }
  .col-sm-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-sm-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-sm-offset-3 {
    margin-left: 25%;
  }
  .col-sm-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-sm-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-sm-offset-0 {
    margin-left: 0;
  }
}
@media (min-width: 992px) {
  .col-md-1,
  .col-md-10,
  .col-md-11,
  .col-md-12,
  .col-md-2,
  .col-md-3,
  .col-md-4,
  .col-md-5,
  .col-md-6,
  .col-md-7,
  .col-md-8,
  .col-md-9 {
    float: left;
  }
  .col-md-12 {
    width: 100%;
  }
  .col-md-11 {
    width: 91.66666667%;
  }
  .col-md-10 {
    width: 83.33333333%;
  }
  .col-md-9 {
    width: 75%;
  }
  .col-md-8 {
    width: 66.66666667%;
  }
  .col-md-7 {
    width: 58.33333333%;
  }
  .col-md-6 {
    width: 50%;
  }
  .col-md-5 {
    width: 41.66666667%;
  }
  .col-md-4 {
    width: 33.33333333%;
  }
  .col-md-3 {
    width: 25%;
  }
  .col-md-2 {
    width: 16.66666667%;
  }
  .col-md-1 {
    width: 8.33333333%;
  }
  .col-md-pull-12 {
    right: 100%;
  }
  .col-md-pull-11 {
    right: 91.66666667%;
  }
  .col-md-pull-10 {
    right: 83.33333333%;
  }
  .col-md-pull-9 {
    right: 75%;
  }
  .col-md-pull-8 {
    right: 66.66666667%;
  }
  .col-md-pull-7 {
    right: 58.33333333%;
  }
  .col-md-pull-6 {
    right: 50%;
  }
  .col-md-pull-5 {
    right: 41.66666667%;
  }
  .col-md-pull-4 {
    right: 33.33333333%;
  }
  .col-md-pull-3 {
    right: 25%;
  }
  .col-md-pull-2 {
    right: 16.66666667%;
  }
  .col-md-pull-1 {
    right: 8.33333333%;
  }
  .col-md-pull-0 {
    right: auto;
  }
  .col-md-push-12 {
    left: 100%;
  }
  .col-md-push-11 {
    left: 91.66666667%;
  }
  .col-md-push-10 {
    left: 83.33333333%;
  }
  .col-md-push-9 {
    left: 75%;
  }
  .col-md-push-8 {
    left: 66.66666667%;
  }
  .col-md-push-7 {
    left: 58.33333333%;
  }
  .col-md-push-6 {
    left: 50%;
  }
  .col-md-push-5 {
    left: 41.66666667%;
  }
  .col-md-push-4 {
    left: 33.33333333%;
  }
  .col-md-push-3 {
    left: 25%;
  }
  .col-md-push-2 {
    left: 16.66666667%;
  }
  .col-md-push-1 {
    left: 8.33333333%;
  }
  .col-md-push-0 {
    left: auto;
  }
  .col-md-offset-12 {
    margin-left: 100%;
  }
  .col-md-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-md-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-md-offset-9 {
    margin-left: 75%;
  }
  .col-md-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-md-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-md-offset-6 {
    margin-left: 50%;
  }
  .col-md-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-md-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-md-offset-3 {
    margin-left: 25%;
  }
  .col-md-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-md-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-md-offset-0 {
    margin-left: 0;
  }
}
@media (min-width: 1200px) {
  .col-lg-1,
  .col-lg-10,
  .col-lg-11,
  .col-lg-12,
  .col-lg-2,
  .col-lg-3,
  .col-lg-4,
  .col-lg-5,
  .col-lg-6,
  .col-lg-7,
  .col-lg-8,
  .col-lg-9 {
    float: left;
  }
  .col-lg-12 {
    width: 100%;
  }
  .col-lg-11 {
    width: 91.66666667%;
  }
  .col-lg-10 {
    width: 83.33333333%;
  }
  .col-lg-9 {
    width: 75%;
  }
  .col-lg-8 {
    width: 66.66666667%;
  }
  .col-lg-7 {
    width: 58.33333333%;
  }
  .col-lg-6 {
    width: 50%;
  }
  .col-lg-5 {
    width: 41.66666667%;
  }
  .col-lg-4 {
    width: 33.33333333%;
  }
  .col-lg-3 {
    width: 25%;
  }
  .col-lg-2 {
    width: 16.66666667%;
  }
  .col-lg-1 {
    width: 8.33333333%;
  }
  .col-lg-pull-12 {
    right: 100%;
  }
  .col-lg-pull-11 {
    right: 91.66666667%;
  }
  .col-lg-pull-10 {
    right: 83.33333333%;
  }
  .col-lg-pull-9 {
    right: 75%;
  }
  .col-lg-pull-8 {
    right: 66.66666667%;
  }
  .col-lg-pull-7 {
    right: 58.33333333%;
  }
  .col-lg-pull-6 {
    right: 50%;
  }
  .col-lg-pull-5 {
    right: 41.66666667%;
  }
  .col-lg-pull-4 {
    right: 33.33333333%;
  }
  .col-lg-pull-3 {
    right: 25%;
  }
  .col-lg-pull-2 {
    right: 16.66666667%;
  }
  .col-lg-pull-1 {
    right: 8.33333333%;
  }
  .col-lg-pull-0 {
    right: auto;
  }
  .col-lg-push-12 {
    left: 100%;
  }
  .col-lg-push-11 {
    left: 91.66666667%;
  }
  .col-lg-push-10 {
    left: 83.33333333%;
  }
  .col-lg-push-9 {
    left: 75%;
  }
  .col-lg-push-8 {
    left: 66.66666667%;
  }
  .col-lg-push-7 {
    left: 58.33333333%;
  }
  .col-lg-push-6 {
    left: 50%;
  }
  .col-lg-push-5 {
    left: 41.66666667%;
  }
  .col-lg-push-4 {
    left: 33.33333333%;
  }
  .col-lg-push-3 {
    left: 25%;
  }
  .col-lg-push-2 {
    left: 16.66666667%;
  }
  .col-lg-push-1 {
    left: 8.33333333%;
  }
  .col-lg-push-0 {
    left: auto;
  }
  .col-lg-offset-12 {
    margin-left: 100%;
  }
  .col-lg-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-lg-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-lg-offset-9 {
    margin-left: 75%;
  }
  .col-lg-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-lg-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-lg-offset-6 {
    margin-left: 50%;
  }
  .col-lg-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-lg-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-lg-offset-3 {
    margin-left: 25%;
  }
  .col-lg-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-lg-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-lg-offset-0 {
    margin-left: 0;
  }
}
table {
  background-color: transparent;
}
caption {
  padding-top: 8px;
  padding-bottom: 8px;
  color: #777;
  text-align: left;
}
th {
  text-align: left;
}
.table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 20px;
}
.table > tbody > tr > td,
.table > tbody > tr > th,
.table > tfoot > tr > td,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > thead > tr > th {
  padding: 8px;
  line-height: 1.42857143;
  vertical-align: top;
  border-top: 1px solid #ddd;
}
.table > thead > tr > th {
  vertical-align: bottom;
  border-bottom: 2px solid #ddd;
}
.table > caption + thead > tr:first-child > td,
.table > caption + thead > tr:first-child > th,
.table > colgroup + thead > tr:first-child > td,
.table > colgroup + thead > tr:first-child > th,
.table > thead:first-child > tr:first-child > td,
.table > thead:first-child > tr:first-child > th {
  border-top: 0;
}
.table > tbody + tbody {
  border-top: 2px solid #ddd;
}
.table .table {
  background-color: #fff;
}
.table-condensed > tbody > tr > td,
.table-condensed > tbody > tr > th,
.table-condensed > tfoot > tr > td,
.table-condensed > tfoot > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > thead > tr > th {
  padding: 5px;
}
.table-bordered {
  border: 1px solid #ddd;
}
.table-bordered > tbody > tr > td,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > td,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > thead > tr > th {
  border: 1px solid #ddd;
}
.table-bordered > thead > tr > td,
.table-bordered > thead > tr > th {
  border-bottom-width: 2px;
}
.table-striped > tbody > tr:nth-of-type(odd) {
  background-color: #f9f9f9;
}
.table-hover > tbody > tr:hover {
  background-color: #f5f5f5;
}
table col[class*="col-"] {
  position: static;
  float: none;
  display: table-column;
}
table td[class*="col-"],
table th[class*="col-"] {
  position: static;
  float: none;
  display: table-cell;
}
.table > tbody > tr.active > td,
.table > tbody > tr.active > th,
.table > tbody > tr > td.active,
.table > tbody > tr > th.active,
.table > tfoot > tr.active > td,
.table > tfoot > tr.active > th,
.table > tfoot > tr > td.active,
.table > tfoot > tr > th.active,
.table > thead > tr.active > td,
.table > thead > tr.active > th,
.table > thead > tr > td.active,
.table > thead > tr > th.active {
  background-color: #f5f5f5;
}
.table-hover > tbody > tr.active:hover > td,
.table-hover > tbody > tr.active:hover > th,
.table-hover > tbody > tr:hover > .active,
.table-hover > tbody > tr > td.active:hover,
.table-hover > tbody > tr > th.active:hover {
  background-color: #e8e8e8;
}
.table > tbody > tr.success > td,
.table > tbody > tr.success > th,
.table > tbody > tr > td.success,
.table > tbody > tr > th.success,
.table > tfoot > tr.success > td,
.table > tfoot > tr.success > th,
.table > tfoot > tr > td.success,
.table > tfoot > tr > th.success,
.table > thead > tr.success > td,
.table > thead > tr.success > th,
.table > thead > tr > td.success,
.table > thead > tr > th.success {
  background-color: #dff0d8;
}
.table-hover > tbody > tr.success:hover > td,
.table-hover > tbody > tr.success:hover > th,
.table-hover > tbody > tr:hover > .success,
.table-hover > tbody > tr > td.success:hover,
.table-hover > tbody > tr > th.success:hover {
  background-color: #d0e9c6;
}
.table > tbody > tr.info > td,
.table > tbody > tr.info > th,
.table > tbody > tr > td.info,
.table > tbody > tr > th.info,
.table > tfoot > tr.info > td,
.table > tfoot > tr.info > th,
.table > tfoot > tr > td.info,
.table > tfoot > tr > th.info,
.table > thead > tr.info > td,
.table > thead > tr.info > th,
.table > thead > tr > td.info,
.table > thead > tr > th.info {
  background-color: #d9edf7;
}
.table-hover > tbody > tr.info:hover > td,
.table-hover > tbody > tr.info:hover > th,
.table-hover > tbody > tr:hover > .info,
.table-hover > tbody > tr > td.info:hover,
.table-hover > tbody > tr > th.info:hover {
  background-color: #c4e3f3;
}
.table > tbody > tr.warning > td,
.table > tbody > tr.warning > th,
.table > tbody > tr > td.warning,
.table > tbody > tr > th.warning,
.table > tfoot > tr.warning > td,
.table > tfoot > tr.warning > th,
.table > tfoot > tr > td.warning,
.table > tfoot > tr > th.warning,
.table > thead > tr.warning > td,
.table > thead > tr.warning > th,
.table > thead > tr > td.warning,
.table > thead > tr > th.warning {
  background-color: #fcf8e3;
}
.table-hover > tbody > tr.warning:hover > td,
.table-hover > tbody > tr.warning:hover > th,
.table-hover > tbody > tr:hover > .warning,
.table-hover > tbody > tr > td.warning:hover,
.table-hover > tbody > tr > th.warning:hover {
  background-color: #faf2cc;
}
.table > tbody > tr.danger > td,
.table > tbody > tr.danger > th,
.table > tbody > tr > td.danger,
.table > tbody > tr > th.danger,
.table > tfoot > tr.danger > td,
.table > tfoot > tr.danger > th,
.table > tfoot > tr > td.danger,
.table > tfoot > tr > th.danger,
.table > thead > tr.danger > td,
.table > thead > tr.danger > th,
.table > thead > tr > td.danger,
.table > thead > tr > th.danger {
  background-color: #f2dede;
}
.table-hover > tbody > tr.danger:hover > td,
.table-hover > tbody > tr.danger:hover > th,
.table-hover > tbody > tr:hover > .danger,
.table-hover > tbody > tr > td.danger:hover,
.table-hover > tbody > tr > th.danger:hover {
  background-color: #ebcccc;
}
.table-responsive {
  overflow-x: auto;
  min-height: 0.01%;
}
@media screen and (max-width: 767px) {
  .table-responsive {
    width: 100%;
    margin-bottom: 15px;
    overflow-y: hidden;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    border: 1px solid #ddd;
  }
  .table-responsive > .table {
    margin-bottom: 0;
  }
  .table-responsive > .table > tbody > tr > td,
  .table-responsive > .table > tbody > tr > th,
  .table-responsive > .table > tfoot > tr > td,
  .table-responsive > .table > tfoot > tr > th,
  .table-responsive > .table > thead > tr > td,
  .table-responsive > .table > thead > tr > th {
    white-space: nowrap;
  }
  .table-responsive > .table-bordered {
    border: 0;
  }
  .table-responsive > .table-bordered > tbody > tr > td:first-child,
  .table-responsive > .table-bordered > tbody > tr > th:first-child,
  .table-responsive > .table-bordered > tfoot > tr > td:first-child,
  .table-responsive > .table-bordered > tfoot > tr > th:first-child,
  .table-responsive > .table-bordered > thead > tr > td:first-child,
  .table-responsive > .table-bordered > thead > tr > th:first-child {
    border-left: 0;
  }
  .table-responsive > .table-bordered > tbody > tr > td:last-child,
  .table-responsive > .table-bordered > tbody > tr > th:last-child,
  .table-responsive > .table-bordered > tfoot > tr > td:last-child,
  .table-responsive > .table-bordered > tfoot > tr > th:last-child,
  .table-responsive > .table-bordered > thead > tr > td:last-child,
  .table-responsive > .table-bordered > thead > tr > th:last-child {
    border-right: 0;
  }
  .table-responsive > .table-bordered > tbody > tr:last-child > td,
  .table-responsive > .table-bordered > tbody > tr:last-child > th,
  .table-responsive > .table-bordered > tfoot > tr:last-child > td,
  .table-responsive > .table-bordered > tfoot > tr:last-child > th {
    border-bottom: 0;
  }
}
@-ms-viewport {
  width: device-width;
}
.visible-lg,
.visible-md,
.visible-sm,
.visible-xs {
  display: none !important;
}
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block {
  display: none !important;
}
@media (max-width: 767px) {
  .visible-xs {
    display: block !important;
  }
  table.visible-xs {
    display: table !important;
  }
  tr.visible-xs {
    display: table-row !important;
  }
  td.visible-xs,
  th.visible-xs {
    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 {
    display: block !important;
  }
  table.visible-sm {
    display: table !important;
  }
  tr.visible-sm {
    display: table-row !important;
  }
  td.visible-sm,
  th.visible-sm {
    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 {
    display: block !important;
  }
  table.visible-md {
    display: table !important;
  }
  tr.visible-md {
    display: table-row !important;
  }
  td.visible-md,
  th.visible-md {
    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 {
    display: block !important;
  }
  table.visible-lg {
    display: table !important;
  }
  tr.visible-lg {
    display: table-row !important;
  }
  td.visible-lg,
  th.visible-lg {
    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 {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .hidden-sm {
    display: none !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .hidden-lg {
    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;
  }
  td.visible-print,
  th.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;
  }
}
.carousel {
  position: relative;
}
.carousel-inner {
  position: relative;
  overflow: hidden;
  width: 100%;
}
.carousel-inner > .item {
  display: none;
  position: relative;
  -webkit-transition: 0.6s ease-in-out left;
  transition: 0.6s ease-in-out left;
}
.carousel-inner > .item > a > img,
.carousel-inner > .item > img {
  line-height: 1;
}
@media all and (transform-3d), (-webkit-transform-3d) {
  .carousel-inner > .item {
    -webkit-transition: -webkit-transform 0.6s ease-in-out;
    transition: -webkit-transform 0.6s ease-in-out;
    transition: transform 0.6s ease-in-out;
    transition: transform 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000px;
    perspective: 1000px;
  }
  .carousel-inner > .item.active.right,
  .carousel-inner > .item.next {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    left: 0;
  }
  .carousel-inner > .item.active.left,
  .carousel-inner > .item.prev {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    left: 0;
  }
  .carousel-inner > .item.active,
  .carousel-inner > .item.next.left,
  .carousel-inner > .item.prev.right {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    left: 0;
  }
}
.carousel-inner > .active,
.carousel-inner > .next,
.carousel-inner > .prev {
  display: block;
}
.carousel-inner > .active {
  left: 0;
}
.carousel-inner > .next,
.carousel-inner > .prev {
  position: absolute;
  top: 0;
  width: 100%;
}
.carousel-inner > .next {
  left: 100%;
}
.carousel-inner > .prev {
  left: -100%;
}
.carousel-inner > .next.left,
.carousel-inner > .prev.right {
  left: 0;
}
.carousel-inner > .active.left {
  left: -100%;
}
.carousel-inner > .active.right {
  left: 100%;
}
.carousel-control {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 15%;
  opacity: 0.5;
  filter: alpha(opacity=50);
  font-size: 20px;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
  background-color: rgba(0, 0, 0, 0);
}
.carousel-control.left {
  background-image: -webkit-gradient(
    linear,
    left top,
    right top,
    from(rgba(0, 0, 0, 0.5)),
    to(rgba(0, 0, 0, 0.0001))
  );
  background-image: linear-gradient(
    to right,
    rgba(0, 0, 0, 0.5) 0,
    rgba(0, 0, 0, 0.0001) 100%
  );
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
}
.carousel-control.right {
  left: auto;
  right: 0;
  background-image: -webkit-gradient(
    linear,
    left top,
    right top,
    from(rgba(0, 0, 0, 0.0001)),
    to(rgba(0, 0, 0, 0.5))
  );
  background-image: linear-gradient(
    to right,
    rgba(0, 0, 0, 0.0001) 0,
    rgba(0, 0, 0, 0.5) 100%
  );
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
}
.carousel-control:focus,
.carousel-control:hover {
  outline: 0;
  color: #fff;
  text-decoration: none;
  opacity: 0.9;
  filter: alpha(opacity=90);
}
.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right,
.carousel-control .icon-next,
.carousel-control .icon-prev {
  position: absolute;
  top: 50%;
  margin-top: -10px;
  z-index: 5;
  display: inline-block;
}
.carousel-control .glyphicon-chevron-left,
.carousel-control .icon-prev {
  left: 50%;
  margin-left: -10px;
}
.carousel-control .glyphicon-chevron-right,
.carousel-control .icon-next {
  right: 50%;
  margin-right: -10px;
}
.carousel-control .icon-next,
.carousel-control .icon-prev {
  width: 20px;
  height: 20px;
  line-height: 1;
  font-family: serif;
}
.carousel-control .icon-prev:before {
  content: "\2039";
}
.carousel-control .icon-next:before {
  content: "\203a";
}
.carousel-indicators {
  position: absolute;
  bottom: 10px;
  left: 50%;
  z-index: 15;
  width: 60%;
  margin-left: -30%;
  padding-left: 0;
  list-style: none;
  text-align: center;
}
.carousel-indicators li {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 1px;
  text-indent: -999px;
  border: 1px solid #fff;
  border-radius: 10px;
  cursor: pointer;
  background-color: #000\9;
  background-color: rgba(0, 0, 0, 0);
}
.carousel-indicators .active {
  margin: 0;
  width: 12px;
  height: 12px;
  background-color: #fff;
}
.carousel-caption {
  position: absolute;
  left: 15%;
  right: 15%;
  bottom: 20px;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
}
.carousel-caption .btn {
  text-shadow: none;
}
@media screen and (min-width: 768px) {
  .carousel-control .glyphicon-chevron-left,
  .carousel-control .glyphicon-chevron-right,
  .carousel-control .icon-next,
  .carousel-control .icon-prev {
    width: 30px;
    height: 30px;
    margin-top: -10px;
    font-size: 30px;
  }
  .carousel-control .glyphicon-chevron-left,
  .carousel-control .icon-prev {
    margin-left: -10px;
  }
  .carousel-control .glyphicon-chevron-right,
  .carousel-control .icon-next {
    margin-right: -10px;
  }
  .carousel-caption {
    left: 20%;
    right: 20%;
    padding-bottom: 30px;
  }
  .carousel-indicators {
    bottom: 20px;
  }
}
.domainSearchResultContainer {
  position: absolute;
  left: 0;
  z-index: 9999;
  -webkit-box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.1);
  max-height: 50vh;
  overflow-y: auto;
}
.domainSearchResultContainer.expanded {
  width: 100%;
  border-width: 0;
  margin-left: 0;
  margin-top: 42px;
  display: block !important;
}
@media (max-width: 767px) {
  .domainSearchResultContainer.expanded {
    width: 100%;
    border-width: 0;
    margin-left: 0;
    margin-top: 44px;
    display: block;
  }
}
.iphone .domainSearchResultContainer {
  max-height: 300px;
}
.ipad .domainSearchResultContainer {
  max-height: 550px;
}
.domainSearchResultContainer div {
  background: #fff;
  background: rgba(255, 255, 255, 0.97);
  border-bottom: 1px solid #f9f9f9;
}
.domainSearchResultContainer div.is-loading {
  background: rgba(255, 255, 255, 0.9)
    url(//www-static.cdn-one.com/images/onecom/lazy-loader-1.0.gif) no-repeat
    center center;
}
.domainSearchResultContainer div:hover {
  background: #fff;
  cursor: pointer;
}
.domainSearchResultContainer div p {
  padding: 10px;
  margin: 0;
  color: #333;
}
.domainSearchResultContainer div p.more {
  color: #2c4a58;
  text-decoration: underline;
  cursor: pointer;
  font-size: 13px;
}
.domainSearchResultContainer div p.more:hover {
  text-decoration: none;
  cursor: pointer;
}
.domainSearchResultContainer div p .domain {
  display: inline-block;
  word-break: break-all;
  width: 254px;
  max-width: 113.47px;
}
@media (max-width: 780px) {
  .domainSearchResultContainer div p .domain {
    max-width: 120px !important;
    font-size: 12px;
  }
}
@media (max-width: 575px) {
  .domainSearchResultContainer div p .domain {
    word-break: normal !important;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    max-width: 203px !important;
  }
  .domainSearchResultContainer div p .domain .domainName {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}
.domainSearchResultContainer div p .statusContainer {
  float: right;
}
.domainSearchResultContainer div p .statusContainer .img {
  margin-right: 10px;
  display: inline-block;
  height: 11px;
}
.domainSearchResultContainer div p .statusContainer .img.available,
.domainSearchResultContainer div p .statusContainer .img.unavailable {
  background: url(//www-static.cdn-one.com/images/template/one-sprite2.png?v=5);
}
.domainSearchResultContainer div p .statusContainer .img.available {
  width: 14px !important;
  background-position: 0 -114px;
}
.domainSearchResultContainer div p .statusContainer .img.unavailable {
  width: 11px !important;
  background-position: -15px -114px;
}
@media (max-width: 575px) {
  .domainSearchResultContainer div p .statusContainer .status {
    display: none;
    visibility: hidden;
  }
}
@media (max-width: 780px) {
  .domainSearchResultContainer div p .statusContainer .status {
    display: none;
    visibility: hidden;
  }
}
.domainSearchResultContainer div p .statusContainer .status.available {
  color: #74a345;
}
.domainSearchResultContainer div p .statusContainer .status.unavailable {
  color: #b83a39;
}
.domainSearchResultContainer div a {
  padding: 10px;
  margin: 0;
  color: #333;
}
.domainSearchResultContainer div a.more {
  color: #2c4a58;
  text-decoration: underline;
}
.domainSearchResultContainer div a.more:hover {
  text-decoration: none;
}
.cookie-policy {
  width: 100%;
  background: #b4b4b4;
  color: #fff;
  padding: 5px 0 7px;
  font-size: 13px;
}
.cookie-policy div {
  position: relative;
  padding-right: 40px;
}
.cookie-policy a {
  color: inherit;
}
.cookie-policy__close {
  position: absolute;
  top: -7px;
  right: 25px;
  z-index: 5;
  cursor: pointer;
  font-weight: 700;
  font-size: 14px;
  padding: 5px;
}
#innercontent.pensioPayment {
  padding-bottom: 0 !important;
}
#innercontent.pensioPayment h2 {
  font-size: 32px;
}
#innercontent.pensioPayment h3 {
  border-bottom: 1px solid #c7d3b2;
  margin: 0 0 25px 0;
  padding-bottom: 25px;
}
#innercontent.pensioPayment .paymentConfimation {
  margin-top: 30px;
}
#innercontent.pensioPayment #creditCardNumberInput {
  width: 220px;
}
#innercontent.pensioPayment #cvcInput,
#innercontent.pensioPayment #emonth {
  width: 70px;
}
#innercontent.pensioPayment #eyear {
  width: 90px;
  margin-left: 6px;
}
#innercontent.pensioPayment .pensio_payment_form_row_save_card {
  margin: 10px 0;
}
#innercontent.hidePaymentInfoText .paymentConfimation {
  display: none;
}
#innercontent.hideSaveCreditCard .pensio_payment_form_row_save_card {
  display: none;
  visibility: hidden;
}
.PensioEmbeddedPaymentWindowBackground {
  background-color: rgba(200, 200, 200, 0.34902);
  position: fixed !important;
  z-index: 111;
}
@media (max-width: 991px), (max-height: 620px) {
  .PensioEmbeddedPaymentWindowBackground {
    background-color: #fff !important;
  }
}
.PensioEmbeddedPaymentWindow {
  position: fixed !important;
  overflow: auto !important;
  border-top: 4px solid #fff;
  top: 150px !important;
  left: 50% !important;
  margin-left: -300px;
  width: 600px !important;
  height: 520px !important;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-shadow: 0 0 8px 0 #666;
  box-shadow: 0 0 8px 0 #666;
  z-index: 802;
  background-color: #fff;
}
@media (max-width: 991px), (max-height: 620px) {
  .PensioEmbeddedPaymentWindow {
    border-top: none;
    left: 0 !important;
    top: 0 !important;
    width: 100% !important;
    overflow: auto !important;
    height: 100% !important;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin-left: 0;
  }
}
.pensio_payment_form_input_cell {
  display: inline-block;
  position: relative;
}
.pensio_pay_amount_text,
.pensio_payment_form_label_cell {
  display: inline-block;
  width: 170px;
}
@media (max-width: 560px) {
  .pensio_pay_amount_text,
  .pensio_payment_form_label_cell {
    display: block;
  }
}
.pensioCreditCardInput {
  display: inline-block;
  border: 1px solid #d6d6d6;
  padding: 10px;
  margin: 5px 0;
  background: #fff;
}
.PensioCloseButton {
  position: absolute;
  padding: 14px;
  right: 0;
  top: 0;
  z-index: 99999999999;
  cursor: pointer;
  width: 11px;
  height: 11px;
  background: url(//www-static.cdn-one.com/images/global/hosted-payment-x.png)
    no-repeat center center;
}
.pensio_payment_form_row.cvc_description_row {
  display: none;
}
.pensio_pay_amount {
  white-space: nowrap;
}
.pensio_payment_form_row_save_card .checkbox {
  visibility: visible !important;
  display: inline-block;
  margin-bottom: 10px;
}
.pensio_payment_form_row_save_card input[type="checkbox"] {
  visibility: visible !important;
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
  left: 0;
  top: 3px;
  width: 21px;
  height: 21px;
  background-repeat: no-repeat;
  margin-right: 10px;
}
.AltaPaySubmitButton {
  position: relative;
  background: #2c4a58 !important;
  text-decoration: none !important;
  color: #fff !important;
  padding: 9px 27px !important;
  margin-top: 8px !important;
  border: 1px solid transparent !important;
  border-radius: 0;
  white-space: nowrap;
}
.AltaPaySubmitButton:hover {
  background-color: #3d677a !important;
  cursor: pointer;
  -webkit-transition: background 0.2s ease-in-out, opacity 0.2s ease-in-out;
  transition: background 0.2s ease-in-out, opacity 0.2s ease-in-out;
}
#creditCardTypeIcon {
  display: none;
}
.validCvc .cvc_row .pensio_payment_form_input_cell:after,
.validExpiry .expiry_row .pensio_payment_form_input_cell:after,
.validPan .cardnumber_row .pensio_payment_form_input_cell:after {
  content: "";
  display: block;
  height: 15px;
  width: 19px;
  background: url(//www-static.cdn-one.com/images/onecom/check-green.svg) center
    center no-repeat;
  position: absolute;
  top: 17px;
  right: -30px;
}
.partlyEnteredCvc .cvc_row .pensio_payment_form_input_cell:after,
.partlyEnteredPan .cardnumber_row .pensio_payment_form_input_cell:after {
  content: "";
  display: block;
  height: 15px;
  width: 19px;
  background: url(//www-static.cdn-one.com/images/global/cross.png) center
    center no-repeat;
  position: absolute;
  top: 17px;
  right: -30px;
}
.pensio_payment_form_row.expiry_row {
  position: relative;
}
@media (min-width: 560px) {
  .pensio_payment_form_row.expiry_row {
    height: 58px;
  }
}
.pensio_payment_form_row.expiry_row br {
  display: none;
}
@media (max-width: 560px) {
  .pensio_payment_form_row.expiry_row {
    padding: 10px 0 10px 0;
  }
}
.pensio_payment_form_row.expiry_row label.pensio_payment_form_label_cell {
  width: auto;
}
.pensio_payment_form_row.expiry_row
  label.pensio_payment_form_label_cell:first-child {
  display: block;
}
@media (max-width: 560px) {
  .pensio_payment_form_row.expiry_row label.pensio_payment_form_label_cell {
    display: inline-block;
  }
  .pensio_payment_form_row.expiry_row
    label.pensio_payment_form_label_cell:first-child {
    display: block;
  }
}
.pensio_payment_form_row.expiry_row > div {
  position: absolute;
  left: 174px;
  top: 3px;
  bottom: 0;
  margin: auto;
}
@media (max-width: 560px) {
  .pensio_payment_form_row.expiry_row > div {
    position: relative;
    left: 0;
    top: 0;
    display: block;
    margin: 0 0 10px 00px;
  }
}
.price-list {
  margin-bottom: 0;
  border-top: 0;
}
.price-list h2 {
  margin: 15px 0 25px 0;
}
.price-list__annualfee-title {
  position: relative;
  float: right;
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 600;
}
.price-list__populartlds {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 0 0 30px 0;
}
.price-list__populartlds > div {
  width: 25%;
  height: auto;
  margin: 0 20px 0 0;
  border: 2px solid #f9f9f9;
  border-radius: 4px;
  overflow: hidden;
}
.price-list__populartlds > div:nth-child(n + 5) {
  display: none;
}
.price-list__populartlds > div:nth-child(4) {
  margin: 0;
}
.price-list__populartlds > div:last-child {
  margin: 0;
}
.price-list__populartlds > div .tld-image {
  position: relative;
  height: 115px;
  width: 100%;
  overflow: hidden;
  padding: 30px;
}
.price-list__populartlds > div .tld-image img {
  width: 100%;
  height: 100%;
  max-width: 120px;
  max-height: 40px;
  position: absolute;
  margin: auto;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}
.price-list__populartlds > div .tld-noimage {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 115px;
  width: 100%;
  border-left: 1px solid #f9f9f9;
  border-top: 1px solid #f9f9f9;
  border-right: 1px solid #f9f9f9;
}
.price-list__populartlds > div .tld-noimage > div {
  font-size: 30px;
  font-weight: 700;
  letter-spacing: -2px;
}
.price-list__populartlds > div .price-info {
  width: 100%;
  height: 90px;
  padding: 20px;
  background-color: #f9f9f9;
  vertical-align: middle;
  height: auto;
}
.price-list__populartlds > div .price-info > div span {
  display: inline-block;
}
.price-list__populartlds > div .price-info > div span.originalPrice {
  margin: 10px 0 0 0;
  height: 29px;
}
.price-list__populartlds > div .price-info > div span.line-through {
  text-decoration: line-through;
  margin-left: 10px;
}
.price-list__populartlds > div .price-info > div:first-child {
  font-weight: 600;
}
.price-list__populartlds > div .price-info .rebatelabel {
  font-size: 13px;
  color: #76b82a;
  font-weight: 500;
  margin: 10px 20px 0 0;
  display: inline-block;
}
@media (max-width: 992px) {
  .price-list__populartlds > div .price-info > div span:first-child {
    display: block;
  }
  .price-list__populartlds > div .price-info > div span.line-through {
    margin: 0;
  }
}
@media (max-width: 768px) {
  .price-list__populartlds {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .price-list__populartlds > div {
    width: 48%;
    margin: 0 0 4% 0;
  }
  .price-list__populartlds > div .price-info > div span:first-child {
    display: inline-block;
  }
  .price-list__populartlds > div:last-child,
  .price-list__populartlds > div:nth-child(4) {
    margin: 0 0 4% 0;
  }
}
@media (max-width: 480px) {
  .price-list__populartlds > div {
    width: 100%;
  }
}
.price-list__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-top: 1px solid #f9f9f9;
  padding: 14px 0 15px 0;
  border-radius: 15px;
  overflow: hidden;
  border: 0;
  margin-bottom: 10px;
  padding: 10px;
  background: #f9f9f9;
  font-size: 20px;
}
.price-list__row.popularDomains:nth-child(-n + 4) {
  display: none;
}
.price-list__tld {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.price-list__price-info {
  text-align: right;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  white-space: nowrap;
  font-size: 15px;
}
.price-list__price.line-through {
  text-decoration: line-through;
}
.price-list__line-through {
  color: red;
  margin-left: 10px;
}
.price-list__line-through span {
  color: #333;
}
.price-list__line-through .price-list__price {
  text-decoration: line-through;
}
.price-list__rebatebox {
  position: relative;
  font-weight: 600;
  color: #76b82a;
  line-height: normal;
  font-size: 13px;
  margin: 0 10px 0 0;
}
.price-list__popular-domains {
  display: none;
}
@media (max-width: 480px) {
  .price-list__popular-domains {
    display: block;
  }
}
@media (max-width: 1199px) {
  .price-list__popular-domains {
    display: block;
  }
}
.expandable-price-list > div:nth-child(n + 11) {
  display: none;
}
.expandable-price-list.fullList > div:nth-child(n + 11) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.country-mx .price-info {
  font-size: 13px !important;
}
.price-list__popular-tlds {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 480px) {
  .price-list__popular-tlds {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}
.domainImages {
  display: block;
  position: relative;
}
.domainImages:nth-of-type(1n + 5) {
  display: none;
}
.domainImages .price-info {
  padding: 0 10px;
}
.domainImages .price-info.country-mx {
  font-size: 13px !important;
}
.domainImages > div:first-of-type {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.domainImages > div:first-of-type img {
  max-height: 40px;
  max-width: 40px;
}
.domainImages > div:first-of-type > span > span.price::after {
  content: "";
  display: block;
}
.domainImages .price {
  white-space: nowrap;
}
.domainImages .rebateLabel {
  font-size: 12px;
  color: #76b82a;
  font-weight: 500;
  margin: 5px 5px 0 0;
  display: inline-block;
  line-height: 20px;
}
.domainImages .tld-image {
  height: 40px;
  width: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.domainImages .tld-noimage {
  font-size: 20px;
  padding-bottom: 5px;
  height: 40px;
  line-height: 40px;
}
@media (max-width: 767px) {
  .domainImages div:first-of-type {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    margin: 10px 0 0 0;
  }
  .domainImages .rebateLabel {
    display: block;
  }
  .hidden-mobile .domainImages {
    display: none;
    visibility: hidden;
  }
}
@media (max-width: 1199px) {
  .hidden-mobile .domainImages {
    display: none;
    visibility: hidden;
  }
}
.show-more-domains,
.show-popular-domains {
  margin: 20px 0 0 0;
  font-weight: 600;
}
.show-more-domains:hover,
.show-popular-domains:hover {
  cursor: pointer;
  text-decoration: underline;
}
.show-more-domains.hidden,
.show-popular-domains.hidden {
  display: none;
}
.show-popular-domains {
  position: relative;
  bottom: 30px;
}
@media (max-width: 992px) {
  .show-popular-domains {
    display: none;
    visibility: hidden;
  }
}
.with-domain-seach .domainImages {
  margin-top: 25px;
}
.with-domain-seach .domainImages:nth-of-type(1n + 5) {
  display: none;
}
.breadcrumbs {
  max-width: 1150px;
  margin-top: 30px;
  padding: 0;
}
@media (max-width: 1180px) {
  .breadcrumbs {
    padding: 0 30px 0 30px;
  }
}
#innercontent,
.innercontent {
  padding-left: 0;
  padding-right: 0;
  margin: 0 auto 0 auto;
}
#innercontent h1,
#innercontent h2,
#innercontent h3,
#innercontent h4,
#innercontent p,
.innercontent h1,
.innercontent h2,
.innercontent h3,
.innercontent h4,
.innercontent p {
  margin-bottom: 28px;
}
#innercontent p:last-of-type,
.innercontent p:last-of-type {
  margin-bottom: 0;
}
#innercontent a,
.innercontent a {
  text-decoration: underline;
}
@media (max-width: 1180px) {
  #innercontent,
  .innercontent {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.info h2,
.info h3,
.info h4,
.info p {
  margin-top: 20px;
}
hr {
  border: 0;
  height: 2px;
  background: #efefef;
  margin: 30px 0;
}
.navigation-item {
  float: none;
}
.navigation-item:not(:last-of-type):after {
  display: none;
  margin: initial;
  content: "";
}
.contentlinks {
  min-width: 1150px;
  width: 1150px;
  padding-left: 0;
  padding-right: 310px;
  max-width: initial;
  padding-bottom: 0;
  margin-bottom: 30px;
  margin-top: 30px;
  margin: 30px auto 30px auto;
}
.contentlinks .contentlinks__content {
  width: 100%;
  background-color: #f9f9f9;
  height: 100%;
  margin: 0;
  padding: 10px 10px;
}
@media (max-width: 1180px) {
  .contentlinks {
    min-width: 100%;
    width: 100%;
    padding-right: 0;
  }
  .contentlinks .contentlinks__content {
    width: 100%;
    padding: 10px 30px 10px 30px;
  }
  .contentlinks .contentlinks__content a {
    line-height: 30px;
  }
}
.sidebar {
  width: 265px;
  margin-left: 885px;
}
.sidebar .sidebar__content svg {
  height: 50px;
  margin: 0 auto 0 auto;
  position: relative;
}
.sidebar .sidebar__content .sidebar-extras #openhours-separator {
  display: block !important;
}
#forwardback .btn {
  margin-right: 0;
}
.article {
  margin-bottom: 30px;
}
.article h3 {
  margin-top: 30px;
}
.lang-es .domain-choose-btns .is-select-btn {
  padding: 0 20px 0 20px !important;
}
.search--flex [type="text"] {
  -webkit-box-flex: 0 100 100%;
  -ms-flex: 0 100 100%;
  flex: 0 100 100%;
}
.domain-choose-btns .price__choose .btn {
  padding: 0 20px 0 20px !important;
}
@media (max-width: 1180px) {
  .popular_domains_list,
  .suggestions_domains_list {
    padding: 0 !important;
  }
}
.onecom2017 .btn {
  padding: 0 20px 0 20px !important;
}
.popular_domains {
  width: 100%;
}
.addon .sidebar.fixed > div,
.domain_duplicate .sidebar.fixed > div,
.domain_taken_move .sidebar.fixed > div,
.domain_taken_nomove .sidebar.fixed > div,
.keywordsearch .sidebar.fixed > div {
  top: 130px;
}
#buy_customer_form_update {
  height: 42px;
  top: 5px;
}
.webhotelactivation {
  min-height: 700px;
}
.share-container {
  position: relative;
  width: 300px;
  text-align: left;
  margin-bottom: 30px !important;
}
.share-container > span {
  display: inline-block;
  vertical-align: middle;
}
.share-container > span div {
  margin-bottom: 0 !important;
}
.suggestions_domains_list {
  min-height: 600px;
}
#innercontent .cta,
.innercontent .cta {
  position: relative;
  width: 100%;
  height: auto;
  padding: 30px;
  border-radius: 15px;
  border: 1px solid #eee;
  background: #fff;
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#fff),
    color-stop(47%, #f3f9ff),
    to(#fff)
  );
  background: linear-gradient(to right, #fff 0, #f3f9ff 47%, #fff 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1);
}
#innercontent .cta h2,
.innercontent .cta h2 {
  font-size: 35px;
  margin: 0 0 30px 0;
}
#innercontent .cta p,
.innercontent .cta p {
  font-size: 18px;
  line-height: 25px;
  margin: 0 0 20px 0;
}
a,
h1,
h2,
h3,
h4,
p {
  margin: 0;
  padding: 0;
  -webkit-margin-before: 0;
  -webkit-margin-after: 0;
}
main > svg {
  display: none;
}
@font-face {
  font-family: "Open Sans";
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: local("Open Sans Italic"), local("OpenSans-Italic"),
    url(//www-static.cdn-one.com/fonts/opensans/opensans-italic-400.woff2)
      format("woff2"),
    url(//www-static.cdn-one.com/fonts/opensans/opensans-italic-400.woff)
      format("woff");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
    U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
    U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Open Sans Regular"), local("OpenSans-Regular"),
    url(//www-static.cdn-one.com/fonts/opensans/opensans-regular-400.woff2)
      format("woff2"),
    url(//www-static.cdn-one.com/fonts/opensans/opensans-regular-400.woff)
      format("woff");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
    U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
    U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: local("Open Sans SemiBold"), local("OpenSans-SemiBold"),
    url(//www-static.cdn-one.com/fonts/opensans/opensans-regular-600.woff2)
      format("woff2"),
    url(//www-static.cdn-one.com/fonts/opensans/opensans-regular-600.woff)
      format("woff");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
    U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
    U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local("Open Sans Bold"), local("OpenSans-Bold"),
    url(//www-static.cdn-one.com/fonts/opensans/opensans-regular-700.woff2)
      format("woff2"),
    url(//www-static.cdn-one.com/fonts/opensans/opensans-regular-700.woff)
      format("woff");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
    U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
    U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Open Sans";
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: local("Open Sans Bold Italic"), local("OpenSans-BoldItalic"),
    url(//www-static.cdn-one.com/fonts/opensans/opensans-italic-700.woff2)
      format("woff2"),
    url(//www-static.cdn-one.com/fonts/opensans/opensans-italic-700.woff)
      format("woff");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
    U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
    U+FEFF, U+FFFD;
}
.text-unselectable {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
h1,
h2,
h3,
h4 {
  color: #3c3c3c;
  vertical-align: middle;
  line-height: 1.1;
  font-weight: 500;
  letter-spacing: normal;
}
h1 {
  font-size: 25px;
  margin: 0 0 20px 0;
  line-height: 35px;
  font-weight: 600;
}
h1:not([class]) {
  margin-bottom: 20px;
}
h2 {
  font-size: 18px;
}
a {
  color: #0078c8;
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
  opacity: 0.9;
  color: #0078c8;
}
a.underlined {
  text-decoration: underline;
}
p a {
  text-decoration: underline;
}
p.linkstyle {
  text-decoration: underline;
  font-size: 15px;
}
p.linkstyle:hover {
  cursor: pointer;
}
.strong {
  font-weight: 700 !important;
}
.font-size-twelve {
  font-size: 12px;
}
.product-builder-bg,
.product-wsb-bg {
  background-color: #3e6578;
}
.product-hosting-bg {
  background-color: #21abcd;
}
.product-hosting-bg-hover {
  background-color: #21abcd;
}
.product-email-bg {
  background-color: #4ba5a5;
}
.product-wordpress-bg,
.product-wp-bg {
  background-color: #2075cf;
}
.product-webshop-bg {
  background-color: #f78f00;
}
.product-domains-bg {
  background-color: #74a345;
}
.product-vps-bg {
  background-color: #2b3c6a;
}
.product-taskmate-bg {
  background-color: #c52765;
}
.product-office-bg {
  background-color: #da3b01;
}
.product-webdesign-bg {
  background-color: #40a274;
}
.product-hidden-bg {
  background-color: rgba(0, 0, 0, 0.5);
}
.product-undefined-bg {
  background-color: rgba(0, 0, 0, 0.5);
}
.product-addonplus-bg,
.product-domain-bg {
  background-color: rgba(0, 0, 0, 0.5);
}
.product-ppslarge-bg,
.product-ppsmedium-bg,
.product-ppssmall-bg,
.product-ppsxlarge-bg,
.product-ppsxxlarge-bg {
  background-color: #21abcd;
}
.product-ppsemail-bg {
  background-color: #4ba5a5;
}
.product-ppswebshop-bg {
  background-color: #f78f00;
}
.product-builder-color,
.product-wsb-color {
  color: #3e6578 !important;
}
.product-builder-color:hover,
.product-wsb-color:hover {
  color: #3e6578 !important;
}
.product-hosting-color {
  color: #21abcd !important;
}
.product-hosting-color:hover {
  color: #21abcd !important;
}
.product-email-color {
  color: #4ba5a5 !important;
}
.product-email-color:hover {
  color: #4ba5a5 !important;
}
.product-wordpress-color,
.product-wp-color {
  color: #2075cf !important;
}
.product-wordpress-color:hover,
.product-wp-color:hover {
  color: #2075cf !important;
}
.product-webshop-color {
  color: #f78f00 !important;
}
.product-webshop-color:hover {
  color: #f78f00 !important;
}
.product-domain-color,
.product-domains-color {
  color: #74a345 !important;
}
.product-domain-color:hover,
.product-domains-color:hover {
  color: #74a345 !important;
}
.product-vps-color {
  color: #2b3c6a !important;
}
.product-vps-color:hover {
  color: #2b3c6a !important;
}
.product-taskmate-color {
  color: #c52765 !important;
}
.product-taskmate-color:hover {
  color: #c52765 !important;
}
.product-office-color {
  color: #da3b01 !important;
}
.product-office-color:hover {
  color: #da3b01 !important;
}
.product-webdesign-color {
  color: #40a274 !important;
}
.product-webdesign-color:hover {
  color: #40a274 !important;
}
.frontpage-package-color {
  color: #efefef !important;
}
.product-wsb-bg-border {
  border-color: #3e6578 !important;
}
.product-hosting-bg-border {
  border-color: #21abcd !important;
}
.product-email-bg-border {
  border-color: #4ba5a5 !important;
}
.product-wordpress-bg-border {
  border-color: #2075cf !important;
}
.product-webshop-bg-border {
  border-color: #f78f00 !important;
}
.product-domains-bg-border {
  border-color: #74a345 !important;
}
.product-vps-bg-border {
  border-color: #2b3c6a !important;
}
.product-taskmate-bg-border {
  border-color: #c52765 !important;
}
.product-office-bg-border {
  border-color: #da3b01 !important;
}
.product-webdesign-bg-border {
  border-color: #40a274 !important;
}
body {
  font-family: "Open Sans", sans-serif;
  font-size: 15px;
  line-height: 25px;
  color: #4e4e4e;
}
body #page-overlay {
  visibility: hidden;
  opacity: 0;
  -webkit-transition: visibility 0s, opacity 0.2s linear;
  transition: visibility 0s, opacity 0.2s linear;
  position: fixed;
  left: 0;
  top: 0;
  content: "";
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 11;
}
body #page-overlay.visible {
  visibility: visible;
  background-color: rgba(0, 0, 0, 0.2);
  opacity: 1;
}
@media (max-width: 767px) {
  body #page-overlay.visible.dark-in-mobile {
    background-color: rgba(0, 0, 0, 0.5);
  }
}
body #page-overlay.mobile-nav-open {
  opacity: 1;
}
@media (max-width: 767px) {
  body.blur {
    position: fixed;
    width: 100vw;
    height: 100vh;
    overflow: hidden;
  }
}
body .phoneSupportTopbar {
  position: relative;
  width: 100%;
  height: 40px;
  line-height: 40px;
  color: #fff;
  text-align: center;
  background-color: #4e4e4e;
  font-size: 12px;
  font-weight: 700;
}
body .phoneSupportTopbar img,
body .phoneSupportTopbar p {
  display: inline-block;
  vertical-align: middle;
}
body .phoneSupportTopbar img {
  margin-right: 5px;
}
@media (max-width: 992px) {
  body .phoneSupportTopbar {
    height: auto;
    line-height: initial;
    padding: 10px;
  }
  body .phoneSupportTopbar img {
    margin-top: 0;
    margin-bottom: 10px;
  }
}
.grecaptcha-badge {
  display: none;
  visibility: hidden;
}
::-moz-selection {
  background: rgba(116, 163, 69, 0.5);
}
::selection {
  background: rgba(116, 163, 69, 0.5);
}
::-moz-selection {
  background: rgba(116, 163, 69, 0.5);
}
input[placeholder] {
  text-overflow: ellipsis;
}
::-moz-placeholder {
  text-overflow: ellipsis;
}
input:-moz-placeholder {
  text-overflow: ellipsis;
}
div {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}
svg {
  width: 100%;
  max-width: 100%;
}
svg.cartIcon {
  height: 20px;
  width: 20px;
  vertical-align: middle;
  padding-right: 5px;
}
img {
  max-width: 100%;
}
main {
  min-height: initial;
}
a.hiddenurl {
  opacity: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}
.floatingcontent .left {
  position: relative;
  height: 100%;
  float: left;
}
.floatingcontent .right {
  position: relative;
  height: 100%;
  float: right;
}
.floatingcontent:after,
.floatingcontent:before {
  content: " ";
  display: table;
}
.floatingcontent:after {
  clear: both;
}
.floatingcontent::after {
  content: "";
  display: block;
  clear: both;
}
.centered {
  width: 1150px;
  margin: 0 auto 0 auto;
}
#innercontent,
.container-fluid {
  position: relative;
  padding-left: 0;
  padding-right: 0;
  min-width: 1150px;
  max-width: 1150px;
}
#innercontent.has-sidebar,
.container-fluid.has-sidebar {
  padding-right: 292px;
  min-width: 840px;
  min-height: 640px;
}
@media (max-width: 1180px) {
  #innercontent.has-sidebar,
  .container-fluid.has-sidebar {
    min-width: initial;
    padding: 0 30px 0 30px !important;
  }
}
@media (max-width: 1180px) {
  #innercontent,
  .container-fluid {
    padding: 0 30px 0 30px;
  }
}
@media (max-width: 767px) {
  #innercontent,
  .container-fluid {
    padding: 0 15px 0 15px;
  }
}
.notices {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 13px;
  font-style: italic;
  padding-bottom: 3px;
}
.flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.flex.center {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.flex.wrap {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.is-loading {
  position: relative;
  min-height: 50px;
  overflow: visible;
  margin: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
@media (max-width: 1180px) {
  .centered {
    width: 100%;
    padding: 0 30px 0 30px;
  }
  #innercontent,
  .container-fluid {
    min-width: auto;
    width: 100%;
  }
}
@media (max-width: 767px) {
  .centered.no-padding-mobile {
    padding: 0;
  }
}
@media (max-width: 480px) {
  .centered {
    padding: 0 15px 0 15px;
  }
}
.mg-top-70 {
  margin-top: 70px !important;
}
.mg-top-50 {
  margin-top: 50px !important;
}
.mg-top-40 {
  margin-top: 40px !important;
}
.mg-top-30 {
  margin-top: 30px !important;
}
.mg-top-20 {
  margin-top: 20px !important;
}
.mg-top-15 {
  margin-top: 15px !important;
}
.mg-top-10 {
  margin-top: 10px !important;
}
.mg-bottom-100 {
  margin-bottom: 100px !important;
}
.mg-bottom-70 {
  margin-bottom: 70px !important;
}
.mg-bottom-60 {
  margin-bottom: 60px !important;
}
.mg-bottom-50 {
  margin-bottom: 50px !important;
}
.mg-bottom-40 {
  margin-bottom: 40px !important;
}
.mg-bottom-30 {
  margin-bottom: 30px !important;
}
.mg-bottom-20 {
  margin-bottom: 20px !important;
}
.mg-bottom-15 {
  margin-bottom: 15px !important;
}
.mg-bottom-10 {
  margin-bottom: 10px !important;
}
.mg-bottom-5 {
  margin-bottom: 5px !important;
}
.padding-bottom-30 {
  padding-bottom: 30px !important;
}
.padding-top-10 {
  padding-top: 10px !important;
}
.padding-bottom-10 {
  padding-bottom: 10px !important;
}
.padding-top-20 {
  padding-top: 20px !important;
}
.padding-bottom-20 {
  padding-bottom: 20px !important;
}
.padding-top-100 {
  padding-top: 100px !important;
}
.padding-top-90 {
  padding-top: 90px !important;
}
.no-padding {
  padding: 0;
}
.no-padding-top {
  padding-top: 0 !important;
}
.no-padding-left {
  padding-left: 0;
}
.no-margin-bottom {
  margin-bottom: 0 !important;
}
.no-margin {
  margin: 0 !important;
}
@media only screen and (max-width: 1200px) {
  .mg-top-50-lg {
    margin-top: 50px !important;
  }
  .mg-top-40-lg {
    margin-top: 40px !important;
  }
  .mg-top-30-lg {
    margin-top: 30px !important;
  }
  .mg-top-20-lg {
    margin-top: 20px !important;
  }
  .mg-top-15-lg {
    margin-top: 15px !important;
  }
  .mg-top-10-lg {
    margin-top: 10px !important;
  }
  .mg-top-0-lg {
    margin-top: 0 !important;
  }
  .mg-bottom-60-lg {
    margin-bottom: 60px !important;
  }
  .mg-bottom-50-lg {
    margin-bottom: 50px !important;
  }
  .mg-bottom-40-lg {
    margin-bottom: 40px !important;
  }
  .mg-bottom-30-lg {
    margin-bottom: 30px !important;
  }
  .mg-bottom-20-lg {
    margin-bottom: 20px !important;
  }
  .mg-bottom-15-lg {
    margin-bottom: 15px !important;
  }
  .mg-bottom-10-lg {
    margin-bottom: 10px !important;
  }
  .mg-bottom-0-lg {
    margin-bottom: 0 !important;
  }
  .no-padding-lg {
    padding: 0;
  }
}
@media only screen and (max-width: 992px) {
  .mg-top-50-md {
    margin-top: 50px !important;
  }
  .mg-top-40-md {
    margin-top: 40px !important;
  }
  .mg-top-30-md {
    margin-top: 30px !important;
  }
  .mg-top-20-md {
    margin-top: 20px !important;
  }
  .mg-top-15-md {
    margin-top: 15px !important;
  }
  .mg-top-10-md {
    margin-top: 10px !important;
  }
  .mg-top-0-md {
    margin-top: 0 !important;
  }
  .mg-bottom-50-md {
    margin-bottom: 50px !important;
  }
  .mg-bottom-40-md {
    margin-bottom: 40px !important;
  }
  .mg-bottom-30-md {
    margin-bottom: 30px !important;
  }
  .mg-bottom-20-md {
    margin-bottom: 20px !important;
  }
  .mg-bottom-15-md {
    margin-bottom: 15px !important;
  }
  .mg-bottom-10-md {
    margin-bottom: 10px !important;
  }
  .mg-bottom-0-md {
    margin-bottom: 0 !important;
  }
  .no-padding-md {
    padding: 0;
  }
}
@media only screen and (max-width: 768px) {
  .mg-top-50-sm {
    margin-top: 50px !important;
  }
  .mg-top-40-sm {
    margin-top: 40px !important;
  }
  .mg-top-30-sm {
    margin-top: 30px !important;
  }
  .mg-top-20-sm {
    margin-top: 20px !important;
  }
  .mg-top-15-sm {
    margin-top: 15px !important;
  }
  .mg-top-10-sm {
    margin-top: 10px !important;
  }
  .mg-top-0-sm {
    margin-top: 0 !important;
  }
  .mg-bottom-50-sm {
    margin-bottom: 50px !important;
  }
  .mg-bottom-40-sm {
    margin-bottom: 40px !important;
  }
  .mg-bottom-30-sm {
    margin-bottom: 30px !important;
  }
  .mg-bottom-20-sm {
    margin-bottom: 20px !important;
  }
  .mg-bottom-15-sm {
    margin-bottom: 15px !important;
  }
  .mg-bottom-10-sm {
    margin-bottom: 10px !important;
  }
  .mg-bottom-0-sm {
    margin-bottom: 0 !important;
  }
  .no-padding-sm {
    padding: 0;
  }
}
@media only screen and (max-width: 620px) {
  .mg-bottom-15-sbsx {
    margin-bottom: 15px !important;
  }
  .no-padding-sbsx {
    padding: 0;
  }
}
@media only screen and (max-width: 480px) {
  .mg-top-50-xs {
    margin-top: 50px !important;
  }
  .mg-top-40-xs {
    margin-top: 40px !important;
  }
  .mg-top-30-xs {
    margin-top: 30px !important;
  }
  .mg-top-20-xs {
    margin-top: 20px !important;
  }
  .mg-top-15-xs {
    margin-top: 15px !important;
  }
  .mg-top-10-xs {
    margin-top: 10px !important;
  }
  .mg-top-0-xs {
    margin-top: 0 !important;
  }
  .mg-bottom-50-xs {
    margin-bottom: 50px !important;
  }
  .mg-bottom-40-xs {
    margin-bottom: 40px !important;
  }
  .mg-bottom-30-xs {
    margin-bottom: 30px !important;
  }
  .mg-bottom-20-xs {
    margin-bottom: 20px !important;
  }
  .mg-bottom-15-xs {
    margin-bottom: 15px !important;
  }
  .mg-bottom-10-xs {
    margin-bottom: 10px !important;
  }
  .mg-bottom-0-xs {
    margin-bottom: 0 !important;
  }
  .no-padding-xs {
    padding: 0;
  }
}
.carousel {
  height: 100%;
}
.carousel > div {
  height: inherit;
}
.carousel > div .item {
  height: inherit;
}
.carousel > div .item .slideitem {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}
.carousel-indicators {
  width: 100%;
  text-align: left;
  left: 0;
  margin-left: 0;
}
.carousel-indicators li {
  background-color: rgba(0, 0, 0, 0.2);
  width: 20px;
  height: 20px;
  border-radius: 20px;
  margin: 0 10px 0 0;
  border: none;
}
.carousel-indicators li.active {
  width: 20px;
  height: 20px;
  border-radius: 20px;
  margin: 0 10px 0 0;
  background-color: rgba(0, 0, 0, 0.5);
}
.carousel-control {
  text-shadow: none;
  opacity: 1;
}
.carousel-control > svg {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  fill: #4e4e4e;
  height: 50px;
}
.carousel-control > div {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: 100%;
  height: 100%;
}
.carousel-control:hover {
  outline: 0;
  color: initial;
  text-decoration: none;
  opacity: initial;
  -webkit-filter: initial;
  filter: initial;
  cursor: pointer;
  opacity: 0.8;
}
.carousel-control.left {
  background-image: none;
}
.carousel-control.right {
  background-image: none;
}
.btn {
  display: inline-block;
  width: auto;
  height: 40px;
  line-height: 38px;
  padding: 0 20px 0 20px !important;
  background-color: #0078c8 !important;
  border-radius: 15px;
  color: #fff;
  text-decoration: none;
  font-weight: 700;
  font-size: 16px;
  margin-top: initial !important;
  white-space: nowrap;
  border: none;
}
.ie .btn {
  margin-top: 0 !important;
}
.btn:hover {
  cursor: pointer;
  opacity: 0.8;
}
.btn.block {
  display: block;
  text-align: center;
}
.btn.purple {
  background-color: #802151 !important;
  border: 2px solid #802151 !important;
}
.btn.blue {
  background-color: #2c4a58 !important;
  border: 2px solid #2c4a58 !important;
}
.btn.lightBlue {
  background-color: #0078c8 !important;
  border: 2px solid #0078c8 !important;
  border-radius: 27px;
  height: 55px;
  padding: 0 50px 0 50px !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  line-height: normal;
  font-size: 15px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.btn.lightBlueBorder {
  background-color: #fff !important;
  color: #0078c8 !important;
  border: 2px solid #0078c8;
  border-radius: 27px;
  height: 55px;
  padding: 0 50px 0 50px !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  line-height: normal;
  font-size: 15px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.btn.lightGreyBorder {
  background-color: #fff !important;
  color: #3c3c3c !important;
  border: 2px solid #efefef;
  border-radius: 27px;
  height: 55px;
  padding: 0 50px 0 50px !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  line-height: auto;
  font-size: 15px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.btn.white {
  background-color: #fff !important;
  color: #4e4e4e !important;
  border: 2px solid #fff !important;
}
.btn.transparent {
  background-color: #fff !important;
  color: #2c4a58 !important;
  border: 2px solid #efefef;
}
.btn.transparent.no-border {
  border: 2px solid #fff !important;
}
.btn.transparent-purple {
  background-color: #fff !important;
  color: #802151 !important;
  border: 2px solid rgba(128, 33, 81, 0.2);
}
.btn.transparent-blue {
  background-color: #fff !important;
  color: #2c4a58 !important;
  border: 2px solid rgba(44, 74, 88, 0.2);
}
.btn.white-transparent {
  background-color: #fff !important;
  color: inherit !important;
  border: 2px solid #fff;
}
.btn.transparent-disabled {
  background-color: #fff !important;
  color: #a1a1a1 !important;
  border: 2px solid #efefef !important;
}
.btn.small {
  height: 32px;
  line-height: 28px;
  font-size: 13px;
}
.btn.smallMedium {
  height: 36px;
  line-height: 32px;
}
.btn.medium {
  height: 48px;
  line-height: 46px;
}
.btn.large {
  height: auto;
  line-height: 56px;
}
@media (max-width: 480px) {
  .btn.large.smaller-in-mobile {
    height: 32px;
    line-height: 28px;
    font-size: 13px;
    min-height: initial;
  }
}
.btn.margin-left {
  margin-left: 10px;
}
@media (max-width: 480px) {
  .btn.margin-left {
    margin-left: 0;
  }
}
.btn.block {
  display: block;
}
@media (max-width: 480px) {
  .btn.mobile-block {
    display: block;
    width: 100%;
    white-space: normal;
    height: auto;
    min-height: 40px;
    padding: 10px 50px 10px 50px !important;
  }
}
.btn.ucfirst {
  text-transform: capitalize;
}
.btn.half-padding {
  padding: 0 10px 0 10px !important;
}
.btn.zopim-start-button {
  border-radius: 5px;
  font-weight: 700;
  width: 100%;
  display: block;
  margin-top: 13px !important;
  background-color: #2c4a58 !important;
}
.btn.zopim-start-button:disabled {
  color: #fff;
  opacity: 0.2 !important;
}
.btn.zopim-start-button:disabled:hover {
  cursor: auto;
}
.btn.with-image {
  padding: 0 20px 0 50px !important;
}
.btn.with-image.lock {
  background-image: url(//www-static.cdn-one.com/images/onecom/Lock-icon.svg) !important;
  background-repeat: no-repeat !important;
  background-position: 20px 8px !important;
  background-size: 15px !important;
}
.btn.with-image.cart {
  background-image: url(//www-static.cdn-one.com/images/onecom/Common/icon-cart-white.svg) !important;
  background-repeat: no-repeat !important;
  background-position: 15px 10px !important;
  background-size: 15px !important;
  padding: 0 20px 0 45px !important;
}
.btn.with-image.remove {
  background-image: url(//www-static.cdn-one.com/images/onecom/pages/orderflow/sprite/trash-dark.svg) !important;
  background-repeat: no-repeat !important;
  background-position: 15px 7px !important;
  background-size: 15px !important;
}
.btn.v2019 {
  border-radius: 15px;
  font-weight: 400;
  font-size: 18px;
}
button,
input {
  -webkit-appearance: none;
  outline: 0;
}
@media (max-width: 480px) {
  .btn.with-image {
    padding: 0 20px 0 20px !important;
  }
  .btn.with-image.cart {
    padding: 0 20px 0 25px !important;
  }
  .btn.with-image.cart > span {
    display: none;
  }
  .btn.with-image.remove {
    padding: 0 20px 0 25px !important;
  }
  .btn.with-image.remove > span {
    display: none;
  }
  .btn.with-image.lock {
    background-image: none !important;
  }
}
.custom-input {
  position: relative;
}
.custom-input.type-radio {
  position: relative;
  width: 100%;
  display: table;
}
.custom-input.type-radio > span {
  display: table-cell;
  vertical-align: middle;
}
.custom-input.type-radio > span:first-of-type {
  width: 20px;
}
.custom-input.type-radio > span:first-of-type span {
  display: block;
  border: 1px solid #d9d9d9;
  width: 20px;
  height: 20px;
  margin-right: 10px;
  border-radius: 2px;
}
.custom-input.type-radio > span:first-of-type.checked span {
  background-color: #74a345;
  background-image: url(//www-static.cdn-one.com/images/onecom/check-white.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 90%;
  border: 1px solid #74a345;
}
.custom-input.type-radio.valign-top > span {
  vertical-align: top;
}
[disabled],
[readonly] {
  background: #f9f9f9 !important;
  color: #4e4e4e;
  opacity: 0.75 !important;
}
responsivenav {
  position: absolute;
  display: none;
  left: 30px;
  top: 96px;
  height: 0;
  overflow: hidden;
  z-index: 25;
  -webkit-transition: height 0.1s ease-in-out;
  transition: height 0.1s ease-in-out;
}
responsivenav ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
responsivenav ul li {
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  height: 40px;
  line-height: 40px;
  padding: 0 15px 0 15px;
  background-color: #74a345;
  color: #fff;
  font-weight: 600;
}
responsivenav ul li a {
  display: block;
  width: 100%;
  height: 100%;
  color: #fff;
  text-decoration: none;
  font-weight: 600;
  border-bottom: 1px solid rgba(217, 217, 217, 0.5);
}
responsivenav.shown {
  height: 100%;
}
section.intro {
  position: relative;
  width: 100%;
  height: auto;
  z-index: 8;
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(33%, #e4f3ff),
    color-stop(70%, rgba(228, 243, 255, 0.45)),
    to(rgba(125, 185, 232, 0))
  );
  background: linear-gradient(
    to bottom,
    #e4f3ff 33%,
    rgba(228, 243, 255, 0.45) 70%,
    rgba(125, 185, 232, 0) 100%
  );
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e4f3ff', endColorstr='#007db9e8', GradientType=0);
  overflow: hidden;
}
section.intro > div {
  position: relative;
  height: inherit;
  z-index: 10;
}
section.intro.split-a {
  position: relative;
  width: 100%;
  height: 360px;
  background-color: #e8f5ff;
}
section.intro.split-a.frontpage > div {
  background-image: url(//www-static.cdn-one.com/images/onecom/pages/frontpage/top-split-a.svg);
  background-repeat: no-repeat;
  background-position: top center;
}
section.intro.split-a.frontpage > div > div {
  width: 100%;
  padding: 60px 30px 0 0;
}
section.intro.split-a > div {
  position: relative;
  height: 100%;
}
section.intro.split-a > div > div {
  width: 50%;
  padding: 0 30px 0 0;
}
section.intro.split-a > div > div h1 {
  margin-bottom: 20px;
  font-size: 32px;
  font-weight: 600;
  line-height: 35px;
  letter-spacing: -1.75px;
}
section.intro.split-a > div > div h1 span {
  display: block;
}
section.intro.split-a > div > div h1 span:first-child {
  font-size: 20px;
  font-weight: 400;
  margin-bottom: 20px;
}
section.intro.split-a > div > div h1 span:nth-child(2) {
  font-size: 50px;
  font-weight: 700;
  letter-spacing: -2px;
}
section.intro.split-a > div > div h2 {
  font-size: 18px;
  font-weight: 400;
  line-height: 25px;
  letter-spacing: -0.5px;
  margin-bottom: 30px;
}
section.intro.split-a > div > div:nth-child(2) {
  text-align: right;
}
section.intro.split-a > div > div:nth-child(2) .btn {
  display: none;
}
section.intro.split-a .sticker {
  position: relative;
  display: inline-block;
  background-color: rgba(116, 163, 69, 0.1);
  color: #74a345;
  padding: 15px;
  border-radius: 4px;
}
section.intro.split-a .sticker span {
  display: block;
  font-size: 12px;
  line-height: 18px;
}
section.intro.split-a .sticker span:first-child {
  font-weight: 700;
}
section.intro.split-b {
  position: relative;
  width: 100%;
  height: 380px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top right;
}
@media (max-width: 1199px) and (min-width: 767px) {
  section.intro.split-b {
    background-position: center -5px;
  }
}
@media (max-width: 767px) {
  section.intro.split-b {
    height: auto;
    background-position: right;
  }
}
@media (max-width: 480px) {
  section.intro.split-b {
    height: auto;
    bottom: 0;
  }
}
@media (min-width: 1600px) {
  section.intro.split-b {
    background-size: cover;
    background-position-x: 50%;
  }
}
section.intro.split-b > div {
  position: relative;
  height: 380px;
}
section.intro.split-b > div > div {
  width: 50%;
}
section.intro.split-b > div > div h1 {
  font-size: 32px;
  font-weight: 600;
  line-height: 35px;
  letter-spacing: -1.75px;
}
section.intro.split-b > div > div h1 span {
  display: block;
}
section.intro.split-b > div > div h1 span:first-child {
  font-size: 20px;
  font-weight: 400;
  margin-bottom: 20px;
}
section.intro.split-b > div > div h1 span:nth-child(2) {
  font-size: 50px;
  font-weight: 700;
  letter-spacing: -2px;
}
section.intro.split-b > div > div h2 {
  font-size: 18px;
  font-weight: 400;
  line-height: 25px;
  letter-spacing: -0.5px;
  margin-bottom: 30px;
}
section.intro.split-b .sticker {
  position: relative;
  display: inline-block;
  background-color: rgba(116, 163, 69, 0.1);
  color: #74a345;
  padding: 15px;
  border-radius: 4px;
}
section.intro.split-b .sticker span {
  display: block;
  font-size: 12px;
  line-height: 18px;
}
section.intro.split-b .sticker span:first-child {
  font-weight: 700;
}
section.intro .with-domain-seach {
  height: 380px;
}
section.intro .with-domain-seach h1 {
  font-size: 40px;
  font-weight: 700;
  letter-spacing: -1.78px;
  line-height: 55px;
  margin: 0 0 10px 0;
}
section.intro .with-domain-seach h2 {
  font-size: 20px;
  letter-spacing: -0.36px;
  line-height: 35px;
  margin: 0 0 25px 0;
  font-weight: 400;
}
section.intro .with-domain-seach > div {
  width: 50%;
}
section.intro .with-domain-seach.reversed-headlines h1 {
  font-size: 20px;
  letter-spacing: -0.36px;
  line-height: 35px;
  margin: 0;
  font-weight: 400;
}
section.intro .with-domain-seach.reversed-headlines h2 {
  font-size: 40px;
  font-weight: 700;
  letter-spacing: -1.78px;
  line-height: 55px;
  margin: 0 0 25px 0;
}
section.intro .domains:after {
  position: absolute;
  right: -100px;
  top: 30px;
  display: block;
  content: "";
  background-image: url(//www-static.cdn-one.com/images/onecom/pages/domains/Domains-Desktop.png);
  background-repeat: no-repeat;
  background-position: 125%;
  background-size: contain;
  width: 590px;
  height: 330px;
}
.lang-de section.intro .domains:after,
.lang-es section.intro .domains:after,
.lang-fi section.intro .domains:after,
.lang-pt section.intro .domains:after,
.lang-pt-BR section.intro .domains:after {
  top: 60px;
}
section.intro .domains.frontpage:after {
  background-image: url(//www-static.cdn-one.com/images/onecom/pages/frontpage/Frontpage-Desktop.png);
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  section.intro .domains:after {
    background-image: url(//www-static.cdn-one.com/images/onecom/pages/domains/Domains-Desktop@2x.png);
  }
  section.intro .domains.frontpage:after {
    background-image: url(//www-static.cdn-one.com/images/onecom/pages/frontpage/Frontpage-Desktop@2x.png);
  }
}
@media (max-width: 1180px) {
  section.intro {
    min-height: 380px;
    height: auto;
    width: 100%;
  }
  section.intro > div {
    padding: 30px;
  }
  section.intro.split-a:not(.frontpage) {
    height: auto;
  }
  section.intro.split-b {
    height: auto;
    min-height: initial;
  }
}
@media (max-width: 992px) {
  section.intro .with-domain-seach h1 {
    font-size: 30px;
    line-height: 40px;
  }
  section.intro .with-domain-seach h2 {
    line-height: 30px;
  }
  section.intro .domains:after {
    width: 60%;
    height: 300px;
    right: -100px;
    top: 0;
    bottom: 0;
    margin: auto;
    background-position: bottom;
  }
}
@media (max-width: 767px) {
  section.intro.split-a > div {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  section.intro.split-a > div > div {
    padding: 0;
    width: 100%;
  }
  section.intro.split-a > div > div:first-child {
    padding: 0;
    margin-bottom: 30px;
  }
  section.intro.split-a > div > div:first-child .btn {
    display: none;
  }
  section.intro.split-a > div > div:nth-child(2) {
    text-align: center;
  }
  section.intro.split-a > div > div:nth-child(2) .btn {
    display: block;
  }
  section.intro.split-a.frontpage > div > div:first-child {
    padding: 150px 0 0 0;
  }
  section.intro.split-b > div {
    height: auto;
  }
  section.intro.split-b > div > div {
    width: 100%;
  }
}
@media (max-width: 620px) {
  section.intro {
    min-height: initial;
  }
  section.intro.split-a {
    height: auto;
  }
  section.intro.split-a > div {
    padding: 30px 15px 30px 15px;
  }
  section.intro.split-a > div > div:first-child {
    padding: 0;
    margin-bottom: 0;
  }
  section.intro.split-a.frontpage > div {
    background-image: none;
  }
  section.intro.split-a.frontpage > div > div:first-child {
    padding: 0;
  }
  section.intro.split-b {
    height: auto;
  }
  section.intro.split-b > div {
    padding: 30px 15px 30px 15px;
  }
  section.intro.split-b > div > div h1 span:first-child {
    font-size: 20px;
    margin-bottom: 10px;
  }
  section.intro.split-b > div > div h1 span:nth-child(2) {
    font-size: 40px;
  }
  section.intro .domains:after {
    display: none;
  }
  section.intro .with-domain-seach > div {
    width: 100%;
  }
  section.intro.hideSearchOnMobile .with-domain-seach {
    height: auto;
  }
  section.intro.hideSearchOnMobile .frontpage h2 {
    margin: 0;
  }
}
section.slider-intro {
  position: relative;
  width: 100%;
  height: auto;
}
section.slider-intro > div {
  position: relative;
  height: inherit;
  z-index: 10;
  height: 580px;
}
section.slider-intro .slideitem {
  display: table;
  width: 100%;
  height: 100%;
  table-layout: fixed;
}
section.slider-intro .slideitem > div {
  display: table-cell;
  vertical-align: middle;
}
section.slider-intro .slideitem > div.top-aligned {
  vertical-align: top;
  padding-top: 68px;
}
section.slider-intro .slideitem div:first-child {
  width: 480px;
  height: 100%;
}
section.slider-intro .slideitem div:nth-child(2n) {
  width: 610px;
  height: 100%;
  text-align: right;
}
section.slider-intro .slideitem div:nth-child(2n) .btn {
  display: none;
}
section.slider-intro .slideitem img {
  display: block;
  margin: 20px 0 0 auto;
}
section.slider-intro .slideitem h2 {
  font-size: 42px;
  font-weight: 600;
  line-height: 40px;
  letter-spacing: -1.75px;
}
section.slider-intro .slideitem h3 {
  font-size: 18px;
  font-weight: 400;
  line-height: 25px;
  letter-spacing: -0.5px;
}
section.slider-intro .slideitem p {
  font-size: 18px;
  color: #2c4a58;
  font-weight: 400;
  line-height: 25px;
  letter-spacing: -0.5px;
}
section.slider-intro .sticker {
  position: absolute;
  right: 60px;
  top: 30px;
  color: #fff;
  width: auto;
  height: 50px;
  line-height: 15px;
}
section.slider-intro .sticker .sticker-background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #2d4959;
  padding: 10px 25px 10px 25px;
  border-radius: 30px;
  transform: skew(-20deg);
  -webkit-transform: skew(-20deg);
  -moz-transform: skew(-20deg);
  -o-transform: skew(-20deg);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  z-index: -1;
}
section.slider-intro .sticker span {
  display: block;
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
section.slider-intro .sticker span:nth-child(2) {
  font-size: 15px;
  font-weight: 700;
  padding: 10px 30px 0 30px;
}
section.slider-intro .sticker span:nth-child(3) {
  font-size: 13px;
  padding: 0 30px 0 30px;
}
section.slider-intro .slide-indicator {
  position: absolute;
  left: 0;
  bottom: 30px;
}
section.slider-intro .slide-indicator > span {
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-right: 10px;
  border-radius: 20px;
  background-color: rgba(0, 0, 0, 0.2);
}
section.slider-intro .slide-indicator > span.active {
  background-color: rgba(0, 0, 0, 0.5);
}
section.slider-intro .slideshow-controls {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 100%;
  margin: auto;
  width: 1650px;
  z-index: 0;
}
@media (max-width: 1600px) {
  section.slider-intro .slideshow-controls {
    display: none;
  }
}
section.slider-intro.smaller .carousel-indicators {
  bottom: -15px;
}
@media (max-width: 620px) {
  section.slider-intro.smaller .carousel-indicators {
    text-align: center;
    bottom: 0;
  }
}
section.slider-intro.smaller > div {
  height: 380px;
}
section.slider-intro.with-bg {
  background-color: #f9f9f9;
  padding: 0 0 50px 0;
}
@media (max-width: 1180px) {
  section.slider-intro .slideitem div:first-child {
    width: 50%;
  }
  section.slider-intro .slideitem div:nth-child(2n) {
    width: 50%;
  }
  section.slider-intro .slideitem div.top-aligned {
    padding-top: 38px;
  }
}
@media (max-width: 992px) {
  section.slider-intro.smaller .slideitem div {
    vertical-align: top;
  }
  section.slider-intro .slideitem div:first-child {
    width: 60%;
  }
  section.slider-intro .slideitem div:nth-child(2n) {
    width: 40%;
  }
  section.slider-intro .slideitem h2 {
    font-size: 32px;
    line-height: 42px;
  }
  section.slider-intro .slideitem h3 {
    font-size: 22px;
  }
  section.slider-intro .slideitem p {
    font-size: 16px;
  }
}
@media (max-width: 768px) {
  section.slider-intro.smaller > div,
  section.slider-intro > div {
    height: 460px;
  }
  section.slider-intro .sticker {
    display: none;
  }
}
@media (max-width: 620px) {
  section.slider-intro.smaller > div,
  section.slider-intro > div {
    height: 540px;
  }
  section.slider-intro .slideitem {
    padding: 20px 0 20px 0;
  }
  section.slider-intro .slideitem h2 {
    font-size: 26px;
    line-height: 32px;
    display: block;
  }
  section.slider-intro .slideitem h3 {
    display: block;
    height: auto;
    font-size: 16px;
    line-height: 24px;
    overflow: hidden;
  }
  section.slider-intro .slideitem div:first-child p {
    display: none;
  }
  section.slider-intro .slideitem .btn {
    display: none;
  }
  section.slider-intro .slideitem div {
    display: block;
    padding: 0;
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
  }
  section.slider-intro .slideitem div:first-child,
  section.slider-intro .slideitem div:nth-child(2n) {
    width: 100%;
    height: auto;
  }
  section.slider-intro .slideitem div:nth-child(2) .btn {
    display: block;
    text-align: center;
  }
  section.slider-intro .slideitem div:nth-child(2) {
    height: 170px;
    padding: 40px 0 0 0;
  }
  section.slider-intro .slideitem div:nth-child(2) img {
    height: 170px;
    margin: 0 auto 30px auto;
  }
}
@media (max-width: 480px) {
  section.slider-intro {
    margin-bottom: 0 !important;
  }
  section.slider-intro .slideitem > div p {
    display: none;
  }
}
.HeaderDomainSearch {
  width: 100%;
}
.HeaderDomainSearch form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  width: 100%;
}
.HeaderDomainSearch form select {
  display: none;
  visibility: hidden;
}
.HeaderDomainSearch form input[type="text"] {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  height: 60px;
  border: 2px solid #74a345;
  border-right: 0;
  border-radius: 4px 0 0 4px;
  font-size: 18px;
  padding: 15px 20px 15px 20px;
}
.HeaderDomainSearch form input[type="text"]::-webkit-input-placeholder {
  color: #a6a6a6;
}
.HeaderDomainSearch form input[type="text"]::-moz-placeholder {
  color: #a6a6a6;
}
.HeaderDomainSearch form input[type="text"]:-ms-input-placeholder {
  color: #a6a6a6;
}
.HeaderDomainSearch form input[type="text"]:-moz-placeholder {
  color: #a6a6a6;
}
.HeaderDomainSearch form input[type="submit"] {
  height: 60px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-weight: 700;
  background-color: #74a345;
  border-radius: 0 4px 4px 0;
  font-size: 20px;
  padding: 15px 20px 15px 50px;
  border: 2px solid #74a345;
  color: #fff;
  background-image: url(//www-static.cdn-one.com/images/onecom/find-white.svg);
  background-repeat: no-repeat;
  background-size: 20px 100%;
  background-position: 20px center;
}
.HeaderDomainSearch form input[type="submit"]:hover {
  opacity: 0.9;
}
.HeaderDomainSearch form .domainSearchResultContainer {
  display: none !important;
}
@media (max-width: 768px) {
  .HeaderDomainSearch form {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .HeaderDomainSearch form input[type="text"] {
    border-right: 2px solid #74a345;
    border-radius: 4px;
    margin-bottom: 10px;
    width: 100%;
  }
  .HeaderDomainSearch form input[type="submit"] {
    width: 100%;
    border-radius: 4px;
    background-image: none;
    padding: 10px;
  }
}
@media (max-width: 620px) {
  .hideSearchOnMobile .HeaderDomainSearch {
    display: none;
  }
}
@media (max-width: 480px) {
  .HeaderDomainSearch form {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
section.SimpleHeaderJan2019 {
  position: relative;
  background: #d9eeff;
  background: linear-gradient(
    167deg,
    #d9eeff 0,
    #f3f7fa 48%,
    #fff 48%,
    #fff 48%,
    #fff 100%
  );
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d9eeff', endColorstr='#ffffff', GradientType=1);
}
section.SimpleHeaderJan2019 > div {
  margin: 0 auto 50px auto;
}
section.SimpleHeaderJan2019 > div div.SimpleIntro {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 40px 0 0 0;
  margin: 0 0 50px 0;
  height: auto;
  background-image: url(//www-static.cdn-one.com/images/onecom/pages/frontpage/Frontpage-Desktop@2x.png);
  background-repeat: no-repeat;
  background-position: left bottom;
  background-size: auto 60%;
}
section.SimpleHeaderJan2019 > div div.SimpleIntro .HeaderDomainSearch {
  position: relative;
  margin: 0 40px 0 0;
}
section.SimpleHeaderJan2019 > div div.SimpleIntro .HeaderDomainSearch form {
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}
section.SimpleHeaderJan2019
  > div
  div.SimpleIntro
  .HeaderDomainSearch
  form
  input[type="text"] {
  border-radius: 6px 0 0 6px;
  -webkit-box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.1);
}
section.SimpleHeaderJan2019
  > div
  div.SimpleIntro
  .HeaderDomainSearch
  form
  input[type="submit"] {
  border-radius: 0 6px 6px 0;
  -webkit-box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.1);
}
section.SimpleHeaderJan2019 > div div.SimpleIntro .Headline {
  position: absolute;
  left: 0;
  top: 140px;
}
section.SimpleHeaderJan2019 > div div.SimpleIntro .Headline h1 {
  font-size: 20px;
  font-weight: 400;
  margin-bottom: 5px;
}
section.SimpleHeaderJan2019 > div div.SimpleIntro .Headline h2 {
  font-size: 40px;
  font-weight: 700;
}
section.SimpleHeaderJan2019 > div div.SimpleIntro .Package {
  position: relative;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 400px;
  padding: 1px;
  margin: 0 0 60px 0;
  border-radius: 6px;
  background-color: #000;
  text-align: center;
  -webkit-box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.1);
  background: #fff;
  background: linear-gradient(45deg, #fff 25%, rgba(33, 171, 205, 0.5) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#21abcd', GradientType=1);
}
section.SimpleHeaderJan2019 > div div.SimpleIntro .Package > div {
  padding: 40px 40px 30px 40px;
  background-color: #fff;
  border-radius: 6px;
}
section.SimpleHeaderJan2019 > div div.SimpleIntro .Package .Tag {
  position: absolute;
  top: 0;
  right: 20px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  color: #fff;
  font-weight: 700;
  background-color: #37abcd;
  padding: 5px 10px 5px 10px;
}
section.SimpleHeaderJan2019 > div div.SimpleIntro .Package .Price {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 15px 0 30px 0;
}
section.SimpleHeaderJan2019 > div div.SimpleIntro .Package .Price h4 {
  font-size: 35px;
  text-align: center;
  letter-spacing: -1px;
}
section.SimpleHeaderJan2019 > div div.SimpleIntro .Package .Price h4 span {
  font-size: 13px;
  opacity: 0.5;
}
section.SimpleHeaderJan2019
  > div
  div.SimpleIntro
  .Package
  .Price
  h4.originalprice {
  color: #4e4e4e;
  opacity: 0.5;
  text-decoration: line-through;
  font-size: 15px;
  margin: 5px 0 0 0;
}
section.SimpleHeaderJan2019 > div div.SimpleIntro .Package .Price .domainFree {
  background-color: #dce8cf;
  border-radius: 5px;
  padding: 1px 10px;
  font-weight: 700;
  margin: 10px 0;
}
section.SimpleHeaderJan2019
  > div
  div.SimpleIntro
  .Package
  .Price
  .domainFree
  span {
  color: #74a345;
}
section.SimpleHeaderJan2019 > div div.SimpleIntro .Package ul {
  list-style-type: none;
  padding: 0;
  margin: 30px 0 0 0;
}
section.SimpleHeaderJan2019 > div div.SimpleIntro .Package ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  margin: 0 0 20px 0;
}
section.SimpleHeaderJan2019 > div div.SimpleIntro .Package ul li span {
  text-align: left;
}
section.SimpleHeaderJan2019
  > div
  div.SimpleIntro
  .Package
  ul
  li
  span:nth-child(1) {
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  display: block;
  width: 40px;
  height: 40px;
  background-image: url(//www-static.cdn-one.com/images/onecom/pages/frontpage/sprite/home-checkmark.svg);
  background-position: 0 5px;
  background-repeat: no-repeat;
  background-size: 60%;
}
section.SimpleHeaderJan2019
  > div
  div.SimpleIntro
  .Package
  ul
  li
  span:nth-child(2)
  div:first-child {
  font-weight: 700;
}
section.SimpleHeaderJan2019 > div div.SimpleIntro .AllProductsLink {
  position: absolute;
  right: 0;
  bottom: 0;
}
section.SimpleHeaderJan2019 > div div.SimpleIntro::after {
  content: "";
  display: block;
  clear: both;
}
section.SimpleHeaderJan2019 > div div.SimpleIntro.v1 {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
section.SimpleHeaderJan2019 > div div.SimpleIntro.v1 .Headline {
  top: 40px;
}
@media (max-width: 992px) {
  section.SimpleHeaderJan2019 > div div.SimpleIntro {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    background-size: auto 48%;
    background-position: left 310px;
  }
  section.SimpleHeaderJan2019 > div div.SimpleIntro .HeaderDomainSearch {
    width: 100%;
    margin: 0 0 40px 0;
  }
  section.SimpleHeaderJan2019 > div div.SimpleIntro .HeaderDomainSearch form {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
  section.SimpleHeaderJan2019
    > div
    div.SimpleIntro
    .HeaderDomainSearch
    form
    input[type="text"] {
    width: auto;
    border-radius: 4px 0 0 4px;
    border-right: 0;
    margin-bottom: 0;
  }
  section.SimpleHeaderJan2019
    > div
    div.SimpleIntro
    .HeaderDomainSearch
    form
    input[type="submit"] {
    width: auto;
    border-radius: 0 4px 4px 0;
    padding: 15px 20px 15px 50px;
    background-image: url(//www-static.cdn-one.com/images/onecom/find-white.svg);
  }
  section.SimpleHeaderJan2019 > div div.SimpleIntro .Package {
    width: 320px;
  }
  .lang-nl section.SimpleHeaderJan2019 > div div.SimpleIntro .Package {
    width: 300px;
  }
}
@media (max-width: 767px) {
  section.SimpleHeaderJan2019 > div {
    margin: 0 auto 0 auto;
  }
  section.SimpleHeaderJan2019 > div div.SimpleIntro {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    background-image: none;
    height: auto;
    padding: 50px 0 30px 0;
    margin: 0 0 20px 0;
  }
  section.SimpleHeaderJan2019 > div div.SimpleIntro .Headline {
    position: relative;
    top: 0;
    margin: 0 0 30px 0;
  }
  section.SimpleHeaderJan2019 > div div.SimpleIntro .Package {
    position: relative;
    width: 100%;
    margin: 0 0 20px 0;
  }
  .lang-nl section.SimpleHeaderJan2019 > div div.SimpleIntro .Package {
    width: 100%;
  }
  section.SimpleHeaderJan2019 > div div.SimpleIntro.v1 {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  section.SimpleHeaderJan2019 > div div.SimpleIntro.v1 .Headline {
    top: 0;
  }
  section.SimpleHeaderJan2019 .HeaderDomainSearch {
    display: none;
  }
}
.general-selling-points {
  position: relative;
  width: 100%;
  background-color: #f9f9f9;
  height: auto;
  display: table;
}
.general-selling-points.white-bg {
  background-color: #fff;
}
.general-selling-points > div {
  display: table-cell;
  vertical-align: top;
  padding: 30px 0 30px 0;
}
.general-selling-points div.centered {
  display: table;
  table-layout: fixed;
}
.general-selling-points .cell {
  position: relative;
  display: table-cell;
  vertical-align: top;
  text-align: center;
  padding: 50px 15px 0 15px;
}
.general-selling-points .cell::after {
  position: absolute;
  width: 1px;
  height: 80%;
  bottom: 0;
  top: 0;
  margin: auto;
  left: -1px;
  background-color: #eee;
  display: block;
  content: "";
}
.general-selling-points .cell:first-child::after {
  display: none;
}
.general-selling-points .cell .icon {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
  height: 28px;
}
.general-selling-points .cell .icon img {
  height: 35px;
  display: inline-block;
}
.general-selling-points .cell .icon.loading:after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  width: 30px;
  height: 30px;
  background-color: #eee;
  border-radius: 100%;
}
.general-selling-points .cell h2 {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 14px;
}
.general-selling-points .cell p {
  font-size: 15px;
  color: #2c4a58;
}
.general-selling-points .cell a {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.general-selling-points .cell#trustpilot .icon {
  height: 26px;
}
.general-selling-points .cell#trustpilot h2 {
  font-weight: 700;
  margin-bottom: 5px;
  font-weight: 600;
}
.general-selling-points .cell#trustpilot svg {
  margin-bottom: 12px;
}
.general-selling-points .cell#trustpilot > img {
  width: 120px;
  margin-top: 10px;
}
@media (max-width: 992px) {
  .general-selling-points .cell:nth-child(n + 4) {
    display: none;
  }
}
@media (max-width: 620px) {
  .general-selling-points .cell:nth-child(n + 3) {
    display: none;
  }
}
@media (max-width: 480px) {
  .general-selling-points {
    margin-bottom: 0;
    display: none;
  }
}
.content-selling-points {
  position: relative;
  width: 100%;
}
.content-selling-points div.centered {
  display: table;
  padding-bottom: 30px;
  table-layout: fixed;
}
.content-selling-points div.centered > div {
  display: table-cell;
  vertical-align: top;
}
.content-selling-points div.centered > div:nth-child(1) {
  width: 75%;
}
.content-selling-points div.centered > div:nth-child(1) > div {
  display: table;
  width: 100%;
  margin-bottom: 50px;
}
.content-selling-points div.centered > div:nth-child(1) > div:last-child {
  margin-bottom: 0;
}
.content-selling-points div.centered > div:nth-child(1) > div > div {
  display: table-cell;
  vertical-align: top;
  border-collapse: collapse;
}
.content-selling-points
  div.centered
  > div:nth-child(1)
  > div
  > div:first-child {
  width: 60%;
}
.content-selling-points
  div.centered
  > div:nth-child(1)
  > div
  > div:first-child
  h2 {
  font-size: 30px;
  line-height: 40px;
  margin-bottom: 20px;
}
.content-selling-points
  div.centered
  > div:nth-child(1)
  > div
  > div:first-child
  p {
  font-size: 15px;
  line-height: 21px;
}
.content-selling-points
  div.centered
  > div:nth-child(1)
  > div
  > div:first-child
  h3.with-checkmark {
  position: relative;
  margin-bottom: 10px;
  vertical-align: middle;
}
.content-selling-points
  div.centered
  > div:nth-child(1)
  > div
  > div:first-child
  h3.with-checkmark
  svg {
  width: 15px;
  height: 15px;
  margin: 0 10px 0 0;
}
.content-selling-points div.centered > div:nth-child(1) > div > div:last-child {
  width: 40%;
  text-align: center;
}
.content-selling-points
  div.centered
  > div:nth-child(1)
  > div
  > div:last-child
  svg,
.content-selling-points
  div.centered
  > div:nth-child(1)
  > div
  > div:last-child
  > img {
  max-width: 161px;
}
.content-selling-points
  div.centered
  > div:nth-child(1)
  > div
  > div:last-child
  svg.imac-no-icon,
.content-selling-points
  div.centered
  > div:nth-child(1)
  > div
  > div:last-child
  > img.imac-no-icon {
  height: 63%;
}
.content-selling-points
  div.centered
  > div:nth-child(1)
  > div
  > div:last-child
  svg.imac-left,
.content-selling-points
  div.centered
  > div:nth-child(1)
  > div
  > div:last-child
  > img.imac-left {
  margin-right: 30px;
}
.content-selling-points
  div.centered
  > div:nth-child(1)
  > div
  > div:last-child
  svg.imac-right,
.content-selling-points
  div.centered
  > div:nth-child(1)
  > div
  > div:last-child
  > img.imac-right {
  margin-left: 30px;
}
.content-selling-points div.centered > div:nth-child(1) .notices {
  text-align: left;
  padding-right: 30px;
}
.content-selling-points div.centered > div:nth-child(2) {
  background-color: #f9f9f9;
  width: 25%;
  text-align: center;
  padding: 25px 35px 25px 35px;
  border-radius: 4px 4px 4px 4px;
}
.content-selling-points div.centered > div:nth-child(2) > div {
  position: relative;
  border-bottom: 1px solid #d9d9d9;
  padding-bottom: 25px;
  margin-bottom: 25px;
}
.content-selling-points div.centered > div:nth-child(2) > div.Guarantee a:hover,
.content-selling-points
  div.centered
  > div:nth-child(2)
  > div.morethanxcustomers
  a:hover,
.content-selling-points
  div.centered
  > div:nth-child(2)
  > div.sidebarOpenAllDay
  a:hover {
  text-decoration: none;
}
.content-selling-points div.centered > div:nth-child(2) > div:last-child {
  border-bottom: 0;
}
.content-selling-points
  div.centered
  > div:nth-child(2)
  > div:last-child.sidebarOpenAllDay
  a:hover {
  text-decoration: none;
}
.content-selling-points div.centered > div:nth-child(2) > div h2 {
  font-weight: 700;
  margin-bottom: 5px;
}
.content-selling-points
  div.centered
  > div:nth-child(2)
  > div
  h2.morethanxcustomers
  span {
  display: block;
  font-size: 16px;
  font-weight: 600;
  margin-top: 5px;
}
.content-selling-points div.centered > div:nth-child(2) > div p {
  font-weight: 600;
  font-size: 16px;
}
.content-selling-points div.centered > div:nth-child(2) > div svg {
  height: 45px;
  margin-bottom: 10px;
}
.content-selling-points div.centered > div:nth-child(2) > div#trustpilot svg {
  height: 30px;
}
.content-selling-points div.centered > div:nth-child(2) > div#trustpilot img {
  margin-top: 10px;
  width: 100px;
}
.content-selling-points
  div.centered.centered-top
  > div:first-child
  > div
  > div {
  vertical-align: top;
}
.content-selling-points.no-sidebar div.centered > div:nth-child(1) {
  width: 100%;
}
.content-selling-points.no-sidebar
  div.centered
  > div:nth-child(1)
  > div
  > div:first-child {
  width: 65%;
  padding: 0 30px 0 0;
}
.content-selling-points.no-sidebar
  div.centered
  > div:nth-child(1)
  > div
  > div:last-child {
  width: 20%;
  text-align: right;
}
.content-selling-points.no-sidebar div.centered > div:nth-child(2) {
  background-color: #fff;
}
.content-selling-points.with-bg {
  background-color: #f9f9f9;
}
.content-selling-points.with-bg > div.centered {
  padding-top: 50px;
}
.content-selling-points.with-bg > div.centered > div:nth-child(2) {
  background-color: #fff;
}
@media (max-width: 992px) {
  .content-selling-points div.centered {
    padding: 0;
  }
  .content-selling-points div.centered > div:nth-child(2) {
    display: none;
    table-layout: fixed;
    width: 100%;
    padding: 30px 30px 30px 30px;
    margin: 0 0 30px 0;
  }
  .content-selling-points div.centered > div:nth-child(2) > div {
    position: relative;
    display: table-cell;
    border-bottom: 0;
    padding: 0 15px 0 15px;
  }
  .content-selling-points div.centered > div:nth-child(2) > div h2 {
    font-size: 16px;
  }
  .content-selling-points div.centered > div:nth-child(2) > div:after {
    content: "";
    display: block;
    height: 90%;
    width: 1px;
    background: #efefef;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
  }
  .content-selling-points
    div.centered
    > div:nth-child(2)
    > div:last-child:after {
    display: none;
  }
  .content-selling-points div.centered > div:nth-child(1) {
    display: table-footer-group;
    width: 100%;
  }
  .content-selling-points div.centered > div:nth-child(1) > div {
    padding: 0 30px 0 30px;
  }
}
@media (max-width: 620px) {
  .content-selling-points div.centered > div:nth-child(1) {
    display: block;
  }
  .content-selling-points div.centered > div:nth-child(1) > div {
    display: block;
    text-align: center;
  }
  .content-selling-points div.centered > div:nth-child(1) > div > div {
    display: block;
    width: 100%;
  }
  .content-selling-points
    div.centered
    > div:nth-child(1)
    > div
    > div:first-child {
    display: table-footer-group;
    width: 100%;
  }
  .content-selling-points
    div.centered
    > div:nth-child(1)
    > div
    > div:first-child
    h2 {
    font-size: 26px;
    line-height: 36px;
  }
  .content-selling-points
    div.centered
    > div:nth-child(1)
    > div
    > div:first-child:after {
    content: "---------------------------------------------------------------------------------------------------------------------";
    max-height: 0;
    overflow: hidden;
    display: block;
    word-break: break-all;
  }
  .content-selling-points
    div.centered
    > div:nth-child(1)
    > div
    > div:nth-child(2) {
    display: table-header-group;
  }
  .content-selling-points
    div.centered
    > div:nth-child(1)
    > div
    > div:nth-child(2)
    svg {
    margin-bottom: 20px;
  }
  .content-selling-points
    div.centered
    > div:nth-child(2)
    > div:nth-child(n + 4) {
    display: none;
  }
  .content-selling-points.no-sidebar
    div.centered
    > div:nth-child(1)
    > div
    > div:nth-child(2) {
    text-align: center;
  }
}
@media (max-width: 480px) {
  .content-selling-points div.centered > div:nth-child(2) {
    display: none;
  }
}
.get-started {
  position: relative;
  width: 100%;
  text-align: center;
  padding: 70px 0 70px 0;
}
.get-started svg {
  height: 291px;
}
.get-started h2 {
  font-size: 32px;
}
.get-started p {
  display: block;
  margin: 0 auto 30px auto;
}
.get-started.with-bg {
  background-color: #f9f9f9;
}
.get-started.smaller-width > div h2 {
  width: 80%;
  margin-left: auto;
  margin-right: auto;
}
.get-started.smaller-width > div p {
  width: 60%;
  font-size: 15px;
}
.get-started.sidebyside .svg {
  height: auto;
  width: auto;
}
.get-started.sidebyside > div {
  display: table;
  table-layout: fixed;
}
.get-started.sidebyside > div > div {
  display: table-cell;
  vertical-align: middle;
  text-align: left;
}
.get-started .wsb-templates {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.get-started .wsb-templates > div {
  margin: 0 0 30px 0;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}
@media (max-width: 768px) {
  .get-started {
    padding: 40px 0 40px 0;
    background-color: #f9f9f9;
  }
  .get-started.smaller-width > div h2 {
    width: 100%;
  }
  .get-started.smaller-width > div p {
    width: 80%;
  }
  .get-started.sidebyside > div {
    display: block;
  }
  .get-started.sidebyside > div > div {
    display: block;
  }
}
.lang-pt .packages-table > div .header.product-hosting-bg h2 {
  font-size: 16px !important;
}
.packages-table {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}
.packages-table .package {
  position: relative;
  border-right: none;
  padding: 0;
  -webkit-box-shadow: inset 0 0 0 2px #efefef;
  box-shadow: inset 0 0 0 2px #efefef;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  margin-right: 30px;
  border-radius: 0 0 4px 4px;
}
.packages-table .package:last-child {
  margin-right: 0;
}
.packages-table > div .header {
  position: relative;
  padding: 20px 25px 20px 30px;
  text-align: left;
  text-overflow: ellipsis;
  border: 2px solid;
  border-color: inherit;
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.packages-table
  > div
  .header.product-hosting-bg
  .vertical_page_icon:first-child {
  margin-right: 10px !important;
}
.packages-table
  > div
  .header.product-hosting-bg
  .vertical_page_icon:first-child
  span {
  width: 35px !important;
  height: 35px !important;
}
.packages-table
  > div
  .header.product-hosting-bg
  .vertical_page_icon:first-child
  span
  svg {
  height: 40px;
}
.packages-table > div .header.product-hosting-bg.lang-pt .vertical_page {
  font-size: 16px !important;
}
.packages-table > div .header.product-hosting-bg .vertical_page {
  font-size: 18px !important;
}
.packages-table > div .header > div:first-child {
  margin-right: 20px;
}
.packages-table > div .header > div:first-child span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 40px;
  height: 40px;
  border-radius: 100%;
  background-color: #fff;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.packages-table > div .header > div:first-child span svg {
  height: 40px;
}
.packages-table > div .header h2,
.packages-table > div .header h3,
.packages-table > div .header h4,
.packages-table > div .header p,
.packages-table > div .header span {
  color: #fff;
  letter-spacing: -0.5px;
}
.packages-table > div .header h2 {
  font-size: 20px;
  font-weight: 700;
}
.packages-table > div .header h3 {
  display: block;
  font-size: 15px;
  line-height: 20px;
  font-weight: 700;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.packages-table > div .header h3.shortname {
  display: block;
}
.packages-table > div .header h3.longname {
  display: none;
}
.packages-table > div .header h4 {
  font-size: 15px;
  line-height: 25px;
  font-weight: 600;
}
.packages-table > div .header h4.offerprice {
  display: none;
}
.packages-table > div .header h4.originalprice {
  text-decoration: line-through;
}
.packages-table > div .header .package-tooltip {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 18px;
  height: 18px;
  border-radius: 100%;
  background-color: rgba(255, 255, 255, 0.5);
  line-height: 18px;
  font-size: 12px;
  font-weight: 700;
  text-align: center;
  color: #fff;
}
.packages-table > div .header .package-tooltip > span {
  visibility: hidden;
  width: 250px;
  background-color: #444;
  color: #fff;
  text-align: left;
  padding: 15px 20px 20px 20px;
  border-radius: 4px;
  position: absolute;
  z-index: 100;
  top: 30px;
  left: -255px;
  font-size: 15px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: initial;
  -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
}
.packages-table > div .header .package-tooltip > span h4 {
  font-weight: 700;
  margin-bottom: 5px;
}
.packages-table > div .package-price {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: auto;
  margin: 25px 0 0 0;
}
.packages-table > div .package-price h4 {
  text-align: center;
  letter-spacing: -1px;
}
.packages-table > div .package-price h4 span {
  font-size: 13px;
  opacity: 0.5;
}
.packages-table > div .package-price .offerprice {
  font-size: 25px;
  margin-bottom: 10px;
}
.packages-table > div .package-price .originalprice {
  color: #4e4e4e;
  opacity: 0.5;
  text-decoration: line-through;
}
.packages-table > div .package-price .normalprice {
  font-size: 25px;
}
.packages-table > div .package-price .domainFree {
  background-color: #dce8cf;
  border-radius: 5px;
  padding: 1px 10px;
  font-weight: 700;
  margin: 10px 0;
}
.packages-table > div .package-price .domainFree span {
  color: #74a345;
}
.packages-table > div .domain-campaign {
  width: 100%;
  height: auto;
  background-color: #efefef;
  padding: 10px 0 10px 0;
  color: #4e4e4e;
  font-weight: 600;
  text-align: center;
}
.packages-table > div .domain-campaign svg,
.packages-table > div .domain-campaign > span {
  display: inline-block;
  vertical-align: middle;
}
.packages-table > div .domain-campaign > svg {
  width: 35px;
  height: 35px;
  background-color: #fff;
  border-radius: 100%;
  padding: 5px;
}
.packages-table > div .domain-campaign > span {
  margin-left: 5px;
}
.packages-table > div .domain-campaign span.icon {
  margin-left: 0;
  width: 35px;
  height: 35px;
  background-color: #fff;
  border-radius: 100%;
  padding: 5px;
  font-weight: 700;
  line-height: 35px;
  font-size: 19px;
}
.packages-table > div .content {
  padding: 15px 30px 15px 30px;
  text-align: center;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.packages-table > div .content .btn {
  display: block;
  padding: 0 40px 0 40px !important;
  margin-bottom: 25px;
  text-align: center;
}
.packages-table > div .content > div {
  text-align: left;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}
.packages-table > div .content > div > div {
  height: 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.packages-table > div .content > div > div h3 {
  display: block;
  font-size: 15px;
  letter-spacing: -0.32px;
  line-height: 1.3;
}
.packages-table > div .content > div ul {
  padding: 10px 0 0 17px;
  margin-top: 8px;
  margin-bottom: 30px;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}
.packages-table > div .content > div ul li {
  color: #74a345;
  font-size: 12px;
  margin-bottom: 13px;
}
.packages-table > div .content > div ul li span {
  color: #4e4e4e;
  font-size: 15px;
  line-height: 20px;
}
.packages-table > div .content > div ul li.notincluded {
  color: red;
  opacity: 0.4;
}
.packages-table > div .content > div ul li:last-child {
  margin-bottom: 0;
}
.packages-table > div .content > div .content-additional-addons {
  display: block;
  margin-top: 0;
  height: auto;
}
.packages-table > div .content > div .content-additional-addons h4 {
  font-size: 15px;
}
.packages-table > div .content > div .content-additional-addons ul {
  margin-bottom: 0;
}
.packages-table > div .content.vertical-description > div:first-child {
  margin-bottom: 20px;
}
.packages-table > div .content.vertical-description > div:first-child p {
  font-weight: 700;
  color: #4e4e4e;
}
.packages-table > div .content.no-additional-addons {
  padding: 25px 30px 25px 30px;
}
.packages-table > div .content.no-additional-addons > div ul {
  margin-bottom: 0;
}
.packages-table > div.responsive-controls {
  display: none;
}
.packages-table.with-seperator .package {
  margin-right: 0;
}
.packages-table.with-seperator .seperator {
  width: 280px;
  background-color: #fff;
  text-align: center;
}
.packages-table.with-seperator .seperator::before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  display: block;
  content: "";
  width: 0;
  height: 100%;
  border-left: 1px solid;
  border-color: inherit;
}
.packages-table.with-seperator .seperator div {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: 100px;
  height: 100px;
  border-radius: 100px;
  background-color: #fff;
  padding: 20px;
}
.packages-table.with-seperator .seperator div > img {
  width: 80px;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}
.packages-table.with-seperator .seperator div svg {
  height: 100%;
}
.packages-table.on-grey-bg > div {
  background-color: transparent;
}
.packages-table.on-grey-bg .spacer {
  background-color: #f9f9f9;
}
.packages-table.hide-excluded-features .notincluded {
  display: none;
}
.packages-table.frontpage > div .content > div > div {
  height: 60px;
}
.packages-table.frontpage > div .content > div .content-additional-addons {
  height: auto;
}
.packages-table.smaller-icons > div .header > div:first-child span svg {
  height: 20px;
}
@media (min-width: 1180px) {
  .packages-table > div div.header .package-tooltip:hover {
    cursor: context-menu;
  }
  .packages-table > div div.header .package-tooltip:hover > span {
    visibility: visible;
    display: block;
  }
}
@media (max-width: 1180px) {
  .packages-table.with-seperator .package {
    margin-right: 30px;
  }
  .packages-table.has-icon {
    padding-top: 0;
  }
  .packages-table .package {
    -webkit-box-shadow: none;
    box-shadow: none;
    display: none;
  }
  .packages-table .package:last-child {
    margin-right: 30px;
  }
  .packages-table .package.shown {
    display: block;
  }
  .packages-table > div {
    display: none;
    width: 59%;
    float: left;
    background-color: #f9f9f9;
    border-radius: 3px;
  }
  .packages-table > div.spacer {
    display: none;
  }
  .packages-table > div div.header {
    padding: 30px 30px 30px 30px;
    border: none;
  }
  .packages-table > div div.header span {
    display: none;
  }
  .packages-table > div div.header h2 {
    display: none;
  }
  .packages-table > div div.header h3 {
    font-size: 24px;
    line-height: 30px;
  }
  .packages-table > div div.header h3.longname {
    display: block;
    white-space: initial;
  }
  .packages-table > div div.header h3.shortname {
    display: none;
  }
  .packages-table > div div.header h4.offerprice {
    direction: none;
    padding: 5px;
    background-color: #fff799;
    margin: 10px 0 10px 0;
  }
  .packages-table > div div.header .tag {
    min-width: 20%;
  }
  .packages-table > div div.header .package-tooltip.open > span {
    visibility: visible;
    display: block;
  }
  .packages-table > div .domain-campaign {
    display: block;
    width: auto;
    padding: 10px 10px 10px 10px;
    border-radius: 4px;
  }
  .packages-table > div div.content {
    clear: both;
  }
  .packages-table > div div.content .btn {
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .packages-table > div div.content h3 {
    height: auto;
    margin-bottom: 13px;
  }
  .packages-table > div:after,
  .packages-table > div:before {
    display: none !important;
  }
  .packages-table > div.responsive-controls {
    display: block;
    -webkit-box-ordinal-group: 100;
    -ms-flex-order: 99;
    order: 99;
    width: 40%;
    background-color: transparent;
  }
  .packages-table > div.responsive-controls > div {
    position: relative;
    border-radius: 5px;
    margin: 0 0 30px 0;
  }
  .packages-table > div.responsive-controls > div:not(.active) {
    background-color: #f9f9f9;
  }
  .packages-table > div.responsive-controls > div:before {
    position: absolute;
    content: "";
    background-color: inherit;
    width: 10px;
    height: 10px;
    bottom: 0;
    left: -100%;
    top: 0;
    right: 0;
    margin: auto;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  .packages-table > div.responsive-controls > div > div {
    display: table;
    width: 100%;
    height: auto;
  }
  .packages-table > div.responsive-controls > div > div > div {
    display: table-cell;
    vertical-align: middle;
    padding: 20px;
    text-align: left;
  }
  .packages-table > div.responsive-controls > div > div > div:first-child {
    width: 50px;
    height: 30px;
    padding: 0 0 0 20px;
  }
  .packages-table
    > div.responsive-controls
    > div
    > div
    > div:first-child
    > span {
    position: relative;
    display: block;
    width: 40px;
    height: 40px;
    border-radius: 100%;
  }
  .packages-table
    > div.responsive-controls
    > div
    > div
    > div:first-child
    > span
    > svg {
    width: 60%;
    height: 60%;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
  }
  .packages-table
    > div.responsive-controls
    > div
    > div
    > div:first-child
    > span
    > svg.active {
    display: none;
  }
  .packages-table
    > div.responsive-controls
    > div
    > div
    > div:first-child
    > span.bigger-icons
    > svg {
    width: 100%;
    height: 100%;
  }
  .packages-table > div.responsive-controls > div > div > div h3 {
    font-size: 20px;
  }
  .packages-table > div.responsive-controls > div > div > div h3 > span {
    display: block;
    margin-bottom: 10px;
  }
  .packages-table
    > div.responsive-controls
    > div
    > div
    > div
    h3
    > span:first-child {
    font-size: 14px;
  }
  .packages-table > div.responsive-controls > div > div > div h4 {
    font-size: 14px;
    font-weight: 400;
  }
  .packages-table > div.responsive-controls > div.active {
    overflow: visible;
  }
  .packages-table > div.responsive-controls > div.active > div {
    background-color: inherit;
    border-radius: 5px;
  }
  .packages-table > div.responsive-controls > div.active > div div,
  .packages-table > div.responsive-controls > div.active > div h3,
  .packages-table > div.responsive-controls > div.active > div h4 {
    color: #fff;
  }
  .packages-table > div.responsive-controls > div.active > div > div > span {
    background-color: #fff;
  }
  .packages-table
    > div.responsive-controls
    > div.active
    > div
    > div
    > span
    svg:nth-child(2) {
    display: none;
  }
  .packages-table
    > div.responsive-controls
    > div.active
    > div
    > div
    > span
    svg:first-child {
    display: block;
  }
  .packages-table > div.responsive-controls > div:hover {
    cursor: pointer;
    opacity: 0.9;
  }
  .packages-table > div.responsive-controls:before {
    background-color: #000;
    display: none;
  }
  .packages-table:after,
  .packages-table:before {
    content: " ";
    display: table;
  }
  .packages-table:after {
    clear: both;
  }
  .packages-table::after {
    content: "";
    display: block;
    clear: both;
  }
}
@media (max-width: 992px) {
  .packages-table > div {
    width: 60%;
  }
}
@media (max-width: 768px) {
  .packages-table > div .domain-campaign {
    float: none;
    width: calc(100% - 30px);
    margin-left: auto;
    margin-right: auto;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
}
@media (max-width: 767px) {
  .packages-table {
    display: block;
  }
  .packages-table .package {
    margin-top: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    width: 100%;
  }
  .packages-table > div {
    width: 100%;
    background-color: #fff;
  }
  .packages-table > div.responsive-controls {
    width: auto;
    margin: 0 15px 5px 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    float: none;
  }
  .packages-table > div.responsive-controls > div {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    height: 100%;
    padding: 0;
    margin: 0;
    border-radius: 0;
    border-left: 1px solid #d7f0ff;
    border-bottom: 1px solid #d7f0ff;
    border-top: 1px solid #d7f0ff;
    -webkit-box-shadow: none;
    box-shadow: none;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
  }
  .packages-table > div.responsive-controls > div:before {
    left: 0;
    bottom: -100%;
  }
  .packages-table > div.responsive-controls > div:not(.active) {
    background-color: #f7fcff;
  }
  .packages-table > div.responsive-controls > div:not(.active):before {
    display: none;
  }
  .packages-table > div.responsive-controls > div:first-child {
    border-radius: 5px 0 0 5px;
  }
  .packages-table > div.responsive-controls > div:last-child {
    border-right: 1px solid #d7f0ff;
    border-radius: 0 5px 5px 0;
  }
  .packages-table > div.responsive-controls > div > div {
    border-radius: 0;
    width: 100%;
    height: 100%;
    padding: 0 10px 0 10px;
  }
  .packages-table > div.responsive-controls > div > div > div {
    margin: 0 auto 0 auto;
    padding: 0;
    text-align: center;
    height: auto;
    padding: 20px 0 20px 0;
  }
  .packages-table > div.responsive-controls > div > div > div:first-child {
    display: none;
  }
  .packages-table > div.responsive-controls > div > div > div h3 {
    font-size: 12px;
  }
  .packages-table > div.responsive-controls > div > div > div h3 span {
    margin-bottom: 0;
  }
  .packages-table
    > div.responsive-controls
    > div
    > div
    > div
    h3
    span:first-child {
    font-size: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .packages-table
    > div.responsive-controls
    > div
    > div
    > div
    h3
    span:nth-child(2) {
    font-size: 14px;
  }
  .packages-table > div.responsive-controls > div > div > div h4 {
    display: none;
  }
  .packages-table > div.responsive-controls > div.active > div h3 {
    color: #fff;
  }
  .packages-table > div.responsive-controls > div.active > div h4 {
    display: none;
  }
  .packages-table > div div.header {
    padding: 15px;
    margin: 15px 15px 0 15px;
    color: #fff;
  }
  .packages-table > div div.header.has-arrow:after {
    display: none;
  }
  .packages-table > div div.header h3 {
    font-size: 22px;
    font-weight: 600;
    color: #fff;
  }
  .packages-table > div div.header h4 {
    font-size: 18px;
    font-weight: 600;
    color: #fff;
  }
  .packages-table > div div.header .offerprice {
    background-color: transparent !important;
    color: #fff;
  }
  .packages-table > div .package-price {
    border-left: 2px solid #efefef;
    border-right: 2px solid #efefef;
    margin: 0 15px 0 15px;
    padding: 25px 0 10px 0;
  }
  .packages-table > div div.content {
    padding: 15px 15px 15px 15px;
    border-left: 2px solid #efefef;
    border-right: 2px solid #efefef;
    border-bottom: 2px solid #efefef;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    margin: 0 15px 0 15px;
  }
  .packages-table > div div.content h3 {
    margin-top: 10px;
    margin-bottom: 20px;
  }
}
@media (max-width: 480px) {
  .packages-table > div.responsive-controls > div > div > div h3 {
    font-size: 12px;
  }
  .packages-table
    > div.responsive-controls
    > div
    > div
    > div
    h3
    span:first-child {
    font-size: 10px;
    line-height: 14px;
  }
  .packages-table
    > div.responsive-controls
    > div
    > div
    > div
    h3
    span:nth-child(2) {
    font-size: 12px;
  }
}
.products-table {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
  height: 100%;
}
.products-table > div {
  width: 31%;
  margin-bottom: 40px;
}
.products-table > div > div {
  border-radius: 5px;
  padding: 20px;
}
.products-table > div > div .icon {
  position: relative;
  margin: 0 auto 0 auto;
  width: 65px;
  height: 65px;
  border-radius: 65px;
  background-color: rgba(255, 255, 255, 0.4);
  margin-bottom: 30px;
}
.products-table > div > div .icon img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: 30px;
}
.products-table > div > div .icon svg {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: 30px;
}
.products-table > div > div h2,
.products-table > div > div p {
  color: #fff;
}
.products-table > div > div h2 {
  font-size: 23px;
  font-weight: 700;
  margin-bottom: 10px;
}
.products-table > div > div p {
  display: block;
  font-size: 15px;
  margin-bottom: 15px;
  height: 80px;
  overflow: hidden;
}
.products-table > div > div p.price {
  font-size: 20px;
  margin-bottom: 20px;
  height: auto;
}
.products-table > div > div .btn {
  font-weight: 400;
  font-size: 14px;
}
@media (max-width: 1180px) {
  .products-table > div {
    width: 47.5%;
    margin-bottom: 40px;
  }
}
@media (max-width: 767px) {
  .products-table {
    display: block;
  }
  .products-table > div {
    display: block;
    width: 100%;
  }
  .products-table > div:last-child {
    margin-bottom: 0;
  }
  .products-table > div > div p {
    height: auto;
  }
}
#innercontent.productinfofrontpage {
  padding-top: 110px !important;
}
.productinfo-frontpage-header {
  position: absolute;
  min-width: 840px;
  height: 140px;
  background-image: url(//www-static.cdn-one.com/images/onecom/pages/frontpage/top-split-a-mobile.svg);
  background-repeat: no-repeat;
  background-position: right;
  top: -32px;
}
.features-table-header {
  display: block;
  font-size: 18px;
  font-weight: 700;
  padding: 17px 30px 17px 30px;
  background-color: #f9f9f9;
  color: #4e4e4e;
  margin: 30px 0 0 0;
}
.features-table {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.features-table > div {
  width: 40%;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  margin: 0 30px 30px 0;
  padding: 30px;
  background-color: #f9f9f9;
}
.features-table > div:nth-child(2n) {
  margin: 0 0 30px 0;
}
.features-table > div:nth-last-child(-n + 2) {
  margin: 0 30px 0 0;
}
.features-table > div:last-child {
  margin: 0;
}
.features-table > div h3 {
  display: inline-block;
  vertical-align: middle;
  margin-bottom: 15px;
  font-size: 18px;
  font-weight: 700;
}
.features-table > div h3.icon:before {
  content: "";
  display: inline-block;
  width: 40px;
  height: 41px;
  margin-right: 15px;
  vertical-align: middle;
}
#innercontent .features-table h3 {
  margin-bottom: 0;
}
#innercontent .features-table p {
  margin-bottom: 5px;
}
@media (max-width: 768px) {
  .productinfo-frontpage-header {
    min-width: auto;
    width: 100%;
    left: -30px;
    top: -30px;
    background-size: cover;
    background-position: bottom right;
  }
  .features-table > div {
    width: 100%;
    margin: 0 0 30px 0;
  }
  .features-table > div:nth-child(2n),
  .features-table > div:nth-last-child(-n + 2) {
    margin: 0 0 30px 0;
  }
  .features-table > div:last-child {
    margin: 0;
  }
}
@media (max-width: 480px) {
  .features-table > div {
    text-align: center;
  }
  .features-table > div h3 {
    display: block;
    text-align: center;
  }
  .features-table > div h3.icon:before {
    display: block;
    margin: 0 auto 10px auto;
  }
}
.websitebuilder-icon:before {
  background: url(//www-static.cdn-one.com/images/onecom/sprite-1310e479.svg)
    no-repeat -434px -517px;
}
.chatsupport-icon:before {
  background: url(//www-static.cdn-one.com/images/onecom/sprite-1310e479.svg)
    no-repeat -594px -361px;
}
.ssl-icon:before {
  background: url(//www-static.cdn-one.com/images/onecom/sprite-1310e479.svg)
    no-repeat -214px -517px;
}
.statistics-icon:before {
  background: url(//www-static.cdn-one.com/images/onecom/sprite-1310e479.svg)
    no-repeat -258px -517px;
}
.gallery-icon:before {
  background: url(//www-static.cdn-one.com/images/onecom/sprite-1310e479.svg)
    no-repeat -214px -473px;
}
.blog-icon:before {
  background: url(//www-static.cdn-one.com/images/onecom/sprite-1310e479.svg)
    no-repeat -506px -361px;
}
.wordpress-icon:before {
  background: url(//www-static.cdn-one.com/images/onecom/sprite-1310e479.svg)
    no-repeat -566px -517px;
}
.ssh-ftp-icon:before {
  background: url(//www-static.cdn-one.com/images/onecom/sprite-1310e479.svg)
    no-repeat -654px -473px;
}
.database-icon:before {
  background: url(//www-static.cdn-one.com/images/onecom/sprite-1310e479.svg)
    no-repeat -566px -473px;
}
.adwords-icon:before {
  background: url(//www-static.cdn-one.com/images/onecom/sprite-1310e479.svg)
    no-repeat -258px -473px;
}
.personal-email-icon:before {
  background: url(//www-static.cdn-one.com/images/onecom/sprite-1310e479.svg)
    no-repeat -522px -473px;
}
.unlimited-email-accounts-icon:before {
  background: url(//www-static.cdn-one.com/images/onecom/sprite-1310e479.svg)
    no-repeat -346px -517px;
}
.email-calendar-icon:before {
  background: url(//www-static.cdn-one.com/images/onecom/sprite-1310e479.svg)
    no-repeat -550px -361px;
}
.address-book-icon:before {
  background: url(//www-static.cdn-one.com/images/onecom/sprite-1310e479.svg)
    no-repeat -418px -361px;
}
.webmail-icon:before {
  background: url(//www-static.cdn-one.com/images/onecom/sprite-1310e479.svg)
    no-repeat -522px -517px;
}
.virus-spam-icon:before {
  background: url(//www-static.cdn-one.com/images/onecom/sprite-1310e479.svg)
    no-repeat -390px -517px;
}
.imap-pop-icon:before {
  background: url(//www-static.cdn-one.com/images/onecom/sprite-1310e479.svg)
    no-repeat -346px -473px;
}
.mobilesync-icon:before {
  background: url(//www-static.cdn-one.com/images/onecom/sprite-1310e479.svg)
    no-repeat -654px -517px;
}
.domain-icon:before {
  background: url(//www-static.cdn-one.com/images/onecom/sprite-1310e479.svg)
    no-repeat -302px -473px;
}
.own-domain-icon:before {
  background: url(//www-static.cdn-one.com/images/onecom/sprite-1310e479.svg)
    no-repeat -478px -473px;
}
.anycastdns-icon:before {
  background: url(//www-static.cdn-one.com/images/onecom/sprite-1310e479.svg)
    no-repeat -462px -361px;
}
.dns-management-icon:before {
  background: url(//www-static.cdn-one.com/images/onecom/sprite-1310e479.svg)
    no-repeat -638px -361px;
}
.domainlist-wrapper {
  position: relative;
  min-height: 50px;
  overflow: hidden;
  padding: 0 10px 0 10px;
}
.domainlist-wrapper.has-border {
  border: 2px solid #efefef;
}
.domainlist-wrapper.items-has-full-border
  .domainlist-item-wrapper
  .domainlist-item-inner.selected {
  border: 2px solid #0078c8;
}
@media (max-width: 767px) {
  .domainlist-wrapper {
    margin: 0 15px 0 15px;
  }
}
.domainlist-item-wrapper {
  position: relative;
  width: 100%;
  -webkit-box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.05);
  box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.05);
  margin: 0 0 10px 0;
}
.domainlist-item-wrapper .domainlist-item-inner > div:first-child {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  padding: 20px;
  border: 2px solid #fff;
}
@media (max-width: 480px) {
  .domainlist-item-wrapper .domainlist-item-inner > div:first-child {
    padding: 10px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
.domainlist-item-wrapper .domainlist-item-inner > div:first-child.selected {
  border: 2px solid #0078c8;
}
@media (max-width: 767px) {
  .domainlist-item-wrapper .domainlist-item-inner > div:first-child.selected {
    padding: 10px;
  }
}
.domainlist-item-wrapper
  .domainlist-item-inner
  > div:first-child.selected
  .domainlist-icon {
  background-color: #76b82a;
}
.domainlist-item-wrapper
  .domainlist-item-inner
  > div:first-child
  .domainlist-icon {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background-color: #9d9d9c;
  background-image: url(//www-static.cdn-one.com/images/onecom/checkwhite2020.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 50% auto;
  margin: 0 20px 0 0;
}
.domainlist-item-wrapper
  .domainlist-item-inner
  > div:first-child
  .domainlist-domain-and-price {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  min-width: 0;
}
@media (max-width: 767px) {
  .domainlist-item-wrapper
    .domainlist-item-inner
    > div:first-child
    .domainlist-domain-and-price {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    max-width: 75%;
  }
}
.domainlist-item-wrapper
  .domainlist-item-inner
  > div:first-child
  .domainlist-domain-and-price
  .domain-wrapper {
  min-width: 0;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 18px;
  font-weight: 500;
  margin: 0 20px 0 0;
  width: 100%;
}
@media (max-width: 480px) {
  .domainlist-item-wrapper
    .domainlist-item-inner
    > div:first-child
    .domainlist-domain-and-price
    .domain-wrapper {
    font-size: 16px;
  }
}
.domainlist-item-wrapper
  .domainlist-item-inner
  > div:first-child
  .domainlist-domain-and-price
  .domain-wrapper
  .domain {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.domainlist-item-wrapper
  .domainlist-item-inner
  > div:first-child
  .domainlist-domain-and-price
  .price-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 15px;
  font-weight: 400;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin: 0;
  text-align: right;
}
@media (max-width: 767px) {
  .domainlist-item-wrapper
    .domainlist-item-inner
    > div:first-child
    .domainlist-domain-and-price
    .price-wrapper {
    text-align: left;
    display: block;
  }
}
.domainlist-item-wrapper
  .domainlist-item-inner
  > div:first-child
  .domainlist-domain-and-price
  .price-wrapper
  .price
  .originalPrice {
  text-decoration: line-through;
  margin: 0 5px 0 0;
}
.domainlist-item-wrapper
  .domainlist-item-inner
  > div:first-child
  .domainlist-domain-and-price
  .price-wrapper
  .rebate {
  position: relative;
  font-weight: 400;
  color: #76b82a;
  font-size: 15px;
  margin: 0 20px 0 0;
}
@media (max-width: 767px) {
  .domainlist-item-wrapper
    .domainlist-item-inner
    > div:first-child
    .domainlist-domain-and-price
    .price-wrapper
    .rebate {
    margin: 0;
  }
}
.domainlist-item-wrapper
  .domainlist-item-inner
  > div:first-child
  .domainlist-actions {
  white-space: nowrap;
  padding-left: 20px;
}
@media (max-width: 480px) {
  .domainlist-item-wrapper
    .domainlist-item-inner
    > div:first-child
    .domainlist-actions {
    width: 100%;
    margin: 20px 0 0 0;
    padding-left: 0;
  }
}
.domainlist-item-wrapper
  .domainlist-item-inner
  > div:first-child
  .domainlist-actions
  .btn {
  font-size: 15px;
  font-weight: 400;
  padding: 0 30px 0 30px !important;
}
@media (max-width: 767px) {
  .domainlist-item-wrapper
    .domainlist-item-inner
    > div:first-child
    .domainlist-actions
    .btn {
    padding: 0 15px 0 15px !important;
  }
}
.domainlist-item-wrapper .domainlist-item-inner .domainlist-unavailable {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-line-pack: justify;
  align-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #fff;
  border: 1px solid #f99;
  border-radius: 15px;
  padding: 20px;
  margin: 0 20px 20px 20px;
}
@media (max-width: 767px) {
  .domainlist-item-wrapper .domainlist-item-inner .domainlist-unavailable {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin: 0 10px 10px 10px;
  }
}
.domainlist-item-wrapper
  .domainlist-item-inner
  .domainlist-unavailable
  div:nth-child(1) {
  margin: 0 20px 0 0;
}
.domainlist-item-wrapper
  .domainlist-item-inner
  .domainlist-unavailable
  div:nth-child(1)
  svg {
  height: 40px;
  width: 40px;
}
@media (max-width: 767px) {
  .domainlist-item-wrapper
    .domainlist-item-inner
    .domainlist-unavailable
    div:nth-child(1) {
    display: none;
  }
}
.domainlist-item-wrapper
  .domainlist-item-inner
  .domainlist-unavailable
  div:nth-child(2) {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}
.domainlist-item-wrapper .domainlist-item-inner .domainlist-unavailable h2 {
  font-size: 16px;
  margin: 0 0 10px 0;
  font-weight: 700;
  margin-bottom: 0;
}
#innercontent
  .domainlist-item-wrapper
  .domainlist-item-inner
  .domainlist-unavailable
  h2 {
  margin-bottom: 10px;
}
.domainlist-item-wrapper
  .domainlist-item-inner
  .domainlist-unavailable
  div.actions {
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  margin: 30px 0 0 0;
}
@media (max-width: 767px) {
  .domainlist-item-wrapper
    .domainlist-item-inner
    .domainlist-unavailable
    div.actions {
    margin: 20px 0 0 0;
  }
}
.domainlist-item-wrapper .domainlist-item-inner .domainlist-unavailable .close {
  position: absolute;
  top: 20px;
  right: 20px;
  width: 15px;
  height: 15px;
}
.domainlist-item-wrapper
  .domainlist-item-inner
  .domainlist-unavailable
  .close:hover {
  opacity: 0.5;
  cursor: pointer;
}
.domainlist-item-wrapper
  .domainlist-item-inner
  .domainlist-unavailable
  .close:after,
.domainlist-item-wrapper
  .domainlist-item-inner
  .domainlist-unavailable
  .close:before {
  position: absolute;
  left: 8px;
  content: "";
  height: 15px;
  width: 2px;
  background-color: #333;
  border-radius: 5px;
}
.domainlist-item-wrapper
  .domainlist-item-inner
  .domainlist-unavailable
  .close:before {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.domainlist-item-wrapper
  .domainlist-item-inner
  .domainlist-unavailable
  .close:after {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.sidebar {
  position: absolute;
  background: #f9f9f9;
  border-radius: 4px;
  padding: 0;
  height: 100%;
  left: 890px;
  right: 0;
  top: 0;
  margin: auto;
}
.sidebar.shown {
  display: block;
}
.sidebar.hidden {
  display: none;
}
.sidebar.fixed > div {
  position: fixed;
  top: 0;
}
.sidebar.fixed > div > span {
  display: block;
}
.sidebar.abs > div {
  position: absolute;
  top: auto;
  bottom: 0;
  right: 0;
  margin-left: auto;
}
.sidebar > div {
  position: relative;
  width: inherit;
  height: auto;
  padding: 30px;
  top: 0;
  -webkit-transition: top 0.3s;
  transition: top 0.3s;
  text-align: center;
}
.sidebar > div a:hover {
  text-decoration: none;
}
.sidebar > div > span {
  display: none;
  position: absolute;
  top: -40px;
  left: 0;
  width: 100%;
  height: 50px;
  background-color: #fff;
}
.sidebar > div > div {
  position: relative;
  width: 100%;
  height: auto;
  display: table;
  table-layout: fixed;
  padding: 0 0 20px 0;
  margin-bottom: 20px !important;
  border-bottom: 1px solid #eee;
}
.sidebar > div > div:last-child {
  margin-bottom: 0 !important;
}
.sidebar > div > div .icon {
  margin-bottom: 10px !important;
}
.sidebar > div > div .icon svg {
  height: 50px;
}
.sidebar > div > div > div {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}
.sidebar > div > div > div h2 {
  margin-bottom: 5px !important;
  margin-top: 0 !important;
  font-size: 20px !important;
}
.sidebar > div > div > div p {
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 0 !important;
  margin-top: 0 !important;
}
.sidebar > div > div#trustpilot .icon svg {
  height: 30px;
}
.sidebar > div > div#trustpilot > div img {
  margin-top: 10px;
  height: 20px;
}
.sidebar > div > div:last-child {
  border-bottom: none;
  margin-bottom: 0;
  padding: 0;
}
.buy_pay .sidebar,
.buy_terms .sidebar {
  top: 90px;
  height: calc(100% - 90px);
}
@media (max-width: 1180px) {
  .sidebar {
    display: none;
  }
}
.widget-languages-container {
  background: #fff;
  padding: 12px 17px 12px;
  display: inline-block;
  margin-top: 20px;
  position: absolute;
  right: 0;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  width: 58px;
  height: 47px;
  z-index: 999999;
  color: #606060;
  overflow: hidden;
  -webkit-box-shadow: -5px 3px 10px 0 rgba(0, 0, 0, 0.1);
  box-shadow: -5px 3px 10px 0 rgba(0, 0, 0, 0.1);
}
.widget-languages-container.active {
  color: grey;
}
.widget-languages-container .row,
.widget-languages-container .widget-languages__header {
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity 0.5s ease-in-out;
  transition: opacity 0.5s ease-in-out;
}
.widget-languages-container--toggled {
  width: 308px;
  padding: 25px 40px;
  height: auto;
}
.widget-languages-container--toggled .row,
.widget-languages-container--toggled .widget-languages__header {
  visibility: visible;
  opacity: 1;
}
.widget-languages-container .row {
  margin-right: 0;
  margin-left: 0;
}
.widget-languages__btn {
  width: 58px;
  height: 47px;
  right: 1px;
  top: 0;
  padding: 11px 16px;
  position: absolute;
  cursor: pointer;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: right 0.2s ease-in, top 0.2s ease-in;
  transition: right 0.2s ease-in, top 0.2s ease-in;
}
.widget-languages__btn .country_flag {
  position: relative;
  top: 4px;
}
.ie11 .widget-languages__btn .country_flag {
  max-height: 75%;
}
.widget-languages-container:not(.widget-languages-container--toggled)
  .widget-languages__btn {
  -webkit-transition: background 0.2s ease-in-out;
  transition: background 0.2s ease-in-out;
}
.widget-languages__btn:hover {
  background: #dcdcdc;
}
.widget-languages-container--toggled .widget-languages__btn {
  top: 5px;
}
.widget-languages-container--toggled .widget-languages__btn:before {
  background: url(//www-static.cdn-one.com/images/onecom/flags/close-icon.svg)
    no-repeat;
  content: "";
  display: inline-block;
  float: right;
  height: 15px;
  width: 15px;
}
.widget-languages-container--toggled .widget-languages__btn .country_flag {
  display: none;
}
.widget-languages-container--toggled .widget-languages__btn:hover {
  background: inherit;
}
.widget-languages__header {
  position: relative;
  color: #606060;
  font-weight: 600;
  font-size: 18px;
  padding-left: 40px;
  margin: 25px 0 22px 0;
}
.widget-languages__header:before {
  background: url(//www-static.cdn-one.com/images/onecom/flags/globe_dark.svg);
  position: absolute;
  content: "";
  left: 5px;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 20px;
  height: 20px;
}
.widget-languages {
  list-style: none;
  margin: 0;
  padding: 0;
  letter-spacing: -1px;
}
.widget-language {
  color: #606060;
  padding: 3px 0 6px 0;
  font-weight: 600;
}
.widget-language.active {
  color: #dcdcdc;
}
.widget-language a {
  text-decoration: none;
  color: inherit;
}
.widget-language a:hover {
  text-decoration: underline;
}
.sales-support-hidden {
  visibility: hidden !important;
  opacity: 0;
}
.sales-support-open-button {
  position: fixed;
  right: 20px;
  bottom: 20px;
  z-index: 999999;
  padding: 6px 17px;
  background-color: #f78f00;
  border-radius: 5px;
  border: 0;
  -webkit-box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.2);
  cursor: pointer;
  -webkit-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
}
.sales-support-open-button:hover {
  background-color: #de8000;
}
.sales-support-open-button span {
  display: inline-block;
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  line-height: 30px;
}
.sales-support-open-button span:before {
  display: inline-block;
  margin-top: -3px;
  margin-right: 6px;
  background: url(//www-static.cdn-one.com/images/support/phone-support-icon-white-orange.svg)
    center center no-repeat;
  background-size: 25px 25px;
  height: 25px;
  width: 25px;
  content: "";
  vertical-align: middle;
}
.sales-support-container {
  position: fixed;
  right: 20px;
  bottom: 20px;
  z-index: 999999;
  width: 370px;
  background-color: #fff;
  border-radius: 5px;
  -webkit-box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.2);
  -webkit-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
}
.sales-support-container-header {
  position: relative;
  height: 55px;
  background-color: #f78f00;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.sales-support-container-header .title {
  position: absolute;
  top: 7px;
  left: 20px;
  right: 20px;
  height: 25px;
  color: #fff;
  font-size: 18px;
  font-weight: 600;
  line-height: 25px;
  text-align: left;
}
.sales-support-container-header .icon-right {
  position: absolute;
  top: 6px;
  right: 15px;
  line-height: 25px;
  background: url(//www-static.cdn-one.com/images/support/chat-close.svg) center
    center no-repeat;
  background-size: 11px 11px;
  height: 25px;
  width: 11px;
  cursor: pointer;
  vertical-align: middle;
}
.sales-support-container-header .text {
  position: absolute;
  top: 28px;
  left: 20px;
  right: 20px;
  height: 25px;
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  text-align: left;
}
@media (max-width: 410px) {
  .sales-support-container-header {
    border-radius: 0;
  }
}
.sales-support-container-content {
  padding: 20px;
}
.sales-support-container-content h3 {
  margin: 20px 0 10px;
  color: #4e4e4e;
  font-size: 13px;
  font-weight: 700;
  line-height: 18px;
  letter-spacing: normal;
}
.sales-support-container-content hr {
  margin: 20px 0;
  background: #dbdbdb;
  border: 0;
  height: 1px;
}
.sales-support-container-content p {
  margin-bottom: 15px;
  color: #4e4e4e;
  font-size: 12px;
  line-height: 17px;
}
.sales-support-container-content .button {
  padding: 5px 12px;
  background-color: #fff !important;
  border: 1px solid #f78f00;
  border-radius: 4px;
  color: #f78f00;
  font-size: 13px;
  font-weight: 700;
  line-height: 18px;
  cursor: pointer;
}
.sales-support-container-content .button:hover {
  border: 1px solid #de8000;
  color: #de8000;
  text-decoration: none;
}
.sales-support-container-content .phone-icon-link {
  color: #f78f00;
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
}
.sales-support-container-content .phone-icon-link:before {
  display: inline-block;
  margin-top: -4px;
  margin-right: 10px;
  background: url(//www-static.cdn-one.com/images/support/phone-support-icon-orange-white.svg)
    center center no-repeat;
  background-size: 24px 24px;
  height: 24px;
  width: 24px;
  content: "";
  vertical-align: middle;
}
@media (max-width: 410px) {
  .sales-support-container {
    bottom: 0;
    right: 0;
    min-width: 370px;
    max-width: 410px;
    width: 100%;
    border-radius: 0;
    overflow-y: auto;
  }
}
.referralContainer {
  position: relative;
  background-color: #dcefff;
  padding: 35px 30px 35px 30px;
  color: #444;
}
@media (max-width: 767px) {
  .referralContainer {
    padding: 35px 15px 35px 15px;
  }
}
.referralContainer h1 {
  font-size: 30px;
  line-height: 41px;
  font-weight: 700;
  width: 70%;
  color: #4e4e4e;
}
@media (max-width: 991px) {
  .referralContainer h1 {
    width: 100%;
  }
}
.referralContainer h2 {
  font-size: 28px;
  line-height: 41px;
  font-weight: 700;
  width: 70%;
  color: #4e4e4e;
}
@media (max-width: 991px) {
  .referralContainer h2 {
    width: 100%;
    font-size: 24px;
  }
}
.referralContainer p {
  font-size: 15px;
  line-height: 20px;
  width: 65%;
  padding-bottom: 15px;
}
@media (max-width: 767px) {
  .referralContainer p {
    width: 100%;
  }
}
.referralContainer p.withSeperator {
  border-bottom: 2px solid #c0e2ff;
  border-radius: 4px;
  padding-bottom: 30px;
}
.referralContainer .referral_content {
  width: 100%;
}
.referralContainer .referral_cp_only {
  display: none;
  visibility: hidden;
}
.referralContainer .referralLinkHeadline {
  display: block;
  height: 34px;
  line-height: 34px;
  font-size: 25px;
  font-weight: 700;
}
.referralContainer .heart {
  background-color: #ff7276;
  display: inline-block;
  height: 10px;
  margin: 0 10px;
  position: relative;
  top: -5px;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  width: 10px;
}
.referralContainer .heart:after,
.referralContainer .heart:before {
  content: "";
  background-color: #ff7276;
  border-radius: 50%;
  height: 10px;
  position: absolute;
  width: 10px;
}
.referralContainer .heart:before {
  top: -5px;
  left: 0;
}
.referralContainer .heart:after {
  left: 5px;
  top: 0;
}
.referralContainer .referralLinkContainer {
  position: relative;
  margin-top: 5px;
  margin-bottom: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 991px) {
  .referralContainer .referralLinkContainer {
    margin-bottom: 10px;
  }
}
@media (max-width: 767px) {
  .referralContainer .referralLinkContainer {
    display: block;
    margin-bottom: 10px;
  }
}
.referralContainer .referralLinkContainer h4,
.referralContainer .referralLinkContainer input {
  display: inline-block;
  vertical-align: middle;
}
.referralContainer .referralLinkContainer h2 {
  font-size: 28px;
}
.referralContainer .referralLinkContainer h4 {
  font-size: 18px;
  line-height: 24px;
  font-weight: 700;
  margin-bottom: 0;
  position: relative;
  top: 10px;
  margin-right: 15px;
  color: #4e4e4e;
}
@media (max-width: 991px) {
  .referralContainer .referralLinkContainer h4 {
    top: 4px;
    margin-bottom: 30px !important;
  }
}
.referralContainer .referralLinkContainer input {
  height: 43px;
  width: 200px;
  border: 2px solid #9e9e9e;
  padding: 14px;
  font-size: 15px;
  border-radius: 4px;
}
@media (max-width: 991px) {
  .referralContainer .referralLinkContainer input {
    width: 100%;
  }
}
.ie11 .referralContainer .referralLinkContainer input {
  padding: 5px 14px;
}
@media (max-width: 991px) {
  .referralContainer .referralLinkContainer input#input-referral-link {
    width: 100%;
    margin-left: 0;
    font-size: 12px;
  }
}
.referralContainer .referral-social-share .equalbuttons > div {
  display: table-cell;
  padding-right: 10px;
  padding-right: 0 !important;
}
.referralContainer .referral-social-share .equalbuttons > div:first-of-type {
  padding-left: 0 !important;
}
@media (max-width: 767px) {
  .referralContainer .referral-social-share .equalbuttons > div {
    padding-left: 0;
  }
}
.referralContainer .referralSocialShare {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 767px) {
  .referralContainer .referralSocialShare {
    display: grid;
    margin-bottom: 10px;
  }
}
.referralContainer .referralSocialShare a,
.referralContainer .referralSocialShare input {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  height: 50px;
  border-radius: 4px;
  color: #fff;
  border: none;
  text-decoration: none;
  text-align: left;
  font-weight: 700;
  font-size: 12px;
  margin-right: 25px;
}
.referralContainer .referralSocialShare a:hover,
.referralContainer .referralSocialShare input:hover {
  opacity: 0.9;
}
@media (max-width: 991px) {
  .referralContainer .referralSocialShare a,
  .referralContainer .referralSocialShare input {
    margin-right: 15px;
  }
}
.referralContainer .referralSocialShare .facebookButton {
  background-color: #3b5998;
  background-image: url(//www-static.cdn-one.com/images/onecom/sprite-source/social-facebook.svg);
  background-repeat: no-repeat;
  background-position-x: 5px;
  background-position-y: 4px;
}
.referralContainer .referralSocialShare .twitterButton {
  background-color: #29a7de;
  background-image: url(//www-static.cdn-one.com/images/onecom/sprite-source/social-twitter.svg);
  background-repeat: no-repeat;
  background-position-x: 10px;
  background-position-y: 6px;
}
.referralContainer .referralSocialShare .emailButton {
  background-color: #707070;
  background-image: url(//www-static.cdn-one.com/images/onecom/sprite-source/icon-webmail-white.svg);
  background-repeat: no-repeat;
  background-position-x: 6px;
  background-position-y: 8px;
  background-position: 10px;
  background-size: 26px;
  line-height: 43px;
  text-decoration: none;
  padding-right: 10px;
}
.ie11 .referralContainer .referralSocialShare .emailButton {
  background-position: -8px;
  background-size: 65px;
}
.referralContainer .referralGuy {
  position: absolute;
  right: 30px;
  top: 80px;
  width: 210px;
  height: 340px;
  background-image: url(//www-static.cdn-one.com/images/onecom/Referral-man.svg);
  background-repeat: no-repeat;
  background-size: 100%;
}
@media (max-width: 1199px) {
  .referralContainer .referralGuy {
    right: 0;
  }
}
@media (max-width: 767px) {
  .referralContainer .referralGuy {
    display: none;
  }
}
#innercontent .referralContainer h2,
#innercontent .referralContainer h3,
#innercontent .referralContainer h4,
#innercontent .referralContainer p {
  margin-bottom: 0;
}
#innercontent .referralContainer a {
  text-decoration: none;
}
.referralContainer .referral-social-share {
  position: relative;
  padding-top: 30px;
}
.alternate-packages {
  position: relative;
  display: table;
  table-layout: fixed;
  border-collapse: separate;
  border-spacing: 5px;
  width: 100%;
  height: auto;
  max-width: 1170px;
  margin: 0 auto 0 auto;
}
.alternate-packages > div {
  position: relative;
  display: table-cell;
  padding: 5px;
  -webkit-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
  border: 1px solid transparent;
  border-radius: 4px;
}
.alternate-packages > div .popular-tag {
  position: absolute;
  left: 30px;
  top: -15px;
  height: 30px;
  background-color: #74a345;
  padding: 5px 10px 5px 10px;
  color: #fff;
  font-size: 12px;
}
.alternate-packages > div > div {
  position: relative;
  width: 100%;
  height: 115px;
  border-radius: 4px;
  padding: 20px;
}
.alternate-packages > div > div .icon {
  position: relative;
  width: 30px;
  height: 30px;
  margin-bottom: 10px;
}
.alternate-packages > div > div .icon img,
.alternate-packages > div > div .icon svg {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}
.alternate-packages > div > div .name {
  font-size: 14px;
  font-weight: 700;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.alternate-packages > div > div .price {
  font-size: 12px;
  font-weight: 600;
  color: #949494;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.alternate-packages > div > div .selected-icon {
  display: none;
  position: absolute;
  right: 10px;
  top: 10px;
  width: 20px;
  height: 20px;
  border-radius: 100%;
  background-image: url(//www-static.cdn-one.com/images/onecom/Common/white-select-checkmark.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 80%;
}
.alternate-packages > div > div .hover {
  display: none;
}
.alternate-packages > div > div.builder {
  background-color: rgba(62, 101, 120, 0.3);
}
.alternate-packages > div > div.wp {
  background-color: rgba(32, 117, 207, 0.3);
}
.alternate-packages > div > div.webshop {
  background-color: rgba(247, 143, 0, 0.3);
}
.alternate-packages > div > div.domain {
  background-color: rgba(116, 163, 69, 0.3);
}
.alternate-packages > div > div.email {
  background-color: rgba(75, 165, 165, 0.3);
}
.alternate-packages > div > div.hosting {
  background-color: rgba(33, 171, 205, 0.3);
}
.alternate-packages > div > div.expanded,
.alternate-packages > div > div:hover {
  cursor: pointer;
  color: #fff;
}
.alternate-packages > div > div.expanded .hover,
.alternate-packages > div > div:hover .hover {
  display: block;
}
.alternate-packages > div > div.expanded .white,
.alternate-packages > div > div:hover .white {
  display: none;
}
.alternate-packages > div > div.expanded .price,
.alternate-packages > div > div:hover .price {
  color: rgba(255, 255, 255, 0.7);
}
.alternate-packages > div > div.expanded.builder,
.alternate-packages > div > div:hover.builder {
  background-color: #3e6578;
}
.alternate-packages > div > div.expanded.wp,
.alternate-packages > div > div:hover.wp {
  background-color: #2075cf;
}
.alternate-packages > div > div.expanded.webshop,
.alternate-packages > div > div:hover.webshop {
  background-color: #f78f00;
}
.alternate-packages > div > div.expanded.domain,
.alternate-packages > div > div:hover.domain {
  background-color: #74a345;
}
.alternate-packages > div > div.expanded.hosting,
.alternate-packages > div > div:hover.hosting {
  background-color: #21abcd;
}
.alternate-packages > div > div.expanded.email,
.alternate-packages > div > div:hover.email {
  background-color: #4ba5a5;
}
.alternate-packages > div > div.expanded:after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  bottom: -5px;
  margin: auto;
  width: 10px;
  height: 10px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  background-color: inherit;
}
.alternate-packages > div.selected {
  border: 1px solid #d9d9d9;
  color: #fff;
}
.alternate-packages > div.selected .hover {
  display: block;
}
.alternate-packages > div.selected .white {
  display: none;
}
.alternate-packages > div.selected .builder {
  background-color: #3e6578;
}
.alternate-packages > div.selected .wp {
  background-color: #2075cf;
}
.alternate-packages > div.selected .webshop {
  background-color: #f78f00;
}
.alternate-packages > div.selected .domain {
  background-color: #74a345;
}
.alternate-packages > div.selected .hosting {
  background-color: #21abcd;
}
.alternate-packages > div.selected .email {
  background-color: #4ba5a5;
}
.alternate-packages > div.selected .price {
  color: rgba(255, 255, 255, 0.7);
}
.alternate-packages > div.selected .selected-icon {
  display: block;
}
@media (max-width: 1180px) {
  .alternate-packages {
    display: block;
    padding: 0 25px 0 25px;
  }
  .alternate-packages > div {
    position: relative;
    display: block;
    float: left;
    width: 33.33%;
  }
  .alternate-packages > div > div {
    height: auto;
  }
  .alternate-packages > div > div .icon {
    margin-bottom: 0;
    position: absolute;
    left: 20px;
    top: 0;
    bottom: 0;
    margin: auto;
  }
  .alternate-packages > div > div > div:nth-child(2),
  .alternate-packages > div > div > div:nth-child(3) {
    position: relative;
    padding-left: 50px;
  }
  .alternate-packages:after,
  .alternate-packages:before {
    content: " ";
    display: table;
  }
  .alternate-packages:after {
    clear: both;
  }
  .alternate-packages::after {
    content: "";
    display: block;
    clear: both;
  }
}
@media (max-width: 767px) {
  .alternate-packages {
    display: none;
  }
}
.package-varieties {
  position: relative;
  width: 100%;
  height: auto;
  margin: 0 auto 0 auto;
  padding: 30px 0 0 0;
  background-color: #f9f9f9;
  border-radius: 5px;
}
.package-varieties > div.close {
  height: 20px;
}
.package-varieties > div.close > div {
  position: absolute;
  right: 0;
  top: 0;
  width: 20px;
  height: 20px;
}
.package-varieties > div.close > div span {
  display: block;
  position: absolute;
  top: 8px;
  width: 100%;
  height: 3px;
  border-radius: 3px;
  background-color: rgba(0, 0, 0, 0.5);
}
.package-varieties > div.close > div span:nth-child(1) {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.package-varieties > div.close > div span:nth-child(2) {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.package-varieties > div.close > div:hover {
  cursor: pointer;
}
.package-varieties div#tablet,
.package-varieties > div#desktop {
  width: 100%;
  max-width: 1150px;
  margin: 0 auto 0 auto;
  padding: 30px 0 30px 0;
}
.package-varieties div#tablet#tablet,
.package-varieties > div#desktop#tablet {
  display: none;
}
.package-varieties div#tablet > div > div:nth-child(n + 8),
.package-varieties > div#desktop > div > div:nth-child(n + 8) {
  display: none;
}
.package-varieties div#tablet > div > div.spacer:last-child,
.package-varieties > div#desktop > div > div.spacer:last-child {
  display: none;
}
.package-varieties div#tablet > div > div > div,
.package-varieties > div#desktop > div > div > div {
  position: relative;
}
.package-varieties div#tablet > div > div > div.content,
.package-varieties > div#desktop > div > div > div.content {
  height: 300px;
  overflow: hidden;
}
.package-varieties
  div#tablet
  > div
  > div
  > div.content
  .content-additional-addons,
.package-varieties
  > div#desktop
  > div
  > div
  > div.content
  .content-additional-addons {
  display: none;
}
.package-varieties div#tablet > div > div > div.expanded,
.package-varieties > div#desktop > div > div > div.expanded {
  height: auto;
  overflow: auto;
}
.package-varieties
  div#tablet
  > div
  > div
  > div.expanded
  .content-additional-addons,
.package-varieties
  > div#desktop
  > div
  > div
  > div.expanded
  .content-additional-addons {
  display: none;
}
.package-varieties div#tablet .show-more,
.package-varieties > div#desktop .show-more {
  position: absolute;
  bottom: -20px;
  left: 0;
  height: 70px;
  width: 100%;
  text-align: center;
  padding-top: 30px;
  font-weight: 600;
  border-bottom: 2px solid transparent;
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(rgba(255, 255, 255, 0)),
    color-stop(50%, #f9f9f9)
  );
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, #f9f9f9 50%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0);
}
.package-varieties div#tablet .show-more:after,
.package-varieties > div#desktop .show-more:after {
  content: "";
  display: inline-block;
  width: 0;
  height: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 6px solid #4e4e4e;
  vertical-align: middle;
}
.package-varieties div#tablet .show-more:hover,
.package-varieties > div#desktop .show-more:hover {
  cursor: pointer;
}
@media (max-width: 1180px) {
  .package-varieties .packages-table > .responsive-controls {
    display: block;
    background-color: transparent;
  }
  .package-varieties .packages-table > .responsive-controls > div {
    display: block;
  }
  .package-varieties .packages-table > .responsive-controls > div > div {
    position: relative;
    background-color: #fff;
  }
  .package-varieties
    .packages-table
    > .responsive-controls
    > div
    > div
    .selected-icon {
    position: absolute;
    right: 4px;
    top: 5px;
    width: 20px;
    height: 20px;
    background-color: #fff;
    border-radius: 100%;
    background-image: url(//www-static.cdn-one.com/images/onecom/check-green.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 80%;
  }
  .package-varieties div#tablet#desktop,
  .package-varieties > div#desktop#desktop {
    display: none;
  }
  .package-varieties div#tablet#tablet,
  .package-varieties > div#desktop#tablet {
    display: block;
    padding: 30px 25px 30px 25px;
  }
  .package-varieties div#tablet > div,
  .package-varieties > div#desktop > div {
    display: block;
  }
  .package-varieties div#tablet > div.package,
  .package-varieties > div#desktop > div.package {
    background-color: #fff;
  }
  .package-varieties div#tablet > div > div > div.content,
  .package-varieties > div#desktop > div > div > div.content {
    height: auto;
  }
}
@media (max-width: 767px) {
  .package-varieties {
    display: none;
  }
}
.package-selector-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  top: 60px;
  right: 26px;
  width: 45%;
  height: auto;
  background-color: #fff;
  overflow: hidden;
  -webkit-box-shadow: 0 20px 50px 0 rgba(60, 60, 60, 0.05);
  box-shadow: 0 20px 50px 0 rgba(60, 60, 60, 0.05);
  z-index: 12;
}
@media (max-width: 992px) {
  .package-selector-wrapper {
    width: 60%;
  }
}
@media (max-width: 767px) {
  .package-selector-wrapper {
    position: fixed;
    width: 90%;
    height: 87%;
    right: 0;
    left: 0;
    top: 3%;
    margin: auto;
    overflow: hidden;
    overflow-y: auto;
  }
}
.package-selector-wrapper > div {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  position: relative;
  width: 100%;
  height: auto;
  padding: 0;
}
.package-selector-wrapper > div .simulated-select-element {
  position: relative;
  width: 100%;
  height: 50px;
  padding: 0 10px 0 10px;
  line-height: 50px;
  border: 1px solid #eee;
  font-weight: 600;
  overflow: hidden;
  white-space: nowrap;
}
.package-selector-wrapper > div .simulated-select-element span:first-child {
  font-size: 16px;
}
.package-selector-wrapper > div .simulated-select-element span:last-child {
  font-size: 12px;
}
.package-selector-wrapper > div .simulated-select-element:after {
  content: "";
  position: absolute;
  right: 10px;
  top: 0;
  bottom: 0;
  margin: auto;
  display: block;
  width: 0;
  height: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 6px solid #4e4e4e;
}
.package-selector-wrapper > div .simulated-select-element:hover {
  cursor: pointer;
  background-color: rgba(217, 217, 217, 0.5);
}
.package-selector-wrapper > div .simulated-select-element.expanded {
  border-bottom: none;
}
.package-selector-wrapper > div .simulated-select-element-options {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  position: relative;
  width: 100%;
  height: auto;
  border-right: 0;
  border-left: 0;
  border-bottom: 0;
  padding: 60px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.package-selector-wrapper > div .simulated-select-element-options > div {
  position: relative;
  width: 100%;
  height: auto;
  border-radius: 4px;
  margin-bottom: 5px;
}
.package-selector-wrapper
  > div
  .simulated-select-element-options
  > div:last-child {
  margin-bottom: 0;
}
.package-selector-wrapper > div .simulated-select-element-options > div .title {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  height: auto;
  padding: 0 0 20px 0;
  font-weight: 500;
  font-size: 18px;
  color: #3c3c3c;
}
.package-selector-wrapper
  > div
  .simulated-select-element-options
  > div
  .title
  .close {
  position: absolute;
  right: 0;
  height: 16px;
  width: 16px;
}
.package-selector-wrapper
  > div
  .simulated-select-element-options
  > div
  .title
  .close:hover {
  cursor: pointer;
}
.package-selector-wrapper
  > div
  .simulated-select-element-options
  > div
  .title
  .close:after,
.package-selector-wrapper
  > div
  .simulated-select-element-options
  > div
  .title
  .close:before {
  content: "";
  height: 20px;
  width: 2px;
  background-color: rgba(60, 60, 60, 0.5);
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  top: 0;
  bottom: 0;
}
.package-selector-wrapper
  > div
  .simulated-select-element-options
  > div
  .title
  .close:before {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.package-selector-wrapper
  > div
  .simulated-select-element-options
  > div
  .title
  .close:after {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.package-selector-wrapper
  > div
  .simulated-select-element-options
  > div
  .content {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  position: relative;
  width: 100%;
  height: auto;
  background-color: #fff;
}
.package-selector-wrapper
  > div
  .simulated-select-element-options
  > div
  .content
  .options {
  position: relative;
  width: 100%;
  height: auto;
  padding: 10px 0 20px 0;
}
.package-selector-wrapper
  > div
  .simulated-select-element-options
  > div
  .content
  .options
  > div
  > div {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0;
  height: auto;
  width: 100%;
  margin-bottom: 10px;
}
.package-selector-wrapper
  > div
  .simulated-select-element-options
  > div
  .content
  .options
  > div
  > div:hover {
  cursor: pointer;
}
.package-selector-wrapper
  > div
  .simulated-select-element-options
  > div
  .content
  .options
  > div
  > div
  .radioButton {
  position: relative;
  background-color: #ededed;
  border-radius: 100%;
  width: 20px;
  height: 20px;
  margin: 0 30px 0 0;
}
.package-selector-wrapper
  > div
  .simulated-select-element-options
  > div
  .content
  .options
  > div
  > div.selected
  .radioButton {
  background-color: #76b82a;
}
.package-selector-wrapper
  > div
  .simulated-select-element-options
  > div
  .content
  .options
  > div
  > div.selected
  .radioButton:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  display: block;
  width: 6px;
  height: 6px;
  background-color: #fff;
  border-radius: 100%;
}
.package-selector-wrapper
  > div
  .simulated-select-element-options
  > div
  .content
  .options-info {
  position: relative;
  width: 100%;
  height: auto;
}
.package-selector-wrapper
  > div
  .simulated-select-element-options
  > div
  .content
  .options-info
  .line {
  padding: 0;
  width: 100%;
  height: 2px;
  margin-bottom: 20px;
}
.package-selector-wrapper
  > div
  .simulated-select-element-options
  > div
  .content
  .options-info
  .packagename {
  display: block;
  font-size: 15px;
  font-weight: 400;
}
.package-selector-wrapper
  > div
  .simulated-select-element-options
  > div
  .content
  .options-info
  .packagename.line-through {
  font-size: 13px;
}
.package-selector-wrapper
  > div
  .simulated-select-element-options
  > div
  .content
  .options-info
  .domain-campaign {
  width: auto;
  height: auto;
  background-color: #efefef;
  padding: 10px 10px 10px 10px;
  color: #4e4e4e;
  font-weight: 500;
  text-align: left;
  border-radius: 4px;
  margin: 15px 0 15px 0;
}
.package-selector-wrapper
  > div
  .simulated-select-element-options
  > div
  .content
  .options-info
  .domain-campaign
  svg,
.package-selector-wrapper
  > div
  .simulated-select-element-options
  > div
  .content
  .options-info
  .domain-campaign
  > span {
  display: inline-block;
  vertical-align: middle;
}
.package-selector-wrapper
  > div
  .simulated-select-element-options
  > div
  .content
  .options-info
  .domain-campaign
  > svg {
  width: 25px;
  height: 25px;
}
.package-selector-wrapper
  > div
  .simulated-select-element-options
  > div
  .content
  .options-info
  .domain-campaign
  > span {
  margin-left: 5px;
}
.package-selector-wrapper
  > div
  .simulated-select-element-options
  > div
  .content
  .options-info
  > div
  > div {
  padding: 10px 0 0 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0 0 30px 0;
}
.package-selector-wrapper
  > div
  .simulated-select-element-options
  > div
  .content
  .options-info
  > div
  > div
  > div {
  padding: 0 15px 0 15px;
}
.package-selector-wrapper
  > div
  .simulated-select-element-options
  > div
  .content
  .options-info
  ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.package-selector-wrapper
  > div
  .simulated-select-element-options
  > div
  .content
  .options-info
  ul
  li {
  padding: 0;
  margin: 0;
  margin-right: 30px;
  line-height: 30px;
}
.package-selector-wrapper
  > div
  .simulated-select-element-options
  > div
  .content
  .options-info
  ul
  li
  span {
  color: #4e4e4e;
  font-weight: 400;
  font-size: 12px;
}
.package-selector-wrapper
  > div
  .simulated-select-element-options
  > div
  .content
  .options-info
  ul:after,
.package-selector-wrapper
  > div
  .simulated-select-element-options
  > div
  .content
  .options-info
  ul:before {
  content: " ";
  display: table;
}
.package-selector-wrapper
  > div
  .simulated-select-element-options
  > div
  .content
  .options-info
  ul:after {
  clear: both;
}
.package-selector-wrapper
  > div
  .simulated-select-element-options
  > div
  .content
  .options-info
  ul::after {
  content: "";
  display: block;
  clear: both;
}
.package-selector-wrapper
  > div
  .simulated-select-element-options
  > div.expanded {
  display: block;
}
.package-selector-wrapper
  > div
  .simulated-select-element-options
  > div.expanded.email
  .title {
  background-color: #4ba5a5;
}
.package-selector-wrapper
  > div
  .simulated-select-element-options
  > div.expanded.builder
  .title {
  background-color: #3e6578;
}
.package-selector-wrapper
  > div
  .simulated-select-element-options
  > div.expanded.wp
  .title {
  background-color: #2075cf;
}
.package-selector-wrapper
  > div
  .simulated-select-element-options
  > div.expanded.webshop
  .title {
  background-color: #f78f00;
}
.package-selector-wrapper
  > div
  .simulated-select-element-options
  > div.expanded.domain
  .title {
  background-color: #74a345;
}
.package-selector-wrapper
  > div
  .simulated-select-element-options
  > div.expanded.hosting
  .title {
  background-color: #21abcd;
}
.package-selector-wrapper
  > div
  .simulated-select-element-options
  > div.expanded.domain-only
  .title {
  background-color: #8d8d8d;
}
.package-selector-wrapper
  > div
  .simulated-select-element-options
  > div.expanded
  .content {
  display: block;
  border-radius: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
.package-selector-wrapper > div .packageCategories {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
  height: auto;
  width: 100%;
  padding: 20px 30px 20px 30px;
  background-color: #f0f0f0;
}
@media (max-width: 767px) {
  .package-selector-wrapper > div .packageCategories {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
  }
}
.package-selector-wrapper > div .packageCategories h2 {
  text-align: center;
  margin: 0 10px 0 0;
  font-size: 15px;
}
@media (max-width: 767px) {
  .package-selector-wrapper > div .packageCategories h2 {
    margin: 0 0 20px 0;
  }
}
.package-selector-wrapper > div .packageCategories > div {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.package-selector-wrapper > div .packageCategories > div > div {
  position: relative;
}
.package-selector-wrapper
  > div
  .packageCategories
  > div
  > div:hover
  .packageTooltip {
  display: block;
}
.package-selector-wrapper > div .packageCategories > div .packageIcon {
  position: relative;
  width: 50px;
  height: 40px;
}
.package-selector-wrapper > div .packageCategories > div .packageIcon svg {
  width: 40px;
  height: 40px;
}
.package-selector-wrapper > div .packageCategories > div .packageIcon:hover {
  cursor: pointer;
}
.package-selector-wrapper
  > div
  .packageCategories
  > div
  .packageIcon:hover:before {
  opacity: 1;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}
.package-selector-wrapper > div .packageCategories > div .packageIcon::before {
  content: attr(tooltip);
  display: block;
  position: absolute;
  left: 50%;
  bottom: calc(100% + 16px);
  width: auto;
  padding: 5px 5px 5px 5px;
  border-radius: 5px;
  text-align: center;
  white-space: nowrap;
  font-size: 13px;
  background: #302f2f;
  opacity: 0;
  -webkit-transform: translate(-50%, 20px);
  transform: translate(-50%, 20px);
  -webkit-transition: all 80ms ease-in-out 80ms;
  transition: all 80ms ease-in-out 80ms;
  color: #fff;
  line-height: 20px;
  -webkit-box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.2);
}
@media (max-width: 480px) {
  .package-selector-wrapper
    > div
    .simulated-select-element-options
    > div
    .content
    .options-info
    > div
    > div {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .package-selector-wrapper
    > div
    .simulated-select-element-options
    > div
    .content
    .options-info
    > div
    > div
    div:nth-child(1) {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }
  .package-selector-wrapper
    > div
    .simulated-select-element-options
    > div
    .content
    .options-info
    > div
    > div
    div:nth-child(2) {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    margin: 0 0 10px 0;
  }
  .package-selector-wrapper > div .simulated-select-element {
    height: auto;
    line-height: 20px;
    padding: 10px;
  }
  .package-selector-wrapper > div .simulated-select-element span {
    display: block;
  }
  .package-selector-wrapper > div .simulated-select-element span:nth-child(2n) {
    display: none;
  }
}
.masterdomain-indicator {
  display: block;
  float: right;
  width: auto;
  height: 28px;
  line-height: 28px;
  padding: 0 10px 0 10px;
  border-radius: 4px;
  font-size: 13px;
  background-color: #efefef;
}
.current-package {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  float: right;
  width: auto;
  padding: 0;
  font-size: 15px;
  color: #3c3c3c;
}
.current-package > span {
  vertical-align: middle;
}
.current-package > span:first-child {
  padding: 0 15px 0 0;
  font-weight: 500;
}
.current-package:hover {
  cursor: pointer;
  opacity: 0.9;
}
.current-package.domainOnly {
  padding: 0;
  font-weight: 700;
  margin: 0 0 0 10px;
  border-radius: 27px;
  color: #fff;
}
@media screen and (max-width: 767px) {
  .current-package.domainOnly {
    display: none;
  }
}
.current-package.domainOnly span:first-child {
  padding: 0 15px 0 15px;
}
.current-package.domainOnly:hover {
  cursor: auto;
  opacity: 1;
}
@media (max-width: 767px) {
  .current-package {
    width: 15px;
    height: 16px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
  }
  .current-package > span {
    display: none;
  }
}
.orderflow-addon-domains {
  padding: 0 30px 0 30px;
}
.orderflow-addon-domains > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: auto;
  padding: 20px 0 20px 0;
  border-bottom: 1px solid #efefef;
}
.orderflow-addon-domains > div > div:first-child {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  overflow: hidden;
}
.orderflow-addon-domains > div > div .addonDOmain {
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
  word-wrap: break-word;
  white-space: normal;
  padding: 0 0 10px 0;
}
.orderflow-addon-domains > div > div .addonDOmainDetails {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
.orderflow-addon-domains > div > div .addonDOmainDetails .rebateLabel {
  background-color: #e1f4ff;
  padding: 5px;
  color: #43c1fb;
  font-size: 12px;
  font-weight: 700;
  line-height: 15px;
  border-radius: 4px;
  margin: 0 20px 0 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.orderflow-addon-domains > div > div .addonDOmainDetails .prices {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.orderflow-addon-domains > div > div .addonDOmainDetails .normalPrice {
  margin: 0;
  white-space: nowrap;
}
.orderflow-addon-domains
  > div
  > div
  .addonDOmainDetails
  .normalPrice.has-rebate {
  text-decoration: line-through;
  margin: 0 20px 0 0;
}
.orderflow-addon-domains > div > div.addBtnContainer {
  margin: 0 0 0 20px;
}
@media (max-width: 480px) {
  .orderflow-addon-domains > div {
    display: block;
  }
  .orderflow-addon-domains > div > div.addBtnContainer {
    margin: 20px 0 0 0;
  }
}
.frequently-asked-questions {
  position: relative;
  margin: 50px 0 50px 0;
}
.frequently-asked-questions > div.centered h2 {
  font-size: 20px;
  line-height: 27px;
  font-weight: 700;
  margin: 0 0 50px 0;
}
.frequently-asked-questions > div.centered > div {
  margin: 0 0 50px 0;
}
.frequently-asked-questions > div.centered h3 {
  font-size: 18px;
  line-height: 24px;
  margin: 0 0 20px 0;
}
.info-box {
  background-color: #deeaf2;
  padding: 30px;
}
.edge header > div .right .sticky_cart #stickyCart:hover .basketContainer,
.isWindows header > div .right .sticky_cart #stickyCart:hover .basketContainer {
  background-color: #92b567;
}
@media (max-width: 480px) {
  .vertical-office header > div .right .sticky_cart .btn {
    height: 44px !important;
  }
}
header {
  position: relative;
  width: 100%;
  height: 144px;
}
header > div {
  position: relative;
  width: 1150px;
  height: 96px;
  margin: 0 auto 0 auto;
}
header > div .header-logo {
  height: inherit;
  width: 227px;
  height: 62px;
  margin-top: 20px;
  background: 0 0;
  background-image: url(//www-static.cdn-one.com/images/onecom/Common/onecomlogo.svg);
  background-repeat: no-repeat;
  background-position: left center;
  -webkit-transform: none;
  transform: none;
}
header > div .header-logo svg {
  width: 227px;
}
header > div .header-logo a {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
header > div .right {
  display: table;
}
header > div .right .header-domainsearch {
  position: relative;
  display: table-cell;
  vertical-align: middle;
}
header > div .right .header-domainsearch input[type="text"] {
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #244c5b;
  border-radius: 3px;
  height: 44px;
  width: 249px;
  padding: 10px 35px 10px 15px;
  font-size: 12.5px;
}
header > div .right .header-domainsearch input[type="submit"] {
  position: absolute;
  right: 10px;
  top: 40px;
  width: 16px;
  height: 17px;
  background: url(//www-static.cdn-one.com/images/onecom/find-new.svg) no-repeat;
  background-size: 100%;
  -webkit-appearance: none;
  border: none;
  margin: 0;
  padding: 0;
}
header > div .right .header-domainsearch .domainSearchResultContainer {
  display: none;
  top: 30px;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}
header > div .right .header-domainsearch #extraDomainSuffix {
  display: none;
}
header > div .right .login-items {
  display: table-cell;
  vertical-align: middle;
  margin: 0;
  padding: 0 0 0 15px;
  height: 40px;
}
header > div .right .login-items > span {
  float: left;
  height: inherit;
  margin: 0 10px 0 0;
}
header > div .right .login-items > span > a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #2d4a59;
  text-decoration: none;
  height: inherit;
  padding-right: 0;
  padding-left: 0;
  font-weight: 400;
  font-size: 13px;
  line-height: 24px;
}
header > div .right .login-items > span > a svg {
  display: inline-block;
  vertical-align: middle;
  margin: 0 10px 0 0;
}
header > div .right .login-items > span:last-child {
  margin: 0;
}
header > div .right .login-items > span .cp-icon {
  width: 28px;
  height: 28px;
}
header > div .right .login-items > span .webmail-icon {
  width: 34px;
  height: 28px;
}
header > div .right .sticky_cart {
  display: table-cell;
  vertical-align: middle;
  margin: 0;
  padding-left: 20px;
  font-size: 13px;
  font-weight: 400;
}
@media (max-width: 480px) {
  header > div .right .sticky_cart {
    float: right;
    margin-left: -15px;
    padding-left: 0;
  }
}
@media (max-width: 767px) {
  header > div .right .sticky_cart {
    top: 0;
    right: 10px;
    padding-left: 0;
    width: 90px;
  }
}
header > div .right .sticky_cart .btn {
  height: auto !important;
  font-size: 13px;
  font-weight: 400;
}
header > div .right .sticky_cart .btn:hover {
  -webkit-transition: all 2ms ease;
  transition: all 2ms ease;
}
@media (max-width: 480px) {
  header > div .right .sticky_cart .btn {
    height: 40px !important;
  }
}
header > div .right .sticky_cart a {
  display: table;
  float: right;
}
header > div .right .sticky_cart #stickyCart {
  position: initial;
  position: inherit;
}
header > div .right .sticky_cart #stickyCart::before {
  display: inline-block;
  vertical-align: middle;
  content: "";
  margin-right: 0;
  background: url(//www-static.cdn-one.com/images/onecom/svg-cart-white.svg)
    no-repeat;
  width: 28px;
  height: 24px;
}
header > div .right .sticky_cart #stickyCart .basketContainer {
  background-color: #77a240;
  border-radius: 50%;
  position: absolute;
  right: -12px;
  height: 30px;
  width: 30px;
  text-align: center;
  bottom: 50px;
}
@media (max-width: 480px) {
  header > div .right .sticky_cart #stickyCart .basketContainer {
    bottom: 0;
    top: 5px !important;
    float: right;
    right: 15px;
    height: 20px;
    width: 20px;
    background-color: #fff;
    color: #77a240;
  }
}
@media (max-width: 767px) {
  header > div .right .sticky_cart #stickyCart .basketContainer {
    bottom: 0;
    top: 5px !important;
    float: right;
    right: 15px;
    height: 20px;
    width: 20px;
    background-color: #fff;
    color: #77a240;
  }
}
header > div .right .sticky_cart #stickyCart .basketItems {
  font-size: 10px;
  vertical-align: top;
  line-height: 3;
}
@media (max-width: 480px) {
  header > div .right .sticky_cart #stickyCart .basketItems {
    line-height: 2;
  }
}
@media (max-width: 767px) {
  header > div .right .sticky_cart #stickyCart .basketItems {
    line-height: 2;
  }
}
header nav {
  position: relative;
  width: 100%;
  background-color: #74a345;
  height: 48px;
  z-index: 9;
}
header nav > div {
  position: relative;
  width: 1150px;
  height: inherit;
  margin: 0 auto 0 auto;
}
header nav > div ul {
  display: table;
  margin: 0;
  padding: 0;
  height: inherit;
  list-style-type: none;
}
header nav > div ul li {
  display: table-cell;
  vertical-align: middle;
  height: inherit;
}
header nav > div ul li a {
  display: block;
  color: #fff;
  text-decoration: none;
  padding: 0 14px 0 14px;
  font-size: 14px;
  line-height: 15px;
  font-weight: 600;
  border-right: 1px solid rgba(255, 255, 255, 0.5);
}
header nav > div ul li a:hover {
  opacity: 0.75;
  color: #fff;
}
header nav > div #main-nav {
  width: auto;
}
header nav > div #main-nav.hidden {
  display: none;
}
header nav > div #main-nav li:first-child {
  display: none;
  font-size: 14px;
}
header nav > div #main-nav li:nth-child(2) a {
  padding: 0 14px 0 0;
}
header nav > div #main-nav li:nth-last-child(2) a {
  border-right: none;
}
header nav > div #main-nav li:nth-child(n + 10) {
  display: none;
}
header nav > div #main-nav li:last-child {
  display: none;
}
header nav > div #main-nav li:last-child span {
  padding: 0 16px 0 14px;
  color: #fff;
  font-weight: 600;
  font-size: 14px;
}
header nav > div #main-nav li:last-child span:hover {
  cursor: pointer;
  text-decoration: underline;
}
header nav > div #main-nav li:last-child:after {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  top: 19px;
  width: 0;
  height: 0;
  border-top: 5px solid transparent;
  border-left: 8px solid #fff;
  border-bottom: 5px solid transparent;
}
header nav > div #main-nav.responsive {
  position: absolute;
  display: block;
  left: 30px;
  width: 200px;
  z-index: 25;
}
header nav > div #main-nav.responsive li {
  display: block;
  background-color: #6c9643;
  width: 100%;
  font-weight: 600;
  padding: 0 14px 0 14px;
  height: 40px;
}
header nav > div #main-nav.responsive li a,
header nav > div #main-nav.responsive li span {
  height: 40px;
  line-height: 45px;
  border-right: none;
  border-bottom: 1px solid rgba(217, 217, 217, 0.5);
  padding: 0;
  color: #fff;
}
header nav > div #main-nav.responsive li a:hover {
  opacity: 0.75;
  text-decoration: none;
  border-bottom: none;
}
header nav > div #main-nav.responsive li:first-child a,
header nav > div #main-nav.responsive li:first-child span {
  border-bottom: none;
}
header nav > div #main-nav.responsive li:first-child span:after {
  content: "";
  display: inline-block;
  margin-left: 10px;
  vertical-align: middle;
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 8px solid #fff;
}
header nav > div #main-nav.responsive li:first-child span:hover {
  cursor: pointer;
}
header nav > div #main-nav.responsive li:nth-last-child(2) {
  padding-bottom: 10px;
}
header nav > div #main-nav.responsive li:nth-last-child(2) a,
header nav > div #main-nav.responsive li:nth-last-child(2) span {
  border-bottom: none;
}
header nav > div #main-nav.responsive li:nth-child(2) a {
  padding: 0;
}
header nav > div #main-nav.responsive li:nth-child(n + 5) {
  display: block;
}
header nav > div #main-nav.responsive li:last-child {
  display: none !important;
}
header nav > div #main-nav.split-a li:first-child {
  display: table-cell;
  vertical-align: middle;
  padding: 0 14px 0 14px;
  height: 40px;
}
header nav > div #main-nav.split-a li:first-child div {
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
  width: 20px;
  height: 15px;
}
header nav > div #main-nav.split-a li:first-child div span {
  display: block;
  width: 100%;
  height: 2px;
  margin-bottom: 3px;
  background-color: #fff;
  border-radius: 4px;
}
header nav > div #main-nav.split-a li:first-child span {
  display: inline-block;
  padding: 0;
  color: #fff;
  font-weight: 600;
}
header nav > div #main-nav.split-a li:first-child:hover {
  cursor: pointer;
  opacity: 0.9;
}
header nav > div #main-nav.split-a li:nth-child(n + 2) {
  display: none;
}
header nav > div #main-nav.split-a.responsive {
  left: 0;
}
header nav > div #main-nav.split-a.responsive li {
  display: block;
  -webkit-box-sizing: initial;
  box-sizing: initial;
}
header nav > div #main-nav.split-a.responsive li:first-child {
  padding-top: 1px;
}
header nav > div #main-nav.split-a.responsive li:first-child span:after {
  display: none;
}
header nav > div #main-nav.split-a.responsive li a,
header nav > div #main-nav.split-a.responsive li span {
  border-bottom: none;
}
header nav > div #secondary-nav {
  background-color: #6c9643;
}
header nav > div #secondary-nav li:last-child a {
  border-right: none;
}
header nav > div #nav-login-links,
header nav > div #nav-mobile-extras {
  display: none;
}
header nav:after,
header nav:before {
  content: " ";
  display: table;
}
header nav:after {
  clear: both;
}
header nav::after {
  content: "";
  display: block;
  clear: both;
}
@media (max-width: 1180px) {
  header {
    width: 100%;
  }
  header > div {
    width: 100%;
    padding: 0 30px 0 30px;
  }
  header > div .right .login-items > span:last-child {
    border-right: 0;
  }
  header > div .right .login-items > span:last-child a {
    padding-right: 0;
  }
  header nav > div {
    width: 100%;
    padding: 0 30px 0 30px;
  }
}
@media (max-width: 1180px) {
  header > div .right .header-domainsearch input[type="text"] {
    width: 185px;
  }
  header > div .header-logo {
    width: 220px;
  }
  header > div .header-logo img,
  header > div .header-logo svg {
    width: 220px;
    max-width: 220px;
    height: auto;
  }
  header nav > div #main-nav {
    width: auto;
  }
  header nav > div #main-nav.split-a.responsive {
    left: 30px;
  }
}
@media (max-width: 992px) {
  header > div .right .login-items > span a {
    line-height: 19px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  header > div .right .login-items > span .cp-icon {
    display: block;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 22px;
    height: 22px;
    margin: 0;
  }
  header > div .right .login-items > span .webmail-icon {
    display: block;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 22px;
    height: 22px;
    margin: 0;
  }
  header nav > div #main-nav li:nth-child(n + 6) {
    display: table-cell;
  }
  header nav > div #main-nav li:nth-child(n + 5) {
    display: table-cell;
  }
  header nav > div #main-nav li:nth-child(n + 4) {
    display: none;
  }
  header nav > div #main-nav li:last-child {
    display: table-cell !important;
  }
  header nav > div #main-nav.responsive li {
    display: block;
  }
  header nav > div #main-nav.split-a li:last-child {
    display: none !important;
  }
}
@media (max-width: 767px) {
  header {
    height: auto;
  }
  header > div.floatingcontent {
    padding: 0;
    height: auto;
  }
  header > div.floatingcontent .left,
  header > div.floatingcontent .right {
    float: left;
    width: 100%;
  }
  header > div.floatingcontent .left {
    width: auto;
    padding-left: 10px;
    padding-top: 12px;
  }
  header > div.floatingcontent .left .header-logo {
    margin-top: 0;
  }
  header > div.floatingcontent .right {
    padding: 10px 15px 10px 15px;
    background-color: #74a345;
  }
  header > div.floatingcontent .right .login-items {
    display: none;
  }
  header > div.floatingcontent .right .header-domainsearch {
    background-color: #74a345;
  }
  header > div.floatingcontent .right .header-domainsearch input[type="text"] {
    width: 100%;
    font-size: 12px;
    border: none;
  }
  header
    > div.floatingcontent
    .right
    .header-domainsearch
    input[type="submit"] {
    height: 24px;
    width: 20px;
    top: 12px;
  }
  header
    > div.floatingcontent
    .right
    .header-domainsearch
    .domainSearchResultContainer {
    top: 0;
    border-left: 1px solid #244c5b;
    border-right: 1px solid #244c5b;
    border-bottom: 1px solid #244c5b;
    border-width: 1px !important;
  }
  header > div.floatingcontent #mobile-nav-toggle {
    position: relative;
    width: 56px;
    height: 60%;
    position: absolute;
    right: 0;
    top: 0;
  }
  header > div.floatingcontent #mobile-nav-toggle > div {
    float: none;
    top: initial;
    width: 26px;
    height: 21px;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
  }
  header > div.floatingcontent #mobile-nav-toggle > div > span {
    border-radius: 6px;
    display: block;
    background: #2c4a58;
    height: 4px;
    width: 26px;
    margin-bottom: 3px;
  }
  header > div.floatingcontent #mobile-nav-toggle > div:hover {
    cursor: pointer;
  }
  header .main-navigation {
    right: -100%;
    height: 100%;
    width: 80vw;
    background-color: initial;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
  }
  header nav {
    position: fixed;
    top: 0;
    right: 0;
    z-index: 100;
  }
  header nav .floatingcontent {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    background-color: #302f2f;
    width: 100%;
    height: inherit;
    right: 0;
    padding: 0;
  }
  header nav .floatingcontent .left {
    height: auto;
    float: none;
    padding-top: 10px;
  }
  header nav .floatingcontent .right {
    height: auto;
    float: none;
  }
  header nav.toggled {
    display: block;
    right: 0;
  }
  header nav > div {
    overflow: hidden;
    overflow-y: scroll;
  }
  header nav > div #main-nav,
  header nav > div #nav-login-links,
  header nav > div #secondary-nav,
  header nav > div ul {
    display: block;
    height: auto;
    background-color: initial;
    padding-top: 0;
  }
  header nav > div #main-nav > li,
  header nav > div #nav-login-links > li,
  header nav > div #secondary-nav > li,
  header nav > div ul > li {
    display: block;
    height: 50px;
    border-bottom: 1px solid rgba(151, 151, 151, 0.2);
  }
  header nav > div #main-nav > li a,
  header nav > div #main-nav > li span,
  header nav > div #nav-login-links > li a,
  header nav > div #nav-login-links > li span,
  header nav > div #secondary-nav > li a,
  header nav > div #secondary-nav > li span,
  header nav > div ul > li a,
  header nav > div ul > li span {
    border-right: 0;
    height: 50px;
    line-height: 50px;
    padding: 0 20px 0 20px;
    font-weight: 700;
  }
  header nav > div #main-nav > li:nth-child(2) a,
  header nav > div #nav-login-links > li:nth-child(2) a,
  header nav > div #secondary-nav > li:nth-child(2) a,
  header nav > div ul > li:nth-child(2) a {
    padding: 0 20px 0 20px;
  }
  header nav > div #main-nav > li:nth-child(n + 5),
  header nav > div #nav-login-links > li:nth-child(n + 5),
  header nav > div #secondary-nav > li:nth-child(n + 5),
  header nav > div ul > li:nth-child(n + 5) {
    display: block;
  }
  header nav > div #main-nav > li.product,
  header nav > div #nav-login-links > li.product,
  header nav > div #secondary-nav > li.product,
  header nav > div ul > li.product {
    display: none;
  }
  header nav > div #main-nav > li#mobile-more-products,
  header nav > div #nav-login-links > li#mobile-more-products,
  header nav > div #secondary-nav > li#mobile-more-products,
  header nav > div ul > li#mobile-more-products {
    display: block;
  }
  header nav > div #main-nav > li#mobile-more-products span,
  header nav > div #nav-login-links > li#mobile-more-products span,
  header nav > div #secondary-nav > li#mobile-more-products span,
  header nav > div ul > li#mobile-more-products span {
    color: #fff;
  }
  header nav > div #main-nav > li#mobile-more-products span:after,
  header nav > div #nav-login-links > li#mobile-more-products span:after,
  header nav > div #secondary-nav > li#mobile-more-products span:after,
  header nav > div ul > li#mobile-more-products span:after {
    content: "";
    display: inline-block;
    margin-left: 10px;
    vertical-align: middle;
    width: 0;
    height: 0;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-left: 8px solid #fff;
    -webkit-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
  }
  header nav > div #main-nav > li#more-apps,
  header nav > div #nav-login-links > li#more-apps,
  header nav > div #secondary-nav > li#more-apps,
  header nav > div ul > li#more-apps {
    display: none !important;
  }
  header nav > div #nav-login-links {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
  }
  header nav > div #main-nav li:first-child span {
    padding: 0 20px 0 20px;
    font-weight: 600;
  }
  header nav > div #main-nav.responsive {
    position: relative;
    left: 0;
    width: 100%;
  }
  header nav > div #main-nav.responsive li {
    background-color: #302f2f;
    padding: 0;
  }
  header nav > div #main-nav.responsive li a,
  header nav > div #main-nav.responsive li span {
    border-bottom: none;
    line-height: 40px;
  }
  header nav > div #main-nav.responsive li#mobile-more-products span:after {
    content: "";
    display: inline-block;
    margin-left: 10px;
    vertical-align: middle;
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 8px solid #fff;
    margin-top: 4px;
  }
  header nav > div #main-nav.responsive li.product {
    display: block;
    padding-left: 0;
  }
  header nav > div #main-nav.responsive li.product a {
    font-weight: 400;
    display: block;
    padding-left: 40px;
    height: 40px;
  }
  header nav > div #main-nav.responsive li.product a:before {
    display: inline-block;
    content: "";
    width: 10px;
    height: 10px;
    margin-right: 10px;
    border: 1px solid #f9f9f9;
    border-radius: 100%;
  }
  header nav > div #nav-mobile-extras {
    display: block;
    bottom: 0;
    width: 80vw;
    z-index: 30;
  }
  header nav > div #nav-mobile-extras #mobile-change-language {
    position: relative;
    display: block;
    background-color: #000;
    font-weight: 700;
    height: 60px;
  }
  header nav > div #nav-mobile-extras #mobile-change-language span {
    display: block;
    height: 60px;
    line-height: 60px;
    color: #fff;
  }
  header
    nav
    > div
    #nav-mobile-extras
    #mobile-change-language
    span:nth-child(2) {
    position: absolute;
    right: 0;
    top: 15px;
    background: url(//www-static.cdn-one.com/images/onecom/sprite-1310e479.svg?v=1480601957491)
      no-repeat;
    background-position: -68px -603.45px;
    width: 27px;
    height: 27px;
  }
  header nav > div #nav-mobile-extras #mobile-activate-chat {
    position: relative;
    height: 77px;
    background-color: #74a345;
    display: table;
    width: 100%;
    padding: 0 20px 0 20px;
    color: #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  header nav > div #nav-mobile-extras #mobile-activate-chat a {
    line-height: initial;
    font-weight: initial;
    height: 100%;
    padding: 0;
    display: table-cell;
    vertical-align: middle;
    height: 47px;
    width: 100%;
  }
  header nav > div #nav-mobile-extras #mobile-activate-chat a div:first-child {
    height: 27px;
    line-height: 27px;
    font-size: 24px;
    font-weight: 700;
    text-transform: uppercase;
  }
  header nav > div #nav-mobile-extras #mobile-activate-chat a div:nth-child(2) {
    height: 20px;
    line-height: 20px;
    font-size: 14px;
    font-weight: 700;
  }
  header nav > div #nav-mobile-extras #mobile-activate-chat a img {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    right: 20px;
    width: 43px;
  }
  header nav > div #main-nav.split-a li:first-child {
    padding: 0 20px 0 20px;
    font-weight: 700;
  }
  header nav > div #main-nav.split-a li:first-child div {
    display: none;
  }
  .addon header > div.floatingcontent #mobile-nav-toggle {
    display: none !important;
  }
}
footer {
  background-color: #4e4e4e;
  padding: 50px 0 50px 0;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}
footer a {
  color: #fff !important;
  text-decoration: none;
}
footer a:hover {
  text-decoration: underline;
  color: rgba(255, 255, 255, 0.9);
}
footer h2 {
  color: #fff;
  letter-spacing: 0;
}
footer .footer-elements-container {
  display: table;
  width: 100%;
  table-layout: fixed;
}
footer .footer-elements-container > div {
  display: table-cell;
  height: 100%;
  vertical-align: top;
  border-right: 1px solid rgba(255, 255, 255, 0.5);
  padding: 0 30px 0 30px;
}
footer .footer-elements-container > div:last-of-type {
  border: none;
}
footer .footer-elements-container > div > h2 {
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 20px;
}
footer .footer-elements-container > div .footer-columns {
  display: table;
  width: 100%;
  height: 100%;
  table-layout: fixed;
}
footer .footer-elements-container > div .footer-columns > ul {
  display: table-cell;
  list-style-type: none;
  padding: 0;
  margin: 0;
}
footer .footer-elements-container > div .footer-columns > ul li {
  margin-bottom: 13px;
  color: #fff;
}
footer .footer-elements-container > div .footer-columns > ul li.active a {
  font-weight: 700;
}
footer .footer-elements-container > div .footer-columns > ul.social li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
footer .footer-elements-container > div .footer-columns > ul.social li svg {
  display: inline-block;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 35px;
  height: 35px;
  margin: 0 10px 0 0;
}
footer .footer-elements-container > div .footer-columns > ul.social li a {
  display: inline-block;
}
@media (max-width: 992px) {
  footer .footer-elements-container > div .footer-columns {
    display: block;
  }
  footer .footer-elements-container > div .footer-columns ul {
    display: block;
  }
}
@media (max-width: 768px) {
  footer .footer-elements-container > div {
    display: block;
    margin: 0 0 30px 0;
    border-right: none;
    border-left: none;
  }
  footer .footer-elements-container > div .footer-columns {
    display: table;
  }
  footer .footer-elements-container > div .footer-columns ul {
    display: table-cell;
  }
}
@media (max-width: 480px) {
  footer .footer-elements-container {
    display: block;
    margin: 0;
  }
  footer .footer-elements-container > div {
    display: block;
    margin: 0 0 30px 0;
  }
  footer .footer-elements-container > div .footer-columns {
    display: block;
  }
  footer .footer-elements-container > div .footer-columns ul {
    display: block;
  }
}
#frontpage > svg {
  display: none;
}
#frontpage .packages {
  position: relative;
  text-align: center;
  margin-top: 0;
}
#frontpage .packages > h2 {
  font-size: 32px;
}
#frontpage .packages.split-a .blue-bar {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 60px;
  background-color: #e8f5ff;
}
#frontpage .packages.split-a .white-bar {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 60px;
  background-color: #fff;
}
#frontpage .products {
  position: relative;
  text-align: center;
}
#frontpage .products > h2 {
  font-size: 32px;
  margin-bottom: 60px;
}
.ie11 #frontpage #frontpage-webshop-icon {
  background-image: url(//www-static.cdn-one.com/images/onecom/pages/frontpage/sprite/Webshop-Icon.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 30px;
}
.ie11 #frontpage #frontpage-webshop-icon svg {
  display: none;
}
.ie11 #frontpage #frontpage-email-icon {
  background-image: url(//www-static.cdn-one.com/images/onecom/pages/frontpage/sprite/Email-Icon.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 30px;
}
.ie11 #frontpage #frontpage-email-icon svg {
  display: none;
}
#frontpage .get-started p {
  width: 85%;
}
#frontpage .frontpage-product-highlight {
  position: relative;
  width: 100%;
  padding: 0;
}
#frontpage .frontpage-product-highlight.with-bg {
  background-color: #f9f9f9;
}
#frontpage .frontpage-product-highlight h2 {
  font-size: 32px;
}
#frontpage .frontpage-product-highlight > div > div {
  display: table;
  width: 100%;
  table-layout: fixed;
}
#frontpage .frontpage-product-highlight > div > div > div {
  position: relative;
  display: table-cell;
  vertical-align: middle;
}
#frontpage .frontpage-product-highlight > div > div > div svg {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: 85%;
  height: 85%;
  max-width: 85%;
}
#frontpage .browser {
  position: relative;
  width: 70%;
  margin: 0 auto 0 auto;
  border: 5px solid #2c4a58;
  background-color: #2c4a58;
  border-radius: 5px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#frontpage .browser .browser-top {
  position: relative;
  display: table;
  width: 100%;
  background-color: #2c4a58;
  height: 60px;
  padding: 15px 0 15px 0;
}
#frontpage .browser .browser-top > span {
  display: table-cell;
}
#frontpage .browser .browser-top > span:nth-child(1) {
  width: 15%;
  background: url(//www-static.cdn-one.com/images/onecom/Common/browser-arrows.svg);
  background-position: 30px center;
  background-size: 30%;
  background-repeat: no-repeat;
}
#frontpage .browser .browser-top > span:nth-child(2) {
  width: 70%;
  height: 30px;
  background-color: #fff;
  border-radius: 2px;
}
#frontpage .browser .browser-top > span:nth-child(3) {
  width: 15%;
  background: url(//www-static.cdn-one.com/images/onecom/Common/domain-browser-star.svg);
  background-position: 66% center;
  background-size: 20%;
  background-repeat: no-repeat;
}
#frontpage .browser .browser-content {
  background-color: #fff;
}
#frontpage .browser .browser-content p {
  margin: 0;
  padding: 0;
  width: auto;
}
#frontpage .browser .browser-content form {
  position: relative;
  padding: 30px 30px 0 30px;
}
#frontpage .browser .browser-content form > div {
  position: relative;
  text-align: left;
}
#frontpage .browser .browser-content form input[type="text"] {
  -webkit-box-flex: initial;
  -ms-flex: initial;
  flex: initial;
  width: 95%;
  height: 45px;
  padding: 10px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #d9d9d9;
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
}
#frontpage .browser .browser-content form button[type="submit"] {
  position: absolute;
  right: 0;
  top: 0;
  width: 50px;
  height: 45px;
  background-color: #2c4a58;
  border: 0;
  outline: 0;
  -webkit-appearance: none;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
}
#frontpage .browser .browser-content form button[type="submit"]:after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  content: "";
  width: 0;
  height: 0;
  border-top: 6px solid transparent;
  border-left: 10px solid #fff;
  border-bottom: 6px solid transparent;
}
#frontpage .browser .browser-content form select {
  display: none;
}
#frontpage .browser .browser-content form .domainSearchResultContainer {
  top: 0;
}
#frontpage .browser .browser-content .price-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-weight: 700;
}
#frontpage .browser .browser-content .price-info > div:nth-child(2) {
  text-align: right;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}
#frontpage .browser .browser-content .browser-prices {
  padding: 30px;
}
#frontpage .browser .browser-content .browser-prices.limited {
  overflow: hidden;
}
#frontpage .browser .browser-content .browser-prices .price-list > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 35px;
  padding: 0 10px 0 10px;
}
#frontpage
  .browser
  .browser-content
  .browser-prices
  .price-list
  > div:nth-child(2n) {
  background-color: rgba(217, 217, 217, 0.5);
}
#frontpage
  .browser
  .browser-content
  .browser-prices
  .price-list
  > div
  > span.price {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  text-align: right;
}
#frontpage
  .browser
  .browser-content
  .browser-prices
  .price-list
  > div
  > span.price
  .originalPrice.line-through {
  text-decoration: line-through;
}
#frontpage .browser .browser-content .browser-prices .other.hide {
  display: none;
}
#frontpage .browser .browser-content a {
  display: block;
  text-align: left;
  margin: 30px 0 0 0;
}
#frontpage .browser .browser-content a.hide {
  display: none;
}
@media (max-width: 1180px) {
  #frontpage .packages > h2,
  #frontpage .products > h2 {
    text-align: left;
    padding-left: 30px;
    font-size: 26px;
  }
  #frontpage .packages.split-a {
    background: linear-gradient(
      180.68deg,
      #e4f3ff 0,
      rgba(255, 255, 255, 0) 100%
    );
  }
  #frontpage .packages.split-b {
    background: #fff;
  }
}
@media (max-width: 992px) {
  #frontpage .frontpage-product-highlight > div > div {
    display: block;
  }
  #frontpage .frontpage-product-highlight > div > div > div {
    display: block;
    margin-bottom: 30px;
    text-align: center;
  }
  #frontpage .frontpage-product-highlight > div > div > div svg {
    position: relative;
    width: 100%;
    height: 100%;
    max-width: 100%;
  }
}
@media (max-width: 620px) {
  #frontpage .packages > h2 {
    font-size: 22px;
  }
  #frontpage section.intro .slideitem {
    height: 100%;
  }
  #frontpage section.intro .slideitem > div {
    vertical-align: top;
  }
  #frontpage section.intro .slideitem > div svg {
    margin-bottom: 30px;
  }
}
@media (max-width: 767px) {
  #frontpage .packages > div.centered {
    padding: 0;
  }
  #frontpage .packages.split-a {
    background: #fff;
  }
}
@media (max-width: 480px) {
  #frontpage section.intro .slideitem > div {
    padding-top: 10px;
  }
}
.warning {
  display: none;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  min-height: 100px;
  height: auto;
  padding: 30px;
  border: 2px solid #ffdf96;
  border-radius: 5px;
  background-color: #fffaef;
  margin-bottom: 30px;
}
.warning > div:nth-child(1) {
  width: 100px;
  margin-right: 10px;
}
.warning > div:nth-child(1) > span {
  display: block;
  background-color: #ffdf96;
  color: #ff9800;
  border-radius: 100%;
  font-size: 50px;
  text-align: center;
  width: 70px;
  height: 70px;
  font-weight: 700;
  line-height: 70px;
}
.warning > div:nth-child(2) {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}
.warning > div:nth-child(2) h2 {
  color: #ff9800;
  font-weight: 700;
  margin-bottom: 5px;
}
.warning.visible {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.domainSearchTop {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
  margin: 0 0 20px 0;
  padding: 0 10px 0 10px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #999;
}
.domainSearchTop h1 {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  font-size: 18px;
  line-height: 18px;
  font-weight: 500;
  color: #4e4e4e;
}
.domainSearchTop .domainsSelected {
  border-right: 2px solid #efefef;
  margin-right: 10px;
  padding-right: 12px;
}
@media (max-width: 767px) {
  .domainSearchTop .domainsSelected {
    border-right: none;
  }
}
@media (max-width: 767px) {
  .domainSearchTop {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 0 15px 0 15px;
  }
}
.order-domain-search {
  position: sticky;
  top: 0;
  width: 100%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 30px;
  z-index: 100;
  background-color: #fff;
}
.order-domain-search:before {
  content: "";
  position: absolute;
  bottom: -10px;
  background-color: #fff;
  width: 100%;
  height: 10px;
  z-index: 10;
}
.order-domain-search:after {
  content: "";
  position: sticky;
  width: 100%;
  height: 10px;
  -webkit-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.15);
  box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.15);
  bottom: -10px;
  z-index: 5;
}
@media (max-width: 711px) {
  .order-domain-search {
    padding: 15px 0 15px 0;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
.order-domain-search .domain-search-field {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.order-domain-search .domain-search-field > form {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 767px) {
  .choose-domain__search .order-domain-search .domain-search-field {
    padding: 0;
  }
  .order-domain-search .domain-search-field.hidden-mobile {
    display: none;
  }
}
.order-domain-search .to-checkout {
  margin: 0 0 0 15px;
}
@media (max-width: 767px) {
  .order-domain-search .to-checkout {
    width: 100%;
    margin: 10px 0 0 0;
  }
}
.order-domain-search.has-next-button {
  padding: 15px 15px 15px 15px;
}
.order-domain-search input[type="text"] {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  height: 56px;
  padding: 10px;
  font-size: 20px;
  border-left: 1px solid #d9d9d9;
  border-top: 1px solid #d9d9d9;
  border-bottom: 1px solid #d9d9d9;
  border-right: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
@media (max-width: 767px) {
  .order-domain-search input[type="text"] {
    height: 40px;
    font-size: 16px;
    line-height: 26px;
  }
}
.order-domain-search input[type="submit"] {
  display: block;
  height: 56px;
  font-size: 20px;
  width: 100%;
}
@media (max-width: 767px) {
  .order-domain-search input[type="submit"] {
    height: 30px;
    font-size: 12px;
    line-height: 12px;
  }
}
.order-domain-search button {
  height: 56px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  font-size: 20px;
  margin-top: 0 !important;
}
@media (max-width: 767px) {
  .order-domain-search button {
    font-size: 10px;
    max-width: 100px;
    white-space: normal;
    line-height: 15px;
    height: 40px;
  }
  .lang-de .order-domain-search button,
  .lang-pt .order-domain-search button {
    font-size: 10px;
  }
}
.orderflowProgress {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 60px;
  background-color: #fff;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.orderflowProgress > div {
  width: 100%;
  max-width: 1440px;
  padding: 0 48px 0 48px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.orderflowProgress > div > div:first-child {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
}
.orderflowProgress > div > div:first-child > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  height: 100%;
  border-bottom: 2px solid rgba(0, 0, 0, 0.1);
  text-align: center;
  font-size: 15px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  overflow: hidden;
  padding: 0 10px 0 10px;
}
.orderflowProgress > div > div:first-child > div span {
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  opacity: 0.6;
}
.orderflowProgress > div > div:first-child > div svg {
  max-height: 100%;
  margin-right: 10px;
}
.orderflowProgress > div > div:first-child > div.active {
  border-bottom: 2px solid #74a345;
}
.orderflowProgress > div > div:first-child > div.active span {
  opacity: 1;
}
.orderflowProgress > div > div:first-child > div.clickable:hover {
  cursor: pointer;
  opacity: 0.6;
}
.orderflowProgress > div > div:nth-child(2) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-left: 20px;
}
.orderflowProgress > div > div:nth-child(2) .btnBack {
  display: none;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  background-color: #fff;
  border-radius: 8px;
  border: 1px solid rgba(128, 33, 81, 0.25);
  width: 50px;
  height: 40px;
  margin: 0 10px 0 0;
  padding: 0 0 0 5px;
}
.orderflowProgress > div > div:nth-child(2) .btnBack::before {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  border: solid #802151;
  border-width: 0 2px 2px 0;
  padding: 0;
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
}
.orderflowProgress > div > div:nth-child(2) .btnBack:hover {
  cursor: pointer;
  opacity: 0.8;
}
.orderflowProgress > div > div:nth-child(2) .btn {
  font-size: 15px;
  font-weight: 600;
  line-height: 19px;
  height: 55px;
  color: #fff;
  border-radius: 27.5px;
  padding: 0 50px 0 50px !important;
}
@media (max-width: 1100px) {
  .orderflowProgress > div {
    padding: 0 24px 0 24px;
  }
}
@media (max-width: 992px) {
  .orderflowProgress > div > div:first-child > div {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .orderflowProgress > div > div:first-child > div span:first-child {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .orderflowProgress {
    height: auto;
  }
  .keywordsearch .orderflowProgress {
    padding: 0 15px 0 15px;
  }
  .orderflowProgress > div {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .orderflowProgress > div > div:nth-child(1) {
    padding-right: 0;
  }
  .orderflowProgress > div > div:nth-child(1) > div > span:first-child {
    margin-bottom: 10px;
    margin-right: 0;
    padding: 10px 0 0 0;
    font-size: 12px;
  }
  .orderflowProgress > div > div:nth-child(1) > div > span:nth-child(2) {
    display: none;
  }
  .orderflowProgress > div > div:nth-child(2) {
    width: 100%;
    padding: 20px 0 0 0;
    margin-left: 0;
  }
  .orderflowProgress > div > div:nth-child(2) form {
    width: 100%;
  }
  .orderflowProgress > div > div:nth-child(2) .btn {
    display: block;
    width: 100%;
    height: 40px;
    font-size: 16px;
    line-height: 20px;
  }
}
#innercontent h1 {
  margin-bottom: 50px;
}
#innercontent h2 {
  margin-bottom: 30px;
}
#innercontent h3 {
  margin-bottom: 20px;
}
#innercontent p {
  margin-bottom: 10px;
}
#innercontent dl {
  margin: 20px 0 20px 0;
}
#innercontent .termswrapper .DotDKHeadline h2 {
  margin-bottom: 0;
}
#innercontent .termswrapper .CustomerDetails h3 {
  margin-bottom: 0;
}
.termswrapper > h1 {
  font-size: 36px;
  line-height: 38px;
  font-weight: 400;
  margin: 0 0 50px 0;
}
.termswrapper h2 {
  font-size: 24px;
  line-height: 30px;
  margin: 0 0 30px 0;
  padding: 0;
}
.termswrapper h3 {
  font-size: 18px;
  line-height: 24px;
  margin: 30px 0 20px 0;
}
.termswrapper > div {
  background-color: #f7f7f7;
  padding: 50px 40px 50px 40px;
}
.termswrapper .DotDKHeadline {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 0 0 30px 0;
}
@media screen and (max-width: 767px) {
  .termswrapper .DotDKHeadline {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  .termswrapper .DotDKHeadline img {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
  .termswrapper .DotDKHeadline h2 {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    margin: 20px 0 0 0;
  }
}
.termswrapper .CustomerDetails {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  width: 100%;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 50px 0 50px 0;
  border-top: 1px solid #bbb;
  border-bottom: 1px solid #bbb;
  padding: 30px 0 30px 0;
}
@media screen and (max-width: 767px) {
  .termswrapper .CustomerDetails {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
.termswrapper .CustomerDetails > div {
  max-width: 32%;
  padding: 0 10px 0 0;
}
@media screen and (max-width: 767px) {
  .termswrapper .CustomerDetails > div {
    max-width: 100%;
    padding: 0 0 20px 0;
  }
  .termswrapper .CustomerDetails > div:last-child {
    padding: 0;
  }
}
.termswrapper .CustomerDetails h3 + p {
  margin-top: 0;
}
.termswrapper .CustomerDetails h3 {
  margin: 0 0 20px 0;
}
.termswrapper .DotDKTerms {
  margin: 50px 0 30px 0;
}
.termswrapper .DotDKTerms p {
  font-size: 15px;
  line-height: 20px;
  letter-spacing: 0.1px;
  color: #8a8989;
  border-top: 1px solid #bbb;
  padding: 30px 0 0 0;
  margin: 30px 0 0 0;
}
.termswrapper .linkStyle {
  color: #0078c8;
  text-decoration: underline;
  cursor: pointer;
}
.termswrapper .AcceptButtons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 30px 0 0 0;
  border-top: 1px solid #bbb;
  padding: 30px 0 0 0;
}
@media screen and (max-width: 500px) {
  .termswrapper .AcceptButtons {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  .termswrapper .AcceptButtons input {
    margin: 0 0 20px 0;
  }
  .termswrapper .AcceptButtons input:last-child {
    margin: 0;
  }
}
.thanks-activation-step1,
.thanks-activation-step2 {
  position: relative;
  display: block;
  padding-left: 45px;
}
.thanks-activation-step1:before,
.thanks-activation-step2:before {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  border-radius: 100%;
  background-color: #74a345;
  width: 30px;
  height: 30px;
  line-height: 28px;
  text-align: center;
  font-weight: 600;
  color: #fff;
  margin-right: 15px;
}
.thanks-activation-step1:before {
  content: "1";
}
.thanks-activation-step2:before {
  content: "2";
}
.sepaDetailsContainer {
  margin: 10px 0 0 30px;
  max-width: 500px;
}
.sepaDetailsContainer .sepaDetails {
  background-color: #ededed;
  padding: 20px 20px 10px 20px;
  margin: 10px 0 0 0;
}
.sepaDetailsContainer .sepaDetails .inputWrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0 0 10px 0;
  max-width: 500px;
}
@media screen and (max-width: 600px) {
  .sepaDetailsContainer .sepaDetails .inputWrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
}
.sepaDetailsContainer .sepaDetails .inputWrapper .label {
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  margin: 0 10px 0 0;
  width: 250px;
}
@media screen and (max-width: 600px) {
  .sepaDetailsContainer .sepaDetails .inputWrapper .label {
    margin: 0 0 10px 0;
  }
}
.sepaDetailsContainer .sepaDetails .inputWrapper .input {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}
@media screen and (max-width: 600px) {
  .sepaDetailsContainer .sepaDetails .inputWrapper .input {
    width: 100%;
  }
}
.sepaDetailsContainer .sepaDetails .inputWrapper .input input {
  display: block;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 10px 15px 10px 15px;
  font-size: 13px;
  border-radius: 27px;
  color: #3c3c3c;
  background-color: #fff;
  border: none;
  outline: 0;
  -webkit-appearance: none;
  font-family: inherit;
  width: 100%;
}
.sepaDetailsContainer .sepaDetails .inputWrapper .error {
  margin: 0 0 0 10px;
}
@media screen and (max-width: 600px) {
  .sepaDetailsContainer .sepaDetails .inputWrapper .error {
    margin: 10px 0 0 0;
  }
}
.visaRecurringNotice {
  padding: 0 0 0 30px;
  font-style: italic;
  font-size: 12px;
}
.contentintro.order.is-loading:before {
  background: rgba(255, 255, 255, 0.9)
    url(//www-static.cdn-one.com/images/onecom/lazy-loader-1.0.gif) no-repeat
    center center fixed;
  -webkit-transition: none;
  transition: none;
}
.space-selection__title {
  background-color: #efefef;
  padding: 15px 0 0 30px;
}
.space-selection__title.box-header {
  min-height: 71px;
  padding: 25px;
}
.addon-extra-info {
  position: relative;
  border-radius: 15px;
  background-color: #fff2f2;
  border: 1px solid #ffc5c5;
  font-size: 13px;
  padding: 4px 5px 4px 5px;
  margin: 0 0 0 20px;
}
.addon-extra-info:before {
  content: "";
  display: block;
  position: absolute;
  left: -5px;
  top: 10px;
  width: 0;
  height: 0;
  border-top: 3px solid transparent;
  border-right: 4px solid #ffc5c5;
  border-bottom: 3px solid transparent;
}
.addon-extra-info.green {
  background-color: #dce8d0;
  border: 1px solid #bad1a3;
}
.addon-extra-info.green:before {
  border-right: 4px solid #bad1a3;
}
a.contextHelp {
  position: relative;
  z-index: 8;
  opacity: 1;
}
a.contextHelp span {
  display: none;
}
a.contextHelp span.contextHelpContent {
  display: block;
  width: 350px;
  color: #333;
  background-color: #f0f0f0;
  padding: 20px 25px;
  line-height: 20px;
  border: 1px solid #ccc;
  position: absolute;
  top: 25px;
  left: 5px;
  z-index: 1000;
  text-decoration: none;
}
@media screen and (max-width: 767px) {
  a.contextHelp span.contextHelpContent {
    position: fixed;
    left: 0;
    width: 100vw;
    bottom: 0;
    top: auto;
  }
}
.box-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #fff;
  font-size: 18px;
  color: #3c3c3c;
  font-weight: 500;
  padding: 60px 60px 30px 60px;
  line-height: 24px;
  vertical-align: middle;
}
.box-title h1,
.box-title h2 {
  font-size: 18px;
  font-weight: 500;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}
.box-title div:not(.couponCode) {
  font-size: 14px;
  text-align: right;
  text-decoration: underline;
}
.box-title div:not(.couponCode):hover {
  cursor: pointer;
}
.box-title.white {
  background-color: #fff;
  border-bottom: 1px solid #efefef;
}
.box-title p {
  font-size: 15px;
}
.couponCode {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.couponCode input {
  height: 45px;
  min-width: 240px;
  border-radius: 27px;
  border: 1px solid #ededed;
  background-color: #fff;
  padding: 0 30px 0 30px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 12px;
  font-weight: 400;
  margin: 0 10px 0 0;
}
.couponCode.mobile {
  display: none;
}
.couponCode .btn {
  height: 40px;
  line-height: 25px;
  font-size: 13px;
  border-radius: 27px;
}
.arrow {
  border: solid #3c3c3c;
  border-width: 0 1px 1px 0;
  display: inline-block;
  padding: 4px;
  margin: -2px 0 0 0;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}
.svgContainer {
  position: relative;
  display: inline-block;
  width: 12px;
  height: 30px;
  margin: 0 15px 0 0;
  vertical-align: middle;
}
.add_on_hero .widget-languages-container,
.buy_customer .widget-languages-container,
.buy_pay .widget-languages-container,
.buy_terms .widget-languages-container,
.buy_user .widget-languages-container {
  display: none;
}
.add_on_hero .NavSpacer,
.buy_customer .NavSpacer,
.buy_pay .NavSpacer,
.buy_terms .NavSpacer,
.buy_user .NavSpacer {
  height: 0;
}
.buy_customer .sticky_cart,
.buy_domainonly .sticky_cart,
.buy_pay .sticky_cart,
.buy_terms .sticky_cart,
.buy_user .sticky_cart,
.keywordsearch .sticky_cart {
  display: none !important;
  visibility: hidden;
}
#buycustomer svg,
#buyuser svg {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}
.existingCustomerNotLoggedIn {
  border: 2px solid #ffde93;
  border-radius: 15px;
  background-color: #fffaef;
  background-image: url(//www-static.cdn-one.com/images/onecom/email-in-use-icon.svg);
  background-repeat: no-repeat;
  background-position: 30px 30px;
  padding: 30px 30px 30px 110px;
  background-size: 50px;
  margin-bottom: 30px;
}
.existingCustomerNotLoggedIn h3 {
  color: #ff8f00;
  margin-bottom: 0;
}
.existingCustomerNotLoggedIn p {
  margin-top: 10px;
  line-height: 22px;
}
#idn-info {
  background-color: #f9f9f9;
  border-radius: 15px;
  padding: 10px;
  margin-bottom: 30px;
  border: 1px solid #efefef;
}
@media (max-width: 711px) {
  #idn-info {
    margin: 0 15px 30px 15px;
  }
}
#idn-info p {
  margin-bottom: 10px;
}
.orderflow-notices {
  padding-right: 295px;
  min-width: 840px;
}
.one-year-info {
  display: block;
  padding: 0 15px 0 15px;
  margin-top: 20px;
  font-style: italic;
}
.connected-terms .errorContainer {
  margin-bottom: 10px;
}
.boxed {
  -webkit-box-shadow: 0 15px 50px 0 rgba(60, 60, 60, 0.1);
  box-shadow: 0 15px 50px 0 rgba(60, 60, 60, 0.1);
}
.boxed > div {
  padding: 0 60px 60px 60px;
}
.boxed > div div:last-of-type {
  margin-bottom: 0;
}
.boxed > div dl:last-of-type {
  margin-bottom: 0;
}
.boxed.no-padding-bottom > div {
  padding: 0 60px 0 60px;
}
@media screen and (max-width: 767px) {
  .boxed.no-padding-bottom > div {
    padding: 0 15px 0 15px;
  }
}
.boxed.with-padding-all-around > div {
  padding: 60px;
}
@media screen and (max-width: 767px) {
  .boxed.with-padding-all-around > div {
    padding: 20px;
  }
}
.boxed.with-padding-right-bottom-left > div {
  padding: 0 60px 60px 60px;
}
@media screen and (max-width: 767px) {
  .boxed.with-padding-right-bottom-left > div {
    padding: 20px 15px 20px 15px;
  }
}
.boxed.blue {
  border: 2px solid #d7f0ff;
  background-color: #f7fcff;
}
.boxed .domainSearchResultContainer {
  visibility: hidden;
}
.separator > td > hr {
  height: 1px;
  background-color: #ededed;
}
.addon-terms > label > span:not(:first-child):after {
  content: ",";
  display: inline-block;
  right: 3px;
  position: relative;
}
.addon-terms > label > span:not(:first-child):last-of-type:after {
  display: none;
}
#ordercontainer > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
#ordercontainer > div > div:first-child {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  padding: 0 30px 0 0;
  margin: 0 30px 0 0;
}
#ordercontainer > div > div:first-child table {
  width: 100%;
}
#ordercontainer > div > div:nth-child(2) {
  width: 33%;
}
#ordercontainer .separator > td > hr {
  background-color: #efefef;
}
.orderprice {
  position: relative;
}
.orderprice tr {
  position: relative;
}
.orderprice tr.total {
  font-weight: 600;
  font-size: 24px;
}
.orderprice .addondomain-not-plus:after {
  position: relative;
  right: 0;
  margin-left: 7px;
}
.orderprice .addondomain-not-plus {
  position: relative;
  height: 28px;
  border: 1px solid #d6d6d6;
  padding: 0 25px 0 8px;
  font-weight: 400;
  font-size: 14px;
  cursor: pointer;
  float: right;
  border-radius: 15px;
  background-color: #fff;
}
.orderprice .addondomain-not-plus > span:not(.arrow) {
  display: inline-block;
  height: 100%;
}
.orderprice-next-period__toggle {
  display: inline-block;
  margin: 10px 0 20px 0;
}
.order-addon-toggle-popup {
  position: absolute;
  width: 80%;
  right: 30px;
  border-radius: 15px;
  -webkit-box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.2);
  background-color: #fff;
  padding: 10px 30px 30px 30px;
  z-index: 1;
}
.buycustomer .upgradetopro {
  border: none;
  border-top: 2px solid #efefef;
}
#forced_creditcard_disclaimer,
#forced_sepa_disclaimer {
  display: none;
  padding: 24px;
}
#forced_creditcard_disclaimer p,
#forced_sepa_disclaimer p {
  font-style: italic;
}
#birthdateSelect {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
#birthdateSelect .selectWrapper {
  width: auto;
  margin-right: 10px;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}
#birthdateSelect .selectWrapper:last-child {
  margin-right: 0;
}
#birthdateSelect .days {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
}
#birthdateSelect .months {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
}
#birthdateSelect .years {
  -webkit-box-ordinal-group: 4;
  -ms-flex-order: 3;
  order: 3;
}
#birthdateSelect.inverted .selectWrapper:first-child {
  -webkit-box-ordinal-group: 4;
  -ms-flex-order: 3;
  order: 3;
  margin-right: 0;
}
#birthdateSelect.inverted .selectWrapper:nth-child(2) {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
}
#birthdateSelect.inverted .selectWrapper:nth-child(3) {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
  margin-right: 10px;
}
#birthdateSelect.inverted .days {
  -webkit-box-ordinal-group: 4;
  -ms-flex-order: 3;
  order: 3;
}
#birthdateSelect.inverted .years {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
}
.login-discalimer-text {
  font-size: 13px;
  font-style: italic;
}
.checkoutCart {
  position: relative;
  width: 100%;
  margin-bottom: 20px;
}
.orderprice-wrapper {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  background-color: #fff;
  min-height: 180px;
  -webkit-box-shadow: 0 20px 50px 0 rgba(60, 60, 60, 0.05);
  box-shadow: 0 20px 50px 0 rgba(60, 60, 60, 0.05);
}
.orderprice-wrapper > div:nth-child(2) {
  padding: 30px 60px 60px 60px;
  overflow: hidden;
}
.orderprice-wrapper .orderprice {
  width: 100%;
  table-layout: fixed;
}
.orderprice-wrapper .orderprice td {
  height: 32px;
  vertical-align: middle;
  position: relative;
}
.orderprice-wrapper
  .orderprice
  td:first-child
  > div:not(.orderline-addon-product-cell):not(.current-package):not(
    .addondomain-not-plus
  ) {
  position: relative;
}
.orderprice-wrapper .orderprice td .hasRebate {
  text-decoration: line-through;
  margin-right: 10px;
}
.orderprice-wrapper .orderprice td .hasRebate.freeInPlan {
  margin-right: 0;
  margin-left: 10px;
}
.orderprice-wrapper .orderprice td .isFree {
  color: #76b82a;
  font-size: 15px;
  border-radius: 10px;
}
.orderprice-wrapper .orderprice .domain td {
  position: relative;
  padding: 0 0 10px 0;
}
.orderprice-wrapper .orderprice .domain td .svgContainer {
  width: 16px;
}
.orderprice-wrapper .orderprice .domain td svg:hover {
  opacity: 0.8;
  cursor: pointer;
}
.orderprice-wrapper .orderprice .domain td > span:nth-child(2) {
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 70%;
  margin: 0 0 0 30px;
  font-size: 15px;
  line-height: 30px;
  font-weight: 500;
}
.orderprice-wrapper .orderprice .svgContainer {
  position: absolute;
  width: 10px;
  height: 20px;
  vertical-align: middle;
  left: 2px;
  top: 5px;
}
.orderprice-wrapper .orderprice svg {
  max-height: 100%;
}
.orderprice-wrapper .orderprice .addonSeparator hr {
  margin: 5px 0;
}
.orderprice-wrapper .orderprice input[type="checkbox"] + label,
.orderprice-wrapper .orderprice input[type="radio"] + label {
  margin-bottom: 0;
  padding-left: 30px;
}
.orderprice-wrapper
  .orderprice
  input[type="checkbox"]
  + label
  > span:first-of-type {
  background-position: -437px -407px;
  width: 19px;
  height: 19px;
  top: 3px;
  margin: 0;
  -webkit-transform: scale(0.8);
  transform: scale(0.8);
}
.orderprice-wrapper
  .orderprice
  input[type="checkbox"]:checked
  + label
  > span:first-of-type {
  background-position: -371px -407px;
}
.orderprice-wrapper .orderprice .normal-price:before {
  display: inline-block;
  content: "-";
}
.orderprice-wrapper .orderlines .orderline {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0 0 10px 0;
}
.orderprice-wrapper .orderlines .orderline > div {
  max-width: 100%;
}
.orderprice-wrapper .orderlines .orderline .orderline-icon .svgContainer {
  width: 15px;
  height: 30px;
}
.orderprice-wrapper .orderlines .orderline .orderline-icon svg {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  max-height: 100%;
}
.orderprice-wrapper .orderlines .orderline .orderline-icon.hand:hover {
  cursor: pointer;
}
.orderprice-wrapper .orderlines .orderline .orderline-icon:hover .svgContainer {
  opacity: 0.8;
}
.orderprice-wrapper .orderlines .orderline .orderline-text {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  font-weight: 700;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-right: 30px;
}
.orderprice-wrapper .orderlines .orderline .orderline-price {
  white-space: nowrap;
}
.orderprice-wrapper .orderlines .orderline .orderline-price .line-through {
  text-decoration: line-through;
}
.orderprice-wrapper .orderlines .orderline .orderline-price .rebateLabel {
  color: #76b82a;
  font-size: 13px;
  font-weight: 500;
  margin-right: 10px;
}
.orderprice-wrapper .orderlines .orderline .orderline-price #RebatedPrice {
  margin: 0 0 0 10px;
}
.orderprice-wrapper .orderlines .orderline .domain {
  font-weight: 700;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
}
.orderprice-wrapper .orderlines .orderline:last-child {
  margin: 0;
}
.orderprice-wrapper .orderlines .orderline input[type="checkbox"] + label,
.orderprice-wrapper .orderlines .orderline input[type="radio"] + label {
  max-width: 100%;
}
.orderprice-wrapper .vatTotal {
  padding: 30px 0 30px 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0 60px 0 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  border-top: 2px solid #d7f0ff;
}
.orderprice-wrapper .orderTotal {
  padding: 30px 0 60px 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0 60px 0 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-weight: 700;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  border-top: 1px solid #ededed;
}
.checkoutUpgrade {
  margin: 10px 0 0 0;
  -webkit-box-shadow: 0 15px 50px 0 rgba(60, 60, 60, 0.1);
  box-shadow: 0 15px 50px 0 rgba(60, 60, 60, 0.1);
}
.checkoutUpgrade > div {
  padding: 60px;
  background-color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.checkoutUpgrade > div > div:nth-child(1) {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}
.checkoutUpgrade > div > div:nth-child(2) {
  padding: 0 0 0 50px;
  min-width: 150px;
}
.checkoutUpgrade > div > div > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.checkoutUpgrade h2 {
  font-weight: 500;
  font-size: 18px;
  line-height: 24px;
  margin: 0 0 20px 0;
}
.checkoutUpgrade p {
  padding: 0 0 5px 0;
}
.checkoutUpgrade img {
  height: 100%;
}
.checkoutUpgrade .btn {
  margin: 0 30px 0 0;
  font-size: 15px;
  font-weight: 600;
  line-height: 19px;
  height: 55px;
  color: #fff;
  border-radius: 27.5px;
  padding: 0 50px 0 50px !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.orderprice-next-period {
  display: none;
}
.orderprice-next-period.show {
  display: block;
}
.AddWebsiteAndEmail {
  text-align: center;
  margin: 50px auto 50px auto;
}
.AddWebsiteAndEmail h2 {
  font-size: 25px;
  line-height: 35px;
  color: #3c3c3c;
  font-weight: 500;
}
.BuyDomainOnlyContinue {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 50px auto 50px auto;
}
.checkoutExtraFeatures {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  margin-bottom: 70px;
}
.checkoutExtraFeatures .spacer {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -ms-flex-negative: 1;
  flex-shrink: 1;
  width: 30px;
  height: 100%;
  max-width: 30px;
}
.checkoutExtraFeatures > div {
  margin-right: 30px;
  max-width: 50%;
}
.checkoutExtraFeatures > div:last-of-type {
  margin-right: 0;
}
.checkoutExtraFeatures.fullWidth > div {
  max-width: 100%;
}
.checkoutAddonProducts {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 0px;
  flex: 1 1 0;
  background-color: #f6fcff;
  border-radius: 15px;
  border: 2px solid #d4f0fe;
}
.checkoutAddonProducts h3 {
  background-color: transparent;
  padding: 25px;
}
.checkoutAddonProducts.addons {
  background-color: transparent;
  border: 0;
}
.checkoutAddonProducts.addons > div {
  padding: 0;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.checkoutAddonProducts.addons > div > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.checkoutAddonProducts.addons > div > div.fullheight {
  height: 100%;
}
.checkoutAddonProducts.addons .addon-product {
  position: relative;
  width: 100%;
  border: 1px solid #efefef;
  border-radius: 15px;
  height: auto;
  margin-bottom: 20px;
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  overflow: hidden;
}
.checkoutAddonProducts.addons .addon-product > div.addon-product-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 80px;
  width: 100%;
  padding: 0 30px 0 30px;
  background-color: #f9f9f9;
  border-bottom: 1px solid #efefef;
  overflow: hidden;
}
.checkoutAddonProducts.addons .addon-product > div.addon-product-header h3 {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  padding: 25px 25px 25px 0;
  font-weight: 600;
}
.checkoutAddonProducts.addons
  .addon-product
  > div.addon-product-header
  .addon-recomended {
  padding: 5px;
  border-radius: 15px;
  background-color: #dce8d0;
  color: #73a344;
  font-weight: 700;
  font-size: 14px;
}
.checkoutAddonProducts.addons .addon-product > div.addon-product-header img {
  height: 35px;
  margin-right: 20px;
}
.checkoutAddonProducts.addons .addon-product > div.addon-product-info {
  padding: 30px 30px 30px 30px;
}
.checkoutAddonProducts.addons .addon-product > div.addon-product-info > div {
  width: 100%;
}
.checkoutAddonProducts.addons
  .addon-product
  > div.addon-product-info
  .additionalInfo {
  font-style: italic;
}
.checkoutAddonProducts.addons
  .addon-product
  > div.addon-product-info
  .addon-price
  > div {
  display: inline-block;
  margin-right: 20px;
  vertical-align: middle;
}
.checkoutAddonProducts.addons
  .addon-product
  > div.addon-product-info
  .addon-price
  .price
  span {
  font-weight: 700;
  font-size: 16px;
  font-style: italic;
}
.checkoutAddonProducts.addons
  .addon-product
  > div.addon-product-info
  .addon-price
  .price
  span.period {
  font-size: 13px;
}
.checkoutAddonProducts.addons
  .addon-product
  > div.addon-product-info
  .addon-price.has-rebate
  .old-price {
  font-style: italic;
  text-decoration: line-through;
}
.checkoutAddonProducts.addons .addon-product > div.addon-domain-chooser {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 20px 20px 20px 20px;
  border-top: 2px solid #efefef;
  width: 100%;
  margin: 0 auto 0 auto;
}
.checkoutAddonProducts.addons .addon-product > div.addon-domain-chooser > div {
  padding: 10px 15px 0 0;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -ms-flex-preferred-size: auto;
  flex-basis: auto;
  overflow: hidden;
  margin-right: 15px;
  text-overflow: ellipsis;
  min-width: 47%;
}
.checkoutAddonProducts.addons .addon-product:last-child {
  margin-bottom: 0;
}
.checkoutAddonDomains {
  border-radius: 15px;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 0px;
  flex: 1 1 0;
  border: 1px solid #efefef;
}
.checkoutAddonDomains .box-title {
  position: relative;
  padding: 60px 60px 30px 60px;
  line-height: 24px;
  font-size: 18px;
  background-color: #f9f9f9;
  border-bottom: 1px solid #efefef;
  overflow: hidden;
}
.checkoutAddonDomains .box-title h2 {
  font-size: 18px;
}
.checkoutAddonDomains .box-title.with-help-text {
  padding: 30px 60px 30px 30px;
  overflow: visible;
}
.checkoutAddonDomains .box-title .header-tooltip {
  position: absolute;
  top: auto;
  right: 30px;
  width: 30px;
  height: 30px;
  border-radius: 100%;
  background-color: #d6d6d6;
  line-height: 30px;
  font-size: 18px;
  font-weight: 700;
  text-align: center;
  color: #fff;
  text-decoration: none;
}
.checkoutAddonDomains .box-title .header-tooltip > span {
  visibility: hidden;
  width: 300px;
  background-color: #444;
  color: #fff;
  text-align: left;
  padding: 15px 20px 20px 20px;
  border-radius: 10px;
  position: absolute;
  z-index: 9;
  top: 40px;
  left: -270px;
  font-size: 15px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: initial;
  -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
}
.checkoutAddonDomains .box-title .header-tooltip > span h4 {
  font-weight: 700;
  margin-bottom: 5px;
}
.checkoutAddonDomains .box-title .header-tooltip > span p {
  font-size: 13px;
}
.checkoutAddonDomains .icon-help-large {
  position: absolute;
  right: 30px;
  top: 0;
  bottom: 0;
  margin: auto;
}
.checkoutAddonDomains .icon-help-large:after {
  margin-top: 3px;
}
.checkoutAddonDomains .addonDomainsSearch {
  position: relative;
  padding: 30px 30px 30px 0;
  margin-left: 30px;
}
.checkoutAddonDomains .addonDomainsSearch div#form-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 50px;
}
.checkoutAddonDomains .addonDomainsSearch input[type="text"] {
  height: 100%;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  border-top: 2px solid #efefef;
  border-left: 2px solid #efefef;
  border-bottom: 2px solid #efefef;
  border-right: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  padding: 10px;
  font-size: 15px;
}
.checkoutAddonDomains .addonDomainsSearch button[type="submit"] {
  position: relative;
  height: 100%;
  width: 50px;
  background-color: #2c4a58;
  border: 1px solid #2c4a58;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.checkoutAddonDomains .addonDomainsSearch button[type="submit"]:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  display: block;
  width: 0;
  height: 0;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  border-left: 8px solid #fff;
}
.checkoutAddonDomains .addonDomainsSearch #waitmessage {
  display: none;
}
#buycustomer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  max-width: 1440px;
  margin: 0 auto 0 auto;
  padding: 0 48px 0 48px;
}
#buycustomer customercheckoutapp {
  width: 60%;
  min-height: 300px;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}
#buycustomer seperator {
  width: 30px;
  height: 100%;
  min-height: 30px;
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
}
#buycustomer ordersummaryapp {
  width: 40%;
}
#buycustomer #registrant_form_back,
#buycustomer #registrant_form_registrant {
  width: auto;
}
#buycustomer .customerRegistrantForm {
  background-color: #f7f7f7;
  background-color: #fff;
  border: 1px solid #ededed;
  border-top: 4px solid #ededed;
}
#buycustomer .customerRegistrantForm .is-loading:before,
#buycustomer .customerRegistrantForm.is-loading:before {
  background: #fff
    url(//www-static.cdn-one.com/images/onecom/lazy-loader-1.0.gif) no-repeat
    center center;
  z-index: 9;
}
#buycustomer .customerRegistrantForm > div {
  padding: 24px;
}
#buycustomer .customerRegistrantForm > div.headline {
  padding: 24px 24px 8px 24px;
  border-bottom: 1px solid #e2e2e2;
}
#buycustomer .customerRegistrantForm > div.headline h1 {
  font-size: 18px;
  line-height: 1.1;
  font-weight: 500;
  margin: 0;
  padding: 0;
}
#buycustomer .customerRegistrantForm .error {
  margin: 5px 0 5px 0;
  border-radius: 10px;
}
#buycustomer .customerRegistrantForm .error#invalidVatNo table {
  table-layout: fixed;
}
#buycustomer .customerRegistrantForm .error#invalidVatNo table td {
  padding-right: 10px;
}
#buycustomer .customerRegistrantForm .error#invalidVatNo #more_info {
  font-weight: 700;
}
.formContainer input,
.formContainer select,
.formContainer textarea {
  width: 100%;
  border: 1px solid #e3e3e3;
  border-radius: 10px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 10px;
  background-color: #fff;
  -webkit-appearance: none;
}
.formContainer ::-webkit-input-placeholder {
  color: #4e4e4e;
  opacity: 0.25;
}
.formContainer ::-moz-placeholder {
  color: #4e4e4e;
  opacity: 0.25;
}
.formContainer ::-ms-input-placeholder {
  color: #4e4e4e;
  opacity: 0.25;
}
.formContainer ::placeholder {
  color: #4e4e4e;
  opacity: 0.25;
}
.formContainer select {
  -webkit-appearance: none;
  -moz-appearance: none;
  min-width: 80px;
}
.formContainer .selectWrapper {
  position: relative;
  display: inline;
}
.formContainer .selectWrapper:after {
  content: "";
  width: 0;
  height: 0;
  position: absolute;
  pointer-events: none;
}
.formContainer .selectWrapper:after {
  position: absolute;
  margin: auto;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  top: 0;
  bottom: 0;
  right: 10px;
  border-top: 6px solid #232323;
  opacity: 0.5;
}
.formContainer select::-ms-expand {
  display: none;
}
.formContainer .inputWrapper {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-bottom: 16px;
}
.formContainer .inputWrapper > span:first-child {
  padding: 0 20px 0 0;
}
.formContainer .inputWrapper > span:nth-child(2) {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  word-wrap: break-word;
}
.formContainer .inputWrapper > span:nth-child(2).prefixedInput > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.formContainer
  .inputWrapper
  > span:nth-child(2).prefixedInput
  > div
  .selectWrapper:first-child,
.formContainer
  .inputWrapper
  > span:nth-child(2).prefixedInput
  > div
  input:first-child,
.formContainer
  .inputWrapper
  > span:nth-child(2).prefixedInput
  > div
  select:first-child {
  margin-right: 10px;
}
.formContainer
  .inputWrapper
  > span:nth-child(2).prefixedInput
  > div
  input:nth-child(2),
.formContainer
  .inputWrapper
  > span:nth-child(2).prefixedInput
  > div
  select:nth-child(2) {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}
.formContainer
  .inputWrapper
  > span:nth-child(2).prefixedInput
  > div
  #customerZip,
.formContainer
  .inputWrapper
  > span:nth-child(2).prefixedInput
  > div
  #registrantZip {
  width: 90px;
}
.formContainer .inputWrapper > span:nth-child(2) > span {
  display: block;
}
.formContainer .inputWrapper.radios {
  display: block;
}
.formContainer .inputWrapper.radios > div:first-child {
  margin: 20px 0 10px 0;
}
.formContainer .inputWrapper.radios input[type="radio"] + label {
  margin-right: 20px;
  margin-bottom: 0;
}
.formContainer hr {
  background-color: rgba(60, 60, 60, 0.1);
}
.customerDetailsActions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 30px 0 0 0;
}
.customerDetailsActions > .btn:first-child {
  margin: 0 20px 0 0;
}
.pay {
  max-width: 1440px;
  margin: 0 auto 0 auto;
  padding: 0 48px 0 48px;
}
.pay .flexwrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.pay .flexwrapper > div:first-child {
  width: 60%;
  background-color: #fff;
  border: 1px solid #ededed;
  border-top: 4px solid #ededed;
}
.pay .flexwrapper > div:first-child .paymentcontainer {
  padding: 24px;
}
.pay .flexwrapper seperator {
  width: 30px;
  height: 100%;
  min-height: 30px;
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
}
.pay .flexwrapper > div:nth-child(3) {
  width: 40%;
}
.pay .flexwrapper .headline {
  padding: 24px 24px 8px 24px;
  border-bottom: 1px solid #e2e2e2;
}
.pay .flexwrapper .headline h1 {
  font-size: 18px;
  line-height: 1.1;
  font-weight: 500;
  margin: 0;
  padding: 0;
}
.pay #confirm_group {
  margin-bottom: 30px;
}
.payButtons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.payButtons > .btn:first-child {
  margin: 0 20px 0 0;
}
.SepaCustomerInfo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
@media screen and (max-width: 767px) {
  .SepaCustomerInfo {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
.SepaCustomerInfo h2 {
  margin-bottom: 10px !important;
}
.SepaCustomerInfo > div {
  margin: 0 50px 30px 0;
}
.SepaAccept {
  margin: 30px 0 60px 0;
}
.SepaAccept > form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media screen and (max-width: 767px) {
  .SepaAccept > form {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
}
.SepaAccept input {
  margin: 0 20px 0 0;
}
@media screen and (max-width: 767px) {
  .SepaAccept input {
    margin: 0 0 10px 0;
  }
}
.orderline-addon-product-cell > div > span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}
.orderline-addon-product-cell .toolTip-trigger {
  margin: 0 0 0 5px;
}
.toolTip-trigger {
  font-weight: 700;
  position: relative;
  cursor: help;
  color: #76b82a;
}
.toolTip-trigger:hover .toolTip {
  display: block;
}
@media (max-width: 650px) {
  .toolTip-trigger {
    position: unset;
  }
}
.toolTip {
  display: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  left: -10px;
  top: 40px;
  width: 250px;
  background-color: #494949;
  border: transparent;
  padding: 10px;
  -webkit-box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.05);
  box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.05);
  font-size: 13px;
  color: #fff;
  font-weight: 400;
  z-index: 1;
  text-decoration: none;
}
.toolTip:after {
  content: "";
  position: absolute;
  bottom: 100%;
  left: 18px;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent #494949 transparent;
}
@media (max-width: 650px) {
  .toolTip {
    left: 0;
    top: 30px;
    width: 100%;
  }
  .toolTip:after {
    display: none;
  }
}
@media (max-width: 1200px) {
  .formContainer .inputWrapper {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .formContainer .inputWrapper > span:first-child {
    width: 100%;
    display: block;
    margin-bottom: 5px;
    max-width: 100%;
  }
  .formContainer .inputWrapper > span:nth-child(2) {
    max-width: initial;
  }
}
@media (max-width: 1180px) {
  .orderflow-notices {
    padding-right: 15px;
    min-width: auto;
  }
  .checkoutAddonDomains .box-title .header-tooltip > span {
    left: auto;
    width: 240px;
    right: 0;
  }
  .checkoutAddonDomains .box-title .header-tooltip.open > span {
    visibility: visible;
    display: block;
  }
  .customerDetailsActions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
  .customerDetailsActions .btnBack {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    background-color: #fff;
    border-radius: 27px;
    border: 1px solid rgba(44, 74, 88, 0.2);
    width: 55px;
    height: 55px;
    margin: 0 10px 0 0;
    padding: 0 0 0 5px !important;
  }
  .customerDetailsActions .btnBack span {
    display: none;
  }
  .customerDetailsActions .btnBack:before {
    content: "";
    display: block;
    width: 10px;
    height: 10px;
    border: solid #2c4a58;
    border-width: 0 2px 2px 0;
    padding: 0;
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
  }
  .customerDetailsActions .btnContinue {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    padding: 0 10px 0 10px !important;
  }
}
@media (max-width: 1100px) {
  .checkoutCart {
    display: block;
  }
  #buycustomer {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0 24px 0 24px;
  }
  #buycustomer customercheckoutapp {
    width: 100%;
  }
  #buycustomer ordersummaryapp {
    width: 100%;
  }
  .pay {
    padding: 0 24px 0 24px;
  }
  .pay .flexwrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .pay .flexwrapper > div:first-child {
    width: 100%;
  }
  .pay .flexwrapper > div:nth-child(3) {
    width: 100%;
  }
  .addon-extra-info {
    display: block;
    display: inline-block;
    margin: 5px 0 10px 20px;
    width: auto;
  }
  .addon-extra-info:before {
    display: none;
  }
  .orderprice input[type="checkbox"] + label,
  .orderprice input[type="radio"] + label {
    display: block;
  }
  .checkoutAddonProducts.addons .addon-product > div.addon-product-header h3 {
    padding: 0 10px 5px 0;
  }
  .checkoutAddonProducts.addons
    .addon-product
    > div.addon-product-header
    .addon-recomended {
    display: inline-block;
    font-size: 12px;
    padding: 0 5px 0 5px;
  }
  .checkoutAddonProducts .checkoutAddonProducts__search {
    position: relative;
  }
  .checkoutAddonDomains {
    height: auto;
  }
  #ordercontainer > div {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  #ordercontainer > div > div:nth-child(1) {
    border-right: none;
    border-bottom: 2px solid #efefef;
    margin: 0 0 30px 0;
    padding: 0 0 20px 0;
  }
  #ordercontainer > div > div:nth-child(1),
  #ordercontainer > div > div:nth-child(2) {
    width: 100%;
  }
}
@media (max-width: 768px) {
  .checkoutExtraFeatures {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: auto;
  }
  .checkoutExtraFeatures .spacer {
    display: none;
  }
  .checkoutExtraFeatures > div {
    max-width: 100%;
  }
  .checkoutAddonProducts {
    width: 100%;
    height: auto;
    margin-bottom: 30px;
  }
  .checkoutAddonDomains {
    width: 100%;
    max-width: 100%;
  }
  #birthdateSelect select {
    margin-right: 10px;
  }
}
@media (min-width: 767px) {
  .checkoutAddonDomains .box-title .header-tooltip:hover {
    cursor: context-menu;
  }
  .checkoutAddonDomains .box-title .header-tooltip:hover > span {
    visibility: visible;
    display: block;
  }
}
@media (max-width: 767px) {
  .couponCode.desktop {
    display: none;
  }
  .couponCode.mobile {
    display: block;
  }
  .couponCode.mobile input {
    width: 100%;
    margin: 10px 0 10px 0;
  }
  .couponCode.mobile .btn {
    width: 100%;
  }
  .box-title {
    padding: 20px 15px 20px 15px;
  }
  #buycustomer {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  #buycustomer customercheckoutapp,
  #buycustomer ordersummaryapp {
    width: 100%;
  }
  #buycustomer .customerRegistrantForm > div {
    padding: 30px;
  }
  #buycustomer .cartSummary {
    padding: 20px 15px 20px 15px;
  }
  .formContainer .inputWrapper > span:nth-child(2) {
    width: 100%;
    max-width: initial;
  }
  .formContainer
    .inputWrapper
    > span:nth-child(2).prefixedInput
    > div
    input:nth-child(2) {
    width: auto;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    min-width: 0;
  }
  .formContainer
    .inputWrapper
    > span:nth-child(2).prefixedInput
    > div
    #customerZip {
    width: 90px;
  }
  .formContainer .registrantForm .inputWrapper > span:nth-child(1) {
    display: block;
  }
  .orderprice .addondomain-not-plus {
    float: none;
    margin-top: 10px;
  }
  .orderprice .addondomain-not-plus > span:not(.arrow) {
    border-right: 0;
  }
  .orderprice .addondomain-not-plus:after {
    position: absolute;
    right: 10px;
    top: 6px;
  }
  .orderprice tr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 10px;
  }
  .orderprice tr td {
    display: block;
  }
  .orderprice tr td:nth-child(1) {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    height: auto;
  }
  .orderprice tr td.text-right {
    text-align: right;
    height: auto;
    white-space: nowrap;
    margin: 0 0 0 10px;
  }
  .orderprice tr.totalPrice {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .orderprice tr.totalPrice td:first-child {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
  }
  .orderprice tr.totalPrice td.text-right {
    text-align: right;
  }
  .orderprice input[type="checkbox"] + label,
  .orderprice input[type="radio"] + label {
    display: block;
  }
  .orderprice input[type="checkbox"] + label span.normal-price,
  .orderprice input[type="radio"] + label span.normal-price {
    display: block;
    font-weight: 400;
    font-style: italic;
  }
  .orderprice input[type="checkbox"] + label span.normal-price:before,
  .orderprice input[type="radio"] + label span.normal-price:before {
    display: none;
  }
  .orderprice-wrapper > div:nth-child(2) {
    padding: 20px 15px 20px 15px;
  }
  .orderprice-wrapper .orderprice .domain {
    margin-bottom: 20px;
  }
  .orderprice-wrapper .orderprice .domain td {
    height: auto;
    padding-bottom: 0;
    white-space: nowrap;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    max-width: 100%;
  }
  .orderprice-wrapper .orderprice .domain td .svgContainer {
    position: relative;
    display: block;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    top: 0;
  }
  .orderprice-wrapper .orderprice .domain td span:nth-child(2) {
    display: block;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0 10px 0 0;
    max-width: none;
  }
  .orderprice-wrapper
    .orderprice
    td:first-child
    > div:not(.orderline-addon-product-cell):not(.current-package):not(
      .addondomain-not-plus
    ) {
    padding-left: 0;
  }
  .orderprice-wrapper
    .orderprice
    td:first-child
    > div:not(.orderline-addon-product-cell):not(.current-package):not(
      .addondomain-not-plus
    )
    > span:before {
    display: none;
  }
  .orderprice-wrapper .orderTotal {
    padding: 20px 0 20px 0;
    margin: 0 15px 0 15px;
  }
  .addon-extra-info {
    display: inline-block;
    width: auto;
    margin: 5px 0 5px 0;
  }
  .addon-extra-info:before {
    display: none;
  }
  .checkoutAddonProducts.addons
    .addon-product
    > div.addon-product-info
    .addon-price {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .checkoutAddonProducts.addons
    .addon-product
    > div.addon-product-info
    .addon-price
    > div {
    width: 100%;
  }
  .checkoutAddonProducts.addons
    .addon-product
    > div.addon-product-info
    .addon-price
    > div:first-child {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
    margin-top: 10px;
  }
  .checkoutAddonProducts.addons
    .addon-product
    > div.addon-product-info
    .addon-price
    > div:nth-child(2) {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4;
    margin-top: 10px;
  }
  .checkoutAddonProducts.addons
    .addon-product
    > div.addon-product-info
    .addon-price
    > div.price {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
  .checkoutAddonProducts.addons
    .addon-product
    > div.addon-product-info
    .addon-price
    > div.old-price {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }
  .checkoutAddonDomains {
    display: none;
  }
  .checkoutUpgrade > div > div:first-child {
    padding: 0;
  }
  .checkoutUpgrade > div > div:nth-child(2) {
    display: none;
  }
  .checkoutUpgrade > div > div > div {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .checkoutUpgrade > div > div > div .btn {
    margin: 0;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }
  .checkoutUpgrade > div > div > div p {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    margin: 0 0 10px 0;
  }
}
@media (max-width: 480px) {
  .orderprice-wrapper .orderlines .orderline .orderline-text {
    padding-right: 0;
    max-width: 80%;
  }
  .orderprice-wrapper .orderlines .orderline .orderline-price {
    display: block;
    margin: 10px auto;
  }
  .orderprice-wrapper .orderprice td .isFree {
    display: block;
  }
  .checkoutAddonProducts.addons .addon-product > div.addon-product-header h3 {
    width: 80%;
  }
  .checkoutAddonProducts.addons
    .addon-product
    > div.addon-product-info
    .addon-recomended {
    position: relative;
    top: 0;
    right: 0;
    text-align: left;
    margin-bottom: 20px;
    color: #74a345;
    background-color: rgba(115, 163, 68, 0.1);
    display: inline-block;
  }
  .checkoutAddonProducts .addBox .addon-domains > div {
    width: 100%;
  }
  .formContainer .selectWrapper {
    display: block;
  }
  #birthdateSelect {
    display: block;
  }
  #birthdateSelect .selectWrapper {
    margin-right: 0;
  }
  #birthdateSelect select {
    width: 100%;
    margin-right: 0;
    margin-bottom: 10px;
    display: block;
  }
}
@media (max-width: 370px) {
  .orderprice-wrapper .orderlines .orderline {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .orderprice-wrapper .orderlines .orderline-price {
    width: 100%;
    padding: 0 0 0 30px;
  }
  .orderprice-wrapper .orderprice tr {
    display: block;
  }
  .orderprice-wrapper .orderprice tr.totalPrice {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .orderprice-wrapper .orderprice tr td .isFree {
    display: inline-block;
  }
  .orderprice-wrapper .orderprice tr td:first-child {
    margin: 0 0 10px 0;
  }
  .orderprice-wrapper .orderprice tr td.text-right {
    margin: 0;
    text-align: left;
  }
  .orderprice-wrapper .orderprice tr td .hasRebate {
    margin-right: 0;
  }
}
.wsb-page .wsb-intro {
  background-color: #e3e3e3;
}
.wsb-page .wsb-intro > div {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 auto 0 auto;
  background-image: url(//www-static.cdn-one.com/images/onecom/pages/wsb/wsb-top-banner.jpg);
  background-position: 150% bottom;
  background-repeat: no-repeat;
  overflow: hidden;
}
@media screen and (max-width: 1180px) {
  .wsb-page .wsb-intro > div {
    background-size: 66%;
    background-position: 120% bottom;
  }
}
@media screen and (max-width: 1000px) {
  .wsb-page .wsb-intro > div {
    background-position: 200px bottom;
    background-size: 90%;
    background-repeat: no-repeat;
  }
  .wsb-page .wsb-intro > div:before {
    position: absolute;
    left: 0;
    top: 0;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background-color: rgba(227, 227, 227, 0.8);
    z-index: 0;
  }
}
@media screen and (max-width: 650px) {
  .wsb-page .wsb-intro > div {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    background-image: none;
    background-color: #fff;
  }
  .wsb-page .wsb-intro > div:before {
    display: none;
  }
  .wsb-page .wsb-intro > div p.linkstyle {
    display: none;
  }
}
.wsb-page .wsb-intro > div > div {
  padding: 120px 0 90px 0;
}
@media screen and (max-width: 1180px) {
  .wsb-page .wsb-intro > div > div {
    padding: 50px 0 50px 0;
  }
}
@media screen and (max-width: 1000px) {
  .wsb-page .wsb-intro > div > div {
    z-index: 0;
  }
}
.wsb-page .wsb-intro > div > div:nth-child(1) {
  width: 40%;
}
.wsb-page .wsb-intro > div > div:nth-child(1) a.linkstyle {
  text-decoration: underline;
}
@media screen and (max-width: 1180px) {
  .wsb-page .wsb-intro > div > div:nth-child(1) {
    width: 50%;
  }
}
@media screen and (max-width: 1000px) {
  .wsb-page .wsb-intro > div > div:nth-child(1) {
    width: 100%;
    padding: 50px 30% 100px 0;
  }
}
@media screen and (max-width: 768px) {
  .wsb-page .wsb-intro > div > div:nth-child(1) {
    padding: 50px 30% 100px 0;
  }
}
@media screen and (max-width: 650px) {
  .wsb-page .wsb-intro > div > div:nth-child(1) {
    padding: 40px 0 30px 0;
    text-align: center;
  }
  .wsb-page .wsb-intro > div > div:nth-child(1) a.linkstyle {
    display: none;
  }
}
.wsb-page .wsb-intro > div > div:nth-child(2) {
  position: relative;
  width: 60%;
}
.wsb-page .wsb-intro > div > div:nth-child(2) div {
  display: none;
}
.wsb-page .wsb-intro > div > div:nth-child(2) .wsbBrowserPreview {
  display: block;
  position: absolute;
  right: 80px;
  bottom: -60px;
  width: 490px;
  height: 330px;
  background-image: url(//www-static.cdn-one.com/images/onecom/pages/wsb/wsb-browser-preview.jpg);
  background-repeat: no-repeat;
  background-size: 100%;
  border-radius: 10px;
  -webkit-box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.15);
  box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.15);
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .wsb-page .wsb-intro > div > div:nth-child(2) .wsbBrowserPreview {
    background-image: url(//www-static.cdn-one.com/images/onecom/pages/wsb/wsb-browser-preview@2x.jpg);
  }
}
@media screen and (max-width: 1180px) {
  .wsb-page .wsb-intro > div > div:nth-child(2) {
    width: 50%;
  }
  .wsb-page .wsb-intro > div > div:nth-child(2) .wsbBrowserPreview {
    right: 0;
    bottom: -130px;
    width: 440px;
  }
}
@media screen and (max-width: 1000px) {
  .wsb-page .wsb-intro > div > div:nth-child(2) {
    position: absolute;
    bottom: 45px;
    right: -60px;
    width: 90%;
  }
}
@media screen and (max-width: 650px) {
  .wsb-page .wsb-intro > div > div:nth-child(2) {
    position: relative;
    bottom: auto;
    right: auto;
    width: 100%;
    height: auto;
    padding: 0;
  }
  .wsb-page .wsb-intro > div > div:nth-child(2) .wsbBrowserPreview {
    position: relative;
    bottom: 0;
    right: auto;
    margin: auto;
    width: 100%;
    height: auto;
    min-height: 260px;
  }
  .wsb-page .wsb-intro > div > div:nth-child(2) .wsbBrowserPreview:after {
    content: "";
    display: block;
    position: absolute;
    bottom: -20px;
    left: -20px;
    width: 110%;
    height: 40px;
    background-color: #fff;
  }
  .wsb-page .wsb-intro > div > div:nth-child(2) div {
    display: block;
    width: 100%;
    height: 40px;
    background-color: #fff;
    bottom: 0;
    left: 0;
    text-align: center;
  }
}
@media screen and (max-width: 450px) {
  .wsb-page .wsb-intro > div > div:nth-child(2) .wsbBrowserPreview {
    min-height: 200px;
  }
}
.wsb-page .wsb-intro h1 {
  color: #4e4e4e;
  font-size: 50px;
  letter-spacing: -2.5px;
  margin: 0 0 30px 0;
  line-height: 55px;
  font-weight: 700;
}
@media screen and (max-width: 650px) {
  .wsb-page .wsb-intro h1 {
    font-size: 30px;
    line-height: 35px;
    padding: 0 20px 0 20px;
  }
}
.wsb-page .wsb-intro p {
  color: #4e4e4e;
  font-size: 18px;
  letter-spacing: -0.6px;
  line-height: 30px;
  margin: 0 0 30px 0;
}
.wsb-page .wsb-intro p.linkstyle {
  font-size: 15px;
}
@media screen and (max-width: 768px) {
  .wsb-page .wsb-intro p {
    padding: 0 40px 0 0;
  }
}
@media screen and (max-width: 650px) {
  .wsb-page .wsb-intro p {
    font-size: 15px;
    line-height: 25px;
    padding: 0;
  }
}
.wsb-page .wsb-intro a.linkstyle {
  display: block;
  text-decoration: underline;
  margin: 30px 0 30px 0;
}
@media screen and (max-width: 650px) {
  .wsb-page .wsb-intro a.linkstyle {
    text-decoration: underline;
    margin: 15px 0 0 0;
  }
}
.wsb-page .wsb-planPreview {
  padding: 40px 0 80px 0;
}
.wsb-page .wsb-planPreview > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media screen and (max-width: 650px) {
  .wsb-page .wsb-planPreview > div {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
.wsb-page .wsb-planPreview > div > div {
  width: 40%;
}
@media screen and (max-width: 768px) {
  .wsb-page .wsb-planPreview > div > div:first-child {
    width: 40%;
  }
  .wsb-page .wsb-planPreview > div > div:nth-child(2) {
    width: 50%;
  }
}
@media screen and (max-width: 650px) {
  .wsb-page .wsb-planPreview > div > div:first-child {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    width: 100%;
    margin: 0 0 50px 0;
  }
  .wsb-page .wsb-planPreview > div > div:nth-child(2) {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    width: 100%;
    margin: 0 0 50px 0;
  }
}
.wsb-page .wsb-planPreview h2 {
  color: #4e4e4e;
  font-size: 20px;
  font-weight: 700;
  letter-spacing: -0.5px;
  line-height: 27px;
  margin: 0 0 30px 0;
}
.wsb-page .wsb-planPreview p {
  color: #4e4e4e;
  font-size: 18px;
  letter-spacing: -0.5px;
  line-height: 30px;
  margin: 0 0 50px 0;
}
.wsb-page .wsb-planPreview p:last-of-type {
  margin: 0;
}
.wsb-page .wsb-planBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  position: relative;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 100%;
  padding: 2px;
  border-radius: 10px;
  background-color: #000;
  text-align: center;
  -webkit-box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.1);
}
.wsb-page .wsb-planBox.wsb {
  background: #fff;
  background: linear-gradient(45deg, #fff 25%, rgba(62, 101, 120, 0.5) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#3E6578;', GradientType=1);
}
.wsb-page .wsb-planBox.wsb .tag {
  background-color: #3e6578;
}
.wsb-page .wsb-planBox.online-shop {
  background: #fff;
  background: linear-gradient(45deg, #fff 25%, rgba(247, 143, 0, 0.5) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#F78F00;', GradientType=1);
}
.wsb-page .wsb-planBox.online-shop .tag {
  background-color: #f78f00;
}
.wsb-page .wsb-planBox > div {
  padding: 40px 40px 30px 40px;
  background-color: #fff;
  border-radius: 8px;
  height: 100%;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}
.wsb-page .wsb-planBox .tag {
  position: absolute;
  top: 0;
  right: 20px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  color: #fff;
  font-weight: 700;
  padding: 5px 10px 5px 10px;
  background-color: #ccc;
}
.wsb-page .wsb-planBox .price {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 15px 0 10px 0;
  min-height: 60px;
}
.wsb-page .wsb-planBox .price h4 {
  font-size: 35px;
  text-align: center;
  letter-spacing: -1px;
}
.wsb-page .wsb-planBox .price h4 span {
  font-size: 13px;
  opacity: 0.5;
}
@media screen and (max-width: 1000px) {
  .wsb-page .wsb-planBox .price h4 {
    font-size: 25px;
  }
}
.wsb-page .wsb-planBox .price h4.originalprice {
  color: #4e4e4e;
  opacity: 0.5;
  text-decoration: line-through;
  font-size: 15px;
  margin: 5px 0 0 0;
}
.wsb-page .wsb-planBox .price .domainFree {
  background-color: #dce8cf;
  border-radius: 5px;
  padding: 1px 10px;
  font-weight: 700;
  margin: 5px 0 0 0;
}
.wsb-page .wsb-planBox .price .domainFree span {
  color: #74a345;
}
.wsb-page .wsb-planBox ul {
  list-style-type: none;
  padding: 0;
  margin: 30px 0 0 0;
}
.wsb-page .wsb-planBox ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  margin: 0 0 20px 0;
}
.wsb-page .wsb-planBox ul li span {
  text-align: left;
}
.wsb-page .wsb-planBox ul li span:nth-child(1) {
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  display: block;
  width: 35px;
  height: 35px;
  background-image: url(//www-static.cdn-one.com/images/onecom/pages/frontpage/sprite/home-checkmark.svg);
  background-position: 0 5px;
  background-repeat: no-repeat;
  background-size: 60%;
}
.wsb-page .wsb-planBox ul li span:nth-child(1).cart {
  background-image: url(//www-static.cdn-one.com/images/onecom/pages/wsb/wsb-cart.svg);
  background-position: 0 3px;
}
.wsb-page .wsb-planBox ul li span:nth-child(2) div:first-child {
  font-weight: 700;
}
.wsb-page .wsb-planBox .learnMoreLink {
  text-align: left;
  padding: 0 0 0 35px;
}
.wsb-page .wsb-planBox .linkstyle {
  text-decoration: underline;
}
@media screen and (max-width: 768px) {
  .wsb-page .wsb-planBox .btn {
    display: block;
  }
  .wsb-page .wsb-planBox .btn.medium {
    height: 40px;
    line-height: 39px;
  }
}
.wsb-page .wsb-preview {
  position: relative;
  margin: 0 0 130px 0;
}
@media screen and (max-width: 650px) {
  .wsb-page .wsb-preview {
    margin: 0 0 70px 0;
  }
}
.wsb-page .wsb-preview .bg {
  position: absolute;
  width: 150%;
  height: 1000px;
  background-color: #ecf7ff;
  clip-path: polygon(100% 100%, -20% 60%, 100% 0);
  -webkit-clip-path: polygon(100% 100%, -20% 60%, 100% 0);
  z-index: -10;
  top: -290px;
  left: -50%;
}
.edge .wsb-page .wsb-preview .bg,
.ie .wsb-page .wsb-preview .bg {
  display: none;
}
@media screen and (max-width: 768px) {
  .wsb-page .wsb-preview .bg {
    height: 750px;
    top: -220px;
  }
}
@media screen and (max-width: 650px) {
  .wsb-page .wsb-preview .bg {
    height: 500px;
    top: -145px;
    clip-path: polygon(100% 100%, -100% 60%, 100% 0);
    -webkit-clip-path: polygon(100% 100%, -100% 60%, 100% 0);
  }
  .edge .wsb-page .wsb-preview .bg,
  .ie .wsb-page .wsb-preview .bg {
    display: block;
    -webkit-clip-path: none;
    clip-path: none;
    width: 100%;
    height: 400px;
    top: -50px;
    left: 0;
  }
}
.wsb-page .wsb-preview h2 {
  color: #4e4e4e;
  font-size: 45px;
  font-weight: 700;
  letter-spacing: -2.25px;
  line-height: 61px;
  text-align: center;
  margin: 0 0 30px 0;
}
@media screen and (max-width: 768px) {
  .wsb-page .wsb-preview h2 {
    font-size: 35px;
    line-height: 47px;
  }
}
@media screen and (max-width: 650px) {
  .wsb-page .wsb-preview h2 {
    font-size: 25px;
    line-height: 35px;
    text-align: left;
    margin: 0 0 10px 0;
  }
}
.wsb-page .wsb-preview p {
  color: #4e4e4e;
  font-size: 18px;
  letter-spacing: -0.6px;
  line-height: 30px;
  text-align: center;
  margin: 0 0 30px 0;
}
@media screen and (max-width: 768px) {
  .wsb-page .wsb-preview p {
    padding: 0 100px 0 100px;
  }
}
@media screen and (max-width: 650px) {
  .wsb-page .wsb-preview p {
    padding: 0;
    text-align: left;
  }
}
.wsb-page .wsb-preview .preview {
  margin: 0 auto 40px auto;
}
.wsb-page .wsb-preview .preview img {
  -webkit-box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.15);
  box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.15);
  border-radius: 10px;
}
.wsb-page .wsb-preview .preview .retina {
  display: none;
}
.wsb-page .wsb-preview .preview .regular {
  display: block;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .wsb-page .wsb-preview .preview .regular {
    display: none;
  }
  .wsb-page .wsb-preview .preview .retina {
    display: block;
  }
}
@media screen and (max-width: 768px) {
  .wsb-page .wsb-preview .preview {
    display: none;
  }
}
.wsb-page .wsb-preview .tabletPreview {
  display: none;
  margin: 0 0 40px 0;
}
.wsb-page .wsb-preview .tabletPreview .retina {
  display: none;
}
.wsb-page .wsb-preview .tabletPreview .regular {
  display: block;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .wsb-page .wsb-preview .tabletPreview .regular {
    display: none;
  }
  .wsb-page .wsb-preview .tabletPreview .retina {
    display: block;
  }
}
@media screen and (max-width: 768px) {
  .wsb-page .wsb-preview .tabletPreview {
    display: block;
  }
}
@media screen and (max-width: 650px) {
  .wsb-page .wsb-preview .tabletPreview {
    margin: 80px 0 80px 0;
  }
  .wsb-page .wsb-preview .tabletPreview img {
    -webkit-transform: scale(1.8);
    transform: scale(1.8);
  }
}
.wsb-page .wsb-preview .flex {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 0 0 30px 0;
}
.wsb-page .wsb-preview .flex > div {
  width: 45%;
}
.wsb-page .wsb-preview .flex p {
  text-align: left;
  font-size: 16px;
  letter-spacing: -0.53px;
  line-height: 30px;
}
@media screen and (max-width: 768px) {
  .wsb-page .wsb-preview .flex {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .wsb-page .wsb-preview .flex > div {
    width: 100%;
  }
  .wsb-page .wsb-preview .flex > div p {
    padding: 0 50px 0 50px;
  }
}
@media screen and (max-width: 650px) {
  .wsb-page .wsb-preview .flex > div {
    width: 100%;
  }
  .wsb-page .wsb-preview .flex > div p {
    padding: 0;
  }
}
.wsb-page .wsb-preview .cta {
  text-align: center;
}
@media screen and (max-width: 768px) {
  .wsb-page .wsb-preview .btn {
    display: none;
  }
}
.wsb-page .wsb-reviews {
  background-color: rgba(116, 163, 69, 0.15);
}
.wsb-page .wsb-reviews > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 50px 0 50px 0;
}
@media screen and (max-width: 768px) {
  .wsb-page .wsb-reviews > div {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 50px;
  }
}
@media screen and (max-width: 650px) {
  .wsb-page .wsb-reviews > div {
    padding: 50px 15px 50px 15px;
  }
}
.wsb-page .wsb-reviews > div .icon {
  margin: 0 0 13px 0;
}
.wsb-page .wsb-reviews > div .icon svg {
  height: 35px;
}
.wsb-page .wsb-reviews > div > div h2 {
  font-size: 30px;
  font-weight: 700;
  letter-spacing: -0.5px;
  line-height: 35px;
  margin: 0 0 20px 0;
  text-align: center;
}
@media screen and (max-width: 650px) {
  .wsb-page .wsb-reviews > div > div h2 {
    font-size: 25px;
    line-height: 35px;
  }
}
.wsb-page .wsb-reviews > div > div p {
  font-size: 18px;
  letter-spacing: -0.75px;
  line-height: 30px;
  text-align: center;
}
.wsb-page .wsb-reviews > div > div:nth-child(1) {
  width: 40%;
}
@media screen and (max-width: 768px) {
  .wsb-page .wsb-reviews > div > div:nth-child(1) {
    margin: 0 0 50px 0;
    padding: 0 100px 0 100px;
    width: 100%;
  }
}
@media screen and (max-width: 650px) {
  .wsb-page .wsb-reviews > div > div:nth-child(1) {
    padding: 0;
  }
}
.wsb-page .wsb-reviews > div > div:nth-child(2) {
  width: 55%;
  border-radius: 10px;
  padding: 2px;
  -webkit-box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.1);
  background: #fff;
  background: linear-gradient(-45deg, #fff 25%, #bad2a1 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#BAD2A1', GradientType=1);
}
.wsb-page .wsb-reviews > div > div:nth-child(2) > div {
  position: relative;
  padding: 65px 65px 65px 65px;
  background-color: #fff;
  border-radius: 8px;
  font-style: italic;
}
.wsb-page .wsb-reviews > div > div:nth-child(2) > div svg {
  position: absolute;
  left: 50px;
  top: 45px;
  width: 35px;
  height: 25px;
}
.wsb-page .wsb-reviews > div > div:nth-child(2) > div p {
  position: relative;
  padding: 0 0 5px 10px;
}
.wsb-page .wsb-reviews > div > div:nth-child(2) > div p.reviewer {
  display: block;
  text-align: right;
  color: #74a345;
  font-size: 18px;
  text-decoration: underline;
}
@media screen and (max-width: 768px) {
  .wsb-page .wsb-reviews > div > div:nth-child(2) {
    width: 100%;
  }
}
.wsb-page .wsb-webshop {
  padding: 130px 0 130px 0;
}
@media screen and (max-width: 650px) {
  .wsb-page .wsb-webshop {
    padding: 70px 0 70px 0;
  }
}
.wsb-page .wsb-webshop > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media screen and (max-width: 650px) {
  .wsb-page .wsb-webshop > div {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
.wsb-page .wsb-webshop > div > div {
  width: 42%;
}
@media screen and (max-width: 768px) {
  .wsb-page .wsb-webshop > div > div:nth-child(1) {
    width: 55%;
  }
  .wsb-page .wsb-webshop > div > div:nth-child(2) {
    width: 38%;
  }
}
@media screen and (max-width: 650px) {
  .wsb-page .wsb-webshop > div > div:nth-child(1) {
    width: 100%;
    margin: 0 0 50px 0;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
  .wsb-page .wsb-webshop > div > div:nth-child(2) {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    width: 100%;
  }
}
.wsb-page .wsb-webshop h2 {
  color: #4e4e4e;
  font-size: 20px;
  font-weight: 700;
  letter-spacing: -0.5px;
  line-height: 27px;
  margin: 0 0 30px 0;
}
.wsb-page .wsb-webshop p {
  color: #4e4e4e;
  font-size: 18px;
  letter-spacing: -0.5px;
  line-height: 30px;
  margin: 0 0 50px 0;
}
.wsb-page .wsb-webshop p:last-of-type {
  margin: 0;
}
.wsb-page .wsb-plansandpricing {
  padding: 130px 0 40px 0;
  background-color: rgba(216, 216, 216, 0.22);
}
@media screen and (max-width: 650px) {
  .wsb-page .wsb-plansandpricing {
    padding: 70px 0 40px 0;
  }
}
.wsb-page .wsb-plansandpricing h2 {
  font-size: 45px;
  font-weight: 700;
  letter-spacing: -2.25px;
  line-height: 61px;
  margin: 0 0 50px 0;
}
.wsb-page .wsb-plansandpricing .plans {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  -webkit-box-align: top;
  -ms-flex-align: top;
  align-items: top;
  margin: 0 0 100px 0;
}
.wsb-page
  .wsb-plansandpricing
  .plans
  .wsb-planBox
  ul
  li
  span:nth-child(2)
  div:first-child {
  font-weight: 400;
  font-size: 16px;
}
.wsb-page .wsb-plansandpricing .plans > div {
  width: 32%;
}
.wsb-page .wsb-plansandpricing .all-plans-include h3 {
  font-size: 20px;
  font-weight: 700;
  letter-spacing: -0.5px;
  line-height: 25px;
  margin: 0 0 50px 0;
}
.wsb-page .wsb-plansandpricing .all-plans-include > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 0 50px 0 0;
}
.wsb-page .wsb-plansandpricing .all-plans-include > div > div {
  width: 44%;
  margin: 0 0 80px 0;
}
.wsb-page .wsb-plansandpricing .all-plans-include > div > div > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0 0 20px 0;
}
.wsb-page .wsb-plansandpricing .all-plans-include > div > div svg {
  display: block;
  width: 42px;
  height: 25px;
  margin: 0 10px 0 0;
}
.wsb-page .wsb-plansandpricing .all-plans-include > div > div h4 {
  font-size: 16px;
  font-weight: 700;
  letter-spacing: -0.5px;
  line-height: 25px;
}
.wsb-page .wsb-plansandpricing .all-plans-include > div > div p {
  font-size: 16px;
  letter-spacing: -0.5px;
  line-height: 25px;
}
@media screen and (max-width: 768px) {
  .wsb-page .wsb-plansandpricing .plans .wsb-planBox .tag {
    right: 10px;
    font-size: 12px;
  }
  .wsb-page .wsb-plansandpricing .plans .wsb-planBox > div {
    padding: 40px 20px 30px 20px;
  }
  .wsb-page .wsb-plansandpricing .plans .wsb-planBox ul li span:nth-child(1) {
    width: 20px;
    height: 25px;
    background-position: 0 8px;
    background-size: 70%;
  }
  .wsb-page
    .wsb-plansandpricing
    .plans
    .wsb-planBox
    ul
    li
    span:nth-child(1)
    .cart {
    background-position: 0 7px;
  }
  .wsb-page
    .wsb-plansandpricing
    .plans
    .wsb-planBox
    ul
    li
    span:nth-child(2)
    div:first-child {
    font-size: 12px;
  }
}
@media screen and (max-width: 650px) {
  .wsb-page .wsb-plansandpricing h2 {
    font-size: 25px;
    line-height: 34px;
  }
  .wsb-page .wsb-plansandpricing .plans {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }
  .wsb-page .wsb-plansandpricing .plans > .wsb-planBox {
    width: 100%;
    margin: 0 0 20px 0;
  }
  .wsb-page .wsb-plansandpricing .plans > .wsb-planBox .tag {
    right: 20px;
    font-size: 15px;
  }
  .wsb-page .wsb-plansandpricing .plans > .wsb-planBox > div {
    padding: 40px 40px 30px 40px;
  }
  .wsb-page .wsb-plansandpricing .plans > .wsb-planBox ul li span:nth-child(1) {
    width: 30px;
    height: 35px;
    background-position: 0 5px;
  }
  .wsb-page
    .wsb-plansandpricing
    .plans
    > .wsb-planBox
    ul
    li
    span:nth-child(1)
    .cart {
    background-position: 0 7px;
  }
  .wsb-page
    .wsb-plansandpricing
    .plans
    > .wsb-planBox
    ul
    li
    span:nth-child(2)
    div:first-child {
    font-size: 15px;
  }
  .wsb-page .wsb-plansandpricing .all-plans-include > div {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .wsb-page .wsb-plansandpricing .all-plans-include > div > div {
    width: 100%;
  }
  .wsb-page .wsb-plansandpricing .all-plans-include > div > div:last-child {
    margin: 0;
  }
}
.wsb-page .wsb-moreoptions {
  padding: 130px 0 130px 0;
}
@media screen and (max-width: 650px) {
  .wsb-page .wsb-moreoptions {
    padding: 70px 0 70px 0;
  }
}
.wsb-page .wsb-moreoptions h2 {
  font-size: 45px;
  line-height: 61px;
  font-weight: 700;
  margin: 0 0 30px 0;
}
@media screen and (max-width: 650px) {
  .wsb-page .wsb-moreoptions h2 {
    font-size: 25px;
    line-height: 34px;
  }
}
.wsb-page .wsb-moreoptions p.intro {
  display: block;
  font-size: 18px;
  line-height: 30px;
  width: 60%;
  margin: 0 0 50px 0;
}
@media screen and (max-width: 768px) {
  .wsb-page .wsb-moreoptions p.intro {
    width: 100%;
  }
}
.wsb-page .wsb-moreoptions .centered > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}
@media screen and (max-width: 650px) {
  .wsb-page .wsb-moreoptions .centered > div {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
.wsb-page .wsb-moreoptions .centered > div > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  position: relative;
  width: 32%;
  border-radius: 10px;
  text-align: center;
  padding: 60px 30px 30px 30px;
}
@media screen and (max-width: 650px) {
  .wsb-page .wsb-moreoptions .centered > div > div {
    width: 100%;
    margin: 0 0 20px 0;
  }
}
.wsb-page .wsb-moreoptions .centered > div > div.hosting {
  background-color: #21abcd;
  color: #21abcd;
}
.wsb-page .wsb-moreoptions .centered > div > div.wordpress {
  background-color: #2075cf;
  color: #2075cf;
}
.wsb-page .wsb-moreoptions .centered > div > div.email {
  background-color: #4ba5a5;
  color: #4ba5a5;
}
.wsb-page .wsb-moreoptions .centered > div > div .tag {
  position: absolute;
  top: 0;
  right: 20px;
  border-radius: 0 0 6px 6px;
  padding: 5px 20px 5px 20px;
  background-color: #dff2f7;
  font-weight: 700;
}
.wsb-page .wsb-moreoptions .centered > div > div .price {
  font-size: 25px;
  font-weight: 700;
  margin: 0 0 25px 0;
  color: #fff;
}
.wsb-page .wsb-moreoptions .centered > div > div .price span {
  font-size: 18px;
}
.wsb-page .wsb-moreoptions .centered > div > div p {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  margin: 0 0 30px 0;
  padding: 0 20px 0 20px;
  line-height: 25px;
  color: #fff;
}
.wsb-page .wsb-moreoptions .centered > div > div .btn.wsb {
  color: transparent;
}
.wsb-page .wsb-faq h2 {
  font-size: 20px;
  line-height: 27px;
  font-weight: 700;
  margin: 0 0 50px 0;
}
.wsb-page .wsb-faq h3 {
  font-size: 18px;
  line-height: 24px;
  font-size: 700;
  margin: 0 0 20px 0;
}
.wsb-page .wsb-faq .centered > div {
  margin: 0 0 50px 0;
}
.wsb-page .wsb-footnote {
  font-size: 12px;
  margin: 0 0 130px 0;
}
.wsb-page .wsb-footnote p {
  margin: 0 0 30px 0;
}
.lang-de #domains .intro > div,
.lang-es #domains .intro > div,
.lang-fi #domains .intro > div,
.lang-pt #domains .intro > div,
.lang-pt-BR #domains .intro > div {
  height: 480px;
}
#domains .intro > div {
  height: 400px;
}
#domains #domains-header img {
  height: 300px;
  width: auto;
}
#office365 .intro {
  height: auto;
}
#office365 .intro > div {
  padding: 40px 0 40px 0;
}
#office365 .intro > div > div {
  position: relative;
  text-align: left;
}
#office365 .intro > div > div h1 {
  font-size: 32px;
}
@media (max-width: 991px) {
  #office365 .intro > div > div h1 {
    font-size: 28px;
  }
}
#office365 .intro > div > div:nth-child(1) {
  width: 25%;
}
#office365 .intro > div > div:nth-child(1) img {
  margin: auto auto auto 0;
}
#office365 .intro > div > div:nth-child(1) div {
  position: relative;
  width: auto;
  height: auto;
  padding: 0;
}
#office365 .intro > div > div:nth-child(1) #TryNowBubble {
  display: table;
  position: absolute;
  right: 10px;
  top: -5px;
  width: 100px;
  height: 100px;
  color: #fff;
  line-height: 20px;
  font-size: 15px;
  text-align: center;
  font-weight: 700;
  background-color: #802151;
  border-radius: 100%;
}
#office365 .intro > div > div:nth-child(1) #TryNowBubble > span {
  display: table-cell;
  overflow: hidden;
  vertical-align: middle;
}
.lang-fr #office365 .intro > div > div:nth-child(1) #TryNowBubble,
.lang-it #office365 .intro > div > div:nth-child(1) #TryNowBubble,
.lang-pt #office365 .intro > div > div:nth-child(1) #TryNowBubble,
.lang-pt-BR #office365 .intro > div > div:nth-child(1) #TryNowBubble {
  font-size: 12px;
}
#office365 .intro > div > div:nth-child(2) {
  width: 65%;
  padding: 0 20px 0 60px;
}
#office365 .intro > div > div:nth-child(2) ul {
  font-size: 15px;
  font-weight: 600;
}
#office365 .intro > div > div:nth-child(2) p {
  font-size: 15px;
}
#office365 .intro > div > div:nth-child(2) h2 {
  font-size: 35px;
  line-height: 40px;
  letter-spacing: -1.92px;
  font-weight: 700;
}
#office365 .intro > div > div:nth-child(2) h3 {
  font-size: 20px;
}
#office365 .intro > div > div:nth-child(2) a {
  display: none;
}
#office365 .intro > div > div:nth-child(3) {
  width: auto;
  vertical-align: middle;
}
#office365 .intro > div > div:nth-child(3) > div {
  width: auto;
  height: auto;
  min-width: 95px;
  max-width: 95px;
  float: right;
}
#office365 .intro > div > div:nth-child(3) > div > div {
  width: auto;
}
#office365 .intro > div > div:nth-child(3) > div > div img {
  display: block;
  float: left;
  height: 35px;
  margin: 0 25px 18px 0;
}
#office365 .intro > div > div:nth-child(3) > div > div img:nth-child(2n) {
  margin: 0 0 18px 0;
}
#office365 .intro > div > div:nth-child(3) > div > div img:after,
#office365 .intro > div > div:nth-child(3) > div > div img:before {
  content: " ";
  display: table;
}
#office365 .intro > div > div:nth-child(3) > div > div img:after {
  clear: both;
}
#office365 .intro > div > div:nth-child(3) > div > div img::after {
  content: "";
  display: block;
  clear: both;
}
#office365 .product-features {
  position: relative;
}
#office365 .product-features div.centered {
  display: table;
}
#office365 .product-features div.centered > div {
  display: table-cell;
  vertical-align: top;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#office365 .product-features div.centered > div:nth-child(1) {
  background-color: #f9f9f9;
  width: 35%;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
}
#office365 .product-features div.centered > div:nth-child(1) .header {
  position: relative;
  width: 100%;
  text-align: center;
  background-color: #da3b01;
  color: #fff;
  padding: 20px;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
}
#office365 .product-features div.centered > div:nth-child(1) .header h3 {
  color: #fff;
  font-size: 22px;
  margin-bottom: 10px;
}
#office365
  .product-features
  div.centered
  > div:nth-child(1)
  .header
  h3:nth-child(2) {
  font-weight: 700;
}
#office365 .product-features div.centered > div:nth-child(1) .header p {
  margin-top: 0;
}
#office365 .product-features div.centered > div:nth-child(1) a {
  position: relative;
  display: block;
  margin: 0 auto 0 auto;
  width: 90%;
  margin-bottom: 30px;
}
#office365 .product-features div.centered > div:nth-child(1) .apps {
  padding: 0 30px 0 30px;
}
#office365 .product-features div.centered > div:nth-child(1) .apps > span {
  display: inline-block;
  width: 31.5%;
  margin: 0 0 30px 0;
  padding: 0;
  text-align: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#office365 .product-features div.centered > div:nth-child(1) .apps > span p {
  font-size: 12px;
}
#office365 .product-features div.centered > div:nth-child(1) .apps > span img {
  width: 40px;
}
#office365 .product-features div.centered > div:nth-child(2) {
  width: 65%;
  padding: 0 0 0 50px;
}
#office365 .product-features div.centered > div:nth-child(2) > div {
  display: table;
  margin-bottom: 50px;
}
#office365 .product-features div.centered > div:nth-child(2) > div h2 {
  font-size: 32px;
  margin-bottom: 15px;
}
#office365 .product-features div.centered > div:nth-child(2) > div h3 {
  margin-bottom: 15px;
}
#office365 .product-features div.centered > div:nth-child(2) > div > span {
  display: table-cell;
  vertical-align: top;
}
#office365
  .product-features
  div.centered
  > div:nth-child(2)
  > div
  > span:nth-child(2) {
  padding-left: 50px;
}
#office365 .product-features div.centered > div:nth-child(2) > div > span img {
  width: 50px;
  min-width: 50px;
}
#office365 .product-features div.centered > div:nth-child(2) > div > span p {
  margin: 0;
}
@media (max-width: 1180px) {
  #office365 .intro {
    height: auto;
  }
  #office365 .intro > div {
    padding: 30px;
  }
  #office365 .intro > div > div:nth-child(1) {
    width: 35%;
  }
  #office365 .intro > div > div:nth-child(1) #TryNowBubble {
    right: 20%;
  }
  #office365 .intro > div > div:nth-child(2) {
    width: 65%;
    padding: 0 20px 0 30px;
  }
  #office365 .intro > div > div:nth-child(2) > div {
    width: 100%;
    height: auto;
    max-width: 100%;
    min-width: 100%;
    padding: 0;
  }
  #office365 .intro > div > div:nth-child(2) > div > div {
    width: 100%;
    height: auto;
    text-align: left;
  }
  #office365 .intro > div > div:nth-child(2) > div > div img {
    display: inline-block;
    width: 35px;
    margin: 0 3% 10px 0;
  }
  #office365 .intro > div > div:nth-child(2) > div > div img:nth-child(2n) {
    margin: 0 3% 10px 0;
  }
}
@media (max-width: 992px) {
  #office365 .intro {
    height: auto;
  }
  #office365 .intro > div > div:nth-child(2) {
    padding: 0 0 0 30px;
  }
  #office365 .intro > div > div:nth-child(3) {
    display: none;
  }
  #office365 .product-features div.centered > div:nth-child(1) {
    width: 45%;
  }
  #office365 .product-features div.centered > div:nth-child(2) {
    width: 55%;
  }
}
@media (max-width: 768px) {
  #office365 .intro {
    height: auto;
  }
  #office365 .intro > div {
    height: auto;
  }
  #office365 .intro > div h3 {
    height: auto;
  }
  #office365 .intro > div > div:nth-child(1) {
    display: none;
  }
  #office365 .intro > div > div:nth-child(1) img {
    margin: auto;
    display: none;
  }
  #office365 .intro > div > div:nth-child(1) #TryNowBubble {
    display: none;
  }
  #office365 .intro > div > div:nth-child(2) {
    width: 100%;
    height: auto;
    padding: 0;
  }
  #office365 .intro > div > div:nth-child(2) a {
    display: block;
  }
  #office365 .intro > div > div:nth-child(2) > div {
    display: none;
  }
  #office365 .product-features div.centered {
    display: block;
  }
  #office365 .product-features div.centered > div:nth-child(1) {
    display: table-footer-group;
    width: 100%;
  }
  #office365 .product-features div.centered > div:nth-child(2) {
    display: table-header-group;
    width: 100%;
    padding: 0;
  }
}
@media (max-width: 480px) {
  #office365 .intro > div > div p {
    display: block;
  }
  #office365 .product-features div.centered > div:nth-child(1) .header h3 {
    font-size: 20px;
  }
  #office365 .product-features div.centered > div:nth-child(1) .header p {
    padding: 0 30px 0 30px;
  }
  #office365 .product-features div.centered > div:nth-child(2) > div h2 {
    font-size: 26px;
  }
}
#callus .giveusacall {
  display: table;
  height: 100%;
  background-image: url(//www-static.cdn-one.com/images/onecom/2017/CallUs/call-us-phone-bg.svg);
  background-repeat: no-repeat;
  background-position: center;
  padding: 40px 0 40px 0;
}
#callus .giveusacall > div {
  display: table-cell;
  vertical-align: middle;
  padding: 0 30px 0 30px;
}
@media (max-width: 992px) {
  #callus .giveusacall {
    background-size: cover;
  }
}
.product-webdesign-bg > div > div:first-child > span > svg {
  height: 100% !important;
  width: 100% !important;
}
#staticpage {
  position: relative;
  display: block;
}
#staticpage.withtoppadding {
  padding-top: 30px;
}
#staticpage #innercontent {
  position: relative;
  min-width: 1150px;
}
#staticpage h2 {
  font-size: 18px;
  margin: 50px 0 30px 0;
}
#staticpage h3 {
  font-size: 16px;
  margin-top: 30px;
}
#staticpage p:last-child {
  margin-bottom: 40px;
}
#staticpage div {
  margin-bottom: 40px;
}
#staticpage div.options-container {
  text-align: left;
}
#staticpage div.newscontent h2 {
  color: #000;
  font-size: 30px;
  font-weight: 700;
  line-height: 35px;
  margin: 50px 0 30px 0;
}
#staticpage div.newscontent div,
#staticpage div.newscontent p {
  margin-bottom: 10px;
  color: rgba(0, 0, 0, 0.6);
  font-size: 18px;
  line-height: 35px;
}
#staticpage div.newscontent.summary {
  padding-bottom: 30px;
  border-bottom: 1px solid #d9d9d9;
}
#staticpage div.newscontent.summary .metaInfo {
  font-size: 18px;
  line-height: 35px;
  color: #9e9e9e;
  margin: 0 0 20px 0;
}
#staticpage div.row {
  margin-bottom: initial;
}
#staticpage h2,
#staticpage h3 {
  margin-bottom: 10px;
}
#staticpage.info-contact .label-container {
  margin-bottom: 8px;
}
#staticpage .info-sidebar {
  position: absolute;
  right: 0;
  top: 0;
  width: 280px;
  height: auto;
  text-align: center;
}
#staticpage .info-sidebar > div {
  background-color: #f9f9f9;
  border-radius: 4px;
  overflow: hidden;
  padding-bottom: 20px;
}
#staticpage .info-sidebar > div > div {
  padding: 20px;
  margin-bottom: 10px;
  color: #fff;
  border-radius: 4px;
}
#staticpage .info-sidebar > div > div p {
  margin-bottom: 0;
  padding: 0 20px 10px 20px;
  font-size: 18px;
}
#staticpage .info-sidebar h3 {
  color: #fff;
  margin-top: 0;
  font-size: 20px;
}
#staticpage .info-sidebar p {
  margin-bottom: 10px;
  padding: 10px 20px 10px 20px;
  font-weight: 700;
  font-size: 16px;
}
@media (max-width: 1180px) {
  #staticpage {
    min-width: 100%;
    width: 100%;
  }
  #staticpage #innercontent {
    min-width: 100%;
    padding-right: 0;
    padding: 0 30px 0 30px;
  }
}
@media (max-width: 768px) {
  #staticpage #innercontent {
    padding: 0 15px 0 15px;
  }
}
.info-contact #innercontent {
  margin-bottom: 100px;
}
.info-contact-impressum {
  margin-top: 20px !important;
}
.info-contact-impressum .sidebar {
  margin-top: 30px !important;
}
.info-contact-impressum .sidebar.abs {
  margin-top: 0 !important;
}
@media (min-width: 768px) {
  .info-contact-impressum .col-sm-6 {
    width: 33%;
  }
}
@media only screen and (max-width: 668px) and (min-width: 640px) {
  .info-contact-impressum .row {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
  }
}
.info-contact {
  padding-top: 0 !important;
}
.info-contact h2,
.info-contact h3 {
  margin-bottom: 20px !important;
}
.contact_us_header {
  background: #e4f3ff;
  background: linear-gradient(170deg, #e4f3ff 0, rgba(255, 255, 255, 0) 50%);
  position: relative;
  width: 100%;
  height: auto;
  display: table;
  margin: 0 auto;
}
.contact_us_header div {
  margin-bottom: 50px !important;
}
.contact_us_header .centered {
  padding-top: 70px;
  margin: 30px auto;
  text-align: center;
}
.contact_us_header .centered h1 {
  font-size: 32px;
}
.contact_us_header .centered p {
  font-size: 15px;
  margin-bottom: 30px;
  margin-left: auto;
  margin-right: auto;
  max-width: 70%;
}
@media (max-width: 767px) {
  .contact_us_header .centered p {
    width: 100%;
  }
}
.contact_us_header .centered a {
  color: #7ea052;
}
.contact_us_header .top_faq,
.contact_us_header .top_guides {
  background-color: #f7fcff;
  border: 2px solid #d7f0ff;
  padding: 50px;
  border-radius: 5px;
  line-height: 30px;
  text-align: left;
  width: 48%;
}
@media (max-width: 767px) {
  .contact_us_header .top_faq,
  .contact_us_header .top_guides {
    width: 100%;
  }
}
.contact_us_header .top_faq h2,
.contact_us_header .top_guides h2 {
  font-size: 20px;
}
.contact_us_header .top_faq ul,
.contact_us_header .top_guides ul {
  padding-left: 20px;
}
.contact_us_header .top_faq ul li,
.contact_us_header .top_guides ul li {
  list-style-type: disc;
  color: #74a345;
}
.contact_us_header .top_faq ul li a,
.contact_us_header .top_guides ul li a {
  color: #444;
}
.contact_us_header .top_guides {
  float: left;
}
.contact_us_header .top_faq {
  float: right;
}
.helpcenterForm {
  width: 70%;
  margin: auto;
}
@media (max-width: 767px) {
  .helpcenterForm {
    width: 100%;
  }
}
.helpcenterForm form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  width: 100%;
}
.helpcenterForm form input[type="search"] {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  height: 60px;
  border: 2px solid #969696;
  border-right: 0;
  border-radius: 4px 0 0 4px;
  font-size: 18px;
  padding: 15px 20px 15px 20px;
  -webkit-appearance: none;
}
.helpcenterForm form button {
  height: 60px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-weight: 700;
  background-color: #74a345;
  border-radius: 0 4px 4px 0;
  font-size: 20px;
  padding: 15px 20px 15px 20px;
  border: 2px solid #74a345;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 767px) {
  .helpcenterForm form button {
    padding: 0 10px;
  }
}
.helpcenterForm form button p {
  font-size: 20px !important;
  margin-left: 15px;
}
@media (max-width: 767px) {
  .helpcenterForm form button p {
    display: none;
  }
}
.helpcenterForm form button span {
  background: url(//www-static.cdn-one.com/images/onecom/arrow_white.svg) center
    center no-repeat;
  display: inline-block;
  position: relative;
  height: 27px;
  width: 27px;
  background-size: 30%;
}
.helpcenterForm .popular_searches {
  display: block;
  margin-top: 15px;
}
.helpcenterForm .popular_searches ul {
  list-style: none;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 0;
}
@media (max-width: 767px) {
  .helpcenterForm .popular_searches ul {
    padding-left: 0;
    display: block;
  }
}
@media (max-width: 1199px) {
  .helpcenterForm .popular_searches ul {
    padding-left: 0;
  }
}
.helpcenterForm .popular_searches ul li {
  position: relative;
  padding-left: 20px;
}
.helpcenterForm .popular_searches ul li:first-of-type {
  padding-left: 0;
}
@media (max-width: 767px) {
  .helpcenterForm .popular_searches ul li {
    padding-left: 0;
    display: inline-block;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
  }
}
@media (max-width: 1199px) {
  .helpcenterForm .popular_searches ul li {
    padding-left: 0;
  }
}
.helpcenterForm .popular_searches ul li a {
  color: #2c4a58;
  text-decoration: underline;
  font-weight: 600;
}
.contact_us_chat {
  position: relative;
  width: 100%;
  background-color: #f9f9f9;
  height: auto;
  display: table;
  margin: 0 auto 70px;
  padding: 70px 0 10px 0;
}
.contact_us_chat .centered {
  text-align: center;
}
.contact_us_chat .centered p {
  font-size: 15px;
  margin-bottom: 30px;
  margin-left: auto;
  margin-right: auto;
  max-width: 70%;
}
@media (max-width: 767px) {
  .contact_us_chat .centered p {
    width: 100%;
  }
}
.contact_us_chat .chat {
  margin-top: 20px;
}
.contact_us_chat .chat .btn {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.contact_us_chat .chat_img {
  background-image: url(//www-static.cdn-one.com/images/onecom/support-icon.svg);
  background-repeat: no-repeat;
  display: inline-block;
  position: relative;
  height: 30px;
  top: 8px;
  width: 30px;
  margin-right: 10px;
}
.contact_email {
  padding-left: 15px;
  margin-top: 40px;
}
.contentlinks .contentlinks__content {
  padding: 20px 30px;
  border-radius: 5px;
}
.contentlinks .contentlinks__content a {
  text-decoration: none !important;
}
.contentlinks .contentlinks__content a:hover {
  text-decoration: underline !important;
}
.info-contact .contentlinks__content .separator {
  padding-left: 30px;
}
@media (min-width: 768px) {
  .profile #netzsieger {
    background: url(//www-static.cdn-one.com/images/info/testsieger-one.com-small.png)
      no-repeat 0 0;
    min-height: 140px;
    padding-left: 210px;
  }
  .profile #netzsieger h3,
  .profile #netzsieger p {
    top: 20px;
    position: relative;
  }
  .profile #pc_mag {
    background: url(//www-static.cdn-one.com/images/info/pc_mag.png) no-repeat -5px -4px;
    min-height: 100px;
    padding-left: 65px;
  }
  .profile #uk_webhostdir_2008_11 {
    background: url(//www-static.cdn-one.com/images/info/uk_webhostdir_2008-11.png)
      no-repeat 0 0;
    min-height: 90px;
    padding-left: 105px;
  }
}
.contact-bubble {
  position: relative;
  border: 1px solid #d6d6d6;
  padding: 20px 30px;
  border-radius: 1px;
}
.contact-bubble:before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  left: 50px;
  bottom: -29px;
  border: 15px solid;
  border-color: #d6d6d6 transparent transparent #d6d6d6;
}
.contact-bubble:after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  left: 51px;
  bottom: -27px;
  border: 14px solid;
  border-color: #fff transparent transparent #fff;
}
@media (max-width: 991px) {
  .contact-bubble {
    margin: 20px 0 50px 0;
  }
}
@media (min-width: 992px) {
  .contact-bubble {
    margin-top: 30px;
  }
}
@media (max-width: 768px) {
  .contact-bubble {
    border: none;
    margin: 0;
    padding: 0;
  }
  .contact-bubble:after,
  .contact-bubble:before {
    display: none;
  }
}
.label-container span {
  display: block;
}
@media (min-width: 768px) {
  .label-container span {
    display: inline-block;
    width: 100%;
    max-width: 120px;
  }
}
#credit_card label {
  position: relative;
  display: inline-block;
  width: 215px;
}
@media (max-width: 767px) {
  #credit_card label[for="ccExpirationMonth"] {
    display: block;
  }
}
#credit_card label + input,
#credit_card label + select {
  width: 545px;
  width: calc(100% - 29px);
}
@media (min-width: 992px) {
  #credit_card label + input,
  #credit_card label + select {
    width: calc(100% - 248px);
  }
}
#credit_card #ccExpirationYear {
  width: 100px;
}
#credit_card p:not(.totalamount) {
  margin: 0;
}
#credit_card #ccCvc,
#credit_card #ccExpirationMonth {
  width: 65px;
}
#credit_card #paymentChat {
  display: none;
  width: 207px;
  padding: 20px;
  background-color: #2c4a58;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  float: right;
  margin: 5px 30px 0 0;
}
@media (min-width: 992px) {
  #credit_card #paymentChat {
    display: block;
  }
}
@media (min-width: 1200px) {
  #credit_card #paymentChat {
    width: 267px;
    padding: 30px;
  }
}
#credit_card #paymentChat h2 {
  margin: 0 0 15px 0;
  font-size: 19px;
  font-weight: 700;
  color: #fff;
}
#credit_card #paymentChat p {
  font-size: 12px;
  color: #fff;
  margin-bottom: 15px;
  font-weight: 700;
}
#credit_card #paymentChat a {
  background-color: #fff;
  display: block;
  width: 100%;
  color: #2c4a58;
  text-align: center;
  padding: 8px 0;
  text-decoration: none;
  line-height: auto;
}
.buy_pay .NavSpacer {
  height: 0;
}
.buy_pay #savedCreditCardArea {
  margin-left: 30px;
  display: none;
}
.buy_pay
  #savedCreditCardArea
  input[type="radio"]
  + label
  > span.stored_cc_radio {
  top: 50px;
}
@media (max-width: 991px) {
  .buy_pay #savedCreditCardArea {
    margin-left: 0;
  }
  .buy_pay #savedCreditCardArea .responsiveTables tr.labeled td label {
    width: 100%;
  }
}
.buy_pay #savedCreditCardArea .orderprice thead {
  background-color: #f4f4f4;
}
.buy_pay #savedCreditCardArea .orderprice tbody tr td {
  padding: 10px;
}
.buy_pay #savedCreditCardArea .orderprice tbody tr td:first-of-type {
  border-bottom: 1px solid #efefef;
}
.buy_pay #forwardback {
  margin-top: 20px;
  margin-bottom: 25px;
}
@media (max-width: 991px) {
  .buy_pay #forwardback .btn {
    margin-right: 0;
  }
  .buy_pay .is-loading {
    position: relative;
  }
  .buy_pay .is-loading:before {
    background-image: url(//www-static.cdn-one.com/images/global/ajax-loader-green.gif);
  }
}
.buy_pay.isIOS .is-loading:before {
  background-image: url(//www-static.cdn-one.com/images/global/iOS-loader.gif);
}
.buy_pay #payTypeRadioDiv div:last-child label {
  margin-bottom: 0;
}
.connect-checkboxes-line {
  position: relative;
}
.connect-checkboxes-line:before {
  content: "";
  display: block;
  position: absolute;
  left: 35px;
  top: 10px;
  width: 1px;
  height: 70%;
  background-color: #74a345;
}
.checkallterms {
  font-weight: 700;
}
.checkallterms label > span:first-of-type {
  margin-right: 30px;
}
.confirm_check {
  margin-bottom: 10px;
}
.confirm_check.connected {
  position: relative;
}
.confirm_check.connected input[type="checkbox"] + label > span:first-of-type {
  display: none;
}
.confirm_check.connected:before {
  z-index: 9;
  position: absolute;
  content: "";
  display: block;
  border-radius: 100%;
  border: 1px solid #74a345;
  background-image: none;
  margin: auto 30px auto 0;
  top: 8px;
  left: 3px;
  width: 12px;
  height: 12px;
  background-color: #74a345;
}
.confirm_check.connected:after {
  display: none;
  content: "";
  position: absolute;
  left: 8px;
  top: 0;
  bottom: calc(100% + 7px);
  margin: auto;
  width: 1px;
  height: 100%;
  background-color: #74a345;
}
@media (max-width: 767px) {
  .confirm_check.connected:after {
    display: none;
  }
}
.connected-terms div:nth-child(1):after {
  display: none;
}
.confirm_check_description {
  font-size: 80%;
  margin-bottom: 20px;
}
.confirm_check_description#addon-terms {
  font-size: 100%;
}
@media (min-width: 768px) {
  .confirm_check_description {
    padding-left: 30px;
  }
}
.hbo-details h2 {
  margin-bottom: 10px;
}
.hbo-details p {
  padding-bottom: 10px;
}
.hbo-details p:last-child {
  padding-bottom: 20px;
}
.hbo-details img {
  float: left;
  padding-right: 10px;
}
.payment-invoices-container {
  border: 1px solid #d6d6d6;
  padding: 24px 29px;
  margin-bottom: 24px;
  width: calc(100% - 28px);
}
@media (max-width: 991px) {
  .payment-invoices-container {
    padding: 24px 10px;
  }
}
.payment-invoices-container .new-table thead {
  background-color: transparent;
}
.payment-invoices {
  margin-bottom: 20px;
  width: 100%;
}
.payment-invoices thead td:last-of-type {
  width: 16%;
}
.payment-invoices [type="checkbox"][disabled="disabled"] + label span {
  visibility: hidden;
}
@media (max-width: 991px) {
  .payment-invoices td label {
    display: inline-block !important;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 50%;
    top: 7px;
  }
}
.payment-partial {
  color: #9e9e9e;
}
.payment-payment #ccExpirationMonth {
  width: 60px;
}
.payment-payment .payment-domain-container,
.payment-payment .payment-domain-container ~ td {
  padding-top: 15px;
}
.payment-payment .is-disabled {
  opacity: 0.2;
  cursor: not-allowed;
  pointer-events: none;
}
@media (max-width: 991px) {
  .payment-payment .paymentinfo {
    text-align: left !important;
  }
}
#credit_card p label {
  height: 35px;
}
#ccCvc {
  margin-right: 10px;
}
#forwardback {
  margin: 20px 0 30px 0;
}
.buy_pay #forwardback.hide {
  display: block !important;
  visibility: hidden;
}
#paymenttypes {
  margin: 30px 0 17px 0;
}
#paymenttypes div.saveCreditCard {
  padding: 5px 0 20px 20px;
}
#confirm_group div:last-of-type label {
  margin-bottom: 0;
}
.payment-payment input[type="checkbox"] + label,
.payment-payment input[type="radio"] + label {
  margin-bottom: 0;
}

.logo-crop {
  width: 100px; /* Adjust the width as needed */
  height: 50px; /* Adjust the height as needed */
  background-image: url("verified.png"); /* Path to your image */
  background-size: 200px 100px; /* Adjust to the size of the full image */
}