@charset "utf-8";
/* CSS Document */
.row:before, .row:after {
	display: flex!important;
}

/* Careers toggle */
#nocareers {
	/* display: none */
	display: block;
}
#yescareers {
	display: none
	/* display: block; */
}

/* TopBtn */
#TopBtn {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 30px;
  z-index: 99;
  font-size: 20px;
  border: none;
  outline: none;
  background: rgba(169,169,169,0.5);
  color: white;
  cursor: pointer;
  padding: 0 5px;
  border-radius: 4px;
}

#TopBtn:hover {
  background-color: #555;
}

@media (min-width: 576px) {
	#TopBtn {
  font-size: 30px;
}
}

h1,h2,h3,h4,h5,h6 {
    color: #066543;
	/*color: #B06D74;*/
    font-family: 'Alegreya SC', serif;
	font-weight: 700;
	text-decoration:none !important;
}

a:hover {
	text-decoration: none!important;
}

.two-thirds a:hover > h1, .two-thirds a:hover > h2, .two-thirds a:hover > h3, .two-thirds a:hover > h4, .two-thirds a:hover > h5, .two-thirds a:hover > h6, .two-thirds a:hover > p, .two-thirds a:hover > i, .gold-solid:hover {
	filter: brightness(120%)!important;
}

p {
    font-family: 'Roboto', sans-serif;
	color: #262626; 
}

.alignleft {
	text-align: left!important;
	margin: 0!important;
	font-family: 'Roboto', sans-serif!important;
}

.alignleft > li {
	font-size: 16px!important;
}

.alignright {
	text-align: right!important;
}

.bg-gray {
	background-color: lightgray;
	color: #292929;
	border-top: 1px solid #292929;
	border-right: 1px solid #292929;
	border-bottom: 1px solid #292929;
}

.bg-lightgreen {
	background-color: #80ff80;
	color: #292929;
	border-top: 1px solid #292929;
	border-bottom: 1px solid #292929;
	border-left: 1px solid #292929;
}

.black-title {
    color: black;
    /*margin-bottom: 25px;*/
}

.red-title {
    color: #066543;
	/*color: #B06D74;*/
    /*margin-bottom: 25px;*/
}

.mobile-arrow {
	color: #066543!important;
	/*color: #B06D74;*/
	padding: 0 0 0 10px!important;
}

.icon-link {
	font-family: Roboto;
	font-weight: 700;
	font-size: 20px;
}

.br-hide {
	display: none;
}

.br-md {
	display: block;
}

.hr-gold {
	border: 1px solid #a58957;
	margin-top: 70px;
	display: inherit;
}

.hr-divider {
	max-width: 100%;
    border-width: 1px;
    border-color: #bba474;
}

.visible-xs {
	display: inline;
}

.change-amp-menu {
	font-family: 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', 'DejaVu Sans', Verdana, 'sans-serif'; 
	font-size: 0.8rem;
}
.change-amp {
	font-family: 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', 'DejaVu Sans', Verdana, 'sans-serif'; 
	font-size: 2.0rem;
}

/* top banner */
.top-banner {
	background-color:#f2ede9;
	text-align: right;
	padding: 5px 27px;
	margin: 0px;
	font-family: 'Alegreya SC', serif;
	font-size: 18px;
}

.top-banner a {
	color: #000;
	font-weight: 700;
}

.top-banner a:first-child:before {    
    font-family: 'FontAwesome';
    content: '\f095';
    font-size: 16px;
    margin: 3px 10px 0 0;
    color: #000;
}

#fb1, #tw1, #in1 {
	width: 18px;
	margin-left: 10px;
}

/* NAVBAR */
.navbar {
	padding-left: 20px;
	background-color: #fff;
}
.navbar-brand {
	padding: 0px!important;
}
.navbar-brand img {
	width: 145px!important;
	height: 38px!important;
}
navbar-nav {
	margin-top: 10px!important;
}

.nav-item {
	font-size: 22px;
    font-family: 'Alegreya SC', serif;
	font-weight: 700;
	text-decoration:none !important;
	padding-left: 30px;
}
.nav-item a:hover {
	color: #444444;
}

