/**slider
* Mr Lender application CSS file.
* 
* Extends a full twitter bootstrap download file.
*/
/****************** Layout ******************/
html {
  background: #333333;
}

body {
  background: url("../../img/masterpages/background-pattern-dark.png") repeat 0 0;
  color: #4F4F4F;
  font-family: "proxima-nova-n4", "proxima-nova", "Helvetica Neue", Arial, sans-serif;
  font-style: normal;
  font-weight: 400;
}

.container {
  position: relative;
  z-index: 1;
  width: 1025px;
  /*width: 940px;*/
}

.actionCommon {
  overflow: hidden;
}

.header > .container {
  margin-top: -16px;
  position: static;
}

.privacyNotice-messageContainer {
  display: none;
}

/* flat grass, no side bar */
.main-wrap {
  overflow: hidden;
  position: relative;
  background: url("../../img/masterpages/flat-grass.png") repeat-x center bottom;
  z-index: 1;
}

.makepayment .latePaymentWarning, .carddetails .latePaymentWarning, .econtract .latePaymentWarning, .activeaddcard .latePaymentWarning {
  display: none;
}
.makepayment .header, .carddetails .header, .econtract .header, .activeaddcard .header {
  margin-top: 0;
}
.makepayment .header > .container, .carddetails .header > .container, .econtract .header > .container, .activeaddcard .header > .container {
  margin-top: 0px;
}

.installmentloan .privacyNotice-messageContainer, .personaldetails .privacyNotice-messageContainer, .activeaddcard .privacyNotice-messageContainer {
  display: block;
}

.home .privacyNotice-messageContainer, .page .privacyNotice-messageContainer, .signcontract .privacyNotice-messageContainer, .carddetails .privacyNotice-messageContainer, .payment > .processing .privacyNotice-messageContainer, .myaccount > .pendingloan .privacyNotice-messageContainer, .makepayment > .dma .privacyNotice-messageContainer, .makepayment > .repaymentplan .privacyNotice-messageContainer, .makepayment > .setuprepayplan .privacyNotice-messageContainer, .makepayment > .rpsetupaffordability .privacyNotice-messageContainer, .makepayment > .rpsetupaffordabilityOffer .privacyNotice-messageContainer {
  display: none !important;
}

.deferralbooking .header > .container {
  margin-top: 0px;
}

.makepayment .secure .inner, .carddetails .secure .inner {
  float: left;
}
.makepayment .secure .title, .carddetails .secure .title {
  font-size: 12px;
  color: #95A223;
  background: url("../../img/masterpages/icon-lock.png") no-repeat scroll left center transparent;
  height: 18px;
  line-height: 22px;
  margin-bottom: 5px;
  padding-left: 20px;
}
.makepayment .secure p, .carddetails .secure p {
  font-size: 10px;
  margin-bottom: 0;
  line-height: 13px;
  color: #949494;
  text-align: justify;
}

.note-trustpilot {
  position: absolute;
  height: 85px;
  width: 125px;
  border-style: none;
  display: block;
  overflow: hidden;
  left: 995px;
  bottom: 463px;
}

.marg10 {
  margin: 10px;
}

/* trust pilot widget and sticky note */
@media (max-width: 979px) {
  .visible-desktop-trustpilot {
    display: none !important;
  }
  .visible-desktop-trustpilot-widget {
    display: none !important;
  }
}
.visible-desktop-trustpilotStickyNote {
  width: 153px;
}

.trustpilot-widget.note-trustpilot {
  left: 998px;
  position: absolute !important;
  top: 151px;
}

@media (max-width: 1024px) {
  .visible-desktop-large {
    display: none !important;
  }
  /* Hide for iPad landsape and below */
}
/* Live Chat 
.live-chat{background: url("../../img/masterpages/live-chat.png") no-repeat scroll 0 0 transparent; position: fixed; top:75px; right:0px; width:69px; height:66px; z-index: 10;}
.live-chat a{width:100%; height:100%; display:block;}
*/
/****************** Top Navigation ******************/
.scrollable {
  overflow: auto;
}

/*Show scroll bar in Iphone and Ipad*/
.scrollable::-webkit-scrollbar {
  -webkit-appearance: none;
}

.scrollable::-webkit-scrollbar:vertical {
  width: 6px;
}

.scrollable::-webkit-scrollbar-thumb {
  border-radius: 5px;
  border: 1px solid white;
  background-color: rgba(0, 0, 0, 0.5);
}

#mainModal {
  border-radius: 20px;
  border: none;
  height: 99%;
  overflow: scroll;
}

#mainModal .modal-body {
  margin-bottom: 17px;
}

.latePaymentWarningContainer {
  background-color: #D42029;
  line-height: 16px;
  padding: 0 5px 0 5px;
  width: 100%;
  z-index: 1000;
}

.latePaymentWarning {
  color: #fff;
  font-size: 14px;
  line-height: 16px;
  margin: 0 auto;
  text-align: center;
  width: 100%;
}

.latePaymentWarning a, .latePaymentWarning a:hover {
  color: #fff;
  text-decoration: none;
}

@media (max-width: 979px) {
  .latePaymentWarningContainer .latePaymentWarning, .latePaymentWarningContainer {
    font-size: 12px;
  }
  .latePaymentWarningContainer.scrolled .latePaymentWarning {
    margin-top: 0;
  }
}
.carddetails .navigation, .carddetails .logo, .makepayment .navigation, .makepayment .logo, .deferralbooking .navigation, .deferralbooking .logo, .activeaddcard .navigation, .activeaddcard .logo {
  margin-top: 0;
}

.logo {
  float: left;
  width: 155px;
  padding: 9px 0 0 10px;
  margin-bottom: -6px;
  margin-top: 16px;
}

.navigation {
  width: 770px;
  float: left;
  padding-right: 5px;
  margin-top: 16px;
}

