@charset "UTF-8";
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: inherit;
    font-size: 100%;
    vertical-align: baseline
}

#cerere {
    background: none repeat scroll 0 0 #129AB4;
    border: 0 none;
    float: right;
    font-weight: bold;
    padding: 9px 34px 8px;
    margin: 5px 62px;
}

#news #cerere a {
    color: #FFFFFF;
    font-size: 20px;
    text-decoration: none;
}

html {
    line-height: 1
}

ol, ul {
    list-style: square outside none;
    margin-left: 30px;
    margin-bottom: 20px;
}

ul li {
    line-height: 22px;
}

p {
    padding: 0 0 20px;
}

#intro ul {
    list-style: none;
}

#leftlist li {
   font-size: 14px;
    line-height: 20px;
    margin-left: 15px;
    margin-top: 5px;
    font-family: "Verdana";
}

#leftlist span {
    color: #0090C5;
}
.circ {
    list-style: circle outside none;
    margin-left: 10px;
}

#news p {
    line-height: 22px;
    font-weight: 300;
}

table {
    border-bottom: 1px solid #000;
    border-right: 1px solid #000;
    border-spacing: 0;
    font-family: arial;
    font-size: 12px;
    width: 978px;
}

caption, th, td {
    border-left: 1px solid #000;
    border-top: 1px solid #000;
    text-align: center;
    padding: 10px 2px;
    vertical-align: middle;
}

q, blockquote {
    quotes: none
}

q:before, q:after, blockquote:before, blockquote:after {
    content: "";
    content: none
}

