.overflow-hidden {
  overflow: hidden; }

.animation-element {
  opacity: 0;
  position: relative; }

.animation-element.btn-cta {
    opacity: 1; }

.animation-element.btn-cta.in-view:before {
    left: calc(100% + 50px); }

.animation-element.animated-before {
    opacity: 0; }

.animation-element.animated-before:before {
      opacity: .8;
      transition: all 2s  ease-in-out;
      -webkit-transform: scale(0.98);
      transform: scale(0.98); }

.animation-element.animated-before.in-view:before {
      opacity: 1;
      -webkit-transform: scale(1);
      transform: scale(1); }

.animation-element .animation-line-before {
    opacity: 1; }

.animation-element .animation-line-before:before {
      width: 0;
      opacity: 0;
      transition: all 1s  ease-in-out; }

.animation-element .animation-line-before.in-view:before {
      opacity: 1;
      width: 80%; }

.animation-element.slide-left {
    opacity: 0;
    transition: all  800ms ease-out;
    -webkit-transform: translate3d(-100px, 0px, 0px);
    transform: translate3d(-100px, 0px, 0px); }

.animation-element.slide-right {
    opacity: 0;
    transition: all  800ms ease-out;
    -webkit-transform: translate3d(100px, 0px, 0px);
    transform: translate3d(100px, 0px, 0px); }

.animation-element.bounce-up {
    transition: all 1000ms ease-in-out;
    -webkit-transform: translate3d(0px, 100px, 0px);
    transform: translate3d(0px, 100, 0px);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden; }

.animation-element.bounce-down {
    transition: all 1000ms ease-in-out;
    transform: translate3d(0px, -100, 0px);
    -webkit-transform: translate3d(0px, -100px, 0px);
    transform: translate3d(0px, -50, 0px);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden; }

.animation-element.simple-slideup {
    transition: all 1000ms ease-in-out;
    -webkit-transform: translate3d(0px, 50px, 0px);
    transform: translate3d(0px, 50, 0px);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    opacity: 0.3; }

.animation-element.slide-left.in-view, .animation-element.slide-right.in-view, .animation-element.bounce-up.in-view, .animation-element.bounce-down.in-view, .animation-element.simple-slideup.in-view {
    opacity: 1;
    -webkit-transform: translate3d(0px, 0px, 0px);
    transform: translate3d(0px, 0px, 0px); }

.animation-element.slide-right {
    opacity: 0;
    transition: all  800ms ease-out;
    -webkit-transform: translatex(100px);
    transform: translatex(100px); }

.animation-element.slide-right.in-view {
    opacity: 1;
    -webkit-transform: translatex(0);
    transform: translatex(0); }

.animation-element.simple-fade {
    opacity: 0;
    transition: all 2000ms ease-out; }

.animation-element.simple-fade.in-view {
    opacity: 1; }

.animation-element.rotate {
    opacity: 0;
    transition: all 500ms linear;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden; }

.animation-element.rotate.in-view {
      opacity: 1;
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg); }

.animation-element.zoomin {
    opacity: .3;
    transition: all 1.2s  ease-out;
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
    opacity: 0.95; }

.animation-element.zoomin.in-view {
      opacity: 1;
      -webkit-transform: scale(1.02);
      transform: scale(1.02); }

.animation-element.scalein {
    opacity: 0;
    transition: all 1200ms  ease-in-out;
    -webkit-transform: scale(0.98);
    transform: scale(0.98); }

.animation-element.scalein.in-view {
      opacity: 1;
      -webkit-transform: scale(1);
      transform: scale(1); }

.animation-element.delay2 {
    transition: all 900ms ease-in-out !important; }

.animation-element.delay3 {
    transition: all 1100ms ease-in-out !important; }

.animation-element.delay4 {
    transition: all 1300ms ease-out !important; }

@font-face {
  font-family: 'icomoon';
  src:  url('fonts/icomoon.eot?mig6ms');
  src:  url('fonts/icomoon.eot?mig6ms#iefix') format('embedded-opentype'),
    url('fonts/icomoon.ttf?mig6ms') format('truetype'),
    url('fonts/icomoon.woff?mig6ms') format('woff'),
    url('fonts/icomoon.svg?mig6ms#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-about:before {
  content: "\e91e";
  color: #102397;
}

.icon-accessibility:before {
  content: "\e91f";
}

.icon-aligners:before {
  content: "\e920";
}

.icon-aligners2:before {
  content: "\e921";
}

.icon-amenities-beverages:before {
  content: "\e922";
}

.icon-amenities-music:before {
  content: "\e923";
}

.icon-amenities-pillows:before {
  content: "\e924";
}

.icon-amenities-tv:before {
  content: "\e925";
}

.icon-bars:before {
  content: "\e926";
}

.icon-body:before {
  content: "\e927";
}

.icon-book-mobile-icon:before {
  content: "\e928";
  color: #102397;
}

.icon-bruxism:before {
  content: "\e929";
}

.icon-calendar:before {
  content: "\e92a";
}

.icon-calendar2:before {
  content: "\e92b";
}

.icon-call-icon:before {
  content: "\e92c";
  color: #0663a3;
}

.icon-call:before {
  content: "\e92d";
}

.icon-check:before {
  content: "\e92e";
}

.icon-checkmark:before {
  content: "\e92f";
  color: #677897;
}

.icon-clean-hands:before {
  content: "\e930";
}

.icon-clean-office:before {
  content: "\e931";
}

.icon-clean-tools:before {
  content: "\e932";
}

.icon-clean:before {
  content: "\e933";
}

.icon-clock-icon:before {
  content: "\e934";
  color: #0663a3;
}

.icon-clock:before {
  content: "\e935";
}

.icon-complete-checkup:before {
  content: "\e936";
}

.icon-composite-bonding:before {
  content: "\e937";
}

.icon-cosmetic:before {
  content: "\e938";
}

.icon-cosmetic1:before {
  content: "\e939";
}

.icon-cosmetic3:before {
  content: "\e93a";
}

.icon-crown:before {
  content: "\e93b";
}

.icon-crowns:before {
  content: "\e93c";
}

.icon-date-icon:before {
  content: "\e93d";
  color: #677897;
}

.icon-dental-implants:before {
  content: "\e93e";
}

.icon-dental-implants1:before {
  content: "\e93f";
}

.icon-dental-implants2:before {
  content: "\e940";
}

.icon-dental-implants3:before {
  content: "\e941";
}

.icon-dental-implants4:before {
  content: "\e942";
}

.icon-dental:before {
  content: "\e943";
}

.icon-dental2:before {
  content: "\e944";
}

.icon-dental3:before {
  content: "\e945";
}

.icon-dental4:before {
  content: "\e946";
}

.icon-dental5:before {
  content: "\e947";
}

.icon-dental6:before {
  content: "\e948";
}

.icon-dental7:before {
  content: "\e949";
}

.icon-dental8:before {
  content: "\e94a";
}

.icon-dental9:before {
  content: "\e94b";
}

.icon-dental10:before {
  content: "\e94c";
}

.icon-dental11:before {
  content: "\e94d";
}

.icon-dental12:before {
  content: "\e94e";
}

.icon-dental13:before {
  content: "\e94f";
}

.icon-dentist:before {
  content: "\e950";
}

.icon-dentist1:before {
  content: "\e951";
}

.icon-denture:before {
  content: "\e952";
}

.icon-dentures:before {
  content: "\e953";
}

.icon-dentures1:before {
  content: "\e954";
}

.icon-dermal-fillers:before {
  content: "\e955";
}

.icon-distancing:before {
  content: "\e956";
}

.icon-doctor:before {
  content: "\e957";
  color: #102397;
}

.icon-down-arrow:before {
  content: "\e958";
}

.icon-education:before {
  content: "\e959";
}

.icon-email:before {
  content: "\e95a";
}

.icon-emergency-24:before {
  content: "\e95b";
}

.icon-emergency:before {
  content: "\e95c";
}

.icon-facebook:before {
  content: "\e95d";
}

.icon-facial:before {
  content: "\e95e";
}

.icon-family:before {
  content: "\e95f";
}

.icon-feedburner:before {
  content: "\e960";
}

.icon-fillings:before {
  content: "\e961";
}

.icon-first-visit:before {
  content: "\e962";
}

.icon-flouride-application:before {
  content: "\e963";
}

.icon-frontdesk:before {
  content: "\e964";
  color: #102397;
}

.icon-gallery:before {
  content: "\e965";
}

.icon-general-dentistry:before {
  content: "\e966";
}

.icon-general1:before {
  content: "\e967";
}

.icon-general2:before {
  content: "\e968";
}

.icon-go:before {
  content: "\e969";
}

.icon-google-logo2:before {
  content: "\e96a";
}

.icon-google .path1:before {
  content: "\e96b";
  color: rgb(48, 116, 240);
}

.icon-google .path2:before {
  content: "\e96c";
  margin-left: -1em;
  color: rgb(48, 116, 240);
}

.icon-google .path3:before {
  content: "\e96d";
  margin-left: -1em;
  color: rgb(251, 175, 2);
}

.icon-google .path4:before {
  content: "\e96e";
  margin-left: -1em;
  color: rgb(230, 49, 36);
}

.icon-google .path5:before {
  content: "\e96f";
  margin-left: -1em;
  color: rgb(230, 49, 36);
}

.icon-google .path6:before {
  content: "\e970";
  margin-left: -1em;
  color: rgb(36, 154, 65);
}

.icon-google .path7:before {
  content: "\e971";
  margin-left: -1em;
  color: rgb(254, 254, 254);
}

.icon-google .path8:before {
  content: "\e972";
  margin-left: -1em;
  color: rgb(254, 254, 254);
}

.icon-google .path9:before {
  content: "\e973";
  margin-left: -1em;
  color: rgb(254, 254, 254);
}

.icon-google .path10:before {
  content: "\e974";
  margin-left: -1em;
  color: rgb(254, 254, 254);
}

.icon-google .path11:before {
  content: "\e975";
  margin-left: -1em;
  color: rgb(30, 163, 97);
}

.icon-google .path12:before {
  content: "\e976";
  margin-left: -1em;
  color: rgb(254, 219, 67);
}

.icon-google .path13:before {
  content: "\e977";
  margin-left: -1em;
  color: rgb(83, 132, 196);
}

.icon-google .path14:before {
  content: "\e978";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}

.icon-google .path15:before {
  content: "\e979";
  margin-left: -1em;
  color: rgb(194, 194, 193);
}

.icon-google .path16:before {
  content: "\e97a";
  margin-left: -1em;
  color: rgb(239, 239, 239);
}

.icon-google .path17:before {
  content: "\e97b";
  margin-left: -1em;
  color: rgb(220, 75, 62);
}

.icon-google .path18:before {
  content: "\e97c";
  margin-left: -1em;
  color: rgb(128, 44, 39);
}

.icon-gplus:before {
  content: "\e97d";
}

.icon-gps:before {
  content: "\e97e";
}

.icon-guarantee:before {
  content: "\e97f";
  color: #102397;
}

.icon-gum:before {
  content: "\e980";
}

.icon-gum2:before {
  content: "\e981";
}

.icon-half-star:before {
  content: "\e982";
}

.icon-halitosis:before {
  content: "\e983";
}

.icon-halitosis1:before {
  content: "\e984";
}

.icon-halitosis2:before {
  content: "\e985";
}

.icon-hand-wash:before {
  content: "\e986";
}

.icon-hand-wash2:before {
  content: "\e987";
}

.icon-heart:before {
  content: "\e988";
}

.icon-info:before {
  content: "\e989";
}

.icon-inlays-onlays:before {
  content: "\e98a";
}

.icon-insta:before {
  content: "\e98b";
}

.icon-invisalign:before {
  content: "\e98c";
}

.icon-jaw:before {
  content: "\e98d";
}

.icon-laser:before {
  content: "\e98e";
}

.icon-linkedin:before {
  content: "\e98f";
}

.icon-locations:before {
  content: "\e990";
}

.icon-map-icon:before {
  content: "\e991";
  color: #0663a3;
}

.icon-map-pin:before {
  content: "\e992";
  color: #102397;
}

.icon-medical-mask:before {
  content: "\e993";
}

.icon-medical-mask2:before {
  content: "\e994";
}

.icon-megaphone:before {
  content: "\e995";
  color: #91b7dc;
}

.icon-menu-services:before {
  content: "\e996";
}

.icon-misaligned-teeth:before {
  content: "\e997";
}

.icon-molar:before {
  content: "\e998";
}

.icon-mouth:before {
  content: "\e999";
}

.icon-mouthguards:before {
  content: "\e99a";
}

.icon-mouthguards1:before {
  content: "\e99b";
}

.icon-oral-surgery:before {
  content: "\e99c";
}

.icon-orthodontic:before {
  content: "\e99d";
}

.icon-orthodontic1:before {
  content: "\e99e";
}

.icon-orthodontic2:before {
  content: "\e99f";
}

.icon-orthodontic3:before {
  content: "\e9a0";
}

.icon-orthodontic4:before {
  content: "\e9a1";
}

.icon-orthodontic5:before {
  content: "\e9a2";
}

.icon-orthodontic6:before {
  content: "\e9a3";
}

.icon-orthodontic7:before {
  content: "\e9a4";
}

.icon-orthodontic8:before {
  content: "\e9a5";
}

.icon-payment:before {
  content: "\e9a6";
}

.icon-payonline:before {
  content: "\e9a7";
}

.icon-pediatric:before {
  content: "\e9a8";
}

.icon-pediatric1:before {
  content: "\e9a9";
}

.icon-periodontal:before {
  content: "\e9aa";
}

.icon-periodontal1:before {
  content: "\e9ab";
}

.icon-periodontal2:before {
  content: "\e9ac";
}

.icon-periodontal3:before {
  content: "\e9ad";
}

.icon-phone:before {
  content: "\e9ae";
}

.icon-phone2:before {
  content: "\e9af";
}

.icon-photo-camera:before {
  content: "\e9b0";
}

.icon-pinterest:before {
  content: "\e9b1";
}

.icon-play:before {
  content: "\e9b2";
}

.icon-pregnancy:before {
  content: "\e9b3";
}

.icon-respiratory:before {
  content: "\e9b4";
}

.icon-restoration:before {
  content: "\e9b5";
}

.icon-right-arrow:before {
  content: "\e9b6";
  color: #677897;
}

.icon-root-canal:before {
  content: "\e9b7";
}

.icon-root-canal1:before {
  content: "\e9b8";
}

.icon-rootcanal:before {
  content: "\e9b9";
}

.icon-sealants:before {
  content: "\e9ba";
}

.icon-sedation:before {
  content: "\e9bb";
}

.icon-sedation1:before {
  content: "\e9bc";
}

.icon-services-icon:before {
  content: "\e9bd";
}

.icon-sleep-apnea:before {
  content: "\e9be";
}

.icon-smile-regular:before {
  content: "\e9bf";
}

.icon-smile:before {
  content: "\e9c0";
}

.icon-specials:before {
  content: "\e9c1";
}

.icon-speech-bubble-outline:before {
  content: "\e9c2";
  color: #fff;
}

.icon-star:before {
  content: "\e9c3";
}

.icon-sterilization-equipment:before {
  content: "\e9c4";
}

.icon-sterilization:before {
  content: "\e9c5";
}

.icon-surgery:before {
  content: "\e9c6";
}

.icon-team-icon:before {
  content: "\e9c7";
  color: #0663a3;
}

.icon-teeth-cleaning:before {
  content: "\e9c8";
}

.icon-teeth-cleaning1:before {
  content: "\e9c9";
}

.icon-teeth-extractions:before {
  content: "\e9ca";
}

.icon-teeth-whitening:before {
  content: "\e9cb";
}

.icon-teeth-whitening1:before {
  content: "\e9cc";
}

.icon-teeth-whitening2:before {
  content: "\e9cd";
}

.icon-teeth1:before {
  content: "\e9ce";
}

.icon-teledentistry-call:before {
  content: "\e9cf";
  color: #394553;
}

.icon-teledentistry-patien-forms:before {
  content: "\e9d0";
  color: #394553;
}

.icon-teledentistry-talk:before {
  content: "\e9d1";
  color: #394553;
}

.icon-tooth-extractions:before {
  content: "\e9d2";
}

.icon-tooth:before {
  content: "\e9d3";
}

.icon-toothache:before {
  content: "\e9d4";
}

.icon-twitter:before {
  content: "\e9d5";
}

.icon-veneers:before {
  content: "\e9d6";
}

.icon-veneers1:before {
  content: "\e9d7";
}

.icon-wisdom-teeth:before {
  content: "\e9d8";
}

.icon-x-ray:before {
  content: "\e9d9";
}

.icon-x-ray2:before {
  content: "\e9da";
}

.icon-yelp:before {
  content: "\e9db";
}

.icon-youtube:before {
  content: "\e9dc";
}

.icon-social-tik-tok:before {
  content: "\e91d";
}

.icon-social-birdeye:before {
  content: "\e900";
}

.icon-social-facebook:before {
  content: "\e901";
}

.icon-social-google:before {
  content: "\e902";
}

.icon-social-instagram:before {
  content: "\e903";
}

.icon-social-linkedin:before {
  content: "\e904";
}

.icon-social-rateabiz:before {
  content: "\e905";
}

.icon-social-twitter:before {
  content: "\e906";
}

.icon-social-yelp:before {
  content: "\e907";
}

.icon-social-youtube:before {
  content: "\e908";
}

.icon-social-zocdoc:before {
  content: "\e909";
}

.icon-arrow-down:before {
  content: "\e90a";
}

.icon-arrow-left:before {
  content: "\e90b";
}

.icon-arrow-right:before {
  content: "\e90c";
}

.icon-arrow-up:before {
  content: "\e90d";
}

.icon-calendar-3:before {
  content: "\e90e";
}

.icon-calendar1:before {
  content: "\e90f";
}

.icon-calendar21:before {
  content: "\e910";
}

.icon-call1:before {
  content: "\e911";
}

.icon-call2:before {
  content: "\e912";
}

.icon-call3:before {
  content: "\e913";
}

.icon-directions:before {
  content: "\e914";
}

.icon-directions2:before {
  content: "\e915";
}

.icon-directions3:before {
  content: "\e916";
}

.icon-hours:before {
  content: "\e917";
}

.icon-hours2:before {
  content: "\e918";
}

.icon-hours3:before {
  content: "\e919";
}

.icon-location:before {
  content: "\e91a";
}

.icon-location2:before {
  content: "\e91b";
}

.icon-location3:before {
  content: "\e91c";
}

/* Slider */

.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}