.navigation ul {
  float: right;
  margin-bottom: 0;
  overflow: hidden;
  padding: 0 5px 5px 0;
}

.navigation li {
  float: left;
  padding-top: 12px;
  padding-bottom: 12px;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  margin-left: 0px;
}

.navigation li > a {
  display: block;
  border-left: 1px solid #d52029;
  font-size: 13px;
  line-height: 13px;
  padding: 3px 20px 0 19px;
  color: #3f3f3f;
  font-weight: bold;
  text-decoration: none;
  height: 100%;
}

.navigation li:first-child > a {
  border-left: 0;
  padding-left: 30px;
}

/* .active and :hover styles */
.navigation li.active,
.navigation li:hover {
  background: #d52029;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.5);
}

.navigation li.active a,
.navigation li:hover a {
  color: #fff;
}

.navigation li.active + li a,
.navigation li:hover + li a {
  border-left: 1px solid transparent;
}

.navigation .sign-in {
  background-color: #333;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.5);
  margin-left: 21px;
}

.navigation .sign-in:hover {
  background-color: #333;
}

.navigation .sign-in a {
  color: #fff;
  border-left: 0;
  padding-left: 30px;
}

.navigation li.active + li.sign-in a, .navigation li:hover + li.sign-in a {
  border-left: none;
}

.navigation .btn-navbar {
  display: none;
  float: right;
  text-decoration: none;
  color: #fff;
  padding: 10px;
  cursor: pointer;
}

.mobile-logo {
  display: none;
}

.whiteBox {
  background: #FFF;
  border-radius: 10px;
  margin: 15px 0px 40px 0px;
  padding: 10px;
  font-size: 1.1em;
}
.whiteBox div.companyBulletPoints {
  width: 98%;
}
.whiteBox div.companyBulletPoints img {
  margin-top: -1px;
}

.whiteBoxSmallPage {
  min-height: 300px;
  min-width: 300px;
  padding: 10px;
}

/***************** Side Bar *********************/
/* this is for a positioned one */
.sidebar {
  width: 250px;
  float: left;
  position: relative;
  left: 50%;
  margin-left: -470px;
  z-index: 120;
}

.row-padded {
  padding: 10px;
}

.sidebar + .main-content {
  width: 640px;
  float: left;
  left: 50%;
  margin-left: -180px;
  padding-bottom: 200px;
}

.main-content {
  position: relative;
  z-index: 1;
}

.sidebar .menu {
  margin: 0;
  padding: 0;
  margin-bottom: 30px;
}

.sidebar .menu li {
  margin: 0;
  padding: 0;
  list-style: none;
  padding: 5px 0;
}

.sidebar .menu > li {
  border-bottom: 1px solid #4f4f4f;
}

.sidebar .menu > li > span {
  margin-left: 25px;
}

.sidebar .menu > li.active > span {
  margin-left: 0px;
}

.sidebar .menu li a {
  padding-left: 20px;
  display: block;
  font-family: "proxima-nova-n4", "proxima-nova", "Helvetica Neue", Arial, sans-serif;
  font-style: normal;
  font-weight: 400;
  color: #4f4f4f;
  text-decoration: none;
}

.sidebar .menu li a:hover {
  color: #4f4f4f;
}

.sidebar .menu li.active > a, .sidebar .menu li.active > span {
  padding-left: 20px;
  display: block;
  font-family: "proxima-nova-n7", "proxima-nova", "Helvetica Neue", Arial, sans-serif;
  font-style: normal;
  font-weight: 700;
  background: url("../../img/masterpages/sidebar-menuIndicator.png") no-repeat scroll 5px 50% transparent;
}

/* Content blocks are those wrapped in the white pill shape, such as the calculator container*/
.content-block {
  background: #DCEFF8;
  background: rgba(255, 255, 255, 0.3);
  border-radius: 20px;
}

.content-block .inner {
  padding: 10px 17px 10px 17px;
  background: #fff;
  border-radius: 20px;
  box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.22);
}

.content-block .hr {
  width: 100%;
  height: 1px;
  background-color: #edeeee;
  margin-top: 20px;
  margin-bottom: 20px;
}

.content-block + .content-block {
  margin-top: 20px;
}

.sidebar .apr {
  position: absolute;
  left: 50%;
  top: auto;
  margin-top: 0px;
  margin-left: -100px;
  z-index: 200;
}

.mr-lender-visor {
  background: url("/Content/img/makepayment/no-complete-loan-mr-lender-visor.png") no-repeat -8px 49px;
  width: 285px;
  height: 568px;
  z-index: 2;
  float: left;
  margin-top: 7px;
}

@-ms-viewport {
  width: auto !important;
}
.main-wrap .container {
  min-height: 585px;
}

/******************* The moving clouds **********************/
.main-wrap .item-cloud {
  position: absolute;
  top: 20px; /* 120 for fixed*/
  background: url("../../img/masterpages/cloud.png") no-repeat;
  height: 149px;
  width: 384px;
  z-index: 0;
  -webkit-animation: movecloudsLeft 30s linear infinite;
  -moz-animation: movecloudsLeft 30s linear infinite;
  -o-animation: movecloudsLeft 30s linear infinite;
  animation: movecloudsLeft 30s linear infinite;
}

.main-wrap .item-cloud.background {
  top: 250px; /* 350 for fixed */
  -webkit-animation: movecloudsRight 30s linear infinite;
  -moz-animation: movecloudsRight 30s linear infinite;
  -o-animation: movecloudsRight 30s linear infinite;
  animation: movecloudsRight 30s linear infinite;
}

.no-csstransitions .main-wrap .item-cloud {
  left: 50%;
  margin-left: -784px;
}

.no-csstransitions .main-wrap .item-cloud.background {
  left: 50%;
  margin-left: 400px;
}