.nav-link {
	color: #444444!important;
}
.navbar-light .navbar-toggler-icon {
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(70,70,70, 1)' stroke-width='3' stroke-linecap='square' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}
.navbar-light .navbar-toggler {
	border: none!important;
}
.ml-auto, .mx-auto {
    margin-top: 20px;
}

/* Breadcrumbs */
.breadcrumb-wrapper {
	background-color: #fff;
	font-family: 'Roboto', sans-serif;
	padding: 0 5px;
}

.breadcrumb-adjust {
	margin-top: 0px;
}

ul.breadcrumb {
  background-color: #fff;
	padding: 10px 16px;
  list-style: none;
}
ul.breadcrumb li {
  display: inline;
  font-size: 16px;
}
ul.breadcrumb li+li:before {
  padding: 8px;
  color: black;
  content: ">";
}
ul.breadcrumb li a {
  color: black;
  text-decoration: none;
}
ul.breadcrumb li a:hover {
  color: #01447e;
}

ul.useful-links {
	 list-style-type: none;
}

ul.useful-links li a {
  color: black;
  text-decoration: none;
	font-weight: 500;
}
ul.useful-links li a:hover {
  color: #01447e;
}

/* Brand logos */
.brand-logos {
	width: 70%; 
	margin-bottom: 20px; 
	max-width: 250px;
}

/* Interview img */
.news-img {
	width: 100%;
	float: none;
	margin: 0 0 20px 0;
}

/* top feature */
/* ADD ID FOR EACH VIDEO */
#top-video, #co-packing-video, #innovation-video, #certifications-video, #history-video, #team-video, #facility-video {
	/*background-color:#f1ece7;*/
	width: 100%;
	position: static;
	visibility: visible;
}

video {
  /*display: none;*/
}
/* ADD CONTAINER FOR EACH VIDEO */
.video-container, .video-container2, .video-container3, .video-container4, .video-container5, .video-container6, .video-container7 {
	
    width: 100%;
    overflow: hidden;
    position: absolute;
    top: 75px;
    right: 0;
    z-index: -1000;
	background-position: right center;
    background-size: cover;
	background-repeat: no-repeat;
}

.video-container {
	max-height: 600px;
    background-image: url("../img/top-image.jpg");
	
}
/* ADD CONTAINER FOR EACH VIDEO */
.video-container2 {
	max-height: 500px;
    background-image: url("../img/co-packing-top-image.jpg");
}

.video-container3 {
	max-height: 500px;
    background-image: url("../img/innovation-top-image.jpg");
}

.video-container4 {
	max-height: 500px;
    background-image: url("../img/certification2.jpg");
}

.video-container5 {
	max-height: 500px;
    background-image: url("../img/jams3.jpg");
}

.video-container6 {
	max-height: 500px;
    background-image: url("../img/monzen1.jpg");
}

.video-container7 {
	max-height: 500px;
    background-image: url("../img/quality4.jpg");
}

.top-feature {
	position: relative;
	background-image: url("../img/top-image.jpg");
	background-position: right top;
    background-size: cover;
	padding: 50px 20px;
	min-height: 500px;
	text-align: center;
}
/* ADD CLASS FOR EACH VIDEO */
.top-feature2 {
	position: relative;
	background-image: url("../img/co-packing-top-image.jpg");
	background-position: right top;
    background-size: cover;
	padding: 190px 20px;
	height: 500px;
	text-align: center;
}

.top-feature3 {
	position: relative;
	background-image: url("../img/innovation-top-image.jpg");
	background-position: center bottom;
    background-size: cover;
	padding: 190px 20px;
	height: 500px;
	text-align: center;
}

.top-feature4 {
	position: relative;
	background-image: url("../img/certification2.jpg");
	background-position: center bottom;
    background-size: cover;
	padding: 190px 20px;
	height: 500px;
	text-align: center;
}

.top-feature5 {
	position: relative;
	background-image: url("../img/jams3.jpg");
	background-position: center bottom;
    background-size: cover;
	padding: 190px 20px;
	height: 500px;
	text-align: center;
}

.top-feature6 {
	position: relative;
	background-image: url("../img/monzen1.jpg");
	background-position: center bottom;
    background-size: cover;
	padding: 190px 20px;
	height: 500px;
	text-align: center;
}

.top-feature7 {
	position: relative;
	background-image: url("../img/quality4.jpg");
	background-position: center bottom;
    background-size: cover;
	padding: 190px 20px;
	height: 500px;
	text-align: center;
}

.top-feature2 h1, .top-feature3 h1, .top-feature4 h1, .top-feature5 h1, .top-feature6 h1, .top-feature7 h1 {
	color: white;
    font-size: 65px;
}

.top-feature-text {
	background-color: rgba(86, 86, 86, 0.5);
	padding: 10px;
	margin-bottom: 25px;
}
.top-feature-text h1 {
	color: #fff;
    font-family: 'Alegreya SC', serif;
	font-weight: 700;
	font-size: 32px;
	text-decoration:none !important;
	padding: 10px 0;
	}
.top-feature-text h3 {
	color: #fff;
}
.top-feature-text p {
	color: #fff;
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
	font-weight: 500;
	padding: 10px;
	}
	
.subject-banner {
	width: 100%;
	padding: 150px 50px;
	margin: 0;
	text-align: center;
	color: white;
}
.subject-banner > h1 {
	color: white;
	font-size: 65px;
}

/* white text field */
.white-text {
	background-color: #fff;
	font-family: 'Roboto', sans-serif;
	font-size: 18px;
	text-align: left;
	padding: 70px 50px 70px 50px;
}

