@charset "utf-8";

/* <<<<<<<<<<<<<<<<< Evexia Diagnostics - About: Body Styles >>>>>>>>>>>>>>>> */

.dc-about-wrapper {
     width:100%;
     background-color: #FFFFFF;
     font-family: 'Source Sans Pro', sans-serif;
     font-size: 100%;
     margin: 0% 0% 2% 0%;
}

.clearrow {
	clear:both;
}

/* <<<<<<<<<<<<<<<<< Evexia Diagnostics - About: Hero Styles >>>>>>>>>>>>>>>> */

.dc-about-hero {
     background:url(../../content/images/about-hero.jpg) top center no-repeat;
     background-size: 100%;
     padding:5%;
     margin:.25% 0%;
}
    .dc-about-hero h1 {
      width: 28%;
      margin: 0 auto;
      padding: 1.5% 2% 2%;
      position: relative;
      background: rgba(255,255,255,0.65);
      padding: 25px;
      color: #191D63;
      font-size: 46px;
      line-height: 56px;
      font-weight: 700;
      text-align: center;
 }

.dc-about-headline {
     background-color:#1397BA;
     font-style: normal;
     font-weight:300;
     font-size: 3.25em;
     text-align:center;
     color:#FFFFFF;
     padding: .75% 0% 1.25%;
}

/* <<<<<<<<<<<<<<<<< Evexia Diagnostics - About: Content Styles >>>>>>>>>>>>>>>> */

.dc-about-contentwrapper {
     max-width:1000px !important;
     margin: 0% auto;
     padding:0%;
}

.dc-about-introcopy {
     padding: 1.75%;
}

.dc-about-introcopy {
     font-style: normal;
     font-weight: 400;
     font-size: 1.4em;
     line-height: 1.45em;
}
.dc-about-introcopy p {
    margin:1.35% 0%;
}
.dc-about-slidewrap {
     background:url(../../Content/images/about-pulsebanner.jpg) top center no-repeat;
     background-size: 100%;
     padding: 45% 2.5% 0%;
}

.bx-wrapper .bx-viewport {
    -moz-box-shadow: 0 0 5px #ccc;
    -webkit-box-shadow: 0 0 5px #ccc;
    box-shadow: 0 0 5px #ccc;
    background: #fff;
}

.dc-about-slide {
     padding: 0%;
     margin:0%;
     background:#EDFCFC;
}
.dc-about-slide img {
     max-width: 100%;
     height:auto;
}

.dc-about-servhdline {
     background:#0476A6;
     font-weight: 600;
     font-size: 2.4em;
     line-height:1.4em;
     text-align:center;
     color:#93EFF9;
     padding: 1% 1.5% 1.5%;
}

.dc-about-support {
     background:url(../../Content/images/about-support.jpg) top center no-repeat;
     background-size:cover;
     background-color:#033872;
     margin:2.5% 0%;
     padding:20%;
}
.dc-about-support h2,
.dc-about-support h3 {
     font-weight: 200;
     font-size: 2.6em;
     line-height:1.65em;
     text-align:center;
     color:#93EFF9;
}
.dc-about-support h3 {
     display:block;
     margin:5% 0% 0% 0%;
     color:#FFFFFF;
}

.dc-about-socialwrap {
     background:url(../../Content/images/about-social.jpg) top center no-repeat;
     background-size:100%;
     margin:2.5% 0%;
     padding:33% 0% 0% 0%;
}

.dc-about-socialbar {
    width:100%;
     background:rgb(178,234,247);
     background:rgba(178,234,247, .75);
     padding:1.5% 3.2% 2%;
}
.dc-about-socialhdln {
     width:60%;
     float:left;
     font-weight: 300;
     font-size: 2.25em;
     color:#0B3663;
     margin:1.4% 0%;
}

.dc-about-socialicons {
     width:40%;
     float:right;
}

.dc-about-socialicons img {
     max-width:100%;
     height:auto;
     margin:0 6.5%;
}

/* <<<<<<<<<<<<<<<<< Evexia Diagnostics - About: CTA Styles >>>>>>>>>>>>>>>> */


.dc-about-ctawrapper {
     background-color:#1397BA;
     padding: 2%;
     text-align:center;
     color: #93EFF9;
     font-size: 1.65em;
     line-height: 1.35em;
     margin: 1.5% 0% 0% 0%;
}
.dc-about-ctablurb {
     font-weight: 600;
     color: #FFFFFF;
     font-size: 1em;
     line-height: 1.2em;
     margin: 0% 0% 1.15% 0%;
}

.dc-about-ctaclick,
.dc-about-ctaclick a,
.dc-about-ctaclick a:link,
.dc-about-ctaclick a:hover,
.dc-about-ctaclick a:visited {
     margin: 3.4% auto 2%;
     font-style: normal;
     font-weight: 200;
     font-size: 1.05em;
     -webkit-border-radius: 50px;
     -moz-border-radius: 50px;
     border-radius: 50px;
     text-align:center;
     text-decoration:none;
     padding:1.2% 4% 1.6%;
}
.dc-about-ctaclick a:link,
.dc-about-ctaclick a:visited {
	background-color:#0B3663;
     color:#93EFF9;
	-webkit-transition: color 0.2s, background 0.5s;
  	-moz-transition: color 0.2s, background 0.5s;
  	-o-transition: color 0.2s, background 0.5s;
  	transition: color 0.2s, background 0.5s;
}
.dc-about-ctaclick a:hover {
	background-color:#02638E;
     color:#FFFFFF;
}