.slick-list:focus
{
    outline: none;
}

.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}

.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}

.slick-track:after
{
    clear: both;
}

.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}

[dir='rtl'] .slick-slide
{
    float: right;
}

.slick-slide img
{
    display: block;
}

.slick-slide.slick-loading img
{
    display: none;
}

.slick-slide.dragging img
{
    pointer-events: none;
}

.slick-initialized .slick-slide
{
    display: block;
}

.slick-loading .slick-slide
{
    visibility: hidden;
}

.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
    display: none;
}

/*
Search and Repace =  smiles-dental-center-
 */

/*

1.  GENERAL SETTINGS
2.  COMPONENTS
    2.1 BUTTONS
    2.2 CTA MOBILE & DESKTOP
    2.3 SLIDER
    2.4 ICONS
    2.5 MODALS
3.  LAYOUT
    3.1 HEADER
        3.1.1 SLIDEIN
        3.1.2 NAVIGATION
        3.1.3 DROPDOWN
        3.1.4 MOBILE NAVIGATION
        3.1.5 GLOBAL ALERT
        3.1.6 USERWAY
    3.2 NAVIGATION
    3.3 FOOTER
    3.4 SECTIONS
    3.5 TITLES
    3.7 PAGES
        3.7.1 SERVICES PAGES
              LAYOUT C
              LAYOUT A
              OTHER
    3.8 CONTENT
        3.8.1 FEATURED SECTION
        3.8.* HELPERS

4.  HOME
    4.1 HERO - DESKTOP
    4.2 HERO - MOBILE
    4.3 MEMBERS
    4.4 MEET
    4.5 WHY
    - 4.6 SPECIALS - ! Not Included in Template
    4.7 SPECIALTY SERVICES
    4.8 SAFETY
    4.9 LOCATION
    4.10 SYSTEMS
    4.11 REVIEWS
    - 4.12 OFFICE TOUR - ! Not Included in Template
    4.13 HOME HIGHLIGHTS
5.  FIRST VISIT
6.  LOCATION & HOURS
*.  OTHER
    *.1 PERFECT SMILE
    *.2 TYPEFORM
    *.4 FINANCING
      *.4.1 FINANCING BANNER
    *.5 FAQ
    *.6 SPECIALTY ALT
*/

/* 1.  GENERAL SETTINGS */

:root {


  --darkcta: #FFA00A;
  --lightcta: #FCB103;

  /* Panel gradient */
  --darkermain: #08006a;
  --darkmain: #4343D7;
  --mediummain: #3939B8;
  --lightmain: #5067FA;
  --lightermain:#638CFF;
  --highlight: #82A3FF;
  --lightwedo: #F5F4F9;
  --lightbody: #FFF;
  --secmain: #333333;

  --darkermainO: rgba(57, 57, 184, .9);
  --darkmainO: rgba(130, 163, 255, 0.75);
  --whiteO50: rgba(255, 255, 255, 0.5);;


  /* Content Sections */
  --lightmainmid: #F5F4F9;
  --lightmainsoft: #F9F9F9;


  --primary: var(--darkmain);
  --secondary: var(--mediummain);

  /* Variable use to add practice name to images - also change on _config.php */
  /* --imgfilename: "practice"; */
  --primarygradient: linear-gradient(to top, var(--lightmain) 0%, var(--darkermain) 100%);
  --secondarygradient: linear-gradient(45deg, var(--mediummain) 0%, var(--darkmain) 100%);
  --ctagradient: linear-gradient(to bottom, var(--darkcta) 0%, var(--lightcta) 100%);

  --border-radius-lg:2em;
  --border-radius-sm:.5em;

  --shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
  --shadowstrong: 0 10px 20px rgba(0, 0, 0, 0.3);

  /* Variable use for Fonts */
  --mainfont:'Nunito', sans-serif;
  --secondfont:'Fredoka One', cursive;;
  /* --reviewsfont: 'Georgia', 'Times New Roman', Times, serif; */


/*
  --breakpoint-xxs: 0;
  --breakpoint-xs: 375;
  --breakpoint-sm: 576px;
  --breakpoint-md: 768px;
  --breakpoint-lg: 992px;
  --breakpoint-xl: 1200px;
  --breakpoint-xxl: 1440px;
  --breakpoint-xxxl: 1640px;
 */


}

html {
  box-sizing: border-box;
  -ms-overflow-style: scrollbar;
  overflow-x: hidden;
  font-size: 16px;
}

*,
*::before,
*::after {
  box-sizing: inherit;
}

body {
  margin: 0;
  font-family: var(--mainfont);
  font-size: 1em;
  font-weight: 400;
  line-height: 1.5;
  color: var(--secmain);

}