.white-text2 {
	padding: 20px 50px!important;
}

.white-text p {
	padding: 0 20px;
}

.icon-text {
	padding: 0 10%!important; 
}

.material-icons, .fa {
	color: #bba474; 
	font-size: 125px;
}

.fa {
	padding: 15px;
	margin-bottom: 12px;
}

/* Buttons */
.gold-solid {
	background-color: #066543;
	border-radius: 0px;
	color: #fff;
	font-weight: 500;
	padding: 5px 20px;
    font-size: 18px;
    cursor: pointer;
}
.gold-outline {
    border: 3px solid #B06D74;
	background-color: #066543;
	border-radius: 0px;
    color: #fff;
	font-weight: bold;
	padding: 5px 20px;
    font-size: 18px;
    cursor: pointer;
}
.white-outline {
    border: 3px solid #fff;
	border-radius: 0px;
    color: #fff;
	font-weight: bold;
	padding: 5px 20px;
    font-size: 18px;
    cursor: pointer;
}

.black-outline {
    border: 3px solid #000;
    color: #bba474;
	font-weight: bold;
	padding: 5px 30px;
    font-size: 18px;
    cursor: pointer;
}

/* services */

.service-wrapper {
	margin: 20px 0;
	text-align: left;
}

.service-item {
	margin-bottom: 5px;
	padding: 20px;
	color: white;
	font-family: 'Roboto', sans-serif;
	display: block;
	width: 100%;
}

.service-item h4, .service-item p {
	color: white;
}

#copacking {
	background-image: url("../img/co-packing.jpg");
  background-position: center center;
  background-size: cover;
}

#privatelabel {
	background-image: url("../img/private-label.jpg");
  background-position: center center;
  background-size: cover;
}
#ownbrand {
	background-image: url("../img/own-brand.jpg");
  background-position: center center;
  background-size: cover;
}

/* Columns */
.intro-column-wrapper {
	padding: 60px 50px;
	text-align: left;
	/*background-color: #f1ece7;*/
	background-color: #fff;
}

.intro-column-wrapper .mt-5 {
	margin-top: 1rem!important;
}

.intro-column {
	padding: 60px 50px;
    text-align: left;
	background-color: white;
} 
.intro-column .col- {
	padding: 0;
} 

.one-half .col-sm-6, .one-half .col-md-6, .one-half .col-lg-6, .one-half .col-xl-6 {
	padding: 0px 40px;
	text-align: left;
	
}

.two-thirds .col-sm-5, .two-thirds .col-sm-6, .two-thirds .col-md-5 {
	padding: 70px 50px;
	/*background-color:#f1ece7;*/
	background-color:#fff;
	text-align: left;
	}

.two-thirds .col-sm-5 p {
    margin: 20px 0;	
}

.two-thirds .col-sm-7, .two-thirds .col-md-7 {
	min-height: 318px;
}

.bg {
  background-repeat: no-repeat;
}

#dinner-party-cheers {
	background-image: url("../img/dinner-party-cheers2.jpg");
  background-position: center top;
  background-size: cover;
	min-height: 450px;
}

.mt-5 .fa-5x {
	font-size: 4em!important;
}

#notfound {
	background-image: url("../img/production-jars-bw.jpg");
  background-position: center top;
  background-size: cover;
}

#capabilities {
  background-image: url("../img/capabilities.jpg");
  background-position: center top;
  background-size: cover;
}

#services {
  background-image: url("../img/services.jpg");
  background-position: center center;
  background-size: cover;
}

#certification {
  background: url(../img/cert-logos.png) 98% 98% no-repeat, url(../img/certification.jpg) center center/cover no-repeat;
}

#certifications {
	background: linear-gradient( rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.5) ), url('../img/certification2.jpg');
  background-position: center center;
  background-size: cover;
}

#ourstory {
  background-image: url("../img/kuze4.jpg");
  background-position: center center;
  background-size: cover;
}

#ourteam {
	background-image: url("../img/ourteam1.jpg");
  background-position: center center;
  background-size: cover;
}

#charity1 {
background: linear-gradient( rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.5) ), url('../img/charity1.jpg');
	/*background-image: url("../img/food1.jpg");*/
  background-position: center center;
  background-size: cover;
}

#production-jars {
  background-image: url("../img/production-jars1.jpg");
  background-position: center 62%;
  background-size: cover;
}

#jar-jug {
  background-image: url("../img/production-jars1.jpg");
  background-position: center 62%;
  background-size: cover;
}


#research1 {
  background-image: url("../img/research1.jpg");
  background-position: center 62%;
  background-size: cover;
}

#food {
  background: linear-gradient( rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.5) ), url('../img/food1.jpg');
	/*background-image: url("../img/food1.jpg");*/
  background-position: center center;
  background-size: cover;
}

#how-we-do-it {
	background-image: url(../img/services.jpg);
    background-position: center center;
    background-size: cover;
}