/************************* FOOTERS ***********************************/
.social {
  position: relative;
  background: url("../../img/masterpages/social/social-bg.png");
  height: 43px;
  padding: 5px 0px;
  z-index: 1;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.7);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.7);
}

.social .media-links {
  margin-right: 6px;
  width: 70px;
  padding-left: 10px;
  float: left;
}

.social .media-links ul {
  margin-bottom: 0px;
}

.social .media-links li {
  float: left;
}

.social .media-links ul li:first-child {
  margin-left: 0px;
}

.social .twitter-feed {
  background: url("../../img/masterpages/social/icon-tweet.png") center left no-repeat;
  font-family: Arial, Helvetica, sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 12px;
  color: #0a85bd;
  float: left;
  width: 775px;
  padding-left: 40px;
  margin-top: 3px;
}

.social .twitter-feed .twitter-label {
  font-family: "brandon-grotesque-n4", "brandon-grotesque", "Helvetica Neue", Arial, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  letter-spacing: -1px;
  margin-right: 5px;
}

.social .twitter-feed .twitter-label strong {
  font-weight: 500;
}

.social .twitter-feed .twitter-user {
  font-size: 12px;
  font-style: italic;
  display: inline-block;
  margin-right: 3px;
}

/* Branding section */
.branding-snippet {
  position: relative;
  background-color: #f5f5f5;
}

.branding-snippet .container {
  text-align: center;
  color: #333;
}

.branding-snippet .container h3 {
  padding-top: 10px;
  color: #333;
  font-weight: normal;
  font-size: 28px;
}

.branding-snippet img {
  max-height: 110px;
}

.branding-snippet .container p {
  text-align: justify;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 10px;
  margin-bottom: 10px;
}

/* Associates section */
.associates {
  position: relative;
  background-color: #F5F5F5;
  height: 80px;
  padding-top: 10px;
  box-shadow: inset 0 -10px 10px -10px #000000;
  border-top: solid 1px black;
}

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

.associates img {
  display: inline-block;
  margin: 0 16px;
  margin-right: 20px;
}

.associates img {
  margin-left: 0;
}

.associates-texts {
  max-width: 940px;
  margin: 0 auto;
  font-weight: bold;
}

.associates-texts p {
  margin-bottom: 5px;
  margin-top: 10px;
}

.associates .blackfooter-redlink, .associates .blackfooter-redlink:hover {
  background-color: #D8222C;
  border: 1px solid gray;
  border-radius: 4px 4px 4px 4px;
  box-shadow: 0 1px 0 0 #000000;
  color: #FFFFFF;
  font-weight: bold;
  padding: 5px 15px;
  text-decoration: none;
  margin-right: 0px;
  display: inline-block;
}

.associates #kliki {
  padding-top: 8px;
}

.reviewsCoUk {
  float: left;
  padding-top: 13px;
  margin: 0 30px 0 5px;
}

.reviewsCoUk img {
  margin: 0;
  display: block;
}

.reviewsCoUk #reviewscouk_badge {
  color: white !important;
  font-family: arial !important;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2) !important;
  position: relative !important;
  font-size: 10px !important;
  line-height: 10px !important;
  border-radius: 5px !important;
  background-color: #D71822 !important;
  border: 1px solid #D71822 !important;
  width: 210px !important;
  height: 38px;
  cursor: pointer !important;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5) !important;
  display: none;
}

.reviewsCoUk #reviewscouk_score {
  color: white !important;
}

.reviewsCoUk #reviewscouk_badge > div {
  width: 50px !important;
  position: absolute !important;
  padding-top: 5px !important;
}

.reviewsCoUk .ruk_overlay_content {
  position: absolute;
  top: -449px;
  left: 229px;
  width: 600px;
  height: 500px;
  padding: 16px;
  background-color: white;
  border: 1px solid #ccc;
  z-index: 9992;
  overflow: auto;
  border-radius: 5px;
}

/* APR Container */
.aprDiv {
  font-size: 48px;
  margin-top: 13px;
  font-weight: bold;
}

.respresentativeText {
  font-weight: bold;
}

.aprText {
  margin-top: 8px;
  font-weight: bold;
}

.apr {
  background-color: #ffffff;
  border-radius: 10px;
  width: 200px;
  position: relative;
  left: 10px;
  top: 15px;
  color: #4f4f4f;
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.22);
}

.apr-header {
  line-height: 26px;
  background-color: #f9fcff;
  border-radius: 10px;
  text-align: center;
  padding: 15px 0px;
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.22);
  font-size: 21px;
  color: #333333;
}

.apr-header a {
  display: block;
  font-size: 12px;
  font-weight: bold;
}

.apr-example-text {
  display: none;
}

#cost-of-credit-trigger-for-home {
  display: none;
}

.apr-first-div p,
.apr-second-div p,
.apr-third-div p,
.apr-administration-warning p {
  margin-bottom: 0;
}

.apr-administration-warning {
  margin: 20px 0;
}

.footer {
  position: relative;
  font-size: 11px;
  line-height: 14px;
  background: #333333;
  border-top: 1px solid #3f3f3f;
  color: #ffffff;
  padding-top: 24px;
}

.footer-logo {
  float: left;
  width: 190px;
}

.footer-nav {
  float: left;
}

.footer-nav li {
  float: none;
  font-size: 12px;
  padding-right: 20px;
}

.footer-nav li:last-child {
  padding-right: 0px;
}

.footer-nav li a {
  color: #fff;
  text-decoration: none;
}

.footer-nav p {
  margin-bottom: 2px;
}

.footer-nav p a {
  color: #fff;
}

.footer .phone-terms {
  font-style: italic;
  line-height: 17px;
}

/****************************** MODALS ***********************************/
body .modal.large {
  width: 90%;
  left: 5%;
  margin: auto auto auto auto;
}