h1 {font-size: 2.5em;}

h2 {font-size: 1.75em; font-weight: 800;}

h3 {font-size: 1.75em; font-weight: 800;}

h4 {font-size: 1.5em;}

h2.subtitle-color,
h3.subtitle-color,
h4.subtitle-color {
  color: var(--darkmain);
}

.color .subtitle-color,
.gradient .subtitle-color,
.gradient2 .subtitle-color,
.overlay .subtitle-color,
.pattern .subtitle-color {
  color: #FFFFFF !important;
}

.subtitle-color.small {
  font-size: 1.25em;
  font-weight: 700;
}

a {
  color: var(--darkmain);
}

a:hover {
  text-decoration: none;
}

.container {
  width: 95%;
  max-width: 1440px;
}

/* 2  COMPONENTS */

/* 2.1 BUTTONS */

.btn {
  padding: .625em 1.625em;
  text-align: center;
  border-radius: var(--border-radius-lg);
  font-weight: 600;
  font-size: 0.9em;
  text-transform: uppercase;

}

.btn.focus, .btn:focus {
  box-shadow: none;
}

.btn .icon {
    font-size: 1.1em;
    position: relative;
    top: .1em;
}

.btn-primary {
  background-color: var(--darkmain);
  border-color: var(--darkmain);
}

.btn-primary:hover {
  background-color: var(--mediummain);
  border-color: var(--mediummain);
}

.btn-white {
  background-color: #FFFFFF;
  border: 1px solid var(--darkmain);
  color: var(--darkmain);
}

.btn-white:hover {
  background-color: var(--darkmain);
  color: #FFFFFF;
}

.btn-white-line {
  background-color: transparent;
  border: 1px solid white;
  color: white;
}

.btn-white-line:hover {
  background: white;
  color: var(--mediummain);
}

.btn-cta {
  background:var(--darkcta) var(--ctagradient);
  background-size: cover;
  color: #FFFFFF;
  height: auto;
  padding: .625em 2em;
  border-radius: var(--border-radius-lg);
  border: 0;
}

.btn-cta:hover {
  color: #FFFFFF;
  background:  var(--darkcta);
}

.btn-cta:active {
  background-color: var(--darkmain);
}

.btn-submit {
  background-image: var(--ctagradient);
  background-size: cover;
  color: #FFFFFF;
  font-size:1.1em;
  height: auto;
}

.btn-submit:hover {
  color: #FFFFFF;
}

/* 2.2 CTA MOBILE & DESKTOP */

@media (max-width: 576px) {
  .cta-desktop {
    display: none!important;
  }
}

@media (min-width: 768px) {
  .cta-mobile {
    display: none!important;
  }
}

/* 2.3 SLIDER */

.review__slide {
  width: 100%;
  height: auto;
}

.review__slide--wrapper {
  width: 90%;
  margin: 0 auto;
  border-radius: var(--border-radius-sm);
  background: #FFFFFF;
  color: var(--secmain);
  padding: 1.25em;

}

.review__slide--color .review__slide--wrapper {
  background-color: var(--lightmainmid);
}

.review__text {
  font-size: .9em;
}

.home-hero .review__text {
    min-height: 7em;
}

.testimonials__section .review__text {
  font-size: 1em;
  min-height: 11em;
}

.testimonials .review__text {
  font-size: 1em;
  min-height: 11em;
}

.contact-modal__aside .review__text {
  min-height: 11.5em;
}

.review__info {
  display: -webkit-flex;
  display: flex;
  margin-top: 1em;
  padding-top: 1em;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: center;
  align-items: center;
  border-top: solid 1px rgba(0, 0, 0, 0.05);
  font-size: 0.875em;
}

.review__info div {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;

}

.review__info--profile {
  height: 3em;
  margin-right: 1em;
}

.review__info--site {
  height: 1.5em;
  margin-right: 1em;
}

.review__info--stars {
  height: 1em;
}

.slick-slider .slick-arrow {
  cursor: pointer;
  font-size: 0;
  border: none;
  background-color: transparent;
  outline: 0;
  width: 1em;
  height: 1em;
  position: absolute;
  top: calc(100% + 2rem);
}

.slick-slider .slick-arrow::before {
  border: none;
}

.slick-slider .slick-arrow::after {
  content: "";
  position: absolute;
  bottom: 100%;
  width: .875rem;
  height: .875rem;
  display: block;
  border-bottom: 4px solid ;
  border-right: 4px solid ;
  z-index: 1001;
  transition: all 0.2s ease-out;
  border-color: #FFFFFF;
  opacity: .5;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
}

.slick-slider .slick-prev {
    right: calc(5% + 3rem);
  }

.slick-slider .slick-next {
  right: 5%;
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
}

/* 2.4 ICONS */

.circle-icon {
  background: var(--mediummain);
  border-radius: 100%;
  font-size: 2.5em;
  padding: .5em;
  line-height: 1;
  width: 2em;
  color: #FFFFFF;
}

.circle-icon.white {
  background: #FFFFFF;
}

.large-icon{
   color: var(--lightmain);
   font-size: 2.5em;
 }

img.circle-icon.large-icon{
   width: 2.5em;
 }

img.large-icon{
   width: 1.5em;
 }

/* 2.5 MODALS */

.modal-body {
  padding: 0;
}

.modal-dialog {
  max-width: 950px;
}

.modal-content {
  border-radius: 15px !important;
  overflow: hidden;
}

.modal .close {
  float: right;
  font-size: 1.5em !important;
  font-weight: 800;
  line-height: 1;
  color: var(--darkmain);
  opacity: 1;
}

.modal .close:hover {
  opacity: 0.5;
}

.doctor-button__link {
  background-image: url('img/book-button.svg');
  display: block;
  background-repeat: no-repeat;
  background-position: left bottom;
  background-size: 170px;
  overflow: hidden;
  padding-top: 20px;
  width: 240px;
}

.doctor-button {
  min-height: 90px;
}

.doctor-button__wrapper {
  position: relative;
  margin-top: 10px;
}

.doctor-button__wrapper .doctor-button__link,
.doctor-button__wrapper .page-sidebar__book-doctor{
  background: transparent;
}

.doctor-button__wrapper a { display: block;}

.request_appointment__wrapper .doctor-button {
  font-size: 14px;
}

.doctor-button::after,
.doctor-button::before {
  position: absolute;
  left: 0;
  right: 65px;
  border-radius: 10px;
}

.doctor-button::after {
  content: 'Book an \A  Appointment';
  top: 12px;
  bottom: 8px;
  background: #FFFFFF;
  color: var(--darkmain);
  font-weight: 600;
  padding: 1.5em 59px 0px 1em;
  line-height: 1.3;
}

.doctor-button::before {
  content: '';
  background: var(--darkmain);
  top: 50px;
  bottom: 0;
  left: 15px;
  -webkit-transform: skewY(-4deg);
  transform: skewY(-4deg);
}

.doctor-button img {
  position: relative;
  z-index: 10;
  background: var(--darkmainO);
}

.contact-modal {
  margin-top: .5em;
}

.contact-modal .close {
  color: #FFFFFF;
  text-shadow: none;
}

.contact-modal__aside {
  background: var(--secondarygradient);
  padding: 2em 2em 4em;
  width: 340px;
}

.contact-modal__content {
  padding: 2.5em;
  width: calc(100% - 340px);
}

.contact-modal__content.contact-modal__content--full {
  width: 100%;
}

.contact-modal .contact-modal__content.contact-modal__content--full .close{
  color: var(--darkermain);
}

.contact-modal .review__slide {
  font-size: .9em;
}

.contact-modal .review__info {
  font-size: 11px;
}

.contact-modal__logo {
  /* !CLEAN */
  width: 75%;
  margin-right: auto;
  margin-left: auto;
  display: block;
}

.contact-modal__title {
  margin: 0 0 1.5em 0;
  color: var(--darkmain);
  font-size:1.75em;
  font-weight: 600;
}

.contact-modal__book {
  margin-top: 0px;
}

.contact-modal__photo {
  width: 102px;
  border: 2px solid $darkmain;
  border-radius: 50%;
  float: right;
  margin-top: -10px;
}

.contact-modal__with {
  color: #FFFFFF;
  font-size: 13px;
  font-weight: bold;
  line-height: 1.25;
  padding: 15px 15px 0 50px;
  margin-top: 0px;
  margin-bottom: 1em;
  position: relative;
}

.contact-modal__with::before {
  content: '';
  display: block;
  width: 35px;
  height: 35px;
  background-image: url('img/book-arrow.svg');
  background-repeat: no-repeat;
  background-position: top center;
  position: absolute;
  left: 10px;
  top: 15px;
}

.contact-modal input,
.contact-modal textarea,
.contact-modal select {
  font-size: 14px;
  font-weight: normal;
  font-family: Arial, Helvetica, sans-serif;
  padding: 0.5rem 0.75rem;
  margin-bottom: 0.5rem;
}

.contact-modal select {
  height: 44px; width: 100%;
  background-color: $input-bg;
  color: var(--secmain);
  border-color: var(--lightwedo);

  border-width: 1px;
  border-style: solid;
  border-radius: 0.25rem;
  min-height: 45.4px;
  -moz-appearance:none; /* Firefox */
  -webkit-appearance:none; /* Safari and Chrome */
  appearance:none;
  padding-right: 25px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAMAAADz0U65AAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAn1BMVEVneJZneJcAAABneJdqfJVhcppldpdoeZdneJdmeZdneJdneJdneJdneJdneJdneJdneJdneJdneJdneJdneJdneJdneJdneJdneJdneJdneJdneJdkdJZneJdneJdneJdneJdneJhneJZneJdneJdneJdneJdneJdneJdneJdneJdneJdneJdmeJdmeZdmeZdneJdneJdneJdneJcAAABXswrLAAAAMHRSTlMAAAAAAAAAAAAAGxsbGxsbG53W1dXV1qQ/2udOAWLz/IMECZT+wxwgxO5MQ3UHAgfuDMBWAAAAAWJLR0QCZgt8ZAAAAAlwSFlzAAAN+wAADfsBC3c1mwAAAAd0SU1FB+IIAQwSBR4QQbUAAABKSURBVAjXBcEDAoBAFAXA18+2bWPr/ndrBppumKZlO3A9PwjCKEaSPoy9WY6irNhTNy3Q9cM3ThyIn5d1E0SQJO/HqRCI1OtWiX7buwX3CPLTQQAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAxOC0wOC0wMVQxMjoxODowNS0wNDowMED6ZT8AAAAldEVYdGRhdGU6bW9kaWZ5ADIwMTgtMDgtMDFUMTI6MTg6MDUtMDQ6MDAxp92DAAAAGXRFWHRTb2Z0d2FyZQB3d3cuaW5rc2NhcGUub3Jnm+48GgAAAABJRU5ErkJggg==);
  background-repeat: no-repeat;
  background-position: 95% 50%
}

.contact-modal label {
  color:var(--darkmain);
  font-size: .9em;
  font-weight: 600;
}

.contact-modal__call {
  font-size: 13px;
  line-height: 18px;
  color: var(--secmain);
}

.contact-modal a {
  color:var(--darkmain);
}

.contact-modal__submit {
  display: block;
  width: 100%;
}

.book-modal__date {
  background-image: url('..img/date-icon.svg');
  background-position: right 10px center;
  background-repeat: no-repeat;
  background-size: 24px;
  background-color: #FFFFFF !important;
}

.book-modal__date--mobile {
  display: none;
  visibility: hidden;
}

/* 3.  LAYOUT */

/* 3.1 HEADER */

.header-spacer {
  height: 12.825em;
}