#research-development {
	background-image: url(../img/services.jpg);
    background-position: center center;
    background-size: cover;
}

#qc {
	background-image: url(../img/services.jpg);
    background-position: center center;
    background-size: cover;
}

#meeting {
  background-image: url("../img/procedure-1.jpg");
  background-position: center center;
  background-size: cover;
}
#kitchen-samples {
  background-image: url("../img/procedure-2.jpg");
  background-position: center center;
  background-size: cover;
}
#test-production {
  background-image: url("../img/test-production1.jpg");
  background-position: center center;
  background-size: cover;
}
#label-compliance {
  background-image: url("../img/label-support.jpg");
  background-position: center center;
  background-size: cover;
}

#mass-production {
	background-image: url("../img/services_1.jpg");
  background-position: center center;
  background-size: cover;
	
}

#packaging-options{
  background-image: url("../img/jars-options.jpg");
  background-position: center center;
  background-size: cover;
}

#product-ready {
  background-image: url("../img/procedure-4.jpg");
  background-position: center center;
  background-size: cover;
}

#production-line-worker1 {
	background-image: url("../img/production-line-worker1.jpg");
  background-position: center center;
  background-size: cover;
}

#qc1 {
	background-image: url("../img/quality1.jpg");
  background-position: center center;
  background-size: cover;
}

#qc1a {
	background-image: url("../img/certification_1.jpg");
  background-position: center center;
  background-size: cover;
}

#qc1b {
	background-image: url("../img/quality5.jpg");
  background-position: top left;
  background-size: cover;
}


#qc2 {
	background-image: url("../img/quality4.jpg");
  background-position: center center;
  background-size: cover;
}

#qc3 {
	background-image: url("../img/quality2.jpg");
  background-position: center center;
  background-size: cover;
}

#qc4 {
	background-image: url("../img/quality3.jpg");
  background-position: center center;
  background-size: cover;
}

#beliefs1 {
	background-image: url("../img/team1.jpg");
  background-position: center center;
  background-size: cover;
}

#beliefs2 {
	background-image: url("../img/quality3.jpg");
  background-position: center center;
  background-size: cover;
}

#beliefs3 {
	background-image: url("../img/quality4.jpg");
  background-position: center center;
  background-size: cover;
}

#beliefs4 {
	background-image: url("../img/production-jars2.jpg");
  background-position: center center;
  background-size: cover;
}

#self-improvement1 {
	background-image: url("../img/self-improvement1.jpg");
  background-position: center center;
  background-size: cover;
}

#qc-test1 {
	background-image: url("../img/qc-test1.jpg");
  background-position: center center;
  background-size: cover;
}

#team1 {
	background-image: url("../img/team2.jpg");
  background-position: center center;
  background-size: cover;
}

#team2 {
	background-image: url("../img/team3.jpg");
  background-position: center center;
  background-size: cover;
}

#team3 {
	background-image: url("../img/team4.jpg");
  background-position: center center;
  background-size: cover;
}

#facility1 {
	background-image: url("../img/facility2.jpg");
  background-position: center center;
  background-size: cover;
}

#facility2 {
	background-image: url("../img/cherries1.jpg");
  background-position: center center;
  background-size: cover;
}

#facility3 {
	background-image: url("../img/upscale-distribution1.jpg");
  background-position: center center;
  background-size: cover;
}

#facility4 {
	background-image: url("../img/team4.jpg");
  background-position: center center;
  background-size: cover;
}

#bgreynolds {
	background: linear-gradient( rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.5) ), url('../img/bgreynolds2.jpg');
	background-position: center center;
  background-size: cover;
}

#farmstand {
	background-image: url("../img/farmstand1.jpg");
  background-position: center center;
  background-size: cover;
}

#low-moq {
	background-image: url("../img/services_1.jpg");
  background-position: center center;
  background-size: cover;
}

#upscale-distribution {
	background-image: url("../img/upscale-distribution1.jpg");
  background-position: center center;
  background-size: cover;
}

#new-production {
	background: linear-gradient( rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.5) ), url('../img/new-production1.jpg');
  background-position: center center;
  background-size: cover;
}

#monzen {
	background-image: url("../img/monzen1.jpg");
  background-position: center 62%;
  background-size: cover;
}

#kfs {
	background-image: url("../img/brands1.jpg");
  background-position: center center;
  background-size: cover;
}

#kf-brand {
	background-image: url("../img/kf-brand.jpg");
  background-position: center center;
  background-size: cover;
}

#stc-brand {
	background-image: url("../img/stc-brand.jpg");
  background-position: center center;
  background-size: cover;
}

#concept-development {
  background-image: url("../img/procedure-1.jpg");
  background-position: center center;
  background-size: cover;
}

.logolist {
	padding: 15px!important;
}

.logolist img {
	width: 100%;
	max-width: 100px;
}