a img {
    border: none
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {
    display: block
}

@font-face {
    font-family: pictonic;
    src: url("/css/fonts/pictonic.eot");
    src: url("/css/fonts/pictonic.eot?#iefix") format("embedded-opentype"), url("/css/fonts/pictonic.ttf") format("truetype"), url("/css/fonts/pictonic.woff") format("woff"), url("/css/fonts/pictonic.svg") format("svg");
    font-weight: normal;
    font-style: normal
}

.pictonic {
    font-family: "pictonic";
    font-weight: normal;
    font-style: normal;
    -webkit-font-smoothing: antialiased !important;
    -moz-font-smoothing: antialiased !important;
    font-smoothing: antialiased !important;
    line-height: 1em
}

a.pictonic, span.pictonic, small.pictonic {
    display: -moz-inline-stack;
    display: inline-block;
    zoom: 1;
    *display: inline
}

[class^="icon-"], [class*=" icon-"] {
    font-family: "pictonic";
    font-weight: normal;
    font-style: normal;
    -webkit-font-smoothing: antialiased !important;
    -moz-font-smoothing: antialiased !important;
    font-smoothing: antialiased !important;
    line-height: 1em
}

a[class^="icon-"], a[class*=" icon-"], span[class^="icon-"], span[class*=" icon-"], small[class^="icon-"], small[class*=" icon-"] {
    display: -moz-inline-stack;
    display: inline-block;
    zoom: 1;
    *display: inline
}

.icon-cl-chevron-right:before {
    content: ""
}

.icon-banner:before {
    content: ""
}

.icon-light-on:before {
    content: ""
}

.icon-calculator:before {
    content: ""
}

.icon-chart-diagonal-2:before {
    content: ""
}

.icon-leaf:before {
    content: ""
}

.icon-facebook:before {
    content: ""
}

.icon-linkedin:before {
    content: ""
}

.icon-twitter-3:before {
    content: ""
}

.icon-atom:before {
    content: ""
}

.messageCollector {
    font-size: 16px;
    overflow: visible;
    padding: 0px;
    text-align: center;
    width: 100%;
    z-index: 999999;
    position: fixed;
    top: 0;
    left: auto
}

.messageCollector .message-list {
    background: #fff;
    border-radius: 4px;
    display: inline-block;
    margin: 0 auto;
    margin-top: 58px;
    padding: 60px 31px 15px;
    position: relative;
    text-align: left;
    width: 400px
}

.messageCollector .message-list:last-child {
    border-radius: 0 0 3px 3px
}

.messageCollector .message-list a.close {
    position: absolute;
    right: 13px;
    top: 16px;
    background: url(/img/close-notification.gif) center center no-repeat;
    width: 18px;
    height: 18px;
    display: inline-block;
    z-index: 1000
}

.messageCollector .inner {
    height: 0;
    margin: 0 auto;
    width: 400px
}

.messageCollector .type {
    border-radius: 4px 4px 0 0;
    color: #fff;
    display: block;
    font: normal bold 22px/30px Neuton, Times New Roman, serif;
    margin-right: 5px;
    padding: 7px 15px 10px;
    position: absolute;
    top: 0;
    left: 0;
    width: 432px
}

.messageCollector ul {
    color: #333;
    font: normal bold 13px/22px Arial, sans-serif;
    list-style: disc
}

.messageCollector .error .close {
    display: none
}

.message-list {
    background: #fff;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    color: #333
}

.message-list.success {
    border: 1px solid #438500;
    box-shadow: 0 0 6px #66cc00
}

.message-list.success .type {
    background: #66cc00;
    -moz-box-shadow: 0 1px 0 #fff inset;
    -webkit-box-shadow: 0 1px 0 #fff inset;
    box-shadow: 0 1px 0 #fff inset;
    text-shadow: 0 1px 2px #438500
}

.message-list.info {
    border: 1px solid #0065c9;
    box-shadow: 0 0 6px #0064c8
}

.message-list.info .type {
    background: #1c84ea;
    -moz-box-shadow: 0 1px 0 #77b5f2 inset;
    -webkit-box-shadow: 0 1px 0 #77b5f2 inset;
    box-shadow: 0 1px 0 #77b5f2 inset;
    text-shadow: 0 1px 2px #003b76
}

.message-list.warning, .message-list.error, .message-list.conflict {
    border: 1px solid #c00;
    box-shadow: 0 0 6px #C00
}

.message-list.warning .type, .message-list.error .type, .message-list.conflict .type {
    background: #f66;
    text-shadow: 0 1px 2px #900
}

.inline-message {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    margin: 3px 0;
    padding: 5px
}

.inline-message.error {
    border: 1px solid #ff6666
}

.inline-message.success {
    border: 1px solid #66cc00
}

.inputError, .column.error input {
    border-color: #ff6666 !important;
    -moz-box-shadow: 0 0 6px rgba(255, 0, 0, 0.5) inset !important;
    box-shadow: 0 0 6px rgba(255, 0, 0, 0.5) inset !important
}

.inputError:hover, .column.error input:hover {
    border-color: #c00 !important;
    outline: none
}

.inputError:focus, .column.error input:focus {
    box-shadow: 0 0 6px rgba(204, 0, 0, 0.8) !important;
    outline: none
}

label.inputError, span.inputError, span.inputError label {
    color: #c00;
    border: 0 none;
    box-shadow: none !important;
    font-weight: bold !important
}

select.inputError, .column.error select {
    background: url("/img/select-arrow.png") 215px center no-repeat, -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#ffb5b5)) !important;
    background: url("/img/select-arrow.png") 215px center no-repeat, -webkit-linear-gradient(top, #fff, #ffb5b5);
    background: url("/img/select-arrow.png") 215px center no-repeat, -moz-linear-gradient(top, #fff, #ffb5b5);
    background: url("/img/select-arrow.png") 215px center no-repeat, -ms-linear-gradient(top, #fff, #ffb5b5);
    background: url("/img/select-arrow.png") 215px center no-repeat, -o-linear-gradient(top, #fff, #ffb5b5);
    border-color: #ff6666 !important
}

select.inputError:focus, .column.error select:focus {
    box-shadow: 0 0 6px #cb2626 inset !important;
    border-color: #ff6666 !important
}

select.half-screen.inputError {
    background: url("/img/select-arrow.png") 352px center no-repeat, -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#ffb5b5)) !important;
    background: url("/img/select-arrow.png") 352px center no-repeat, -webkit-linear-gradient(top, #fff, #ffb5b5);
    background: url("/img/select-arrow.png") 352px center no-repeat, -moz-linear-gradient(top, #fff, #ffb5b5);
    background: url("/img/select-arrow.png") 352px center no-repeat, -ms-linear-gradient(top, #fff, #ffb5b5);
    background: url("/img/select-arrow.png") 352px center no-repeat, -o-linear-gradient(top, #fff, #ffb5b5)
}

select.half, select.half.inputError {
    background-position: 96px center
}

span.error, .column.error label {
    color: #f00
}

.notification-box.blue-box .type {
    background: #1c84ea;
    box-shadow: 0 1px 0 #77b5f2 inset;
    text-shadow: 0 1px 2px #194BCC
}

.notification-box.for-material {
    border: 1px solid #0065c9;
    border-radius: 4px;
    box-shadow: 0 1px 5px rgba(0, 100, 200, 0.6);
    margin: 16px 16px 0;
    min-width: 550px;
    max-width: 550px
}

.notification-box .inner {
    padding: 16px
}

.notification-box .inner p {
    padding-bottom: 12px
}

.notification-box .inner .form-row {
    padding-bottom: 15px
}

.notification-box .type {
    border-radius: 4px 4px 0 0;
    color: #fff;
    display: block;
    font: normal bold 22px/30px Neuton, Times New Roman, serif;
    padding: 7px 15px 10px
}

h1, h2, h3, h4, h5, h6 {
    font-family: "Neuton";
    z-index: 10
}

h1 {
    color: #333333;
    font-family: "Neuton", sans-serif;
    font-size: 28px;
    line-height: 32px;
    margin-bottom: 10px;
}

h2 {
    font-size: 24px;
    line-height: 32px;
    color: 333;
    font-weight: bold;
    font-family: "Neuton"
}

h3 {
    font-size: 18px;
    font-weight: bold
}

strong {
    font-weight: bold;
    font-size: 14px;
    font-family: "Arial";
    line-height: 22px;
}

a {
    color: #999;
    font: 14px Arial;
    text-decoration: none;
}

#container {
    min-height: 100%;
    position: relative
}

.bg-spacer {
    background: url("/img/header-bg-home.png") no-repeat center bottom;
    margin: 0 auto
}

.bg-spacer h2 {
    margin-top: 70px
}

.h300 {
    height: auto;
    overflow: hidden;
}

.h340 {
    height: 340px
}

.left {
    float: left
}

.right {
    float: right
}

.link-green {
    color: #6EC500;
    text-decoration: underline;
    font-size: inherit;
    padding: 0;
    margin: 0;
    font-family: "Neuton";
    font-weight: bold
}

.link-green:link, .link-green:active, .link-green:visited {
    color: #6EC500;
    text-decoration: underline;
    font-size: inherit;
    padding: 0;
    margin: 0;
    font-family: "Neuton";
    font-weight: bold
}

.link-green:hover {
    text-decoration: none
}

.sub-head {
    text-align: center;
    font-family: arial;
    margin: 0 auto;
    font-size: 18px;
    line-height: 26px;
    letter-spacing: 0;
    margin-top: 15px
}

.more {
    font-family: arial;
    font-size: 13px;
    line-height: 26px;
    margin-top: 20px
}

.more a {
    padding: 0;
    margin: 0;
    color: #6ec500;
    text-decoration: underline;
    font-size: 13px;
    font-weight: bold
}

.by {
    color: #666;
    font-family: Arial;
    font-size: 13px;
    line-height: 30px;
    margin-top: 12px
}

.link-green i {
    position: inherit;
    color: inherit;
    text-decoration: none;
    font-size: inherit
}

.sec-navigation {
    background-color: #DF8600;
    height: 65px;
    width: 100% !important
}

#secondary-navigation {
    margin: 0 auto;
    width: 978px
}

#secondary-navigation li {
    display: inline;
    float: left;
    padding: 22px 0 10px;
    color: #333333;
    font-family: "Arial";
    font-size: 14px;
    line-height: 18px
}

#secondary-navigation li a {
    color: #FFFFFF;
    font-family: "Neuton";
    font-size: 16px;
    font-weight: bold;
    padding: 5px 12px;
    text-decoration: none
}

#secondary-navigation li.current a {
    background-color: #7cd200;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#e6e6e6));
    background: -webkit-linear-gradient(top, #fff, #e6e6e6);
    background: -moz-linear-gradient(top, #fff, #e6e6e6);
    background: -ms-linear-gradient(top, #fff, #e6e6e6);
    background: -o-linear-gradient(top, #fff, #e6e6e6);
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
    -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
    color: #333333
}

#secondary-navigation li a:hover {
    text-shadow: 0 0 10px #fff
}

.overview_1 .image {
    background: url(/img/feature_01.gif) center center no-repeat;
    height: 160px
}

.overview_1 .text {
    margin-top: 11px
}

.overview_2 .image {
    background: url(/img/feature_02.png) center center no-repeat;
    height: 237px
}

.overview_2 .text {
    margin-top: 45px
}

.overview_3 .image {
    background: url(/img/feature_03.gif) center center no-repeat;
    height: 135px
}

.overview_4 .image {
    background: url(/img/feature_04.gif) center center no-repeat;
    height: 229px
}

.overview_4 .text {
    margin-top: 35px
}

.overview_5 .image {
    background: url(/img/feature_05.gif) center center no-repeat;
    height: 210px
}

.overview_5 .text {
    margin-top: 11px
}

.farmboard_1 .image {
    background: url(/img/farmboard_01.gif) center center no-repeat;
    height: 228px
}

.farmboard_1 .text {
    margin-top: 50px
}

.farmboard_2 .image {
    background: url(/img/farmboard_02.gif) center center no-repeat;
    height: 231px
}

.farmboard_2 .text {
    margin-top: 45px
}

.farmboard_3 .image {
    background: url(/img/farmboard_03.gif) center center no-repeat;
    height: 225px
}

.farmboard_3 .text {
    margin-top: 40px
}

.farmboard_4 .image {
    background: url(/img/farmboard_04.gif) center center no-repeat;
    height: 129px
}

.animals_1 .image {
    background: url(/img/animals_01.gif) center center no-repeat;
    height: 229px
}

.animals_1 .text {
    margin-top: 35px
}

.animals_2 .image {
    background: url(/img/animals_02.gif) center center no-repeat;
    height: 225px
}

.animals_2 .text {
    margin-top: 40px
}

.animals_3 .image {
    background: url(/img/animals_03.gif) center center no-repeat;
    height: 225px
}

.animals_3 .text {
    margin-top: 30px
}

.animals_5 .image {
    background: url(/img/animals_04.gif) center center no-repeat;
    height: 229px
}

.animals_5 .text {
    margin-top: 15px
}

.profiles_1 .image {
    background: url(/img/animal_profiles_01.gif) center center no-repeat;
    height: 220px
}

.profiles_1 .text {
    margin-top: 10px
}

.profiles_3 .image {
    background: url(/img/animal_profiles_02.gif) center center no-repeat;
    height: 229px
}

.profiles_3 .text {
    margin-top: 30px
}

.profiles_4 .image {
    background: url(/img/animal_profiles_03.gif) center center no-repeat;
    height: 119px
}

.entry_1 .image {
    background: url(/img/animal_entries_01.gif) center center no-repeat;
    height: 90px
}

.entry_2 .image {
    background: url(/img/animal_entries_02.gif) center center no-repeat;
    height: 113px
}

.entry_2 .text {
    margin-top: 15px
}

.feeding_2 .image {
    background: url(/img/animal_feeding_01.gif) center center no-repeat;
    height: 229px
}

.feeding_2 .text {
    margin-top: 20px
}

.feeding_3 .image {
    background: url(/img/animal_feeding_02.gif) center center no-repeat;
    height: 230px
}

.feeding_3 .text {
    margin-top: 40px
}

.milking_1 .image {
    background: url(/img/animal_milking_01.gif) center center no-repeat;
    height: 231px
}

.milking_1 .text {
    margin-top: 40px
}

.milking_2 .image {
    background: url(/img/animal_milking_02.gif) center center no-repeat;
    height: 229px
}

.milking_2 .text {
    margin-top: 40px
}

.fert_1 .image {
    background: url(/img/animal_fertility_01.gif) center center no-repeat;
    height: 172px
}

.fert_1 .text {
    margin-top: 10px
}

.fert_2 .image {
    background: url(/img/animal_fertility_02.gif) center center no-repeat;
    height: 231px
}

.fert_2 .text {
    margin-top: 50px
}

.fert_3 .image {
    background: url(/img/animal_fertility_03.gif) center center no-repeat;
    height: 131px
}

.materials_1 {
    background: url(/img/1.png) center center no-repeat;
    height: 210px
}

.materials_2 {
    background: url(/img/2.png) center center no-repeat;
    height: 230px
}

.reports_1 {
    background: url(/img/m1.png) center center no-repeat;
    height: 160px
}

.reports_2 {
    background: url(/img/m2.png) center center no-repeat;
    height: 160px
}

.no_hm_02 {
    float: left;
    margin-top: 30px;
    margin-left: 90px
}

.wde-2013 {
    display: inline-block;
    margin-top: 8px
}

.page-title {
    color: #999999;
    font-size: 20px;
    font-family: "Neuton";
    font-weight: 200;
    letter-spacing: 2px;
    line-height: 48px;
    margin-top: 10px;
    text-transform: uppercase;
    text-align: center
}

.catchphrease {
    font-size: 48px;
    line-height: 48px;
    margin-bottom: 15px;
    text-align: center
}

.feature {
    overflow: hidden;
    margin-bottom: 50px;
    text-align: center
}

.feature .text {
    font-family: "Arial";
    line-height: 20px;
    font-size: 15px
}

.feature .text .title {
    font-size: 22px;
    margin-bottom: 20px
}

.feature .image {
    width: 480px
}

.feature .text {
    padding: 0 30px;
    width: 420px
}

.feature.left .text {
    float: left
}

.feature.left .image {
    float: right
}

.feature.right .text {
    float: right
}

.feature.right .image {
    float: left
}

.feature.center {
    text-align: center;
    clear: both
}

.feature.center .image {
    display: none
}

.feature.center .text {
    width: 645px;
    margin: 0 auto;
    float: none
}

.icon-earth, .icon-atom {
    color: #f90;
    font-size: 50px;
    margin: 0 auto;
    text-align: center
}

#foot-social {
    position: relative;
    text-align: center;
    width: 100%;
    z-index: 10;
    background: none repeat scroll 0 0 #F6F6F6;
    box-shadow: 5px 5px 15px 5px #CFCFCF;
}

#foot-social a:hover {
    color: #333
}

#foot-social a:hover .ico.fb {
    background-color: #3c5a98
}

#foot-social a:hover .ico.in {
    background-color: #006599
}

#foot-social a:hover .ico.tw {
    background-color: #2daae4
}

#tos1, #pp, .copy, #about, #releasehistory {
    line-height: 24px
}

#social {
    background-color: #fff;
    height: 40px;
    margin: 70px auto 0 auto;
    width: 978px
}

