@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap');

body {
	padding-top: 90px;
	font-family: 'Roboto', sans-serif;
	font-size: 15px;
	font-weight: 400;
	line-height: 1.6;
	color: #2d2d2d;
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizelegibility;
}

header .navbar {
	line-height: 90px;
}

header .navbar-default {
	background-color: rgba(244,244,244,.95);
	line-height: 90px;
	padding: 0px;
	margin: 0px;
	border: 0px;
	box-shadow: 0 2px 14px rgba(100,100,100,.1),0 2px 2px rgba(100,100,100,.1);
}

header .navbar-default .navbar-brand {
	height: 60px;
	width: 205px;
	margin: 15px 0px;
	background-image: url('../images/falegnameria_gheringer.png');
	background-size: cover;
	display: block;
}

header .navbar-default .navbar-nav>li>a {
	line-height: 90px;
	padding: 0px 17px;
	text-transform: uppercase;
	font-weight: 700;
	color: #2d2d2d;
	font-size: 12px;
	letter-spacing: .25em;
}

header .navbar-default .navbar-nav>.active>a,
header .navbar-default .navbar-nav>.active>a:focus,
header .navbar-default .navbar-nav>.active>a:hover {
	background-color: transparent;
	color: #975028;
}

header .navbar-default .navbar-nav>li>a:focus,
header .navbar-default .navbar-nav>li>a:hover {
	background-color: transparent;
	color: #975028;
}

header .navbar-default .navbar-nav>.open>a,
header .navbar-default .navbar-nav>.open>a:focus,
header .navbar-default .navbar-nav>.open>a:hover {
	background-color: transparent;
	color: #975028;
}

header .navbar-default .dropdown-menu>.active>a,
header .navbar-default .dropdown-menu>.active>a:focus,
header .navbar-default .dropdown-menu>.active>a:hover {
	background-color: transparent;
	color: #975028;
}

header .navbar-default .navbar-nav>li>.dropdown-menu {
	margin-top: -10px;
	padding: 20px;
	text-align: left;
	left: 0;
	top: 100%;
	border: none;
	border-radius: 5px;
	background-color: #f1f1f1;
	-webkit-box-shadow: rgba(28, 56, 72, .1) 0px 2px 2px, rgba(28, 56, 72, .1) 0px 4px 4px, rgba(28, 56, 72, .1) 0px 8px 8px, rgba(28, 56, 72, .1) 0px 16px 16px, rgba(28, 56, 72, .1) 0px 32px 32px, rgba(28, 56, 72, .1) 0px 64px 64px;
	box-shadow:rgba(28, 56, 72, .1) 0px 2px 2px, rgba(28, 56, 72, .1) 0px 4px 4px, rgba(28, 56, 72, .1) 0px 8px 8px, rgba(28, 56, 72, .1) 0px 16px 16px, rgba(28, 56, 72, .1) 0px 32px 32px, rgba(28, 56, 72, .1) 0px 64px 64px	;
}

header .navbar-default .dropdown-menu>li>a {
	padding: 9px 0 10px;
	margin: 0 5px;
}

header .navbar-default .dropdown-menu>li>a:focus,
header .navbar-default .dropdown-menu>li>a:hover {
	background-color: transparent;
	color: #975028;	
}

footer {
	background-image: url('../images/wood_bg.jpg');
	background-size: cover;
	position: relative;
}

footer section {
	padding: 90px 0;
}

footer section p {
	margin-bottom: 25px;
}

footer section .footer-logo {
	display: block;
	margin-bottom: 40px;
}

footer section a {
	color: #975028;
	text-decoration: none;
	font-weight: 500;
}

footer section a:hover {
	color: #975028;
}

footer section .social-links a {
	height: 40px;
	width: 40px;
	text-decoration: none;
	padding: 5px;
	line-height: 1;
	border-radius: 100%;
	color: #2d2d2d;
	margin: 0 10px;
	display: inline-flex;
	align-items: center;
	justify-content: space-around;
	box-sizing: border-box;
	background-color: rgba(45, 45, 45, 0.1);
}

footer section .social-links a:hover {
	background-color: #fff;
	border: 1px solid #fff;
}

footer section .social-links a i {
	height: 20px;
	font-size: 20px;
	display: inline-block;
	width: 100%;
	text-align: center;
}

section.main {
	padding: 140px 0 130px;
}

.breadcrumbs span {
	display: inline-block;
	overflow: hidden;
	vertical-align: top;
	line-height: 1.75;
	padding: 20px 5px;
	font-size: 13px;
	font-weight: 500;
}

