@charset "utf-8";
@import url("reset.css");
@import url(http://fonts.googleapis.com/css?family=Merriweather+Sans:400,300);
@import url(http://fonts.googleapis.com/css?family=Oswald);
@import url(http://fonts.googleapis.com/css?family=PT+Sans+Caption:700);
@import url(http://fonts.googleapis.com/css?family=Roboto+Condensed:400italic,700italic,400,700);


/* Mobile first queries */
   body,html {
      font-family: 'Roboto Condensed', sans-serif;
	   font-size:1.0em;
      font-weight: 400;
	   position:relative;
      width:100%;
      background:#0f6cb6;
      color:#fff;
      -webkit-text-size-adjust: 100%;
   }
   #web_container {
       max-width:100%;
       min-width:100%;
      overflow-x:hidden;
   }
   p {
      line-height:1.5;
      margin-bottom:15px;
   }
   h1 {
      font-size:30px;
      color:#81b9e5;
      font-weight: 400;
      line-height: 1.2;
      margin-bottom:5px;
      margin-top:40px;
      text-transform:uppercase;
      text-align:center;
   }
   h2 {
      clear:both;
      font-size:1.4em;
      font-weight:400;
      padding-top:5px;
      padding-bottom:20px;
      line-height:1.3;
      color:#aaa;
      font-family: 'Merriweather Sans', sans-serif;
      text-align:center;
   }
   h2.flush_top {
      margin-bottom:25px;
      margin-top:10px;
   }
   h3 {
      font-family: 'PT Sans Caption', sans-serif;
      font-size:18px;
      font-weight:700;
      text-transform:uppercase;
      padding-top:35px;
      padding-bottom:5px;
      color:#fff;
      text-align:center;
   }
   h4 {
      font-weight:700;
      font-size:14px;
      text-transform:uppercase;
      margin-top:25px;
      margin-bottom:5px;
      color:#222;
      line-height:1.3;
   }
   a {
	   color: #028b9b;
	   text-decoration: none;
	   outline: 0;
   }
   #patents-button {
      position:relative !important;
      display:inline-block !important;
      width: 120px !important;
      text-align: center;
      margin-top: 0px !important;
      margin-right: 55% !important;
      padding: 12px;
      background: #0f6cb6;
      border: 2px solid #ffffff !important;
      border-radius: 12px;
      color: #ffffff;
      float: right !important;
      transition: 0.3s;
   }
   #patents-button:hover {
      background: #000B65;
      transition: 0.3s;
   }
   #cert-button {
      position:relative !important;
      display:inline-block !important;
      width: 120px !important;
      text-align: center;
      margin-top: -44px !important;
      margin-right: 0% !important;
      padding: 12px;
      background: #0f6cb6;
      border: 2px solid #ffffff !important;
      border-radius: 12px;
      color: #ffffff;
      float: right !important;
      transition: 0.3s;
   }
   #cert-button:hover {
      background: #000B65;
      transition: 0.3s;
   }
   .dialog-form {
      display:none;
   }
   a:hover, a:focus, a:active {
	   color: #028b9b;
	   text-decoration: underline;
	   outline: 0;
   }
   .text-centered {
      text-align:center;
   }
   .text-top {
      margin-top:0!important;
      padding-top:0!important;
      border-top:0!important;
   }
   .clear {
       clear: both;
       display: block;
       overflow: hidden;
       visibility: hidden;
       width: 0;
       height: 0;
   }
   .clearfix:after {
       clear: both;
       content: ' ';
       display: block;
       font-size: 0;
       line-height: 0;
       visibility: hidden;
   }
   .breadcrumb {
      font-weight:400;
      font-size:13px;
      color:#777;
      margin-bottom:30px;
      margin-top:0;
      text-transform:capitalize;
      min-height:0!important;
   }
   .breadcrumb span {
      font-weight:400;
      display:inline-block;
      margin:0 5px;
      font-style:normal;
      color:#777;
   }
   .breadcrumb em {
      font-style:normal;
      text-transform:none;
   }
   .breadcrumb a {
      color:rgb(2,139,255);
      text-decoration:none;
      display:inline-block;
      margin:0 5px;
   }
   .breadcrumb a:hover {
      color:rgb(2,139,255);
      text-decoration:underline;
   }
   ul.styled_list {
      list-style: disc;
   }
   ol.styled_list {
      list-style:decimal;
   }
   ul.styled_list,
   ol.styled_list {
      padding: 0;
      margin-top: 15px;
      margin-bottom: 15px;
      line-height: 1.5;
   }
   ul.styled_list li,
   ol.styled_list li {
      padding: 0;
      margin-bottom: 15px;
      margin-left: 45px;
      margin-right:45px;
   }
   ul.styled_list li ul,
   ol.styled_list li ol {
      padding: 0;
      margin-top: 5px;
      margin-bottom: 10px;
   }
   ul.styled_list li ul,
   ol.styled_list li ul {
      list-style: circle;
   }
   ul.styled_list li ol,
   ol.styled_list li ol {
      list-style: upper-roman;
   }
   ul.list_float,
   ol.list_float {
      width:50%;
      float:left;
   }
   #wrapper {
      width:100%;
      background:#000;
      position:relative;
      z-index:200;
   }
   article.main {
      padding-bottom:40px;
   }
   .main {
      width:100%;
      max-width:1100px;
      position:relative;
      margin:auto;
   }
   #header > .main {
      height:100%;
   }
   #header.header_bg {
      width:100%;
      height:300px;
      position:relative;
      background:url("../images/bluprintbg5.png") repeat-x 0 -10px #000B65;
      z-index:100;
      border-bottom:10px solid #000B65;
   }
   #header .logo {
      position: relative;
      top: -12px;
      float:left;
      margin-left: 8%;
      border: none;
      z-index:200;
      width:84%;
      height:auto;
   }
   #header .insert_experience {
      position: relative;
      float: right;
      margin-top: 0px;
      margin-right: 10%;
      border: none;
      width: 76%;
      height: auto;
   }
   #header .insert_experience img {
      position: relative;
      float: right;
      width: 100%;
      height: auto;
   }
   #header .insert_experience img:first-child {
      margin-bottom: 6px;
   }
   .hdr_phone {
       position: absolute;
       top: -48px;
       left: 5%;
       color: #fff!important;
       font-size: 28px;
       text-decoration:none!important;
       cursor:default!important;
   }
   .hdr_phone:hover {
       color: #fff!important;
       text-decoration:none!important;
   }
   .section_left {
      width:90%;
      margin:0 auto;
      position:relative;
      clear:both;
      text-align:justified;
   }
   .section_right {
      width:90%;
      margin:0 auto;
      position:relative;
      clear:both;
      text-align:justified;
   }
   .section_right img {
      width:100%;
      max-width:600px;
      height:auto;
      float:right;
      margin-top:30px;
   }
   .section_img_left p,
   .section_img_right p,
   .section_left p,
   .section_right p {
      text-align:justify;
      font-size:1.0em;
      color:#fff;
      line-height:1.4;
   }
   .section_left h2,
   .section_right h2 {
      text-align:center;
   }
   .section_img_left {
      width:100%;
      margin:0;
      padding:30px 0 0 0;
      position:relative;
      float:right;
      clear:both;
      background:#000;
   }
   .section_img_left img {
      width:70%;
      max-width:325px;
      height:auto;
      display:block;
      margin: 50px auto 30px auto;
   }
   .section_img_left article {
      width:90%;
      margin:10px auto;
   }
   .section_img_right {
      float:left;
      width:100%;
      margin:0;
      padding:0;
      position:relative;
      clear:both;
      background:#000;
   }
   .section_img_right img {
      width:100%;
      max-width:600px;
      height:auto;
      float:right;
   }
   @media only screen and (min-width: 941px) {
      .slides { float: right; margin-right: 70px; }
   }
   #slide img.holding_img {
      visibility:hidden;
      position:relative!important;
   }
   .section_img_right article {
      width:100%;
      float:left;
   }
   .section_img_left article h1,
   .section_img_right article h1 {
      padding-bottom:10px;
      margin:0;
      text-align:center;
   }
   .section_img_left article p,
   .section_img_right article p {
      font-size:16px;
      color:#fff;
      line-height:1.4;
   }
   .section_img_left article ul li,
   .section_img_right article ul li {
      font-size:18px;
      color:#fff;
      line-height:1.4;
      margin-left:55px;
      margin-right:25px;
   }
   .section_img_left article footer,
   .section_img_right article footer {
      padding-top:10px;
   }
   .section_last {
      padding-bottom:0!important;
      margin-bottom:0!important;
      border-bottom:none!important;
   }
   .section_img_left article footer a,
   .section_img_right article footer a {
      color:#81b9e5;
      border:3px solid #81b9e5;
      border-radius:8px;
      text-align:center;
      padding:15px 24px;
      margin:35px auto 0 auto;
      font-size:1.25em;
      font-weight:700;
      display:block;
      width:40%;
      text-decoration:none;
   }
   .section_img_left article footer a:hover,
   .section_img_right article footer a:hover {
      background:#030b12;
   }
   .section_full_page {
      width:90%;
      margin-left:5%;
   }
   .products_list {
      width:90%;
      margin-left:5%;
      text-align:center;
   }
   .products_list img {
      width:97%;
      border:4px solid #81b9e5;
      margin:10px 0 20px 1%;
      display:block;
   }
   .products_list p span {
      font-size:16px;
      display:block;
      padding-top:10px;
   }
   .products_list p a {
      display:inline-block;
      margin-top:2px;
      margin-right:12px;
      padding-right:12px;
      border-right:2px solid #fff;
   }
   .products_list p a:last-child {
      margin-right:0;
      padding-right:0;
      border-right:none;
   }
   #product_feature {
      text-align:center;
   }
   #product_feature h2 {
      padding-top:30px;
   }
   #product_feature img {
      display:block;
      width:90%;
      margin:10px auto 0 auto;
   }
   #product_feature img.featured_image {
      border-radius: 6px;
      margin-bottom:20px;
      max-width:375px;
   }
   ul.product_features {
     width:85%;
     padding-bottom:30px;
     list-style:disc;
     display:block;
     padding:30px 0 0 0px;
     text-align:left;
     margin-left:10%;
   }
   ul.product_features li {
     padding-bottom:15px;
     line-height:1.3;
   }

   /************** Contact Us *************/

   #mail {
      padding-top:25px;
      text-align:center;
   }
   #address img {
      display:block;
      margin:40px auto;
      width:94%;
      height:auto;
   }

   /************** Footer *************/

   #footer {
    background: url("../images/bluprintbg5.png") repeat-x 0 -10px #000B65;
    border-top: 10px solid #000B65;
    padding:0 0 110px 0;
    margin-top:40px;
    }
    #footer,
    #footer a {
       color:#fff;
       text-decoration:none;
    }
    #footer .copyright {
       font-size:0.8em;
       padding-top:20px;
       text-align:center;
    }



