/*======================================
Theme Name: TM Divi Child
Theme URI: 
Description: Child theme of Divi
Version: 1.0
Author: Site Strategics
Author URI: 
Template: Divi
======================================*/

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

    /*Add the mflip class to the custom css of a row to reverse order of elements on mobile*/
    .mflip {
        display: -webkit-flex;
        -webkit-flex-direction: column-reverse;
        display: flex;
        flex-direction: column-reverse !important;
    }

    /*Add the two-columns class on row css to keep modules in two columns on mobile*/
    .two-columns .et_pb_column {
        width: 50% !important;
    }
}

/* 
********
1. Typography
********
*/

    /*Style what happens when a user selects text*/
    ::selection {
        background: #2c3e50;
        /* WebKit/Blink Browsers */
        color: #F8F8F8;
    }

    ::-moz-selection {
        background: #2c3e50;
        /* Gecko Browsers */
        color: #F8F8F8;
    }



/* 
********
2. Global Elements 
********
*/
	.et_mobile_menu .first-level > a {
		background-color: transparent;
		position: relative;
	}
	.et_mobile_menu .first-level > a:after {
		font-family: 'ETmodules';
		content: '\4c';
		font-weight: normal;
		position: absolute;
		font-size: 16px;
		top: 13px;
		right: 10px;
	}
	.et_mobile_menu .first-level > .icon-switch:after{
		content: '\4d';
	}
	.second-level {
		display: none;
	}
	.reveal-items {
		display: block;
	}

/* =============================================================================
   HTML5 Boilerplate CSS: h5bp.com/css
   ========================================================================== */
