.loipe-nav {
	max-width: 1340px;
	width: 100%;
	padding-right: 35px;
	padding-left: 35px;
	margin-right: auto;
	margin-left: auto
}

.loipe-icon {
	float: left;
	width: 70px;
	margin: 6px 0 0
}

.loipe-title {
	float: left;
	width: auto;
	font-size: 1.5rem
}

.loipe-sis {
	float: right !important
}

.logo-small {
	width: 80%
}

.logo-small2 {
	width: 50px
}

.logo-sis {
	width: 300px
}

@media screen and (max-width: 810px) {
	.loipe-nav {
		max-width: 1340px;
		width: 100%;
		padding-right: 35px;
		padding-left: 15px;
		margin-right: auto;
		margin-left: auto
	}
	.logo-small2 {
		width: 30px
	}
	.loipe-icon {
		float: left;
		width: 15%;
		margin: 2px 0 0
	}
	.loipe-title {
		float: left;
		width: 60%;
		font-size: 1rem;
	}
	.loipe-sis {
		float: right !important;
		width: 20%;
	}
	.logo-sis {
		width: 160px;
	}
}

.navbar-nav {
	flex-direction: row;
}

.nav-link {
	padding-right: .5rem !important;
	padding-left: .5rem !important;
}

.ml-auto .dropdown-menu {
	left: auto !important;
	right: 0;
}

.card {
	border-radius: 0;
}

.card-img-top {
	width: 100%;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}

.card-img-wrap {
	overflow: hidden;
	position: relative;
}

.card-img-wrap:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(255, 255, 255, 0.3);
	opacity: 0;
	transition: opacity .25s;
}

.card-img-wrap img {
	transition: transform .25s;
	width: 100%;
}

.card-img-wrap:hover img {
	transform: scale(1.1);
}

.card-img-wrap:hover:after {
	opacity: 1;
}

.card-title {
	color: #005580;
}

.card-text {
	color: #005580;
}

.blue {
	color: #005580;
}

.card__bar {
	width: 50px;
	height: 2px;
	margin: 10px 0;
	border-radius: 5px;
	color: #bd150b;
	background-color: #bd150b;
	transition: width .2s ease;
}

.card_3:hover .card__bar {
	width: 150px;
}

.preview__overlay {
	background-color: transparent;
	background-image: -webkit-gradient(linear, left bottom, left top, color-stop(12%, rgba(0,
		0, 0, .88)), color-stop(60%, rgba(0, 0, 0, 0)));
	background-image: linear-gradient(to top, rgba(255, 255, 255, .88) 12%,
		rgba(0, 0, 0, 0) 60%);
}

.cart-title-bottom {
	position: absolute;
	bottom: 2px;
}

.a5 {
	padding-bottom: 5px;
}

@media screen and (max-width: 1024px) {
	.card-title {
		font-size: 1.2rem;
	}
}

@media screen and (max-width: 769px) {
	.container-fluid {
		width: 100%;
		padding-right: 1px;
		padding-left: 1px;
		margin-right: auto;
		margin-left: auto;
	}
	.a5 {
		padding: 0;
	}
	.card-title {
		font-size: 1.5rem;
	}
	.title1 {
		color: #000;
		font-size: 1.5rem;
		text-align: center;
		padding-bottom: 6px;
		color: #666;
		margin-top: 10px;
	}
}