html {
  scroll-behavior: smooth;
}
@font-face {
    font-family: 'Century Gothic';
    src: url('fonts/CenturyGothic.eot');
    src: url('fonts/CenturyGothic.eot?#iefix') format('embedded-opentype'),
        url('fonts/CenturyGothic.woff2') format('woff2'),
        url('fonts/CenturyGothic.woff') format('woff'),
        url('fonts/CenturyGothic.ttf') format('truetype'),
        url('fonts/CenturyGothic.svg#CenturyGothic') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Century Gothic';
    src: url('fonts/CenturyGothic-Bold.eot');
    src: url('fonts/CenturyGothic-Bold.eot?#iefix') format('embedded-opentype'),
        url('fonts/CenturyGothic-Bold.woff2') format('woff2'),
        url('fonts/CenturyGothic-Bold.woff') format('woff'),
        url('fonts/CenturyGothic-Bold.ttf') format('truetype'),
        url('fonts/CenturyGothic-Bold.svg#CenturyGothic-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}


body {margin:0; padding:0; font-family: 'Century Gothic';}
header {  position: relative; width: 100%; padding: 15px; }
header h4 { line-height: 20px; }
header h3 { line-height: 50px; font-weight: bold; }
header h4 a { color: #e1562e; font-size:16px;  }
header h4 a img, header h3 a img { width: 50px; float: left; margin-right:15px; }
header h3 a { color: #e1562e; font-size:26px; }
.banner { position: relative; width: 100%; background: url(images/image1_peninsula_lp.png)no-repeat; background-size:cover; padding: 40px 0px;  background-position: top right; }
.banner h2 { color: #47b2b0; font-size:22px; text-align: left;   }
.banner ul { margin:0px; padding: 0px; }
.banner ul li { list-style: none; color:#e1562e; font-size:16px; background:url(images/icon3_peninsula_lp.png)no-repeat left center;  padding-left:30px; padding-top: 8px; font-weight: bold; padding-bottom: 8px; }
.btn-primary { border-radius:15px; background-color:#e1562e; border-color:#e1562e; }
.welcome-section  {background:#e46135; padding: 30px 0px; position: relative; width: 100%; }
.welcome-section h1 { color:#fff; font-size:28px; }
.logo-box { width:18%; float:left; margin:10px;  }
.welcome-section p { color: #fff; font-size:18px; font-weight:bold; }
.care-section { position: relative; width:100%; padding: 30px 0px; border-bottom: solid 15px #47b3b1 }
.care-section img {text-align: center;}
.img-box {position: relative; width:100%; min-height:90px; line-height: 90px; margin-bottom: 15px; }
.featured-section { width:100%; border-bottom:solid 15px #e1562e; position: relative; padding: 30px 0px; }
.featured-section h1 { margin-top:0px; font-weight: bold; margin-bottom: 30px; text-align:center; text-transform: uppercase; font-size: 36px; color: #e46135; }
.featured-section h2 { margin-top: 15px; margin-bottom: 15px; background:#47b3b1; padding: 10px 0px; color: #fff; font-weight: bold; text-align: center; border-bottom-left-radius:25px; border-top-right-radius:25px;   }

.featured-section ul { margin:0px; padding: 0px; margin-left: 20px; }
.featured-section ul li { list-style: none; color:#000; font-size:18px; background:url(images/icon13_peninsula_lp.png)no-repeat left center;  padding-left:50px; padding-top: 8px; font-weight: normal; padding-bottom: 8px; }
.smile-section { width:100%; position: relative; background: #47b3b1; padding: 30px 0px 60px 0px; border-bottom: solid 15px #e46135; }
.smile-section h1 { margin-top:0px; margin-bottom: 30px; text-align:center; text-transform: uppercase; font-size: 36px; color: #fff; font-weight:bold; }
.smile-section p { font-size:18px; color:#fff; }
.testi-section {background:#fff; padding: 30px 0px 160px 0px; width:100%; position: relative;  }
.testi-section h1 { margin-top:0px; margin-bottom: 20px; text-align:left; text-transform: uppercase; font-size: 36px; color: #e46135; font-weight:bold; }
.testi-section h2 { margin-top:0px;  text-align:left; margin-bottom: 20px;  font-size: 32px; color: #47b3b1; font-weight:bold; }
.mb-30 { margin-bottom: 30px; }
.gray-strip { width: 100%; padding: 30px 0px; position: relative; background:#464646 }
.gray-strip h1 { color:#47b3b1; margin-bottom: 0px; font-size:24px; text-align: left; font-weight: normal;   }
.gray-strip h1 span { font-weight: bold; font-size:28px;    }
.gray-strip img { position: absolute; bottom:-30px; }
.testi {background:#e46135; padding: 30px 0px 100px 0px;   }
.testi h1 { text-align: center; color: #fff; font-size:36px; margin-top: 0px; margin-bottom:10px; text-transform: capitalize; }
.testi h2 {text-align: center; color: #fff; font-size:36px; font-weight: bold; font-style: italic;  }
.testi img {max-height: 362px;}
.gray-strip h3 { font-size:26px; color:#fff; }
.text-orange { color: #e46135 !important;  }
.gray-strip p { color:#fff; text-align: center; }
.btn-outline-primary {  border-color:#e46135; color: #fff; }
.btn-outline-primary:hover { background-color:#e46135;  border-color:#e46135;  }
.doctor-section { width:100%; padding: 30px 0px; position: relative; }
.doctor-section h1 { text-align: center; font-size:36px; text-transform: uppercase; color: #47b3b1; font-weight: bold; margin-top: 0px; margin-bottom: 30px; }
.doctor-section h2 { font-weight: normal; margin-bottom: 15px; text-align: center; padding: 10px; background-color: #e46135; width:60%; color:#fff; border-top-left-radius:50px; border-bottom-right-radius: 50px;  }
.doctor-section h3 { text-align: left; font-size:24px; margin:30px 0px 20px 20px; font-weight: bold; color:#e46135; }
.doctor-section p { color: #47b3b1; font-weight: bold; }
.doctor-section ul { margin:0px; padding: 0px; margin-left: 20px; }
.doctor-section ul li { list-style: none; color:#47b3b1; font-weight: bold; font-size:18px; background:url(images/icon13_peninsula_lp.png)no-repeat left center;  padding-left:50px; padding-top: 8px; padding-bottom: 8px; }
.blue-strip { position: relative; padding: 20px 0px; margin-top:160px; width:100%; background:#47b3b1; }
 .blue-strip  h1 { color: #fff; margin-bottom: 0px; text-align:center; text-transform: capitalize;  }
  .blue-strip  h1 span { font-weight:bold; font-size:40px; }
    .blue-strip img { position: absolute; bottom: -20px; }
    footer { background:url(images/image14_peninsula_lp.png); background-position: center right; background-size:cover; background-repeat: no-repeat; width: 100%; position: relative; padding: 50px 0px;   }
    .form-section {
    background-color: #e46135;
    padding: 30px; border-radius:15px;
}
.form-section .btn-dark { position: relative; left:50%; transform: translateX(-50%); border-radius:25px; padding: 8px 30px; margin-top:10px; }
footer h3 { color:#fff; text-transform: uppercase; font-weight: bold; }
footer p a, footer p { color:#fff; }
footer h4 { font-weight: bold; color:#fff; }
footer h4 a {color: #fff;}

.copyright {background-color: #e46135; color: #fff; padding: 10px 0px; text-align: center; font-size:16px;  }

.image {
  opacity: 1;
  display: block;
  height: auto;
  transition: .5s ease;
  backface-visibility: hidden;
  position: relative;
  left:50%;
  transform:translateX(-50%);
}

.middle {
  transition: .5s ease;
  position: relative;
  text-align: center;width:100%;
  left:0;
}


.text {
  background-color: #464646;
  color: white;
  font-size: 14px;
  text-transform: uppercase;
  padding: 8px 0px; font-weight:bold;
}
.btn-primary:hover { background-color: #47b3b1; border-color:#47b3b1;}
header h4 a:hover {color:#47b3b1; text-decoration:none;}
header h3 a:hover {color:#47b3b1; text-decoration:none;}
footer h4 a:hover {color: #47b3b1; text-decoration: none;  }
.thanks {
    position: relative;
    width: 100%;
    background-color: #e15525;
    padding: 15px 0px;
}
.thanks h3 {
    text-align: center;
    color: #fff;
    font-size: 25px;
    line-height: 40px;
    text-transform: uppercase;
}

/* ----------- iPad Pro ----------- */
/* Portrait and Landscape */
@media only screen 
  and (min-width: 1024px) 
  and (max-height: 1366px) 
  and (-webkit-min-device-pixel-ratio: 1.5) {
    .logo-box {width:17%;}
    .smile-section img {display: block !important;}
    .banner { position: relative; width: 100%; background: url(images/image1_peninsula_lp.png)no-repeat !important; background-size:cover !important; padding: 40px 0px !important;  background-position: top right !important; }
}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px)  { 
header img {text-align: center; position: relative; left:50%; transform:translateX(-50%); margin-bottom: 15px;}
  header h4 a img, header h3 a img { display: none; }
  header h4, header h3 { text-align: center; }
  header { border-bottom: solid 1px #ebebeb; }
  .banner { background: #ebebeb; }
.logo-box {width:17%;}
.award-sec img { text-align: center; position: relative; left:50%; transform: translateX(-50%); margin-bottom: 15px; }
.smile-section h1 { font-size:26px; }
.smile-section img, .gray-strip img {display: none;}
.testi-section, .testi {padding-bottom:30px;}
.doctor-section img { margin-bottom: 15px; position: relative; left:50%; transform: translateX(-50%); } 
.blue-strip { margin-top: 0px; }
footer {background: #464646;}
}

@media only screen and (max-width: 600px) {
  header img {text-align: center; position: relative; left:50%; transform:translateX(-50%); margin-bottom: 15px;}
  header h4 a img, header h3 a img { display: none; }
  header h4, header h3 { text-align: center; }
  header { border-bottom: solid 1px #ebebeb; }
.banner { background: #ebebeb; }
.logo-box { width:28%; }
.award-sec img { text-align: center; position: relative; left:50%; transform: translateX(-50%); margin-bottom: 15px; }
.gray-strip img {display: none;}
.gray-strip h1 { margin-bottom: 10px; text-align: center; }
.testi-section { padding-bottom: 30px; }
.doctor-section h2 {width: 100%; margin-top: 15px;}
.blue-strip img { display: none; }
footer { background: #464646; }
footer h3, footer h4, footer p a, footer p { text-align: center; }
.form-section {margin-bottom: 15px;}
.smile-section img { display:none; }
}