.header {
  position: fixed;
  background: #FFFFFF;
  box-shadow: var(--shadow);
  font-size:.95em;
}

.header__menu {
  -webkit-flex-direction: column;
  flex-direction: column;
  z-index: 5;
}

.header__top-logo {
  text-align: center;
  padding: 1.25em;
}

.slide-in .header__top-logo {
  display: none;
}

.header__top-logo--img {
  height: 5em;
}

.btn-header-top-call {
  font-size: .625em;
  padding: 1em 1.5em;
}

/* 3.1 HEADER */

/* 3.1.1 SLIDEIN */

.header__subrow {
  font-size: .9em;
  padding: .5em ;
  border-top: 1px solid var(--lightwedo);
  display: none;

}

.header__subrow.slide-in {
  display: block;
}

.header__subfirst {
  -webkit-align-self: center;
  align-self: center;
}

.header__subfirst a {
  color: var(--secmain);
}

.header__subcenter {
  text-align: center;
}

.header__sublast {
  text-align: right;
  -webkit-align-self: center;
  align-self: center;
}

.header__sublast .footer__link span.icon {
  color: var(--darkmain) !important;
  border-color: var(--lightmain);
}

.header__sublast .footer__link:hover span.icon {
  color: #FFFFFF !important;
  border-color: var(--darkmain);
}

.header__address .icon {
  color: var(--mediummain);
}

.header__rating{
  line-height: 1;
  margin-top: .2em;
  display: inline-block;
}

.header__rating img {
  height: 1em;
  position: relative;
  top: -.1em;
}

.header__address br {
  display: none;
}

.header__logosm {
  height: 3em;
  margin: .5em auto;
}

/* 3.1 HEADER */

/* 3.1.2 NAVIGATION */

.navbar-logo {
  display: block;
  height: 2.625em;
  margin: .5em auto 1em 0;
}

.navbar-close {
  display: block;
  position: absolute;
  right: 1em;
  top: 1em;
  color: #FFFFFF;
  font-size: 2em;
  line-height:1;
  font-weight: bold;
}

.navbar {
  padding: .75em 0;
  font-size: 1em;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  position: static;
}

.navbar-toggler {
  display: block;
  line-height: 1;
  border: 0;
  background: var(--darkmain);
  color: #FFFFFF !important;
  border-radius: 0;
  height: 3em;
  width: 3em;
  margin: 0;
}

.toggler-text {
  font-size: .5em;
  text-transform: uppercase;
  margin-top: .5em;
  font-weight: bold;
}

.navbar-toggler .icon {
  font-size: 1.5em;
  line-height: 1;
}

.nav-item {

}

.navbar-light .navbar-nav .nav-link,
.nav-item .nav-link {
  color:var(--secmain);
}

.navbar-light .navbar-nav .nav-link:hover,
.nav-item .nav-link:hover{
  color:var(--darkmain);
}

.navbar-light .navbar-nav .active>.nav-link,
.navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .show>.nav-link {
  color:var(--darkmain);
}

/* 3.1 HEADER */

/* 3.1.3 DROPDOWN */

.dropdown-toggle::after {

}

.show > .dropdown-toggle::after {
  -webkit-transform: rotateX(-180deg);
  transform: rotateX(-180deg);
  top: 16px;
}

.dropdown-menu {
  position: absolute;
  top: 3em;
  left: 0;
  z-index: 5;
  display: none;
  float: left;
  min-width: 13em;
  margin: 0;
  font-size: 1em;
  color: var(--secmain);
  text-align: left;
  list-style: none;
  background-color: var(--lightmainmid);
  background-clip: padding-box;
  border-radius: 0;
  border: 0;
  box-shadow: var(--shadowstrong);
}

.dropdown-menu:after {
  bottom: 0;
  left: 0;
  position: absolute;
  content: '';
  display: block;
  height: 4px;
  width: 100%;
  clear: left;
  background: linear-gradient(to left, var(--darkermain), var(--mediummain));
}

.dropdown-item {
  font-size: .875em;
  padding: .625em 1em;
  font-weight: normal;
  color: var(--darkmain);
  min-width: 200px;
  border-bottom-style: solid;
  border-bottom-color: var(--lightwedo);
  border-bottom-width: none;
}

.dropdown-item:not(:last-of-type) {
  border-bottom-width: 1px;
}

.dropdown-item:hover {
  color: #FFFFFF;
  background-color: var(--darkmain);
}

.dropdown-item:hover .icon::before {
  color: #FFFFFF !important;
}

.dropdown-menu-three-columns {
  -webkit-column-count: 3;
  -moz-column-count: 3;
  column-count: 3;
  padding-bottom: 4px;
}

.dropdown-menu-three-columns .dropdown-item {
	display: inline-block;
	vertical-align: top;
	border-bottom-width: 1px;
}

.dropdown-menu-services {
  -webkit-column-count: 3;
  -moz-column-count: 3;
  column-count: 3;
}

/* 3.1 HEADER */

/* 3.1.4 MOBILE NAVIGATION */

/* Edit on mobile.css */

/* 3.1 HEADER */

/* 3.1.5 GLOBAL ALERT */

.global-alert {
  background-color: var(--darkermain);
  color: #FFFFFF;
  text-align: center;
  padding: .325em;
  font-size: .9em;
  display: block;
  text-align: center;
  text-transform: uppercase;

}

.global-alert:hover {
  color: #FFFFFF;
  text-decoration: none;
}

.global-alert b {
  position: relative;
  font-weight: 400;
  top:.1em;
}

.global-alert span {
  display: inline-block;
  padding: .15em .75em .05em;
  border: 1px solid #FFFFFF;
  border-radius: 1em;
  font-size: .9em;
  margin-left: .5em;
}

.global-alert span:hover{
  background: var(--darkmain);
}

/* 3.1.6 USERWAY */

body .uwy.userway_p1 .uai {
  top: 7px!important;
  right: 4px!important;
  left: auto!important;
}

@media only screen
  and (min-width : 200px)
  and (max-width : 1199px)  {
    body .uwy.userway_p1 .uai {
        top: auto !important;
        right: 13px !important;
        left: auto!important;
        bottom: 18px!important;
    }
  }

.navbar-is-open .userway,
.modal-open .userway,
.navbar-is-open .uwy.userway_p1 .uai,
.modal-open .uwy.userway_p1 .uai {
  display: none !important;
}

/* 3.3 FOOTER  */

.footer {
  font-size: .9em;
}

.footer, .footer a {
  color: #FFFFFF;
}

.footer a:hover {
  color: var(--lightermain);
  text-decoration: none;
}

.footer__wrapper {
  overflow: hidden;
  background: var(--darkermain);
  padding: 3em 0 4em;
}

.footer__title {
  font-weight: bold;
  font-size: .9em;
  margin-bottom: 1.1em;
}

.footer__cta {
  margin-top: 1.1em;
}

.footer__link {
  display: inline-block;
  margin-right: 10px;
  text-decoration: none!important;
  display: inline-block;
}

.footer__link:only-child {
  margin-right:0;
}

.footer__link span.icon {
    color: #FFFFFF;
    border: 1px solid #FFFFFF;
    padding: .5em;
    border-radius: 100%;
    font-size: 1.5em;
  }

.footer__link span.icon:hover {
  background: var(--darkermain);
}

.footer__logo {
  width: 17.5em;
}

.footer__copyright {
  font-size: 12px;
  margin-top: 2rem;
}

.footer__copyright p {
  text-align: center;
}

.footer__center {
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
}

.footer__right {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
}

.footer-menu {
  list-style: none;
  padding: 0;
}

.footer-menu__title {
  font-size: .9em;
  font-weight: bold;
  text-transform: uppercase;
  margin-bottom: 1.5em;
}

.footer-menu__link {
  color: #FFFFFF;
  display: block;
  font-weight: 400;
  line-height: 1.125;
  margin-bottom: .75em;
}

.bottom-address {
  text-align: center;
}

.bottom-address a.location,
.bottom-address a.location2,
.bottom-address a {
  display: inline-block;
}

.callbar-reloaded {
    position: fixed;
    left: 0;
    top: auto;
    right: 0;
    bottom: 0;
    z-index: 100;
    display: none;
    width: 100%;
    padding-top: .8em;
    padding-bottom: .8em;
    padding-right: 40px; /* erase if there is no userway icon */
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    background-color: var(--darkcta);
    background-image: linear-gradient(to bottom, var(--lightcta), var(--darkcta));
    color: #FFFFFF;
    text-transform: uppercase;
    text-decoration: none;
    font-size: 1.75em;
    line-height: 1;
    font-weight: 700;
}

.callbar-reloaded  .icon{
  margin-right: 0.35em;
  line-height: 1;
}

.callbar-reloaded icon:before{
  line-height: 1;
}

.callbar-reloaded:hover, .callbar-reloaded:focus {
  background-image: linear-gradient(to top, var(--lightcta), var(--darkcta));
  color: rgba(255,255,255, 0.7);
  text-decoration: none;
}

/* 3.4 SECTIONS */

.general-section {
  margin: 5em auto;
}

.filled-section {
  padding: 5em 0;
}

.color,
.gradient,
.gradient2,
.overlay,
.pattern,
.branded-gradient {
  color: #FFFFFF;
}

.color {
  background-color: var(--darkermain);
}

.color-light {
  background-color: var(--lightmainmid);
}

.color-light-border {
  border: 1px solid var(--lightwedo);
}

.color-lightwedo {
  background-color: var(--lightwedo);
}

.gradient {
  background: var(--primarygradient);
}

.gradient2 {
  background: var(--secondarygradient);
}

.branded-gradient{
  background: url('img/smiles-dental-center-icon-whiteO5.svg'), var(--secondarygradient);
  background-attachment:local;
  background-repeat: no-repeat;
  background-position: 90% center, center;
  background-size: 90%, cover;
}

.pattern {
  background-color: var(--darkermain);
  background: url('img/background-pattern.svg'), var(--secondarygradient);
  background-attachment: fixed, local;
}

.overlay {
  background-color: var(--darkermain);
  background-image: linear-gradient(to top, var(--darkermainO) 0%, var(--darkermainO) 100%), url("img/smiles-dental-center-city-bg.jpg");
  background-size: auto, cover;
  background-attachment: scroll, fixed;
}

.overlay-section:small {
  padding-top: 10%;
  padding-bottom: 10%;
}

.overlay-section:xxl {
  padding-top: 3.5%;
  padding-bottom: 3.5%;
}

@media (max-width: 600px) {
  .overlay {
    background-image: linear-gradient(to top, var(--darkermainO) 0%, var(--darkermainO) 100%), url("img/smiles-dental-center-city-bg-sm.jpg");
  }

}

/* 3.5 TITLES */

.section-title {
  font-family: var(--secondfont);
  font-size: 2.5em;
  line-height: 1.25;
  color: var(--darkermain);
  margin-bottom: .5em;
}

.section-title.with-icon {

}

.section-title.with-icon::after {
  content: '';
  display: block;
  width: 2em;
  height: .875em;
  margin: 0.5em auto 1em;
  background-image: url('img/smiles-dental-center-icon.svg');
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
  z-index: 1;

}

.section-title small {
  display: block;
  font-weight: 400;
  color: var(--mediummain);
  font-size: 1.1rem;
  font-family: var(--mainfont);
  letter-spacing: 0.05em;
  line-height: 1.5;
  text-transform: uppercase;
}

.section-title.section-title__white,
.section-title.section-title__white small {
  color: #FFFFFF;
}

.section-subtitle {
  font-family: var(--secondfont);
  text-transform: uppercase;
  font-size: 1.75em;
  margin-bottom: 1.5em;
  letter-spacing: .25em;
}