.breadcrumbs span a {
	color: #975028;
}

.margin-bottom-40 {
	margin-bottom: 40px;
}

.to-top {
	width: 60px;
	height: 60px;
	position: absolute;
	top: -30px;
	left: 50%;
	margin-left: -30px;
	background-color: #fff;
	line-height: 60px;
	font-size: 24px;
	text-align: center;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
	cursor: pointer;
	text-align: center;
	z-index: 10;
	-webkit-box-shadow: 0 5px 10px 2px rgba(0, 0, 0, .2);
	-moz-box-shadow: 0 5px 10px 2px rgba(0, 0, 0, .2);
	-ms-box-shadow: 0 5px 10px 2px rgba(0, 0, 0, .2);
	-o-box-shadow: 0 5px 10px 2px rgba(0, 0, 0, .2);
	box-shadow: 0 5px 10px 2px rgba(0, 0, 0, .2);
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition:all .2s ease-in-out;
}

.region--separator-incline-diagonal .to-top, .region--separator-decline-diagonal .to-top {
	top:40px;
}

@media (max-width: 767px) {
	.region--separator-incline-diagonal .to-top, .region--separator-decline-diagonal .to-top {
		top:10px;
	}
}

.to-top:hover {
	cursor: pointer;
	-webkit-box-shadow: rgba(28, 56, 72, .1) 0px 2px 2px, rgba(28, 56, 72, .1) 0px 4px 4px, rgba(28, 56, 72, .1) 0px 8px 8px, rgba(28, 56, 72, .1) 0px 16px 16px, rgba(28, 56, 72, .1) 0px 32px 32px, rgba(28, 56, 72, .1) 0px 64px 64px;
	-moz-box-shadow: rgba(28, 56, 72, .1) 0px 2px 2px, rgba(28, 56, 72, .1) 0px 4px 4px, rgba(28, 56, 72, .1) 0px 8px 8px, rgba(28, 56, 72, .1) 0px 16px 16px, rgba(28, 56, 72, .1) 0px 32px 32px, rgba(28, 56, 72, .1) 0px 64px 64px;
	-ms-box-shadow: rgba(28, 56, 72, .1) 0px 2px 2px, rgba(28, 56, 72, .1) 0px 4px 4px, rgba(28, 56, 72, .1) 0px 8px 8px, rgba(28, 56, 72, .1) 0px 16px 16px, rgba(28, 56, 72, .1) 0px 32px 32px, rgba(28, 56, 72, .1) 0px 64px 64px;
	-o-box-shadow: rgba(28, 56, 72, .1) 0px 2px 2px, rgba(28, 56, 72, .1) 0px 4px 4px, rgba(28, 56, 72, .1) 0px 8px 8px, rgba(28, 56, 72, .1) 0px 16px 16px, rgba(28, 56, 72, .1) 0px 32px 32px, rgba(28, 56, 72, .1) 0px 64px 64px;
	box-shadow: rgba(28, 56, 72, .1) 0px 2px 2px, rgba(28, 56, 72, .1) 0px 4px 4px, rgba(28, 56, 72, .1) 0px 8px 8px, rgba(28, 56, 72, .1) 0px 16px 16px, rgba(28, 56, 72, .1) 0px 32px 32px, rgba(28, 56, 72, .1) 0px 64px 64px;
}

.blob {
	background: #000;
	color: #fff;
	border-radius: 10px;
	box-shadow: 0 0 0 0 rgba(0, 0, 0, 1);
	padding: 10px 20px;
	margin: 10px;
	transform: scale(1);
	animation: pulse-black 2s infinite;
	position: fixed;
	bottom: 20px;
	left: 20px;
	z-index:1002;
}

.blob:hover,
.blob:focus {
	color:#fff;
	text-decoration: none;
	outline: none;
}

.blob.brown {
	background: rgba(255, 0, 0, 1);
	box-shadow: 0 0 0 0 rgba(255, 0, 0, 1);
	animation:pulse-brown 2s infinite
}

@keyframes pulse-brown {
	0% {
		transform: scale(.95);
		box-shadow:0 0 0 0 rgba(255, 0, 0, .7)
	}

	70% {
		transform: scale(1);
		box-shadow:0 0 0 10px rgba(255, 0, 0, 0)
	}

	100% {
		transform: scale(.95);
		box-shadow:0 0 0 0 rgba(255, 0, 0, 0)
	}
}