﻿*{
	font-family: 'Poppins', sans-serif;
}

.img-logo{
	height: 60px;
}

.navhelp.navbar{
	padding: 0;
	background-color: #343a40;
	/*background: linear-gradient(rgba(0, 0, 0, 0.78),rgba(0, 0, 0, 0.72)),url(../img/architectural-design-architecture-building-443383.jpg);*/
	font-size: 14px;
}

.navhelp.navbar a{
	color: #b5b5b5;
}

nav.navbar{
	background-color: #FFF;
}

nav .navbar-brand{
	
	color: #2d2d2d !important;
}

nav .navbar-brand span{
	/*color: #d9534f;*/
	/*border-bottom: 2px solid #d9534f;*/
}

nav.navbar .navbar-nav .nav-link{
	
	font-size: 14px;
	color: #2d2d2d;
}

nav.navbar .navbar-nav .active>.nav-link,
nav.navbar .navbar-nav .nav-link.active,
nav.navbar .navbar-nav .nav-link.show,
nav.navbar .navbar-nav .show>.nav-link {
    color: #d9534f;
    border-bottom: 2px solid #d9534f;
}

nav.navbar .navbar-nav .nav-link.active:before {
    background: #d9534f;
    content: "";
    height: 2px;
    width: 4px;
}

header{
	height: 70vh;
	background: linear-gradient(rgba(0, 0, 0, 0.5),rgba(0, 0, 0, 0.32)),url(../img/IMG_9255.jpg);
	background-size: cover;
	/*background-position: bottom;*/
	color: #FFF;
	padding: 25vh 0;
}

header h1{
	font-family: 'Montserrat', sans-serif;
	font-weight: 800;
}

header h1 span{
	color: #d9534f;
}

header .btn{
	width: 200px;
	font-weight: 700;
}

section{
	padding: 96px 0;
}

.section-secondary{
	background: #f8f8fb;
}

.section-small{
	padding: 32px 0;
}

section h3{
	font-family: 'Montserrat', sans-serif;
	font-weight: 800;
}

footer{
	padding: 18px 0px;
	color: #FFF;
	text-align: center;
	background-color: #151515;
	font-size: 14px;
}

.btn-pill{
	border-radius: 18px;
	font-weight: 700;
	font-size: 14px;
}

.btn-danger{
	background-color: #d9534f;
}

.icon-md{
	background: #d9534f;
	color: #FFF;
	padding: 24px;
	border-radius: 4px;
}

.icon-lg{
	color: #d9534f;
	border: 2px solid #d9534f;
	padding: 32px;
	border-radius: 4px;
}

.icon{
	color: #d9534f;
}

#services .card-nice{
	position: absolute;
}

.card-nice{
	padding: 18px;
	border-radius: 4px;
	color: #FFF;
	background: linear-gradient(rgba(0, 0, 0, 0.76),rgba(0, 0, 0, 0.59)),url(../img/architectural-design-architecture-building-443383.jpg);
	background-size: cover;
}

.card-empty{
	height: 300px;
	width: 80%;
	box-shadow: -14px -14px 1px #d9534f;
	transition: 0.5s ease all;

	background: url("../img/IMG_9827 copy.jpg");
	background-size: cover;
}

.card-empty:hover{
	box-shadow: 14px 14px 1px #d9534f;
}

.section-nice{
	background: linear-gradient(rgba(0, 0, 0, 0.76),rgba(0, 0, 0, 0.59)),url(../img/architectural-design-architecture-building-443383.jpg);
	background-size: cover;
}

.copy{
	background: #2d2d2d;
	color: #adadad;
	padding: 18px 0;
}

.copy p{
	margin: 0;
	font-size: 14px;
}

.img-box{
	height: 100px;
	width: 100%;
}

.img-box img{
	object-fit: contain;
	width: 100%;
	height: 100%;
	/*filter: grayscale(100%);*/
}

.img-box2 img{
	padding: 14px 0;
}

/*.img-box img:hover{
	filter: none;
}*/

/* RESPONSIVE */

@media (max-width: 770px)
{
	header h1{
		font-size: 32px;
	}

	header h3{
		font-size: 18px;
	}

	nav.navbar .navbar-nav .active>.nav-link,
	nav.navbar .navbar-nav .nav-link.active,
	nav.navbar .navbar-nav .nav-link.show,
	nav.navbar .navbar-nav .show>.nav-link {
	    color: #d9534f;
	    border: 0;
	}
}


@media (max-width: 577px)
{

	.navhelp .navbar-nav{
		margin-left: 18px;
	}	

}

/*@media (max-width: 780px) {
    .navbar-collapse.collapse {
        display: none !important;
    }
    .navbar-collapse.collapse.in {
        display: block !important;
    }
    .navbar-header .collapse, .navbar-toggle {
        display:block !important;
    }
    .navbar-header {
        float:none;
    }

    .navbar-expand-sm .navbar-toggler{
    	display: block;
    }
}*/