/*added for new payment layouts */

.finbut {opacity:0.3;pointer-events: none;}
#createapp {opacity:0.3;pointer-events: none;}

#checkbankid24months {display:none;}
#checkbankidlowcost {display:none;}

#fullPayment {padding-bottom:25px;display: block; overflow: hidden;border-bottom: 1px solid #cccccc;}
#fullPayment h3 {text-align:left;font-size: 20px;font-weight: 500; margin-top: 0px!important;padding-left:10px;}

.twelvepay {/*display:none;*/text-align:center;padding-bottom:25px;display: block; overflow: hidden;border-bottom: 1px solid #cccccc;}
.twelvepay h3 {text-align:left;font-size: 20px;font-weight: 500; margin-top: 0px!important;padding-left:10px;}

#newMonthlys {padding-bottom:25px;display: block; overflow: hidden;border-bottom: 1px solid #cccccc;}
#newMonthlys h3 {text-align:left;font-size: 20px;font-weight: 500; margin-top: 0px!important;padding-left:10px;}
#paymentAmountSummary{clear:left;display:block; overflow:hidden;}

.the24months {padding-bottom:25px;display: none; overflow: hidden;border-bottom: 1px solid #cccccc;}
.the24months h3 {text-align:left;font-size: 20px;font-weight: 500; margin-top: 0px!important;padding-left:10px;}
#paymentAmountSummary{clear:left;display:block; overflow:hidden;}

#lowCost {padding-bottom:25px;display: block; overflow: hidden;border-bottom: 1px solid #cccccc;}
#lowCost h3 {text-align:left;font-size: 20px;font-weight: 500; margin-top: 0px!important;padding-left:10px;}

.pay1 {width:23%;margin:1%;float:left;}
.pay2 {width:23%;margin:1%;float:left;}
.pay3 {width:23%;margin:1%;float:left;}
.pay4 {width:23%;margin:1%;float:left;}

.paytitle{font-size:14px; padding:3px;line-height:17px;font-weight:600;display:block; text-align: center;height:auto;background-color: #efefef;margin-bottom:5px;}
.payvalues{font-size:14px; padding:3px;line-height:17px;font-weight:600;display:block; text-align: center;height:auto;background-color: #ffffff;}
.payvalues select#tw_deposit {width: 110px;padding: 0px;border: 0px; font-size: 14px;margin-top: -1px;text-align:center;}
.payvalues select#duration {width: 110px;padding: 0px;border: 0px; font-size: 14px;margin-top: -1px;text-align:center;}
.payvalues select#deposit {width: 110px;padding: 0px;border: 0px; font-size: 14px;margin-top: -1px;text-align:center;}

.payvalues select#durationstirlingchoice {width: 110px;padding: 0px;border: 0px; font-size: 14px;margin-top: -1px;text-align:center;}
.payvalues select#depositstirlingchoice {width: 110px;padding: 0px;border: 0px; font-size: 14px;margin-top: -1px;text-align:center;}


/*#fullPayment .pay1 .paytitle{font-size:15px; line-height:18px;font-weight:600;}
#fullPayment .pay2 .paytitle{font-size:15px; line-height:18px;font-weight:600;}
#fullPayment .pay3 .paytitle{font-size:15px; line-height:18px;font-weight:600;}
#fullPayment .pay4 .paytitle{font-size:15px; line-height:18px;font-weight:600;}*/

p span {
  color: inherit;
}

blockquote {
  padding: 1.6em 1.6em 0.8em 1.6em;
  margin: 0px;
  width: 100%;
  float: left;
  text-align: center;
}
blockquote i {
  color: #f09303;
  font-size: 100%;
  position: relative;
  top: -5px;
}
blockquote p {
  margin: 0px;
  color: #3c71b9;
}

.plan-details {
  float: right;
  width: 335px;
  margin-right: 13px;
  margin-top: 10px;
  background-color: #f5f5f5;
  font-family: 'Open Sans',  arial, sans-serif;
  color: #828282;
  padding: 17px 16px;
  box-sizing: border-box;
}

.plan-details h2 {
  font-size: 22px;
  width: 100%;
  font-weight: bold;
  line-height: normal;
  color: #4468ae;
  margin: 0;
}

.plan-details h3, .plan-details h4 {
  margin: 0;
  font-size: 18px;
}

.plan-details h4 {
  color: #0e6cbd;
  font-size: 16px;
}

.plan-details ul {
  margin-top: 4px;
  padding-left: 19px;
}

.plan-details p, .plan-details li {
  font-size: 14px;
}

#content {
  clear: both;
}

.stepy-header, .stepy-header *, .inputContainer * {
  display: inline-block;
}
.stepy-header li {
  padding: 0 10px;
  border-left: 1px solid grey;
  color: grey;
}
.stepy-header li:first-child {
  border:0;
}
.stepy-active span {
  color: #3863af;
}
.stepy-header div {
  display: none;
}
.stepy-header {
  padding: 0;
  margin: 0;
  font-size: 15px;
  display: none;
}

fieldset {
  border: 0;
}

.form {
  height: 100%;
  background-color: white;
}

.inputContainer {
  display: block;
  width: 100%;
  padding: 0 15px;
}

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

.inputContainer input, .inputContainer select, .inputContainer .innerElements {
  width: 90%;
  /*max-width: 200px;*/
  margin-bottom: 5px;
  margin-top: 0px;
}

.formBackground {
  background-color: #ede8e4;
}

.inputContainer label {
  width: 100%;
  text-align: left;
  padding-right: 10px;
  font-weight:600;
  /*max-width: 195px;*/
  line-height: 19px;
}

.agentDetails input {max-width:280px;margin:0 auto;}

.stepy-navigator {
  position: absolute;
  bottom: 0;
  left: 30px;
  right: 30px;
}

.button-next, .button-back, .finish {
  float: right;
  background-color: #3863af;
  border-radius: 100px;
  color: white;
  padding: 10px 20px;
  font-weight: 700;
}

.button-next:hover, .button-back:hover, .button-next:visited, .button-back:visited, .finish:visited, .finish:hover {
  color: white;
}

.button-back {
  float: left;
}

#custom-next-4 {
  display: none;
}

.pageHeader {
  background-color: #3863af;
  text-align: center;
  padding: 15px 0;
  color: white;
  font-size: 25px;
  font-style: italic;
}

.pageHeader strong:first-child {
  display: block;
}

.pageHeader strong {
  font-style: initial;
}

.p-y-1 {
  padding-top: 0.5em;
  padding-bottom: 0.5em;
}

.p-y-2 {
  padding-top: 1em;
  padding-bottom: 1em;
}

.p-y-3 {
  padding-top: 2em;
  padding-bottom: 2em;
}

.p-x-3 {
  padding-right: 2em;
  padding-left: 2em;
}

.p-t-3 {
  padding-top: 2em;
}

.p-b-3 {
  padding-bottom: 2em;
}

.m-t-3 {
  margin-top: 2em;
}

.m-y-0 {
  margin-top: 0;
  margin-bottom: 0;
}

.m-y-1 {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.m-y-2 {
  margin-top: 1em;
  margin-bottom: 1em;
}

.m-y-3 {
  margin-top: 2em;
  margin-bottom: 2em;
}

.m-0 {
  margin: 0;
}

legend {
  font-size: 1.6em;
  color: #3863af;
  text-align: center;
}

.white {
  color: white;
}

.halfStrong {
  font-weight: 500;
}

.block {
  display: block;
}

.strong {
  font-weight: 700;
}

.relative {
  position: relative;
}

.planDetailsInner {
  padding-bottom: 5px;
  font-size: 0.8em;
  line-height: 1.6em;
}

.planDetailsInner.copper {
  background: rgba(176,35,10,1);
  background: -moz-linear-gradient(left, rgba(176,35,10,1) 0%, rgba(199,82,14,1) 100%);
  background: -webkit-gradient(left top, right top, color-stop(0%, rgba(176,35,10,1)), color-stop(100%, rgba(199,82,14,1)));
  background: -webkit-linear-gradient(left, rgba(176,35,10,1) 0%, rgba(199,82,14,1) 100%);
  background: -o-linear-gradient(left, rgba(176,35,10,1) 0%, rgba(199,82,14,1) 100%);
  background: -ms-linear-gradient(left, rgba(176,35,10,1) 0%, rgba(199,82,14,1) 100%);
  background: linear-gradient(to right, rgba(176,35,10,1) 0%, rgba(199,82,14,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b0230a', endColorstr='#c7520e', GradientType=1 );
}

.planDetailsInner.copper h3, .planDetailsInner.copper .coloredList_bullet {
  color: rgba(199,82,14,1);
}

.planDetailsInner.copperplus {
  background: rgba(120,31,11,1);
  background: -moz-linear-gradient(left, rgba(120,31,11,1) 0%, rgba(137,67,26,1) 100%);
  background: -webkit-gradient(left top, right top, color-stop(0%, rgba(120,31,11,1)), color-stop(100%, rgba(137,67,26,1)));
  background: -webkit-linear-gradient(left, rgba(120,31,11,1) 0%, rgba(137,67,26,1) 100%);
  background: -o-linear-gradient(left, rgba(120,31,11,1) 0%, rgba(137,67,26,1) 100%);
  background: -ms-linear-gradient(left, rgba(120,31,11,1) 0%, rgba(137,67,26,1) 100%);
  background: linear-gradient(to right, rgba(120,31,11,1) 0%, rgba(137,67,26,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#781f0b', endColorstr='#89431a', GradientType=1 );
}

.planDetailsInner.copperplus h3, .planDetailsInner.copperplus .coloredList_bullet {
  color: rgba(137,67,26,1);
}

.planDetailsInner.bronze {
  background: rgba(120,31,11,1);
  background: -moz-linear-gradient(left, rgba(120,31,11,1) 0%, rgba(137,67,26,1) 100%);
  background: -webkit-gradient(left top, right top, color-stop(0%, rgba(120,31,11,1)), color-stop(100%, rgba(137,67,26,1)));
  background: -webkit-linear-gradient(left, rgba(120,31,11,1) 0%, rgba(137,67,26,1) 100%);
  background: -o-linear-gradient(left, rgba(120,31,11,1) 0%, rgba(137,67,26,1) 100%);
  background: -ms-linear-gradient(left, rgba(120,31,11,1) 0%, rgba(137,67,26,1) 100%);
  background: linear-gradient(to right, rgba(120,31,11,1) 0%, rgba(137,67,26,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#781f0b', endColorstr='#89431a', GradientType=1 );
}

.planDetailsInner.bronze h3, .planDetailsInner.bronze .coloredList_bullet {
  color: rgba(137,67,26,1);
}

.planDetailsInner.zinc {
  background: rgba(54,52,46,1);
  background: -moz-linear-gradient(left, rgba(54,52,46,1) 0%, rgba(77,77,77,1) 100%);
  background: -webkit-gradient(left top, right top, color-stop(0%, rgba(54,52,46,1)), color-stop(100%, rgba(77,77,77,1)));
  background: -webkit-linear-gradient(left, rgba(54,52,46,1) 0%, rgba(77,77,77,1) 100%);
  background: -o-linear-gradient(left, rgba(54,52,46,1) 0%, rgba(77,77,77,1) 100%);
  background: -ms-linear-gradient(left, rgba(54,52,46,1) 0%, rgba(77,77,77,1) 100%);
  background: linear-gradient(to right, rgba(54,52,46,1) 0%, rgba(77,77,77,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#36342e', endColorstr='#4d4d4d', GradientType=1 );
}

.planDetailsInner.zinc h3, .planDetailsInner.zinc .coloredList_bullet {
  color: rgba(77,77,77,1);
}

.planDetailsInner.silver {
  background: rgba(99,99,99,1);
  background: -moz-linear-gradient(left, rgba(99,99,99,1) 0%, rgba(156,156,156,1) 100%);
  background: -webkit-gradient(left top, right top, color-stop(0%, rgba(99,99,99,1)), color-stop(100%, rgba(156,156,156,1)));
  background: -webkit-linear-gradient(left, rgba(99,99,99,1) 0%, rgba(156,156,156,1) 100%);
  background: -o-linear-gradient(left, rgba(99,99,99,1) 0%, rgba(156,156,156,1) 100%);
  background: -ms-linear-gradient(left, rgba(99,99,99,1) 0%, rgba(156,156,156,1) 100%);
  background: linear-gradient(to right, rgba(99,99,99,1) 0%, rgba(156,156,156,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#636363', endColorstr='#9c9c9c', GradientType=1 );
}

.planDetailsInner.silver h3, .planDetailsInner.silver .coloredList_bullet {
  color: rgba(156,156,156,1);
}

.planDetailsInner.gold {
  background: rgb(124,73,25);
  background: -moz-linear-gradient(left, rgba(124,73,25,1) 0%, rgba(160,121,57,1) 100%);
  background: -webkit-gradient(left top, right top, color-stop(0%, rgba(124,73,25,1)), color-stop(100%, rgba(160,121,57,1)));
  background: -webkit-linear-gradient(left, rgba(124,73,25,1) 0%, rgba(160,121,57,1) 100%);
  background: -o-linear-gradient(left, rgba(124,73,25,1) 0%, rgba(160,121,57,1) 100%);
  background: -ms-linear-gradient(left, rgba(124,73,25,1) 0%, rgba(160,121,57,1) 100%);
  background: linear-gradient(to right, rgba(124,73,25,1) 0%, rgba(160,121,57,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7c4919', endColorstr='#a07939', GradientType=1 );
}

.planDetailsInner.gold h3, .planDetailsInner.gold .coloredList_bullet {
  color: rgb(160,121,57,1);
}

.planDetailsInner.platinum {
  background: rgba(177,171,173,1);
  background: -moz-linear-gradient(left, rgba(177,171,173,1) 0%, rgba(217,204,204,1) 100%);
  background: -webkit-gradient(left top, right top, color-stop(0%, rgba(177,171,173,1)), color-stop(100%, rgba(217,204,204,1)));
  background: -webkit-linear-gradient(left, rgba(177,171,173,1) 0%, rgba(217,204,204,1) 100%);
  background: -o-linear-gradient(left, rgba(177,171,173,1) 0%, rgba(217,204,204,1) 100%);
  background: -ms-linear-gradient(left, rgba(177,171,173,1) 0%, rgba(217,204,204,1) 100%);
  background: linear-gradient(to right, rgba(177,171,173,1) 0%, rgba(217,204,204,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b1abad', endColorstr='#d9cccc', GradientType=1 );
}

.planDetailsInner.platinum h3, .planDetailsInner.platinum .coloredList_bullet  {
  color: rgba(217,204,204,1);
}


.planDetailsInner.glade, .planDetailsInner.woodland {
  background-color: #546f2e;
  background-image: -webkit-gradient(linear, right, left, from(#6f933d), to(#546f2e));
  background-image: -webkit-linear-gradient(right, #6f933d, #546f2e);
  background-image: -moz-linear-gradient(right, #6f933d, #546f2e);
  background-image: -ms-linear-gradient(right, #6f933d, #546f2e);
  background-image: -o-linear-gradient(right, #6f933d, #546f2e);
  background-image: linear-gradient(right, #6f933d, #546f2e);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#6f933d', EndColorStr='#546f2e');
}

.planDetailsInner.glade h3, .planDetailsInner.glade .coloredList_bullet, .planDetailsInner.woodland h3, .planDetailsInner.woodland .coloredList_bullet  {
  color: #6f933d;
}

.planDetailsInner.meadow {
  background-color: #b39432;
  background-image: -webkit-gradient(linear, right, left, from(#c7a438), to(#b39432));
  background-image: -webkit-linear-gradient(right, #c7a438, #b39432);
  background-image: -moz-linear-gradient(right, #c7a438, #b39432);
  background-image: -ms-linear-gradient(right, #c7a438, #b39432);
  background-image: -o-linear-gradient(right, #c7a438, #b39432);
  background-image: linear-gradient(right, #c7a438, #b39432);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#c7a438', EndColorStr='#b39432');
}

.planDetailsInner.meadow h3, .planDetailsInner.meadow .coloredList_bullet  {
  color: #c7a438;
}


.coloredList {
  padding-left: 1.3em;
  margin: 0;
}

.coloredList-largeBullet {
  list-style: none;
  margin-top: 15px;
}

.coloredList-largeBullet .coloredList_bullet {
  position: relative;
  line-height: 130%;
  margin-bottom: 1em;
}

.coloredList-largeBullet .coloredList_bullet:before {
  content: '\00b7';
  position: absolute;
  font-size: 57px;
  left: -20px;
  top: -2px;
}

.coloredList_bullet {
  color: #f89a51;
  margin: 5px 0;
}

.coloredList_text {
  color: initial!important;
}


.planDetailsInner-inner {
  background-color: white;
  padding: 10px;
  margin: 0 5px;
}

.planDetails_header {
  padding: 20px 18px;
  margin: 0;
  font-size: 1.9em;
}

.form {
  padding-bottom: 90px;
  line-height: 1.6em;
}

.responsiveImage {
  max-width: 100%;
}

.checkbox {
  margin-right: 1em;
}

.blue {
  color: #3863af;
}
.text-center {
  text-align: center;
}

.paymentbtn {
  width: 420px;
  margin: 0px auto;
  color: #F68838;
  border: 2px solid #F68838;
  background-color: white;
}

.paymentbtn:focus {
  background-color: #ffffff;
}

.paymentbtn:hover, .paymentbtn.selected {
  color: white;
  background-color: #F68838;
}

.paymentbtn:focus {
  outline: 0
}

.paymentbtn-small {
  width: auto;
  margin: 0;
}

.numbers .numbers_number:first-child small.errorMsg {
  display: block;
}

.numbers .errorMsg {
  display: none;
}

.numbers {
  display: flex;
  margin-bottom: 10px;
}
.numbers_number, .numbers_spacer {
  padding: 0 5px;
}
.numbers label {
  line-height: 2em;
}
.numbers input {
  max-width: 100%;
  width: 1.3em;
  margin: 0;
}

.stepy-error label {
  display: block;
}

fieldset {
  padding: 0;
  margin: 0;
  font-size: 15px;
}

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

.error {
  color: red;
}

.errorMsg {
  display: block;
}

.errorMsg label {
  width: 100%;
  max-width: 100%;
  text-align: right;
}

.static {
  position: static;
}

.guarentee, .guarentee h2 {
  color: white;
}

.guarentee_content {
  background: #c1ac96;
  background: -moz-linear-gradient(left, #c1ac96 0%, #d0c0ac 100%);
  background: -webkit-linear-gradient(left, #c1ac96 0%,#d0c0ac 100%);
  background: linear-gradient(to right, #c1ac96 0%,#d0c0ac 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c1ac96', endColorstr='#d0c0ac',GradientType=0 );
}

.guarentee_logo {
  background: url(https://goldenleaves.com/wp-content/uploads/2018/03/599899150_main_image-1000x375.jpg) -90px 0 no-repeat;
  background-size: cover;
}

.js-updateAddress {
  text-decoration: underline;
}

.row:before, .row:after {
  content: normal!important;
}

@media (min-width: 768px) {

  .form {
    min-height: 602px;
  }
  .planDetailsInner-inner {
    min-height: 1025px;
  }
  .guarentee {
    padding-left: 15px;
  }
  .guarentee_content {
    padding-bottom: 50px;
  }
  .visible-md {
    display: block!important;
  }
  .stepy-header {
    position: absolute;
    top: 2em;
    right: 15px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 75%;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
    display: block;
  }
  .inputContainer {
    padding: 0;
  }
  .inputContainer-long label, .inputContainer-long .innerElements {
    max-width: initial;
    width: auto;
  }
  .blueLineRight {
    border-right: 3px solid #3863af;
  }
  .pageHeader strong:first-child {
    display: inline;
  }
  legend {
    text-align: left;
  }
  .p-t-md-3 {
    padding-top: 2em;
  }
  .m-t-md-3 {
    margin-top: 2em;
  }
  .text-md-center {
    text-align: center;
  }
}
@media (min-width: 1360px) {
  .stepy-header {
    right: 214px;
  }
}

#paymentAmountSummary {
  display: block;
  width: 100%;
  margin-top: 2em;
  text-align: center;
}

.postdocuments1 {display:none;}
.postdocuments2 {display:none;}