body .modal.medium {
  width: 80%;
  left: 10%;
  margin: auto auto auto auto;
}

body .modal-header h3 {
  font-size: 28px;
  line-height: 36px;
}

/*************************** ACCORDIANS THAT OPEN AND CLOSE ************/
body .accordion {
  margin-bottom: 50px;
}

body .accordion-group {
  border: 0;
  border-radius: 0;
  border-bottom: 1px solid #333333;
}

body .accordion-heading .accordion-toggle {
  background: url("../../img/masterpages/accordion-toggle-open.png") no-repeat scroll 0 0 transparent;
  color: #D52029;
  font-size: 18px;
  font-weight: 600;
  line-height: 28px;
  margin: 15px 0;
  padding: 0 0 0 35px;
  text-decoration: none;
}

body .accordion-heading .accordion-toggle.collapsed {
  color: #333333;
  background: url("../../img/masterpages/accordion-toggle-closed.png") no-repeat scroll 0 0 transparent;
  font-weight: 400;
}

body .accordion-heading .accordion-toggle.collapsed.black-header {
  background: url("../../img/masterpages/accordion-toggle-open-black.png") no-repeat scroll 0 0 transparent;
  color: #000000;
}

body .accordion-inner {
  border: 0;
  padding: 9px 15px 9px 35px;
}

/******************************* BUTTONS ********************************/
.large-button,
.large-button:hover,
.large-button:active,
.large-button:focus:active {
  font-family: "brandon-grotesque-n5", "brandon-grotesque", "Helvetica Neue", Arial, sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  line-height: 46px;
  letter-spacing: -1px;
  color: #fff;
  text-align: center;
  display: inline-block;
  *display: inline;
  zoom: 1;
  height: 46px;
  /*width:125px !important;*/
  background-color: #d52029;
  border: none;
  border-radius: 23px;
  text-decoration: none;
  padding: 0 20px;
}

.large-button:disabled, .btn-green:disabled {
  background-color: #eeeeee;
}

.btn-green,
.btn-green:hover,
.btn-green:active,
.btn-green:focus:active {
  background-color: #228B22;
}

/****************** Forms ******************/
body input, select, textarea {
  font: "proxima-nova-n4", "proxima-nova", "Helvetica Neue", Arial, sans-serif;
  font-style: normal;
  font-weight: 400;
}

textarea,
textarea:focus,
select,
body .form-inline input[type=text],
body .form-inline input[type=text]:focus,
body .form-inline input[type=tel],
body .form-inline input[type=tel]:focus,
body .form-inline input[type=email],
body .form-inline input[type=email]:focus,
body .form-inline input[type=number],
body .form-inline input[type=number]:focus,
body .form-inline input[type=password],
body .form-inline input[type=password]:focus,
body .form-horizontal input[type=text],
body .form-horizontal input[type=text]:focus,
body .form-horizontal input[type=tel],
body .form-horizontal input[type=tel]:focus,
body .form-horizontal input[type=email],
body .form-horizontal input[type=email]:focus,
body .form-horizontal input[type=number],
body .form-horizontal input[type=number]:focus,
body .form-horizontal input[type=password],
body .form-horizontal input[type=password]:focus {
  color: #4f4f4f;
  background: #f5f5f5;
  border: 1px solid #b9bcbe;
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.15) inset;
  height: 20px;
  line-height: 20px;
  border-radius: 3px;
  padding: 5px;
}

.placeholder {
  color: #aaa !important;
}

textarea, textarea:focus {
  height: auto;
  resize: vertical;
}

.control-group {
  position: relative;
}

.form-inline .help-block,
.form-horizontal .help-block {
  font-size: 11px;
}

.form-inline select + .help-block,
.form-horizontal select + .help-block,
.form-inline input + .help-block,
.form-horizontal input + .help-block {
  margin-top: 0px;
}

.main-wrap .error a {
  color: #B94A48 !important;
}

.error input, .error select {
  border-color: #B94A48 !important;
}

input::-webkit-input-placeholder {
  color: #aaa;
}

input:-moz-placeholder {
  color: #aaa;
}

input::-moz-placeholder {
  color: #aaa;
}

input:-ms-input-placeholder {
  color: #aaa !important;
}

.fieldset, .apply-inner > .validation-summary-errors, .apply-inner > .messageContainer {
  border-radius: 10px;
  padding: 10px 15px;
  margin-bottom: 20px;
  box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.22);
  background: #d5d7d7;
  background: rgba(209, 209, 209, 0.8);
}

.apply-inner > .validation-summary-errors, .apply-inner > .messageContainer {
  margin: 10px 0;
  border-radius: 10px;
  padding: 10px;
}

.legend {
  font-family: "brandon-grotesque-n5", "brandon-grotesque", "Helvetica Neue", Arial, sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  line-height: 24px;
  letter-spacing: -1px;
  margin-bottom: 3px;
  border: none;
}

.legend {
  color: #d52029;
}

.legendSmaller {
  font-size: 1.3em;
}

/* No JS means no nice fonts... */
.no-js .legend {
  font-size: 18px;
}

body .fieldset .form-horizontal .control-group.checkbox {
  padding-left: 0;
}

body .fieldset .form-horizontal .inner {
  width: 890px;
  margin: 0 auto;
}

body .fieldset .form-horizontal .control-group {
  position: relative;
  margin-bottom: 4px;
  *margin-bottom: 2px;
}

body .fieldset .form-horizontal label {
  font-size: 11px;
}

@media (max-width: 979px) {
  body .fieldset .form-horizontal label {
    font-size: 14px;
  }
}
body .fieldset .form-horizontal .control-label {
  width: 105px;
  text-align: left;
  margin-bottom: 0;
  line-height: 18px;
  padding: 2px 0;
  text-align: justify;
}