.ico {
    background-color: #ccc;
    width: 21px;
    height: 18px;
    border-radius: 3px 3px 3px 3px;
    display: inline-block;
    padding-top: 4px;
    margin-right: 3px;
    text-align: center;
    padding-left: 1px
}

.ico i {
    color: #fff;
    font-size: 11px;
    height: 22px
}

.copy {
    color: #999999;
    font: 11px Arial;
    margin: 0 15px;
    text-decoration: none
}

#footer {
    background-color: #333;
    text-align: center;
    margin-bottom: 25px
}

#footer-slogan {
    font-family: "Neuton";
    color: #fff;
    font-size: 30px;
    text-align: center;
    padding: 50px 80px;
    line-height: 36px
}

#foot {
    margin: 0 auto;
    width: 970px;
    vertical-align: bottom
}

body {
    margin: 0
}

#header {
    background-color: #333;
    margin: 0
}

#main-menu {
    max-width: 978px;
    height: 155px;
    margin: 0 auto;
    background: url("/img/login-blur-header.png") no-repeat;
    background-position: bottom center
}

#logo {
    background: url("/img/logo-white.svg") no-repeat scroll center center / cover rgba(0, 0, 0, 0);
    cursor: pointer;
    display: inline-block;
    float: left;
    height: 66px;
    margin-top: 5px;
    text-indent: -9999px;
    width: 191px;
}