.section-tagline {
  width: 80%;
  margin: 0 auto;
}

/* 3.6 LISTS */

.bullet-list {
  padding-left: .5em;
  list-style: none;
  margin-bottom: 0.75em;
}

.bullet-list.no-margin {
  margin-bottom: 0;
}

.bullet-list li {
  position: relative;
  padding-left: 2em;
  list-style: none;
  padding-bottom: .75em;
}

.bullet-list li:last-child {
  padding-bottom: 0;
}

.bullet-list li:before {
  content: '\2022';
  position: absolute;
  top: 0;
  bottom: auto;
  left: 0;
  right: auto;
  font-weight: bold;
  color: var(--lightmain);
  font-size: 1.3em;
  line-height: 1;
}

.color .bullet-list li:before,
.gradient .bullet-list li:before,
.gradient2 .bullet-list li:before,
.overlay .bullet-list li:before,
.pattern .bullet-list li:before {
  color: #FFFFFF;
}

.bullet-list li ul {
  list-style: none;
  list-style-type: none;
  padding-left: .5em;
  padding-top: .5em;
}

.bullet-list li ul li {
  padding-left: 1.5em;
}

.bullet-list li ul li:before {
  color: var(--lightmain);
  font-size: 1em;
}

.bullet-list.two-column li {
  width: calc(50% - 4px);
  display: inline-block;
  vertical-align: top;
  padding-right: 10px;
}

.bullet-list.three-column li {
  width: calc(33.3333% - 4px);
  display: inline-block;
  vertical-align: top;
  padding-right: 10px;
}

/* 3.7 PAGES */

.page-header {
  position: relative;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  background-color: var(--darkmain);
  background-image:  url("img/background-pattern.svg"), var(--secondarygradient);
  background-size: cover;
  color: #FFFFFF;
  text-align: center;
  min-height: 35vh;
  padding: 5em 0;
}

.page-header.page-header__bg-image {
  background-image: none;
  background-image: linear-gradient(45deg, var(--darkmainO) 0%, var(--darkermainO) 100%), url('img/smiles-dental-center-hero.jpg');
  background-size: cover;
  background-position: center;
}

.page-header__wrapper {
  width: 100%;
  position: relative;
  z-index: 10;
}

.page-header__title {
  font-family: var(--secondfont);
  font-size: 2.5em;
  line-height: 1.25;
}

.page-header__title small {
  display: block;
  font-weight: 400;
  font-size: 1.1rem;
  font-family: var(--mainfont);
  letter-spacing: 0.05em;
  line-height: 1.5;
  text-transform: uppercase;
}

.page-header__blurb {
  font-size: 1.125em;
  margin: 1.5em auto 0;
  max-width: 800px;
}

/* 3.7.1 SERVICES */

.page-header__service {
  text-align: left;
  position: relative;
}

.service-page-header-cta {
  margin-top: 2em;
}

/* 3.7.1 SERVICES */

/* LAYOUT C */

.page-header-image {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  width: 100%;
  height: 100%;
  max-width: none;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: 50% 50%;
  object-position: 50% 50%;
  z-index: 0;
}

.service-page-header-content {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  text-align: left;
  width: 100%;
}

.service-page-header-icon {
  font-size: 3.5em;
  margin-right: .5em;
}

img.service-page-header-icon {
  width: 1em;
}

.service-page-header-overlay {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  display: block;
  background-color: #050042;
  opacity: 0.5;
  z-index: 2;
}

/* 3.7.1 SERVICES */

/* LAYOUT A */

.page-header__service.layout-a{
  min-height: 60vh;
}

.page-header__service.layout-a .row {
  -webkit-justify-content: space-between;
  justify-content: space-between;
}

.page-header__service.layout-a .service-page-header-icon {
  font-size: 3.5em;
  margin: 0 auto .25em;
}

.page-header__service.layout-a .service-page-header-content {
  -webkit-flex-direction: column;
  flex-direction: column;
  text-align: center;
}

.service-page-header-content-special {

}

/* MAIN SERVICE PAGE */

.accordion-services .card .card-header {
  padding: 0;
}

.accordion-services .card .card-header .btn {
  color: #FFFFFF;
  padding: 0;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-align-items: stretch;
  align-items: stretch;
  border: none;
  font-size: .875em;
  background: var(--darkmain);
  border-radius: var(--border-radius-sm);
  position: relative;
}

.accordion-services .card .card-header .btn:hover {
  background: var(--darkermain);
}

.accordion-services .card .card-header .btn:after {
  content: "";
  width: .5em;
  height: .5em;
  border: 2px #FFFFFF solid;
  border-right: none;
  border-top: none;
  position: absolute;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
  top:2em;
  right: 1.5em;

}

.accordion-services .card .card-header .collapsed.btn:after {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  top:1.75em;
}

.accordion-services .card .card-header .collapsed.single-link.btn:after {
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg);
  top:1.75em;
}

.accordion-services .card .card-header  h2 {
  margin-bottom: 0;
  font-size: 1.75em;
}

.accordion-services .card .card-header img {
  width: 30%;
  -o-object-fit: cover;
  object-fit: cover;
}

.accordion-services .card .card-body {
  background-color: var(--lightmainmid);
  padding: 1.5em;
}

.accordion-services__header-title {
  -webkit-align-self: center;
  align-self: center;
  padding: 1em 2em;
  display: -webkit-flex;
  display: flex;
}

.accordion-services__header-title span {
  -webkit-align-self: center;
  align-self: center;
}

.accordion-services__header-title .icon {
  margin-right: .75em;
  position: relative;
  top:-.125em;
}

.accordion-services__header-title img.img-icon {
  width: 1.75em !important;
}

.services__home--content__link-box {
  display: block;
  background: #FFFFFF;
  border-radius: 0.2em;
  border: 1px solid transparent;
  font-size: 1em;
  margin: 1em auto;
  text-align: center;
  padding: 1.5em;
  text-decoration: none;
  transition: all .5s;
  min-height: 9.25em;
}

.services__home--content__link-box:hover {
  text-decoration: none;
  background: var(--mediummain);
  color: #FFFFFF;
}

.services__home--content__link-box h3 {
  font-size: 1.125em;

}

.services__home--content__link-box .icon {
  display: block;
  font-size: 2em;
  margin-bottom: .5em;
  color: var(--lightmain);
}

.services__home--content__link-box img.img-icon{
  width: 1.5em;
  margin: 0 auto;
  margin-bottom: .5em;
}

.services__home--content__link-box:hover .icon {
  color: #FFFFFF;
}

.services__home--CTA_banner__wrapper {
  background: var(--darkmain) url("img/smiles-dental-center-city-bg.jpg") no-repeat center center;
  background-size: cover;
  padding: 5em 20%;
  color: #fff;
  text-align: center;
  position: relative;
}

.services__home--CTA_banner__wrapper:before {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: var(--darkmain);
  opacity: .85;
}

.services__home--CTA_banner__wrapper--content {
  position: relative;
  z-index: 1;
  top: 0;
  left: 0;
}

.services__home--CTA_banner__title {
  font-weight: 300;
  font-style: italic;
  font-size: 1.25em;
}

/* 3.7.1 SERVICES */

/* OTHER */

.services__more-info {
  border-top: 1px solid var(--lightmainmid);
  padding-top: 3.5em;
}

.services__more-info h2 {
  font-size: 1.25em;
  font-weight: 600;
  color: var(--darkermain);
}

.services__more-info a {
  color: var(--secmain);
}

.services-schedule-appointment {
  background: var(--secondarygradient);
  color: white;
}

.services-schedule-appointment img {
  -o-object-fit: cover;
  object-fit: cover;
}

.services-schedule-appointment h2{
  font-weight: 400;
  font-size: 1.5em;
}

.services-schedule-appointment__icon {
  font-size: 2em;
}

.meet__section--services .subtitle-color {
  font-size: 1.25em;
}

.meet__section--services p {
  font-size: .875em;
  margin-bottom: 0;
}

/* 3.8 CONTENT */

/* 3.8 CONTENT */

/* 3.8.1 FEATURED SECTION */

.featured-section p:last-child {
  margin-bottom: 0;
}

.featured-section__content-wrapper {
  padding: 3em;
  border-radius: var(--border-radius-sm);
}

.featured-section.row.filled .featured-section__content-wrapper {
  position: relative;
  z-index: 1;
  background-color: var(--lightwedo);
}

.featured-section.row.filled .featured-section__content-wrapper {
  width: calc(100% + 3em);
  margin-left: -3em;
}

.featured-section.row.flex-row-reverse.filled .featured-section__content-wrapper {
 margin-right: -3em;
 margin-left: 0;
}

.featured-section__content-wrapper.color-light {
  background-color: var(--lightmainmid);
}

.featured-section__content-wrapper h2,
.featured-section__content-wrapper h3,
.featured-section__content-wrapper h4 {
  font-size: 1.75em;
}

.featured-section__content-wrapper h2:first-child,
.featured-section__content-wrapper h3:first-child,
.featured-section__content-wrapper h4:first-child {
  margin-top: 0;
}

.featured-section__img-wrapper {
  position: relative;
  margin: 1em auto;
}

.featured-section__img-wrapper img {
  position:relative;
  z-index: 1;
  box-shadow: var(--shadow);
}

.featured-section__img-wrapper::before {
  content: "";
  width: 100%;
  height: 100%;
  border: 1px solid var(--lightwedo);
  /* opacity: .5; */
  position: absolute;
  top: -1em;
  left: -1em;
}

.color .featured-section__img-wrapper::before,
.gradient .featured-section__img-wrapper::before,
.gradient2 .featured-section__img-wrapper::before,
.overlay .featured-section__img-wrapper::before {
  opacity: .1;
}

.featured-section__img-wrapper img,
.featured-section__img-wrapper::before{
  border-radius: var(--border-radius-sm);
}

/* 3.8 CONTENT */

/* 3.8.1 BOXED CONTENT */

.bg-color {
  padding: 2em;
  border-radius: var(--border-radius-sm);
}

.bg-color__light{
  background: var(--lightwedo);
}

/* 3.8 CONTENT */

/* 3.8.* HELPERS */

.circle-image {
  border-radius: 100%;
}

/* 4.  HOME */

/* 4.1 HERO - DESKTOP */

.home-hero {
    position: relative;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    overflow: hidden;
    height: auto;
    height: calc(100vh - 13.625em - 5em);
    min-height: 580px;
    background-image: linear-gradient(45deg, var(--darkermainO), var(--darkmainO)), url("img/smiles-dental-center-hero.jpg");
    background-position: 0 0, 50% 50%;
    background-size: auto, cover;
    background-repeat: repeat, no-repeat;
    color: #FFFFFF;
  }

.home-hero__wrapper {
    display: -webkit-flex;
    display: flex;
    width: 100%;
    padding: 4%;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items:stretch;
    align-items:stretch;
  }

.home-hero__column {
    width: 35%;
    max-width: 600px;
  }

.home-hero__column--content {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    padding: 2em;
    border: solid 1px var(--whiteO50);
    text-align: center;
  }

.home-hero__column--content__box {

  }

.home-hero__column--reviews {
    -webkit-align-self: center;
    align-self: center;
  }

.home-hero__title {
    font-size: 2em;
    line-height: 1.25;
  }

.home-hero__cta {
    font-size: 1.1em;
  }

.hero-image {
    position: absolute;
    left:calc((100% - 27.5%) / 2);
    top: auto;
    right: 0%;
    bottom: 0%;
    display: block;
    width: 27.5%;
    max-height: 570px;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: bottom center;
    object-position: bottom center;
  }