body .fieldset .form-horizontal .controls {
  margin-left: 105px;
  *margin-left: 0;
}

body .fieldset .form-horizontal .controls:first-child {
  *padding-left: 125px;
}

body form .error.checkbox:hover .error-tooltip,
body form .error input:focus ~ .error-tooltip,
body form .error select:focus ~ .error-tooltip {
  display: block;
  position: absolute;
  top: 100%;
  margin-top: 4px;
  z-index: 10;
}

body form .error.checkbox:hover .error-tooltip {
  margin-left: 20px;
}

.terms-checkboxes .control-group label {
  float: right !important;
  width: 230px !important;
  padding-left: 0;
  line-height: 15px !important;
}

.terms-checkboxes .control-group .controls {
  float: left;
  margin-left: 0 !important;
}

.terms-checkboxes .control-group.error .controls {
  margin-top: -18px;
}

.terms-checkboxes .control-group.error .controls .error-tooltip {
  display: block;
}

.terms-checkboxes .control-group .controls .error-tooltip.hidden {
  display: none;
}

.terms-checkboxes .control-group .controls #AgreeToTerms {
  padding: 0 !important;
}

.terms-checkboxes .control-group.error .controls #AgreeToTerms {
  margin-top: -35px !important;
}

body .card-box input[type=text],
body .card-box input[type=number],
body .card-box input[type=tel],
body .card-box input[type=email] {
  font-size: 12px;
}

body .card-box select {
  border-radius: 2px;
  font-size: 12px;
  height: 32px;
}

body .fieldset .form-horizontal input[type=text],
body .fieldset .form-horizontal input[type=number],
body .fieldset .form-horizontal input[type=tel],
body .fieldset .form-horizontal input[type=email] {
  font-size: 12px;
  padding: 2px;
  line-height: 16px;
  height: 16px;
  width: 125px;
}

body .fieldset .form-horizontal select {
  width: 125px;
  border-radius: 2px;
  font-size: 11px;
}

body .fieldset .form-horizontal select {
  height: 23px;
  padding: 2px;
  width: auto;
}

body .fieldset .form-horizontal .radio input, .checkbox input {
  width: auto;
}

body .fieldset .faux-form .control-group .controls {
  margin-left: 170px;
}

body .fieldset .faux-form span.control-label {
  font-size: 12px;
  width: 160px;
}

body .fieldset .faux-form span.value {
  font-size: 12px;
}

.input-mini {
  width: 60px !important;
}

.select-mini {
  width: 60px !important;
}

.input-small {
  width: 90px !important;
}

.input-large {
  width: 160px !important;
}

.input-left-space-small {
  margin-left: 80px !important;
}

.input-label-small {
  width: 50px !important;
}

.input-validation-error {
  background-color: #F7DEE9 !important;
}

.mr-lender-coffee {
  background: url("../../img/econtract/esign-mr-lender-coffee.png") no-repeat;
  width: 186px;
  height: 270px;
  position: absolute;
}

.top.tooltip .tooltip-arrow {
  border-top-color: #D52029;
}

.tooltip-inner {
  font-family: "brandon-grotesque-n5", "brandon-grotesque", "Helvetica Neue", Arial, sans-serif;
  font-style: normal;
  font-size: 15px;
  background-color: #D52029;
}

/* Popover */
.popoverTrigger {
  cursor: help;
}

.popover {
  border: 1px solid #8a2125;
  text-align: center;
  text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.6);
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.6);
  border-radius: 5px;
  background: -moz-linear-gradient(top, rgba(231, 103, 111, 0.9) 0%, rgba(220, 37, 47, 0.9) 1%, rgba(187, 19, 25, 0.9) 99%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(231, 103, 111, 0.9)), color-stop(1%, rgba(220, 37, 47, 0.9)), color-stop(99%, rgba(187, 19, 25, 0.9))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, rgba(231, 103, 111, 0.9) 0%, rgba(220, 37, 47, 0.9) 1%, rgba(187, 19, 25, 0.9) 99%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, rgba(231, 103, 111, 0.9) 0%, rgba(220, 37, 47, 0.9) 1%, rgba(187, 19, 25, 0.9) 99%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, rgba(231, 103, 111, 0.9) 0%, rgba(220, 37, 47, 0.9) 1%, rgba(187, 19, 25, 0.9) 99%); /* IE10+ */
  background: linear-gradient(to bottom, rgba(231, 103, 111, 0.9) 0%, rgba(220, 37, 47, 0.9) 1%, rgba(187, 19, 25, 0.9) 99%); /* W3C */
  background: #D52029 !important; /* Old browsers */
}

.popover, .popover-title {
  font-family: "proxima-nova-n4", "proxima-nova", "Helvetica Neue", Arial, sans-serif;
  font-weight: normal;
  color: #fff;
  font-size: 14px;
  letter-spacing: normal;
  line-height: 16px;
}

.popover .popover-title {
  font-weight: 600;
  border-radius: 0px;
  border: none;
  background: none;
}

.popover .popover-title:empty {
  display: none;
}

.popover.right .arrow {
  border-right-color: #8A2125;
}

.popover.right .arrow:after {
  border-right-color: rgba(220, 37, 47, 0.9);
}

.popover.left .arrow {
  border-left-color: #8A2125;
}

.popover.left .arrow:after {
  border-left-color: rgba(220, 37, 47, 0.9);
}

.popover.top .arrow {
  border-top-color: #8A2125;
}

.popover.top .arrow:after {
  border-top-color: rgba(220, 37, 47, 0.9);
}

.validation-summary-errors {
  color: #D52029;
  margin-bottom: 5px;
}
.validation-summary-errors > span {
  color: #4F4F4F;
  font-weight: 900;
}

.validation-summary-errors.alert-error li {
  padding: 5px 0;
}

