.navimgheight {
  height: 3em;
  margin: 1em 0; }

.navitem {
  height: 3em;
  margin: 1.1em 0; }

.navbuttonpps:hover {
  transform: scale(1.1); }

.navbuttonpure:hover {
  transform: scale(1.1); }

.navbuttonpremier:hover {
  transform: scale(1.1); }

.navbuttonmenu:hover {
  transform: scale(1.1); }

.bannerlogo {
  width: 50vw;
  padding-top: 30vh;
  margin-left: 25vw;
  -webkit-filter: drop-shadow(2px 2px 2px #fff);
  filter: drop-shadow(2px 2px 2px #fff); }

.phonebanner {
  font-size: 3vw;
  margin-top: 1em;
  width: 50vw;
  margin-left: 38.5vw;
  letter-spacing: 2px;
  color: #fff;
  text-decoration: none; }

.telehealthbanner {
  font-size: 4vw;
  margin-top: 1em;
  width: 50vw;
  margin-left: 25%;
  letter-spacing: 2px;
  color: #F00;
  text-decoration: none; }

.telehealthbanner:hover {
  font-size: 4vw;
  margin-top: 1em;
  width: 50vw;
  margin-left: 25%;
  letter-spacing: 2px;
  color: #8BBCAC;
  text-decoration: none; }

.icondiv {
  margin: 5% 10%; }

.iconheader {
  position: relative; }

.mymove {
  -webkit-animation-name: mymove;
  animation-name: mymove; }

.iconheadertext {
  font-size: 2em;
  -webkit-filter: drop-shadow(1px 1px 1px #000);
  filter: drop-shadow(1px 1px 1px #000); }

.icont-border {
  margin-top: 2em; }

.icons {
  padding: 2% 2% 8% 2%;
  color: #fff; }

.iconfont {
  font-size: 2.5em;
  color: #8BBCAC;
  -webkit-filter: drop-shadow(2px 2px 2px #000);
  filter: drop-shadow(2px 2px 2px #000);
  transition: transform .2s;
  /* Animation */ }

.iconfont:hover {
  transform: scale(1.3);
  /* (130% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
  transition: transform .2s;
  /* Animation */ }

.icontitle {
  font-size: 1.3em; }

.pmgdiv {
  display: flex;
  flex-direction: row;
  align-items: stretch; }

.pmgdivitem:first-child {
  background-image: url("../img/BeaufortOffice.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  /* Make the image cover the div */
  background-position: 50%; }

.pmgdivright {
  padding: 0 2em 0 2em; }

.puredivitem:first-child {
  background-image: url("../img/ShelbiInjecting.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  /* Make the image cover the div */
  background-position: 50%; }

.scheduleonline {
  font-size: 1.2em;
  color: #fff;
  width: auto;
  border-radius: 12px;
  border: none;
  text-align: center;
  padding: 10px 20px;
  transition: all 0.5s;
  cursor: pointer;
  display: block;
  margin: 1.2em auto;
  -webkit-filter: drop-shadow(2px 2px 2px #000);
  filter: drop-shadow(2px 2px 2px #000); }

.scheduleonline span {
  cursor: pointer;
  display: inline-block;
  position: relative;
  transition: 0.5s; }

.scheduleonline span:after {
  content: '\00bb';
  position: absolute;
  opacity: 0;
  top: 0;
  right: -20px;
  transition: 0.5s; }

.scheduleonline:hover span {
  padding-right: 25px; }

.scheduleonline:hover span:after {
  opacity: 1;
  right: 0; }

.ppscolor {
  background-color: #8BBCAC; }

.purecolor {
  background-color: #8BBCAC; }

.ppsdivitem:last-child {
  background-image: url("../img/consultation.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  /* Make the image cover the div */
  background-position: 50%; }

.ppsdivright {
  padding: 0 2em 0 2em; }

.ppsdivimg {
  height: 20em;
  -webkit-filter: drop-shadow(1px 1px 1px #000);
  filter: drop-shadow(1px 1px 1px #000); }

.ppsicons {
  padding: 1em;
  display: -webkit-flex;
  /* Safari */
  -webkit-flex-wrap: wrap;
  /* Safari 6.1+ */
  display: flex;
  flex-wrap: wrap; }

.ppsicondiv {
  padding: 1em;
  width: 30%;
  margin: 0 auto; }

.ppsiconfont {
  font-size: 1.3vw;
  text-decoration: none; }

.ppsiconimg {
  width: 70%;
  border: none; }

.ppsiconimg:hover {
  border: 5px solid #8BBCAC;
  transform: scale(1.3); }

.pureiconimg {
  width: 70%;
  border: none; }

.pureiconimg:hover {
  border: 5px solid #8BBCAC;
  transform: scale(1.3); }

.pmgiconimg {
  width: 70%;
  border: none;
  border-radius: 3px; }

.pmgiconimg:hover {
  transform: scale(1.2);
  transition: transform .2s;
  /* Animation */ }

.pmgiconfont {
  font-size: 1vw;
  text-align: center;
  width: 70%; }

.divsmicons {
  padding: .75em .25em; }

.contactus {
  padding-right: 3em; }

.googlemap {
  display: block;
  border: 10px solid #8BBCAC;
  border-radius: 15px;
  margin: 1.5em auto;
  width: 90%;
  height: 30em; }

.form {
  margin-top: -1em; }

.purpletext {
  color: #8BBCAC; }

.underline {
  text-decoration: underline; }

.box {
  background: #8BBCAC;
  border-radius: 5px;
  -webkit-filter: drop-shadow(1px 1px 1px #000);
  filter: drop-shadow(1px 1px 1px #000);
  padding: .5em; }

.t-border {
  border-top: 2px solid #8BBCAC; }

.t-borderpps {
  border-top: 2px solid #8BBCAC; }

.t-borderpure {
  border-top: 2px solid #8BBCAC; }

.t-borderwhite {
  border-top: 2px solid #fff; }

.width {
  max-width: 60%;
  margin-left: 20%; }

.notextdecoration {
  text-decoration: none; }

.hidelarge {
  display: inherit; }

.hidemedium {
  display: inherit; }

.hidesmall {
  display: inherit; }

.navbuttonpremierimg {
  display: none; }

.ctct-inline-form .g-recaptcha {
  display: none !important; }

/* Safari 4.0 - 8.0 */
@-webkit-keyframes mymove {
  from {
    left: -200px; }
  to {
    left: 0px; } }
@keyframes mymove {
  from {
    left: -200px; }
  to {
    left: 0px; } }
@media (max-width: 1140px) {
  .hidelarge {
    display: none; } }
@media (max-width: 700px) {
  .hidemedium {
    display: none; }

  .mediumscreen {
    width: 100%; }

  .bannervideo {
    background: linear-gradient(#fff, transparent 0%), linear-gradient(0deg, #fff, transparent), #8BBCAC url("../img/consultation.jpg") no-repeat center;
    background-size: cover;
    color: white; }

  .bannervideomp4 {
    display: none; } }
@media (max-width: 479px) {
  .hidesmall {
    display: none; }

  .bannerlogo {
    margin: 20vh auto 0;
    width: 100%;
    padding: 0 1em; }

  .phonebanner {
    font-size: 2em;
    margin-left: 20vw;
    width: 80vw; }

  .parallaxlogo {
    margin: 0 auto;
    height: auto;
    height: 100%;
    padding-top: 2%; }

  .ppsicondiv {
    margin: none;
    padding: none;
    width: 50%; }

  .ppsiconimg {
    width: 100%; }

  .pureiconimg {
    width: 100%; }

  .ppsiconfont {
    font-size: 1em; }

  .pureparallaxlogo {
    max-height: 60%;
    overflow: none; } }
.footerdisplay {
  display: flex;
  padding: 1em 10em;
  font-size: 1em; }

.footerlogos {
  height: 6vw;
  -webkit-filter: drop-shadow(1px 1px 1px #000);
  filter: drop-shadow(1px 1px 1px #000); }

.footerelements {
  padding: 1em;
  width: 20%; }

@media (max-width: 479px) {
  .footerlogos {
    height: 12vw; }

  .hidesmall {
    display: none; }

  .smallmargin {
    padding: 10px; }

  .smallwidth {
    width: 33.33%; }

  .smallfont {
    font-size: 1em; }

  .smallerfont {
    font-size: .75em; } }
.navheight {
  padding-bottom: 20px; }

/* The dropdown container */
.dropdown {
  float: left;
  overflow: hidden; }

/* Dropdown button */
.dropdown .dropbtn {
  font-size: 16px;
  border: none;
  outline: none;
  color: white;
  background-color: inherit;
  font: inherit;
  /* Important for vertical align on mobile phones */
  margin: 0;
  /* Important for vertical align on mobile phones */ }

.menu-padding {
  display: none;
  position: absolute;
  height: 5px;
  width: 100%;
  background-color: none;
  margin: 90px 0; }

/* Dropdown content (hidden by default) */
.dropdown-content {
  display: none;
  position: absolute;
  background-color: rgba(255, 255, 255, 0.95);
  width: 60%;
  margin: 95px 16px;
  left: 0;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  border-radius: 10px;
  z-index: 1; }

/* Mega Menu header, if needed */
.dropdown-content .header {
  background: none;
  padding: 16px;
  color: white; }

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
  display: block; }

/* Show the dropdown menu on hover */
.dropdown:hover .menu-padding {
  display: block; }

/* Scale logo on hover */
.dropdown:hover .navbuttonpps {
  transform: scale(1.1); }

/* Create three equal columns that floats next to each other */
.column {
  float: left;
  width: 25%;
  padding: 10px;
  height: auto; }

/* Style links inside the columns */
.column a {
  float: none;
  color: #757575;
  padding: 16px;
  text-decoration: none;
  display: block;
  text-align: left; }

/* Add a background color on hover */
.column a:hover {
  color: #3b575a;
  transform: scale(1.1); }

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both; }

/* Container holding the image and the text */
.container {
  position: relative;
  text-align: center;
  color: white; }

/* Centered text */
.centered {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 2.5em;
  text-shadow: 2px 2px rgba(0, 0, 0, 0.2); }

.t-borderppsnav {
  border-top: 2px solid #3b575a;
  width: 80%;
  margin-top: 1em;
  margin-left: 10%; }

.t-borderpurenav {
  border-top: 2px solid #3b575a;
  width: 80%;
  margin-top: 1em;
  margin-left: 10%; }

.navphoto {
  width: 70%;
  border: none; }

.position-top {
  position: static; }

/* Create a Parallax Effect */
.bgimg-1, .bgimg-2, .bgimg-3, .bgimg-4 {
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover; }

.banner {
  height: 100vh;
  background: linear-gradient(rgba(225, 225, 225, 0.5), transparent 90%), linear-gradient(0deg, rgba(255, 255, 255, 0.5), transparent), rgba(225, 225, 225, 0.5) no-repeat center;
  background-size: cover;
  color: white;
  border-bottom: 2px solid #663695; }

.bannervideo {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  z-index: -100; }

.bannervideomp4 {
  position: absolute;
  top: 0;
  left: 0;
  min-height: 100%;
  min-width: 100%; }

/* First image (Logo. Full height) */
.bgimg-1 {
  position: absolute;
  width: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  z-index: -100; }

/* Second image (Portfolio) */
.bgimg-2 {
  background-image: url("../img/beaufortstaff.jpg");
  min-height: 70%; }

/* Third image (Contact) */
.bgimg-3 {
  background-image: url("../img/vivascope.jpg");
  min-height: 70%; }

/* Third image (Contact) */
.bgimg-4 {
  background-image: url("../img/productroom.jpg");
  min-height: 70%; }

.w3-wide {
  letter-spacing: 10px; }

.w3-hover-opacity {
  cursor: pointer; }

/* Turn off parallax scrolling for tablets and phones */
@media only screen and (max-device-width: 1024px) {
  .bgimg-1, .bgimg-2, .bgimg-3 .bgimg-4 {
    background-attachment: scroll; } }

/*# sourceMappingURL=application.css.map */