.detail-feature-text {
	padding: 60px 50px!important;
    text-align: center!important;
    /*background-color:#f1ece7;!important*/
	background-color:#fff!important;
	
}

.capabilities-pointlist {
	background-image: url("../img/capabilities1.jpg");
  background-position: center center;
  background-size: cover;
	min-height: 300px;
}

.product-types {
	background-image: url("../img/jams1.jpg");
  background-position: center center;
  background-size: cover;
	min-height: 300px;
}

/* Table */
.table-head {
	font-weight: 700;
}

/* Container icons */
.container-sizes {
	padding: 0!important;
	margin-bottom: 20px;
	text-align: center;
}

.container-sizes img {
	width: 90%;
}

/* video */
.video-viewer {
	padding-top: 40px;
}
.gold-link a {
	color: #a58957;
	font-weight: 500;
}

/* get started link section */
.getstarted {
    background-color: #fff; 
	margin: 20px 0;
}

/* form */
.progress {
	margin-bottom: 20px;
}

#getstarted a {
	color: #fff;
}
.contact-form {
	padding: 40px 10px;
	text-align: center;
}
.contact-form #getstarted, .contact-form #video-viewer {
	text-align: center;
	padding-top: 0px;
}
.contact-form > form {
	text-align: left;
	padding: 20px 0;
}
.contact-form #form-email, #form-message, #form-name, #form-phone, #form-subject, .contact-form-confirmed  #form-email, #form-message, #form-name, #form-phone, #form-subject {
	width: 100%;
	border: 2px solid #066543;
	border-radius: 3px;
	background-color: #f1ece7;
	color: #595959;
	padding: 0 7px;
	margin-bottom: 20px;
}

.form-gold-outline {
	width: 100%;
    border: 2px solid #066543;
    border-radius: 3px;
    background-color: #f1ece7;
    color: #595959;
    padding: 0 7px;
    margin-bottom: 20px;
	font-weight: 100;
}

.contact-form #form-submit {
	border-radius: 3px;
	border: 2px solid #000!important;
	color: #066543!important;
}

.contact-page-form-wrapper {
	padding-right: 15px;
}

.contact-page-contact-form {
	margin-bottom: 50px;
}

.form-question p, .form-answer p {
	padding: 4px 5px 6px 10px;
}

.form-answer p {
	background-color: #ebebeb;
}

.edit-button {
	font-family: 'Roboto', sans-serif;
	font-size: 9px;
	padding: 3px 15px;
	text-align: right;
}

.edit-button a {
	padding: 4px 8px;
	color: black;
	background-color: #bba474;
	vertical-align: top;
	cursor: pointer;
}

.contact-form-confirmed {
	text-align: left;
	padding: 20px 30px;
}
.contact-form-confirmed > ul > li {
	font-family: 'Roboto', sans-serif;
}

/* custom checkbox */
.my-checkbox {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
/* Hide the browser's default checkbox */
.my-checkbox input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
/* Create a custom checkbox original color: #bba474*/
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 20px;
  width: 20px;
  border: 2px solid #066543;
  background-color: #f1ece7;
}
/* On mouse-over, add gray background */
.my-checkbox:hover input ~ .checkmark {
  background-color: #ccc;
}
/* When the checkbox is checked, add gold background original color: #bba474*/
.my-checkbox input:checked ~ .checkmark {
  background-color: #066543;
}
/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
/* Show the checkmark when checked */
.my-checkbox input:checked ~ .checkmark:after {
  display: block;
}
/* Style the checkmark/indicator */
.my-checkbox .checkmark:after {
  left: 5px;
    top: 1px;
    width: 6px;
    height: 10px;
    border: solid white;
    border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.mysidebar-title {
	background-color: #066543; 
	padding: 10px; 
	text-align: center
}

.mysidebar {
	background-color: #f1ece7;
	padding: 10px 10%;
	text-align: left;
	height: 90%;
}

.guideline-modal {
	margin: 0;
    padding: 0 0 4px;
    color: #000;
    font-weight: 700;
	text-decoration: none;
}
.modal-header > .close {
	padding: 1px 0 0;
	margin: 0;
}

.guideline-title { 
margin: 0 20px 0 10px;
}
.modal-body > p, .modal-body > ul {
margin: 10px 20px 20px 36px;
	font-weight: 500;
}

.info-form #companyname, #companynamealt, #companyphone, #companyphonealt, #companystreetaddress1, #companystreetaddress1alt, #companystreetaddress2, #companystreetaddress2alt, #companycity, #companycityalt, #companystate, #companystatealt, #companyzip, #companyzipalt, #contact1name, #contact1namealt, #contact1mail, #contact1mailalt, #contact2name, #contact2namealt, #contact2mail, #contact2mailalt, #othertext, #othertextalt, #product-explanation, #product-explanationalt, #volume-explanation, #volume-explanationalt, #target-season, #targetseasonalt, #ingredients, #ingredientsalt, #labeling, #labelingalt, #othercomments, #othercommentsalt {
	width: 100%;
	border: 2px solid #bba474;
	border-radius: 3px;
	background-color: #f1ece7;
	color: #595959;
	padding: 0 7px;
	margin: 0 0 10px 0;
}

