html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	/*font-size: 14px !important;*/
	vertical-align: baseline;
        font-family: 'Gotham', sans-serif;
        
}
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
.property_card input:focus::placeholder {
  color: transparent;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

h2{
  font-size:2rem !important;
}
h5{
  font-size:1.5rem !important;
}

p{
  color: var(--subftclr);
}
small{
  font-size:12px !important;
}
label{
  font-weight:500;
  padding: 5px;
}
input#purchase.btn,input#refinance.btn{
  width: 30%;
 margin: 8px;
}

.custom-input-group .input-group-append{
position: absolute;
top: 13px;
right: 22px;
}
/*radiobutton*/


.radio-input {
  visibility: hidden;
}
.radio-label {
  position: relative;
  padding-left: 35px;
  cursor:pointer;
}
.radio-label:after {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  position: absolute;
  left: 4px;
  top: 10px;
  border-radius: 50%;
  background:#EBF6FE;
}
.radio-border {
  width: 20px;
  height: 20px;
  display: inline-block;
  outline: solid 1px #707070;
  border-radius: 50%;
  position: absolute;
  left: 0px;
  top: 6px;
  opacity:0.3;
}
.radio-input:checked + .radio-label:after {
  transition: all 0.5s;
  background-color: #0D72E5;
}



.navbar-toggler:not(:disabled):not(.disabled){
  
  background: #0D72E5;
  color: #fff;
  border-radius: 6px;
  padding: 4px 10px 8px 10px;
}


/*radiobutton*/

/*components*/
/*.purchase_action_btn{
  margin: 20px 20px;
  padding: 16px 0px !important;
  border-radius: 6px !important;
}*/
.btn{
 margin: 20px 20px;
 /*padding: 16px 0px !important;*/
 border-radius: 6px !important;
 width:200px;
}

.btn_next{
    margin: 10px 20px;
    border-radius: 6px !important;
    cursor:pointer;
    width:100%;
}
.light_blue_btn{
  cursor: pointer;
  background: #EBF6FE !important;
  border: 1px #EBF6FE solid !important;
  border-radius:5px;
  text-align: center;
  color: #000 !important;
  font-size: 18px;
  width: 90%;
  margin: 8px 0px;
  padding: 8px 0px;
}
.light_blue_btn:hover{
  
  background: #f1f1f1 !important;
}
.dollar_symbol{
  font-size:24px !important;
}
.dollar_symbol > label{
  font-size:24px !important;
}
.percent{
  font-size:24px !important;
}
.percent >label{
  font-size:24px !important;
}
.slider{
  -webkit-appearance: none;  /* Override default CSS styles */
  appearance: none;
  width: 100%; 
  height: 20px; 
  background: #fff;
  border-radius:15px;
  border:1px solid  #707070; /* Remove outline */
  opacity: 0.9; /* Set transparency (for mouse-over effects on hover) */
  -webkit-transition: .2s; /* 0.2 seconds transition on hover */
  transition: opacity .2s;
}

.slider::-webkit-slider-thumb {
  -webkit-appearance: none; /* Override default look */
  appearance: none;
  width: 25px;
  height: 25px;
  border:10px solid #fff;
  background: #4B9CF9 0% 0% no-repeat padding-box;
  cursor: pointer; /* Cursor on hover */
  border-radius:50%;
  -webkit-box-shadow: 1px 1px 5px 0px rgba(50, 50, 50, 0.34);
  -moz-box-shadow:    1px 1px 5px 0px rgba(50, 50, 50, 0.34);
    box-shadow:         1px 1px 5px 0px rgba(50, 50, 50, 0.34)
}

.slider::-moz-range-thumb {
  width: 25px;
  height: 25px; 
  background: #4B9CF9; 
  cursor: pointer; 
  border-radius:50%;
  border:10px solid #fff;
 -webkit-box-shadow: 1px 1px 5px 0px rgba(50, 50, 50, 0.34);
  -moz-box-shadow:   1px 1px 5px 0px rgba(50, 50, 50, 0.34);
  box-shadow:        1px 1px 5px 0px rgba(50, 50, 50, 0.34)

}
input.previous{
  /*background: none !important;
  color: #4B9CF9 !important;*/
  border: 0px !important;
  /*font-size: 16px !important;*/
  text-align: center;
  cursor: pointer;
  padding: 4px 0px;
  border-radius:5px;
  margin: 0;

}

.form-control{
  border: 0px !important;
  height:45px !important;
  background: #E7EFF4  !important;
  color: #000000 !important;
  opacity: 0.44;
}
select#currentloanlrogram.form-control{
 height: 45px;
}

form{
   
   width:100%;
}


input.form-control::placeholder {
   color:var(--subftclr);
}
input:focus::placeholder {
  color: transparent;
}
.input-group{
  border-radius:5px;
  border:1px solid #707070;
}
.input-group-text > i.fa{
   color:var(--subftclr);
}




/*components*/

.loader{
    border-bottom:3px solid #d6e7fb;
}
.progress{
 border-radius:0px !important; 
 height:0.5rem !important; 
 background: #d6e7fb !important; 
}

input[type="button"] .previous{
  border:none !important;
  margin: 0px !important;
}

/*property*/

.property_card{

  margin:0px auto;
  text-align: center;
}
.form-group{
  text-align: left; 
}

/*property*/






/*insurance*/
.share input{
  margin-right:5px;
}
.share label{
  padding-right:5px;
}
.share_bt input{
    margin-right:5px;
}
.share_bt label{
  padding-right:5px;
}
.top_links{
  padding:18px 0 0 0;
}
.top_links a{
  padding: 5px 20px
}
.nav-item{
  
  padding-right:15px;
}
/*mediaquery*/



 /* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
    
    h2{
      
      font-size:1.5rem !important;
    }
    input#purchase.btn,input#refinance.btn{
    width:100%;
    border-radius:5px;
    }
    .btn{
      width:100%;
      margin:10px 0px;
      border-radius:5px;
    }
    .light_blue_btn{
      width: 100%;
      padding: 5px;
      font-size:1rem;
    }
    .slider{
      
      height: 10px;
    }
    .slider::-webkit-slider-thumb{
      
      width:15px;
      height:15px;
      border:5px solid #fff;
      
    }
    .slider::-moz-range-thumb {
      
      width:15px;
      height:15px;
      border:5px solid #fff;
    }
    .btn_next{
      
      width:100%;
    }
    .light_blue_btn{
      padding:8px 5px;
    }
    
    .top_links a{
      display: block;
      padding: 3px 0px;
    }

}


  /*Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {

 

}

 /*Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
    

    
      
}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
    

}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {

}
    
    
    
    
     /*--cover up mac , mac-book---*/

@media only screen and (min-width: 1024px) and (max-width: 1920px) {
  
}

/*--mac book pro , and mac-book retina display screen---*/

@media only screen and (min-width: 1920px) and (max-width: 2560px) {
    .login_card {
    margin: 150px auto;
}
}
/*mediaquery*/