@CHARSET "ISO-8859-1";
/* Reset CSS
 * --------------------------------------- */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,
form,fieldset,input,textarea,p,blockquote,th,td {
    padding: 0;
    margin: 0;
}
a{
	text-decoration:none;
}
table {
    border-spacing: 0;
}
fieldset,img {
    border: 0;
}
address,caption,cite,code,dfn,em,strong,th,var {
    font-weight: normal;
    font-style: normal;
}
strong{
	font-weight: bold;
}
ol,ul {
    list-style: none;
    margin:0;
    padding:0;
}
caption,th {
    text-align: left;

}
h1,h2,h3,h4,h5,h6 {
    font-weight: normal;
    font-size: 100%;
    margin:0;
    padding:0;
    color:#444;
}
q:before,q:after {
    content:'';
}
abbr,acronym { border: 0;
}


/* Custom CSS
 * --------------------------------------- */
body{
	
	color: #333; font-size: 16px;
	color: rgba(0,0,0,0.5);font-family: 'FuturaAC'; font-weight:400;
}

h1, h2 {font-family: 'FuturaAC'; font-weight:900; letter-spacing:0.5px;}

.wrap{
	margin-left: auto;
	margin-right: auto;
	width: 960px;
	position: relative;
}
.overlay, .overlay-banner, .overlay-banner-white, .slider-overlay {
    display: block;
    position: absolute;
    z-index: 0;
    background: rgba(0, 0, 0, 0.6) no-repeat center;
    overflow: hidden;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    opacity: 1;
    cursor: pointer;
}



.halfbanner .overlay-banner-white { background: rgba(0, 0, 0, 0.55) no-repeat center;}
.halfbanner:hover .overlay-banner-white {background: rgba(14, 118, 188, 0.75) no-repeat center;}