#logo a {
    display: block;
    width: 168px;
    height: 55px
}

#top-navigation {
    margin: 0;
    position: absolute;
    right: 0;
}

#top-navigation li {
    float: left;
    display: inline;
    padding-top: 16px;
    border-top: 6px solid transparent;
    font-family: Neuton, sans-serif;
    font-weight: 200;
    font-size: 20px;
    margin: 0 0 0 40px
}

#top-navigation li.active {
    border-top: 6px solid #fff
}

#top-navigation li.sign-up {
    padding-top: 46px
}

#top-navigation li.sign-up.active {
    padding-top: 47px
}

#top-navigation li.sign-up a {
    border: 1px solid #666;
    background-color: transparent;
    border-radius: 4px;
    color: #fff;
    cursor: pointer;
    font-weight: 400;
    padding: 8px 19px 10px 19px;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

#top-navigation li.sign-up a:hover {
    background: -moz-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.2) 100%);
    background: -o-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.2) 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, 0.2)));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7CD200', endColorstr='#4DA300');
    background-color: #7bd100;
    border: 1px solid #3d7f00;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.4), inset 0 1px 0 rgba(255, 255, 255, 0.6)
}

#top-navigation li a {
    color: #fff;
    font-family: Neuton, sans-serif;
    font-weight: 200;
    font-size: 20px;
    text-decoration: none;
    margin: 0;
    color: #fff;
    text-shadow: 0px 0px 0px #fff;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