/* <<<<<<<<<<<<<<<<< Evexia Diagnostics - Test Menus: Media Queries >>>>>>>>>>>>>>>> */


@media (max-width: 1281px) { /* <<< 1280×800 (Common Macbook)>>> */
     .dc-about-hero h1 {
          width:28%;
          padding:1.5% 2% 2%;
          font-size:2.25em;
          line-height:1.20;
     }
}
@media (max-width: 1025px) { /* <<< 1024×768 (4:3 Aspect Ratio & iPAD Landscape)>>> */
     .dc-about-hero {
          background-size: 115%;
          padding:3% 0%;
          margin:.25% 0%;
     }
     .dc-about-hero h1 {
          width:30%;
          padding:1.5% 2% 2%;
          font-size:2.1em;
          line-height:1.20;
     }
}


@media (max-width: 769px) { /* <<< 768×1024 (4:3 Aspect Ratio & iPAD Portrait)>>> */

     .dc-about-hero h1 {
          width:32%;
          padding:1.5% 2% 2%;
          font-size:1.65em;
          line-height:1.20;
          -webkit-border-radius: 15px;
          -moz-border-radius: 15px;
          border-radius: 15px;
     }

     .dc-about-headline {
          font-size: 2.5em;
          line-height: 1.15em;
          padding: 1.7% 0% 2.55%;
     }

     .dc-about-contentwrapper {
          padding:0%;
     }
     .dc-about-introcopy {
          padding: 1.75% 2.5% 2.5%;
     }

     .dc-about-socialhdln {
          width:100%;
          float:none;
          font-weight: 300;
          font-size: 2.25em;
          line-height:1.65em;
          color:#0B3663;
          text-align:center;
          margin:0;
     }

     .dc-about-socialicons {
          width:100%;
          float:none;
          text-align:center;
     }

     .dc-about-socialicons img {
          margin:0% 5% 0%;
     }
}

@media (max-width: 541px) { /* <<< 414×736 540×960 (Nexus, Galaxy, HTC One: Aspect 1 Portrait) >>> */

     .dc-about-hero {
          background-size: 120%;
          padding:15% 0% 3%;
          margin:.25% 0%;
     }
     .dc-about-hero h1 {
          width:60%;
          padding:1.5% 2% 2%;
          font-size:1.65em;
          line-height:1.20;
     }

     .dc-about-introcopy {
          font-style: normal;
          font-weight: 400;
          font-size: 1.2em;
          line-height: 1.42em;
          padding: 2.75% 4% 4%;
     }
     .dc-about-introcopy p {
         margin:1.85% 0%;
     }

     .dc-about-servhdline {
          font-size: 2.1em;
          line-height:1.4em;
          padding: 1% 1.5% 1.5%;
     }

     .dc-about-support {
          background-color:#033872;
          margin:2.5% 0%;
          padding:24% 15%;
     }

     .dc-about-support h2,
     .dc-about-support h3 {
          font-size: 2.15em;
          line-height:1.65em;
     }
     .dc-about-support h3 {
          margin:5% 0% 0% 0%;
     }

     .dc-about-socialhdln {
          margin: 0% 0% 1%;
     }

     .dc-about-socialicons {
          margin: 0% 0% 2%;
     }

     .dc-about-CTA,
     .dc-about-CTA a,
     .dc-about-CTA a:link,
     .dc-about-CTA a:hover,
     .dc-about-CTA a:visited {
          width:95%;
          margin: 0% auto;
          font-style: normal;
          font-weight: 300;
          font-size: 1.42em;
          -webkit-border-radius: 8px;
          -moz-border-radius: 8px;
          border-radius: 8px;
          text-align:center;
          text-decoration:none;
          padding:.75% 4% 2.15%;
     }
}

@media (max-width: 415px) { /* <<< 414×736 (iPhone 6 Plus & Galaxy 7: Aspect 1 Portrait) >>> */


     .dc-about-headline {
          line-height: 1.25em;
          padding: 1.7% 1.5% 2.55%;
     }

     .dc-about-servhdline {
          font-size: 1.4em;
          line-height:1.4em;
          padding: 1% 1.5% 2%;
     }

     .dc-about-support {
          margin:11.5% 0% 3.5%;
          padding:24% 15%;
     }
     .dc-about-support h2,
     .dc-about-support h3 {
          font-size: 1.95em;
          line-height:1.65em;
     }

     .dc-about-socialhdln {
          width:100%;
          float:left;
          font-weight: 300;
          font-size: 1.65em;
          color:#0B3663;
     }
}

@media (max-width: 321px) { /* <<< 320×568 (iPhone 5, 5c, 5s: Aspect 1 Portrait) >>> */
     .dc-about-hero h1 {
          width:80%;
          padding:1.5% 2% 2%;
          font-size:1.65em;
          line-height:1.20;
     }
}