@font-face {
    font-family: 'Gilroy';
    src: url('/content/fonts/Gilroy-Bold.woff2') format('woff2'),
        url('/content/fonts/Gilroy-Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gilroy';
    src: url('/content/fonts/Gilroy-ExtraBold.woff2') format('woff2'),
        url('/content/fonts/Gilroy-ExtraBold.woff') format('woff');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gilroy';
    src: url('/content/fonts/Gilroy-Heavy.woff2') format('woff2'),
        url('Gilroy-Heavy.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gilroy';
    src: url('/content/fonts/Gilroy-Medium.woff2') format('woff2'),
        url('/content/fonts/Gilroy-Medium.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gilroy';
    src: url('/content/fonts/Gilroy-Regular.woff2') format('woff2'),
        url('/content/fonts/Gilroy-Regular.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gilroy';
    src: url('/content/fonts/Gilroy-Light.woff2') format('woff2'),
        url('/content/fonts/Gilroy-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

html {
    position: relative;
    height: 100%;
}

body {
    display: flex;
    flex-direction: column;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.5;
    min-height: 100%;
    font-family: 'Gilroy', sans-serif;
}

@media (max-width: 480px) {
    body {
        font-size: 14px;
        line-height: 20px;
    }
}

h1, h2, h3 {
    font-variant-ligatures: none;
    line-height: 1.25;
}

h1 {
    font-size: 30px;
    font-weight: 700;
}
h2 {
    font-size: 24px;
    font-weight: 700;
}
h3 {
    font-size: 22px !important;
    font-weight: 600;
}
h4 {
    font-size: 20px;
}

p.lead {
    margin-bottom: 20px !important;
    font-size: 19px !important;
    font-weight: 400 !important;
    line-height: 1.4 !important;
}

@media (max-width: 768px) {
    p.lead {
        margin-bottom: 10px !important;
        font-size: 16px !important;
        font-weight: 400 !important;
        line-height: 20px !important;
    }
}

.header {
    background: #eee;
    margin-bottom: 24px;
}
.header .navbar {
    display: flex;
    align-items: end;
    padding: 20px 16px;
}
.header .logo {
    flex-grow: 1;
}
.header a:hover,
.header a:focus {
    text-decoration: none;
}
.header .navbar-nav > li > a {
    padding: 8px 14px;
    height: 34px;
    font-size: 14px;
    color: #222 !important;
    background: none !important;
    font-weight: 600;
}
.header .navbar-nav > li > a:hover {
    color: #5287d1 !important;
}
#current {
    color: #134488 !important;
}
#current:hover {
    color: #5287d1 !important;
}
.header .navbar {
    min-height: auto;
    margin: 0;
}
.header .navbar-default {
    background: none;
    border: none;
}
.header .navbar-toggle {
    background: #eee;
    border: none;
    margin: 0;
}
.header .logo-text {
    display: block;
    width: 180px;
    text-align: center;
    font-size: 12px;
    color: #333;
    height: 12px;
    margin-top: 3px;
    font-weight: 600;
}
.header .logo a {
    width: 260px;
    color: #333;
}
.header .logo-text a:hover,
.header .logo-text a:focus {
    color: #000;
    text-decoration: underline;
    color: #5287d1 !important;
}

@media (max-width: 991px) {
    .header .navbar {
        display: block;
        padding: 15px 0;
    }
    .header .logo {
        display: flex;
        align-items: center;
    }
    .navbar-header {
        flex: 1;
    }
    #navbar {
        border: none;
        padding: 0;
        margin: 0 -15px;
    }
    #navbar ul {
        margin-top: 15px;
        width: 100%;
    }
    #navbar li {
        width: 100%;
        border-top: 1px solid #eee;
    }
    #navbar .popover {
        max-width: 200px;
    }
    #navbar li a:not(.btn) {
        width: 100%;
        height: auto;
        text-align: center;
        padding: 12px 15px;
    }
    #navbar li a.btn {
        padding: 8px;
    }
    #navbar .dropdown-toggle {
        display: none;
    }
    #navbar .dropdown {
        padding: 0;
    }
    #navbar .dropdown-menu {
        display: block !important;
        position: static;
        float: none;
        width: auto;
        margin: 0 !important;
        padding: 0 !important;
        background: none;
        border: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }
    #navbar a {
        background: none !important;
        color: #222;
    }
    #navbar .divider {
        display: none !important;
    }
}

