@import url(https://fonts.googleapis.com/css?family=Open+Sans:700italic,400,700,800);

/****************************************

	AUTHOR: URICO MONDELO

****************************************/


/* =Reset
-------------------------------------- */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
}
html, body {height: 100%; max-height: 770px; font-family: Lato, helvetica, arial, sans-serif; font-size: 13px;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before,
blockquote:after,
q:before,
q:after {
	content: '';
	content: none;
}
table {border-collapse: collapse; border-spacing: 0;}
caption, th, td {font-weight: normal; text-align: left;}
h1, h2, h3, h4, h5, h6 {clear: both;}
body {background: #f4f4f4;}
html {/* overflow-y: scroll; */ font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;}
a:link {color: #2bc1f3;}
a:focus {outline: thin dotted;}
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {display: block;}
audio, canvas, video {display: inline-block;}
audio:not([controls]) {display: none;}
del {color: #333;}
ins {background: #fff9c0; text-decoration: none;}
hr {background-color: #ccc; border: 0; height: 1px; margin: 24px; margin-bottom: 1.714285714rem;}
sub,
sup {font-size: 75%; line-height: 0; position: relative; vertical-align: baseline;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}
small {font-size: smaller;}
img {border: 0; -ms-interpolation-mode: bicubic;}
input:-webkit-autofill {background-color: #ecf0f7 !important;}
::selection {background: #7cc576; color: #ffffff; text-shadow: none;}
em, i {font-style: italic !important;}

/* Clearing floats */
.clear:after,
#secondary-nav ul:after,
dl:after,
#pager:after,
footer:after,
header:after,
.body-content:after {
	clear: both;
}
.clear:before,
.clear:after,
#secondary-nav ul:before,
#secondary-nav ul:after,
dl:before,
dl:after,
#pager:before,
#pager:after,
footer:before,
footer:after,
header:before,
header:after,
.body-content:before,
.body-content:after {
	display: table;
	content: "";
}

/* =Header
-------------------------------------- */
header {
    background: #ffffff url('../images/header.gif') no-repeat top right; height: 92px;
    position: relative; max-width: 100%; min-width: 1024px; padding: 0px !important;
}
header #logo {position: absolute; top: 40px; left: 0; z-index: 50000;}
header #logo img {width: 440px;}

header ul {float: right; margin: 10px;}
header ul li {float: left;}
header ul li:first-child a {border-right: 1px dotted #0f4e8c;}
header ul li a {
    display: block; font-size: 8pt; text-transform: uppercase; padding: 5px; text-decoration: none;
    background: #0f4e8c; color: #fff !important; text-shadow: 0 1px 0 rgba(35,35,35,.1);
}
header ul li a.current {background: #2bc1f3; font-weight: bold;}
header ul li a:hover {background: #2bc1f3; color: #fff;}

/* =Navigation
-------------------------------------- */
#main-navigation { margin: 0; padding: 0; min-width: 1024px;}
#main-navigation ul {list-style: none; padding: 0 1% 0 0 !important; margin: 0 !important; background: #000; text-align: right; font-size: 100%;}
#main-navigation ul li {display: inline-block;}
#main-navigation ul li a {
    color: #fff; line-height: 32px; font-weight: 600; text-decoration: none; padding-right: 10px; padding-left: 10px;
}
.home .n-home,
.about .n-about,
.gp .n-gp,
.products .n-products,
.facilities .n-facilities,
.contact .n-contact {color: #2bc1f3 !important;}

/* =Slides
-------------------------------------- */
#slides {/* height: 76%; */ height: 510px; background: #ffffff; position: relative;}
.rslides {
	position: relative; list-style: none; overflow: hidden;
	width: 100%; height: 100%;
	padding: 0; margin: 0;
}
.rslides li {
	-webkit-backface-visibility: hidden;
	position: absolute; display: none;
	width: 100%; height: 100%; left: 0; top: 0;
	background-size: cover; 
	background-attachment: fixed;
}
.rslides li:first-child {position: relative; display: block; float: left;}

/** Home slides **/
.home-slider li {background-position: center center;}
.home-slider_tabs {position: absolute; bottom: 0; z-index: 10000; width: 99%; padding: 5px 0 3px 1%; background: rgba(35,35,35, 0.3)}
.home-slider_tabs li {float: left;}
.home-slider_tabs li a {float: left;  margin: 3px; padding: 0;}
.home-slider_tabs li a img {width: 120px; height: auto; border: 3px solid #fff;}
.home-slider_here a img {border-color: #2bc1f3 !important;}
.home-slider_nav {
	position: absolute; width: 100%; z-index: 20002; color: #fff !important; 
    text-shadow: 0 0 5px rgba(35, 35, 35, 0.2); top: 40%; font-size: 42pt; width: auto; text-decoration: none;
}
a.home-slider_nav.home-slider1_nav.prev {left: 5%;}
a.home-slider_nav.home-slider1_nav.next {right: 5%;}

#slides hgroup {
	font-family: 'Open Sans', sans-serif; color: #fff; width: 50%; text-shadow: 0 0 3px rgba(35,35,35,.4);
	position: absolute; bottom: 16px; right: 0; z-index: 10001; text-align: center;
}
#slides hgroup h3 {font-weight: 400; font-size: 24pt; line-height: 24pt;}
#slides hgroup h1 {font-weight: 700; font-size: 36pt; line-height: 34pt; letter-spacing: -1px;}

/** Genetic Slides 
.genetic-slider li {background-size: cover !important; background-repeat: no-repeat;}
.genetic-slider li article {
    width: 44%; height: 48%; background: rgba(255,255,255,.9); 
    position: absolute; top: 18%; right: 5%; padding: 2% 0;
    *background: #ffffff; _background: #ffffff; background: #ffffff\9;
}
.genetic-slider li article .entry-title {margin-right: 6%; margin-left: 6%;}
.genetic-slider li article h4,
.genetic-slider li article p {padding-right: 6%; padding-left: 6%;}
.genetic-slider_tabs {
    position: absolute; top: 72%; z-index: 10000; width: 44%; right: 5%; font-size: 88%;
    background: #0f4e8c;
}
.genetic-slider_tabs li {float: left; width: 25%; text-align: center}
.genetic-slider_tabs li:first-child {display: none;}
.genetic-slider_tabs li a {
    display: block; min-height: 34px; text-align: center; padding: 5px 0; color: #fff; text-decoration: none;
	border-right: 1px dotted #0b3660; text-shadow: 0 -1px 0 rgba(35,35,35,.2); outline: none;
}
.genetic-slider_here a {background: #228dcd;}
**/

/** Products Slides **/
#products-slides {width: 63% !important; float: left;}
#products-slides  li {background-size: cover !important; background-repeat: no-repeat; background: #fff;}


/* =Body Contents
-------------------------------------- */
.body-content {/* height: 76%; */ height: 510px; min-height: 510px; min-width: 1024px; background-color: #ffffff; position: relative; /* background-size: cover !important; */}

.bg {width: 63%; height: 100%; float: left;}
.post {width: 37%; height: 100%; float: right; background: #fff; position: relative;}

.contact .bg {width: 55% !important;}
.contact .post {width: 45% !important;}
/* .facilities .post,
.gp .post {position: relative;} */
.bg {background-size: cover !important; background-repeat: no-repeat !important; background-color: #ffffff;}

.about .bg {background-image: url('../images/bg/about.jpg');}
.facilities-usa-florida .bg {background-image: url('../images/bg/florida.jpg');}
.facilities-usa-hawaii .bg {background-image: url('../images/bg/hawaii.jpg'); background-position: bottom;}
.facilities-asia-singapore .bg {background-image: url('../images/bg/singapore.jpg'); background-position: center bottom; }
.facilities-asia-india .bg {background-image: url('../images/bg/india.jpg'); background-position: center bottom;}
.contact .bg {background-image: url('../images/bg/contact.jpg'); background-position: center;}
.genetic-program .bg {background-image: url('../images/bg/gp.jpg'); background-position: center;}
.biosecurity .bg {background-image: url('../images/bg/gp-bs.jpg'); background-position: center;}
.performance-monitoring .bg {background-image: url('../images/bg/gp-pm.jpg'); background-position: center;}
.fast-growth-and-high-fecundity .bg {background-image: url('../images/bg/gp-fg.jpg'); background-position: center;}
.disease-resistance .bg {background-image: url('../images/bg/gp-dr.jpg'); background-position: center;}


.post article {display: block; margin: 3% 5% 5%; color: #454545;}
.post article p {margin: 0 0 11pt 0;}

/** font format **/
.dark-blue {color: #0f4e8c !important;}
.entry-title {font-size: 28pt; font-weight: 300; color: #209ed5; margin-bottom: 14pt; letter-spacing: -1px;}
.entry-title span {font-weight: 700;}
.entry-content h4 {color: #0f4e8c; /* font-size: 12pt; */}

.facilities-usa-hawaii .post article .entry-content {}

.facilities .scroll-pane
{
	width: auto;
    height: 430px;
	overflow: auto;
}

dl {}
dt {width: 20%; float: left;}
dd {width: 78%; float: left;}

/** secondary navigation **/
.bluebar {position: absolute; bottom: 0; background: #0f4e8c; width: 100%; height: 42px;}
#secondary-nav {position: absolute; bottom: 0; background: #0f4e8c; width: 100%;}
#secondary-nav ul {font-size: 88%;}
#secondary-nav ul li {float: left; width: 25%; text-align: center}
#secondary-nav ul li a {
	display: block; min-height: 32px; text-align: center; padding: 5px 0; color: #fff; text-decoration: none;
	border-right: 1px dotted #0b3660; text-shadow: 0 -1px 0 rgba(35,35,35,.2);
	}
#secondary-nav ul li a span {vertical-align: -8px;}
#secondary-nav ul li:last-child a {border-right: 0px !important;}
#secondary-nav ul li.current img {
	background: transparent url("../images/arrow-up.png") no-repeat; width: 13px; height: 7px;
	position: absolute; top: -7px; border: none; outline: none;
}
#secondary-nav ul li.current a {background: #228dcd;}

/* =Contact
-------------------------------------- */
.contact-info {float: left; width: 53%;}
form[name="contact_form"] ul li {margin-bottom: 3px;}
form[name="contact_form"] {float: right; width: 45%;}
form[name="contact_form"] input[type="text"], textarea {width: 88%; border: 1px solid #aaa; padding: 2%;}
.err {font-size: x-small; color: red;}

/* =Footer
-------------------------------------- */
footer {
    font-size: 10pt; padding: 10px;
}
footer span {float: left;}


/* =Font Icons
-------------------------------------- */
@font-face {
	font-family: 'icomoon';
	src:url('../fonts/icomoon.eot?-y0vrl9');
	src:url('../fonts/icomoon.eot?#iefix-y0vrl9') format('embedded-opentype'),
		url('../fonts/icomoon.woff?-y0vrl9') format('woff'),
		url('../fonts/icomoon.ttf?-y0vrl9') format('truetype'),
		url('../fonts/icomoon.svg?-y0vrl9#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}

[class^="icon-"], [class*=" icon-"], .home-slider_nav {
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-mail:before {
	content: "\e600";
}
.icon-location:before {
	content: "\e601";
}
.icon-quote:before {
	content: "\e602";
}
.icon-cross:before {
	content: "\e603";
}
.icon-info:before {
	content: "\e604";
}
.icon-help:before {
	content: "\e605";
}
.icon-warning:before {
	content: "\e606";
}
.icon-arrow-left:before, .home-slider1_nav.prev:before {
	content: "\e607";
}
.icon-arrow-right:before, .home-slider1_nav.next:before  {
	content: "\e608";
}
.icon-twitter:before {
	content: "\e609";
}
.icon-facebook:before {
	content: "\e60a";
}

/** Animated loading **/
.b-lazy {
        -webkit-transition: opacity 500ms ease-in-out;
        -moz-transition: opacity 500ms ease-in-out;
        -o-transition: opacity 500ms ease-in-out;
        transition: opacity 500ms ease-in-out;
        max-width: 100%;
        opacity: 0;
 }
 .b-lazy.b-loaded {
        opacity: 1;
 }


/** MOBILE **/
@media screen and (max-width: 32.25em) {
    .scroll-pane {height: auto; max-height: auto;}
    
    #logo {width: ;}
}