.masthead {
  margin-bottom: 2rem;
}

.masthead-brand {
  margin-bottom: 0;
}

.nav-masthead .nav-link{
  padding: .25rem 0;
  font-weight: 700;
  color: #ffffff !important;
}


.nav-masthead .nav-link:hover,
.nav-masthead .nav-link:focus {
  background-color: rgba(245, 115, 51, 1);
   -webkit-transition: 0.5s ease-out;
    -moz-transition: 0.5s ease-out;
    -o-transition: 0.5s ease-out;
    -ms-transition: 0.5s ease-out;
    transition: 0.5s ease-out;
}


.dropdown:hover > .dropdown-menu{
   display:block;
}

 .dropdown-item:hover, .dropdown-item:focus, .dropdown-item.active, .dropdown-item:active {
    background: linear-gradient(to left, #f57733, #f85803);
}


.nav-masthead .nav-link + .nav-link {
  margin-left: 1rem;
}

.nav-masthead .ativo {
 color: #ffa107 !important;
 background-color: transparent !important;
}

.bg-alugar {
    background-color: #f85803!important;
   }
   
.shadow-a{
 background: linear-gradient(to bottom, transparent 50%, rgba(245, 119, 20, 0.65) 100%);
 }

.bg-vender{
    background-color: #3e4095!important;
   }
   
.shadow-v{
	background: linear-gradient(to bottom, transparent 50%, rgba(75, 78, 186, 0.65) 100%);
}

.custom-file-label::after{
	content: "Buscar";
}



 /* Rules for sizing the icon. */
.material-icons.md-18 { font-size: 18px; }
.material-icons.md-24 { font-size: 24px; }
.material-icons.md-36 { font-size: 36px; }
.material-icons.md-48 { font-size: 48px; }
.material-icons.md-96 { font-size: 96px; }

/* Rules for using icons as black on a light background. */
.material-icons.md-dark { color: rgba(0, 0, 0, 0.54); }
.material-icons.md-dark.md-inactive { color: rgba(0, 0, 0, 0.26); }


/* Rules for using icons as white on a dark background. */
.material-icons.md-light { color: rgba(255, 255, 255, 1); }
.material-icons.md-light.md-inactive { color: rgba(255, 255, 255, 0.3); }


.pointer {cursor: pointer !important;}

input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
}

.noUi-connect {
    background: #03339f !important;
}

.parallax {
	/* The image used */
	background-image: url("../imagens/pc.jpg");

	/* Set a specific height */
	height: 360px; 

	/* Create the parallax scrolling effect */
	background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.modal-body {
    padding: 0 !important;
	margin: 0 !important;
}

.modal{
    background-color:  rgba(255, 255, 255, .9) !important;
}
.modal-content {
    border: none !important;
    border-radius: 0 !important;
    outline: 0;
}

 .slider .tooltip.in {
        opacity: 1;
    }

    .slider .tooltip.top .tooltip-arrow {
        bottom: 0;
        left: 50%;
        margin-left: -5px;
        border-width: 5px 5px 0;
        border-top-color: #000;
    }

    .slider .tooltip-arrow {
        position: absolute;
        width: 0;
        height: 0;
        border-color: transparent;
        border-style: solid;
    }

    .slider .tooltip.top {
        padding: 5px 0;
    }

	 .slider .range {
		width: 100%;
	}
	.preload{
		position: fixed;
		z-index:99999;
		top:0; left:0;
		width:100%; height:100%;
		background: rgba(255, 255, 255, 0.5); 
	}
	.tamanho {
		width: 8rem; height: 8rem;
	}