body {
	font-family: 'Roboto', sans-serif;
	font-size:14px;
}

:root{
	--red : #df1f26;
	--redhover : #cc060d;
	--gri : #f0f0f0;
	--grihover : #aaaaaa;
}

#topbar {
	background:var(--red);
}
#topbar .item-topbar{
	display:block;
	text-align:center;
	height:40px;
	line-height:40px;
	transition:all 0.3s;
}
#topbar .item-topbar:hover{
	background:var(--redhover);
}
#topbar .item-topbar a{
	display:block;
	height:40px;
	text-decoration:none;
	color:#fff;
}

#middlebar {
	min-height:100px;
	border-bottom:1px solid #848484;
}
#middlebar .logo{
	max-height:80px;
	max-width:100%;
	margin:10px 0px;
}
#middlebar .social{
	list-style:none;
	display:inline-block;
	margin:0px;
	padding:0px;
}
#middlebar .social li{
	list-style:none;
	min-height:100px;
	width:60px;
	float:left;
	padding:30px 0px;
}
#middlebar .social li .item-social{
	text-decoration:none;
	display:inline-block;
	height:40px;
	line-height:38px;
	width:40px;
	border-radius:20px;
	border:3px solid var(--red);
	font-size:26px;
	color:var(--red);
	text-align:center;
	transition:all 0.3s;
}
#middlebar .social li .item-social:hover{
	border:3px solid var(--redhover);
	color:var(--redhover);
}


#menubar {
	background:var(--gri);
}
#menubar .item-menubar{
	display:block;
	text-align:center;
	height:50px;
	line-height:50px;
	transition:all 0.3s;
}
#menubar .item-menubar:hover{
	background:var(--redhover);
}
#menubar .item-menubar a{
	display:block;
	height:50px;
	text-decoration:none;
	color:var(--grihover);
	font-size:18px;
	font-weight:bold;
}
#menubar .item-menubar:hover a{
	color:#fff;
}

#menubar .navbar-nav {
	width:100%;
}
#menubar .navbar-nav .nav-item {
	width:14.2%;
}
#menubar .navbar-nav .nav-item .nav-link{
	text-align:center;
	font-size:18px;
	font-weight:bold;
}


#slider .carousel-item img{
	max-height:600px;
	object-fit:cover;
}

#blog .btn-primary{
	border-radius:0px;
	background:var(--red);
	border-color:var(--red);
}
#blog .btn-primary:hover {
	background:var(--redhover);
	border-color:var(--redhover);
}

#blogic .card img{
	float:left;
	max-height:500px;
	object-fit:cover;
}
#blogic .card p{
	display:block;
	overflow: hidden;
}

@media (max-width: 991.98px) { 

	#menubar .navbar-nav .nav-item {
		width:100%;
	}
}