.navbar-toggle {
    display: block;
}
.navbar-right {
    display: none;
    margin: 0;
}
.navbar-collapse.collapse {
    overflow: visible !important;
}
.navbar-collapse.collapse:not(.in) {
    display: none !important;
}
.navbar-collapse.collapsing .navbar-right,
.navbar-collapse.in .navbar-right {
    display: block;
}
@media (min-width: 992px) {
    .navbar-toggle {
        display: none;
    }
    .navbar-right {
        display: block;
        float: right !important;
        margin-right: -15px;
    }
    .header .navbar-collapse.collapse {
        display: block !important;
        height: auto !important;
        padding-bottom: 0;
        overflow: visible !important;
    }
}

.region-selection .btn {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    padding: 16px 20px;
    line-height: 1;
  }
  .region-selection .btn img {
    display: block;
    margin-bottom: 12px;
  }

.language-switcher > a > img {
    margin-top: -4px;
    margin-right: 5px;
    width: 25px;
    pointer-events: none;
}
.language-switcher .popover-title {
    font-size: 14px !important;
    font-weight: normal;
    text-align: center;
    line-height: 1;
}
.language-switcher .popover .btn {
    width: 100%;
    margin-bottom: 6px;
}
.language-switcher .popover .btn:last-child {
    margin: 0;
}
.language-switcher .popover-content {
    padding: 8px;
}
.language-switcher .arrow:after {
    border-bottom-color: #f7f7f7 !important;
}

.footer {
    flex-grow: 1;
    font-size: 14px;
    text-align: center;
}
.footer h5 {
    font-weight: 600;
}
.footer li {
    margin: 12px 0;
}
.footer .footer-links > div {
    margin-bottom: 20px
}
.footer-social {
    display: flex;
    align-items: center;
}
.footer-social a + a {
    margin-left: 10px;
}
.footer .footer-logos {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}
.footer .footer-logos > * {
    margin-top: 40px;
}
.footer .footer-logos > * + * {
    margin-left: 20px;
}
@media (min-width: 768px) {
    .footer {
        text-align: left;
    }
    .footer li {
        margin: 0;
    }
}

.flex {
    display: flex;
}

.btn > .glyphicon-right {
    top: 2px;
    margin-left: 8px;
}

a.external:after {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-left: 5px;
    display: inline;
    content: "\e164";
}
a.external:hover {
    text-decoration: none;
}

.panel-body > p:last-child {
    margin-bottom: 0;
}

.jumbotron-banner {
    padding: 0;
    margin-bottom: 0;
    border-top: 2px #d1d1d1 solid;
    border-bottom: 1px solid #eee;
    margin-top: -21px;
    background: none;
}
.jumbotron-banner h3 { margin-top: 20px; }
.jumbotron-banner p { font-size: 14px; font-weight: 400; margin-bottom: 5px; }
.jumbotron-banner img.pull-right { margin: 0; }

@media (min-width: 992px) {
    .jumbotron-banner div:last-child { display: block; }
}
@media (max-width: 1199px) {
    .jumbotron-banner { padding-bottom: 23px; }
}

/* site colors */
.green {
     color: #70b93b !important;
}
.blue {
     color: #305f9e !important;
}
.header:before,
.header:after,
.logo:before,
.logo:after,
.banner:before,
.banner:after {
    display: table;
    content: " ";
}
.header:after, .logo:after, .banner:after { clear: both; }
.banner img { margin: 0 !important; }

