@charset "UTF-8";

/*
Theme Name: Only Organic 2016  
Theme URI: http://www.onlyorganic.org 
Description: WP Theme (2016) for Only Organic 2016 
Author: Ty Yalniz @ EWG
Version: 1
License: Copyright Only Organic 2016    |  All Rights Reserved.
License URI: http://www.onlyorganic.org   Only Organic 2016  
Tags: Health, Food, Environment, Organic, Farm
Contact:  Only Organic   
Last Updated: 08-04-16 
*/
/* 
(c) All Rights Reserved. Do Not Copy, Share, Modify etc. w/o the written permission of the owner.
*/
/* 
Only Organic 2016 HTML - Ty Yalniz @ EWG - [ 07.21.16 +
*/
* { 
/*
DO NOT TURN ON due to mini grid js
-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out; 
*/
}

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

[class^="oo-icon-"], [class*=" oo-icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'oo-icon-font' !important;
  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;
}

.oo-icon-instagram3:before {
  content: "\e901";
}
.oo-icon-instagram2:before {
  content: "\e900";
}
.oo-icon-search:before {
  content: "\f002";
}
.oo-icon-envelope-o:before {
  content: "\f003";
}
.oo-icon-close:before {
  content: "\f00d";
}
.oo-icon-remove:before {
  content: "\f00d";
}
.oo-icon-times:before {
  content: "\f00d";
}
.oo-icon-arrow-circle-o-down:before {
  content: "\f01a";
}
.oo-icon-arrow-circle-o-up:before {
  content: "\f01b";
}
.oo-icon-arrow-left:before {
  content: "\f060";
}
.oo-icon-arrow-right:before {
  content: "\f061";
}
.oo-icon-arrow-up:before {
  content: "\f062";
}
.oo-icon-arrow-down:before {
  content: "\f063";
}
.oo-icon-mail-forward:before {
  content: "\f064";
}
.oo-icon-share:before {
  content: "\f064";
}
.oo-icon-twitter:before {
  content: "\f099";
}
.oo-icon-facebook:before {
  content: "\f09a";
}
.oo-icon-facebook-f:before {
  content: "\f09a";
}
.oo-icon-arrow-circle-left:before {
  content: "\f0a8";
}
.oo-icon-arrow-circle-right:before {
  content: "\f0a9";
}
.oo-icon-arrow-circle-up:before {
  content: "\f0aa";
}
.oo-icon-arrow-circle-down:before {
  content: "\f0ab";
}
.oo-icon-arrows-alt:before {
  content: "\f0b2";
}
.oo-icon-bars:before {
  content: "\f0c9";
}
.oo-icon-navicon:before {
  content: "\f0c9";
}
.oo-icon-reorder:before {
  content: "\f0c9";
}
.oo-icon-pinterest:before {
  content: "\f0d2";
}
.oo-icon-pinterest-square:before {
  content: "\f0d3";
}
.oo-icon-envelope:before {
  content: "\f0e0";
}
.oo-icon-youtube:before {
  content: "\f167";
}
.oo-icon-instagram:before {
  content: "\f16d";
}
.oo-icon-arrow-circle-o-right:before {
  content: "\f18e";
}
.oo-icon-arrow-circle-o-left:before {
  content: "\f190";
}
.oo-icon-paper-plane:before {
  content: "\f1d8";
}
.oo-icon-send:before {
  content: "\f1d8";
}
.oo-icon-facebook-official:before {
  content: "\f230";
}






/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

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%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, main {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* -------------------------------- 

Primary style

-------------------------------- */
html * {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

*, *:after, *:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

body {
  font-size: 100%;
  font-family: 'Dosis', sans-serif;
color:#65676f;
  font-weight:400;
  
  background-color: #fff;
}

a {
  text-decoration: none;
}
.center_txt { text-align:center; }

body,
html {
	width:100%;
	min-height:100%;
	overflow-x:hidden;
	overflow-y:auto;
}
body.overflow-hidden {    overflow: hidden;	-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out; }
html.overflow-hidden {    overflow: hidden;	-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out; }

/* -------------------------------- 

Modules - reusable parts of our design

-------------------------------- */
.oo-container {
  /* this class is used to give a max-width to the element it is applied to, and center it horizontally when it reaches that max-width */
  width: 90%;
  max-width:900px;
  margin: 0 auto;
}
.oo-container::after {
  /* clearfix */
  content: '';
  display: table;
  clear: both;
}

/* -------------------------------- 

Main components 

-------------------------------- */
.oo-header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 50px;
  background: #ffffff;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
  z-index: 3;
}
.oo-header:after {
  content: "";
  display: table;
  clear: both;
}
.oo-header #oo-logo {
  float: left;
  margin: 5px 0 0 5%;
}
.oo-header #oo-logo img {
  display: block;
  height: 40px;
  width:auto;
}

.oo-main-nav {
  float: right;
  margin-right: 5%;
  width: 44px;
  height: 100%;
  background: url("img/oo-icon-menu.svg") no-repeat center center;
  background-size: 44px 44px;
  cursor: pointer;
}
.oo-main-nav ul {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  transform: translateY(-100%);
}
.oo-main-nav ul.is-visible {
  -webkit-transform: translateY(50px);
  -moz-transform: translateY(50px);
  -ms-transform: translateY(50px);
  -o-transform: translateY(50px);
  transform: translateY(50px);
}
.oo-main-nav a {
  display: block;
  height: 50px;
  line-height: 50px;
  padding-left: 5%;
  background: #ffffff;
  border-top: 1px solid #65676f;
  color: #65676f;
}

#oo-intro {
  position: relative;
  height: 400px;
  margin-top: 50px;
  z-index: 1;
}
#oo-intro.contact{ height:200px; }
#oo-intro.short{ height:250px; }
#spacer_for_internal_content_pages { margin-top:50px; height:0px; width:100%; padding:0; margin:0; }
#oo-intro #oo-intro-background {
  height: 100%;
  width: 100%;
  background: url("img/oo-intro-background.jpg") no-repeat center center;
  background-size: cover;
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.5);
}
#oo-intro #oo-intro-tagline {
  position: absolute;
  width: 100%;
  max-width: none;
  left: 50%;
  top: 50%;
  bottom: auto;
  right: auto;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}
#oo-intro-popup-link { position:absolute; z-index:9; right:20px; top:-40px; color:#ffffff; text-decoration:none; outline:none; border:none; }
#oo-intro h1 {
  text-transform: uppercase;
  font-size:150%;
  text-align: center;
  color: #FFF;
  
  width:100%;
  height:auto; 
  text-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
  background:rgba(233,185,80,0.72);
  
  padding:70px;
}
#oo-intro.contact h1 { background:none; background-color:transparent; padding:0;   text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); }
#oo-intro.short h1 { background:none; background-color:transparent; padding:0;   text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); }

 #oo-intro h1 span { display:block; }
  #oo-intro h1 span.one {        font-size: 125%; line-height:100%; margin:0; padding:0;  }
  #oo-intro h1 span.one { font-weight:600; }
    #oo-intro h1 span.two {        font-size: 85%; line-height:150%; margin:0; padding:0;  }
	    #oo-intro h1 span.two.cat_desc {        font-size: 85%; line-height:150%; margin:0; padding:0;  }
	  #oo-intro h1 span.three {        font-size: 75%; line-height:150%; margin:20px auto 0; padding:0;  display:inline-block;  }
	  	#oo-intro h1 span.three a { padding:15px; border:5px solid #ffffff; outline:none; text-decoration:none; display:block; color:#ffffff; }
		

.clear { clear:both; padding:0; margin:0; height:0; }
.fleft { float:left;}
.fright { float: right; }
.noshow { display:none !important; }

.oo-content {
  position: relative;
  padding: 2em 0;
  line-height: 160%;

  background-color: #ffffff;
  z-index: 2;
}
.oo-content::before {
  /* subtle gradient right above the main content */
  content: '';
  position: absolute;
  bottom: 100%;
  left: 0;
  width: 100%;
  height: 50px;
  background: -webkit-linear-gradient( bottom , rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0));
  background: linear-gradient(to top, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0));
}
.oo-content.contact::before {
  /* subtle gradient right above the main content */
  content: '';
  position: absolute;
  bottom: 100%;
  left: 0;
  width: 100%;
  height: 50px;
  background:none;
  background: none;
}
.oo-content.short::before {
  /* subtle gradient right above the main content */
  content: '';
  position: absolute;
  bottom: 100%;
  left: 0;
  width: 100%;
  height: 50px;
  background:none;
  background: none;
}

.no-cssgradients .oo-content::before {
  /* use Modernizr to detect whether the browser supports or not css gradients */
  display: none;
}
.oo-content h2 {
    font-weight: 700;
    text-transform: uppercase;
  font-size: 155%;
  letter-spacing:2.5px;
}
#internal_content_wrapper h2 {
	letter-spacing:normal;
	text-transform:none;
	color:#75a19f;
	margin:25px 0;
	font-size:130%;
	
}
.oo-content h1 {

    font-weight: 700;
    text-transform: uppercase;
  font-size: 175%;
  letter-spacing:2.5px;
}


#oo-news h2 {
	  color: #ffffff;

    font-weight: 700;
    text-transform: uppercase;
  font-size: 155%;
  letter-spacing:2.5px;
  padding:100px 0 0 0;
  margin:0;
}


.oo-content .card p {
  margin: 1em 0;
}

.oo-content .card2 p {
  margin: 1em 0;
}

.oo-content .card3 p {
  margin: 1em 0;
}
.oo-content .card4 p {
  margin: 1em 0;
}
.oo-content .card5 p {
  margin: 1em 0;
}
.oo-content .card6 p {
  margin: 1em 0;
}
.oo-content .card7 p {
  margin: 1em 0;
}