#top-navigation li a:hover {
    text-shadow: 0px 0px 8px #fff
}

#header.blue {
    background-color: #f90
}

#header.blue #main-menu {
    height: 111px;
    background: none transparent
}

.blue #top-navigation li.sign-up a {
    border: 1px solid #20b7e8
}

.blue #top-navigation li.sign-up a:hover {
    border: 1px solid #3d7f00;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.5)
}

.blue #top-navigation li.active {
    border-top: 6px solid #b46e05
}

#header.white {
    background-color: #fff
}

#header.white #main-menu {
    background: url("/img/header-bg-home.png") center bottom no-repeat;
    height: 75px;
    position: relative;
}

.white #logo {
    background: url("/img/biofur.png") no-repeat scroll center center / cover rgba(0, 0, 0, 0);
}

.white #top-navigation li a {
    color: #333;
    text-shadow: 0px 0px 0px #333;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.white #top-navigation li a:hover {
    text-shadow: 0px 0px 8px rgba(0, 0, 0, 0.5)
}

.white #top-navigation li.sign-up a {
    border: 1px solid #dadada
}

.white #top-navigation li.sign-up a:hover {
    border: 1px solid #3d7f00;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
    color: #fff
}

.white #top-navigation li.active {
    border-top: 6px solid #ddd
}

#intro {
    height: 210px;
    margin: 0 auto;
    position: relative;
    width: 980px
}

#intro h1 {
    font-size: 42px;
    line-height: 40px;
    color: #333;
    margin: -55px 0 0;
    font-family: "Neuton"
}

.banner {
    position: absolute;
    top: 165px;
    right: 165px;
    font-size: 30px;
    color: #ddd
}

.intro-text {
    color: #333;
    font: 20px Arial;
    line-height: 28px;
    float: left;
    margin: 10px 0 50px 45px;
    width: 540px
}

#horizontal {
    background: url("/img/biofuraj1.jpg") bottom center scroll no-repeat;
    height: 400px;
    margin: 0 auto;
    background-size: cover;
}

#horizontal-content {
    color: #000000;
    margin: 0 auto;
    width: 978px;
    text-align: left;
    position: relative;
    padding-left: 20px
}

#horizontal-content ul {
    position: absolute;
    top: 146px;
    width: 100%;
    list-style: none
}

#horizontal-content ul li {
    float: left;
    font-family: 'Neuton', serif;
    font-size: 18px;
    font-weight: bold;
    height: 100px;
    width: 299px;
    margin-right: 18px
}

.text {
    display: inline-block;
    position: relative;
    top: -5px;
    width: 197px;
    font-size: 22px;
    line-height: 24px;
    color: #ffffff;
    text-shadow: 1px 1px 2px #000;
}

.icon {
    background: none repeat scroll 0 0 #FFFFFF;
    border-radius: 100% 100% 100% 100%;
    display: inline-block;
    height: 82px;
    margin-right: 10px;
    position: relative;
    top: -45px;
    width: 82px
}

.icon:hover {
    transform: rotate(360deg) scale(1.2);
    -webkit-transform: rotate(360deg) scale(1.2);
    transition: all 1s ease-in-out 0s;
}

.icon i {
    display: inline;
    font-size: 40px;
    left: 26px;
    position: relative;
    top: 20px;
    z-index: 1;
    margin-left: -5px
}

.intro-1 {
    width: 578px;
    float: left;
    margin: 0 auto;
    text-align: center
}

.intro-img-1 {
    background: url("/img/intro_3_r_bg.png") no-repeat scroll bottom;
    width: 400px;
    height: 300px;
    float: right
}