.note-responsible {
  float: right;
  width: 108px;
  height: 103px;
  background: url("../../img/content/aboutus-note.png") no-repeat 0 0;
  position: absolute;
}

.note-responsible a {
  display: block;
  height: 100%;
  width: 100%;
}

.lead {
  font-family: "brandon-grotesque-n3", "brandon-grotesque", "Helvetica Neue", Arial, sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 26px;
  letter-spacing: -1px;
  line-height: 30px;
}

.dateInput {
  width: 80px;
}

body .card-details .form-horizontal .control-label {
  width: 95px;
}

body .card-details .form-horizontal .controls {
  margin-left: 95px;
}

body .card-details .form-horizontal .control-group {
  margin-bottom: 10px;
}

.card-details .large-button {
  margin-top: 15px;
}

#checkpoints {
  margin-top: 10px;
  display: block;
}
#checkpoints ul {
  font-size: 15px;
  list-style-type: none;
  display: inline-block;
  font-weight: bold;
  width: 100%;
  margin-left: 21px;
}
#checkpoints ul li {
  background-image: url("../../img/icons/greenTick.jpg");
  background-position: -2px 2px;
  background-repeat: no-repeat;
  float: left;
  display: list-item;
  width: 36%;
  padding-left: 15px;
  margin-bottom: 5px;
}
#checkpoints ul li.last {
  width: 66% !important;
}

/*********** Desktop Calculator Summary ************/
.server-side-repayable-summary {
  font-size: 16px;
  margin: 0 0 0 0;
  padding: 0 10px 5px 10px;
  text-align: justify;
}

@media (max-width: 767px) {
  .server-side-repayable-summary {
    padding: 0 10px 0 10px;
  }
}
@media (max-width: 649px) {
  .server-side-repayable-summary {
    font-size: 14px;
  }
  .latePaymentWarningContainer .latePaymentWarning {
    font-size: 10px;
  }
}
@media (max-width: 359px) {
  .server-side-repayable-summary {
    font-size: 14px;
    padding: 0 10px 5px 10px;
  }
}
/************** Representative Example *************/
.representativeExampleFooter {
  font-size: 20px;
  margin: 5px 10px 10px 10px;
  line-height: 1.2;
  text-align: left;
}

@media (max-width: 480px) {
  .representativeExampleFooter {
    font-size: 14px;
    margin: 14px 5px 10px 5px;
  }
}
.BoldBig, span.BoldBig {
  font-size: 20px;
  font-weight: bold;
  color: #D42029;
  line-height: initial;
}

.Big, span.Big {
  font-size: 20px;
  line-height: initial;
}

