.btn-calc{
	background-color:#26a3ec;
	font: 16px 'Open Sans', Arial, sans-serif;
	padding: 25px 30px;
	line-height: 0px;
	color: #fff;
	border: none;
	font-weight: bold;
	cursor: pointer;
	-webkit-appearance: none;
	-webkit-transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    -ms-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.btn-calc:hover{
	background-color: #02898c;
}
.formLoan_full
{
	width: 100%;
	margin-bottom: 40px;
	min-height: 100px;
}
.formLoan_full .formLoan_third
{
	width: 33%;
	float: left;
}
.formLoan_full .formLoan_two_third
{
	width: 66%;
	float: left;
}
.formLoan_full p {font-family: Arial, Helvetica, sans-serif;  font-size:16px; color:#000; line-height:18px;}
.formLoan_third .style5,
.formLoan_two_third .style5{ 
	color: #898989;
	font-size: 1.1rem;
	line-height: 2.7rem;
	text-align: left;
}
.style5 {font-family: Arial, Helvetica, sans-serif; font-size:16px; color:#000; line-height:18px; text-align: center}

.style5 input{
height: 3.2rem;
color: #142f42;
font-weight: 500;
border: 1px solid #898989;
font-size: 2rem;
text-align: left;
width: 90%;
	margin-bottom: 25px;
	padding-left: 15px;
}
.style6{ 
	font-family: Arial, Helvetica, sans-serif;
color: #898989;
font-size: 1.2rem;
line-height: 3.1rem;
text-align: left;
border-bottom: 1px solid #000;
max-width: 80%;
display: block;
margin: 0 auto;
}
.style6 input{
height: 3.2rem;
color: #142f42;
font-weight: 500;
border: 0px solid #898989;
font-size: 2rem;
text-align: center;
width: 50%;
	float: right;
	background: transparent;
}
.style7{ 
	font-family: Arial, Helvetica, sans-serif;
color: #898989;
font-size: 1.0rem;
line-height: 3.0rem;
text-align:left;
border-bottom: 1px solid #000;
max-width: 90%;
display: block;
margin: 0 auto;
}
.style7 input{
height: 3.2rem;
color: #142f42;
font-weight: 500;
border: 0px solid #898989;
font-size: 2rem;
text-align:right;
width: 30%;
	float: right;
	background: transparent;
	
}
.result
{min-height: 10.2rem;
text-align: center;
border: 0px solid #898989;
font-size: 36px;
background-color: #f2f7fa;
padding-left: 0rem;}

.result h3{
font-size: 25px;
line-height: 35px;
padding-top: 15px;
font-family: 'Open Sans', Arial, sans-serif;
}

.style5 input.result
{
text-align: center;
color: #AC8444;
font-weight: 500;
border: 0px solid #898989;
font-size: 36px;
padding-left: 0rem;
min-height: 5.2rem;}

.color {color: #02898c; font-weight: bold}

.main-banner .button.big {
	padding: 17px 25px;
font-size: 19px;
line-height: 57px !important;
color: #fff;
border: 1px solid #fff;}
.three-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
	padding-bottom: 60px
}
.infopage .background_cell { height:22.5rem !important;}
.three_cell {
  position:relative;
 display:flex;
 flex-direction:column;
 align-items:center;
 text-align:center;
 padding:0 2rem;
 width:23.7rem;
 height:29.5rem;
 border:1px solid #eee;
	background-image:url("../img/grey.png");
	background-color: #eee;
	background-repeat:repeat;
 z-index:5;
 background-size:cover;
 background-position:50%;
 transition:border-color .5s ease-in-out;
	margin-bottom: 30px;
}
.background_cell {
  position:relative;
 display:flex;
 flex-direction:column;
 align-items:center;
 text-align:center;
 padding:0 2rem;
 height:29.5rem;
 border:1px solid #eee;
	background-image:url("../img/grey.png");
	background-color: #eee;
	background-repeat:repeat;
 z-index:5;
 background-size:cover;
 background-position:50%;
 transition:border-color .5s ease-in-out; margin-bottom: 40px;
}
.background_cell .icon-mid{border-bottom: 3px #091f3d solid; display: block; margin: 20 auto; text-align: center}
.shadow-body .icon-mid{border-bottom: 3px #091f3d solid; display: block; margin: 20 auto; text-align: center}
.background_cell .icon-mid img{
	width: 60px;
	float: left;
	padding: 20px 20px 20px 0px;
}
.background_cell .icon-mid .title{ font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif"; font-size: 35px; color: #091f3d; float: left; padding-top: 30px}

.background_cell1 {
  position:relative;
 display:flex;
 flex-direction:column;
 align-items:center;
 text-align:center;
 height:19.5rem;
 border:0px solid #eee;
	background-color: #e1e9fa;
	margin-bottom: 40px;
	border-radius: 30px
}
.background_cell1  h3{
	padding-top: 40px;
	padding-left: 15px;
	padding-right: 15px;
}
.background_cell1 p{
	padding-left: 15px;
	padding-right: 15px;
}

.background_cell2 {
  position:relative;
 display:flex;
 flex-direction:column;
 align-items:center;
 text-align:center;
 height:38.5rem;
 border:0px solid #eee;
	background-color: #e1e9fa;
	margin-bottom: 40px;
	border-radius: 30px
}
.background_cell2  h3{
	padding-top: 40px;
	padding-left: 15px;
	padding-right: 15px;
	font-size: 23px;
	line-height: 31px;
}
.background_cell2 p{
	padding-left: 15px;
	padding-right: 15px;
}
.process {
    text-align: center;
}
.process .process-step::before {
    height: 2px;
    display: block;
    background-color: #EDEDED;
    position: absolute;
    content: '';
    width: 50%;
    top: 45px;
    left: 75%;
}
.process .process-step {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative;
	height: 22.5rem;
}
.process .process-step-circle-content {
    font-weight: bold;
    color: #212529;
    font-size: 1.6em;
    letter-spacing: -1px;
    transition: all 0.2s ease-in-out;
}
.process .process-step-circle {
    border-color: #26a3ec;
}
.process .process-step-circle {
    display: flex;
    justify-content: center;
    height: 90px;
    text-align: center;
    width: 90px;
    border: 2px solid #CCC;
        border-top-color: rgb(204, 204, 204);
        border-right-color: rgb(204, 204, 204);
        border-bottom-color: rgb(204, 204, 204);
        border-left-color: rgb(204, 204, 204);
    border-radius: 50%;
    align-items: center;
    position: relative;
    background-color: transparent;
    transition: all 0.2s ease-in-out;
}

.process .process-step-content {
    padding-top: 20px;
}

.process .process-step:hover .process-step-circle {
    background-color: #26a3ec;
}
.process .process-step-circle {
    border-color: #26a3ec;
}
.process .process-step:last-child::before {
    display: none;
}
.meet-pic {
    margin-top: -75px;
    text-align: center;
    margin-bottom: 40px;
	
}
.meet-pic img {border: 3px solid #ffd147;}

@media only screen and (min-width: 320px) and (max-width: 479px){
	
	.style5 input{height: 35px; margin: 10px 0  10px 0px; width: 97%; font-size: 1.5rem;}
	
	.formLoan_third .style5 {line-height: 2.0rem;}
	
	.background_cell { height: 32rem; padding: 0 0;}

	.btn-group.button_slide{margin-right: 0px;}
	
	.background_cell ul{margin: 0 20px;}
	
	.background_cell .icon-mid .title{  font-size: 30px; padding-top: 50px }
	
	.process .process-step::before{display: none;}
	
	.formLoan_full .formLoan_third{width: 100%; float: none;}
	
	.formLoan_full .formLoan_two_third {
		width: 100%;}
	
	.style6 {max-width: 95%; font-size: 1.1rem;}
	.style6 input {width: 35%;}
	.style7 {text-align: center !important}
	.style7 input{text-align:center !important; width: 100% !important;	
}

}
@media only screen and (min-width: 480px) and (max-width: 767px){
		
	.background_cell { height: 28rem; padding: 0 0;}
	
	.formLoan_full .formLoan_third{width: 100%;float: none;}

	.btn-group.button_slide{margin-right: 0px;}
	
	.background_cell ul{margin: 0 20px;}
	.background_cell .icon-mid .title{  padding-top: 50px }
	.process .process-step::before{display: none;}
	.formLoan_full .formLoan_two_third {
		width: 100%;}
	
	.style5 input {width: 97%}
	.style7 {text-align: center !important}
	.style7 input{text-align:center !important; width: 100% !important;	
}
}
@media only screen and (min-width: 768px) and (max-width: 991px){
	
	.background_cell { height: 35rem;}

	.process .process-step{height: 26.5rem;}
	
	.formLoan_full .formLoan_two_third {
		 width: 66%;}
	
	.infopage .background_cell.grid_3{ width: 290px !important;}
	
}

@media only screen and (min-width: 992px) and (max-width: 1199px){
	
	.infopage .background_cell.grid_3{ width: 300px !important;}
	.formLoan_full .formLoan_two_third {
    width: 66%;
    float: left;
}
}
@media (min-width: 1200px) {
	
	.infopage .background_cell.grid_3{ width: 300px !important;}
}