.intro-img-2 {
    background: url("/img/intro_4_l_bg.png") no-repeat scroll bottom;
    width: 380px;
    height: 300px;
    float: left
}

.intro-2 {
    width: 598px;
    float: left;
    margin: 0 auto;
    text-align: center
}

.intro-img-3 {
    background: url("/img/intro_5_l_bg.png") no-repeat scroll bottom;
    width: 525px;
    height: 300px;
    float: right
}

.intro-3 {
    width: 450px;
    float: left;
    margin: 0 auto;
    text-align: center
}

#people {
    margin: 0 auto;
    margin-bottom: 70px !important;
    text-align: center;
    overflow: hidden
}

.people {
    margin-top: 60px;
    width: 275px;
    height: 250px;
    padding: 0 25px;
    position: relative
}

.people i {
    font-size: 95px;
    font-family: "Neuton";
    font-weight: 400;
    font-style: normal;
    color: #eee;
    position: absolute;
    top: 95px;
    left: 7px;
    z-index: 1
}

.circle96 {
    width: 96px;
    height: 96px;
    border-radius: 100% 100% 100% 100%;
    margin: 0 auto 30px auto;
    display: block
}

div.quote {
    z-index: 10
}

.quote {
    color: #333;
    font-family: "Neuton";
    font-size: 20px;
    line-height: 24px;
    text-align: center;
    position: relative
}

#quote-1 {
    font-size: 28px;
    line-height: 34px;
    font-weight: normal;
    z-index: 10
}

#quote-1 i {
    color: #6EC500;
    font-family: "pictonic";
    position: relative;
    font-size: inherit;
    top: 0;
    left: 0
}

.main-content {
    width: 600px;
    text-align: left;
    margin: 0 auto;
    height: 210px;
    position: relative
}

.main-content h2 {
    padding-top: 55px;
    font-size: 24px;
    line-height: 32px;
    position: relative
}

.main-content i {
    font-family: "Neuton";
    font-weight: 400;
    font-style: normal;
    position: absolute;
    font-size: 200px;
    color: #fff;
    top: -20px;
    left: -45px;
    z-index: 1
}

.wide {
    width: 100% !important;
    background-color: #f6f6f6;
    height: 220px
}

.feature-icon {
    color: #CCCCCC;
    font-size: 35px;
    margin-top: 35px;
    margin-bottom: 60px;
    text-align: center
}

.featured {
    height: auto;
    margin: 0 auto;
    text-align: center
}

.featured i {
    opacity: 0.2;
    font-size: 24px;
    margin: 0 auto
}

.featured p {
    color: #666;
    font-family: "Neuton";
    font-size: 16px;
    font-weight: bold;
    margin-top: 40px;
    letter-spacing: 2px
}

.featured-list {
    margin: 50px 0 30px 0;
    overflow: hidden;
    list-style: none
}

.featured-list li a {
    float: left;
    width: 212px;
    height: 53px
}

.title {
    font-size: 22px
}

.mt70 {
    margin-top: 70px
}

.company-info {
    margin: 0 auto;
    padding: 50px 0;
    text-align: center
}

.company-info.hr {
    background: none transparent
}

.company-info h2 {
    margin-bottom: 25px
}

.company-info p {
    font-family: "Arial";
    font-size: 15px;
    line-height: 25px
}

.company-info h3 {
    color: #333;
    font-size: 24px;
    font-weight: 200;
    line-height: 32px;
    margin-bottom: 20px;
    text-align: left;
    text-transform: none
}

.company-info.hr p {
    text-align: left
}

.w808 {
    width: 808px
}

.button.blue {
    background: -o-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.2) 100%);
    background: -moz-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.2) 100%);
    background: -moz-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.2) 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, 0.2)));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7CD200', endColorstr='#4DA300');
    background-color: #f90;
    border: 1px solid #DF8600;
    border-radius: 28px;
    -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2), inset 0px 1px 0px rgba(255, 255, 255, 0.5);
    -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2), inset 0px 1px 0px rgba(255, 255, 255, 0.5);
    -o-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2), inset 0px 1px 0px rgba(255, 255, 255, 0.5);
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2), inset 0px 1px 0px rgba(255, 255, 255, 0.5);
    color: #fff;
    display: inline-block;
    font-family: "Neuton";
    font-size: 30px;
    font-weight: 200;
    margin-top: 20px;
    padding: 10px 40px 15px 40px
}

#login-form {
    margin: 60px auto 0 auto;
    text-align: center;
    width: 320px
}

#login-form label {
    color: #999;
    font-family: 'Neuton', serif;
    font-size: 17px
}

.button.green {
    background: -moz-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.2) 100%) !important;
    background: -o-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.2) 100%) !important;
    background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, 0.2))) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7CD200', endColorstr='#4DA300');
    background-color: #7bd100 !important;
    border: 1px solid #3D7F00;
    border-radius: 8px 8px 8px 8px;
    color: #FFFFFF;
    display: inline-block;
    font-family: "Arial";
    font-size: 24px;
    font-weight: bold;
    color: #fff;
    padding: 18px;
    text-decoration: none;
    width: 320px;
    text-align: center;
    margin: 30px 0 0 0;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.28), inset 0 1px 0 rgba(255, 255, 255, 0.6);
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.button.green:hover, .button.green:active {
    background-color: #98e300 !important;
    padding: 18px;
    border: 1px solid #3D7F00;
    cursor: pointer;
    box-shadow: none
}