b, strong { font-weight:bold; }

#mywidthdiv {    
	background-color: #FFFFFF;    border: 2px solid #909295;    bottom: 20px;        	height: auto;    right: 20px;        
	padding: 10px;    position: fixed;    text-align: center;    width: auto;    z-index:999999; 
}



.cards2 {
  width: 100%;

  margin: 0 auto;
  text-align: center;

}


.cards3 {
  width: 100%;

  margin: 0 auto;
  text-align: center;

}

.cards4 {
  width: 100%;

  margin: 0 auto;
  text-align: center;

}
.cards5 {
  width: 100%;

  margin: 0 auto;
  text-align: center;

}
.cards6 {
  width: 100%;

  margin: 0 auto;
  text-align: center;

}
.cards7 {
  width: 100%;

  margin: 0 auto;
  text-align: center;

}


.card2 
{
  width:300px;
  overflow:hidden;
  padding:0px;
  background:#ffffff;
  border:0px solid rgba(0, 0, 0, 0.2);
 /*
  -o-box-shadow:0 1px 4px rgba(0, 0, 0, 0.08); -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.08); -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.08); box-shadow:0 1px 4px rgba(0, 0, 0, 0.08); 
 */
 border:1px solid rgba(0,0,0,0.2); padding:5px; font-family: 'Open Sans', sans-serif;
}

@media only screen and (max-width: 400px)
{

.card2 
{
  width:230px;
}
}

.card3 
{
  width:175px;
  overflow:hidden;
  padding:0px;
  background:#ffffff;
  border:0px solid rgba(0, 0, 0, 0.2);
 /*
  -o-box-shadow:0 1px 4px rgba(0, 0, 0, 0.08); -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.08); -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.08); box-shadow:0 1px 4px rgba(0, 0, 0, 0.08); 
 */
 border:1px solid rgba(0,0,0,0.2); padding:5px; font-family: 'Open Sans', sans-serif;
}
.card4
{
  width:175px;
  overflow:hidden;
  padding:0px;
  background:#ffffff;
  border:0px solid rgba(0, 0, 0, 0.2);
 /*
  -o-box-shadow:0 1px 4px rgba(0, 0, 0, 0.08); -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.08); -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.08); box-shadow:0 1px 4px rgba(0, 0, 0, 0.08); 
 */
 border:1px solid rgba(0,0,0,0.2); padding:5px; font-family: 'Open Sans', sans-serif;
}
.card5
{
  width:175px;
  overflow:hidden;
  padding:0px;
  background:#ffffff;
  border:0px solid rgba(0, 0, 0, 0.2);
 /*
  -o-box-shadow:0 1px 4px rgba(0, 0, 0, 0.08); -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.08); -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.08); box-shadow:0 1px 4px rgba(0, 0, 0, 0.08); 
 */
 border:1px solid rgba(0,0,0,0.2); padding:5px; font-family: 'Open Sans', sans-serif;
}
.card6
{
  width:175px;
  overflow:hidden;
  padding:0px;
  background:#ffffff;
  border:0px solid rgba(0, 0, 0, 0.2);
 /*
  -o-box-shadow:0 1px 4px rgba(0, 0, 0, 0.08); -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.08); -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.08); box-shadow:0 1px 4px rgba(0, 0, 0, 0.08); 
 */
 border:1px solid rgba(0,0,0,0.2); padding:5px; font-family: 'Open Sans', sans-serif;
}
.card7
{
  width:175px;
  overflow:hidden;
  padding:0px;
  background:#ffffff;
  border:0px solid rgba(0, 0, 0, 0.2);
 /*
  -o-box-shadow:0 1px 4px rgba(0, 0, 0, 0.08); -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.08); -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.08); box-shadow:0 1px 4px rgba(0, 0, 0, 0.08); 
 */
 border:1px solid rgba(0,0,0,0.2); padding:5px; font-family: 'Open Sans', sans-serif;
}