#correct-othercomments, #correct-labeling, #correct-ingredients, #correct-targetseason, #correct-volumeexplanation, #correct-productexplanation, #correct-othertext, #correct-producttypes, #correct-contact2mail, #correct-contact2name, #correct-contact1mail, #correct-contact1name, #correct-companyzip, #correct-companystate, #correct-companycity, #correct-companystreetaddress2, #correct-companystreetaddress1, #correct-companyphone, #correct-companyname {
	display: none;
}

.info-form > div > div {
	font-family: 'Roboto', sans-serif;
}

.form-tag > .col-sm-12 {
	margin-bottom: 8px;
}

.required-red {
	color: red;
	font-family: 'Roboto', sans-serif;
}

.red-alert {
	display: none;
}

#companyname {
	max-width: 370px;
}
#companyphone, #contact1mail, #contact2mail {
	max-width: 210px;
}
#companystreetaddress1, #companystreetaddress2, #contact1name, #contact2name, #othertext, #product-explanation, #volume-explanation, #target-season, #ingredients, #labeling, #othercomments {
	max-width: 500px;
}
#companycity {
	max-width: 210px;
}
#companystate {
	max-width: 40px;
}
#companyzip {
	max-width: 105px;
}

#guideline-fa {
	margin: 0;
    padding: 0 0 0 5px;
    color: #000;
}

.info-form {
	padding: 10px 0;
}

.producttypes > div {
	margin-bottom: 5px;
}

#message-sent {
	max-width: 100%!important;
}
#message-sent > tbody > tr > td:first-child {
	padding-left: 0px!important; 
}

/* FAQ */
.panel-default {
	margin-bottom: 5px;
}

.panel-heading {
	background-color: #ebebeb;
    border: 1px solid #B0B0B0;
    padding: 5px 15px;
    border-radius: 5px;
}

.question-toggle {
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
}

.collapsed {
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}

.panel-title a {
	font-family: 'Roboto', sans-serif;
    font-weight: 500;
    font-size: 16px;
}

.panel-collapse {
	background-color: #F5F5F5;
    border: 1px solid #B0B0B0;
    padding: 5px 15px;
    border-radius: 5px;
	border-top: none;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
	font-size: 14px;
}

.panel-body {
	padding-top: 10px;
}

.panel-body p {
	padding: 0px!important;
}

.panel-body a {
	color: #000000;
}

.panel-body a:hover {
	color: #606060;
}

/* Privacy policy */
.privacy a {
	color: #424242;
	font-weight: 700;
}

/* Footer */

.footer {
	/*background-color: #f1ece7;*/
	/*background-color: #fff9ee;*/
	background-color: #066543;
	padding: 50px;
	text-align: center;
}

#brand2 {
	width: 75%;
}

.footer h2 {
	color: #000;
}

.sci-contact {
	list-style: none;
	padding: 15px;
	text-align: left;
	color: #fff;
}

.sci-contact a {
	/*color: #444444;*/
	color: #fff;
}

.sci-home:before {    
    font-family: 'FontAwesome';
	content: '\f015';
    font-size: 16px;
    float: left;
    margin: 0px 10px 10px 0;
    color: #fff;;
}.sci-phone:before {    
    font-family: 'FontAwesome';
    content: '\f095';
    font-size: 14px;
    float: left;
    margin: 3px 10px 0 0;
    color: #fff;;
}
.sci-email:before {    
    font-family: 'FontAwesome';
    content: '\f0e0';
    font-size: 12px;
    float: left;
    margin: 4px 10px 0 0;
    color: #fff;;
}

.quicklinks {
	list-style: none;
	padding: 0px;
	color: #fff;;
	margin-bottom: 0px;
}
.quicklinks li {
	display: block;
}
.quicklinks li:before {
    content: "\f054";
    font-family: 'FontAwesome';
    font-size: 12px;
    float: left;
    margin: 4px 10px 0 0;
    color: #fff;;
}
.quicklinks a {
	color: #fff;;
}

#quicklinks {
	margin-top: 0px;
	text-align: left!important;
}

#stay-connected {
	margin-top: 20px;
	text-align: left!important;
}

#quicklinks h2, #stay-connected h2 {
	color: #fff!important;
}

#stay-connected a > img {
	margin-right: 30px;
	max-width: 50px;
		min-width: 25px;
		width: 14%;
		
}

#copyright {
	padding: 50px 0 0;
	color: #fff;
}

#copyright a {
	color: #fff;
}

