.navbar-area {
    padding-top: 10px;
    padding-bottom: 10px;
}
.single-footer-widget .list li a {
    color: #6084a4;
    display: inline-block;
    font-size: 13px;
}

		.checkbox_radio_container input[type="radio"] { display: inline-grid !important;top: 40px; position: absolute; opacity: 0; }
		.pos_relative { position: relative; }
		.ui-widget-content { border: none; }
		div#progressbar { border: 4px solid #e5e6e7; border-radius: 50px; padding: 2px; display: none; box-shadow: inset 0 -1px 1px rgb(255 255 255 / 30%); }
		.ui-progressbar .ui-progressbar-value{ margin: 0px; border-radius: 50px; }
		div#progress-label { text-align: center; font-size: 24px; font-weight: bold; margin-bottom: 10px;}
		
		#acceptconditions1-error, #acceptconditions2-error{right: auto; left: 10px;}
		
		/*@import url("https://fonts.googleapis.com/css?family=Montserrat:700");*/



.checkbox_radio_container .wrapper, .d-e-s{
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100px;
  width: 100%;
  /* font-size: 14px; */
  font-size: 18px;
}
#two .checkbox_radio_container .wrapper{
    flex-direction: column;
    height: 120px;
}
.d-e-s {
    overflow-wrap: break-word;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    /* border-radius: 50px; */
    border-radius: 5px;
    background-color: #fff;
    position: relative;
    left: 0;
    top: 0;
    display: block;
    width: 100%;
    padding: 30px 10px;
    font-weight: 600;
    cursor: pointer;
    text-align: center;
    font-size: 14px;
    border: none;
    text-align: center;
   box-shadow: rgb(0 0 0 / 15%) 0px 54px 55px, rgb(0 0 0 / 8%) 0px -12px 30px, rgb(0 0 0 / 8%) 0px 4px 6px, rgb(0 0 0 / 14%) 0px 12px 13px, rgb(0 0 0 / 7%) 0px -3px 5px;
}
.d-e-s:hover {
    /*background: linear-gradient(to top, #eb3349, #f45c43);
    color: #fff;*/
    background: linear-gradient(to top, #f5526680, #ff735c00);
    color: #000;
}
span.loanPurpose-img img {
    padding-bottom: 10px;
}
.width-100-cus{width: 100%;}
label.error {
     color: #fff; 
    font-weight: 600;
    font-size: 12px;
}
@media only screen and (max-width:767px) {
	.cc-revoke.cc-bottom {
    bottom: 0;
    left: 0px!important;
    border-radius:0px!important;
    display: none;
}
    .review_block_numbers.slider-block-div {
        padding: 10px 15px;
    }
    #twenty .slider-block-div .range-slider{ width: 100%; }
    
    .getAddress_autocomplete_list {
        bottom: 60px;
        height: 250px;
    }
}

@media only screen and (max-width:420px) {
    button.backward, button.forward, button.fastForward, button.submit {
        padding: 12px 34px;
        font-size: 16px;
    }
}

.checkbox_radio_container .wrapper, .form-control, .form-select, .form-control:focus { border: none; }
.form-control, .form-select { font-size: 18px; }

        .slider-block-div .slider-range-min {
          outline: 0;
          background: slategrey;
          height: 3.6em;
          border: 0;
          border-radius: 0;
        }
        .slider-block-div .slider-range-min .ui-slider-range {
          background: #db4d57;
          border-radius: 0;
        }
        .slider-block-div .slider-range-min .ui-slider-handle {
          outline: 0;
          top: 1.1em;
          margin-left: -0.6em;
          width: 20px;
          height: 20px;
          border-radius: 50%;
          border: 0;
          background: white;
          cursor: pointer;
        }
        .slider-block-div .amount {
          border: 0;
          font-weight: 400;
          font-size: 28px;
          padding-top: 8px;
          background: transparent;
        }
        
    #pday1-error, #npday1-error{ text-align: center; font-size: 16px; font-weight: 700; }
 .customradio {
  display: block;
    position: relative;
    padding-left: 40px;
    padding-right: 26px;
    margin-bottom: 10px;
    cursor: pointer;
    font-size: 18px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default radio button */
.customradio input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

/* Create a custom radio button */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 24px;
  width: 24px;
  background-color: white;
  border-radius: 4px;
  border:1px solid #464242;
}

/* On mouse-over, add a grey background color */
.customradio:hover input ~ .checkmark {
  background-color: transparent;
}

/* When the radio button is checked, add a blue background */
.customradio input:checked ~ .checkmark {
  background-color: white;
  border:1px solid #BEBEBE;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the indicator (dot/circle) when checked */
.customradio input:checked ~ .checkmark:after {
  display: block;
}

/* Style the indicator (dot/circle) */
.customradio .checkmark:after {
    top: 0px;
    left: 0px;
    border-radius: 3px;
    color: #fff;
    height: 24px;
    width: 24px;
    content: "\00A0\2713\00A0" !important;
    font-weight: bold;
    font-size: 20px;
    background-color: #056ef8;
    border: 0px;
}

/* Custom Radio Button End*/
@media only screen and (min-width: 992px){
    .check-box-sec {
        display: flex;
    }
    .border-1px {
        border-right: 1px solid #000;
        padding-right: 30px;
        padding-left: 30px;
    }
    .check-box-sec4 {
        padding-left: 30px;
    }
}

@media only screen and (max-width: 991px){
    .form-check-inline1 {
        margin: 10px;
    }
    .check-box-sec {
        border: 1px solid#666;
    }
    .check-box-border-bm {
        border-bottom: 1px solid#666;
    }
    .check-box-border-br {
        border-right: 1px solid#666;
    }
}

/********************* loan duration months slider starts here ********************************/
.term-buttons {
	margin: 5px auto 10px;
	position: relative;
	text-align: center
}

.term-buttons .term-button {
	background-color: #fff;
	border-radius: 50%;
	color: #555;
	display: inline-block;
	font-size: 22px;
	font-weight: 900;
	height: 69px;
	line-height: 67px;
	margin: 8px 4px;
	overflow: hidden;
	position: relative;
	text-align: center;
	width: 69px
}

.term-buttons .term-button .term-button-inner {
	height: 100%;
	width: 100%
}

.term-buttons .term-button .term-button-inner .back,
.term-buttons .term-button .term-button-inner .front {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	border: 2px solid #ff6a00f5;
	border-radius: 50%;
	height: 100%;
	-webkit-perspective: 1000px;
	perspective: 1000px;
	width: 100%
}

.term-buttons .term-button .term-button-inner .front {
	-webkit-transform: rotateY(0);
	transform: rotateY(0)
}

.term-buttons .term-button .term-button-inner .back {
	border-color: #ccc;
	-webkit-transform: rotateY(180deg);
	transform: rotateY(180deg)
}



.term-buttons .term-button.selected {
	border: none;
	line-height: 47px
}

/*.term-buttons .term-button.selected .term-button-inner .front {
	background-color: #ff6a00f5;
	background: linear-gradient(80deg, #ff007dcf 0%, #ff6a00f5 100%);
	color: #fff
}*/

.moveForward {
    transition: transform 500ms ease-in-out;
    transform: translateX(-173px);
    -webkit-transform:translateX(-173px);
}

.moveBackward {
    transition: transform 500ms ease-in-out;
    transform: translateX(0px);
    -webkit-transform:translateX(0px);
}
@media only screen and (min-width:992px) {
	.term-buttons {
		margin: 5px auto 10px;
		width: 687px;
	}

	.term-buttons .term-button {
		font-size: 26px;
		height: 69px;
		line-height: 67px;
		margin: 15px 2px;
		width: 69px
	}

	.term-buttons .term-button.selected {
		line-height: 67px
	}
	.buttonContainer {
        width: 70%;
        margin: 0px auto;
        padding-top: 20px;
    }
    .flexyContainer {
        justify-content: space-between;
    }
}

@media only screen and (min-width:1440px) {
    .term-buttons {	width: 687px; }
    .buttonContainer {
        width: 60%;
        margin: 0px auto;
        padding-top: 20px;
    }
    
    .flexyContainer {
        justify-content: space-between;
    }
    
    .moveForward {
        transition: transform 500ms ease-in-out;
        transform: translateX(-173px);
        -webkit-transform:translateX(-173px);
    }
    
    .moveBackward {
        transition: transform 500ms ease-in-out;
        transform: translateX(0px);
        -webkit-transform:translateX(0px);
    }
    
    
}

@media only screen and (min-width: 992px) and (max-width:1199px) {
    .term-buttons {	width: 799px; }
    .buttonContainer {
        width: 75%;
        margin: 0px auto;
        padding-top: 20px;
    }
    
	
	.moveForward {
        transition: transform 500ms ease-in-out;
        transform: translateX(-203px);
        -webkit-transform:translateX(-203px);
    }
    
    .moveBackward {
        transition: transform 500ms ease-in-out;
        transform: translateX(0px);
        -webkit-transform:translateX(0px);
    }
    .term-buttons .term-button.selected { line-height: 67px; }
}



@media only screen and (min-width: 768px) and (max-width:991px) {
    .term-buttons {	width: 620px; }
    .buttonContainer {
        width: 66%;
        margin: 0px auto;
        padding-top: 20px;
    }
    .term-buttons .term-button.selected { line-height: 67px; }
    
	
	.moveForward {
        transition: transform 500ms ease-in-out;
        transform: translateX(-150px);
        -webkit-transform:translateX(-150px);
    }
    
    .moveBackward {
        transition: transform 500ms ease-in-out;
        transform: translateX(0px);
        -webkit-transform:translateX(0px);
    }
}

@media only screen and (min-width: 541px) and (max-width:767px) {
    .term-buttons {	width: 525px; }
    .buttonContainer {
        width: 70%;
        margin: 0px auto;
        padding-top: 20px;
    }
    .term-buttons .term-button {
		height: 55px;
		line-height: 53px;
		margin: 8px 3px;
		width: 55px;
	}
	.term-buttons .term-button.selected { line-height: 53px; }
	
	.moveForward {
        transition: transform 500ms ease-in-out;
        transform: translateX(-120px);
        -webkit-transform:translateX(-120px);
    }
    
    .moveBackward {
        transition: transform 500ms ease-in-out;
        transform: translateX(0px);
        -webkit-transform:translateX(0px);
    }
}

@media only screen and (max-width:540px) {
    .term-buttons {
        width: 479px;
    }
    .buttonContainer {
        width: 70%;
        margin: 0px auto;
        padding-top: 20px;
    }
    .term-buttons .term-button {
        height: 40px;
        line-height: 39px;
        margin: 3px 8px;
        width: 40px;
    }
    .term-buttons .term-button.selected { line-height: 39px; }
    .moveForward {
        transition: transform 500ms ease-in-out;
        transform: translateX(-112px);
        -webkit-transform:translateX(-112px);
    }
    
    .moveBackward {
        transition: transform 500ms ease-in-out;
        transform: translateX(0px);
        -webkit-transform:translateX(0px);
    }
    
}

@media only screen and (max-width:374px) {
	.term-buttons .term-button {
		height: 46px;
		line-height: 43px;
		margin: 8px 3px;
		width: 46px;
	}
	.buttonContainer {
        width: 70%;
        margin: 0px auto;
        padding-top: 20px;
    }
}

@media only screen and (max-width:360px) {
    .term-buttons {
        width: 395px;
    }
    .buttonContainer {
        width: 70%;
        margin: 0px auto;
        padding-top: 20px;
    }
    .term-buttons .term-button {
        height: 40px;
        line-height: 39px;
        margin: 8px 3px;
        width: 40px;
    }
    .moveForward {
        transition: transform 500ms ease-in-out;
        transform: translateX(-95px);
        -webkit-transform:translateX(-95px);
    }
    
    .moveBackward {
        transition: transform 500ms ease-in-out;
        transform: translateX(0px);
        -webkit-transform:translateX(0px);
    }
    
}

@media only screen and (max-width:320px) {
    .term-buttons {
        width: 370px;
    }
    .buttonContainer {
        width: 70%;
        margin: 0px auto;
        padding-top: 20px;
    }
    .term-buttons .term-button {
        height: 37px;
        line-height: 37px;
        margin: 8px 3px;
        width: 37px;
    }
    .moveForward {
        transition: transform 500ms ease-in-out;
        transform: translateX(-87px);
        -webkit-transform:translateX(-87px);
    }
    
    .moveBackward {
        transition: transform 500ms ease-in-out;
        transform: translateX(0px);
        -webkit-transform:translateX(0px);
    }
    
}


.term-buttons .term-button .text {
	bottom: 0;
	left: 0;
	position: absolute;
	right: 0;
	top: 0
}

.term-button-inner { cursor: pointer; }


.term-buttons .term-button.disabled {
     color: #d0d2d3;
     pointer-events: none;
}

.term-buttons .term-button.disabled .term-button-inner .front{ border: 2px solid #ccc; }
 

.flexyItem {
    align-self: auto;
    flex: 1;
}

.flexyContainer {
    display: flex;
    flex-wrap: wrap;
    overflow-x: hidden;
}

.buttonContainer.overflowContainer {
    overflow-x: hidden;
}

.centerByMargin {
    margin: auto !important;
}

.flexyItem.noGrow {
    flex-grow: 0;
}

.flexyContainer.justifyCentral {
    justify-content: center;
}


@media only screen and (max-width:1023px) {
    .wrapper_centering{ display:block; height: auto; padding: 70px 5px;}
    
}

/********************* loan duration months slider ends here *********************************/

div#twintysix {
    background-color: #e4e4e4;
    border-radius: 4px;
    padding: 20px;
    box-shadow: 0 4px 6px -1px rgb(0 0 0 / 10%), 0 2px 4px -1px rgb(0 0 0 / 6%);
}

input#bankSortCode1, input#bankSortCode2, input#bankSortCode3 {
    text-align: center;
}
p.sort-code-sec-bar {
    position: absolute;
    top: 10px;
    right: 0px;
    font-size: 20px;
    width: 6px;
    color: #333;
}
p.get-result-text{
	font-size:16px;
	line-height:1.5;
	font-family: sans-serif;
}

li.getAddress_autocomplete_suggestion {
    font-size: 16px !important;
    padding: 2px 0px;
    border-bottom: 1px solid #e1e1e1;
}
.getAddress_autocomplete_suggestion:hover, .getAddress_autocomplete_suggestion_focused {
    /*background: linear-gradient(to bottom, #dfb5ad, #95b595);*/
    background: linear-gradient(to top, #f5526680, #ff725c36);
}
@media only screen and (min-width:768px) {
    .getAddress_autocomplete_list {
        height: 150px;
    }
}
.form-control::-moz-placeholder{color:#6c757d;opacity:0.58}
.form-control::placeholder{color:#6c757d;opacity:0.58}