.cards { margin:0 auto; padding:0; width:100%; max-width:965px; } 
.card { float:left; width:32.333333%; margin:1% 0.5%; border:1px solid rgba(0,0,0,0.2); padding:5px; font-family: 'Open Sans', sans-serif;  }
.card img { display:block; width:100%; height:auto; }
.card h2 { color:#65676f;  text-align:center; margin:20px 0 0px; font-size:140% !important; line-height:150%; letter-spacing:1px; font-weight:600; padding:5px;   }
.card h2.small { font-size:110% !important; color:#75a19f !important; text-transform:uppercase; text-align:left; padding:10px 20px 10px 20px !important; font-weight:700;   font-family: 'Dosis', sans-serif; }
.card h2 a { color:#75a19f; }
.card h3 {  color:#65676f; text-align:center; font-weight:600;  font-size: 90% !important; line-height:150%; padding:10px 20px 30px 20px; }
.card h3.small { text-align:left; }
.card p {  color:#65676f; text-align:center; padding:20px 5px 25px !important; font-style:normal; font-weight:600 !important; margin:0 !important; font-size:85% ; text-transform:uppercase !important;}




.card2 img { display:block; width:100%; height:auto; }
.card2 h2 { color:#65676f;  text-align:center; margin:20px 0 0px; font-size:140% !important; line-height:150%; letter-spacing:1px; font-weight:600; padding:5px;   }
.card2 h2.small { font-size:110% !important; color:#75a19f !important; text-transform:uppercase; text-align:left; padding:10px 20px 10px 20px !important; font-weight:700;   font-family: 'Dosis', sans-serif; }
.card2 h2.small span { color:#65676f !important; font-size:80% !important; }            
.card2 h2 a { color:#75a19f; }
.card2 h3 {  color:#65676f; text-align:center; font-weight:600;  font-size: 90% !important; line-height:150%; padding:10px 20px 30px 20px; }
.card2 h3.small { text-align:left; }
.card2 p {  color:#65676f; text-align:center; padding:20px 5px 25px !important; font-style:normal; font-weight:600 !important; margin:0 !important; font-size:85% ; text-transform:uppercase !important;}
.card2 p.details { text-align:left; padding:10px !important; margin:0; border-top:1px solid rgba(0,0,0,0.2); font-size:70% !important; line-height:150%; }
.card2 p.details a { color:#75a19f; }



.card3 img { display:block; width:100%; height:auto;     border: medium none !important;    height: auto;    padding: 0 !important;    width: 100% !important; }
.card3 h2 { color:#65676f;  text-align:center; margin:20px 0 0px; font-size:140% !important; line-height:150%; letter-spacing:1px; font-weight:600; padding:5px;   }
.card3 h2.small { font-size:110% !important; color:#75a19f !important; text-transform:uppercase; text-align:left; padding:10px 20px 10px 20px !important; font-weight:700;   font-family: 'Dosis', sans-serif; }
.card3 h2.small span { color:#65676f !important; font-size:80% !important; }            
.card3 h2 a { color:#75a19f; }
.card3 h3 {  color:#65676f; text-align:center; font-weight:600;  font-size: 90% !important; line-height:150%; padding:10px 20px 30px 20px; }
.card3 h3.small { text-align:left; }
.card3 p {  color:#65676f; text-align:center; padding:20px 5px 25px !important; font-style:normal; font-weight:600 !important; margin:0 !important; font-size:85% ; text-transform:uppercase !important;}
.card3 p.details { text-align:left; padding:10px !important; margin:0; border-top:1px solid rgba(0,0,0,0.2); font-size:70% !important; line-height:150%; }
.card3 p.details a { color:#75a19f; }




.card4 img { display:block; width:100%; height:auto;     border: medium none !important;    height: auto;    padding: 0 !important;    width: 100% !important; }
.card4 h2 { color:#65676f;  text-align:center; margin:20px 0 0px; font-size:140% !important; line-height:150%; letter-spacing:1px; font-weight:600; padding:5px;   }
.card4 h2.small { font-size:110% !important; color:#75a19f !important; text-transform:uppercase; text-align:left; padding:10px 20px 10px 20px !important; font-weight:700;   font-family: 'Dosis', sans-serif; }
.card4 h2.small span { color:#65676f !important; font-size:80% !important; }            
.card4 h2 a { color:#75a19f; }
.card4 h3 {  color:#65676f; text-align:center; font-weight:600;  font-size: 90% !important; line-height:150%; padding:10px 20px 30px 20px; }
.card4 h3.small { text-align:left; }
.card4 p {  color:#65676f; text-align:center; padding:20px 5px 25px !important; font-style:normal; font-weight:600 !important; margin:0 !important; font-size:85% ; text-transform:uppercase !important;}
.card4 p.details { text-align:left; padding:10px !important; margin:0; border-top:1px solid rgba(0,0,0,0.2); font-size:70% !important; line-height:150%; }
.card4 p.details a { color:#75a19f; }



.card5 img { display:block; width:100%; height:auto;     border: medium none !important;    height: auto;    padding: 0 !important;    width: 100% !important; }
.card5 h2 { color:#65676f;  text-align:center; margin:20px 0 0px; font-size:140% !important; line-height:150%; letter-spacing:1px; font-weight:600; padding:5px;   }
.card5 h2.small { font-size:110% !important; color:#75a19f !important; text-transform:uppercase; text-align:left; padding:10px 20px 10px 20px !important; font-weight:700;   font-family: 'Dosis', sans-serif; }
.card5 h2.small span { color:#65676f !important; font-size:80% !important; }            
.card5 h2 a { color:#75a19f; }
.card5 h3 {  color:#65676f; text-align:center; font-weight:600;  font-size: 90% !important; line-height:150%; padding:10px 20px 30px 20px; }
.card5 h3.small { text-align:left; }
.card5 p {  color:#65676f; text-align:center; padding:20px 5px 25px !important; font-style:normal; font-weight:600 !important; margin:0 !important; font-size:85% ; text-transform:uppercase !important;}
.card5 p.details { text-align:left; padding:10px !important; margin:0; border-top:1px solid rgba(0,0,0,0.2); font-size:70% !important; line-height:150%; }
.card5 p.details a { color:#75a19f; }



.card6 img { display:block; width:100%; height:auto;     border: medium none !important;    height: auto;    padding: 0 !important;    width: 100% !important; }
.card6 h2 { color:#65676f;  text-align:center; margin:20px 0 0px; font-size:140% !important; line-height:150%; letter-spacing:1px; font-weight:600; padding:5px;   }
.card6 h2.small { font-size:110% !important; color:#75a19f !important; text-transform:uppercase; text-align:left; padding:10px 20px 10px 20px !important; font-weight:700;   font-family: 'Dosis', sans-serif; }
.card6 h2.small span { color:#65676f !important; font-size:80% !important; }            
.card6 h2 a { color:#75a19f; }
.card6 h3 {  color:#65676f; text-align:center; font-weight:600;  font-size: 90% !important; line-height:150%; padding:10px 20px 30px 20px; }
.card6 h3.small { text-align:left; }
.card6 p {  color:#65676f; text-align:center; padding:20px 5px 25px !important; font-style:normal; font-weight:600 !important; margin:0 !important; font-size:85% ; text-transform:uppercase !important;}
.card6 p.details { text-align:left; padding:10px !important; margin:0; border-top:1px solid rgba(0,0,0,0.2); font-size:70% !important; line-height:150%; }
.card6 p.details a { color:#75a19f; }



.card7 img { display:block; width:100%; height:auto;     border: medium none !important;    height: auto;    padding: 0 !important;    width: 100% !important; }
.card7 h2 { color:#65676f;  text-align:center; margin:20px 0 0px; font-size:140% !important; line-height:150%; letter-spacing:1px; font-weight:600; padding:5px;   }
.card7 h2.small { font-size:110% !important; color:#75a19f !important; text-transform:uppercase; text-align:left; padding:10px 20px 10px 20px !important; font-weight:700;   font-family: 'Dosis', sans-serif; }
.card7 h2.small span { color:#65676f !important; font-size:80% !important; }            
.card7 h2 a { color:#75a19f; }
.card7 h3 {  color:#65676f; text-align:center; font-weight:600;  font-size: 90% !important; line-height:150%; padding:10px 20px 30px 20px; }
.card7 h3.small { text-align:left; }
.card7 p {  color:#65676f; text-align:center; padding:20px 5px 25px !important; font-style:normal; font-weight:600 !important; margin:0 !important; font-size:85% ; text-transform:uppercase !important;}
.card7 p.details { text-align:left; padding:10px !important; margin:0; border-top:1px solid rgba(0,0,0,0.2); font-size:70% !important; line-height:150%; }
.card7 p.details a { color:#75a19f; }


.underline { width:60px; height:4px; background:#65676f; margin:20px auto 60px auto; padding:0; }
#oo-news .underline { width:60px; height:4px; background:#ffffff; margin:20px auto 60px auto; padding:0; }

#oo-news {  background:#86aeac; padding:0 0 0 0; margin:0; border-bottom:0px solid #ffffff; }

#news_wrap { width:100%; padding:0; margin:0; height:auto; }
.news { width:33.3333%;  height:auto; float:left; position:relative; z-index:1; }
#news_wrap { border:5px solid white; }
#news_wrap .news { border:5px solid white; }
/*
#news_wrap .news:nth-of-type(1) { border-top:20px solid white;  }
#news_wrap .news:nth-of-type(2) { border-top:20px solid white;  }
#news_wrap .news:nth-of-type(3) { border-top:20px solid white;  }
*/
.news img { width:100%; height:auto; display:block; position:relative; z-index:1; }
.news .txt { position:absolute; z-index:2; top:0; left:0;    background:rgba(233,185,80,0.72); width:100%; height:100%; opacity:0; visibility:hidden; color:#ffffff; font-weight:600; text-transform:uppercase; font-size:150%; line-height:150%; padding:0px; text-align:center; }
.news .txt h3 { 
position:absolute;
z-index:3; 
left:50%; 
top:50%; 
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);

width:70%; height:auto; border:3px solid #ffffff; padding:20px; 
font-size:100%;
line-height:150%;
text-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
  
}
.no-touch .news:hover .txt { visibility:visible; opacity:1; }

footer { background:#86aeac; color:#ffffff; padding:70px 0 0 0; margin:0; width:100%; height:auto; display:block; height:auto; }
footer ul { display:block; margin:0 auto 30px auto; text-align:center;}
footer ul li {     display: inline-block; margin-left: 1em; }
footer ul li a { 
color:#ffffff;
    display: inline-block;
    height: auto;
    line-height: 100%;
    background: transparent;
    padding: .6em 1em;
    border: none;
	outline:none;
	text-decoration:none;
    font-size:100%;
	font-size:125%;
    font-weight:400;
    text-transform: uppercase;

}
footer #social { text-align:center; margin:0 auto 70px auto; padding:0; display:block; color:#ffffff; }
footer #social a { 
 color:#ffffff; text-decoration:none; outline:none; border:none; display:inline-block; float:none; width:40px; height:40px; overflow:hidden !important; border:1px solid #fff; font-size:150%; line-height:40px; text-align:center; margin:5px 2.5px 0 2.5px;  }
.no-touch footer #social a.email:hover { 
 font-size:130%; background:#75a19f;}
.no-touch footer #social a.facebook:hover {  
font-size:130%; background:#75a19f;}
.no-touch footer #social a.twitter:hover {  
font-size:130%; background:#75a19f;}
.no-touch footer #social a.youtube:hover {  
font-size:130%; background:#75a19f;}
.no-touch footer #social a.pinterest:hover {  
font-size:130%; background:#75a19f;}
.no-touch footer #social a.instagram:hover {  
font-size:130%; background:#75a19f;}

footer #copyright { background:#75a19f; color:#ffffff; font-size:80%; line-height:150%; padding:50px 20px; margin:0 auto; text-align:center; text-transform:uppercase; font-weight:600; }



#connect { float: right;    margin-right: 5%;    text-transform: uppercase;    width: auto; display:none; }

#connect a { 
    border: 0 solid rgba(0, 0, 0, 0.2);
    display: inline-block;
    font-size: 100%;
    height: 40px;
    line-height: 40px;
    margin: 30px 0;
    overflow: hidden;
    padding: 0;
    text-align: center;
    
    width: 40px;
	font-weight:600;
	
}
#connect a { 
	
	float:left;
	display:block;
	margin:30px 1px 30px 0;

}
#connect a.signup { color:#ffffff; background:rgba(233, 185, 80, 1); background:#ff6c00; width:auto; padding:0 1em;}
#connect a.facebook { color:#ffffff; background:#3b5c98; font-size:125%;}
#connect a.twitter {color:#ffffff; background:#26aade; font-size:125%;}
#connect a.youtube {color:#ffffff; background:#cd3131; font-size:125%;}
#connect a.pinterest {color:#ffffff; background:#ba1d2a; font-size:125%;}
#connect a.instagram {color:#ffffff; background:#8a3db5; font-size:125%;}

#connect a.search { color:#ffffff; background:#86aeac; font-size:125%; }
#connect a.search #i_search { display:inline-block;}
#connect a.search #i_close { display:none;}

#connect a.search.active { /* color:#ffffff; background:#65676f; */}
#connect a.search.active #i_search { display:none;}
#connect a.search.active #i_close { display:inline-block;}


#oo-logo span { display:none; }



#wrapper { width:100%;  }

 #author_date_category
{

    font-weight: 500;
    text-transform: uppercase;
	font-size: 100%;
	line-height:150%;	
	letter-spacing:.5px;
	width:100%;
	margin:0 auto 0 auto;
	padding:25px 0 25px 0;
}
 #author_date_category a 
{
	outline:none;
	border:none;
	text-decoration:none;
	color:#75a19f;
	border-bottom:1px solid #75a19f;	
}
 #header_img_wrap
{
	position:relative;
	z-index:1;
	width:100%;
	height:auto;
	margin:0 0 25px 0;
	padding:25px 0 25px 0;
	border-bottom:5px solid #75a19f;
	border-top:5px solid #75a19f;
	overflow:hidden;
}
 #header_img_wrap img 
{
	width:100%;
	max-width:none;
	height:auto;
	position:relative;
	z-index:1;
	display:block;
}
 #header_img_wrap .overlay
{
	background: rgba(233, 185, 80, 0.72);
	/*
	background:rgba(0,0,0,0.25);
    */
	color: #ffffff;
    height: auto;
    padding: 25px;
    text-align: center;
    text-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
    text-transform: uppercase;
    width:50%;
	position:absolute;
	z-index:2;
	right:25px;
	bottom:50px;
}
.oo-content p a,
.oo-content ol a,
.oo-content ul a,
.oo-content table a,
.oo-content h1 a,
.oo-content h2 a,
.oo-content h3 a,
{
	outline:none;
	border:none;
	text-decoration:none;
	color:#75a19f;
	border-bottom:1px solid #75a19f;	
}
.oo-content h1
 {
		line-height:175%;	
}
.oo-content h2
{
	line-height:175%;	
}
.oo-content p
{
	font-family: 'Open Sans', sans-serif; 
    font-weight: 400;
    text-transform:none;
	font-size: 100%;
	line-height:175%;	
	letter-spacing:0;
	margin:25px 0;
	padding:0;
}
.oo-content ol
{
	font-family: 'Open Sans', sans-serif; 
    font-weight: 400;
    text-transform:none;
	font-size: 100%;
	line-height:175%;	
	letter-spacing:0;
	margin:25px 0 25px 20px;
	padding:0;
}
.oo-content ul
{
	font-family: 'Open Sans', sans-serif; 
    font-weight: 400;
    text-transform:none;
	font-size: 100%;
	line-height:175%;	
	letter-spacing:0;
	margin:25px 0 25px 20px;
	padding:0;
}
.oo-content ul li,
.oo-content ol li { padding:0 0 0px 0; margin:0; }

.oo-content table
{
	font-family: 'Open Sans', sans-serif !important; 
    font-weight: 400;
    text-transform:none;
	font-size: 100%;
	line-height:175%;	
	letter-spacing:0;
	margin:25px 0;
	padding:0;
}


.fluid_video { width:100%; margin:16px auto 16px auto; margin:1px auto; display:block; padding:0px; border:0px solid #323232; }


.table-responsive-outter { width:100%; height:auto; position:relative; }
.table-responsive-outter.center { width:100%; padding:0 0 55px 0; }
.table-responsive { margin-top:0px;margin-bottom:0px; position:relative; /* min-height:.01%; */ overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar; }

.table-responsive table { margin: 0;	padding: 0;	border: 0; font: inherit;	vertical-align: baseline; border-collapse: collapse;	border-spacing: 0;  font-size:90%; margin:0 auto; margin-top:0;margin-bottom:0; width: 100%; }
.table-responsive table tr {}
.table-responsive table tr:nth-of-type(odd) { background: #ffffff; }
.table-responsive table tr:nth-of-type(even) { background: #f8f8f8; }
.table-responsive table tr:nth-of-type(2n){ background:#f8f8f8; 	}
.table-responsive table th { font-weight: bold; vertical-align: bottom; background:none;  font-weight: 600;  padding: 6px; border: 1px solid #75a19f; text-align: left;   background:none;  font-weight: 600; border:0px solid #393939; border-bottom:3px solid #75a19f; padding:15px 10px; vertical-align:top; }
.table-responsive table em { font-style:italic; }
.table-responsive table small { font-size:90%; }
.table-responsive table b, .table-responsive table strong { font-weight:bold; }

.table-responsive table td { font-weight: normal; vertical-align: top; padding: 6px; border: 1px solid #75a19f; text-align: left; padding:15px 10px;
border:0; border-bottom:1px solid #75a19f; }








.img-replace {
  /* replace text with an image */
  display: inline-block;
  overflow: hidden;
  text-indent: 100%;
  color: transparent;
  white-space: nowrap;
}

.cd-popup-trigger {

}

.cd-popup {
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background-color: rgba(0,0,0,0.8);
  background-color:rgba(233, 185, 80, 0.72);
  z-index:99;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;
  -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s;
  transition: opacity 0.3s 0s, visibility 0s 0.3s;
}
.cd-popup.is-visible {
  opacity: 1;
  visibility: visible;
  -webkit-transition: opacity 0.3s 0s, visibility 0s 0s;
  -moz-transition: opacity 0.3s 0s, visibility 0s 0s;
  transition: opacity 0.3s 0s, visibility 0s 0s;
  
  
  
  
  
  overflow-y:auto;
}

.cd-popup-container {
  position: relative;
  width: 90%;
  max-width: 400px;
  margin: 4em auto;
  background: #FFF;
  border-radius: .25em .25em .4em .4em;
  text-align: center;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
  -webkit-transform: translateY(-40px);
  -moz-transform: translateY(-40px);
  -ms-transform: translateY(-40px);
  -o-transform: translateY(-40px);
  transform: translateY(-40px);
  /* Force Hardware Acceleration in WebKit */
  -webkit-backface-visibility: hidden;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  transition-duration: 0.3s;
  
  
  
  
  line-height:0;
}
.cd-popup-container h1 {
margin:0; padding:10% 5% 2.5% 5%; text-align:left; font-size:120%; line-height:150%; font-weight:700; font-style:normal; color:#75a19f;
}
.cd-popup-container p {
margin:0; padding:0% 5% 10% 5%; text-align:left; font-size:100%; line-height:150%; font-weight:500; font-style:normal;
}
.cd-popup-container .cd-buttons:after {
  content: "";
  display: table;
  clear: both;
}
.cd-popup-container ul.cd-buttons { list-style:none; }

.cd-popup-container .cd-buttons li {
  float: left;
  width: 50%;
}
.cd-popup-container .cd-buttons li.li_legend_close {
  float: left;
  width: 100%;
}
.cd-popup-container .cd-buttons a {
  display: block;
  height: 60px;
  line-height: 60px;
  text-transform: uppercase;
  color: #FFF;
  -webkit-transition: background-color 0.2s;
  -moz-transition: background-color 0.2s;
  transition: background-color 0.2s;
}
.cd-popup-container .cd-buttons li:first-child a {
  background: #009a4f;
  border-radius: 0 0 0 .25em;
}
.no-touch .cd-popup-container .cd-buttons li:first-child a:hover {
  background-color: #f89c1b;
}
.cd-popup-container .cd-buttons li:last-child a {
  background: #737373;
  border-radius: 0 0 .25em 0;
}
.cd-popup-container .cd-buttons li.li_legend_close a,
.cd-popup-container .cd-buttons li.li_legend_close:last-child a {
  background: #737373;
  border-radius: 0 0 .25em 0.25em;
}


.no-touch .cd-popup-container .cd-buttons li:last-child a:hover {
  background-color: #f89c1b;
}
.cd-popup-container .cd-popup-close {
  position: absolute;
  top: 8px;
  right: 8px;
  width: 30px;
  height: 30px;
}
.cd-popup-container .cd-popup-close::before, .cd-popup-container .cd-popup-close::after {
  content: '';
  position: absolute;
  top: 12px;
  width: 14px;
  height: 3px;
  background-color: #737373;
  background-color:#ffffff;
}
.cd-popup-container .cd-popup-close::before {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  left: 8px;
}
.cd-popup-container .cd-popup-close::after {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  right: 8px;
}
.is-visible .cd-popup-container {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}
/*
@media only screen and (min-width: 1170px) {
  .cd-popup-container {
    margin: 8em auto;
  }
}
*/

.rounded_image_in_popup {
	
	
	
-o-border-radius:0.25em 0.25em 0em 0em;
-ms-border-radius:0.25em 0.25em 0em 0em; 
-khtml-border-radius:0.25em 0.25em 0em 0em; 
-moz-border-radius:0.25em 0.25em 0em 0em; 
-webkit-border-radius:0.25em 0.25em 0em 0em; 
border-radius:0.25em 0.25em 0em 0em;
	}

img.rounded_image_in_popup {
    border: 0 none;
    height: auto;
    max-width: 100%;
    width: 100%;
}

.cd-popup-container .cd-buttons li#li_facebook:first-child a { background:#3b5998; }
.cd-popup-container .cd-buttons li#li_twitter:last-child a { background:#55acee;}
.cd-popup-container .cd-buttons li.li_legend_close:first-child a { background:#ffffff; color:#646a6f !important; cursor:pointer; } 

.no-touch .cd-popup-container .cd-buttons li#li_facebook:first-child a:hover { background:#f89c1b; }
.no-touch .cd-popup-container .cd-buttons li#li_twitter:last-child a:hover { background:#f89c1b;}
.no-touch .cd-popup-container .cd-buttons li.li_legend_close:first-child a:hover { background:#353838; color:#ffffff !important; }


#share .cd-popup-container { max-width:550px;}
#share.cd-popup.is-visible .cd-popup-container .cd-popup-close::before, 
#share.cd-popup.is-visible .cd-popup-container .cd-popup-close::after {	background-color:#ffffff; }


/* end popup */
 .addthis_toolbox a {
    margin-bottom: 0 !important;
}
.addthis-smartlayers-mobile {
    display: none !important;
}	





#signup
{
	width:100%; padding:150px 5%; height:auto; margin:0 auto; background:url(img/tomatoes_2.jpg); background-position:50% 50%; background-repeat:no-repeat; background-size:cover; border:10px solid #ffffff; border-top:0px solid #ffffff;
		position:relative; z-index:1; 
}
#something_opaque { position:absolute; z-index:-9; left:0px; top:0px; background-color:rgba(0,0,0,0.44); /* background-color:rgba(233, 185, 80, 0.72); */ width:100%; height:100%; }
#signup h1 { color:#ffffff; font-size:300%; line-height:175%; text-align:center; font-weight:600; margin:0 0 40px 0; padding:0 0 0 0;  text-shadow: 0 2px 6px rgba(0, 0, 0, 0.2); text-transform:uppercase;}
#signup_inner { max-width:960px; width:100%; margin:0 auto; }
#wrap_signup_form  { width:100%; margin:0 auto;border:10px solid rgba(0,0,0,0.2); /* 10px */}

form#signup_form { width:100%; background-color:#ffffff; }
form#signup_form input {  font-size:150%; line-height:150%; font-weight:300; color:#65676f; /* max-height:60px;*/ max-height:none; font-size:25px; line-height:25px; height:55px;  } 
input#input_email { width:40%; padding:15px 0 15px 20px; border:none;  outline: none;}
input#input_zip { width:30%;padding:15px 0 15px 20px; border:none; border-left:1px solid #e4e4e4 !important;  outline:none;}
input#submit_form { width:30%; padding:15px 10px; border:none;  outline:none;  background-color:#75a19f; background-color:#ff6c00; color:#ffffff !important;     cursor: pointer; text-align:center; text-transform:uppercase; font-weight:600 !important; }
.no-touch input#submit_form:hover { background-color: #86aeac; 
/*
 -webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out; 
*/
}




#internal_content_wrapper img { width:auto; max-width:100%; height:auto; padding:15px; border:1px solid rgba(0,0,0,0.2); display:block;}
#internal_content_wrapper img.figure_img { width:auto; max-width:100%; height:auto; margin:0px auto; padding:0; border:0 none; }

#internal_content_wrapper img.alignleft { float:left; margin:0 25px 25px 0%; }
#internal_content_wrapper img.alignright { float:right; margin:0 0% 25px 25px; }
#internal_content_wrapper img.aligncenter { float:none; margin:25px auto; }

#internal_content_wrapper img.size-thumbnail { width:auto; max-width:100%; height:auto; padding:15px; border:1px solid rgba(0,0,0,0.2); }
#internal_content_wrapper img.size-medium {width:auto; max-width:100%; height:auto; padding:15px; border:1px solid rgba(0,0,0,0.2); }
#internal_content_wrapper img.size-large {width:auto; max-width:100%; height:auto; padding:15px; border:1px solid rgba(0,0,0,0.2); }
#internal_content_wrapper img.size-full {width:auto; max-width:100%; height:auto; padding:15px; border:1px solid rgba(0,0,0,0.2); }

@media only screen and (max-width: 600px)
{
#internal_content_wrapper img.alignleft { float:none; margin: 25px auto;}
#internal_content_wrapper img.alignright { float:none; margin:25px auto;}
#internal_content_wrapper img.aligncenter { float:none; margin:25px auto;}
}




#company_logos_wrapper { width:100%; margin:0; padding:0; }
.square_image_left { /* height:160px;*/ /* width:160px; */ /* width:30%; */ /* background-position:center center !important; background-size:cover !important; */ float:left; margin:2% 2% 2% 0; padding:5px; o-box-shadow:0 0 1px #a4a4a4; -moz-box-shadow:0 0 1px #a4a4a4; -webkit-box-shadow:0 0 1px #a4a4a4; box-shadow:0 0 1px #a4a4a4; text-indent:-9999px; border:1px solid #A4A4A4 !important;  }

.scales {
	height:175px !important; 
	width:23%;  
  background-position: center center !important;
    background-repeat: no-repeat !important;
    background-size: 150px !important;
}

@media only screen and (max-width: 640px)
{
	.scales {
    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-size: 150px !important;
    height: 160px !important;
    width: 100% !important;
	}
}


.gray { color:#65676f !important; font-weight:500 !important; }












/* -------------------------------- 

Form

-------------------------------- */	
ul.cd-form-list,
ol.cd-form-list {
	margin:16px 0 16px 0;
}

.cd-form {   
  padding:0;
  height:auto;
  width: 100%;
  max-width: none;
  margin: 55px auto 0 auto;
}
.cd-form::after {
  clear: both;
  content: "";
  display: table;
}


.cd-form input::-webkit-input-placeholder {
  color: #65676f; /* #545454 */  opacity:0.5;
}
.cd-form input::-moz-placeholder {
  color: #65676f; /* #545454 */  opacity:0.5;
}
.cd-form input:-moz-placeholder {
  color: #65676f; /* #545454 */  opacity:0.5;
}
.cd-form input:-ms-input-placeholder {
  color: #65676f; /* #545454 */  opacity:0.5;
}

.cd-form textarea::-webkit-input-placeholder {
  color: #65676f; /* #545454 */  opacity:0.5;
}
.cd-form textarea::-moz-placeholder {
  color: #65676f; /* #545454 */  opacity:0.5;
}
.cd-form textarea:-moz-placeholder {
  color: #65676f; /* #545454 */  opacity:0.5;
}
.cd-form textarea:-ms-input-placeholder {
  color: #65676f; /* #545454 */  opacity:0.5;
}

.cd-form  input::-ms-clear, 
.cd-form  textarea::-ms-clear {
  display: none;
}

.cd-form div {
  /* form element wrapper */
  position: relative;
  margin: 20px 0;
}
.cd-form h3 {
  font-size:120% !important;
  line-height:200%;
  border-bottom:1px solid #75a19f;
  color:#75a19f;
}
.cd-form h4 {
  font-size:90%;
  color: #65676f;
  opacity:0.75;
  margin-bottom: 10px;
}
.cd-form,
.cd-form input, 
.cd-form textarea, 
.cd-form select, 
.cd-form label {
  font-family: "Open Sans", sans-serif;
  font-size:100%;
  color: #65676f;
  
   /* letter-spacing: 0.5px; */
  line-height:150%;
  border-radius:0;
  font-weight:400;
  text-decoration:none;
    outline:none;
	  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  border:none;

}
/*
.cd-form input,
*/
.cd-form input[type="text"],
.cd-form input[type="search"],
.cd-form input[type="email"],
.cd-form textarea,
.cd-form select {
  display: block;
  width: 100%;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
}
.cd-form input[type="text"],
.cd-form input[type="search"],
.cd-form input[type="email"],
.cd-form textarea,
.cd-form select {
  /* general style for input elements */
  padding: 12px;
  border: 1px solid #65676f;
  border:1px solid rgba(0, 0, 0, 0.2);
  background-color: #ffffff !important;
  border-radius: 0;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.08);
  box-shadow:none;
}
.cd-form input[type="text"]:focus,
.cd-form input[type="search"]:focus,
.cd-form input[type="email"]:focus,
.cd-form textarea:focus,
.cd-form select:focus {
  outline: none;
  border-color: #75a19f;
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.2);
}

.no-touch .cd-form input[type="text"]:hover,
.no-touch .cd-form input[type="search"]:hover,
.no-touch .cd-form input[type="email"]:hover,
.no-touch .cd-form textarea:hover,
.no-touch .cd-form select:hover {
  outline: none;
  border-color: #75a19f;
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.2);
}

.cd-form input[type="email"]
{
	height:auto;
}
.cd-form input[type="text"]
{
height:auto;
}
.cd-form input[type="search"]
{
height:auto;
}
.cd-form input[type="tel"]
{
height:auto;
}
.cd-form input[type="submit"] 
{
	height:auto;
}
.cd-form input[type="reset"] 
{
	height:auto;
}

.cd-form input[type="search"]#s
{
  background:url(img/searchicon.svg);
  background-position:12px 12px;
  background-repeat:no-repeat;
  background-size:30px;
  padding:16px 16px 16px 50px;
}


.cd-form .cd-select {
  /* select element wapper */
  position: relative;
}
.cd-form .cd-select::after {
  /* arrow icon for select element */
  content: '';
  position: absolute;
  z-index: 1;
  right: 16px;
  top: 50%;
  margin-top: -8px;
  display: block;
  width: 16px;
  height: 16px;
  background: url("img/cd-icon-arrow.svg") no-repeat center center;
  pointer-events: none;
}
.cd-form select {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
  cursor: pointer;
}
.cd-form select::-ms-expand {
  display: none;
}
.cd-form .cd-form-list {
margin:16px 0;
}
.cd-form .cd-form-list::after {
  clear: both;
  content: "";
  display: table;
}
.cd-form .cd-form-list li {
  /* wrapper for radio and checkbox input types */
  display: inline-block;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin: 0 26px 16px 0;
  float: left;
}
.cd-form input[type=radio],
.cd-form input[type=checkbox] {
  /* hide original check and radio buttons */
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  margin: 0;
  padding: 0;
  opacity: 0;
  z-index: 2;
}
.cd-form input[type="radio"] + label,
.cd-form input[type="checkbox"] + label {
  padding-left: 24px;
}
.cd-form input[type="radio"] + label::before,
.cd-form input[type="radio"] + label::after,
.cd-form input[type="checkbox"] + label::before,
.cd-form input[type="checkbox"] + label::after {
  /* custom radio and check boxes */
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -8px;
  width: 16px;
  height: 16px;
}
.cd-form input[type="radio"] + label::before,
.cd-form input[type="checkbox"] + label::before {
  border: 1px solid #65676f;
  background: #ffffff;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.08);
}
.cd-form input[type="radio"] + label::before,
.cd-form input[type="radio"] + label::after {
  border-radius: 50%;
}
.cd-form input[type="checkbox"] + label::before,
.cd-form input[type="checkbox"] + label::after {
  border-radius: 0;
}
.cd-form input[type="radio"] + label::after,
.cd-form input[type="checkbox"] + label::after {
  background-color: #65676f;
  background-position: center center;
  background-repeat: no-repeat;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
  display: none;
}
.cd-form input[type="radio"] + label::after {
  /* custom image for radio button */
  background-image: url("img/cd-icon-radio.svg");
}
.cd-form input[type="checkbox"] + label::after {
  /* custom image for checkbox */
  background-image: url("img/cd-icon-check.svg");
}
.cd-form input[type="radio"]:focus + label::before,
.cd-form input[type="checkbox"]:focus + label::before {
  /* add focus effect for radio and check buttons */
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.6);
}
.no-touch .cd-form input[type="radio"]:hover + label::before,
.no-touch .cd-form input[type="checkbox"]:hover + label::before {
  /* add focus effect for radio and check buttons */
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.6);
}


.cd-form input[type="radio"]:checked + label::after,
.cd-form input[type="checkbox"]:checked + label::after {
  display: block;
}
.cd-form input[type="radio"]:checked + label::before,
.cd-form input[type="radio"]:checked + label::after,
.cd-form input[type="checkbox"]:checked + label::before,
.cd-form input[type="checkbox"]:checked + label::after {
  -webkit-animation: cd-bounce 0.3s;
  -moz-animation: cd-bounce 0.3s;
  animation: cd-bounce 0.3s;
}
.cd-form textarea {
  min-height: 200px;
  resize: vertical;
  overflow: auto;
}
.cd-form input[type="submit"] {
  /* button style */
  border: none;
  background: #75a19f;
  border-radius: 0;
  padding: 16px 20px;
  color: #ffffff;
  font-weight: bold;
  float: right;
  cursor: pointer;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
}
.no-touch .cd-form input[type="submit"]:hover {
  background: #555555;
}
.cd-form input[type="submit"]:focus {
  outline: none;
  background: #444444;
}
.cd-form input[type="submit"]:active {
  -webkit-transform: scale(0.9);
  -moz-transform: scale(0.9);
  -ms-transform: scale(0.9);
  -o-transform: scale(0.9);
  transform: scale(0.9);
}


.cd-form  input[type="reset"] {
  /* button style */
   border: none;
  background: none;
  border-radius: 0;
  padding: 16px 20px;
  color: #65676f;
  font-weight: bold;
  float: right;
  cursor: pointer;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  

  height:auto;
 
}
.no-touch .cd-form input[type="reset"]:hover {
  background: #444444;
  color:#ffffff;
}
.cd-form input[type="reset"]:focus {
  outline: none;
  background: #65676f;
    color:#ffffff;
}
.cd-form input[type="reset"]:active {
  -webkit-transform: scale(0.9);
  -moz-transform: scale(0.9);
  -ms-transform: scale(0.9);
  -o-transform: scale(0.9);
  transform: scale(0.9);
}

.cd-form [required] {
  background: url("img/cd-required.svg") no-repeat top right;
}

input[type="search"]::-ms-clear {
  /* removes close icon - IE */
  display: none;
}

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
  display: none;
}


@-moz-document url-prefix() {
  /* hide custom arrow on Firefox - select element */
  .cd-filter-block .cd-select::after {
  /*  display: none; */ /* ty */
  }
}




.cd-form .error-message p {
  background: #e94b35;
  color: #ffffff;
  font-size:75%;
  text-align: center;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  border-radius: 0;
  padding: 16px;
  /*
  i.e.
	  		<div class="error-message">
				<p>Please enter a valid email address</p>
			</div>
  */
}
.cd-form .error {
  border-color: #e94b35 !important;
  /* i.e. <input class="email error" type="email" name="cd-email" id="cd-email" placeholder="Email" required> */
}
@media only screen and (min-width: 600px) {
  .cd-form div {
    /* form element wrapper */
    margin: 32px 0;
  }
  .cd-form h4 {
    font-size:90%;
    margin-bottom: 10px;
  }
  .cd-form input[type="text"],
.cd-form input[type="search"],
  .cd-form input[type="email"],
  .cd-form textarea,
  .cd-form select {
    padding: 16px;
  }
}

@-webkit-keyframes cd-bounce {
  0%, 100% {
    -webkit-transform: scale(1);
  }
  50% {
    -webkit-transform: scale(0.8);
  }
}
@-moz-keyframes cd-bounce {
  0%, 100% {
    -moz-transform: scale(1);
  }
  50% {
    -moz-transform: scale(0.8);
  }
}
@keyframes cd-bounce {
  0%, 100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);
  }
}



.cd-form [required] {
  background: url("img/cd-required.svg") no-repeat top right;
}







	
	
	
	
	
@media only screen and (max-width: 1000px)
{
		.table-responsive-outter::after 
	{
		content:"";
	
	position:absolute; width:100px; height:100%; z-index:1; right:0; top:0; display:block; 	
	
	
	background: -moz-linear-gradient(left,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); 
	
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(255,255,255,1))); 
	
	background: -webkit-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); 
	
	background: -o-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); 
	
	background: -ms-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); 
	
	background: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); 
	
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 ); 
		
	}
	.table-responsive-outter.center { width:100%; padding:0 0% 25px 0; }
}


   blockquote, 
   q {
	quotes: none;
  background-image: url("img/quote_close.svg"), url("img/quote_open.svg");
    background-position: 100% 100%, 0 0;
    background-repeat: no-repeat, no-repeat;
    background-size: 60px auto, 60px auto;
    border-left: 4px none #ffffff;
    color: #ffffff;
	color:#75a19f;
    font-size: 150%;
    font-style: italic;
    line-height:150%;
	font-weight:600;
	text-transform:none;
    margin: 55px auto;
    padding: 10px 60px;
    text-align: center;
}
blockquote small,
q small { font-size:80%;}
  blockquote:before, 
  blockquote:after,
  q:before, 
  q:after {
	content: '';
	content: none;
}



	#internal_page_wrapper { width:100%; height:auto; padding:0; margin:0; }
	#internal_content_wrapper a 
	{
		outline:none;
		border:none;
		text-decoration:none;
		color:#75a19f;
		border-bottom:1px solid #75a19f;	
	}
	#page_image { display:none; }

@media only screen and (min-width: 1401px) 
{	
	#internal_page_left { width:50%; height:100%; position:fixed; left:0; top:0; z-index:1; /* add the bg image inline ------> background:url('img/7.jpg'); */ background-size:cover; background-position:50% 50%; background-repeat:no-repeat;  background-color:#efefef;}
		#internal_page_left h1 { width:100%;  height:auto;   text-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);  background:rgba(233,185,80,0); bottom:0; color:#ffffff;    font-size: 350%;    font-weight: 600;    left: 0;    line-height: 150%;    padding: 10%;    position: absolute; z-index:3;    text-transform: uppercase; }		
	#internal_page_right { width:50%; float:right; padding:0; margin:0; height:auto; }
	#internal_content_wrapper { padding:50px 75px; width:100%; margin:0; height:auto;  }
}

@media only screen and (max-width: 1400px) 
{
	#internal_page_left { width:100%; height:auto; float:none;  background:none !important; position:relative; z-index:1; }
		#internal_page_left .semitransparent { /* display:none;*/ position:absolute; z-index:3; left:0; top:0; width:100%; height:100%; /* background:#75a19f; opacity:0.5;*/}
		#internal_page_left .semitransparent.halfopaque {  display:none; }
		#page_image { display:block; width:100%; height:auto; max-width:100%; position:relative; z-index:2;  }
		#internal_page_left h1 { display:block; margin:0; padding:5% 10% 10% 10%; width:100%; font-size:300%; line-height:150%; letter-spacing:0px; font-weight:700; color:#ffffff; position:absolute; z-index:4; bottom:0; left:0;    text-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
		/*
		  background:rgba(233,185,80,0.72);
		*/
		text-transform:uppercase;
		}
		#internal_page_right { width:100%; height:auto; background:yellow; float:none; }
		#internal_page_right .oo-content { padding-top:50px;}	
		#internal_page_right .oo-content .oo-container { max-width:none; }
		#internal_content_wrapper {}
		#internal_page_right .oo-content .oo-container { width:80%; }
		#internal_page_right .oo-content::before {
		  /* use Modernizr to detect whether the browser supports or not css gradients */
		  display: none;
		}
		
}
@media only screen and (max-width: 960px) 
{
	#internal_page_left { margin-top:50px; }
	
	
	#signup h1 { font-size:150%; line-height:150%; margin-bottom:15px; }
#signup { /* padding:5% 10%; */ }
input#input_email, input#input_zip, input#submit_form { width:100%; margin:0 0 10px 0; border-bottom:1px solid rgba(255,255,255,0) !important; }
form#signup_form { background-color:transparent; }
input#submit_form { margin:0; }

}
@media only screen and (max-width: 660px) 
{
	#internal_page_left h1 { font-size:150%; padding:0 5% 5%; line-height:140%; }
}


.table_title { 
padding:25px 25px; margin:55px auto 0 auto; 

 
background:#f8f8f8;

width:100%; height:auto;
 border-left:0px solid #75a19f;
border-bottom:3px solid #75a19f;

    font-weight:600;

  font-size: 110%;
  letter-spacing:0px;
  text-transform: none; 
 }
 .table_title b,
 .table_title strong { font-weight:700;     text-transform: none; color:#75a19f;}


.figure_title { 
    font-weight: 600;
    text-transform:none;
	font-size: 110%;
	line-height:175%;	
	letter-spacing:0;
padding:25px 25px; margin:55px auto 0 auto; 

 
background:#f8f8f8;

width:100%; height:auto;
 border-left:0px solid #75a19f;
border-bottom:3px solid #75a19f;

    font-weight:600;

  font-size: 110%;
  letter-spacing:0px;
  text-transform: none; 
 }
 .figure_title b,
 .figure_title strong { font-weight:700;     text-transform: none; color:#75a19f;}

.figure_notes { 
	font-family: 'Open Sans', sans-serif !important; 
    font-weight: 400;
    text-transform:none;
	font-size: 90%;
	line-height:175%;	
	letter-spacing:0;
	padding:15px 10px; border-bottom:1px solid #75a19f; border-top:1px solid #75a19f; font-weight:normal; background:#f8f8f8; margin:0 auto 55px auto; } 
.figure_notes em { font-style:italic; }
.figure_notes small { font-size:90%; }
.figure_notes b, .figure_notes strong { font-weight:bold; }














.video_title { 
    font-weight: 600;
    text-transform:none;
	font-size: 110%;
	line-height:175%;	
	letter-spacing:0;
padding:25px 25px; margin:55px auto 0 auto; 

 
background:#f8f8f8;

width:100%; height:auto;
 border-left:0px solid #75a19f;
border-bottom:3px solid #75a19f;

    font-weight:600;

  font-size: 110%;
  letter-spacing:0px;
  text-transform: none; 
 }
 .video_title b,
 .video_title strong { font-weight:700;     text-transform: none; color:#75a19f;}

.video_notes { 
	font-family: 'Open Sans', sans-serif !important; 
    font-weight: 400;
    text-transform:none;
	font-size: 90%;
	line-height:175%;	
	letter-spacing:0;
	padding:15px 10px; border-bottom:1px solid #75a19f; border-top:1px solid #75a19f; font-weight:normal; background:#f8f8f8; margin:0 auto 55px auto; } 
.video_notes em { font-style:italic; }
.video_notes small { font-size:90%; }
.video_notes b, .video_notes strong { font-weight:bold; }



.semitransparent 
{	

opacity:0.3;
filter: alpha(opacity=30);

/*
-webkit-transition:all 0.9s ease-in-out;
-moz-transition:all 0.9s ease-in-out;
-o-transition:all 0.9s ease-in-out;
transition:all 0.9s ease-in-out;
*/

position:absolute;
z-index:2;
top:0;
left:0%;
width:100%;
height:100%;

/*
-o-box-shadow:0px 0px 2px rgba(0, 0, 0, 0.9) ;
-moz-box-shadow:0px 0px 2px rgba(0, 0, 0, 0.9) ;
-webkit-box-shadow:0px 0px 2px rgba(0, 0, 0, 0.9) ;
box-shadow:0px 0px 2px rgba(0, 0, 0, 0.9) ;
*/

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#65676f+0,65676f+100&0+0,0.65+100 */
/*
background: -moz-linear-gradient(top,  rgba(101,103,111,0) 0%, rgba(101,103,111,0.65) 100%); 

background: -webkit-linear-gradient(top,  rgba(101,103,111,0) 0%,rgba(101,103,111,0.65) 100%); 

background: linear-gradient(to bottom,  rgba(101,103,111,0) 0%,rgba(101,103,111,0.65) 100%); 

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0065676f', endColorstr='#a665676f',GradientType=0 ); 

*/
background:rgba(0,0,0,1);


}

.semitransparent.halfopaque 
{	
opacity:0.15;
filter: alpha(opacity=15);
}

@media only screen and (min-width: 960px) {
	
#connect { display:block; }	

.oo-header #oo-logo {
  float: left;
  margin: 10px 0 0 5%;
}
.oo-header #oo-logo img {
  display: block;
  height: 80px;
  width:auto;
}	

  .oo-header {
    height: 100px;
  }
  .oo-header #oo-logo {
    margin: 10px 0 0 5%;
  }

  
.oo-main-nav {
  float: left;
    margin-right: 0%;
}
  .oo-main-nav {
    width: auto;
    height: auto;
    background: none;
    cursor: auto;
  }
  .oo-main-nav ul {
    position: static;
    width: auto;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    line-height: 100px;
  }
  .oo-main-nav ul.is-visible {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  .oo-main-nav li {
    display: inline-block;
    margin-left: 1em;
  }
  .oo-main-nav a {
    display: inline-block;
    height: auto;
    line-height: normal;
    background: transparent;
    padding: .6em 1em;
    border-top: none;
    font-size:100%;
    font-weight:600;
    text-transform: uppercase;
  }	
  #oo-intro {
 height: 600px;
    margin-top: 100px;
  }
 
  #spacer_for_internal_content_pages { margin-top:100px;  }
  #oo-intro h1 {
    font-size: 150%;
  }
  
   #oo-intro h1 span { display:block; }
  #oo-intro h1 span.one {        font-size: 400%; line-height:100%; margin:0; padding:0;  }
    #oo-intro h1 span.two {        font-size: 125%; line-height:150%; margin:0; padding:0;  }
    #oo-intro h1 span.two.cat_desc {        font-size: 125%; line-height:150%; margin:0; padding:0;  }
	  #oo-intro h1 span.three {        font-size: 85%; line-height:100%; margin:20px auto 0; padding:0;  display:inline-block;  }
	  	#oo-intro h1 span.three a { padding:15px 25px; border:5px solid #ffffff; outline:none; text-decoration:none; display:block; color:#ffffff; }
	
	
	
	  #oo-intro h1 span.one.internal {        font-size: 150%; line-height:150%; margin:0; padding:0;  }
    #oo-intro h1 span.two.internal {    display:none;      font-size: 125%; line-height:150%; margin:0; padding:0;  }
#oo-intro h1 span.two.internal.company {    display:block; }
    #oo-intro h1 span.two.internal.cat_desc {    display:block;      font-size: 100%; text-transform:none; line-height:150%; margin:0; padding:0;  }	
	  #oo-intro h1 span.three.internal {        font-size: 85%; line-height:100%; margin:20px auto 0; padding:0;  display:inline-block;  }
	  	#oo-intro h1 span.three.internal a { padding:15px 25px; border:5px solid #ffffff; outline:none; text-decoration:none; display:block; color:#ffffff; }
	
	
	
  .oo-content {
    line-height: 180%;
  }
  

  #oo-intro {

    width: 100%;
    height:750px;
    margin-top: 100px;
  }
  #oo-intro.contact { height:200px; }
  #oo-intro.short { height:250px; }

  #spacer_for_internal_content_pages { margin-top:100px;  }
  
  #oo-intro h1 {
    font-size: 200%;
  }

  .oo-content {
    padding: 100px 0;
  }
  .oo-content .card p {
    font-size: 100%;
  }
  
  .oo-content  .card2 p {
    font-size: 100%;
  }
  .oo-content  .card3 p {
    font-size: 100%;
  }
  .oo-content  .card4 p {
    font-size: 100%;
  }
  .oo-content  .card5 p {
    font-size: 100%;
  }
  .oo-content  .card6 p {
    font-size: 100%;
  }
  .oo-content  .card7 p {
    font-size: 100%;
  }

}
#oo-intro h1 span.two.internal {    display:none; }
#oo-intro h1 span.two.internal.company {    display:block; }
#oo-intro h1 span.two.internal.cat_desc {    display:block; }
a { outline:none; border:none; text-decoration:none; }
@media only screen and (min-width: 960px) and (max-width: 1400px)
{	


	#wrapper { position:relative; float:right; margin-left:250px; width:auto; width: calc(100% - 250px); }
	.oo-header { width:250px; height:100%; overflow-y:auto; overflow-x:hidden; }
	#oo-intro { margin-top:0; }
	#spacer_for_internal_content_pages { margin-top:0px;  }
	.oo-header #oo-logo { float:none; display:block; margin:0; padding:12% 5%; }
	.oo-main-nav { float:none; width:100%; margin:0; padding:0; }
	.oo-main-nav ul { float:none; width:100%; margin:0; padding:0; line-height:100%; font-size:100%; position:relative; }
	.oo-main-nav li { display:block; width:100%; margin:0; padding:0%; }
	.oo-main-nav a { display:block; width:100%; margin:0; padding:10% 10%; border-bottom:1px solid #86aeac; font-weight:600; color:#75a19f; }
	.oo-main-nav ul li:first-child a { border-top:1px solid #86aeac; }
		.oo-main-nav ul li:nth-of-type(2) a { border-top:1px solid #86aeac; }
	#connect { margin:0; padding:10%  8%; width:100%; float:none; }
	#connect a { width:100%; margin:0; display:block;  }
	#connect a.signup { width:98%; margin:0 1%; font-weight:600; }
	#connect a.facebook, 
	#connect a.twitter, 
	#connect a.youtube,
	#connect a.instagram,
	#connect a.pinterest,
	#connect a.search		 { width:31.333333%; float:left; margin:5% 1% 5% 1%; font-size:135%; }
	#connect a:nth-of-type(5),
	#connect a:nth-of-type(6),
	#connect a:nth-of-type(7) { margin-top:0; }
			
	.oo-header #oo-logo img { height:50px; }
	.oo-header #oo-logo img { float:left; }
	.oo-header #oo-logo span { 
	color:#65676f;
    display: block;
    font-size: 120%;
    font-weight: 600;
    line-height: 50px;
    padding: 0 10px;
    text-transform: uppercase;
	 }
	 .news { width:50%; }
	 .news .txt h3 { font-size:70%; line-height:150%; }
	 
	 #internal_content_wrapper {
	padding:0 20px;
}
#oo-intro h1 span.one.internal {
    font-size: 125%;
    line-height: 150%;
}

}



.touch .news { width:90%; padding:5px; border:1px solid #ffffff; margin:5% auto; display:block; float:none; }

/* xyz */
.touch .news { width:48%; margin:1% 1%; float:left; }


.touch .news .txt { visibility:visible; opacity:1; background:#ffffff; text-shadow:none; position:relative; top:auto; left:auto; text-align:left; color:#65676f;  }
.touch .news .txt h3 { font-size:70%; line-height:150%; visibility:visible; opacity:1;  background:#ffffff; text-shadow:none; position:relative; top:auto; left:auto;  
  -webkit-transform: none;
  -moz-transform: none;
  -ms-transform: none;
  -o-transform: none;
  transform: none;
  width:100%;
}



@media only screen and (max-width: 959px) 
{	

.news { width:90%; padding:5px; border:1px solid #ffffff; margin:5% auto; display:block; float:none; }
#news_wrap {
    border:none ;
}
#signup { border:none; margin:50px auto 30px; }
/* xyz2 */
.news { width:48%; margin:1% 1%; float:left; }


.news .txt { visibility:visible; opacity:1;  background:#ffffff; text-shadow:none; position:relative; top:auto; left:auto; text-align:left; color:#65676f;  }
.news .txt h3 { font-size:70%; line-height:150%; visibility:visible; opacity:1;  background:#ffffff; text-shadow:none; position:relative; top:auto; left:auto;  
  -webkit-transform: none;
  -moz-transform: none;
  -ms-transform: none;
  -o-transform: none;
  transform: none;
  width:100%;
}
#oo-intro h1 span.two { font-size:100%; }
#oo-intro h1 span.two.cat_desc { font-size:100%; }
body { background-color:#86aeac; }
}
@media only screen and (max-width: 700px) 
{	

#oo-intro h1 span.one.internal {
    font-size: 100%;
    line-height: 150%;
	text-transform:none;
}
#oo-intro h1 span.two.internal { display:none; }
#oo-intro h1 span.two.internal.company {    display:block; }
#oo-intro h1 span.two.internal.cat_desc { display:block; }
#oo-intro h1 span.three.internal { display:none; }

 .news { width:90%; margin:5% auto; float:none; }
 
.card { width:100%; margin:5% auto; }

.underline { margin-bottom:20px; }
#oo-news .underline { margin-bottom:30px; }
#oo-news h2 { padding-top:30px; }
footer { padding-top:20px; }
footer ul li { display:block; }
footer #social { margin-bottom:20px; }
#oo-intro h1 { padding:20px; }
#oo-intro h1 span.two { font-weight:100%; }
#oo-intro h1 span.two.cat_desc { font-weight:100%; }
}
@media only screen and (min-width: 1401px) and (max-width: 1600px) 
{
	.oo-main-nav a { padding:0.6em 0.25em; }
}


/*
//////////////////////////////////////////////// 
pagination 
///////////////////////////////////////////////
*/
#pagination_wrap { margin: 50px 0 0 0;  padding:0 0; border:1px solid rgba(0,0,0,0); text-align:center;    }




/*
//////////////////////////////////////////////// 
pagination 
///////////////////////////////////////////////
*/

.pagination {
clear:both;
padding:0 0 0 0;
margin:0;
position:relative;
font-size:100%;
line-height:100%;
}
 
.pagination span, .pagination a {
/*
display:block;
float:left;
*/
/* OR */
display:inline-block;
float:none;

margin: 5px 5px 5px 0;
padding:10px;
text-decoration:none;
width:auto;
color:#75a19f;
/*
text-shadow:0 1px 0 #FFFFFF;
*/
font-weight:bold;
background: #555;
background-color:#ffffff; 
						
}
 
.pagination a:hover{
color:#ffffff;
background-color:#75a19f; 
						
}
 
.pagination .current{
padding:10px;
/* background: #3279BB; */
background-color:#E10219;

color:#ffffff;
background-color:#75a19f; 
					
}


#search_form_div { 
position:fixed; 
z-index:4; top:100px; left:0; 

width:100%; 
height:auto; 
border:none;   
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);  
padding:0 5%; 
background:#86aeac;

  -webkit-transform: translateY(-200%);
  -moz-transform: translateY(-200%);
  -ms-transform: translateY(-200%);
  -o-transform: translateY(-200%);
  transform: translateY(-200%);
  visibility:visible;
    -webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out; 


 }
 #search_form_div.active {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
  visibility: visible;
  -webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out; 
}
#search_close_btn { color:#ffffff; border:0px solid #ffffff; width:40px; height:30px; text-align:center;  padding:0; margin:0; background:#86aeac; position:absolute; right:5%; top:-30px; text-indent:-999999px; }

#search_form_div .cd-form { margin:0 auto; }
#search_form_div .cd-form input[type="search"]#s { border:0 none; 
  background:url(img/searchiconw2.svg);
  background-position:24px 35px;
  background-repeat:no-repeat;
  background-size:30px;
  padding:0 0 0 80px;
  height:100px;
  line-height:100px;
  font-size:150%;
  background-color:#86aeac !important; 
  color:#ffffff !important; 
  }
  

#search_form_div .cd-form input[type="search"]:focus {
  outline: none;
  border-color:transparent;
  box-shadow: none;
}


#search_form_div .cd-form input[type="search"]:hover {
  outline: none;
  border-color:transparent;
  box-shadow: none;
}
  
#search_form_div .cd-form input::-webkit-input-placeholder {
  color: #ffffff; /* #545454 */  opacity:0.95;
}
#search_form_div .cd-form input::-moz-placeholder {
  color: #ffffff; /* #545454 */  opacity:0.95;
}
#search_form_div .cd-form input:-moz-placeholder {
  color: #ffffff; /* #545454 */  opacity:0.95;
}
#search_form_div .cd-form input:-ms-input-placeholder {
  color: #ffffff; /* #545454 */  opacity:0.95;
}
 #i_close_2 {} 
@media only screen and (min-width: 960px) and (max-width: 1400px)
{	

	#search_close_btn { width:40px; height:40px; top:0; right:0; text-indent:0; }
	#search_form_div { left:250px; top:0; bottom:auto; right:auto; width: calc(100% - 250px); padding:0 2.5%; }
	#i_close_2 { width:40px; height:40px; line-height:40px; font-size:20px; text-align:center; cursor:pointer; display:block; opacity:0.5;}
	#search_form_div .cd-form input[type="search"]#s {  
  background-position:24px 41px;
  padding:0 0 0 80px;
  height:110px;
  line-height:110px;
  }
  
}  

@media only screen and (max-width: 959px)
{
	#search_form_div { display:none; }
}

#mobile_search_div { display:none; border-top:1px solid #65676f; }
	#li_mobile_search_div { display:none; }

#mobile_search_div .cd-form { margin:0 auto; }
#mobile_search_div .cd-form input[type="search"]#ss 
{ 
  border:0 none; 
  background:url(img/searchicon.svg);
  background-position:12px 20px;
  background-repeat:no-repeat;
  background-size:20px;
  padding:16px 16px 16px 40px;
}


#mobile_search_div .cd-form input[type="search"]:focus {
  outline: none;
  border-color:transparent;
  box-shadow: none;
}


#mobile_search_div .cd-form input[type="search"]:hover {
  outline: none;
  border-color:transparent;
  box-shadow: none;
}

@media only screen and (max-width: 959px)
{
	#mobile_search_div { display:block; }
		#li_mobile_search_div { display:block; }

	.oo-main-nav ul li:last-child a { border-bottom:1px solid #65676f; }

}


#oo-intro #oo-intro-tagline.single_dot_php { background:rgba(0,0,0,0.35); bottom: auto;
    height: 100%;
	width:100%;
    left: 0;
    right: auto;
    top: 0;
	bottom:auto;


  -webkit-transform: none;
  -moz-transform: none;
  -ms-transform: none;
  -o-transform: none;
  transform: none;
	
/*	
-webkit-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
-o-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
*/
}
	
	
#oo-intro #oo-intro-tagline.single_dot_php h1 { background:rgba(0,0,0,0);
left:0;
bottom:auto;
right:auto;
top:50%;
position:relative;
padding: 0 70px ;
-webkit-transform: translateX(0) translateY(-50%);
-moz-transform: translateX(0) translateY(-50%);
-ms-transform: translateX(0) translateY(-50%);
-o-transform: translateX(0) translateY(-50%);
transform: translateX(0) translateY(-50%);

}

#oo-content-internal.oo-content.single_dot_php::before {
  /* subtle gradient right above the main content */
  content: '';
  position: absolute;
  bottom: 100%;
  left: 0;
  width: 100%;
  height: 50px;
  background:none;
  background: none;
}





#oo-intro #oo-intro-tagline.page_dot_php { background:rgba(0,0,0,0.35); bottom: auto;
    height: 100%;
	width:100%;
    left: 0;
    right: auto;
    top: 0;
	bottom:auto;


  -webkit-transform: none;
  -moz-transform: none;
  -ms-transform: none;
  -o-transform: none;
  transform: none;
	
/*	
-webkit-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
-o-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
*/
}
	
	
#oo-intro #oo-intro-tagline.page_dot_php h1 { background:rgba(0,0,0,0);
left:0;
bottom:auto;
right:auto;
top:50%;
position:relative;
padding: 0 70px ;
-webkit-transform: translateX(0) translateY(-50%);
-moz-transform: translateX(0) translateY(-50%);
-ms-transform: translateX(0) translateY(-50%);
-o-transform: translateX(0) translateY(-50%);
transform: translateX(0) translateY(-50%);

}

#oo-content-internal.oo-content.page_dot_php::before {
  /* subtle gradient right above the main content */
  content: '';
  position: absolute;
  bottom: 100%;
  left: 0;
  width: 100%;
  height: 50px;
  background:none;
  background: none;
}

#breadcrumbs_out {}
#breadcrumbs_in {}

.person_photo_loop {
display:block; 
height:120px; width:120px; 
background-position:center center !important; background-size:cover !important; 
-o-border-radius:50%; -ms-border-radius:50%; -khtml-border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%; 
float:none; margin:-60px auto 20px auto; border:5px solid #ffffff; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2); position:relative;}

#person_photo { 
display:block; 
height:200px; width:200px; 
background-position:center center !important; background-size:cover !important; 
-o-border-radius:50%; -ms-border-radius:50%; -khtml-border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%; 
float:none; margin:0 auto 20px auto; border:5px solid #ffffff; }

@media only screen and (max-width: 700px)
{
#person_photo { 
height:125px; width:125px; 
}
#oo-intro #oo-intro-tagline.page_dot_php h1.on_page { padding:0 45px; }
}

a.seemore {
	text-align:center;
	font-size:125%;
	line-height:100%;
	height:auto;
	width:auto;
	display:block;
	outline:none;
	border:none;
	text-decoration:none;
	background:#86aeac;
	color:#ffffff !important;
	text-transform:uppercase;
	font-weight:700;
	width:200px;
	padding:20px;
	margin:20px auto;
}