/****************** Media Queries ******************/
/* Portrait tablet to landscape and desktop */
@media (max-width: 979px) {
  body {
    padding: 0;
  }
  .content-block .inner {
    padding: 10px 10px 10px 10px;
  }
  .container {
    text-align: center;
    width: 100%;
  }
  .container img {
    margin-top: 5px;
  }
  .header > .container {
    margin-top: -16px;
  }
  .latePaymentWarningContainer {
    width: 100%;
    z-index: 2;
    background-color: #D52029;
  }
  .latePaymentWarning {
    height: auto;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
  }
  .header {
    margin-top: 0;
  }
  .cvv-help {
    margin-left: 10px;
  }
  .live-chat {
    display: none;
  }
  .mobile-logo {
    display: block;
    padding: 7px 0 0 10px;
    margin-top: 4px;
  }
  .main-wrap {
    padding-top: 0px;
    position: static;
    overflow: visible;
    padding-bottom: 15px;
    background: url("/Content/img/masterpages/flat-grass.png") bottom center repeat-x !important;
    width: auto;
    height: auto;
  }
  .main-wrap > .main-content {
    width: 90%;
    padding: 0% 5%;
  }
  .main-wrap > .container > .main-content {
    padding: 0px !important;
    width: 96% !important;
    margin-left: auto;
    margin-right: auto;
  }
  .header {
    background: none;
    padding-top: 0px;
  }
  .header .container {
    width: 100%;
  }
  .header .logo {
    display: none;
  }
  .header .navigation {
    width: 100%;
    background: #D52029;
    margin-bottom: 0px;
    padding: 0 0 4px 0;
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.4);
  }
  .header .navigation ul {
    float: none;
    padding: 0;
  }
  .header .navigation ul li {
    float: none;
    margin: 0;
    padding: 0;
    border-radius: none;
    text-align: center;
    box-shadow: none;
    width: 95%;
    margin: 0 auto;
    border-top: 1px solid #E0232A;
    border-bottom: 1px solid #C11F24;
  }
  .header .navigation ul li:first-child {
    border-top: none;
    padding-top: 0px;
  }
  .header .navigation ul li:last-child {
    border-bottom: none;
  }
  .header .navigation ul li a {
    margin: 0px 20px;
    padding: 20px;
    font-weight: 700;
    display: inline-block;
    margin: 0 auto;
    border: none;
    color: #fff;
  }
  .header .navigation ul li.active a,
  .header .navigation ul li:hover a {
    background: #fff;
    padding: 10px 30px;
    margin: 10px;
    border-radius: 10px;
    color: #3F3F3F;
  }
  .header .navigation ul li.sign-in {
    background: transparent;
  }
  .header .navigation ul li.sign-in a {
    color: #fff;
  }
  .header .navigation ul li.sign-in:hover a {
    color: #3F3F3F;
  }
  .navigation .btn-navbar {
    display: inline;
    margin-bottom: 3px;
  }
  .navigation .sign-in {
    margin-left: 0px;
  }
  .sidebar {
    float: none;
    width: 100%;
    position: top;
    margin: 0px;
    padding-bottom: 0px;
    left: auto;
    right: auto;
    top: -20px;
    min-height: 0;
    display: none;
  }
  .sidebar .apr {
    display: none;
  }
  .sidebar + .main-content {
    position: static;
    margin: 0px;
    float: none;
    width: 97%;
  }
  .sidebar .menu {
    margin-bottom: 0px;
    background: #333333;
  }
  .sidebar .menu li {
    display: inline-block;
    border-bottom: 0px;
  }
  .sidebar .menu li a,
  .sidebar .menu li a:hover {
    color: #fff;
  }
  /* Hide the artifacts */
  .mr-lender-visor {
    display: none;
  }
  .tree {
    display: none;
  }
  .notice-social {
    display: none;
  }
  .notice {
    display: none;
  }
  .mole {
    display: none;
    animation: none;
  }
  .item-cloud {
    display: none;
  }
  .associates {
    background: #F5F5F5;
    height: auto;
    padding-bottom: 20px;
  }
  .social {
    display: none;
  }
  .footer {
    padding: 24px;
    text-align: center;
  }
  .footer .span4 {
    float: none;
    width: 100%;
  }
  .footer-logo {
    float: none;
    margin: 0 auto;
  }
  .footer-nav {
    float: none;
    width: 100%;
  }
  .footer-nav li {
    float: none;
    text-align: center;
    padding-right: 0px;
  }
  .footer-nav li a {
    width: 100%;
    padding: 10px 0px;
    display: block;
  }
  .modal {
    width: 90% !important;
    left: 5% !important;
    right: auto !important;
  }
  .fieldset .legend {
    font-size: 23px;
    font-weight: bold;
  }
  .form-horizontal .controls {
    margin-left: 0 !important;
    clear: both;
    padding-top: 2px;
  }
  body .fieldset .form-horizontal input[type=text],
  body .fieldset .form-horizontal input[type=number],
  body .fieldset .form-horizontal input[type=tel],
  body .fieldset .form-horizontal select,
  body .fieldset .form-horizontal input[type=email],
  .find .form-horizontal input[type=text],
  .form-horizontal input[type=number],
  .form-horizontal input[type=text],
  .form-horizontal input[type=number] {
    width: 100%;
    font-size: 15px;
    height: 27px;
    background-image: none;
    box-shadow: none;
    border-radius: 6px;
  }
  .form-horizontal select {
    min-width: 60% !important;
  }
  body .fieldset .form-horizontal select,
  .find .ddl_width_132, .default .apply-inner .ddl_width_132,
  body .fieldset .form-horizontal .controls {
    margin-left: 0;
    display: block;
    padding-right: 5px;
  }
  body .fieldset .form-horizontal select {
    width: auto;
    background-image: none;
    border-radius: 0px;
  }
  body .fieldset .form-horizontal .control-label {
    width: 100%;
    font-size: 17px;
    line-height: 22px;
    font-weight: normal;
    padding-top: 12px;
  }
  .fieldset, .apply-inner > .validation-summary-errors, .apply-inner > .messageContainer {
    background-color: #fff;
  }
  .input-mini {
    width: auto;
    min-width: 60%;
  }
  .select-mini {
    width: auto;
    min-width: 60%;
  }
  .terms-checkboxes {
    text-align: left;
  }
  .terms-checkboxes .control-group {
    display: inline !important;
  }
  .terms-checkboxes .control-group label {
    font-weight: 700 !important;
    font-size: 11px !important;
    width: 85% !important;
    float: inherit !important;
    display: inline-table;
    padding-top: 6px !important;
  }
  .terms-checkboxes .control-group.error label[for=AgreeToTerms] {
    margin-left: 20px;
  }
  .terms-checkboxes .control-group .controls {
    float: left !important;
  }
  .terms-checkboxes .control-group.error .controls #AgreeToTerms {
    height: 13px !important;
    margin-top: -25px !important;
  }
  .associates-texts {
    padding: 10px;
  }
  #qckApplyAffordability {
    width: 101%;
  }
}
/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
  .page-account-dashboard .bubble-wrap {
    background-image: none;
  }
  .page-account-dashboard .bubble {
    float: none;
    position: static;
    margin-bottom: 10px;
  }
  .page-e-sig .mr-lender-coffee {
    display: none;
  }
  .page-e-sig .opener {
    padding-left: 0;
    text-align: center;
  }
  #checkpoints {
    padding-top: 15px;
    text-align: left;
    margin: auto;
    display: block;
    width: min-content;
  }
  #checkpoints ul {
    font-size: 14px;
    margin-left: 0 !important;
  }
  #checkpoints ul li, #checkpoints ul li.last {
    display: inline-block;
    min-width: max-content;
    margin-right: 0;
    padding-right: 0;
  }
  .text-center-mobile {
    text-align: center;
  }
}
@media screen and (-webkit-min-device-pixel-ratio: 0) and (min-color-index: 0) and (max-width: 350px) {
  #checkpoints {
    margin-left: 10px;
  }
  #checkpoints ul {
    width: 100%;
  }
}
@media screen and (-webkit-min-device-pixel-ratio: 0) and (min-color-index: 0) and (min-width: 351px) and (max-width: 500px) {
  #checkpoints {
    margin-left: 30px;
  }
  #checkpoints ul {
    width: 100%;
  }
}
@media screen and (-webkit-min-device-pixel-ratio: 0) and (min-color-index: 0) and (min-width: 501px) and (max-width: 750px) {
  #checkpoints {
    margin-left: 150px;
  }
  #checkpoints ul {
    width: 100%;
  }
}
/* this is a special intermediate width so we can handle the payment forms better */
@media (max-width: 620px) {
  .form-horizontal .control-label {
    float: left;
  }
  .calculator .discount-terms {
    display: block;
    font-weight: 600;
    font-size: 14px;
  }
}
/* Popover design Mrlender */
a.icon-question-sign {
  background: url("/Content/img/icons/question5.png") no-repeat scroll center center transparent;
  display: inline-block;
  height: 26px;
  margin-right: 3px;
  margin-top: -5px;
  width: 26px;
}