/* Larger Mobile Devices (iPhone 6/6+) Portrait Mode */
@media (min-width: 400px) {
}



/* Tablet (iPad/iPad Mini) Portrait Mode and Larger Mobile Devices (iPhone 6/6+) Landscape Mode */
@media (min-width: 550px) {
   h2, h3 {
      text-align:left;
   }
   .main {
      width:100%;
      max-width:100%;
   }
   #header.header_bg {
      width:100%;
      height:400px;
   }
   #header .logo {
      top: -15px;
      margin-left: 18%;
      width:64%;
      height:auto;
   }
   #header .insert_experience {
      margin-top:2px;
      margin-right: 25%;
      width:50%;
      height:auto;
   }
   #header .insert_experience img {
      width:100%;
      height:auto;
   }
   #header .insert_experience img:first-child {
      margin-bottom: 6px;
   }
   .hdr_phone {
       position: absolute;
       top: -46px;
       left:inherit;
       right: 25%;
       color: #fff!important;
       font-size: 28px;
       text-decoration:none!important;
       cursor:default!important;
   }
   .section_img_left article footer a,
   .section_img_right article footer a {
      width:36%;
   }
   .section_img_left img {
       width: 36%;
       height: auto;
       margin: 0 25px 50px 0;
       float: right;
   }
   .section_img_left article {
       width: 55%;
       margin: 10px 0;
       float: left;
   }
   .section_img_left article ul li,
   .section_img_right article ul li {
      font-size:20px;
      color:#fff;
      line-height:1.4;
      margin-left:55px;
      margin-right:25px;
      margin-bottom:16px;
   }
   .section_img_left article ul,
   .section_img_right article ul {
      margin-left:25px;
   }
   .section_img_right,
   .section_right {
       float: none;
       width: 80%;
       max-width:600px;
       margin: auto;
   }
   .section_img_left p,
   .section_img_right p,
   .section_left p,
   .section_right p {
   }
   .section_img_left h2,
   .section_img_right h2,
   .section_left h2,
   .section_right h2 {
   }
   .section_full_page {
      width:90%;
      margin:auto;
   }
   .section_full_page h1 {
      padding-bottom: 40px;
   }
   .products_list {
      width:100%;
      float:left;
      margin-left:0;
      text-align:left;
      clear: both;
      margin-bottom: 30px;
      padding-bottom: 25px;
      border-bottom: 1px dashed #fff;
   }
   .last_product {
      margin-bottom: 25px;
      padding-bottom: 25px;
      border-bottom: none;
   }
   .products_left {
      width: 45%;
      padding-bottom:25px;
      float: left;
   }
   .products_right {
      width: 100%;
      clear: left;
      margin-left: 0%;
   }
   .products_list img {
      width:100%;
      border:none;
      margin:0;
      display:block;
   }
   .products_list p span {
      font-size:16px;
      display:inline-block;
      padding-top:2px;
      width:60%;
   }
   .products_list p {
      margin-top:5px;
      margin-bottom:5px;
   }
   .products_list p:first-child {
      margin-bottom:20px;
   }
   .products_list p a {
      margin-top:2px;
      margin-right:0;
      padding-right:0;
      border-right:none;
      display: inline-block;
      color: #fff;
      font-size: 13px;
      text-decoration: none;
      font-weight: bold;
      margin-left: 15px;
      padding-left: 25px;
      background: url("../images/link_arrow.png")no-repeat 0 2px;
   }
   .products_list p a:last-child {
      margin-right:0;
      padding-right:0;
      border-right:none;
   }
   .products_list h3 {
      text-align:left;
      padding-top:0;
      padding-bottom:15px;
      font-size:16px;
   }
   #product_feature {
      text-align:center;
   }
   #product_feature h2 {
      text-align:center;
   }
   #product_feature img {
      display:block;
      width:80%;
      margin:10px auto 0 auto;
   }
   ul.product_features {
     width:60%;
     padding-bottom:30px;
     list-style:disc;
     display:block;
     padding:30px 0 0 0px;
     text-align:left;
     margin-left:20%;
   }
   #mail p {
      width:45%;
      float:left;
      margin-left:2.5%;
      margin-right:2.5%;
      padding-bottom:40px;
   }
   #address img {
      display:block;
      margin:80px auto;
      width:80%;
      height:auto;
      clear:both;
   }
    #footer {
       margin-top:30px;
    }

}

