/* reset.css is here */
*{margin:0; padding:0; box-sizing:border-box; }
table {border-collapse:collapse; border-spacing:0;}
fieldset,img{border:0;}
img{max-width:100%; height:auto; display:block; }
figure{margin: 0;line-height: 0;}
address,caption,cite,code,dfn,th,var {font-style:normal; font-weight:normal; }
a{display:inline-block;}
a:hover, a:focus {text-decoration:none; outline:0 none !important;}
header,nav,section,article,aside,footer,hgroup,figure,main {display: block; }
.last	{margin:0 !important;}
.pad_last{padding:0 !important;}
.no_bg {background:none !important;}
.no_bor{border:0 none !important; }
figure{line-height: 0;}
.clear{clear: both;display: block;}

h1{color: #293786; line-height: 35px; font-weight: 800; letter-spacing: 3px; text-shadow: 1px 1px #000000;}
h2{font-size: 30.36px;line-height:32px;color: #293786;margin: 0;font-weight: 900;}
h3{font-size: 28px;line-height:30px;color: #293786;margin: 0;font-weight: 900;letter-spacing: 0.7px;}
h4{font-size: 25.3px;line-height:27px;color: #293786;margin: 0;font-weight: 900;}
p{color: #131843;font-size: 24.74px;line-height: 29px;margin: 0;letter-spacing: 0.8px;}
ul{list-style:none;}

::-webkit-input-placeholder {color: #848484;font-weight: 400;}
::-moz-placeholder {}
:-ms-input-placeholder{}
:-moz-placeholder {color: #848484;font-weight: 400;}

html{line-height: 0;}
body{background: #ffffff;font-family: 'Alegreya Sans', sans-serif !important;line-height: 12px;color: #131843;}
.container{max-width: 1030px;}

hr {
 	border-top: 1px solid #000
}

/* Global classes */
.btn{
	color: #293786;
	line-height: 30px;
	font-size: 1.4rem;
	font-weight: 500;
	text-align: center;
	min-width: 127px;
	border: 2px solid #737373;
	box-shadow:0px 0px 17px -2px #737373 inset;
}

.btn:hover {
	background-color: #293786;
	color: white;
	box-shadow:0px 0px 17px -2px white inset;
}

/* Header is here */

header{padding: 0 0 1px 0;background: #131843;}
.navbar-white .navbar-nav .nav-link{color: #fefefe;font-size: 25.3px;line-height: 26px;font-weight: 900;padding: 0;position: relative;}
.navbar-nav li{padding: 0 25px;}
.navbar-nav{margin: 0 -21px 0 0;}
.navbar{padding:10px 0; font-family: 'Alegreya Sans', sans-serif !important;}
.navbar-white .navbar-nav .nav-link:after{content: '';width: 110%;position: absolute;bottom: -3px;left: -4px;right: 0;height: 1px;background: #fefefe;opacity: 0;}
.navbar-white .navbar-nav .nav-link:hover:after{opacity: 1;}

/* Banner is here */
.banner{width: 100%;position:relative; margin-top: 4.5rem;}
.carousel-item img{width: 100%;}
.banner img{width: 100%;}
.banner .container{position: absolute;top:50%;transform: translateY(-50%);-o-transform: translateY(-50%);-ms-transform: translateY(-50%);-moz-transform: translateY(-50%);-webkit-transform: translateY(-50%);left: 0;right: 0;}
.carousel-control-prev{background: url(../Media/1036/arrow1.png) no-repeat;background-size: cover;float: left;}
.carousel-control-next{background: url(../Media/1037/arrow2.png) no-repeat;background-size: cover;float: right;}
.carousel-control-next, .carousel-control-prev{position: static;width: 49px;height: 125px;}
.ban_logo{position: absolute;top:-92%;right: 8%;}

.listings{background: #f5f5f5;padding-bottom: 10px; padding-top: 25px;}
.listings_cnt{width: 100%;}
.listings_cnt h4{letter-spacing: 0.6px;padding: 0 0 19px 0;}
.form_sec{width: 95%; }
.form-control:focus{box-shadow: none;border-color:#737373;}
.listings_cnt figure{margin: 0 0 28px 0;}
.listings_cnt figure img{width: 88%;margin: 0 auto;}
.form_sec input{border: 2px solid #737373;width: 100%;font-size: 20.24px;font-weight: 400;outline: none;color: #848484;line-height: 1.1;}
.form_sec select{border: 2px solid #737373;width: 100%;font-size: 20.24px;font-weight: 400;outline: none;color: #848484;line-height: 1.1;
	border-radius:0.25rem; height:2.5rem; padding-left: 10px;}
.form_sec textarea{width: 100%;height: 145px;resize: none;border: 2px solid #737373;padding:10px 15px;font-size: 20.24px;font-weight: 400;outline: none;color: #848484;border-radius: 3px; padding-top: 0.75rem;padding-bottom: 0.75rem;}
.form_sec .form-group{margin-bottom: 0.7rem;}
.form_sec .pay-ment {margin: 0 -3px;}
.form_sec .pay-ment .form-group{width: 50%;padding: 0 3px;display: inline-block;}
.form_sec li .btn{min-width: 100%;margin-bottom: 0.7rem;}

.benefits{list-style: disc;vertical-align: middle;padding: 0 25px; list-style-type: none;}
.benefits li{padding: 2px 0;}
.benefits li span{font-size: 20.24px;line-height: 21px;color: #293786;vertical-align: middle;margin: 0 -5px;}
.separator{position: relative;}
.separator:after{content: '';height: 98%;right: 0;top:52%;transform: translateY(-50%);-o-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-webkit-transform: translateY(-50%);width: 1px;background: #70738c;position: absolute;}

/*==============Images Styling==============*/
.listingsImg {
	max-height: 400px;
	border-radius: 10px;
	border-right: 5px solid #293786;
	border-bottom: 5px solid #293786;
	border-top: 1px solid #293786;
	border-left: 1px solid #293786;
}

/*==============Navbar==============*/
.navbar-custom {
	color: white;
	background-color: #131843;
}

.navbar-custom-a {
	margin-left: 28rem;
}

.navbar-custom-div {
	margin-right: 28rem;
}

.navbar-toggler {
	margin-left: 1rem;
}

/*==============Radio Buttons=================*/
.div-radio-options {
	margin-top: -3em;
	margin-left: -1.5em;
}

.radio-options {
  list-style-type: none;
  border-radius: 0.25rem;
  font-size: 1.5em;
  font-weight: 400;
  margin: 0 0 3em 3em;
  padding: 0;
}

.radio-options li {
  float: left;
  margin: 0 5px 0 0;
  width: 125px;
  height: 30px;
  position: relative;
}

.radio-options label,
.radio-options input {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.radio-options input[type="radio"] {
  opacity: 0.01;
  z-index: 100;
}

.radio-options input[type="radio"]:checked+label,
.Checked+label {
  color: #fff;
  background: #293786;
}

.radio-options label {
  padding: 5px;
  border: 1px solid #CCC;
  cursor: pointer;
  z-index: 90;
}

.radio-options label:hover {
  background: #DDD;
}

/*==============List Buttons=================*/
.lstbtn {
  height: 2.6rem;
  width: 95%;
  display: inline;
  font-weight: 400;
  text-align: center;
  white-space: nowrap;
  border: 1px solid transparent;
  font-size: 1.3rem;
  line-height: 1.5;
  border-radius: 0.25rem;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.lstbtn:hover, .lstbtn:focus {
  text-decoration: none;
}

.lstbtn:focus, .lstbtn.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.lstbtn.disabled, .lstbtn:disabled {
  opacity: 0.65;
}

.lstbtn:not(:disabled):not(.disabled) {
  cursor: pointer;
}

.lstbtn:not(:disabled):not(.disabled):active, .lstbtn:not(:disabled):not(.disabled).active {
  background-image: none;
}

a.lstbtn.disabled,
fieldset:disabled a.btn {
  pointer-events: none;
}

.btn-link {
  font-weight: 400;
  color: #007bff;
  background-color: #f5f5f5;
}

.btn-link:hover {
  color: #0056b3;
  text-decoration: underline;
  background-color: #f5f5f5;
  border-color: transparent;
}

.btn-link:focus, .btn-link.focus {
  text-decoration: underline;
  border-color: #f5f5f5;
  box-shadow: none;
}

.btn-link:disabled, .btn-link.disabled {
  color: #6c757d;
}

/*==============MortgageCalculator==============*/
.input-icon {
  position: relative;
}

.input-icon > i {
  color: #293786;
  position: absolute;
  display: block;
  transform: translate(0, -50%);
  top: 50%;
  pointer-events: none;
  width: 25px;
  text-align: center;
	font-style: normal;
	font-size: 2.25em;
}

.input-icon > input {
  padding-left: 25px;
	padding-right: 0;
}

.input-icon-right > i {
  right: 0;
  padding-right: 30px;
}

.input-icon-right > input {
  padding-left: 13px;
  text-align: left;
}

.calc-label {
	float: left;
}

.adjust-percent {
	float: right; 
	margin-top: 2.4em;
}

.price-adjust {
  margin-top: 0.8rem;
}

.rate-adjust {
  margin-top: 0.75rem;
  margin-right: 1rem;
}

.property-address {
	margin-bottom: -5rem;
}

#bankrate {
	text-align: left;
	font-size: 1.5em;
}

#loanLength {
	background-color: #ffffff;
}

/*==============FeaturedListings==============*/
:root {
    --font: 1rem;
    --line: calc(var(--font) * 2);
    --move: calc(-1 * var(--line));
}
.featured {background: #f5f5f5; padding: 0px 0;}
.featured_cnt{width:100%; height:auto;}
.featured_cnt_h2{letter-spacing: 0.5px;padding: 0 0 19px 0; text-align:center; font-size:3em;}
.featured_img {
    position: relative;
    width: 100%;
    /*border-radius: 5%;*/
}

.featured-li {
	margin-top: 2em;
}

.featured_item > img {
    width: 100%;
    height: auto;
    display: block; /* to get rid of the whitespace */
}
.featured_img_label {
	text-align: left;
    font-size: var(--font);
    line-height: var(--line);
    padding: 0 1rem;
    margin: 0;
    /*border-radius: 0 0 15px 15px;*/
    color: white;
    background-color: hsla(0, 0%, 0%, 0.48);
    height: var(--line);
    /* margin-top: var(--move);
        position:relative; */

    transform: translateY(var(--move));
    margin-bottom: var(--move);
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.featured_img:hover {
	cursor: pointer;
    opacity: 0.6;
    transition: .5s ease;
}

/*Result box*/
.result-box p{
	height: 3em;
	border: 3px;
	border-color: black;
}

/*==============Contact Footer==============*/
.contact {
	
}

.fcbk {
	float:right;
}

.fcbk-a {
	margin-right: 4rem;
}

.fcbk-p {
	margin-top: 0.4rem;
}

.fcbk-icon {
	width: 43.75px; 
	height:auto;
}

/*==============Blog Posts==============*/
.blogpost {text-decoration: none;}
.blogpost-excerpt {
	color: #000; 
	font-weight: 600;
	margin-top: -0.5em; 
	line-height: 1em;}

.blogpost-meta {color: #000;}

article ul{
	margin-top: 0.5em;
	list-style: circle;
	font-size: 20.74px;
	line-height: 26px;
}

/*==============Contact Form==============*/
.formList {color: #131843;font-size: 24.74px;line-height: 29px;margin-top: 19px;margin-bottom:19px;letter-spacing: 0.8px;}

.placeholderRed {background-color: red;}

/*=============Inner1 is here =================*/
.associate{background: #ffffff;padding: 52px 0;}
.associate-in-lt h3{padding: 0 0 11px;}
.associate-in-rt figure img{width: 100%;}
.associate-in-rt figure a{display: block;}
.associate-in-rt h3{padding: 30px 0 15px;}
.associate-in-lt p{padding: 0 0 20px;}
.associate-in-lt p.pad-ing{padding: 0 15px 20px;}

footer{background: #131843;padding: 15px 0;}
footer ul li{display: inline-block;padding: 4px 23px;}
footer ul li a{color: #fefefe !important;font-size: 25.3px;line-height: 26px;font-weight: 900; padding: 0;}
footer .nav-link{padding: 0;}