/* Error tooltip */
.error-tooltip {
  display: none;
  color: #fff;
  font-size: 14px;
  line-height: 14px;
  width: auto;
  min-width: 140px;
  border-color: #344e06;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.6);
  border-radius: 3px;
  box-shadow: 0 0px 5px rgba(0, 0, 0, 0.5);
  border: 1px solid #333333;
  background: rgb(120, 147, 26); /* Old browsers */
  background: -moz-linear-gradient(top, rgb(182, 195, 97) 0%, rgb(163, 181, 42) 1%, rgb(120, 147, 26) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgb(182, 195, 97)), color-stop(1%, rgb(163, 181, 42)), color-stop(100%, rgb(120, 147, 26))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, rgb(182, 195, 97) 0%, rgb(163, 181, 42) 1%, rgb(120, 147, 26) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, rgb(182, 195, 97) 0%, rgb(163, 181, 42) 1%, rgb(120, 147, 26) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, rgb(182, 195, 97) 0%, rgb(163, 181, 42) 1%, rgb(120, 147, 26) 100%); /* IE10+ */
  background: linear-gradient(to bottom, rgb(182, 195, 97) 0%, rgb(163, 181, 42) 1%, rgb(120, 147, 26) 100%); /* W3C */
}

.error-tooltip-content {
  padding: 7px 15px;
}

.error-tooltip.top .arrow:after {
  border: none;
}

.error-tooltip .error-tooltip-content {
  padding: 6px 10px;
  font-size: 12px;
}

.close {
  color: red;
  opacity: 1;
}

@media (min-width: 979px) {
  .makepayment .secure .inner, .carddetails .secure .inner {
    height: 163px;
    padding: 10px;
    width: 100px;
  }
  #awards {
    width: 300px;
  }
  #awards img {
    min-height: 0;
    margin-bottom: 10px;
    margin-left: 5px;
  }
}
.main-content-white, .pageSmallmain-content-white {
  margin: 0 auto;
  padding: 28px 36px;
  background: #fff;
  border-radius: 20px;
  box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.22);
}

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

.pageSmallCentered {
  margin: 0 auto;
  margin-bottom: 20px;
}

.pageSmall, .pageSmallCentered, .pageSmallmain-content-white {
  width: 350px;
}

.systemTime {
  font-size: 25px;
  font-weight: bold;
  color: #d52029;
}

.top-margin-5px {
  margin-top: 5px;
}

.bottom-margin-5px {
  margin-bottom: 5px;
}

.messageBorded {
  padding: 15px;
}

@media (max-width: 979px) and (min-width: 768px) {
  #awards {
    width: 192px;
  }
}
@media (max-width: 767px) {
  #awards {
    width: 100%;
  }
  .pageSmall, .pageSmallCentered, .pageSmallmain-content-white {
    width: 80%;
    padding: 12px 18px;
  }
  .pageSmallCentered {
    margin: 10px 5px 15px !important;
    width: 80% !important;
    padding: 0;
  }
}
@media (max-width: 480px) {
  .BoldBig, span.BoldBig {
    font-size: 14px;
  }
  .Big, span.Big {
    font-size: 14px;
  }
}
[v-cloak] > * {
  display: none;
}

[v-cloak]::before {
  content: " ";
  display: block;
  width: 24px;
  height: 24px;
  margin-top: 20px;
  margin-left: auto;
  margin-right: auto;
  background-size: contain;
  background-image: url("data:image/gif;base64,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");
}

/*Privacy Notice styles*/
#personalDataLegalBasis {
  border-collapse: collapse;
  margin: 20px 0;
}

#personalDataLegalBasis th, #personalDataLegalBasis td {
  padding: 10px 10px;
  border: 1px solid #000000;
}

#personalDataLegalBasis tr, td {
  vertical-align: top;
}

#sharingOutsideUK {
  list-style: none;
  counter-reset: list-counter;
  margin: 0;
  padding-left: 25px;
}

#sharingOutsideUK li {
  counter-increment: list-counter;
  margin-bottom: 5px;
}

#sharingOutsideUK li::before {
  content: "(" counter(list-counter, lower-roman) ") ";
  font-weight: normal;
  position: absolute;
  left: 0;
  width: 1.5em;
  text-align: left;
}

#collectedPersonalInformation {
  margin-bottom: 25px;
}

#collectedPersonalInformation td {
  padding: 10px 10px;
  text-align: left;
  border: none;
}

#contactInfo p {
  margin-bottom: 10px;
}

#collectedPersonalInformation tr td:first-child {
  width: 160px;
}

.headList {
  margin-top: 12px;
}

.subList {
  margin-bottom: 4px;
}

@media (max-width: 979px) {
  .privacy-notice p {
    text-align: justify;
    padding: 0px 5px 0px 5px;
  }
  .privacy-notice li {
    text-align: justify;
    padding: 0px 5px 0px 5px;
  }
}
@media (max-width: 430px) {
  #sharingOutsideUK li::before {
    margin-left: 28px;
  }
  #sharingOutsideUK li {
    padding-left: 5px;
  }
}
@media (min-width: 355px) and (max-width: 979px) {
  #sharingOutsideUK li::before {
    margin-left: 35px;
  }
  #sharingOutsideUK li {
    padding-left: 15px;
  }
  #collectedPersonalInformation tr td:first-child {
    width: 100px;
  }
  #personalDataLegalBasis th, #personalDataLegalBasis td {
    padding: 0;
  }
  #personalDataLegalBasis td p, #personalDataLegalBasis td li {
    text-align: left;
  }
}
/*-------------------------------------------------------------------*/