/* sm */
@media (min-width: 576px) {  
.visible-xs {
	display: none;
}
/* top banner */
	.top-banner {
		padding: 5px 10%; 
	}	
	#fb1, #tw1, #in1 {
	margin-left: 15px;
}
/* NAVBAR */
	.navbar {
	padding: 15px 10%;
}
	.navbar-brand img {
	width: 211px!important;
    height: 56px!important;
	}
	navbar-nav {
		margin-top: auto;
	}
	.nav-item {
	padding-left: 45px;
}

/* breadcrumbs */

	.breadcrumb-wrapper {
	padding: 50px 10% 0;
}

	
/* top feature */
	.top-feature {
		text-align: left;
		padding: 50px 40% 50px 10%;
	}	
	.top-feature-text p {
		padding-left: 0px;
	}
	.top-feature-text2 {
		padding-left: 0px;
	}
/* white text field */
	
/* Buttons */
	
/* Columns */
	.two-thirds .col-md-5, .two-thirds .col-md-7 {
		padding: 10% 50px!important;
	}
/* Video */

/* Form */
	.contact-form {
		padding: 40px 15%;
	}
/* Footer */
	.footer {
		padding: 50px 20%;
	}
	#brand2 {
	    max-width: 234px;
		width: 100%;
		padding-top: 3%;
    }
	#quicklinks {
		/*margin-top: 14px; */
		padding: 0 5%;
	}
	#stay-connected {
		margin-top: 20px;
	}
	#stay-connected a > img {
	    max-width: 50px;
		min-width: 25px;
		width: 14%;
		margin-right: 8%;
    }

}

/* md */
@media (min-width: 768px) {  

/* top banner */

/* NAVBAR */

/* top feature */
.top-feature {
		padding: 50px 50% 50px 10%;
	}	
	
/* white text field */
	.white-text {
		padding: 70px 15%;
	}
	.white-text2 {
	padding: 40px 15% 70px 15%!important;
}
/* Buttons */
	
/* Columns */

/* Video */

/* Form */
.contact-form-confirmed {
	text-align: left;
	padding: 40px 98px;
}
.edit-button {
	padding: 3px 0;
	text-align: left;
}

/* Footer */
	.footer {
		padding: 50px 10%;
	}
	
}
 
/* lg */
@media (min-width: 992px) { 
.br-md {
	display: none;
}

/* top banner */

/* NAVBAR */

/* breadcrumbs */	

/* Interview img */
.news-img {
	width: 50%;
	float: left;
	margin: 0 20px 20px 0;
}

/* top feature */
video {
  /*display: block;*/
}
.top-feature {
	background-image: none;
	padding: 50px 45% 50px 10%;
	}
/* CHANGE FOR EACH VIDEO */
.top-feature2, .top-feature3, .top-feature4, .top-feature5, .top-feature6, .top-feature7 {
	background-image: none;
	padding: 160px 20px;
	}

	.top-feature-text {
	    background-color: rgba(86, 86, 86, 0.0);
    }

/* white text field */
	
/* Buttons */

/* services */	
	.service-item {
	display: inline-block;
	width: 30%;
}
	
/* Columns */

/* Video */

/* Form */
.contact-form-confirmed {
	text-align: left;
	padding: 40px 130px;
}
.contact-page-form-wrapper {
	padding-right: 35px;
}

.contact-page-contact-form {
	margin-bottom: 0px;
}

/* Footer */
	#quicklinks, #stay-connected {
		margin-top: 14px;
	}
}
 
/* xl */
@media (min-width: 1200px) {  

.br-hide {
	display: block;
}

	.hr-gold {
	display: none;
}

/* top banner */

/* NAVBAR */
	.navbar {
		padding: 30px 10%;
	}
	.navbar-brand img {
	    width: 264px!important;
        height: 70px!important;
	}
	.ml-auto, .mx-auto {
        margin-top: 0px;
    }
	.nav-item {
	    padding-left: 35px;
		padding-bottom: 3px;
}
	
/* breadcrumbs */
	.breadcrumb-adjust {
	margin-top: 0px;
		padding-top: 0px;
}

	
/* top feature */
.top-feature {
		padding: 50px 50% 50px 10%;
	}	

/* white text field */
.white-text p {
	padding: 0;
}	
/* Buttons */
	
/* Columns */

/* Video */

/* Form */
.contact-form-confirmed {
	text-align: left;
	padding: 40px;
}

/* Footer */
	
}

/* Resize Recaptcha for iPhone 5 screens */
@media screen and (max-height: 575px){
#rc-imageselect, .g-recaptcha {transform:scale(0.73);-webkit-transform:scale(0.73);transform-origin:0 0;-webkit-transform-origin:0 0;}
}

/* TIMELINE */
* {
  box-sizing: border-box;
}

/* The actual timeline (the vertical ruler) */
.timeline {
  position: relative;
  margin: 0 auto;
  background-color: #fff9ee;
  padding: 35px 50px 0;
}

