body {
	font-family: arial;
	font-size: 14px;
}

a:hover {
	text-decoration: none;
}

.hTop .nav .nav-item a {
	padding:5px 10px;
	font-weight: bold;
	color:#666;
	font-size:0.9em;
}
.hTop .nav .nav-item a:hover {
	color: #007bff;
}

/*navmain*/
.navmain .navbar-nav > .nav-item > .nav-link {
	padding:25px 20px;
	font-weight: bold;
	transition: background-color 0.3s;
	font-size: 1.1em;
}
.navmain .navbar-nav > .nav-item > .nav-link:hover {
	background-color: #007bff;
	color:#fff;
}
.navmain .navbar-nav > .nav-item > .dropdown-menu .dropdown-item {
	padding: 10px 20px;
}

/*main-slide*/
.main-slide .carousel-item img {
	height: 500px;
	object-fit: cover;
}

/*products*/
.products h2.title {
	font-size: 1.2em;
	text-transform: uppercase;
}
.products h3.title {
	font-size: 1.1em;
	font-weight: bold;
}
.products .item img {
	height:220px;
	object-fit: cover;
	transition: opacity 0.3s;
}
.products .item img:hover {
	opacity: 0.75;
}


footer {
	min-height:150px;
	background-color: #333;
	color: #fff;
}
footer h3 {
	font-size: 1.2em;
	text-transform: uppercase;
	text-align: center;
}
footer hr {
	border-color: #ccc;
}
footer ul li a {
	color: #ddd;
}
footer ul li a:hover {
	color: #fff;
}
footer ul li {
	padding-top: 5px;
	padding-bottom: 5px;
}


.b-red {
	border:1px solid #f00;
}

@media (min-width: 576px) {
  
}

@media (min-width: 768px) {

}

@media (min-width: 992px) {
	.navmain .navbar-nav > .nav-item:hover .dropdown-menu {
		display: block;
		margin-top:-5px;
	}
}

@media (min-width: 1200px) {
  
}

@media (max-width: 575.98px) {

}