/* Tablet (iPad/iPad Mini) Landscape Mode */
@media (min-width: 850px) {
   h1 {
      text-align:left;
   }
   .main {
      width:100%;
      max-width:85%;
   }
   .section_full_page {
      width:95%;
      margin:auto;
   }
   #wrapper {
      background:#000;
   }
   #header.header_bg {
      padding-bottom: 0px;
   }
   #header .main {
      overflow-x:visible;
   }
   #header.header_bg {
      width:100%;
      height:240px;
   }
   #header .logo {
      top: 40px;
      margin-left: 7%;
      width:40%;
      max-width:425px;
      height:auto;
   }
   #header .insert_experience {
      margin-top:50px;
      margin-right: 7%;
      width:35%;
      height:auto;
   }
   #header .insert_experience img {
      width:100%;
      height:auto;
   }
   #header .insert_experience img:first-child {
      margin-bottom: 6px;
   }
   .hdr_phone {
       position: absolute;
       top: -46px;
       left:inherit;
       right: 0%;
       color: #fff!important;
       font-size: 28px;
       text-decoration:none!important;
       cursor:default!important;
   }
   .section_left {
      float:left;
      width:50%;
      margin:20px 0;
      position:relative;
      clear:both;
   }
   .section_right {
      float:right;
      width:50%;
      margin:20px 0;
      position:relative;
      clear:none;
   }
   .section_right img {
      width:90%;
      height:auto;
      margin:auto;
      display:block;
      top:35px;
      right:0;
   }
   .section_img_left article h1,
   .section_img_right article h1 {
      text-align:left;
   }
   .section_left h1,
   .section_left h2,
   .section_right h1,
   .section_right h3 {
      text-align:left;
   }
   .section_img_left {
      float: none;
      width: 90%;
      max-width: 1024px;
      margin: 0 auto 0 auto;
      background:#000;
      z-index:300;
   }
   .section_img_left article ul li,
   .section_img_right article ul li {
      font-size:18px;
      color:#fff;
      line-height:1.4;
      margin-left:0px;
      margin-right:20px;
      margin-bottom:10px;
   }
   .section_img_left article ul,
   .section_img_right article ul {
      margin-left:20px;
   }

   .section_img_left img {
       width: 31%;
       height: auto;
       margin-left: 0;
       float: right;
   }
   .section_img_left article {
      width:64%;
      float:left;
   }
   ul.list_left,
   ul.list_right {
      width:44%;
      margin-left:5px;
      margin-right:0;
      float:left;
   }
   .section_img_right {
       float: none;
       width: 100%;
       max-width: 1100px;
       margin: 300px 0 0 9%;
       padding: 0px 0 0 0;
       position: relative;
       clear: none;
       background: #000;
   }
   .section_img_right img {
      width:48%;
      height:auto;
      margin-right:0;
      float:right;
   }
   .section_img_right article {
      width:50%;
      float:left;
   }
   .section_img_left article h2,
   .section_img_right article h2 {
      font-size:30px;
      padding-bottom:10px;
      margin:0;
      text-align:left;
   }
   .section_img_left article p,
   .section_img_right article p {
      font-size:16px;
   }
   .section_img_left article footer,
   .section_img_right article footer {
      width: 100%;
      margin-left:0;
      border-bottom: none;
      padding-bottom:0px;
      border-top: none;
      position: absolute;
      top: 10px;
      left: 44%;
   }
   .section_img_left article footer a,
   .section_img_right article footer a {
      padding:12px 8px;
      margin:15px 0 0 0;
      font-size:1.0em;
      font-weight:700;
      display:inline-block;
   }
   .section_img_left article footer a,
   .section_img_right article footer a {
       width: 12%;
       min-width:120px;
       padding:12px 8px;
   }
   .products_left {
      width: 25%;
      float: left;
      padding-bottom:0;
   }
   .products_right {
      width: 70%;
      float: left;
      margin-left: 2%;
      clear:none;
   }
   .products_left img {
      border-radius: 6px;
   }
   .products_right img {
      border-radius: 6px;
   }
   .products_list p span {
      width:58%;
   }
   #product_feature {
      text-align:left;
   }
   #product_feature h2 {
      text-align:left;
   }
   #product_feature img {
      display:block;
      border-radius: 6px;
      width:90%;
      margin:10px 0 0 0;
   }
   #product_feature img.featured_image {
      width:250px;
      float:left;
      padding-top:0px;
   }
   ul.product_features {
     width:310px;
     float:left;
     list-style:disc;
     display:block;
     padding:30px 0 0 50px;
     margin-left:0;
   }
   ul.product_features li {
     padding-bottom:15px;
     line-height:1.3;
   }
   #product_feature div p {
      float:left;
      width:70%;
   }
   #product_feature div div {
      float:right;
      width:30%;
      padding-top:30px;
   }
   .product-top-container {
      float: left !important;
   }
   .product-left {
      float: left !important;
      width: 70% !important;
   }
   .product-right {
      float: right !important;
      width: 25% !important;
   }

   /************** Contact Us *************/

   #mail {
      width:auto;
      float:left;
      padding-top:0;
      text-align:left;
      margin-left:-5%;
   }
   #mail p {
      width:auto;
      float:none;
      margin-left:0;
      margin-right:0;
      padding-bottom:10px;
   }
   #address img {
      float:right;
      margin:-75px -5% 0 0;
      width:auto;
      height:auto;
      clear:none;
   }
   h1.left {
      margin-left:-5%;
   }

   /************** Footer *************/

    #footer .copyright {
       font-size:0.8em;
    }
    #footer figure,
    #footer figure a {
       font-size:1.1em;
    }
}