/* 4.2 HERO - MOBILE */

.home-hero__mobile {
    display: none;
    background: var(--secondarygradient);
    text-align: center;
  }

.home-hero__mobile--content {
    color: #FFFFFF;
    padding: 1.5em;
    font-size: .9em;
  }

.home-hero__mobile--content h1 {
    font-size: 1.5em;
  }

.home-hero__mobile--stars {
    height: 1.25em;
    display: block;
    margin: 0 auto .5em;
  }

.home-hero__mobile-slider.slick-slider .slick-arrow::before {
    content:"";
    position:absolute;
    font-size: 1em;
    top:-1.875rem;
    left:-1.125rem;
    height:3rem;
    width:3rem;
    border-radius: 100%;
    background: var(--darkmainO);
    z-index: 1;
  }

.home-hero__mobile-slider.slick-slider .slick-prev {
    left: 5%;
  }

.home-hero__mobile-slider.slick-slider .slick-next {
    right: 5%;
  }

.home-hero__mobile-slider.slick-slider .slick-prev,
  .home-hero__mobile-slider.slick-slider .slick-next{
    top: calc(50% - 1em);
  }

/* 4.3 MEMBERS */

.members {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  padding: .5em;
}

.members img {
  max-height: 100%;
  margin: 0 1em;
}

/* 4.4 MEET */

.meet {

}

.meet__slider {
  padding-left: 4em;
  padding-right: 4em;
}

.meet__slide {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-align-content:stretch;
  align-content:stretch;
  -webkit-justify-content:space-between;
  justify-content:space-between;
}

.meet__slide--image {
  width: 30%;
  border-radius: 100%;
}

.meet__slide--content {
  width:60%;
  -webkit-align-self: center;
  align-self: center;
}

.meet__slide--name {
  font-size: 1.75em;
  margin-bottom: 1em;
}

.meet__slider.slick-slider .slick-prev {
  left: 0%;
}

.meet__slider.slick-slider .slick-next {
  right: 0%;
}

.meet__slider.slick-slider .slick-prev,
.meet__slider.slick-slider .slick-next{
  top: calc(50% - 1em);
}

/* 4.5 WHY */

.why__flex {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content:space-between;
  justify-content:space-between;
}

.why__box {
  text-align: center;
  padding: 0 2em;
  color: #FFFFFF;
  text-decoration: none;
  width: 30.333%;
}

.why__box:hover {
  color: #FFFFFF;
  text-decoration: none;
}

.why__box--icon {
  display: inline-block;
  width: 4em;
}

.why__box--title {
  font-size: 1.375em;
  font-weight: 600;
  margin: 1em auto;
}

.why__box--blurb {

}

/* 4.7 SPECIALTY SERVICES */

.specialty__section {
  background: var(--lightmainsoft);
}

.specialty__flex {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-align-content: center;
  align-content: center;
}

.specialty__section .specialty__flex:nth-child(even) {
  -webkit-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

.specialty__column {
  width: 50%;
}

.specialty__column--image {
  background: transparent url("img/placeholder.svg") center;
  background-size: cover;
  min-height: 450px;
}

/* !CLEAN */

.specialty__column--image.specialty1 { background-image:url("img/services/specialty1.jpg"); }

.specialty__column--image.specialty2 { background-image:url("img/services/specialty2.jpg"); }

.specialty__column--image.specialty3 { background-image:url("img/services/specialty3.jpg"); }

.specialty__column--image.specialty4 { background-image:url("img/services/specialty4.jpg"); }

.specialty__column--content {
  text-align: center;
  display: -webkit-flex;
  display: flex;
  -webkit-align-content: center;
  align-content: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  padding: 3em;
}

.specialty__box--title {
  font-size: 1.75em;
  font-family: var(--secondfont);
  margin: 1em auto .5em;
  color: var(--darkmain);
}

.specialty__box--subtitle {
  color: var(--mediummain);
  font-size: 1.1em;
  font-weight: 600;
  margin-bottom: 1em;
}

.specialty__box--icon {
  display: inline-block;
  width: 4em;
}

/* 4.8 SAFETY */

.no-link .safety__cta {
  display: none;
}

.safety__slide {
  width: 80%;
  max-width: 400px;
  margin: 1.5em auto;
  border-radius: var(--border-radius-sm);
  overflow: hidden;
  box-shadow: var(--shadow);
}

.safety__img {
  width: 100%;
}

.safety__content {
  padding:3em 2em 2em;
  border-top: .25em solid var(--lightwedo);
  position: relative;
}

.safety__content--icon {
  position: absolute;
  top: calc(-2.5em / 2);
  right: calc(0% + 1em);
}

.safety__content--icon img{
  width: 100%;
}

.safety__content--title {
  color: var(--darkmain);
  font-size: 1.5em;
  font-weight: 600;
  margin-bottom: 1em;
}

.safety__slider.slick-slider .slick-arrow::after {
  border-color: var(--darkmain);
}

.safety__slider.slick-slider .slick-prev {
  left: 0%;
}

.safety__slider.slick-slider .slick-next {
  right: 0%;
}

.safety__slider.slick-slider .slick-prev,
.safety__slider.slick-slider .slick-next{
  top: calc(50% - 1em);
}

/* 4.9 LOCATION */

.location-full-width {
  position: relative;
  padding-top: 5%;
  padding-bottom: 5%;
}

.location-background-map {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 0;
}

.location-content {
  position: relative;
  z-index: 2;
  width: 40%;
  max-width: 600px;
  margin: 0 5% 0 auto;
  background-color: #FFFFFF;
  box-shadow: var(--shadow);
}

.location-content__wrapper {
  display: -webkit-flex;
  display: flex;
  padding: 1em 1em;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}

.location-content__column{
  width: 50%;
}

.section-title.location-content__title {
  text-align: center;
  background: var(--darkmain);
  color: #FFFFFF;
  font-size: 1.75em;
  padding: .75em;
}

.section-title.location-content__title > small {
  color: #FFFFFF;
}

.location-content__block {
  margin-bottom: 1em;
  color: var(--secmain);
}

.location-content__block a,
.location-content__block a:hover {
  color: var(--secmain);
  text-decoration: none;
}

.location-content__block:last-child {
  margin-bottom: 0;
}

.location-content__title {
  font-size: 1em;
  text-transform: uppercase;
  color: var(--darkmain);
  font-weight: 600;
}

.location-content__block .icon {
  color: var(--mediummain);
}

.location-content__hours-row {

}

.location-content__hours-row div:first-child {
  font-weight: 600;
  min-width: 4em;
}

.location-content__hours-note {
  font-size: .875em;
}

.location-accordion .btn-faq {
  border-radius: 0;
  background-color: var(--mediummain);
  color: #FFFFFF;
  border-top: 1px solid var(--lightwedo);
}

.location-accordion .btn-faq:after {
  border-color: #FFFFFF;
}

.location-accordion .btn-faq.collapsed:after {
  border-color: var(--darkmain);
}

.location-accordion .btn-faq.collapsed {
  background-color: var(--lightmainmid);
  color: var(--darkmain);
}

.location-accordion a {
  color: var(--secmain);
}

.location-accordion .card {
  margin-bottom: 0;
}

.location__section-mobile .map-wrapper {
  position: relative;
  min-height: 40vh;
}

/* 4.10 SYSTEMS */

.systems__section .section-subtitle {
  letter-spacing: 0;
  color: var(--darkmain);
}

.systems__flex {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}

.systems__logo {
  width: 15%;
  margin-right: 2%;
  margin-left: 2%;
}

/* 4.11 REVIEWS */

.review-section__slider {
  padding-left: 2em;
  padding-right: 2em;
}

.review-section__slider.slick-slider .slick-prev {
  left: 0%;
}

.review-section__slider.slick-slider .slick-next {
  right: 0%;
}

.review-section__slider.slick-slider .slick-prev,
.review-section__slider.slick-slider .slick-next{
  top: calc(50% - 1em);
}

/* 4.13 HOME HIGHLIGHTS */

.home-highlights {
  display: -webkit-flex;
  display: flex;
  width: 90%;
  max-width: 1400px;
  margin-right: auto;
  margin-left: auto;
  margin-top: -3em;
  position: relative;
  z-index: 1;
}

.home-highlights__column {
  width: 25%;
  padding: 1.5em 2em;
  background-color: var(--darkermain);
  text-align: center;
  text-decoration: none;
  color: #FFFFFF;
}

.home-highlights__column:hover {
  text-decoration: none;
  color: #FFFFFF;
}

.home-highlights .home-highlights__column:nth-child(2) {
  background: var(--darkmain);
}

.home-highlights .home-highlights__column:nth-child(3) {
  background: var(--mediummain);
}

.home-highlights .home-highlights__column:nth-child(4) {
  background: var(--lightmain);
}

.home-highlights__title {
  margin-top: 0px;
  margin-bottom: 0;
  font-size: 1.125em;
  line-height: 1.2;
  font-weight: 600;
  text-transform: capitalize;
}

.home-highlights__icon {
  width: 4em;
  margin-bottom: 1em;
}

/* 5.  FIRST VISIT */

.safety__slide.first-visit{
  width: 100%;
}

.first-visit__pre-title {
  text-transform: uppercase;
  color: var(--mediummain);
}

.safety__content--blurb.first-visit {
  min-height: 6em;
}

/* *.  OTHER */

/* *.1 PERFECT SMILE */

.help__section {
  padding: 5em 0;
  background-color: var(--lightmainsoft);
  text-align: center;
}

.help__section .section-title {
  font-size: 1.5em;

}

.help__section .section-title strong {

}

.help__seal {
  max-width: 10em;
}

.help__section .btn {
  padding-left: 2.5em;
  padding-right: 2.5em;
}

/* *.2 TYPEFORM */

.typeform-section {
  padding-top: 6.5%;
  padding-bottom: 6.5%;
  margin: 5em auto;
  background-color: #FFFFFF;
}

.typeform-section .section-tagline {
  width: 100%;
  text-align: left;
}

.typeform-content {
  display: -webkit-flex;
  display: flex;
  max-width: 1100px;
  margin-right: auto;
  margin-left: auto;
  -webkit-align-items: center;
  align-items: center;
}

.typeform-ipad-wrapper {
  position: relative;
  width: 50%;
  margin-top: -10%;
  margin-bottom: -10%;
}

.typeform-section-wrapper {
  background-image: var(--secondarygradient);
  color: #FFFFFF;
}

.typeform-content-wrapper {
  width: 50%;
  padding-right: 5%;
  padding-left: 5%;
}

.typeform-embed {
  position: absolute;
  left: 9%;
  top: 7%;
  right: 9%;
  bottom: 6%;
}

.typeform-ipad {
  width: 100%;
}

.typeform-widget iframe{
  border: 0px;
  height: 1px;
  min-height: 100%;
  max-height: 100%;
  max-width: 100%;
  min-width: 100%;
  width: 0px;
}

/* *.4 FINANCING */

.financing__flex {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}

.financing__logo {
  width: 12%;
  margin-right: 2%;
  margin-left: 2%;
}

/* *.4 FINANCING */

/* *.4.1 FINANCING BANNER */

.financing-pop {
  background: linear-gradient(to left, var(--mediummain) 0%, var(--darkermain) 100%);
  color: #FFFFFF;
}

.financing-pop__image-container {
  position: relative;
}

.financing-pop__image {
  position: absolute;
  left: 20%;
  bottom: 0;
  width: 80%;
  z-index: 1;
}

.financing-pop__weaccept {
  position: absolute;
  top: -1.25em;
  left: 100%;
  width: 10em;
  background: var(--highlight);
  text-align: center;
  text-transform: uppercase;
  font-size: 1em;
  padding: .5em 1.25em;
  border-radius: 0.2rem;
  font-weight: 600;
}

.financing-pop__text-container {
  padding: 2em 0;
  -webkit-align-items: center;
  align-items: center;
}

/* *.5 FAQ */

.faq-title {
  font-size: 1.25em;
}

.card {
  background: transparent;
  border: none;
  margin-bottom: 1em ;

}

.card-header {
  background: transparent;
  border: none;
  padding: 0;

}

.card-body {
  /* background: var(--lightmainmid);
  border-radius: 0 0 5px 5px; */
  padding-left: 2.5em;
}

.btn-faq {
  color: var(--darkmain);
  font-weight: 600;
  font-size: 1em;
  padding: .5em;
  padding-right: 2em;
  background: var(--lightmainmid);
  text-transform: none;
  border-radius: 5px ;
  word-wrap: break-word;
  white-space: normal;
  width: 100%;
  text-align: left;
}

.btn-faq:focus {
  box-shadow: none;
}

.btn-faq:after {
  content: "";
  width: .375em;
  height: .375em;
  border: 2px var(--darkmain) solid;
  border-right: none;
  border-top: none;
  position: absolute;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
  top:1.125em;
  right: 1em;

}

.btn-faq.collapsed {
}

.btn-faq.collapsed:after {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  top:1em;
}

/* *.6 SPECIALTY ALT */

.specialty-alt {
  padding: 3.5em 0;
  background-color: var(--lightwedo);
  background-position: 0px 0px, 50% 0%;
  background-size: auto, cover;
  background-attachment: scroll, fixed;
  position: relative;
}

.specialty-alt span.specialty-alt__text {
  text-transform: uppercase;
  display: block;
  position: absolute;
  color: var(--darkermain);
  letter-spacing: .1em;
}

.specialty-alt span.specialty-alt__text--left {
  -webkit-transform-origin: top left;
  transform-origin: top left;
  -webkit-transform: rotate(270deg);
  transform: rotate(270deg);
  bottom: 25%;
  left: 1.5%;
}

.specialty-alt span.specialty-alt__text--right {
  -webkit-transform-origin: top right;
  transform-origin: top right;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  bottom: 25%;
  right: 1.5%;
}

.specialty-alt__wrapper {
  display: -webkit-flex;
  display: flex;
  margin-right: 3%;
  margin-left: 3%;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}

.specialty-alt__item {
  position: relative;
  width: 30.333%;
  height: 60vh;
  margin-right: 1.5%;
  margin-left: 1.5%;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
  color: #FFFFFF;
}

.specialty-alt__item.specialty1 {
  background-image: url("img/services/specialty1.jpg");
}

.specialty-alt__item.specialty2 {
  background-image: url("img/services/specialty2.jpg");
}

.specialty-alt__item.specialty3 {
  background-image: url("img/services/specialty3.jpg");
}

.specialty-alt__box {
  width: 85%;
  text-align: center;
}

.specialty-alt__box .icon {
  position: absolute;
  left: auto;
  top: 10%;
  right: 10%;
  bottom: auto;
  display: block;
  font-size: 10em;
  margin-right: auto;
  margin-left: auto;
  opacity: 0;
  transition: all ease-in .2s;
}

.specialty-alt__box--overlay {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  width: 100%;
  height: 100%;
  opacity: .7;
  background-image: linear-gradient(181deg, var(--darkmain), var(--darkermain));
  transition: all ease-in .2s;
}

.specialty-alt__box--wrapper {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  display: -webkit-flex;
  display: flex;
  padding-top: 2em;
  padding-right: 2em;
  padding-bottom: 2em;
  padding-left: 2em;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
}

.specialty-alt__box--title {
  margin-top: 1em;
  margin-bottom: 0.5em;
  font-size: 1.5em;
}

.specialty-alt__box--tagline {
  font-weight: 600;
}

.specialty-alt__box--text {
  height: 0;
  overflow: hidden;
  transition: height ease-in .2s;
}

.specialty-alt__item:hover .specialty-alt__box--overlay {
  opacity: .9;
  background-image: linear-gradient(181deg, var(--darkmain), var(--darkermain));
}

.specialty-alt__item:hover .specialty-alt__box .icon {
  top: 2.5%;
  opacity: .2;
}

.specialty-alt__item:hover .specialty-alt__box--text {
  height: auto;
  overflow: hidden;
}

.specialty-alt__item:hover .btn {
  display: none;
}

.review-icons .icon {
  font-size: 1.1em;
}

/* XX-Large devices (larger desktops, 1400px and down) */

@media (max-width: 1400px) {

  }

/* X-Large devices (large desktops, 1200px and down) */

@media (max-width: 1200px) {

   /* 3.1 HEADER */
   .header-spacer {
     height: 5em;
   }
   .header__top-logo {
     display: none;
   }
   .header__top-logo--img {
     /* !CLEAN */
     height: 3em;
     margin:auto .5em;
   }
   .header__menu .container {
     width: 100%;
     padding: 0;
   }
   /* 3.1 HEADER *//* 3.1.1 NAVIGATION */
   .navbar {
     padding: 0;
   }
   /* 3.1 HEADER *//* 3.1.3 DROPDOWN */
    .dropdown-menu{
      box-shadow: none;
      margin: 0 -10px;
      padding: 0 15px;
    }
    .dropdown-menu:after {
      display: none;
    }
    .dropdown-menu-three-columns {
      -webkit-column-count: 2;
      -moz-column-count: 2;
      column-count: 2;
    }

   /* 3.1 HEADER *//* 3.1.4 MOBILE NAVIGATION */
   .navbar-nav {
     width: calc(100% + 40px);
     margin: 35px -20px 0 !important;
   }

   #navbarNav {
     position: fixed;
     top: 0;
     left: 0;
     bottom: 0;
     right: 0;
     background: var(--primarygradient);
     padding: 1.25em 1.25em 0;
     font-size: 1.1em;
     z-index: 10;
     overflow-y: scroll!important;
     height: 100vh;
     overflow: hidden;
     -webkit-overflow-scrolling: touch;
   }

   .navbar-light .nav-item .nav-link,
   .navbar-light .nav-item.show .nav-link,
   .navbar-light .nav-item .nav-link:hover,
   .navbar-light .nav-item .nav-link:active {
     color: #FFFFFF;
   }
   .navbar-light .nav-item .nav-link {
     padding: .5em 1em;
   }
   /* 4.1 HERO */
   .home-hero {
     height: auto;
     min-height: 55vh;
   }

   .hero-image {
     display: none;
   }
   .home-hero__column {
     width: 47.5%;
   }

   /* 4.8 SAFETY */
   .safety__content--blurb {
     min-height: 14em;
   }



  }