a.button.green {
    width: 284px
}

body {
    background: #fff
}

#main-content > div {
    margin: 0 auto;
    width: 978px;
}

.full-width {
    width: 100% !important
}

.feature-list {
    overflow: hidden
}

.person-1 {
    background: url("/img/sprites.png") no-repeat 0 -106px
}

.person-2 {
    background: url("/img/sprites.png") no-repeat -100px -106px
}

.person-3 {
    background: url("/img/sprites.png") no-repeat -200px -106px
}

.person-4 {
    background: url("/img/sprites.png") no-repeat -400px -106px
}

.person-5 {
    background: url("/img/sprites.png") no-repeat -300px -106px
}

#nytimes a {
    background: url("/img/sprites.png") no-repeat 0 0
}

#nytimes a:hover {
    background: url("/img/sprites.png") no-repeat 0 -53px
}

#money a {
    background: url("/img/sprites.png") no-repeat -212px 0
}

#money a:hover {
    background: url("/img/sprites.png") no-repeat -212px -53px
}

#forbes a {
    background: url("/img/sprites.png") no-repeat -424px 0
}

#forbes a:hover {
    background: url("/img/sprites.png") no-repeat -424px -53px
}

#gigaom a {
    background: url("/img/sprites.png") no-repeat -636px 0
}

#gigaom a:hover {
    background: url("/img/sprites.png") no-repeat -636px -53px
}

.different-top {
    top: -71px
}

.messageCollector {
    height: auto !important;
    position: static !important
}

.messageCollector .close {
    display: none !important
}

.messageCollector .inner {
    height: auto !important
}

.mb10 {
    margin-bottom: 10px
}

.mb30 {
    margin-bottom: 30px
}

.justify {
    text-align: justify
}

p, li, .p {
    font-family: "Arial";
    color: #333333;
    font-size: 14px;
    line-height: 18px
}

.highlight {
    background-color: #f6f6f6;
    padding: 40px 0 50px 0
}

.highlight p {
    font-family: "Neuton";
    font-size: 24px;
    font-weight: 200;
    line-height: 33px;
    text-align: left
}

.highlight p:first-letter {
    float: left;
    font-size: 76px;
    font-weight: bold;
    line-height: 40px;
    padding-right: 5px;
    padding-top: 13px
}

.content {
    margin: 0 auto
}

.AnimalSpec div,.AdaugaFuraje div{
    float: left;
    margin-right: 20px;
}
#SubTipAnimal,#NrAnimale,.AddButton{
    /*display: none;*/
}

.AnimalSpec select, .AdaugaFuraje select {
    border: 1px solid #CCCCCC;
    border-radius: 4px;
    font-size: 15px;
    padding: 5px;
    width: 250px;
}

.AnimalSpec, .AdaugaFuraje {
    border: 1px solid #CCCCCC;
    border-radius: 4px;
    margin-bottom: 24px !important;
    margin-top: 30px !important;
    min-height: 90px;
    padding-top: 20px;
    padding-bottom: 20px;
    -moz-box-sizing: border-box; /* Для Firefox */
    box-sizing: border-box;
    -webkit-box-sizing:border-box;
}
#AnimalsCount {
    border: 1px solid #CCCCCC;
    border-radius: 4px;
    font-size: 15px;
    padding: 6px;
    /*text-align: center;*/
    width: 150px;
}

.AddButton {
    background-color: #FF9900;
    border: 1px solid #FF9900;
    border-radius: 4px;
    color: #FFFFFF;
    cursor: pointer;
    font-family: arial;
    font-size: 15px;
    padding: 7px 20px;
}
.button-icon:before {
    background: url("/img/icons.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
    content: "";
    display: inline-block;
    height: 48px;
    margin-top: -24px;
    position: absolute;
    right: 0.75em;
    top: 47%;
    width: 48px;
}
.button-icon-rarrow:before {
    background-position: 0 0;
    top: 40px;
}
.button-icon-question:before {
    background-position: 0 -48px;
    top: 130px;
}
.button-icon:after {
    content: "";
    display: inline-block;
    width: 54px;
}
.button {
    margin-bottom: 0.5em;
    width: 100%;
}
.button-big {
    font-size: 2.25em;
    padding: 0.8em 0.9em;
}
.button {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 3px solid #FFFFFF;
    border-radius: 16px;
    clear: both;
    color: #FFFFFF;
    display: inline-block;
    float: right;
    font-weight: 800;
    height: 20px;
    line-height: 20px;
    outline: 0 none;
    text-decoration: none;
    transition: background-color 0.25s ease-in-out 0s;
    width: 245px;
}
.button-alt {
    background: none;
    color: #444444;
}

.AdaugaFuraje {
    display: none;
    margin-top: 30px !important;
    overflow: hidden;
}

.AnimalTable,.VitamineTable{
    margin: 35px auto !important;
    overflow: visible!important;
}

#FurajCantitate,#CostFuraj {
    border: 1px solid #CCCCCC;
    border-radius: 4px;
    font-size: 15px;
    padding: 6px;
    /*text-align: center;*/
    width: 200px;
}
.DiffCalc{
    display: none;
}