.halfbanner .number { opacity:1;  position:absolute; left:20%; color:#1e80bd; cursor:pointer; transition:all 0.4s ease-in-out  }
.halfbanner .play { opacity:0; cursor:pointer; transition:all 0.4s ease-in-out  }
.halfbanner .play img { width:100px}


.halfbanner:hover .number { opacity:0}
.halfbanner:hover .play { opacity:1}

.bannerwrap { position:relative; z-index:1; color:#ffffff; width:90%; margin:auto; text-align:center}
.bannerwrap h2 { font-size:40px; color:#ffffff;}
.bannerwrap h3 { font-size:24px; margin-top:15px; text-transform:uppercase; font-weight:400; color:#ffffff;}
.halfbanner { height:100vh; }
.halfbanner .bannerwrap { position:absolute; top:50%; left:50%; transform: translate(-50%,-50%); font-size:200px; font-weight:900}
.counternumber {font-size:100px; font-weight:400; color: #fff}
.countertext {font-size:32px; font-weight:400; color: #fff; letter-spacing:3px}
.counterwrap { border-right:1px solid #fff; line-height:1}
.counterwrap:last-child { border:none}


#section3 h3 { font-size:40px; color:#eeeeee; transition: color 0.3s ease-in-out ; font-weight:900;   width:360px; margin:auto;}
#section3 .halfbanner:hover h3 { color:#ffffff }
.owl-carousel { padding:0 30px}
.owl-carousel-product .item { overflow:hidden; height:220px; }

.owl-carousel-product  .item img {transition:all 0.5s ease-in-out}
.owl-carousel-product  .item:hover img {  transform:scale(1.2);  background:#ffffff; z-index:1; }

.owl-carousel-product  .item .slider-overlay { opacity:0; background-color:rgba(30, 128, 188, 0.7); z-index:4; transition:all 0.5s ease-in-out}
.owl-carousel-product  .item:hover .slider-overlay { opacity:1;  background-color:rgba(30, 128, 188, 0.55);}
.owltext {color:#ffffff; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); font-size:30px; text-align:center; width:250px; line-height:1.3}
.news-wrap .newsdate {font-size:16px; color:#f1592a; margin-top:10px; font-weight:400}
.news-wrap .newstitle { font-size:24px; color:#242424; line-height:1.2; font-weight:700}
.mapwrap { height:100vh; background:#1e7fbd; padding:40px; text-align:left; color:#ffffff}
.mapwrap h4 {text-transform:uppercase; font-weight:400; margin-bottom:8px; font-size:18px; color:#000000}
.mapwrap h2 {color:#ffffff; font-size:36px; text-transform:uppercase;  font-weight:700; margin-bottom:60px}
.mapwrap p {color:#ffffff; font-weight:400}
.mapwraptext { position:relative; top:50%; transform:translateY(-50%)}
address { font-weight:400; color:#000000;  padding-left: 25px;
    text-indent: -14px; }
.addresscol span {font-weight:400; color:#000000 !important}
.social-links li { list-style:none; display:inline-block; margin:0 6px; }
.social-links li span { margin-right:10px}
.social-links li a { color:#000000; font-size:18px}
.navbar-brand img { width:150px}
.navbar-brand { padding:5px 15px}
.navbar-nav	{ transform:translateY(10px)}
.navbar-nav a { font-weight:900; color:#242424; text-transform:uppercase}
.nav>li>a:focus, .nav>li>a:hover { background: transparent}
.btnwrap { padding:20px 0; margin-top:30px;}
.btnsec { font-size:16px; font-weight:400; text-transform:uppercase; background-color:#f1592a; padding:10px 30px; text-align:center; width:100%; max-width:270px; display:inline-block; color:#fff; border:2px solid #fff}
a.btnsec { text-decoration:none; color:#ffffff !important}


.dropdown-menu>li>a {    padding: 4px 20px;     font-size: 13px;}
.dropdown:hover .dropdown-menu { display:block}

.productdetails_wrap .btnwrap { padding:0}
label { font-weight:400; color:#000}
.white-popup {
  position: relative;
  background: #FFF;
  padding: 20px;
  width: auto;
  max-width: 700px;
  margin: 20px auto;
}

/* overlay at start */
.mfp-fade.mfp-bg {
  opacity: 0;

  -webkit-transition: all 0.95s ease-out;
  -moz-transition: all 0.95s ease-out;
  transition: all 0.95s ease-out;
}
/* overlay animate in */
.mfp-fade.mfp-bg.mfp-ready {
  opacity: 0.8;
}
/* overlay animate out */
.mfp-fade.mfp-bg.mfp-removing {
  opacity: 0;
}

/* content at start */
.mfp-fade.mfp-wrap .mfp-content {
  opacity: 0;

  -webkit-transition: all 0.95s ease-out;
  -moz-transition: all 0.95s ease-out;
  transition: all 0.95s ease-out;
}
/* content animate it */
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
  opacity: 1;
}
/* content animate out */
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
  opacity: 0;
}

@media (max-width: 480px){
		
		.navbar-brand { margin-top:10px}
		.navbar-toggle .icon-bar {    background: #333333; margin-top:20px}
		.footerlogo {  display:block; margin:0 auto 30px}
		.social-links { padding-left:20px}
		.addresscol { max-width:280px; margin:auto}
		.navbar-nav {background: #0e76bc;}
		.navbar-nav a { color:#ffffff; font-weight: 400;}
		.nav>li { text-align:left}
		
		.subnav li a { margin-bottom:5px !important; margin-top:5px !important; font-size:13px !important}
		#seafoodprocessing h1, #ourfacility h1 { font-size:32px}
		#seafoodprocessing h2, #ourfacility h2 { font-size:24px}
		.plate3 { margin-top:40px}
		.fp-tableCell .bannerwrap h3 {    padding: 70px 0 50px !important;}
		
		.secwrap {
    padding: 30px 0 20px !important;
    margin-top: 30px !important;
    border-top: 1px solid #eeeeee;
}
		
		
		}