body[ng-app="rates"] .page-content .container #rateform .sidepanel::before {
    color: #1083ca;
}
.btn-calc{
	background-color:#1083ca;
	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: #1083ca;
}
.formLoan_full
{
	width:97%;
	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: #f3f4fa;
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: #1083ca; 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;
}

.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}

.process {
    text-align: center;
	justify-content: center; 
	display: flex;
}
.process .process-step::before {
   content: '';
  position: absolute;
  z-index: 0;
  top: 21px;
  left: 0;
  width: 100%;
  height: 5px;
 background-color: #619bc2;
  opacity: 0.15;
}
.process .process-step {
    flex-direction: column;
    justify-content: center;
    align-items: center;
	height: auto;
		
}
.process .process-step-circle-content {
    font-weight: bold;
    color: #fff;
    font-size: 1.6em;
    letter-spacing: -1px;
    transition: all 0.2s ease-in-out;
}

.process .process-step-circle {
    display: flex;
    justify-content: center;
    height: 44px;
    text-align: center;
    width: 46px;
    border-color: #186fb9;
        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: #186fb9;
    transition: all 0.2s ease-in-out;
	z-index: 1000;
	    margin: 0 auto;

}

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

.process .process-step:hover .process-step-circle {
    background-color: #619bc2;
}


.meet-pic {
    margin-top: -75px;
    text-align: center;
    margin-bottom: 40px;
	
}
.meet-pic img {border: 3px solid #1083ca;}

.grid_color {margin-right: 0px; padding: 40px 0; display: flex}
.grid_color1 {margin-right: 0px; margin-left: 0px; padding: 40px 0;  display: flex}
.grid_color_content {text-align:center;padding: 0 30px; margin-left: 12%;
	
}
.grid_4.arrow1 {background-color:#7DA2AA; height: 9.5rem; }

.grid_4.arrow2 {background-color: #A4BDC2; height: 9.5rem;}
.arrow1::before {
    content: "";
    position: absolute;
    bottom: 0;
    top: 0;
    width: 0;
    height: 0;
    border-left: 50px solid #A4BDC2;
    border-top: 116px solid transparent;
    border-bottom: 115px solid transparent;
}
.arrow2::before {
    content: "";
    position: absolute;
    bottom: 0;
    top: 0;
    width: 0;
    height: 0;
    border-left:50px solid #7DA2AA;
    border-top: 116px solid transparent;
    border-bottom: 115px solid transparent;
}
.team1-img-container {

   background: #fff;
    color: #fff;
    float: left;
    padding: 10px;
    margin: 20px 30px;
    position: relative;

}

 
.team1-img-container img {
      -webkit-border-radius: 50%;
   -moz-border-radius: 50%;
    border-radius: 50%;
	outline: 3px solid #000; 
	outline-offset: -10px;   
	-webkit-outline-offset: -10px;
   -moz-outline-offset: -10px;

}
.dl-menuwrapper li > a:not(:only-child)::after{
	color: #fff !important;
}
.team1-img-container .img img{ z-index: 9998; display: block;}

h1.rate-txt {line-height: 30px; float: left; color: #1083ca}
p.rate-txt {float: right; display: block}
h3.rate-txt {margin-bottom: 5px;
	font-family: Gotham, 'Helvetica Neue', Helvetica, Arial, 'sans-serif'; color: #000}
h3.rate-txt span,
h3.apr-txt span{font-size: 16px}
h3.apr-txt{font-family: Gotham, 'Helvetica Neue', Helvetica, Arial, 'sans-serif'; color: #000}
h5.type-txt{font-family: Gotham, 'Helvetica Neue', Helvetica, Arial, 'sans-serif'; margin-bottom: 15px; color:#1083ca;  font-size: 24px; font-weight: bold}
h5.descr-txt{font-family: Gotham, 'Helvetica Neue', Helvetica, Arial, 'sans-serif'; margin: 0 35px 15px 35px;}
.assm-txt{font-family: Gotham, 'Helvetica Neue', Helvetica, Arial, 'sans-serif'; }
.assm-txt a {text-decoration: underline;  font-family: 'Raleway', sans-serif; font-size: 15px !important;}

@media only screen and (min-width: 320px) and (max-width: 479px){
	.arrow2::before,
	.arrow1::before{display: none !important}
	.grid_4.arrow2 {background-color: transparent}
	
	.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%;}
	.team1-img-container img {
      -webkit-border-radius: 50%;
   -moz-border-radius: 50%;
    border-radius: 50%;
	border: 3px solid #000;
		outline: 0px;
	outline-offset: 0px;   
	-webkit-outline-offset:0px;
   -moz-outline-offset: 0px;

}
	.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;	}
	h1.rate-txt {line-height: 30px; float: none; text-align: center; color: #1083ca}
	p.rate-txt {float: none; text-align: center; display: block}
	.process{display: block}
	.process .process-step {
    min-height: 280px;
}

}
@media only screen and (min-width: 480px) and (max-width: 767px){
		
	.background_cell { height: 28rem; padding: 0 0;}
	.process {
  
  display: inline;
}
	.process .process-step{
		margin-bottom: 50px;
	}
	.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%;}
	.grid_color_conten {width: 100%; margin: 0 auto;; float: none}
	.grid_4.arrow2 {
    height: 7.0rem;
}
	.style5 input {width: 97%}
	.style7 {text-align: center !important}
	.style7 input{text-align:center !important; width: 100% !important;	}
	h1.rate-txt {line-height: 30px; float: none; text-align: center; color: #1083ca}
	p.rate-txt {float: none; text-align: center; display: block}
}
@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;}
}
.hero {
	background-color: #1083ca;}
.hero::after {
    border-top: solid 15px #1083ca;
}
#analys #quote-submit[disabled] {
    background-color: #333;
}
#analys .quote-detailes-table input, #analys .loan-amount input, #analys .property-value input, .quote-detailes-table span {
    color: #1083ca;
}