#ExportPDF {
    background-image: url("/img/DownloadPDF.gif");
    background-position: 264px center;
    background-repeat: no-repeat;
    background-size: 100px auto;
    border: 1px solid #85B236;
    border-radius: 4px;
    color: #85B236;
    cursor: pointer;
    display: none;
    font-family: neuton;
    font-size: 29px;
    height: 100px;
    line-height: 100px;
    padding: 10px 30px;
    position: relative;
    width: 322px !important;
    z-index: 10000;
    margin-top: 20px !important;
}

html{
    overflow-x: hidden;
}

.TitleTable{
    color: #666666;
    font-family: neuton;
    font-size: 20px;
    font-weight: normal;
    margin-bottom: 10px;
    margin-top: -10px;
}

.CalculatorDivTitle {
    color: #666666;
    float: none !important;
    font-family: arial;
    font-weight: bold;
    margin-bottom: 15px;
    margin-left: 15px;
    text-align: left;
}

.CalculatorDivDescription {
    float: none !important;
    margin-bottom: 15px;
    font-family: arial;
    margin-left: 15px;
    text-align: left;
}

.AdaugaFuraje .CalculatorDivTitle, .AdaugaFuraje .CalculatorDivDescription {
    margin-left: -170px;
}

.TableTitle {
    color: #666666;
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 10px;
    line-height: 28px;
}

.TableDescription{
    color: #666666;
    margin-bottom: 10px;
    line-height: 24px;
}
.TableDescription b{
    font-weight: bold!important;
}

#TableFooter {
    color: #444444;
    margin-top: 15px !important;
    display: none;
    line-height: 23px;
}

#TableFooter b{
    font-weight: bold!important;
}

#FirstStep,#SecondStep {
    border: 0 none !important;
    font-family: arial !important;
    font-size: 16px;
    width: 940px !important;
}

#FirstStep td,#SecondStep td {
    border: 0 none !important;
    padding: 5px 2px;
    text-align: left;
}
.circle {
    border: 3px solid #666666;
    border-radius: 50%;
    color: #666666;
    font-family: arial;
    font-size: 20px;
    font-weight: bold;
    height: 40px;
    line-height: 40px;
    margin-left: 20px;
    margin-right: 20px;
    width: 40px;
}
#Addbtn{
    vertical-align: bottom;
}
#SecondStep{
    margin-left: 20px;
    width: 700px !important;
    float: left;
}
#ps{
    color: #666666;
    font-size: 14px;
    font-style: italic;
    margin-left: 20px;
    margin-top: 10px;
}
#main-content #way {
    border: 1px solid #CFCFCF;
    border-radius: 10px;
    box-shadow: 0 2px 2px #CCCCCC;
    color: #696969;
    font-size: 12px;
    margin: 10px auto;
    padding: 8px;
    width: 960px;
}
#main-content #leftmenu {
    box-shadow: 0 1px 6px #CFCFCF;
    margin: 30px 20px 20px 5px;
    min-height: 450px;
    width: 250px;
    float: left;
}
#news {
    float: left;
    width: 700px;
    margin-top: 30px;
}
#men {
    font-size: 24px;
    font-weight: 400;
    line-height: 40px;
    text-align: center;
}
.linkto {
    font: inherit;
    margin: 0;
}
.contact {
    border: 1px solid #CCCCCC;
    height: 30px;
    margin-bottom: 10px;
    padding: 5px;
    vertical-align: middle;
    width: 400px;
}
.contactmess {
    border: 1px solid #CCCCCC;
    margin-bottom: 10px;
    padding: 5px;
}
.contactus {
    width: 980px;
    margin: 0 auto;
}
.contactus .ololo {
    margin-left: 280px;
    padding-bottom: 10px;
}
.ololo p {
    font-weight: bold;
}
.foxic {
    clear: both;
    margin: 0 auto;
    padding-top: 40px;
    width: 960px;
}
.dervic {
    width: 220px;
    text-align: center;
    float: left;
    padding: 0 10px;
}
.dervic p {
    font-size: 17px;
    line-height: 28px;
}
.oras {
    padding-left: 10px;
    text-align: center;
    color: #AAAAAA;
}
.dervic h3 {
    font-size: 26px;
    padding-bottom: 20px;
}
.copyright {
    font-size: 17px;
    color: #AAAAAA;
    margin-top: 20px;
}
.dervic a {
    font-size: 17px;
}
#leftlist li a {
    font-family: "Verdana";
    font-size: 14px;
    line-height: 20px;
    color: #333333;
}

.fixing {
    width: 703px;
}

.postfoto {
    border: 3px solid #CFCFCF;
    border-radius: 5px;
    float: right;
    margin: 5px;
    width: 405px;
}
#news a {
    color: #666666;
    text-decoration: underline;
    font-weight: bold;
}