/* The actual timeline (the vertical ruler) */
.timeline::after {
  content: '';
  position: absolute;
  width: 6px;
  background-color: #bba474;
  top: 25px;
  bottom: 0;
  left: 50%;
  margin-left: -3px;
}

/* The end of the timeline */
.timeline-end {
  position: relative;
  margin: 0 auto;
  background-color: #fff9ee;
  padding: 0 50px;
}

/* Container around content */
.timeline-container {
  padding: 10px 40px;
  position: relative;
  background-color: inherit;
  width: 50%;
}

.timeline-container-end {
  padding: 10px 40px;
  position: relative;
  background-color: inherit;
  width: 100%;
}

/* The circles on the timeline */
.timeline-container::after {
  content: '';
  position: absolute;
  width: 25px;
  height: 25px;
  right: -13px;
  background-color: white;
  border: 4px solid #066543;
  top: 19px;
  border-radius: 50%;
  z-index: 1;
}

.timeline-container-end-dot {
    content: '';
    width: 25px;
    height: 25px;
    background-color: white;
    border: 4px solid #066543;
    border-radius: 50%;
    z-index: 1;
	position: relative;
}

.timeline-container-end-dot::before {
    content: " ";
    height: 0;
    position: absolute;
    top: 21px;
    width: 0;
    z-index: 1;
    left: -3px;
    border: medium solid white;
    border-width: 10px 10px 10px 10px;
    border-color: transparent transparent white transparent;
}

#last-timeline {
	padding-top: 20px;
}
#last-timeline-img {
	max-width: 275px;
	padding: 10px 0 10px 10px;
}
/* Place the container to the left */
.left {
  left: 0;
}

/* Place the container to the right */
.right {
  left: 50%;
}

/* Add arrows to the left container (pointing right) */
.left::before {
  content: " ";
  height: 0;
  position: absolute;
  top: 22px;
  width: 0;
  z-index: 1;
  right: 30px;
  border: medium solid white;
  border-width: 10px 0 10px 10px;
  border-color: transparent transparent transparent white;
}

/* Add arrows to the right container (pointing left) */
.right::before {
  content: " ";
  height: 0;
  position: absolute;
  top: 22px;
  width: 0;
  z-index: 1;
  left: 30px;
  border: medium solid white;
  border-width: 10px 10px 10px 0;
  border-color: transparent white transparent transparent;
}

/* Fix the circle for containers on the right side */
.right::after {
  left: -13px;
}

/* The actual content */
.timeline-content {
  padding: 20px 30px;
  background-color: white;
  position: relative;
  border-radius: 6px;
	overflow: auto;
}

.timeline-content h2 {
  color: #066543;
  font-family: 'Alegreya SC', serif;
  font-weight: 700;
}

.timeline-content p {
  font-family: 'Roboto', sans-serif;
  color: #262626;
}

.timeline-content img {
	padding-left: 10px;
	max-width: 150px;
}
#last-timeline-wrapper {
	padding-bottom: 30px;
}
/* Media queries  */
@media (max-width: 600px) { 

.timeline {
	padding: 35px 10px;
}
.timeline::after {
  left: 38px!important;
  }	
	.timeline-container-end-dot {
    position: absolute;
    left: 25px!important;
}
	#last-timeline {
	padding: 40px 0px 30px 0!important;
}
	#last-timeline-wrapper {
    padding: 0 35px 0 22px;
}
	#last-timeline-img {
	max-width: 150px!important;
	padding: 10px 0 10px 10px;
}
}

@media screen and (max-width: 992px) {
  /* Place the timelime to the left */
  .timeline::after {
  left: 78px;
  }
  
  /* Full-width containers */
  .timeline-container {
  width: 100%;
  padding-left: 70px;
  padding-right: 25px;
  }
  
  /* Make sure that all arrows are pointing leftwards */
  .timeline-container::before {
  left: 60px;
  border: medium solid white;
  border-width: 10px 10px 10px 0;
  border-color: transparent white transparent transparent;
  }

  /* Make sure all circles are at the same spot */
  .left::after, .right::after {
  left: 15px;
  }
  
  /* Make all right containers behave like the left ones */
  .right {
  left: 0%;
  }
.timeline-container-end-dot {
    position: absolute;
    left: 65px;
}
	.timeline-container-end-dot::before {
    top: 16px;
}
#last-timeline {
	padding: 40px 25px 30px 0;
}	
	#last-timeline-img {
	max-width: 275px;
	padding: 10px 0 10px 10px;
}
}

/* Core Values Modal */
.modal-body, .modal-body p {
	font-family: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif"!important;
}
.modal-top-title {
	color: black;
    font-family: 'Nunito Sans', sans-serif;
    margin-top: 8px;
    text-decoration: none !important;
}

.modal-italic {
    font-family: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif"!important;
    font-style: italic!important;
    text-align: center!important;
	font-size: 24px!important;
}

.modal-img {
	float: right;
    width: 30%;
}