.footer {
    position: relative;
    width: 100%;
    color: #f2f2f2;
    background: #305f9e;
    margin-top: 30px;
}
.footer h5 {
    font-size: 18px;
}
.footer > .container {
    padding: 40px 15px;
}
.footer .logos { margin-top: 10px; }
.footer .logos img { margin-right: 32px; }
.footer a:last-child img { margin: 0; }
.footer a { color: #fff; }
.footer a:hover, .footer a:focus { color: #fff; }
.footer a:active { color: #fff; }
.footer hr { border-color: #6a81b6; }
.footer .social-buttons a:hover { text-decoration: none; }

@media (max-width: 991px) {
    .footer .logos a > img {
        margin-top: 20px;
        margin-bottom: 35px;
    }
    .footer { bottom: 0; }
}

/* back to top button */
.footer > .btn-up {
    top: -9px;
    left: 50%;
    height: 20px;
    width: 44px;
    margin-left: -22px;
    position: absolute;
    cursor: pointer;
    background: #305f9e;
    border-radius: 6px;
    z-index: 9999;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
    -webkit-transition: opacity 0.1s, top 0.1s;
       -moz-transition: opacity 0.1s, top 0.1s;
            transition: opacity 0.1s, top 0.1s;
    opacity: 0;
    line-height: 1.3;
}
.footer > .btn-up:hover { top: -12px; height: 28px; }
.footer > .btn-up.visible { opacity: 1; }
.ie .btn-up { display: none; }
.ie .btn-up.visible { display: block; }

.no-select,
.footer > .btn-up
.help-popover,
.help-popover > span {
    -webkit-user-select: none;
      -moz-user-select: none;
           user-select: none;
}

a { color: #305f9e; }
a:hover, a:focus { color: #92b4d8; }

/* lead sections */

.lead h2, .lead p { margin-bottom: 20px; }
.lead li { margin-bottom: 15px; }
.lead li:last-child { margin-bottom: 0 !important; }

.reasons {
    padding-left:40px;
}
ul, ol {
    margin-top: 0;
    margin-bottom: 0;
}
ul.list {
    padding: 0;
    list-style: none;
}
ul.list-blue > li {
    background: url(../img/tick-blue.png) no-repeat 12px 11px;
    padding: 10px 20px 10px 40px;
}
ul.list-green > li {
    margin: 5px 0 5px 0;
    font-size: 16px;
    background: url(../img/site/tick-roundel-30x2.png) no-repeat top left;
    padding: 2px 0 5px 40px;
    background-size: 28px 28px;
}
@media (max-width: 480px) {
  ul.list-green > li {
    background-size: 24px 24px;
  }
}
ul.list-relaxed > li {
    padding: 0;
    margin: 8px 0;
    font-weight: 500;
}
ul.checklist li {
    font-size: 18px !important;
}
@media (max-width: 768px) {
    ul.checklist li {
        font-size: 16px !important;
    }
    ul.list-tick-roundel > li {
        padding: 0;
        background-size: 25px 25px;
    }
}

ul.list-tick-roundel {
  list-style-type: none;
  position: relative;
  font-weight: 600;
  padding-left: 40px;
}
ul.list-tick-roundel li {
  display: flex;
  position: relative;
  align-items: center;
  min-height: 36px;
}
ul.list-tick-roundel li::before {
  content: '';
  position: absolute;
  top: 2px;
  left: -40px;
  height: 40px;
  width: 40px;
  background-size: contain;
  background-repeat: no-repeat;
}
ul.list-tick-roundel li::before {
  background-size: 30px 30px;
  background-image: url(../img/site/tick-roundel-30x2.png);
}

.form-control {
    border-width: 2px;
    border-color: #c7c8ca;
}

.small {
    color: #333 !important;
}
.small .label {
    display: inline-block;
    padding: 6px 8px !important;
    letter-spacing: 1;
    font-weight: 600;
    font-size: 14px;
}
.small .label.label-primary {
    background-color: #2f5da1;
}

label[for="identifier"] {
    display: flex;
    justify-content: space-between;
}

textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.form-control:focus,
.uneditable-input:focus {
    border-color: rgba(125, 126, 128, 0.8);
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(209, 210, 212, 0.6);
       -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(209, 210, 212, 0.6);
            box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(209, 210, 212, 0.6);
}
select.form-control::-ms-expand,
.form-group select.form-control::-ms-expand {
    display: none;
}
select.form-control,
.form-group select.form-control {
    border-radius: 0;
    line-height: 1.3333333;
    -webkit-appearance: none;
       -moz-appearance: none;
}
.select-wrapper {
    position: relative;
}
.select-wrapper:after,
.select-wrapper:after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    vertical-align: middle;
    border-color: #333;
    border-top: 5px dashed;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
    top: 48%;
    right: 12px;
}
select option:first-child[disabled] {
    color: #888;
    display: none;
}
form .input-group-addon {
    background: #eaeaea;
    border-width: 2px;
    border-radius: 0;
}

.has-warning .input-group-addon {
    color: #fc7f04;
    border-color: #fc7f04;
    background-color: #f4960e;
}

form .has-warning .input-group-addon {
    color: #fff;
}
form.row > .alert {
    margin: 0 15px 20px;
}
form .alert-inline {
    margin-bottom: 15px;
    min-height: 46px;
    font-size: 12px;
    line-height: 1.33;
    padding: 8px 12px;
}
@media (max-width: 767px) {
    form .alert-inline {
        margin: 0 15px 15px;
    }
}
form .form-group {
    position: relative;
}
form .form-group .glyphicon.form-control-addon {
    font-size: 24px;
    color: #f4960e;
    position: absolute;
    right: 10px;
    top: 39px;
    z-index: 100;
}

.form-group-lg .form-control {
    height: 46px;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
    border-radius: 0;
}

.help-popover {
    cursor: pointer;
}

textarea {
    resize: vertical;
}

.text-primary {
    color: #305f9e;
}

.btn-primary {
    background-color: #305f9e;
}

.btn-success {
    color: #fff;
    background-color: #70b93b;
    border-color: #64a635;
}

.alert-info {
    background-color: #eee;
    color: #222;
}

.alert-warning {
    background-color: #f4960e;
    color: #fff;
}

.alert-success {
    background-color: #70b93b;
}

.alert-danger {
    background-color: #ca0813;
    color: #fff;
}

.text-warning {
    color: #f4960e;
}

.text-success {
    color: #70b93b;
}

.text-danger {
    color: #ca0813;
}

/* Override error border color in bootstrap min */
.has-warning .form-control {
    border-color: #f4960e !important;
}
form .alert-inline .glyphicon {
    margin: 1px 12px 3px 0;
    font-size: 24px;
}
form input:focus {
    position: relative;
    z-index: 10;
}
form .form-group input + input {
  position: relative;
  top: -2px;
}
form .form-group input:nth-child(4) {
  top: -4px;
}
form .form-group .select-wrapper:nth-child(5) {
  top: -8px;
}
label { font-weight: 400; }

.input-group > .form-control:first-child {
    border-right-width: 1px;
}

/* fix for placeholder text-overflow */
input[placeholder] { text-overflow: ellipsis; }
::-moz-placeholder { text-overflow: ellipsis; }
input:-moz-placeholder { text-overflow: ellipsis; }

.checkbox label,
.radio label {
    padding-left: 0;
    margin-bottom: 15px;
}
.checkbox label:after,
.radio label:after {
    content: '';
    display: table;
    clear: both;
}
.checkbox .cr,
.radio .cr {
    position: relative;
    display: inline-block;
    border: 2px solid #c7c8ca;
    border-radius: .25em;
    width: 1.3em;
    height: 1.3em;
    float: left;
    margin-right: .6em;
}
.radio .cr {
    border-radius: 50%;
}
.checkbox label:hover .cr,
.radio label:hover .cr {
    border-color: #aaa;
}
.checkbox .cr .cr-icon,
.radio .cr .cr-icon {
    position: absolute;
    font-size: .8em;
    line-height: 0;
    top: 50%;
    left: 8%;
}
.radio .cr .cr-icon {
    margin-left: 0.04em;
}
.checkbox input[type="checkbox"],
.radio input[type="radio"] {
    opacity: 0;
}
.checkbox input[type="checkbox"] + .cr > .cr-icon,
.radio input[type="radio"] + .cr > .cr-icon {
    opacity: 0;
}
.checkbox input[type="checkbox"]:checked + .cr > .cr-icon,
.radio input[type="radio"]:checked + .cr > .cr-icon {
    opacity: 1;
}
.checkbox input[type="checkbox"]:disabled + .cr,
.radio input[type="radio"]:disabled + .cr {
    background-color: #eee;
    border-color: #c7cbca;
    cursor: default;
}
.form-control[readonly], .form-control[disabled] { cursor: inherit; }
.has-warning label.control-label { color: #555; }
.has-warning .checkbox .cr { border-color: #fc7f04; }
.has-warning .checkbox:hover .cr { border-color: #cb6602; }

.alert.fs-120 {
    padding: 10px 12px;
    line-height: 1.4;
    font-weight: 300;
}
.alert.alert-info.fs-120 {
    padding-top: 13px;
}
.alert.lead.fs-120 > .glyphicon.pull-left {
    font-size: 125%;
    margin: 11px 12px 11px 0;
}

.alert.alert-success,
.alert.alert-success a,
.alert-success .glyphicon
.alert.alert-danger,
.alert.alert-danger a,
.alert-danger .glyphicon,
.alert.alert-warning,
.alert.alert-warning a,
.alert-warning .glyphicon {
    color: #fff;
}
.alert.alert-warning a:hover { text-decoration: none; }
.alert { border: none; }

.jumbotron.jumbotron-branded {
    color: #f2f2f2;
    background-color: #305f9e;
}

.check-section .btn { white-space: normal; }

.break-word {
    -ms-word-break: break-all;
          word-break: break-all;
          word-break: break-word;

    -webkit-hyphens: auto;
       -moz-hyphens: auto;
        -ms-hyphens: auto;
            hyphens: auto;
}

/* helper for floating images */
img.pull-right { margin: 0 0 7px 15px; }
img.alignleft { float: left; border-radius: 4px; margin: 0 18px 4px 0; }

/* more margin/font-size helpers */
.font-medium,
.lead.font-medium {
    font-weight: 600 !important;
}

.mt-0 { margin-top: 0px !important; }
.mt-5 { margin-top: 5px; }
.mt-7 { margin-top: 7px; }
.mt-10 { margin-top: 10px; }
.mt-15 { margin-top: 15px; }
.mt-20 { margin-top: 20px; }
.mt-25 { margin-top: 25px; }
.mt-30 { margin-top: 30px !important; }
.mt-40 { margin-top: 40px !important; }
.mt-50 { margin-top: 50px !important; }

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

.mb-0 { margin-bottom: 0px !important; }
.mb-5 { margin-bottom: 5px; }
.mb-7 { margin-bottom: 7px; }
.mb-10 { margin-bottom: 10px !important; }
.mb-15 { margin-bottom: 15px; }
.mb-20 { margin-bottom: 20px; }
.mb-25 { margin-bottom: 25px; }
.mb-30 { margin-bottom: 30px; }
.mb-40 { margin-bottom: 40px; }
.mb-50 { margin-bottom: 50px; }

.mr-20 {margin-right:20px;}
.mr-30 {margin-right:30px;}
.mr-40 {margin-right:40px;}

/* useful helpers pad */
.p-r-20 { padding-right: 20px; }
.p-r-30 { padding-right: 30px; }
.p-r-40 { padding-right: 40px; }

.p-l-20 { padding-left: 20px; }
.p-l-30 { padding-left: 30px; }
.p-l-40 { padding-left: 40px; }

.fs-14 { font-size: 14px; }
.fs-110 { font-size: 110%; }
.fs-120 { font-size: 120%; }
.fs-130 { font-size: 130%; }
.fs-140 { font-size: 140%; }
.fs-500 { font-size: 500%; }

.zero-pad { padding: 0 !important; }
.zero-pad-left { padding-left: 0 !important; }
.zero-pad-right { padding-right: 0 !important; }
.zero-margin { margin: 0 !important; }

.paddling { padding: 0 !important; }

@media screen and (max-width: 991px) {
    .zero-pad { padding: 15px !important; }
    .zero-pad-left { padding-left: 15px !important; }
    .zero-pad-right { padding-right: 15px !important; }
    .zero-margin { margin: 0 !important; }
}

.relative { position: relative; }

@media (max-width: 991px) {
    .text-center-sm { text-align: center; }
    .nav-pills > li + li { margin-left: 0; }
}
@media (max-width: 349px) {
    .hidden-xxs { display: none; visibility: hidden; }
    .footer .logos a > img { margin: 10px 0 20px 0; }
}

table.table-prices th:last-child,
table.table-prices td:last-child {
    color: #da4f49;
}

.fixed-table-loading {
    background-color: rgba(255, 255, 255, 0.5) !important;
    top: 42px !important;
    text-indent: -9999px;
}

input.input-identifier { text-transform: uppercase; }
input.input-identifier::-webkit-input-placeholder { text-transform: none; }
input.input-identifier::-moz-placeholder { text-transform: none; }
input.input-identifier:-moz-placeholder { text-transform: none; }
input.input-identifier:-ms-input-placeholder { text-transform: none; }

/* placeholder for loading recaptcha */
.g-recaptcha { min-height: 78px; }

.cc-cookies {
    position: fixed;
    width: 100%;
    left: 0;
    top: 0;
    padding: 0.4em 5%;
    background: #565656;
    color: #fff;
    z-index: 99999;
    text-align: center;
    -webkit-transition: bottom 0.05s ease-in;
         -o-transition: bottom 0.05s ease-in;
            transition: bottom 0.05s ease-in;
}
.cc-cookies.duck {
    bottom: -35px !important;
}
.cc-cookies .text-block {
    display: inline;
}
.cc-cookies .btn {
    margin-left: 7px;
}

@media (max-width: 800px) {
    .cc-cookies {
        padding: 15px;
    }
    .cc-cookies .text-block {
        display: block;
    }
    .cc-cookies .btn {
        margin: 5px auto 0;
    }
}
p.social a {
    text-decoration: none;
    margin-left: 5px;
}

/* Ecosystem page  */

ul {
    list-style-type: square;
}
ul.ecosystem li img {
    padding-left: 20px;
    padding-bottom: 20px;
}
ul.ecosystem li {
    padding-bottom: 20px;
}
img.recipero-logo {
    padding: 0 20px 0 0;
}

/* Payment Registration Section  */

.secure-payment {
    margin-top: 20px;
    font-size: 18px !important;
}

.checkdata-1 {

    padding-right: 0 !important;
}
.checkdata-2 {
    padding-left: 0 !important;
    padding-right: 0 !important;
}
.checkdata-3 {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

@media (max-width: 767px) {
    .checkdata-1 {
        padding-left: 15 !important;
        padding-right: 15px !important;
    }
    .checkdata-2 {
        padding-left: 15px !important;
        padding-right: 15px !important;

    }
    .checkdata-3 {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
}
.checkdata dl {
    border: solid 1px #CCC;
    margin: 0;
    padding: 0

}
.checkdata dt {
    border-bottom: solid 1px #CCC;
    background-color: #ededed;
    padding: 8px;
    margin: 0;
}
.checkdata dd {
    padding: 8px;
    margin: 0;
}

/* primary page styles */

ul.benefits {
    list-style-type: none;
    margin: 0 !important;
    padding: 0;
}
ul.benefits li {
    margin: 1px 0;
    padding: 8px 0 8px 35px;
    background: url(../img/site/tick-roundel-30x2.png) no-repeat 0 8px;
    background-size: 22px 22px;
}
.border-left-b {
    border-left: solid 5px #305f9e;
    padding-left: 20px;
}
.border-left-g {
    border-left: solid 5px #e2e2e2;
    padding-left: 20px;
}
.side-box {
    margin-left: 30px;
}
@media (max-width: 991px) {
    .side-box { margin-left: 0; }
}
ol li {
    margin-bottom: 5px;
}
h4.why-check {
    font-size: 20px;
}
@media (max-width: 768px) {
    h4.why-check {
        font-size: 16px;
    }
}

/* causes page issues on load */
.fixed-table-loading { display: none !important; }
#results .glyphicon { top: 2px; }

/* BSTOCK page styles */
.test-border {
    border: solid 1px red;
}
.base-line {
    border-bottom: solid 1px #e2e2e2;
}
.box-divider-1 {
    border-right: dashed 1px #e2e2e2;
    padding-right: 40px;
}
.box-divider-2 {
    padding-left: 40px;
}
@media (max-width: 991px) {
    .box-divider-1 {
        border-right: none;
        padding-right: 0;
        padding-bottom: 30px;
        border-bottom: dashed 1px #e2e2e2;
    }
    .box-divider-2 {
        padding-left: 20px;
        margin-bottom:20px;
        padding-top:10px;
    }
}

/* Adjusts the iframe form so it lines up with the heading content */
.iframe {
    margin-left:-50px;
}
.iframe-2 {
    margin-left:-10px;
}

/* Geo page styles */
.header-underline {
    border-bottom: solid 5px #e2e2e2;
}
.media-border {
    border: solid 1px #cccccc;
    border-radius: 3px;
    padding: 20px;
}
.acc-highlight {
    background-color: #eaeaea;
    border: solid 1px #d1d1d1;
    border-radius: 3px;
    padding: 5px 10px 5px 10px;
    margin: 0 15px 20px 15px;
}

/* Trust pilot styles */

div.trustp-border {
    border: solid 1px #ddd;
    padding: 20px;
    border-radius:4px;
}

.inline-date-form {
    width: 100%;
    display: table;
}

/* Date of birth fields */
.inline-date-form > input {
    float: left;
    margin-right: 1%;
    width: 21%;
}
.inline-date-form > .select-wrapper {
    float: left;
    margin-right: 1%;
    width: 49%;
    display: inline-block;
}
.inline-date-form > input:last-of-type {
    margin: 0;
    width: 28%;
}
.inline-date-form .help-block {
    color: #fc7f04;
    clear: both;
    display: block;
    padding-top: 5px;
    margin: 0;
}
.inline-date-form .help-block:after {
    content: ' ';
    display: table;
}


/* News fix
================================== */

div#news-display img {
    max-width: 400px;
    height: auto;
    padding: 15px 15px 15px 0;
}
div#news-display ul {
    list-style: outside disc;
    margin-left: 1em;
}
div#news-display ul li {
    position: relative;
    left: 1em;
    padding-right: 1em;
}

#passwordstrength-bar-holder {
    height: 30px;
    margin: 10px 0 0 0;
    overflow: hidden;
    background-color: #f5f5f5;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 2px rgb(0 0 0 / 10%);
    box-shadow: inset 0 1px 2px rgb(0 0 0 / 10%);
}

#passwordstrength-bar {
    color: #333;
    padding: 5px;
    text-align: center;
}

.passwordstrength-length {
    background-color: #d9534f;
    width: 100%;
    transition: 1s;
}

.passwordstrength-weak {
    background-color: #d9534f;
    width: 40%;
    transition: 1s;
}

.passwordstrength-medium {
    background-color: #f0ad4e;
    width: 66%;
    transition: 1s;
}

.passwordstrength-strong {
    background-color: #5cb85c;
    width: 100%;
    transition: 1s;
}

.password-error {
    color: #a94442;
}

/* Fix for pricing tables breaking mobile view layout */
.table-responsive {
    max-width: calc(100vw - 3rem);
}