/*
   article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
   audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
   audio:not([controls]) { display: none; }
   [hidden] { display: none; }
   
   html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;}
   html, button, input, select, textarea {font-family: 'Roboto Condensed', Arial, Helvetica, sans-serif; color: #404041; }
   body { margin: 0; font-size: 1em; line-height: 1.4; font-weight: 400; }
   
   ::-moz-selection { background: #666; color: #fff; text-shadow: none; }
   ::selection { background: #666; color: #fff; text-shadow: none; }
   
   a {text-decoration: none; outline: 0;}
   p {margin:0 0 1em 0; }
   h1, h4, h5, h6 { font-size:100%; font-weight:normal; margin: 0; padding: 0; }
   abbr[title] { border-bottom: 1px dotted; }
   b, strong { font-weight: bold; }
   blockquote { margin: 1em 40px; }
   dfn { font-style: italic; }
   hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
   ins { background: #ff9; color: #000; text-decoration: none; }
   mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
   pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; }
   pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
   q { quotes: none; }
   q:before, q:after { content: ""; content: none; }
   small { font-size: 85%; }
   
   sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
   sup { top: -0.5em; }
   sub { bottom: -0.25em; }
   
   ul, ol { margin:0; padding:0; list-style: none; }
   dd { margin: 0 0 0 40px; }
   nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }
   
   img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
   
   svg:not(:root) { overflow: hidden; }
   
   figure { margin: 0; }
   */
   form { margin: 0; }
   fieldset { border: 0; margin: 0; padding: 0; }
   label { cursor: pointer; }
   legend { border: 0; *margin-left: -7px; padding: 0; white-space: normal; }
   button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
   button, input { line-height: normal; }
   button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible; }
   button[disabled], input[disabled] { cursor: default; }
   input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *width: 13px; *height: 13px; }
   input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
   input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; }
   button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
   textarea { overflow: auto; vertical-align: top; resize: vertical; }
   input:valid, textarea:valid {  }
   input:invalid, textarea:invalid { background-color: #f0dddd; }
   
   table { border-collapse: collapse; border-spacing: 0; }
   td { vertical-align: top; }
   
   .chromeframe { margin: 0.2em 0; background: #ccc; color: black; padding: 0.2em 0; }
   
   /*----------TYPOGRAPHY-----------*/
   
   .roboto {font-family: 'Roboto Condensed', Arial, Helvetica, sans-serif; }
   /*300, 400, 700*/
   
   
   .txtShadow {text-shadow: 0px 1px 5px rgba(0,0,0,.2);}
   .txtShadowDark {text-shadow: 0px 1px 5px rgba(0,0,0,.7);}
   .txtHighlight {text-shadow: 0 1px 0px #fff;}
   
   .alignCenter { text-align: center;}
   .alignLeft {text-align:left;}
   .alignRight {text-align:right;}
   .upper { text-transform: uppercase;}
   .space { letter-spacing: .05em;}
   .space1 { letter-spacing: .1em;}
   .space2 { letter-spacing: .2em;}
   
   .pageText p, .pageText h2	 {margin: 0 0 10px;}
   .pageText h1 {font-size: 32px; line-height: 1.2em; color:#286f1f; font-weight: 400;padding-bottom:10px;}
   .pageText h2 {font-size: 120% !important; line-height: 1.2em !important; color:#000000; font-weight: 700;}
   .pageText h3 {font-size: 140%; line-height: 1.2em; color:#286f1f; font-weight: 700;}
   .pageText p {font-size: 100%; line-height: 1.7em;}
   .pageText ul, .pageText ol {padding:0 0 1em 25px; line-height:1.5em; font-size: 100% !important;}
   .pageText ul li { list-style: disc outside;  padding-bottom: .5em;}
   .pageText ol li { list-style: decimal outside;  padding-bottom: .5em;}
   .pageText h3, .pageText h4, .pageText h5, .pageText h6 {font-weight: 700; margin: 0 0 10px; color:#286f1f;}
   
   
   .fs50 {font-size: 50%;}
   .fs55 {font-size: 55%;}
   .fs60 {font-size: 60%;}
   .fs65 {font-size: 65%;}
   .fs70 {font-size: 70%;}
   .fs75 {font-size: 75%;}
   .fs80 {font-size: 80%;}
   .fs85 {font-size: 85%;}
   .fs90 {font-size: 90%;}
   .fs95 {font-size: 95%;}
   .fs115 {font-size: 115%;}
   .fs130 {font-size: 130%;}
   .fs140 {font-size: 140%;}
   .fs200 {font-size: 200%; line-height: 1em;}
   .fs240 {font-size: 240%; line-height: 1em;}
   .fs270 {font-size: 270%; line-height: 1em;}
   .fs320 {font-size: 320%; line-height: 1em;}
   
   .lh08 {line-height: .8em}
   .lh1 {line-height: 1em;}
   .lh12 {line-height: 1.2em;}
   
   .fw300 {font-weight: 300;}
   .fw400 {font-weight: 400;}
   .fw700 {font-weight: 700;}
   
   
   
   
   /*----------LINKS & COLORS-----------*/
   a {-moz-transform: rotate(0);}
   a, .payOnline, #payHeader input[type="submit"] {transition: all 0.5s ease 0s; -moz-transition:all 0.5s ease 0s; -webkit-transition:all 0.5s ease 0s;}
   a.fade:hover {opacity: .6;}
   
   .mdGrey80 {color:rgba(0,54,108,.9);}
   .dkGrey80 {color:rgba(20,20,20,.9);}
   .grey {color: #c4c4c4;}
   
   a:link,
   a:visited,
   .mdGreen
   {color:#286f1f;}
   
   a:hover,
   a:active,
   .ltGreen
   {color:#85b43b;}
   
   a.white:link,
   a.white:visited,
   footer a:link,
   footer a:visited,
   .white {color: #FFF;}
   
   
   a.mdGrey:hover,
   a.mdGrey:active,
   a.dkGrey:hover,
   a.dkGrey:active,
   a.white:hover,
   a.white:active,
   footer a:hover,
   footer a:active,
   .blogCats a:hover,
   .blogCats a:active
   {opacity:.6;}
   
   footer a {text-decoration: underline;}
   
   .pointer {cursor: pointer;}
   .noStyle {text-decoration: none;}
   
   /*----------LAYOUT-----------*/
   .mtop10 {margin-top: 10px;}
   .mtop15 {margin-top: 15px;}
   .mtop20 {margin-top: 20px;}
   .mtop30 {margin-top: 30px;}
   .mtop40 {margin-top: 40px;}
   .mtop50 {margin-top: 50px;}
   .mtop60 {margin-top: 60px;}
   .mright50 {margin-right: 50px;}
   .mleft70 {margin-left: 70px;}
   .mbottom10 {margin-bottom: 10px;}
   .mbottom20 {margin-bottom: 20px;}
   .mbottom30 {margin-bottom: 30px;}
   .mbottom40 {margin-bottom: 40px;}
   .mbottom50 {margin-bottom: 50px;}
   .mbottom60 {margin-bottom: 60px;}
   .mbottom90 {margin-bottom: 90px;}
   .mtb5 {margin:5px auto;}
   .mtb15 {margin:15px auto;}
   .mtb25 {margin:25px auto;}
   
   .pad10	{padding: 10px;}
   .pad15	{padding: 15px;}
   .pad25 {padding:0 25px;}
   .ptb10 {padding:10px 0;}
   .ptb30 {padding:20px 0;}
   .prl25 {padding-right:25px; padding-left:25px;}
   .ptop5 {padding-top: 5px;}
   .ptop10 {padding-top: 10px;}
   .ptop30 {padding-top: 30px;}
   .pbottom5 {padding-bottom: 5px;}
   .pbottom10 {padding-bottom: 10px;}
   .pbottom15 {padding-bottom: 15px;}
   .pbottom20 {padding-bottom: 20px;}
   .pbottom30 {padding-bottom: 30px;}
   .pbottom40 {padding-bottom: 40px;}
   .pleft50	{padding-left: 50px;}
   .pleft70 {padding-left: 70px;}
   
   .fleft, .alignleft { float: left;}
   .fright, .alignright { float: right; }
   .clear {clear:both;}
   .clearLeft {clear:left;}
   .inline {display: inline-block;}
   .inlineBlock {display: inline-block; width: 100%;}
   .rel {position: relative;}
   
   .z1 {z-index: 0;}
   .z2	{z-index: 100;}
   .z3	{z-index: 1000;}
   .z4	{z-index: 10000;}
   
   .bbox {	-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;width:100%;padding-bottom:10px; }
   
   body.page-id-3702 .fleft .bbox, body.careers .fleft .bbox {display: none;}
   
   /*----------TEMPLATES-----------*/
   html, body {
    font-family: 'Roboto Condensed', Arial, Helvetica, sans-serif;
   }
  /* html, body {height: 100%;}
   
   header {
       position: relative;
       background: #FFF;
       -webkit-box-shadow: 0 -8px 15px 10px rgba(0, 0, 0, 0.4);
       box-shadow: 0 -8px 15px 10px rgba(0, 0, 0, 0.4);
       width: 100%;
       padding: 0 0 25px 0;
   }
   .topBar {margin-bottom: 10px; background: rgba(0,0,0,.1); }
   
   .container {
       -webkit-box-shadow: 0 10px 15px 10px rgba(0, 0, 0, 0.4);
       box-shadow: 0 10px 15px 10px rgba(0, 0, 0, 0.4);
       background: #FFF;
       border-top: 1px solid #FFF;
       border-bottom: 1px solid #FFF;
   }
   
   */
   
   footer { width:100%; min-height: 300px; background: #333 url(images/footer-bg.png) repeat center top;}
   
   
   a.logo {display:block; margin-left:11px; width: 223px; height: 95px; text-indent: -9999px; background: url(images/miravista-logo.png) no-repeat center bottom; }
   footer a.logo {width: 213px; height: 91px; margin-left:0; background: url(images/miravista-logo-footer.png) no-repeat center bottom; }
   
   .col982 {max-width:982px; margin-left: auto; margin-right: auto; position: relative;}
   .col727 {max-width: 727px;}
   .col717 {max-width: 717px; width: 100%;}
   .col615 {max-width: 615px;}
   .col482 {max-width: 482px;}
   .col482 img {max-width: 431px; height: auto;}
   .col265 {max-width: 265px;}
   .col263 {max-width: 263px;}
   .col241	{max-width: 241px;}
   .col230 {width: 230px; margin-left: 5px;}
   .col230 img {height: auto; width: 100%; max-width: 200px; margin: 0 30px 0 5px; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px;}
   .pageLeft {float: left; text-align: left; }
   .pageRight {float: right; text-align: left;}
   
  /* .content {position:relative; margin:0 auto; max-width: 962px; width:100%; margin: 0 auto;}*/
   .home .content:after {
           content: "";
           background: url(images/bottom-shadow.png) no-repeat center bottom;
           max-width: 962px;
           width:100%;
           height: 17px;
           display: block;
           margin-bottom: 20px;
           border-top: 1px solid #FFF;
   }
   .content img.bbox {width:100%; border-left: 1px solid #FFF; max-width:482px;}
   .content .col717 img.bbox {max-width:717px;}
   .content .col727 img.bbox {max-width:727px;}
   
   .quote	{position: relative; max-width: 245px; background: #FFF url(images/quote-top.png) no-repeat center top; padding-top:6px; margin-top: -6px; }
   
   .formContent {padding: 10px 20px; background: #FFF url(images/quote-center.png) no-repeat center top;}
   .formContent:before, .formContent:after	{
           content: "";
           width: 11px;
           height: 313px;
           display: block;
           position: absolute;
           top:0;
   }
   .formContent:before {
           background: transparent url(images/quote-left.png) no-repeat center top;
           left:-11px;
   }
   .formContent:after {
           background: transparent url(images/quote-right.png) no-repeat center top;
           right: -11px;
   }
   
   .pageText .formHeading, .pageText .formContent:before, .pageText .formContent:after {display: none;}
   .pageText .formContent {background: none; padding:0;}
   
   .formHeading {background: #c4c4c4; margin: 0 -5px; padding:10px; overflow: hidden; }
   .home .formHeading {margin-top:7px; padding:15px 10px; -webkit-box-shadow: 0px 1px 5px rgba(0, 0, 0, .3); box-shadow: 0px 1px 5px rgba(0, 0, 0, .3); border:1px solid #FFF; border-left: 0; border-right: 0;}
   
   
   .imageHeading {position: absolute; padding:20px; max-width: 441px; }
   .topleft {left:1px; top:0;}
   .topright {right:0px; top:0;}
   .bottomleft {left:1px; bottom:0;}
   .bottomright {right:0px; bottom:0;}
   
   
   .vendors li {padding:20px 16px; display: inline-block; max-width: 160px;}
   .vendors li img {width: 100%; height: auto;}
   .vendors li a {border-left:1px solid transparent;}
   
   .wp-pagenavi a, .wp-pagenavi span {border:none!important;}
   
   .dataText {width:75%; float:right;}
   .dataText p {margin: 0;}
   .dataTitle {width:25%; padding-right:10px;}
   .pageText ul.productList>li:nth-child(even) {background-color: rgba(0,0,0,.04); }
   .pageText ul.productList {padding-left:0; font-size: 100%; }
   
   
   /*----------TEXTURES & BORDERS-----------*/
   .bgWhite {background-color: #FFF;}
   .bgWhite80 {background-color: rgba(255,255,255,.8);}
   .bgGreen80  {background-color: rgba(0,54,108,.9);}
   .bgGrey80 {background-color: rgba(20,20,20,.6);}
   .bgGrey {background-color: rgba(0,0,0,.1);}
   .bgGrey5 {background-color: rgba(0,0,0,.04);}
   .trans {}
   
   .hrGrey {border-bottom: 1px solid #c4c4c4;}
   
   .shadow {-webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, .3); box-shadow: 0px 1px 3px rgba(0, 0, 0, .3); }
   .shadowLeft {display: block; background: url(images/home-content-left-shadow.png) no-repeat left top; width: 11px; height: 353px; position: absolute; left: -11px; top:0;}
   
   /* - - - SEARCH - - - */
   #searchform {position:relative; margin: 9px 30px 0; width:205px; height:20px; background: #FFF url(images/search.png) no-repeat 188px 5px;     
       -webkit-border-radius: 3px;
       border-radius: 3px;
       border-top: 1px solid #acaaa9;
       border-bottom: 1px solid #FFF;
       
   }
   .col717 #searchform {margin-left: 0;}
   #searchform input[type="text"] {border:0 none; background: transparent; padding:0; position: absolute; left: 8px; top:1px; letter-spacing:.05em; width:170px; color:#888;}
   #searchform .searchsubmit {width:20px; height: 20px; position: absolute; right:0; top:0; display: block; text-indent: -9999px; border:0 none; background: none; }
   
   .contactNumbers {text-align: right; padding-right: 45px; background: url(images/phone.png) no-repeat right center; min-height: 57px; margin:25px 11px 0 0; float: right;}
   .contactNumbers span {margin: 10px 0 0 5px; display: block;}
   
   /* - - - TWITTER - - - */
   
   .latest-tweets .tweet-details {
   display: none;}
   
   
   /* - - - SOCIAL - - - */
   .icon a	{display:block; margin-right:8px; text-align: left; text-indent:-9999px; padding-left:20px; background-image: url(images/social.png); background-repeat: no-repeat;}
   
   .icon a:hover,
   .icon a:active {opacity: .5;}
   
   .socialNav {display:inline-block; margin-right: 11px;}
   .socialNav ul{list-style: none; display: inline-block; margin-top:11px;}
   .socialNav ul li {display:block; height:auto; height: 22px; list-style: none; float: left; }
   
   .linkedin a {background-position:0 2px;}
 /*
   .facebook a {background-position:0 -49px;}
   .twitter a {background-position:0 -90px;}   
   .google a {background-position:0 -116px;}
   .youtube a {background-position:0 -157px;}
  */ 
   .facebook a {background-position:0 -38px;}
   .twitter a {background-position:0 -78px;}      
   .youtube a {background-position:0 -115px;}
   
     

   a.crossLink {font-size: 11px; font-weight: 700; width:auto; float: right; line-height: 11px; text-align: left; padding:10px 0 0 26px; background: url(images/miravet.svg) no-repeat left 10px; color:#888; margin-right:11px; }
   
   /* #payHeader input[type="submit"] {line-height: 11px; text-align: left; padding:10px 0 0 26px;  background-image: url(images/payonline.svg); background-repeat:no-repeat; background-size: 35px auto; border:none; background-color: transparent; } */
   
   #payHeader input[type="submit"] {font-size: 11px; font-weight: 700; width:auto; float: right; line-height: 32px; height: 32px; text-align: left; margin-left: 10px; margin-right:10px; text-align: left; padding:10px 0 0 30px; background: transparent url(images/payonline.svg) no-repeat left 8px / 25px auto; display: inline-block;border:none; background-color: transparent; color:#888;}
   
   #payHeader input[type="submit"]:hover {opacity: .6;}
   
   /* - - - BUTTONS - - - */
   
   a.button, .gform_button, input.button.payOnline {
       display:block;
       position: relative;
       text-align:left;
       text-shadow: 0px -1px 1px rgba(0,0,0,.5);
       letter-spacing: .05em;
       line-height: 50px;
       color:#FFF;
       padding:0 10px;
       border:none;
       -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, .3);
       box-shadow: 0px 1px 3px rgba(0, 0, 0, .3); 
       background: #86b53c; /* Old browsers */
       background: -moz-linear-gradient(top,  #86b53c 0%, #558012 100%); /* FF3.6+ */
       background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#86b53c), color-stop(100%,#558012)); /* Chrome,Safari4+ */
       background: -webkit-linear-gradient(top,  #86b53c 0%,#558012 100%); /* Chrome10+,Safari5.1+ */
       background: -o-linear-gradient(top,  #86b53c 0%,#558012 100%); /* Opera 11.10+ */
       background: -ms-linear-gradient(top,  #86b53c 0%,#558012 100%); /* IE10+ */
       background: linear-gradient(to bottom,  #86b53c 0%,#558012 100%); /* W3C */
       filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#86b53c', endColorstr='#558012',GradientType=0 ); /* IE6-9 */
   }
   a.button, input.button.payOnline{
       -webkit-border-radius: 3px;
       border-radius: 3px;
   }
   a.button:hover, input.button.payOnline:hover {
       opacity: .9;
       text-shadow: 0px 0px 5px rgba(255,255,255,.5);
   }
   
   a.button.orderTest,
   a.button.downloadMenu,
   a.button.viewReport,
   input.button.payOnline		{line-height:42px; margin:0 15px 12px 0; padding-left:45px; font-size: 85%;}
   
   a.button.orderTest		{background: url(images/ad-buttons.png) no-repeat 8px 7px, url(images/ad-button-bg.png) repeat-x left top;}
   a.button.downloadMenu	{background: url(images/ad-buttons.png) no-repeat 8px -46px, url(images/ad-button-bg.png) repeat-x left top;}
   a.button.viewReport		{background: url(images/ad-buttons.png) no-repeat 8px -99px, url(images/ad-button-bg.png) repeat-x left top;}
   input.button.payOnline	{background: url(images/ad-buttons.png) no-repeat 8px -148px, url(images/ad-button-bg-green.png) repeat-x left top; font-size: 12.2333px; letter-spacing: 0.616667px; width:100%;}
   
   form#pay {padding-right: 14px;}
   
   .gform_button, .slides a.button{
       text-align:center;
       padding:0 30px;
       text-shadow: 0px 0px 6px #b6d354,  0 -1px 0px #40610d;
       color:#FFF;
       border-top: 1px solid #b6d354;
       border-bottom: 1px solid #40610d;
       border-right:0;
       border-left:0;
       -webkit-box-shadow: 0px 0px 0px 5px rgba(0, 0, 0, .2);
       box-shadow: 0px 0px 0px 5px rgba(0, 0, 0, .2);
       transition: all 0.5s ease 0s; -moz-transition:all 0.5s ease 0s; -webkit-transition:all 0.5s ease 0s;
       max-width: 300px;
       margin-left: auto; margin-right: auto;
       font-weight: 300; 
       letter-spacing: .05em; 
       text-transform: uppercase; 
       line-height: 32px; 
       height: 35px; 
   }
   .slides a.button {
       -webkit-border-radius: 0;
       border-radius: 0;
       display: inline-block;
   }
   
   
   .gform_button:hover, .slides a.button:hover {
       border-top: 1px solid #40610d;
       border-bottom: 1px solid transparent;
       opacity: .9;
       color:#FFF;
   }

   /*----------CONTACT-----------*/
   .gform_body {font-size: 85%; margin: 10px 0; display: block; /*background: #FFF;*/}
   .pageText .gform_body {font-size:100%;}
   .gform_body:after {content: ".";
       display: block;
       height: 0;
       clear: both;
       visibility: hidden;}
   ul.gform_fields { list-style: none; margin: 0; list-style: none; padding:0;}
   ul.gform_fields li, ul.gform_fields li span  {margin-top:10px; text-align: left; position:relative; list-style: none; }
   
   
   .gform_body input.medium, .gform_body textarea.medium {display:block; border:none; background: rgba(0,0,0,.05); padding: 4px 6px; margin: 0; width:100%; -webkit-box-shadow: inset 0px 5px 3px rgba(0, 0, 0, .2); box-shadow: inset 0px 1px 1px rgba(0, 0, 0, .2); -webkit-border-radius: 3px; border-radius: 3px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
   .gfield_select {margin-top:4px; width:100%; padding:0; line-height: 20px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
   
   /*.gform_body .inField label {display: block; position:absolute; left:6px; top:0px; color:#666;}*/
   .inField .gfield_label.gform-field-label {display: none !important; }
   .inlineLabel label {padding-left: 4px; display: block; font-weight: 700;}
   .gfield_description {padding-left: 4px; font-style: italic;}
   .gformLeft, .gformRight {width:48%;}
   .gformLeft {float: left;}
   .gformRight {float: right;}
   
   .pageText .gform_body h2 {font-size: 200%; font-weight: 300; line-height: 1em;}
   
   .gfield_required, .required { padding: 3px; color: #85b43b; }
   .validation_error, .validation_message, #gforms_confirmation_message { color: #85b43b; line-height: 1.2em; padding:5px; font-size: 80%; font-weight:500; }
   .validation_message, #gforms_confirmation_message {text-transform: uppercase; clear: both;}
   .validation_error { padding: 10px 0 0; font-style: italic; letter-spacing: .025em}
   
   ul.gfield_radio, ul.gfield_checkbox {list-style: none; padding:0; margin:0;}
   ul.gfield_radio li, ul.gfield_checkbox li {position:relative; display:block; float: left; padding: 2px 40px 0 20px; width:auto;}
   ul.gfield_radio li:first-child, ul.gfield_checkbox li:first-child {padding-top:2px;}
   ul.gfield_radio li:last-child, ul.gfield_checkbox li:last-child {margin-bottom: 10px;}
   ul.gfield_radio li input[type="radio"], ul.gfield_checkbox li input[type="checkbox"] {position:absolute; top:4px; left:0;}
   ul.gfield_radio label, ul.gfield_checkbox label {left:25px; top:4px; }
   ul.gfield_radio li input[type="text"] {position:absolute; top:0px; left:25px; border:none; height:20px; background: rgba(0,0,0,.05); padding: 4px 6px; margin: 0; -webkit-box-shadow: inset 0px 5px 3px rgba(0, 0, 0, .2); box-shadow: inset 0px 1px 1px rgba(0, 0, 0, .2); -webkit-border-radius: 3px; border-radius: 3px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
   
   li.gform_validation_container {display:none;}
   .gform_footer {text-align: center; clear: both; padding-top:10px;	margin-bottom: 50px;}
   
   
   /* landing page */
  #gform_16 input[type="text"], input[type="email"], input[type="password"], input[type="tel"] {
    width: 100%;
    padding: 5px;
    font-size: 15px;
    margin-bottom: 10px;
  }
  #gform_16 label, #gform_wrapper_16 .gform_required_legend { display:none; }
  #gform_16 .gfield--type-radio label { display:inline-block; }
  #gform_16 .gfield_label.gform-field-label, #gform_16 .gfield_radio { font-size: 17px; }
  #gform_submit_button_16 { display:block !important;text-align:left;margin-top:20px;margin-left: 0;}


   .tubepress_normal_embedded_wrapper, .tubepress_thumbnail_area {
   width:auto!important;
   }
   
   .tubepress_container {
   width: 100% !important;
   height: 75% !important;
   }
   
   .tubepress_normal_embedded_wrapper{
   position: relative !important;
   padding-bottom: 56.25% !important;
   width:100% !important;
   padding-top: 30px !important; 
   height: 0 !important; 
   overflow: hidden !important;
   clear:both !important;
   margin-bottom:20px !important;
   }
   
   .youtube-player {
   position: absolute !important;
   top: 0 !important;
   left: 0 !important;
   width: 100% !important;
   height: 100% !important;
   }
   
   /*----------NAVIGATION-----------*/
   
   
   /* subnav */
   nav#sub ul {margin: 15px 0; display: block; text-transform: uppercase;}
   nav#sub ul li {clear:both; margin: 5px 0; }
   nav#sub ul li a {-moz-border-radius: 15px 0 0 15px; -webkit-border-radius: 3px 0 0 3px; border-radius: 3px 0 0 3px; padding:5px 20px 7px 15px; letter-spacing: .025em; font-size: 90%;}
   nav#sub > ul > li > a {background:rgba(240, 240, 240, 0.70);}
   nav#sub ul ul {background:rgba(240, 240, 240, 0.70); margin: 0; padding:10px; margin-left: 10px;}
   
   nav#sub > ul > li.current_page_item > a,
   nav#sub > ul > li.current_page_ancestor > a,
   nav#sub > ul > li.current-cat > a,
   .tag-announcements nav#sub li.announcements > a, 
   .tag-insights nav#sub li.insights > a, 
   .tag-wheat nav#sub li.wheat > a, 
   .tag-articles nav#sub li.articles > a, 
   .tag-careers nav#sub li.careers > a,
   .tag-case-studies nav#sub li.caseStudies > a,
   .tag-facts nav#sub li.facts > a,
   .tag-featured-mycology-tests nav#sub li.featuredMycology > a,
   .tag-leadership nav#sub li.leadership > a,
   .tag-photos nav#sub li.photos > a,
   .tag-presentations nav#sub li.presentations > a,
   .tag-promotions nav#sub li.promotions > a
   {background:#86b53c; color:#FFF; }
   
   nav#sub a {display: block; line-height: 1.2em; color:#286f1f; }
   nav#sub ul ul a {color: #898989;}
   nav#sub ul ul li.current_page_item > a {color: #86b53c;}
   nav#sub a:hover {opacity: .6}
/* Hide all submenus by default */
nav#sub ul ul {
    display: none;
}

/* Show submenu only when the parent menu item is active */
nav#sub ul li.current-menu-item > ul,
nav#sub ul li.current-menu-parent > ul,
nav#sub ul li.current-menu-ancestor > ul,
nav#sub ul li.current_page_item > ul,
nav#sub ul li.current_page_parent > ul,
nav#sub ul li.current_page_ancestor > ul {
    display: block;
}


   /* top nav */
   nav ul.topNav {display:inline-block;  float:right; letter-spacing: .05em; position:relative; line-height: 40px;}
   nav ul.topNav li {position:relative; display: inline; padding-left:12px;}
   nav ul.topNav li:first-child: {margin-left: 0;}
   nav ul.topNav > .current_page_item:after,
   nav ul.topNav > .current-page-ancestor:after,
   .tag-clinical-resources nav ul.topNav > .clinicalResources:after
   
   
   {   background: url("images/up-arrow.png") repeat scroll center top rgba(0, 0, 0, 0);
       content: "";
       height: 8px;
       left: 47%;
       position: absolute;
       top: 21px;
       width: 18px;
   }
   
   nav ul.topNav a {text-decoration: none; color:#286f1f;}
   nav ul.topNav a:hover {text-decoration: none; color: #85b43b;}
   nav ul.topNav > .current_page_item > a, 
   nav ul.topNav > .current-page-ancestor > a,  
   .tag-clinical-resources nav ul.topNav > .clinicalResources > a  
   {color:#85b43b;}
   
   
   
   /* primary nav */
   .navWrap {
   width:100%; padding:30px 0; text-align: center;
   background: #85b43b; /* Old browsers */
   background: -moz-linear-gradient(top,  #85b43b 0%, #286f1f 100%); /* FF3.6+ */
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#85b43b), color-stop(100%,#286f1f)); /* Chrome,Safari4+ */
   background: -webkit-linear-gradient(top,  #85b43b 0%,#286f1f 100%); /* Chrome10+,Safari5.1+ */
   background: -o-linear-gradient(top,  #85b43b 0%,#286f1f 100%); /* Opera 11.10+ */
   background: -ms-linear-gradient(top,  #85b43b 0%,#286f1f 100%); /* IE10+ */
   background: linear-gradient(to bottom,  #85b43b 0%,#286f1f 100%); /* W3C */
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#85b43b', endColorstr='#286f1f',GradientType=0 ); /* IE6-9 */
   }
   
   .brown {
   background: #ba6a3a; /* Old browsers */
   background: -moz-linear-gradient(top,  #ba6a3a 0%, #814420 100%); /* FF3.6+ */
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ba6a3a), color-stop(100%,#814420)); /* Chrome,Safari4+ */
   background: -webkit-linear-gradient(top,  #ba6a3a 0%,#814420 100%); /* Chrome10+,Safari5.1+ */
   background: -o-linear-gradient(top,  #ba6a3a 0%,#814420 100%); /* Opera 11.10+ */
   background: -ms-linear-gradient(top,  #ba6a3a 0%,#814420 100%); /* IE10+ */
   background: linear-gradient(to bottom,  #ba6a3a 0%,#814420 100%); /* W3C */
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ba6a3a', endColorstr='#814420',GradientType=0 ); /* IE6-9 */
   }
   .blue {
   background: #5853a1; /* Old browsers */
   background: -moz-linear-gradient(top,  #5853a1 0%, #211d64 100%); /* FF3.6+ */
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5853a1), color-stop(100%,#211d64)); /* Chrome,Safari4+ */
   background: -webkit-linear-gradient(top,  #5853a1 0%,#211d64 100%); /* Chrome10+,Safari5.1+ */
   background: -o-linear-gradient(top,  #5853a1 0%,#211d64 100%); /* Opera 11.10+ */
   background: -ms-linear-gradient(top,  #5853a1 0%,#211d64 100%); /* IE10+ */
   background: linear-gradient(to bottom,  #5853a1 0%,#211d64 100%); /* W3C */
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5853a1', endColorstr='#211d64',GradientType=0 ); /* IE6-9 */
   }
   
   a.toggleMenu {
       width: 100%;
       position: relative;
       display: none;
       color: #fff;
       text-shadow: 0px 1px 5px rgba(0,0,0,.6);
       font-size: 20px;
       border-bottom: 1px solid rgba(0,0,0,.1);
       height: 60px;
       line-height: 60px;
       text-align: left;
       text-indent: 20px;
   }
   a.toggleMenu:after {
       content:"";
       background: url('images/nav-icon.png') no-repeat;
       width: 20px;
       height: 20px;
       display: inline-block;
       position: absolute;
       right:20px;
       top:20px;
   }
   
   .primary {
       list-style: none;
        *zoom: 1;
        max-width: 960px;
        margin:0 auto;
   
   }
   .primary:before,
   .primary:after {
       content: " "; 
       display: table; 
   }
   .primary:after {
       clear: both;
   }
   .primary ul {
       list-style: none;
   }
   .primary a {
       color:#fff;
   }
   .primary li {
       position: relative;
       text-align: left;
   }
   .primary > li {
       display: inline-block;
        letter-spacing: .05em;
   }
   .primary > li > .parent {
       background-repeat: no-repeat;
       background-position: right;
   }
   .primary > li > a {
       display: block;
       text-shadow: 0px 1px 5px rgba(0,0,0,.6);
       font-size: 25px;
       font-weight: 300;
       padding: 10px 12px;
   
   }
   
   
   .primary > li > a:hover {
           text-shadow: 0px 0px 5px rgba(255,255,255,.5);
   }
   
   .primary li ul {
       position: absolute;
       left: -9999px;
       width: 200px;
       padding:10px 20px;
       background: rgb(255,255,255); /* Old browsers */
       background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(229,229,229,1) 80%); /* FF3.6+ */
       background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(80%,rgba(229,229,229,1))); /* Chrome,Safari4+ */
       background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 80%); /* Chrome10+,Safari5.1+ */
       background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 80%); /* Opera 11.10+ */
       background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 80%); /* IE10+ */
       background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 80%); /* W3C */
       filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
       -webkit-box-shadow: 0 1px 7px 0px rgba(0, 0, 0, 0.2);
       box-shadow: 0 1px 7px 0px rgba(0, 0, 0, 0.2);
       -moz-box-sizing: border-box;
       -webkit-box-sizing: border-box;
       box-sizing: border-box;
       border: 1px solid #FFF;
       z-index: 9999;
       letter-spacing: .025em;
   }
   .primary > li.hover > ul {
       left: 25px;
   }
   .primary li li.hover ul {
       left: 100%;
       top: -5px;
   }
   .primary > li > ul:before {
     content: "";
     top: -9px;
     left: 25px;
     position: absolute;
     background: url(images/up-arrow.png) repeat center top;
     width: 18px;
     height: 9px;
   }
   .primary li li ul:before {
     content: "";
     top: 10px;
     left: -9px;
     position: absolute;
     background: url(images/left-arrow.png) repeat center top;
     width: 9px;
     height: 18px;
   }
   
   .primary li li a {
           display: block;
           position: relative;
           z-index:100;
           color:#286f1f;
           font-weight: 700;
           font-size: 13px;
           text-shadow: 0 1px 0px #fff;
           line-height: 1.2em;
           text-transform: uppercase;
           padding:10px 0;
   }
   .primary li li a:hover, .primary li li a:active {color:#85b43b;}
   .primary li li.current-menu-item > a,
   .tag-announcements .primary > li li.announcements > a,
   .tag-insights .primary > li li.insights > a,
   .tag-wheat .primary > li li.wheat > a,
   .tag-careers .primary > li li.careers > a,
   .tag-leadership .primary > li li.leadership > a{color:#666;}
       
   .primary > li.current-menu-item:before,
   .primary > li.current-page-ancestor:before,
   .tag-about .primary > li.aboutUs:before
    {
         content: "";
         top: -30px;
         left: 40%;
         position: absolute;
         background: url(images/current-arrow.png) repeat center bottom;
         width: 26px;
         height: 12px;	
   }
   
   
   
   
   
   
   
   
   
   /*---------------------------------------------*/
   
   /*----------MEDIA QUERIES-----------*/
   
   /*---------------------------------------------*/
   
   
   @media screen and (max-width: 960px) {
   .homeQuote, .quote, .homeQuoteWrap {clear:both; position: relative; background:#FFF; top:0; right: 0; display: block; width: 100%; max-width: 100%; padding:0; margin:0;}
   .formContent:after, .formContent:before	{display: none;}
   .formHeading {padding:10px 0; margin: 0;}
   .home .formHeading {margin:0 0 20px 0; }
   .content img.bbox {border-left: 0; max-width: 100%;}
   .content .col727 img.bbox, .content .col717 img.bbox, .home .content img.bbox, .col482 img  { max-width: 100%;}
   .content img {border: none;}
   .imageHeading {left:0;}
   .dataText {width:292px; float: left; clear:both;}
   
   .col727, .col717, .col482, .col265 {margin-right: auto; margin-left: auto; width: 100%; max-width: 100%;}
   .col230 {width:100%; margin:0;}
   nav#sub ul {margin: 15px 0; display: block; width:100%;}
   nav#sub ul li {clear:both; margin: 5px 0;}
   nav#sub ul li a {-moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; padding:5px 20px 7px 15px; letter-spacing: .025em; font-size: 90%;}
   nav#sub > ul > li > a {background:rgba(240, 240, 240, 0.70);}
   nav#sub ul ul {background:rgba(240, 240, 240, 0.70); margin: 0; padding:10px 0; margin-left:0;}
   .col230 h2 {margin-left: 15px; margin-right:15px;}
   .col230 .pad15 h2 {margin-left: 0; margin-right:0;}
   
   a.button.orderTest, a.button.downloadMenu, a.button.viewReport, form#pay {margin-left: 15px;}
   
   .pleft70, .pleft50 {padding-left: 0;}
   .pad25 {padding:15px;}
   
   .gformLeft, .gformRight {width:100%}
   .gformLeft {float: none;}
   .gformRight {float: none;}
   ul.gfield_radio, ul.gfield_checkbox {height:auto;}
   ul.gfield_radio li, ul.gfield_checkbox li {float:none;}
   
       .navWrap {width:100%; padding:0; }
   
       .active {
           display: block;
       }
       .primary > li {
           float: none;
           display: block;
          border-bottom: 1px solid rgba(0,0,0,.1);
   
       }
       .primary > li > .parent {
           background-position: 95% 50%;
       }
     
       .primary > li > .parent {
      background-image: none;
    
     }
       .primary li .more {
           background-image: url(images/nav-arrow.png);
           background-repeat: no-repeat;
           background-position: 50% 8px;
           background-color: rgba(0,0,0,.1);
           float: right;
           width: 20px;
           height: 20px;
           padding:0;
           cursor: pointer;
           z-index: 200;
           position: relative;
           right:20px;
           top:15px;
   }
       .primary li li .more {top:10px;}
   
       .primary > li.hover > .more, .primary > li li.hover .more  {
           background-image: url(images/nav-arrow.png);
           background-color: rgba(255,255,255,.1);
           background-position: 50% -13px;
   
   }  
       .primary > li > a {
           padding: 10px 20px;
   
   }
     
       .primary ul {
           display: block;
           width: 100%;
   }
      .primary > li.hover > ul , .primary li li.hover ul {
           position: static;
   }
      .primary li  ul:before, .primary li.current-menu-item:before, .primary li.current-page-ancestor:before {display: none;}
      .primary li  ul {
              background: rgba(0,0,0,.1);
              border: none;
           -webkit-box-shadow:none;
           box-shadow:none;
           width: 100%;
           padding:0;
    }
        
       .primary li li a {
           color:#FFF;
           text-shadow: none;
           font-weight: 400;
           padding:12px 25px;
   }
       .primary li li:first-child a {padding-top: 12px;}
       .primary li li a:hover, .primary li li a:active {text-decoration:underline; color: #FFF;}
       .primary li.current-menu-item > a{background: rgba(0,0,0,.1);}
       .primary li.current-page-ancestor > a {background: rgba(0,0,0,.2); border-bottom: 1px solid rgba(0,0,0,.1);}
       .primary li li.current-menu-item > a{color:#FFF; text-decoration: underline;}
        
   #searchform {background: #FFF url(images/search.png) no-repeat 118px 5px; width:135px;}
   #searchform input[type="text"] {width:100px;}
   
   
   }
   
   
   
   @media screen and (max-width: 600px) {
   .socialNav {display: none;}
   a.crossLink {font-size: 11px; font-weight: 700; width:auto; float: none; display: inline-block; margin:0 auto; padding:10px 0 0 26px;}
   #payHeader input[type="submit"],
   #payHeader {float: none; display: inline-block;}    
   
   header .col982 {text-align: center;}
   nav ul.topNav {width:100%; text-align: center;}
   .topBar {margin-bottom: 10px; }
   a.logo {background-size: 150px auto; width: 150px; height:64px; margin:10px auto; float: none;}
   #searchform {margin-left: auto; margin-right: auto; float: none;}
   header {padding-bottom: 10px;}
   .contactNumbers {background: none; padding:20px 0 0; margin: 10px auto; text-align: center; float: none; line-height: 1.2em; border-top: 1px solid #eaeaea;}
   .contactNumbers span {clear:both; display: block;}
   .imageHeading {display: none;}
   .imageCaption {display: none;}
   .col482 {margin-right: 0; width: 100%;}
   ul.col982 {text-align: center; width: 100%;}
   .imageText {max-width: 100%; top:20px; left:0; font-size: 70%; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0;}
   .slides li {height: 340px;}
   
   
   }
   
   @media screen and (max-width: 320px) {
   .homeQuote a.button {font-size: 85%; letter-spacing: .0125em;}
   
   }
   
   
   /* =============================================================================
      Non-Semantic Helper Classes
      ========================================================================== */
   
   /* For image replacement */
   .ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; }
   .ir br { display: none; }
   
   /* Hide from both screenreaders and browsers: h5bp.com/u */
   .hidden { display: none !important; visibility: hidden; }
   
   /* Hide only visually, but have it available for screenreaders: h5bp.com/v */
   .visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
   
   /* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */
   .visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
   
   /* Hide visually and from screenreaders, but maintain layout */
   .invisible { visibility: hidden; }
   
   /* Contain floats: h5bp.com/q */ 
   .clearfix:before, .clearfix:after{ content: ""; display: table; }
   .clearfix:after { clear: both; }
   .clearfix { zoom: 1; }
   
   /* CLEAR FIX*/
   .clearfix:after{content: ".";
       display: block;
       height: 0;
       clear: both;
       visibility: hidden;}
   .clearfix {display: inline-block;}
   /* Hides from IE-mac \*/
   * html .clearfix { height: 1%;}
   .clearfix {display: block;}
   /* End hide from IE-mac */
   
   /* Browser Resets */
   .flex-container a:active,
   .flexslider a:active,
   .flex-container a:focus,
   .flexslider a:focus  {outline: none;}
   .slides,
   .flex-control-nav,
   .flex-direction-nav {margin: 0; padding: 0; list-style: none;} 
   
   /* FlexSlider Necessary Styles
   *********************************/ 
   .flexslider {margin: 0; padding: 0;}
   .flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
   .flexslider .slides img {width: 100%; display: block;}
   .flex-pauseplay span {text-transform: capitalize;}
   
   /* Clearfix for the .slides element */
   .slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 
   html[xmlns] .slides {display: block;} 
   * html .slides {height: 1%;}
   
   /* No JavaScript Fallback */
   /* If you are not using another script, such as Modernizr, make sure you
    * include js that eliminates this class on page load */
   .no-js .slides > li:first-child {display: block;}
   
   /* Footer social nav */
   ul.ftr-social {
       margin: 0 -.5em;
       padding: 0;
       list-style-type: none;
   }
                       
   ul.ftr-social li {
       display: inline-block;
       margin: 0 .5em;
   }
                       
   ul.ftr-social li a{
       font-size: 2em;
   }

   /* fixes */
   nav#sub ul {
    margin: 15px 0;
    display: block;
    text-transform: uppercase;
    padding: 0 !important;
    list-style-type: none !important;
  }
  .replaceh2 {
    font-size: 18px !important;
    color: #000000;
    font-weight: 700;
    margin: 0 0 20px;
    line-height: 1.4em;
  }
  
  .bottomleft {
    left: 1px;
    bottom: 15px;
  }