/* Begin Main Styles */

/* Colors

Green = 4f9237
Gray = 717075

*/

* { margin: 0; padding: 0; }
html, body { margin: 0 !important; padding: 0; }
body { background: #ECEEEF; font-family: Arial, Helvetica, sans-serif; }

#page-container { background: #FFFFFF; margin: 0 auto; max-width: 1000px; }

#header-container { height: auto; width: 100%; }

#header-top { background-color: #ef4135; color: #FFFFFF; font-size: 12px; font-weight: bold; height: 25px; padding-top: 10px; }
   #header-top a { color: #FFFFFF; text-decoration: none; }
   #header-top span.left { float: left; margin-left: 20px; }
   #header-top span.right { float: right; margin-right: 20px; }

#header-bot { height: 220px; margin-top: 10px; width: 100%; }
   #header-bot img#trj-logo { display: block; margin: 0 auto; max-height: 210px; max-width: 100%; }
   #header-bot p#site-name { height: 1px; margin: 0; padding: 0; width: 1px; visibility: hidden; }

#nav-container { background-color: #D9DDE0; margin: 0 auto; overflow: auto; text-align: center; width: 100%; }
.menu { margin: 0 auto; /*padding: 10px 0 0 0;*/ /*max-width: 76%;*/ max-width: 100%;  }
   .menu li { display: inline-block; /*margin-right: 15px;*/ width: auto; }
      .menu li a { color: #657583; display: block; font-weight: bold; font-size: 16px; padding: 10px 10px 10px 10px; text-decoration: none; }
         .menu li.current-menu-item a { color: #ef4135; }
         .menu li a:hover { color: #ef4135; text-decoration: underline; }
      #menu-main-menu-bottom.menu li a { font-weight: normal; font-size: 15px; }
.btn-mobile-menu { display: none; }

#content-container { width: 100%; }
#content-section-home { overflow: hidden; position: relative; width: 100%; }
#content-section-home img { display: block; max-width: 100%; min-width: 800px; }
   .home-overlay { background: rgb(239 65 53 / 80%); color: #FFFFFF; display: block; font-size: 14px; height: auto; left: 15px; max-width: 450px; min-width: 300px; padding: 20px; position: absolute; top: 20px; width: 50%; }
      .home-overlay p { text-align: left; }
      .home-overlay h1#home-title { height: 1px; margin: 0; padding: 0; width: 1px; visibility: hidden; }

#content-section-page { padding: 20px; /*padding: 40px 20px 40px 20px;*/ }
   #content-section-page h1 { color: #ef4135; margin-bottom: 15px; text-align: center; }
   #content-section-page h1.sec { height: 1px; margin: 0; padding: 0; width: 1px; visibility: hidden; }
   #content-section-page h2 { color: #ef4135; margin-top: 15px; text-align: center; }
      #content-section-page h2 a { color: #ef4135; text-decoration: none; }
         #content-section-page h2 a:hover { text-decoration: underline; }
   #content-section-page p { text-align: justify; }
      #content-section-page p a.tele { color: #000000; text-decoration: none; }
      #content-section-page p a { color: #ef4135; text-decoration: none; }
         #content-section-page p a:hover { text-decoration: underline; }
   #content-section-page img.pdf-img { max-width: 100%; }
   #content-section-page img.btn-pdf-bot { display: block; float: right; padding-top: 20px; }
   #content-section-page img.demo-img { max-width: 100%; padding-top: 20px; }
   #content-section-page img.btn-contact { display: block; margin: 0 auto; padding-top: 20px; max-width: 100%; }
      #content-section-page a:hover img.btn-contact { filter: alpha(opacity=80); opacity: 0.8; }

#home-main h1 { font-size: 14px; font-weight: normal; }

#dd-option1-container { float: left; margin-right: 10px; margin-top: 20px; width: 49%; }
#dd-option2-container { float: right; margin-top: 20px; width: 49%; }
   #dd-option1-container h3, #dd-option2-container h3 { color: #ef4135; font-size: 22px; margin-bottom: 10px; text-align: center; }
   #dd-option1-container .dd-inner, #dd-option2-container .dd-inner { background: #ECEEEF; padding: 20px 20px; }
      #dd-option1-container .dd-inner p, #dd-option2-container .dd-inner p { text-align: center; }

.txt-red { color: #4f9237; }
.txt-bigger { font-size: large; }
.txt-smaller { font-size: small; }


#logo-section { background-color: #717075; height: auto; padding: 20px 0; width: 100%; }
   .logo-list { list-style: none; list-style-image: none; margin: 0 auto; /*padding: 20px 0 20px 0;*/ max-width: 100%; text-align: center; }
      .logo-list li { display: inline-block; margin-right: 20px; }
      .logo-list li:last-child { margin-right: 0; }



#footer-container { background-color: #ef4135; color: #FFFFFF; height: auto; padding: 20px 0 20px 0; overflow: auto; width: 100%; }
   #footer-container a { color: #FFFFFF; font-weight: bold; text-decoration: none; }
      #footer-container a:hover { text-decoration: underline; }
#footer-left { float: left; font-size: 12px; margin-left: 120px; }
   #footer-left h6 { font-size: 14px; font-weight: bold; }
   #address-l { float: left; margin-right: 50px; }
   #address-r { float: right; }
#footer-right { float: right; font-size: 16px; margin-right: 120px; text-align: right; }


.bio-container { min-width: 100%; }
.bio-container .bio-img { width: 180px; }
   .bio-container .bio-img img { float: left; margin: 0 10px 0 0; }
.bio-container .bio-txt { margin-left: 180px; }


#contact-l { float: left; font-size: 16px; margin-left: 120px; }
#contact-r { float: right; font-size: 16px; margin-right: 120px; text-align: left; }
   #contact-l h4, #contact-r h4 { font-size: 20px; font-weight: bold; }


.clearfix { clear: both; }

/* End Main Styles */







/* Begin Mobile Styles */


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

.menu { max-width: 100%; }
#footer-left { margin-left: 20px; }
#footer-right { margin-right: 20px; }

}





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

#contact-l { float: none; margin-left: 0; margin-bottom: 40px; text-align: center; }
#contact-r { float: none; margin-right: 0; text-align: center; }

}




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

#header-top { height: 35px; text-align: center; }
#header-top span.left { display: block; float: none; margin: 0 20px; }
#header-top span.right { display: block; float: none; margin: 0 20px; }
	
#sec-nav { display: none; }
.btn-mobile-menu { background: #FFFFFF; border: 2px solid #b5b5b5; color: #4f9237; display: block; font-size: 16px; font-weight: bold; margin: 0 auto; margin-bottom: 10px; padding: 16px 0 14px 0; text-decoration: none; text-align: center; text-transform: uppercase; width: 260px; }
#mobile-menu .menu li a { font-size: 14px; font-weight: normal; }


#dd-option1-container { float: none; margin: 0 auto; margin-top: 20px; width: 390px; }
#dd-option2-container { float: none; margin: 0 auto; margin-top: 20px; width: 390px; }
   #dd-option1-container h3, #dd-option2-container h3 { color: #4f9237; font-size: 22px; margin-bottom: 10px; text-align: center; }
   #dd-option1-container .dd-inner, #dd-option2-container .dd-inner { background: #ECEEEF; padding: 20px 20px; }
      #dd-option1-container .dd-inner p, #dd-option2-container .dd-inner p { text-align: center; }
#logo-section { padding: 20px 0 20px 0; }
   .logo-list { margin: 0 auto; max-width: none; text-align: center; }
      .logo-list li { margin: 0 20px 20px 0; }
      .logo-list li:last-child { margin: 0 20px 0 0; }

#footer-left { float: none; margin: 0 auto; }
   #address-l { float: none; margin-bottom: 20px; margin-right: 0; text-align: center; }
   #address-r { float: none; margin-bottom: 20px; text-align: center; }
#footer-right { float: none; margin: 0 auto; text-align: center; }

}





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

.bio-container .bio-img { margin: 0 auto; }
   .bio-container .bio-img img { float: none; margin: 0 0 10px 0; }
.bio-container .bio-txt { margin-left: 0; text-align: center; }

#logo-section { padding: 20px 0 0 0; }

}




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

#dd-option1-container { float: none; margin: 0 auto; margin-top: 20px; width: 99%; }
#dd-option2-container { float: none; margin: 0 auto; margin-top: 20px; width: 99%; }

#logo-section { padding: 20px 0 20px 0; }
   .logo-list { margin: 0 auto; max-width: none; text-align: center; }
      .logo-list li { display: block; margin: 0 0 20px 0; }
      .logo-list li:last-child { margin: 0; }

}


/* End Mobile Styles */