@media screen{
	body *{
		outline: none!important;
	}
	body, html{
		max-width: 100vw;
		overflow-x: hidden;
	}
	nav.navbar{
		background: #fafafa!important;
	}
	nav.navbar a[href], nav.navbar i{
		font-size: 1.0em;
	}
	nav.navbar .nav-link{
		display: flex;
		font-size: 1.0em;
		font-weight: 500;
	}
	nav.navbar i{
		font-size: 25px;
		margin-right: 8px;
		cursor: pointer;
	}
	nav.navbar .navbar-nav > .nav-item:hover{
		background-color: #ff2b36b0;
		color: #fafafa!important;
	}
	nav.navbar .navbar-nav > .nav-item:hover > .nav-link{
		color: #fafafa;
	}
	.nav-item.active{
		color: #666666;
		border-bottom: #ff2b34 5px solid;
	}
	.pointer{
		cursor: pointer;
	}
	.preload{
		position: fixed;
		width: 100%; 
		top: 0; 
		bottom: 0; 
		display: flex; 
		align-items: center; 
		align-content: center;
		justify-content: center;
		transition: opacity 0.5s, background-color 0.5s;
	}
	.preload > div{
		width: 100%;
	}
	.preload.load{
		opacity: 1!important;
		z-index: 999999!important;
		background-color: rgba(255, 255, 255, 0.5)!important;
		pointer-events: auto!important;
	}
	.preload img{
		animation: spin 2s linear infinite;
	}
	@keyframes spin {
		0% {
		  opacity: 0;
		}
		100% {
		  opacity: 1;
		}
	}
	.onload{
		opacity: 0;
		pointer-events: none;
		transition: opacity 0.5s;
	}
	.init-text{
		font-size: 3em;
		font-weight: 350;
	}
	.modal .close{
		outline: none;
	}
	.document-top{
		width: 60px;
		height: 60px;
		border-radius: 60px;
		background: #ff2b34;
		box-shadow: 7px 7px 7px rgba(0, 0, 0, 0.3);
		position: fixed;
		z-index: 100;
		bottom: 22px;
		right: 22px;
		display: flex;
		align-items: center;
		justify-content: center;
		cursor: pointer;
		opacity: 0;
		pointer-events: none;
		transition: opacity 0.3s;
		border: #ff2b34;
	}
	.document-top.scrolltop{
		opacity: 1;
		pointer-events: auto;
	}
	.document-top i{
		color: #fff;
		font-size: 1.5em;
	}
	.document-top span{
		background: red;
		position: absolute;
		top: 0;
		right: 0;
		border-radius: 50%;
		font-size: .8em;
		height: 20px;
		width: 20px;
		text-align: center;
		color: #fff;
	}
	textarea {
		resize: vertical;
		min-height: 200px;
	}
	.form-control {
		height: calc(2.25rem + 10px);
	}
	h1, h2, h3, h4, h5{
		color: #ff2b34;
	}
	.card{
		border-radius: 16px;
		position: relative;
	}
	.card img{
		border-top-left-radius: 16px;
		border-top-right-radius: 16px;
		background-position: center;
		background-size: cover;
	}
	.image-link{
		cursor: zoom-in;
	}
	.card-title-project{
		background: rgba(0, 0, 0, .7); 
		position: absolute; 
		bottom: 0; 
		width: 100%;
		border-bottom-left-radius: 16px;
		border-bottom-right-radius: 16px;
	}
	.card-title-project p{
		font-weight: 500;
		color: #fff;
		font-size: 1.2rem;
	}
	.card-imoveis{
		min-height: 250px;
		border: 0!important;
		position: relative;
		cursor: pointer;
		height: calc(100vh / 3 + 100px);
		text-decoration: l;
		overflow: hidden;
	}
	.card-imoveis img{
		transition: all 0.3s;
		overflow: hidden;
		background-color: #444;
		object-fit: cover!important; 
		object-position: center!important;
		max-width: 100%;
		width: 100%;
		min-height: 100%;
		height: 100%;
		max-height: 100%;
		border-radius: 16px!important;
	}
	.card-imoveis:hover > img{
		-moz-transform: scale(1.1);
		-webkit-transform: scale(1.1);
		transform: scale(1.1);
	}
	.limited-area{
		max-width: 750px;
		margin: auto;
	}
	.perfil-image{
		object-fit: cover;
		object-position: center;
	}
	#input-file-label{
		max-width: 100%;
		overflow: hidden;
	}
	.uperCase{
		text-transform: uppercase;
	}
	.bold{
		font-weight: 500;
	}
	.home-div{
		border-top: #ff2b34 6px solid;
		min-height: 100px;
		background: #222222;
		border-radius: 16px;
		max-width: 400px;
		color: #fff;
	}
	.form-control:focus {
		color: #495057;
		background-color: #fff;
		border-color: #ff2b34;
		outline: 0;
		box-shadow: 0 0 0 0.2rem rgba(255, 185, 95, 0.25);
	}
	.sobre-container > div{
		min-height: 100%;
	}
	.paralax{
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center center;
		background-attachment: fixed;
		padding: 7em 0;
		position: relative;
	}
	.btn-primary {
		color: #fff;
		background-color: #ff2b34;
		border-color: #ff2b34;
	}
	.home-service .media {
		min-height: 310px;
		transition: transform 0.3s;
		background-color: #fff;
		cursor: pointer;
	}
	.home-service .media:hover {
		transform: scale(1.05);
	}
	a[href] {
		color: #ff2b34;
		text-decoration: none;
		transition: color 0.2s;
	}
	/*Posts*/
	.card-posts{
		position: relative;
		transition: all 0.3s;
		overflow: hidden;
		text-decoration: l;
	}
	/*.card-posts, .card-posts img{
		border-radius: 16px;
	}*/
	.card-posts img{
		transition: all 0.3s;
		object-fit: cover;
		object-position: center;
		max-width: 100%;
		width: 100%;
		min-height: 100%;
		height: 100%;
		height: calc(100vh / 3 + 60px);
		cursor: pointer;
	}
	.card-posts img:hover{
		opacity: 0.5;
	}
	.card-posts > div{
		padding-top: 1.25rem;
		color: #666;
	}
	.card-posts > div small{ font-weight: 500; }
	.card-posts > div a, .card-posts > div p, .card-posts > div small, .card-posts > div h4{
		color: #666;
		cursor: pointer;
		transition: all 0.5s;
	}
	.card-posts > div h4{
		font-weight: bold;
	}
	.card-posts > div h4:hover{
		opacity: 0.5;
	}
	.card-posts.categoria::-webkit-scrollbar {
        width: 6px;
        height: 6px;
        border-radius: 0px;
        background: transparent;
        position: absolute;
        z-index: 0;
    }
	.card-posts.categoria::-webkit-scrollbar-track-piece {
		background-color: transparent;
		border-radius: 0px;
	}
	.card-posts.categoria::-webkit-scrollbar-thumb:vertical {
		height: 5px;
		background-color: #bd9039;
		border-radius: 6px;
	}
	.card-posts.categoria::-webkit-scrollbar-thumb:horizontal {
		width: 5px;
		background-color: #bd9039;
		border-radius: 6px;
	}
	.header-container-wallpaper{
		position: relative;
		height: 200px;
	}
	footer{
		min-height: 200px;
		background-color: #2b2b2b!important;
		border-top: 1px solid transparent !important;
		border-bottom: 1px solid transparent !important;
	}
	footer p, footer h5{
		color: rgba(255, 255, 255, 0.8);
	}
	footer p a{
		color: rgba(255, 255, 255, 0.8);
		transition: 0.3s;
		font-weight: 500;
		text-decoration: none!important;
	}
	footer p a:hover{
		color: #fff;
	}
	footer hr{
		border-color: rgba(255, 255, 255, 0.1);
	}
	.footer i{
		font-size: 28px!important;
		color: rgba(255, 255, 255, 0.8);
		margin-left: 5px;
	}
	footer i:hover{
		color: #fff;
		transition: 0.3s;
	}	
}
@media screen and (max-width: 992px){
	.init-text{
		font-size: 2em;
	}
}
/*Container*/
@media (min-width: 1200px){
	.container-fluid, .container-fluid-lg, .container-fluid-md, .container-fluid-sm, .container-fluid-xl {
		padding-right: 80px;
		padding-left: 80px;
		max-width: 1760px;
	}
}