/* Smaller Laptops */
@media (min-width: 1024px) {
   html, body {
       min-width: 1024px;
    }
   .section_left {
      float:left;
      width:55%;
      margin:20px 0;
      position:relative;
      clear:both;
   }
   .section_right {
      float:right;
      width:45%;
      margin:20px 0;
      position:relative;
      clear:none;
   }
   .section_full_page {
      width:90%;
      max-width:980px;
      margin:auto;
   }
}

/* Standard Laptop and Desktop */
@media (min-width: 1280px) {
    h1 {
       text-align:left;
    }
   #mail {
      margin-left:0;
   }
   #address img {
      margin:-75px 0 0 0;
   }
   h1.left {
      margin-left:0;
   }
   .section_img_right {
       float: none;
       width: 100%;
       max-width: 1100px;
       margin: 300px 0 0 12%;
       padding: 0px 0 0 0;
       position: relative;
       clear: none;
       background: #000;
   }
   .hdr_phone {
       position: absolute;
       top: -43px;
       left:inherit;
       right: 8%;
       color: #fff!important;
       font-size: 28px;
       text-decoration:none!important;
       cursor:default!important;
   }
}
/* Larger Laptop and Desktop */
@media (min-width: 1360px) {
   #header .insert_experience {
       margin-top: 40px;
       margin-right: 7%;
       width: 350px;
       height: auto;
   }
   #header .insert_experience img {
      width: 100%;
      height: auto;
  }
  #header .insert_experience img:first-child {
   margin-bottom: 6px;
}
   .section_img_left {
      float: none;
      width: 90%;
      max-width: 1024px;
      margin: 0 auto 0 auto;
      background:#000;
      z-index:300;
   }
   .section_img_left article ul li,
   .section_img_right article ul li {
      font-size:18px;
      color:#fff;
      line-height:1.4;
      margin-left:0px;
      margin-right:25px;
      margin-bottom:10px;
   }
   .section_img_left article ul,
   .section_img_right article ul {
      margin-left:25px;
   }

   .section_img_left img {
       width: 37%;
       height: auto;
       margin-left: 0;
       float: right;
   }
   .section_img_left article {
      width:64%;
      float:left;
   }
   ul.list_left,
   ul.list_right {
      width:46%;
      margin-left:5px;
      margin-right:0;
      float:left;
   }
   .section_img_right {
       float: none;
       width: 100%;
       max-width: 1100px;
       margin: 260px 0 0 175px;
       padding: 0px 0 0 0;
       position: relative;
       clear: none;
       background: #000;
   }
   .section_img_right img {
      width:48%;
      height:auto;
      margin-right:0;
      float:right;
   }
   .section_img_right article {
      width:50%;
      float:left;
   }
   .section_img_left article h1,
   .section_img_right article h1 {
      font-size:35px;
      padding-bottom:10px;
      margin:0;
      text-align:left;
   }
   .section_img_left article p,
   .section_img_right article p {
      font-size:16px;
   }
   .section_img_left article footer,
   .section_img_right article footer {
      width: 100%;
      margin-left:0;
      border-bottom: none;
      padding-bottom:0px;
      border-top: none;
      position: absolute;
      top: 10px;
      left: 45%;
   }
   .section_img_left article footer a,
   .section_img_right article footer a {
      padding:11px 22px;
      margin:15px 0 0 0;
      font-size:1.0em;
      font-weight:700;
      display:inline-block;
   }
   .section_img_left article footer a,
   .section_img_right article footer a {
       width: 12%;
       padding:12px 8px;
   }
}

/* Largest Desktop */
@media (min-width: 1920px) {
}