@import "https://cdn.jsdelivr.net/npm/bootstrap-icons@1.5.0/font/bootstrap-icons.css";
body{
	overflow-x:hidden
}
h1,h2,h3,h4,h5,h6{
	font-family:trajan pro,sans-serif
}
a{
	color:#101010;
	text-decoration:none
}
p{
	font-size:18px;
	font-family:forum,sans-serif
}
img.main-logo{
	width:130px
}
.nav_main{
	border-left:1px solid #00517f;
	border-right:1px solid #00517f
}
hr.nav_sep{
	margin:10px -10px;
	color:#00517f;
	opacity:1
}
.address_bar{
	display:flex
}
.nav_main{
	padding:0 10px
}
ul.social_media li{
	list-style:none;
	padding:0
}
ul.social_media{
	margin:0;
	padding:5px
}
li.nav-item{
	font-weight:600;
	text-align:center;
	margin:0 5px
}
a.nav-link.active{
	background-color:#ed1c24;
	color:#fff!important;
	border-radius:10px;
	text-align:center
}
.basic-btn{
	background-color:#00517f;
	border-radius:0;
	color:#fff;
	transition:.3s;
	padding:6px 25px;
	transition:.3
}
.basic-btn:hover{
	color:#fff;
	background-color:#ed1c24
}
img.footer_logo{
	width:150px
}
ul.footer_links li{
	list-style:none;
	margin:15px 0;
	font-family:trajan pro
}
section.footer{
	background:#00517f
}
.footer a{
	color:#fff
}
#main-footer .fcompany-des p{
	line-height:2
}
#main-footer .fcompany-des p,#main-footer .fcompany-con p,#main-footer .fcompany-links a{
	font-family:trajan pro;
	font-size:14px;
	transition:.3s
}
#main-footer .fcompany-links a:hover{
	color:#6dcbff
}
#main-footer .fcompany-des h4,#main-footer .fcompany-links h4{
	margin-bottom:30px
}
section.footer{
	background-image:url(../img/public/footer_bottom_img_2.png);
	background-size:contain;
	background-repeat:no-repeat;
	background-position:bottom
}
#main-footer .c-socialm{
	font-size:28px
}
#main-footer .c-socialm i{
	color:#36799f;
	text-shadow:0 2px 5px rgba(31,31,31,.5)
}
#main-footer .copyright p{
	font-size:15px
}
#main-footer .copyright a{
	color:#6dcbff
}
#main-footer .copyright a:hover{
	color:#ed1c24
}
.nav-pills .nav-link{
	background:0 0;
	border:0;
	border-radius:.25rem;
	color:#00517f;
	font-weight:600
}
.nav-pills .nav-link.active,.nav-pills .show>.nav-link{
	color:#040a1c;
	background-color:#0d6dfd00;
	border-bottom:2px solid #040a1c;
	border-radius:unset
}
#hm-contact-sec .hm-contact .h-con-info,.h-inq-info{
	font-size:30px;
	color:#00517f;
	font-family:forum
}
#hm-contact-sec .hm-contact .p-con-info,.p-inq-info{
	font-style:italic;
	color:#707070
}
#hm-contact-sec .subh-office,.subh-factory{
	font-size:26px;
	color:#00517f;
	font-family:forum
}
#hm-contact-sec .con-headers{
	font-size:20px;
	color:#00517f
}
#hm-contact-sec .con-details{
	font-style:italic;
	color:#919fa7
}
#hm-contact-sec i.c-icons{
	color:#919fa7;
	font-size:18px
}
#hm-contact-sec .c-socialm .devr-icon-social i{
	color:#919fa7;
	font-size:24px
}
#hm-contact-sec{
	background-image:url(../img/contact/bottom_half_left.png);
	background-repeat:no-repeat;
	background-position:left bottom;
	background-size:auto
}
#hm-contact-sec .form-control{
	border-radius:0
}
#hm-contact-sec .form-control:focus{
	box-shadow:0 0 0 .25rem rgb(0 81 127/25%)
}
#hm-contact-sec .form-control::placeholder{
	color:#a4b1b8
}
#hm-contact-sec .con-button{
	background-color:#00517f;
	border-radius:0;
	color:#fff;
	transition:.3s
}
#hm-contact-sec .con-button:hover{
	background-color:#ed1c24
}
.btn-check:focus+.btn,.btn:focus{
	box-shadow:none
}
.alert-success{
	z-index:1;
	background:#d4edda;
	font-size:18px;
	padding:20px 40px;
	min-width:420px;
	position:fixed;
	right:0;
	top:10px;
	border-left:8px solid #3ad66e;
	border-radius:4px
}
.alert-error{
	z-index:1;
	background:#fff3cd;
	font-size:18px;
	padding:20px 40px;
	min-width:420px;
	position:fixed;
	right:0;
	top:10px;
	border-left:8px solid #ffa502;
	border-radius:4px
}
#about-hero .carousel-control-next-icon,#about-hero .carousel-control-prev-icon{
	background-color:#00517f;
	opacity:.5;
	border-radius:50%;
	width:2.5rem;
	height:2.5rem
}
#about-panel .about-pheader{
	font-size:32px;
	color:#040a1c;
	margin-top:25px;
	margin-bottom:40px
}
#about-panel .tab-content .tab-pane{
	color:#707070
}
#about-timeline .timeline{
	list-style:none;
	padding:20px 0;
	position:relative
}
#about-timeline .timeline:before{
	top:0;
	bottom:0;
	position:absolute;
	content:" ";
	width:3px;
	background-color:#eee;
	left:50%;
	margin-left:-1.5px
}
.timeline>li{
	margin-bottom:20px;
	position:relative
}
.timeline>li:before,.timeline>li:after{
	content:" ";
	display:table
}
.timeline>li:after{
	clear:both
}
.timeline>li:before,.timeline>li:after{
	content:" ";
	display:table
}
.timeline>li:after{
	clear:both
}
.timeline>li>.timeline-panel{
	width:46%;
	float:left;
	border:1px solid #d4d4d4;
	background-color:#fff;
	border-radius:2px;
	padding:20px;
	position:relative;
	-webkit-box-shadow:0 1px 6px rgba(0,0,0,.175);
	box-shadow:0 1px 6px rgba(0,0,0,.175);
	transition:all .3s
}
.timeline>li>.timeline-panel:before{
	position:absolute;
	top:26px;
	right:-15px;
	display:inline-block;
	border-top:15px solid transparent;
	border-left:15px solid #ccc;
	border-right:0 solid #ccc;
	border-bottom:15px solid transparent;
	content:" "
}
.timeline>li>.timeline-panel:after{
	position:absolute;
	top:27px;
	right:-14px;
	display:inline-block;
	border-top:14px solid transparent;
	border-left:14px solid #fff;
	border-right:0 solid #fff;
	border-bottom:14px solid transparent;
	content:" "
}
.timeline>li>.timeline-badge{
	color:#fff;
	width:30px;
	height:30px;
	line-height:50px;
	font-size:1.4em;
	text-align:center;
	position:absolute;
	top:16px;
	left:51%;
	margin-left:-25px;
	background-color:#919fa7;
	z-index:100;
	border-top-right-radius:50%;
	border-top-left-radius:50%;
	border-bottom-right-radius:50%;
	border-bottom-left-radius:50%
}
.timeline>li.timeline-inverted>.timeline-panel{
	float:right
}
.timeline>li.timeline-inverted>.timeline-panel:before{
	border-left-width:0;
	border-right-width:15px;
	left:-15px;
	right:auto
}
.timeline>li.timeline-inverted>.timeline-panel:after{
	border-left-width:0;
	border-right-width:14px;
	left:-14px;
	right:auto
}
#about-timeline .timeline>li>.timeline-panel:hover{
	background-color:#919fa7
}
div.timeline-panel:hover .timeline-body p{
	color:#fff
}
div.timeline-panel:hover .timeline-heading h4{
	color:#fff!important
}
div.timeline-panel:hover .timeline-heading h4 span{
	color:#fff!important
}
.timeline-badge.primary{
	background-color:#919fa7!important
}
.timeline-title{
	margin-top:0;
	color:inherit
}
.timeline-body>p,.timeline-body>ul{
	margin-bottom:0
}
.timeline-body>p+p{
	margin-top:5px
}
#about-timeline{
	background-image:url(../img/about/about-bk.png);
	background-repeat:no-repeat;
	background-position:left center;
	background-size:auto
}
#about-timeline .page-header h1{
	font-size:32px;
	color:#040a1c
}
#about-timeline .page-header p{
	color:#707070
}
#about-timeline .timeline .timeline-title{
	font-family:satisfy;
	color:#040a1c;
	margin-top:10px;
	margin-bottom:20px
}
#about-timeline .timeline .timeline-title span{
	color:#919fa7;
	margin-left:10px
}
#about-timeline .timeline .timeline-body{
	color:#919fa7;
	font-style:italic
}
#abt-cert .cert-tab{
	box-shadow:rgba(17,17,26,.05) 0 1px 0,rgba(17,17,26,.1) 0 0 8px
}
#r-team{
	background-image:url(../img/team/team-bg.png);
	background-repeat:no-repeat;
	background-position:top left;
	background-size:inherit
}
#r-team .people{
	padding:0
}
#r-team .item .box{
	text-align:center;
	background-repeat:no-repeat;
	background-size:contain;
	background-position:center;
	height:280px;
	position:relative;
	overflow:hidden
}
#r-team .item .cover{
	text-align:center;
	margin-top:20px;
	margin-bottom:35px
}
#r-team .item .name{
	margin-bottom:10px;
	font-size:18px;
	color:#00517f
}
#r-team .item .title{
	font-size:15px;
	font-style:italic;
	color:#919fa7
}
#r-team .social{
	font-size:18px;
	color:#7c888e
}
#r-team .social a{
	color:inherit;
	margin:0 10px;
	display:inline-block;
	opacity:.7;
	transition:.3s
}
#r-team .social a:hover{
	opacity:1;
	color:#00517f
}
#sus-section{
	margin-bottom:70px
}
#sus-section .h-intro h2{
	font-size:38px;
	color:#040a1c
}
#sus-section .h-intro p{
	color:#707070
}
#sus-section .sus-content h4{
	font-size:28px;
	color:#919fa7
}
#sus-section .sus-content p{
	font-size:16px;
	color:#919fa7;
	line-height:25px
}
.plate1{
	margin:0 auto;
	justify-content:center;
	display:block
}
section.second-sec{
	height:300px;
	background-image:url(../img/home/bg1.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	background-attachment:fixed
}
section.sec-three{
	background-image:url(../img/home/bottom_half_left.png);
	background-repeat:no-repeat
}
.cat-single{
	position:relative;
	overflow:hidden;
	height:250px;
	background-size:cover;
	background-image:url(../img/home/category1.jpg)
}
.cat-single:nth-child(2){
	background-image:url(../img/home/cate2.jpg)
}
.cat-single:nth-child(3){
	background-image:url(../img/home/cate3.jpg)
}
.cat-single:nth-child(4){
	background-image:url(../img/home/cate4.jpg)
}
.cat-single:nth-child(5){
	background-image:url(../img/home/cate5.jpg)
}
.cat-single:nth-child(6){
	background-image:url(../img/home/cate6.jpg)
}
.cat-single h5{
	position:absolute;
	padding:20px;
	background-color:#ffffff9e;
	left:0
}
.testi-p{
	text-align:center;
	width:70%;
	margin:0 auto
}
section.testi-sec .carousel-item{
	height:200px
}
section.sec5{
	background:#00517f
}
section.testi-sec{
	background-image:url(../img/home/bottom_half_left.png);
	background-repeat:no-repeat
}
.banner-row2{
	float:left;
	margin:0;
	padding:0
}
.banner-row2 img{
	width:100%
}
.fresh-fish-tab li.nav-item{
	width:20%;
	padding:0;
	margin:0;
	text-align:center;
	justify-content:center;
	margin:0 auto;
	padding:0 5px
}
.fresh-fish-tab button.nav-link{
	background:0 0;
	border:0;
	border-radius:.25rem;
	color:#00517f;
	font-weight:600;
	background-color:#ececec;
	width:100%
}
.fresh-fish-tab button.nav-link.active{
	background-color:#00517f!important;
	color:#f0f8ff!important;
	border:none!important
}
section.sec-fac{
	background-color:#233043
}
section.sec-fac{
	background-image:url(../img/home/bottom_half_left2.png);
	background-repeat:no-repeat
}
#welcome{
	background-image:url(../img/team/team-bg.png);
	background-repeat:no-repeat;
	background-position:top right;
	background-size:inherit
}
#process-sec .processc-item{
	-webkit-backdrop-filter:blur(10px);
	backdrop-filter:blur(10px);
	background-color:rgba(255,255,255,.2);
	border-radius:10px;
	border:1px solid #fff;
	margin-bottom:75px
}
#process-sec .processc-item h5{
	font-size:28px;
	color:#fff;
	text-shadow:0 2px 5px rgba(31,31,31,.5)
}
.gallery-row a{
	height:200px;
	text-align:center
}
.gallery-row img{
	width:100%;
	height:100%;
	object-fit:cover;
	overflow:hidden;
	filter:grayscale(var(--value,0%));
	transition:.3s
}
.gallery-row img:hover{
	width:100%;
	height:100%;
	object-fit:cover;
	overflow:hidden;
	/*filter:grayscale(var(--value,80%)); */
	transform: scale(1.05);
	transition:.3s;
}
.gallery-title{
	font-size:36px;
	color:#42b32f;
	text-align:center;
	font-weight:500;
	margin-bottom:70px
}
.gallery-title:after{
	content:"";
	position:absolute;
	width:7.5%;
	left:46.5%;
	height:45px;
	border-bottom:1px solid #5e5e5e
}
.filter-button{
	font-size:18px;
	border:none;
	border-radius:5px;
	text-align:center;
	color:#313131;
	margin-bottom:30px;
	width:11%;
	background-color:#e7e7e7
}
.filter-button:hover{
	font-size:18px;
	border:1px solid #00517f;
	border-radius:5px;
	text-align:center;
	color:#fff;
	background-color:#00517f
}
.filter-button.active{
	background-color:#00517f;
	color:#fff
}
.port-image{
	width:100%
}
.gallery_product{
	margin-bottom:30px;
	-webkit-animation-duration:1s;
	animation-duration:1s;
	-webkit-animation-fill-mode:both;
	animation-fill-mode:both
}
.block{
	opacity:0
}
@-webkit-keyframes fadeIn{
	0%{
		opacity:0
}
	100%{
		opacity:1
}
}
@keyframes fadeIn{
	0%{
		opacity:0
}
	100%{
		opacity:1
}
}
.fadeIn{
	-webkit-animation-name:fadeIn;
	animation-name:fadeIn
}
section{
	overflow-x:hidden!important
}