@media(min-width: 992px) {
		.navbar, .navbar-brand {
			padding-top: 0;
			padding-bottom: 0;
		}
		.navbar .navbar-nav .nav-item .nav-link {
			padding: 41px 20px;
		}
		.navbar .navbar-nav .nav-item .nav-link.active, .navbar .navbar-nav .nav-item .nav-link:hover{
			background: #155199;
			color: #fff;
		}
	}
	
	.top_menu {
		line-height: 250%;
	}
	
	.top_menu, .page_footer {
		background-color: #155199;
		color: #fff;
	}
	
	.top_menu .lang {
		float: right;
	}
	
	.top_menu a, .top_menu a:active, .page_footer a, .page_footer a:active {
		color: #fff;
		text-decoration: none;
	}
	
	.top_menu a:hover, .page_footer a:hover {
		text-decoration: underline;
	}
	
	.top_menu .active, .page_footer .active {
		text-decoration: underline;
		font-weight: bold;
	}
	
	
	.offcanvas.show, .offcanvas.showing {
		background-color: #155199 !important;
	}
	
	.offcanvas.show .navbar-nav .nav-link.active, .navbar-nav .nav-link.show, .offcanvas.show .navbar-nav .nav-link:hover {
		color: #fff;
	}
	
	.offcanvas.show .navbar-nav .nav-link, .offcanvas.showing .navbar-nav .nav-link  {
		color: rgba(255, 255, 255, 0.5);
	}
	
	.navbar-toggler {
		border-color: #155199 !important;
	}
	
	.navbar-toggler:focus {
		box-shadow: none;
	}
	
	.page-banner {
		padding: 0px; 
		overflow:hidden; 
		height:300px;
	}
	
	.page-banner .banner-item {
		 width: 100%; 
		 height: 300px;
	}
	
	.container.main {
		margin-bottom: 20px;
	}
	
	.breadcrumb {
		padding-top: 20px;
	}
	
	.breadcrumb .fa {
		line-height: var(--bs-body-line-height);
	}
	
	.breadcrumb a {
		color: var(--bs-body-color);
		text-decoration: none;
		margin: 0 10px;
	}
	
	.breadcrumb a:hover {
		text-decoration: underline;
	}
	
	.breadcrumb a:last-child {
		text-decoration: underline;
	}
	
	h2.page-title {
		font-weight: normal;
		margin-bottom: 20px;
	}
	
	h2.page-title span {
		display: inline-block;
		border-bottom: 3px solid;
		border-color: rgba(0, 0, 0, 0.6);
		padding: 10px 0;
	}
	
	h4.page-title {
		color: #155199;
	}

	.cooperative-item li {
		width: 80px;
		height: 80px;
		text-align: center;
		vertical-align: middle;
	}

	.cooperative-item li img {
		max-height: 100%;
		max-width: 100%;
	}
	
	.page_footer {
		padding-top: 1rem;
		padding-bottom: 0.1rem;
	}
	
	.page_footer.main_footer {
		background-color: rgba(21, 81, 153, 0.9);
		font-size: 0.8rem;
	}
	
	.page_footer .widget {
		padding-top: 1rem;
		padding-bottom: 1rem;
	}
	
	.page_footer .widget h4 {
		font-weight: normal;
	}
	
	.page_footer .widget h4 span {
		display: inline-block;
		border-bottom: 3px solid;
		border-color: rgba(255, 255, 255, 0.6);
		padding: 10px 0;
	}
	
	.page_footer .widget .btn {
		background-color: rgba(255, 255, 255, 0.3);
	}
	
	.page_footer .widget .btn:hover {
		background-color: rgba(255, 255, 255, 0.4);
		text-decoration: none;
	}
	
	.page_footer .widget ul {
		list-style: none;
	}
	
	.page_footer .widget ul li {
		position: relative;
		margin-bottom: 10px;
	}
	
	.page_footer .widget ul li .ico {
		position: absolute;
		top: 0;
		left : -26px;
	}
	
	.page_footer .social-media {
		list-style: none;
		font-size: 2.5rem;
	}
	
	.page_footer .social-media li {
		display: inline-block;
	}
	
	.clear {
		clear: both;
	}

	.ce-items .ce-item {
		position: relative;
		margin-bottom: 6rem;
	}

	.ce-items .ce-item .ce-desc h4 {
		overflow: hidden;
		text-overflow: ellipsis;
		-webkit-line-clamp: 2;
		display: -webkit-box;
		-webkit-box-orient: vertical;
	}

	.ce-items .ce-item .ce-desc > p {
		overflow: hidden;
		text-overflow: ellipsis;
		-webkit-line-clamp: 4;
		display: -webkit-box;
		-webkit-box-orient: vertical;
	}
	
	.contact-list {
		
	}
	
	ul.contact-list {
		list-style: none;
	}
	
	ul.contact-list li {
		position: relative;
		margin-bottom: 10px;
	}
	
	ul.contact-list li .ico {
		position: absolute;
		top: 0;
		left : -26px;
	}
	
	.img-list {
		list-style: none;
		padding: 0;
	}
	
	.img-list li {
		display: inline-block;
		margin-bottom: 2rem;
		margin-left: 2rem;
	}
	
	.img-list li img {
		width: 150px;
	}
	
	blockquote {
	  font-size: 1.8rem;
	  font-weight: bold;
	  color: #155199;
	}
	
	blockquote::before {
	  content: open-quote;
	}
	
	blockquote::after {
	  content: close-quote;
	}
	
	.prod-list .prod-item {
		text-align: center;
		margin-bottom: 2rem;
	}
	
	.prod-list .prod-item .prod-item-img {
		height: 250px;
		border: 1px solid #e5e5e5;
		position: relative;
	}
	
	.prod-list .prod-item:hover .prod-item-img {
		border-color: #a0a0a0;
	}
	
	.prod-list .prod-item .prod-item-img img {
		position: absolute;
		left: 50%;
		top: 50%;
		transform: translate(-50%, -50%);
		max-height: 100%;
		max-width: 100%;
	}
	
	.prod-list .prod-item h5 {
		font-size: 1rem;
		margin-top: 20px;
		overflow: hidden;
		text-overflow: ellipsis;
		-webkit-line-clamp: 2;
		display: -webkit-box;
		-webkit-box-orient: vertical;
	}
	
	.prod-list .prod-item a {
		text-decoration: none;
	}
	
	.prod-list .prod-item:hover a {
		text-decoration: underline;
	}
	
	.prod-list .prod-item:hover .prod-item-img img {
		animation: product_hover 2s infinite;
	}
	
	.prod-desc h6 {
		text-decoration: underline;
		line-height: 250%;
	}
	
	.prod-desc .prod-img {
		position: relative;
		min-height: 250px;
	}
	
	.prod-desc .prod-img .frame {
		height: 100%;
		position: relative;
	}
	
	.prod-desc .prod-img img {
		max-width: 100%;
		max-height: 100%;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	}
	
	.prod-tbl {
		width: 100%;
	}
	
	.prod-tbl td {
		border: 1px solid #5e5e5e;
		padding: 5px;
	}
	
	.prod-tbl td:first-child {
		font-weight: bold;
	}
	
	@keyframes product_hover {
		50% {opacity: 0.8;}
	}

	@media (min-width: 1200px) {
		.ce-items .ce-img > div {
			width: 49%;
			display: inline-block;
			margin-top: 20px;
		}
		
		.ce-items .ce-img > div:first-child {
			margin-top: 0;
		}
	}


	@media (min-width: 768px) {
		.ce-items:after {
			content: " ";
			clear: both;
			display: block;
		}
		
		.ce-items .ce-desc {
			width: 40%;
			position: absolute;
			left: 0;
			top: 50%;
			transform: translateY(-50%);
		}

		.ce-items .ce-img {
			width: 60%;
			float: right;
		}
		
		.ce-items .ce-img {
			padding-left: 5%;
			padding-right: 5%;
		}
		
		.ce-items .ce-item:nth-child(even) .ce-desc {
			position: absolute;
			left: auto;
			right: 0;
			top: 50%;
			transform: translateY(-50%);
		}

		.ce-items .ce-item:nth-child(even) .ce-img {
			float: left;
		}
			
		.ce-items .ce-img > div:last-child {
			padding-bottom: 3rem !important;
		}
		
		.ce-items .ce-item:after {
			content: " ";
			position: absolute;
			background-color: #e5e5e5;
			width: 100%;
			height: 88%;
			top: 6%;
			left: 0;
			z-index: -1;
		}
		
		.ce-items .ce-desc {
			background-color: #fff;
			border-top-right-radius: 10%;
			border-bottom-right-radius: 10%;
			border-bottom-left-radius: 10%;
			box-shadow: 5px 3px 5px #5e5e5e;
		}

		.ce-items .ce-item:nth-child(even) .ce-desc {
			border-top-right-radius: 0%;
			border-bottom-right-radius: 0%;
			border-bottom-left-radius: 0%;
			border-top-left-radius: 10%;
			border-bottom-left-radius: 10%;
			border-bottom-right-radius: 10%;
			box-shadow: -5px 3px 5px #5e5e5e;
		}
	}