/* Large devices (desktops & Tablets, ipad Pro, 1199.98px and down) */

@media (max-width: 1199.98px) {

    .header__subrow {
      display: none !important;
    }

    /* 2.3 SLIDER */
    .home-hero .review__text {
      min-height: auto;
    }
    .testimonials__section .review__text {
      min-height: 14em;
    }

    .page-header__service  .review__text {
      min-height: 10em;
    }

    /* 3.3 FOOTER  */
    .footer__questions, .footer__support {
      margin-top: 2em;
    }
    .footer__cta {
        width: 100%;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    .footer__social {
        text-align: center;
        padding: 1rem 0;
    }
    .footer__logo {
        margin: 1em 0 1.5em;
    }
    .footer__copyright {
      text-align: center;
    }
    .footer__right {
        margin: 1em 0 1.5em;
        -webkit-justify-content: center;
        justify-content: center;
    }

    /* 3.7 PAGES */
    .page-header {
      min-height: 25vh;
      padding: 3.5em 0;
    }

    /* 3.7.1 SERVICES *//* OTHER */
    .services-schedule-appointment h2{
    font-size: 1.5em;
    }

    /* 4.1 HERO */
    .home-hero {
      height: auto;
      min-height: 75vh;
      -webkit-flex-direction: column;
      flex-direction: column;
      -webkit-justify-content: center;
      justify-content: center;
    }
    .home-hero__column {
      width: 90%;
      margin: 2em auto;
    }
    .home-hero__wrapper {
      padding: 8% 4%;
      -webkit-justify-content: space-between;
      justify-content: space-between;
      -webkit-flex-wrap: wrap;
      flex-wrap: wrap;
    }

    /* 4.8 SAFETY */
    .safety__content--blurb {
      min-height: 14em;
    }

    /* *.4 FINANCING *//* *.4.1 FINANCING BANNER */
    .financing-pop__cta-wrapper {
      width: 100%;
      text-align: center;
      margin-top: 15px;
    }
    .financing-pop__text-container {
      -webkit-flex-wrap: wrap;
      flex-wrap: wrap;
    }

    /* *.6 SPECIALTY ALT */
    .specialty-alt__item {
      height: auto;
      min-height: 50vh;
    }



 }

/* Medium devices (tablets, 991.98px and down) */

@media (max-width: 991.98px) {

  /* 2.3 SLIDER */
  .home-hero .review__text {
    min-height: auto;
  }

  .testimonials__section .review__text {
    min-height: 6em;
  }
  .page-header__service  .review__text {
    min-height: 5em;
  }

  /* 2.5 MODALS */
  .doctor-button {
    min-height: 60px;
  }
  .input-group {
    margin-bottom: 0.5em;
  }
  .book-modal__date {
    display: none;
    visibility: hidden;
  }
  .book-modal__date--mobile {
    background-image: url(../img/date-icon.svg);
    background-position: right 10px center;
    background-repeat: no-repeat;
    background-size: 24px;
    background-color: #FFFFFF!important;
    display: block;
    visibility: visible;
  }
  /* 3.4 SECTIONS */
  .general-section {
    margin: 3.5em auto;
  }
  .filled-section {
    padding: 3.5em 0;
  }

  /* 3.5 TITLES */
  .section-title {
    font-size: 2em;
  }
  .section-tagline {
    width: 100%;
  }

  /* 3.6 LISTS */
  .bullet-list.two-column li {
    width: 100%;
    padding-right: 0;
    display: block;
    padding-right: 0;
  }
  .bullet-list.three-column li {
    width: calc(50% - 4px);
  }

  /* 3.7 PAGES */
  .page-header__title {
    font-size: 2em;
  }
  .featured-section__img-wrapper {
    max-width: 500px;
  }
  .featured-section__content-wrapper {
    padding: 0em;
    margin-top: 1.5em;
  }
  .featured-section__content-wrapper.color-light {
    padding: 3em;
  }

  /* 3.7.1 SERVICES *//* LAYOUT C */
  .service-page-header-content{
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    align-items: center;
    text-align: center;
  }

  .accordion-services .card .card-header  h2 {
    margin-bottom: 0;
    font-size: 1.5em;
  }

  /* 3.7.1 SERVICES *//* LAYOUT A */
  .page-header__service.layout-a{
    min-height: 80vh;
  }
  .service-page-header-content-special {
      margin-top: 3.5em;
  }

  /* 3.7.1 SERVICES *//* OTHER */
  .services-schedule-appointment .btn{
  font-size: .875em !important;
  }

  /* 3.8 CONTENT */
  .featured-section__content-wrapper h2,
  .featured-section__content-wrapper h3,
  .featured-section__content-wrapper h4 {
    font-size: 1.5em;
  }
  /* 3.8 CONTENT *//* 3.8.1 FEATURED SECTION */
  .featured-section.row.filled .featured-section__content-wrapper {
    width: 100%;
    margin-left: 0;
    padding: 2em;
  }
  .featured-section.row.flex-row-reverse.filled .featured-section__content-wrapper {
   margin-right: 0;
   margin-left: 0;
   padding: 2em;
  }


  .home-highlights {
    margin-top: -2em;
  }
  /* 4.4 MEET */
  .meet__slide--image {
    -webkit-align-self: center;
    align-self: center;
  }

  /* 4.5 WHY */
  .why__flex {
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .why__box {
    margin: 1em auto;
    width: 100%;
  }
  .why__box:last-child {
    margin-bottom: 0;
  }

  /* 4.8 SAFETY */
  .safety__content--blurb {
    min-height: auto;
  }


  /* 4.13 HOME HIGHLIGHTS */
  .home-highlights {
    width: 95%;
  }
  .home-highlights__column{
    padding: 1em;
  }
  .home-highlights__title{
    font-size: 1.15em;
  }

  /* *.1 TYPEFORM */
  .typeform-content {
    padding-top: 3.5em;
    padding-bottom: 3.5em;
  }
  .typeform-title {
    font-size: 1.5em;
  }

  /*  */
  .section-title.location-content__title {
    font-size: 1.5em;
  }
  .location-content {
    width: 45%;

  }
  .location-content__wrapper {
    display: block;
  }
  .location-content__column {
    width: 100%;
  }
  .location-content__column.location-content__column-1 {
    margin-bottom: 1em;
  }

  /* *.4 FINANCING *//* *.4.1 FINANCING BANNER */

  .financing-pop__image {
    width: 140%;
    left: -40%;
  }

  .financing-pop__weaccept {
    left: 65%;
  }

  .financing-pop__text-container {
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .financing-pop__text-container div {
    width: 33%;
    text-align: center;
    line-height: 2;
  }

  /* *.6 SPECIALTY ALT */
  .specialty-alt__wrapper {
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .specialty-alt__item {
    width: 100%;
    height: auto;
    min-height: 40vh;
    margin-top: 0.5em;
    margin-right: 1em;
    margin-bottom: 0.5em;
    margin-left: 1em;
  }

}

/* Small devices (landscape phones, 767.98px and down) */

@media (max-width: 767.98px) {
  body {
    font-size: 15px;
  }
  /* 2.3 SLIDER */
  .testimonials__section .review__text {
    font-size: .9em;
    min-height: 14em;
  }
  /* .page-header__service .service-page-header-content-special {
    display: none;
  } */
  .page-header__service .review__text {
    min-height: 10em;
  }

  .review__info {
    font-size: .625em;
  }

  /* 2.5 MODALS */
  .contact-modal__aside {
    display: none;
  }
  .contact-modal__content {
    width: 100%;
    padding: 1.5em;
  }
  .contact-modal .close {
    color: var(--darkmain);
  }
  .contact-modal__title {
    font-size: 1.25em;
  }

  /* 3.1 HEADER */
  .header-spacer {
    height: 3.75em;
  }
  .header__top-logo--img {
    /* !CLEAN */
    height: auto;
    height: 2.25em;
  }
  .header__actions .btn {
    display: block;
    margin: 1em auto;
  }

  /* 3.1 HEADER *//* 3.1.1 NAVIGATION */
  .navbar {
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
  }

  .navbar-nav {
    margin-top: 0!important;
  }

  /* 3.1 HEADER *//* 3.1.3 DROPDOWN */
  .dropdown-menu-three-columns {
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
  }
  .dropdown-menu-services {
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
  }

  .dropdown-item {
    padding: .875em 1em;
  }
  /* 3.1 HEADER *//* 3.1.5 GLOBAL ALERT */
  .global-alert {
    margin: .5em -1.5em;
    padding: .5em;
  }
  .global-alert span {
    margin-top: .5em;
  }
  /* 3.3 FOOTER */
  .callbar-reloaded  {
    display: -webkit-flex;
    display: flex;
  }

  /* 3.5 TITLES */
  .section-subtitle {
    letter-spacing: 0;
    font-size: 1.75em;
    text-transform:capitalize;
  }
  /* 3.6 LISTS */
  .bullet-list.three-column li {
    width: 100%;
    padding-right: 0;
    display: block;
    padding-right: 0;
  }

  /* 3.7 PAGES */
  .page-header {
    min-height: auto;
  }

  /* 3.7.1 SERVICES *//* LAYOUT C */

  .page-header__service {
    display: block;
    padding-top: 0;
  }
  .page-header-image {
    position: static;
    display: block;
    width: 100%;
    min-height: 200px;
    -o-object-position: 50% 0%;
    object-position: 50% 0%;
    margin-bottom: 2.5em;
  }

  .service-page-header-overlay {
    display: none;
  }

  .service-page-header-icon {
    margin-right: 0;
    margin-bottom: .25em;
  }

  /* MAIN SERVICE PAGE */
  .services__home--content__link-box {
    padding: 1em;
    margin: 0.5em auto;
  }

  .services__home--CTA_banner__wrapper {
    padding: 5em 10%;
  }
  .accordion-services .card .card-header .btn {
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-content:flex-start;
    align-content:flex-start;

  }
  .accordion-services .card .card-header img {
    width: 100%;
  }
  .accordion-services .card .card-header .btn:after,
  .accordion-services .card .card-header .collapsed.single-link.btn:after {
    top:auto;
    bottom:1.5em;
  }
  .accordion-services .card .card-header  h2 {
    margin-bottom: 0;
    font-size: 1.2em;

  }
  .accordion-services__header-title .icon {
    margin-right: .5em;
    margin-left: -.75em;
  }

  .accordion-services__header-title {
    display: block;
    text-align: left;

  }

  .services__home--content__link-box  {
    font-size: .9em;
    padding: .5em;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-content: center;
    align-content: center;
    margin-bottom: 1em;
  }

  /* 4.1 HERO */
  .home-hero{
    display: none;
  }
  /* 4.2 HERO - MOBILE */
  .home-hero__mobile {
    display: block;
  }
  /* 4.3 MEMBERS */
  .members img {
    height: 4em;
  }

  /* 4.4 MEET */

  .meet__section.filled-section{
    background: linear-gradient(45deg, var(--darkermain), var(--mediummain));
  }

  .meet__slider {
    padding-left: 2.5em;
    padding-right: 2.5em;
  }

  .meet__slide {
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content:center;
    justify-content:center;
  }
  .meet__slide--image {
    width:80%;
    margin-bottom: 2em;
  }
  .meet__slide--content {
    width:100%;
    text-align: center;
  }
  .meet__slide--name {
    font-size: 1.25em;
  }
  .meet__slide--shortbio {
    display: none;
  }

  .doctor-name {
    font-size: 2.25em;
  }

  /* 4.5 WHY */

  .why__box--blurb {
    display: none;
  }

  /* 4.7 SPECIALTY SERVICES */
  .specialty__flex {
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }
  .specialty__section .specialty__flex:nth-child(even) {
    -webkit-flex-direction: column-reverse;
    flex-direction: column-reverse
  }
  .specialty__column {
    width: 100%;
  }
  .specialty__column--image {
    min-height: 250px;
  }


  /* 4.8 SAFETY */

  .safety__section {
    max-height: 55em;
    overflow: hidden;
  }

  .safety__content {
    padding:3em 1.5em 1.5em;
    min-height: 22em;
  }

  /* 4.13 HOME HIGHLIGHTS */
  .home-highlights {
    display: -webkit-flex;
    display: flex;
    overflow: hidden;
    width: 100%;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 0;
  }
  .home-highlights__column {
    position: relative;
    display: -webkit-flex;
    display: flex;
    width: 100%;
    min-height: 5.5em;
    padding-top: 1em;
    padding-right: 1em;
    padding-bottom: 1em;
    padding-left: 5em;
    -webkit-align-items: center;
    align-items: center;
    margin: .5em ;

  }
  .home-highlights__title {
    margin-top: 0px;
    margin-bottom: 0em;
    line-height: 1.3em;
    font-weight: 400;
    width: 100%;
    font-size: 1.1em;
    text-align: left;
  }

  .home-highlights__icon {
    position: absolute;
    left: 0.8em;
    width: 3.25em;
    margin-bottom: 0;
  }

  /* *.1 TYPEFORM */
  .typeform-section {
    padding-top: 0;
    padding-bottom: 0;
    text-align: center;
    margin: 0 auto;
  }

  .typeform-content{
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .typeform-ipad-wrapper {
    width: 100%;
    margin-top: 0%;
    margin-bottom: -22%;
  }
  .typeform-content-wrapper {
    width: 100%;
  }
  .typeform-section .section-tagline {
    text-align: center;
  }

  .location__section {
    display: none;
  }

  .map-wrapper.map-wrapper__min-height {
    min-height: 400px;
  }

  /* 4.10 SYSTEMS */
  .systems__logo {
    width: 45%;
  }

  /* *.4 FINANCING */
  .financing__logo {
    width: 45%;
  }

  /* *.4 FINANCING *//* *.4.1 FINANCING BANNER */
  .financing-pop__image {
    left: auto;
    right: -16px;
    width: auto;
    height: 93%;
    z-index: 0;
  }

  .financing-pop__weaccept {
    left: calc(50%);
  }

  .financing-pop__text-container {
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    padding-bottom: 1em;
    font-size: 14px;
  }
  .financing-pop__text-container div {
    width: auto;
    text-align: left;
  }

  /* *.6 SPECIALTY ALT */
  .specialty-alt span.specialty-alt__text {
  display: none;
  }

  .specialty-alt__item {
    height: auto;
    min-height: 70vh;
  }

  .specialty-alt__box {
    width: 100%;
  }

  .specialty-alt__box .icon {
    position: static;
    font-size: 2em;
    opacity: 1;
  }

  .specialty-alt__box--wrapper {
    width: 100%;
  }
}

/* Extra Small devices (landscape phones, 374.98px and down) */

@media (max-width: 374.98px) {
  body {
    font-size: 4.5vw;
  }
  .navbar-toggler {
    font-size: 1.2em;
    height: 3.125em;
    width: 3.125em;
  }

  /* *.4 FINANCING *//* *.4.1 FINANCING BANNER */
  .financing-pop__image {
    height: 83%;
  }
}

/* Small devices (landscape phones, 767.98px and up) */

@media (min-width: 767.98px) {

}

/* Medium devices (tablets, 991.98px and up) */

@media (min-width: 991.98px) {
  /* 3.1 HEADER *//* 3.1.1 NAVIGATION */
  .navbar-toggler {
    height: 4em;
    width: 4em;
  }
}

/* Large devices (desktops, 1199.98px and up) */

@media (min-width: 1199.98px) {

 }

/* X-Large devices (large desktops, 1200px and up) */

@media (min-width: 1200px) {

  /* 3.1 HEADER */
  .navbar-logo, .navbar-close {
    display: none;
  }

 }

/* XX-Large devices (larger desktops, 1400px and up) */

@media (min-width: 1400px) {
  body {
    font-size: 18px;
  }

  .hero-image {
    left:calc((100% - 27.5%) / 2);
    width: 27.5%;
  }

  .safety__slide{
    width: 90%;
  }

 }

/* XX-Large devices (larger desktops, 1400px and up) */

@media (min-width: 1900px) {
   body {
     font-size: 19px;
   }

  .container {
    width: 95%;
    max-width: 1640px;
  }
   .specialty__column--image {
     min-height: 550px;
   }
   .home-hero {
     min-height: 600px;
   }

   /* 3.7 PAGES */
   .page-header {
     min-height: auto;
   }

  }

/* OTHER */

@media only screen and (min-device-width: 375px) and (max-device-width: 812px) and (orientation: landscape) {
  .financing-pop__image {
    height: 120%;
    width: auto;
    left: -17.5vw;
  }
}