/*--- Type -------------------*/
@font-face {
  font-family: 'heroregular';
  src: url('../font/hero-webfont.eot');
  src: url('../font/hero-webfont.eot?#iefix') format('embedded-opentype'), url('../font/hero-webfont.woff') format('woff'), url('../font/hero-webfont.ttf') format('truetype'), url('../font/hero-webfont.svg#heroregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Helvetica';
}
h1,
h2,
h3,
h4,
h5 {
  margin: .5em 0;
}
p {
  margin-top: 0;
  margin-bottom: 0.5em;
}
* {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  /* Firefox */

}
::selection {
  background: #407bbf;
  color: #FFF;
}
.cf:before,
.cf:after {
  content: " ";
  /* 1 */

  display: table;
  /* 2 */

}
.cf:after {
  clear: both;
}
/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.cf {
  *zoom: 1;
}
img {
  border: none;
}
ul {
  margin: 0;
}
body {
  min-width: 100%;
  color: #666666;
  font-size: 100%;
  margin: 0;
  line-height: 1.5;
  font-weight: normal;
  font-family: 'heroregular', sans-serif;
}
a {
  -o-transition: .5s;
  -ms-transition: .5s;
  -moz-transition: .5s;
  -webkit-transition: .5s;
  /* ...and now for the proper property */

  transition: .5s;
}
p,
li {
  font-family: 'Helvetica';
  font-weight: normal;
  font-size: 0.95em;
}
.pull-right {
  float: right;
}
.pull-left {
  float: left;
}
/*--- Header  ------------------*/
.bluebar {
  background: #407bbf;
}
.bluebar p {
  line-height: 2.5;
  font-family: 'heroregular';
  text-align: right;
  padding: 0 7px;
}
.bluebar p a {
  color: #fff;
}
.logo img {
  width: auto;
  border: 0;
}
.header-right {
  float: right;
  text-align: right;
  padding-top: 1.5em;
}
.header-right .address {
  color: #999999;
  font-size: .8em;
}
.header-right a {
  color: #407bbf;
  font-family: 'heroregular';
  text-decoration: none;
  font-size: 1.8em;
  line-height: 1.4;
}
.header-right .address {
  padding-left: 12px;
  border-left: 1px solid #407bbf;
  text-align: left;
}
/*--- Nav ------------------*/
.main-nav {
  border-left: 1px solid #cccccc;
  border-right: 1px solid #cccccc;
  margin: .5em 0;
  border-bottom: 3px solid #cccccc;
  margin-bottom: 1em;
}
.main-nav li {
  display: inline-block;
  float: left;
  width: auto;
}
.main-nav li a {
  font-family: 'heroregular';
  font-weight: normal;
  text-decoration: none;
  color: #407bbf;
  text-transform: uppercase;
  border-right: 1px solid #cccccc;
  padding: 6px 20px;
  font-size: 0.9em;
}
.main-nav li:last-child > a {
  border-right: none;
}
/*--- Home  ------------------*/
.carousel {
  margin-bottom: 1.6em;
}
.slider-content {
  width: 40%;
  left: 58%;
  top: 12px;
}
.slider-content h3 {
  text-transform: uppercase;
  font-size: 2.3em;
  line-height: 1;
  text-align: center;
}
.slider-content p {
  text-align: center;
  margin-bottom: 1.2em;
}
.slider-content a.btn {
  width: 55%;
  font-size: 0.8em;
  border: 1px solid #fff;
  padding: 10px 14px;
  display: block;
  color: #fff;
  text-decoration: none;
  margin: 0 auto;
  text-align: center;
}
.slider-content a.btn:hover {
  background: #a2cfbb;
}
.introtext h3 {
  text-transform: uppercase;
  font-family: 'Helvetica';
  font-size: 1.3em;
}
.buckets div {
  margin-right: 1%;
  float: left;
  clear: none;
  width: 24%;
  margin-bottom: 2.5em;
}
.buckets img {
  z-index: 4;
}
.buckets span {
  position: relative;
  background: #A2CFBB;
  display: block;
  border-radius: 6px;
  width: 85%;
  margin: 0 auto;
  text-align: center;
  padding: .3em;
  margin-top: -20px;
}
.buckets span h3 {
  margin: 0;
  color: #fff;
  font-family: 'heroregular';
  font-weight: normal;
  text-transform: uppercase;
  font-size: 1em;
}
.buckets span a {
  color: #222222;
  font-size: 0.9em;
  font-family: 'Helvetica';
}
.homeform {
  padding: 1em;
  padding-bottom: 0;
  margin-bottom: 2em;
  background: #999999;
  border-radius: 6px;
}
.homeform h3 {
  color: #fff;
  margin: 0;
}
.form-all {
  font-family: 'heroregular';
}
.form-all label {
  font-weight: normal;
}
.feed h4 {
  text-align: center;
  text-transform: uppercase;
  color: #407bbf;
  border-bottom: 1px solid #407bbf;
  margin-bottom: 14px;
  line-height: 1.8;
}
.feed p {
  color: #999999;
}
.feed .feedburnerFeedBlock ul {
  padding: 0;
}
.feed .feedburnerFeedBlock li {
  list-style: none;
  font-size: 0.9em;
  float: left;
  width: 50%;
  padding-right: 1em;
}
.feed .feedburnerFeedBlock a {
  color: #222;
}
.feed .feedburnerFeedBlock #creditfooter {
  display: none;
}
/*--- Cosmetic Dentistry Table ------------------*/
.price-cta-pricepage {
  background: #407bbf;
  color: #fff;
  margin: 23px 0px 15px 0px;
  padding: 11px 10px 1px;
}
table {
  width: 100%;
}
table table,
table th,
table td {
  border: 3px white solid;
  padding: 2px 17px;
}
table tr.tableTitle {
  background-color: #a2cfbb;
  color: #FFFFFF;
  text-transform: uppercase;
}
table tr:nth-child(even) {
  background-color: #d9e5f2;
}
/*--- Team ------------------*/
.team {
  margin: 0;
}
.team img {
  border: 3px solid #f8f8f8;
  border-radius: 8em;
  width: auto;
  box-shadow: rgba(52, 52, 52, 0.2) 0 0 10px;
}
.team li {
  list-style: none;
  float: left;
  padding-bottom: 1.5em;
}
.team li img {
  display: block;
  margin: 0 auto;
}
.team h3 {
  color: #407bbf;
}
/*--- general dentistry  ------------------*/
.logos {
  margin: 0;
  padding: 0;
  list-style: none;
  float: right;
}
.top-logo img {
  width: 120px;
}
/*--- Headers  ------------------*/
.header-bar {
  width: 100%;
  background: url(../img/header-implants.jpg) no-repeat 0 0 transparent;
  background-size: cover;
  height: 140px;
  padding: 1em;
  position: relative;
  margin-bottom: 20px;
}
.header-bar h1 {
  font-size: 2.2em;
  color: #fff;
  line-height: 0.9;
  position: absolute;
  left: 12px;
  bottom: 10px;
}
.dentures .header-bar {
  background: url(../img/header-dentures.jpg) no-repeat 0 0 transparent;
}
.cosmetic .header-bar {
  background: url(../img/header-cosmetic.jpg) no-repeat 0 0 transparent;
}
.general .header-bar {
  background: url(../img/header-general.jpg) no-repeat 0 0 transparent;
}
.contact .header-bar {
  background: url(../img/header-contact.jpg) no-repeat 0 0 transparent;
}
.about .header-bar {
  background: url(../img/header-about.jpg) no-repeat 0 0 transparent;
}
.pop-up-form .form {
  padding-top: 20px;
}
.pop-up-form .form ul {
  list-style: none;
  padding: 0;
}
.pop-up-form .form ul li {
  padding: 12px 36px;
  width: 100%;
  float: left;
}
.pop-up-form .form ul li label {
  width: 150px;
  float: left;
  margin-bottom: 9px;
  font-size: 0.96em;
  display: inline-block;
  text-align: left;
  padding: 3px;
  white-space: normal;
}
.pop-up-form .form ul li label .form-required {
  color: red;
}
.pop-up-form .form ul li label.hidden-label {
  display: none;
}
.pop-up-form .form ul li input,
.pop-up-form .form ul li textarea {
  padding: 7px;
  border: 1px solid #407BBF;
  border-bottom: 2px solid #407BBF;
}
.pop-up-form .form ul li select {
  width: 150px;
  padding: 2px;
  font-size: 0.83em;
}
.pop-up-form .form ul li button {
  background: #ED3B77;
  border-radius: 3px;
  box-shadow: none;
  color: #fff;
  text-shadow: none;
  padding: 8px 14px;
  outline: none;
  border: none;
  font-size: 0.8em;
  margin: 0;
  cursor: pointer;
}
.pop-up-form .form ul li button:hover {
  background: #FF6698;
}
.pop-up-form .ui-datepicker-trigger {
  width: auto;
  max-width: 100%;
  margin: 0 5px;
}
/*--- Main area  ------------------*/
.mainarea h3 {
  font-family: 'Helvetica';
}
.mainarea p {
  margin-bottom: 16px;
}
.mainarea .showhide {
  color: #407bbf;
  cursor: pointer;
}
img.inline-img {
  padding: .3em;
  border: 1px solid #f8f8f8;
  width: 40%;
}
img.inline-img.pull-right {
  float: right;
  margin-left: .8em;
}
img.inline-img.pull-left {
  float: left;
  margin-right: .8em;
}
.testimonials {
  background: url("../img/quote.jpg") no-repeat top left transparent;
  padding-left: 10px;
}
.testimonials p {
  margin-left: 25px;
  padding-top: 25px;
}
.royalSlider h4,
.royalSlider h3 {
  text-align: center;
}
/*--- Q&A ------------------*/
.qa {
  padding: .8em 0;
}
.qa p {
  margin-bottom: 0;
}
.qa p.showhide {
  cursor: pointer;
}
.qa p.showhide:hover {
  color: #a2cfbb;
}
.expand {
  display: none;
}
/*--- Sidebars  ------------------*/
.col3.sidebar {
  padding-top: .8em;
  margin-bottom: 2em;
}
.col3.sidebar .sb-form {
  float: left;
  margin-right: -11px;
}
.col3.sidebar h3,
.col3.sidebar p {
  color: #fff;
  background: #a2cfbb;
  margin: 0;
  padding-left: 12px;
  margin-right: -11px;
}
.col3.sidebar h3 {
  font-size: 1.3em;
  line-height: 1.1;
  padding: 0.6em;
  text-transform: uppercase;
}
.col3.sidebar p {
  padding-top: 0;
  padding-bottom: .5em;
  line-height: 1.2;
}
.col3.sidebar .form-all label {
  font-family: 'Helvetica';
  color: #666666;
}
.col3.sidebar blockquote {
  padding: 0;
  margin: 10px -6px 10px 10px;
  padding-top: 2em;
  background: url(../img/qu.jpg) no-repeat 0 0 #ffffff;
  clear: both;
}
.col3.sidebar blockquote p {
  margin: 0;
  background: #fff;
  color: #666;
  font-family: 'Helvetica';
  font-size: 1em;
  line-height: 1.3;
  padding: 0;
}
.col3.sidebar blockquote p span {
  color: #222222;
  font-size: 0.75em;
}
.col3.sidebar .sb-form .form {
  background: #E1E1E1;
  float: left;
  width: 100%;
}
.col3.sidebar .sb-form .form ul {
  padding: 12px 0 0;
  list-style: none;
  width: 100%;
  float: left;
}
.col3.sidebar .sb-form .form ul li {
  padding: 0.3em 1em 0.3em 12px;
  width: 100%;
  float: left;
}
.col3.sidebar .sb-form .form ul li label {
  font-size: 0.86em;
}
.col3.sidebar .sb-form .form ul li label .form-required {
  color: red;
}
.col3.sidebar .sb-form .form ul li div {
  width: 100%;
  float: left;
}
.col3.sidebar .sb-form .form ul li div input,
.col3.sidebar .sb-form .form ul li div textarea {
  width: 100%;
  float: left;
  border: none;
  padding: 6px;
}
.col3.sidebar .sb-form .form ul li button {
  float: left;
  border-radius: 0;
  box-shadow: 0;
  color: #fff;
  background: #A2CFBB;
  text-align: center;
  border: 0;
  padding: 10px;
  width: 100%;
  margin-bottom: 10px;
  font-size: 1em;
  cursor: pointer;
  border-bottom: 3px solid #89BAA4;
}
/*--- Contact  ------------------*/
.contact-grid h3 {
  border-bottom: 3px solid #407bbf;
  text-transform: uppercase;
  color: #407bbf;
  font-weight: bold;
}
.contact-grid p {
  margin: 0;
  margin-bottom: 8px;
}
.contact-grid a {
  color: #407bbf;
  font-weight: bold;
}
.contact-grid .jotform-form {
  padding: 0!important;
}
.contact-grid .form,
.contact-grid .jotform-form {
  background: #FBFBFB;
  float: left;
  width: 100%;
  padding: 14px 10px;
  margin-bottom: 18px;
}
.contact-grid .form ul,
.contact-grid .jotform-form ul {
  padding: 12px 0 0;
  list-style: none;
  width: 100%;
  float: left;
}
.contact-grid .form ul li,
.contact-grid .jotform-form ul li {
  padding: 10px;
  width: 100%;
  float: left;
}
.contact-grid .form ul li label,
.contact-grid .jotform-form ul li label {
  font-size: 0.86em;
  width: 82px;
  float: left;
  margin-right: 16px;
  margin-bottom: 9px;
}
.contact-grid .form ul li label .form-required,
.contact-grid .jotform-form ul li label .form-required {
  color: red;
}
.contact-grid .form ul li div,
.contact-grid .jotform-form ul li div {
  width: 67%;
  float: left;
}
.contact-grid .form ul li div input,
.contact-grid .jotform-form ul li div input,
.contact-grid .form ul li div textarea,
.contact-grid .jotform-form ul li div textarea {
  width: 100%;
  float: left;
  padding: 7px;
  border: 1px solid #cccccc;
}
.contact-grid .form ul li button,
.contact-grid .jotform-form ul li button {
  background: #ED3B77;
  border-radius: 3px;
  box-shadow: none;
  color: #fff;
  text-shadow: none;
  padding: 8px 14px;
  outline: none;
  border: none;
  font-size: 0.8em;
  margin: 0;
  margin-left: 0;
  cursor: pointer;
}
.contact-grid .form ul li button:hover,
.contact-grid .jotform-form ul li button:hover {
  background: #FF6698;
}
.contact-grid .form ul li.form-required-holder,
.contact-grid .jotform-form ul li.form-required-holder {
  font-size: 0.8em;
}
.contact-grid .form ul li.form-required-holder .form-required,
.contact-grid .jotform-form ul li.form-required-holder .form-required {
  color: red;
}
.contact-table {
  width: 100%;
}
.contact-table table,
.contact-table th,
.contact-table td {
  border: 1px solid #CCCCCC;
  padding: 7px;
  font-size: 14px;
}
.contact-table tr.tableTitle {
  background-color: #a2cfbb;
  color: #FFFFFF;
  text-transform: uppercase;
}
.contact-table tr:nth-child(even) {
  background-color: #e6e6e6;
}
/*--- Footer  ------------------*/
#sb-container {
  display: none;
}
footer {
  display: block;
  clear: both;
  padding: 0 12px;
}
.footer {
  margin-top: 1.5em;
  border-top: 1px solid #407bbf;
  clear: both;
  padding: 0;
}
.footer img {
  max-width: 100%;
  display: block;
  margin: 0 auto;
  padding: .5em 0;
  float: left;
}
.footer a {
  border: none;
}
.footer.centered a {
  float: left;
  width: 20%;
}
.lastfooter {
  border-top: 1px solid #407bbf;
  padding-top: 1em;
  margin-bottom: 5em;
}
.lastfooter p {
  color: #407bbf;
  float: left;
  margin-top: 13px !important;
  font-size: 0.9em;
}
.lastfooter p.credit {
  float: right;
}
.lastfooter p.credit a {
  color: #407bbf;
  padding: 3px;
  text-align: right;
  float: right;
  text-decoration: none;
  width: 100%;
}
.lastfooter p.credit a:hover {
  background: #29AAE2;
  color: #fff;
}
@media all and (max-width: 880px) {
  .team li {
    width: auto;
    clear: both;
    display: block;
  }
}
@media all and (max-width: 880px) {
  .buckets .introtext {
    width: 100%;
  }
  .buckets div {
    width: 32%;
  }
}
@media all and (max-width: 768px) {
  li.form-line.form-line-column {
    width: auto!important;
  }
  .header-right p.address {
    font-size: 1.3em;
    padding: 8px 20px;
  }
  .sb-form {
    width: 100%;
  }
  .logo img {
    display: block;
    margin: 0 auto;
  }
  .header-right {
    padding-top: 12px;
    float: none;
    font-size: 1em;
    text-align: center;
  }
  .header-right .address {
    border: 0;
    text-align: center;
    font-size: 1em;
  }
  .header-bar h1 {
    font-size: 1.9em;
  }
  .form-textarea,
  .form-textbox {
    padding: 12px;
  }
  .feed .feedburnerFeedBlock li {
    padding: 2em;
  }
  .buckets span {
    border-radius: 0;
    width: 100%;
    margin: 0;
  }
  .buckets span h3 {
    font-size: 0.8em;
  }
}
@media all and (max-width: 768px) {
  .col3.sidebar h3,
  .col3.sidebar p {
    margin: 0px;
  }
}
@media all and (max-width: 600px) {
  .homeform {
    width: 100%;
  }
}
@media all and (max-width: 500px) {
  .buckets {
    margin-bottom: 10px;
  }
  .buckets img {
    display: none;
  }
  .buckets .col3 {
    width: 100%;
    margin-bottom: 10px;
  }
  .buckets span {
    height: 60px;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
  }
  .buckets span:hover {
    background-color: #407BBF;
  }
  .buckets span:hover a {
    color: #fff;
  }
  .buckets span h3 {
    font-size: 1.1em;
    font-weight: bold;
  }
}
@media all and (max-width: 450px) {
  .logos {
    display: none;
  }
}
@media all and (max-width: 336px) {
  .footer.centered a img {
    display: none;
  }
  .lastfooter p.pull-right.credit {
    float: left;
  }
}