.invisalign-header {
  box-shadow: 0 4px 25px 0 rgba(178, 180, 178, 0.3);
  background-color: #ffffff; }

.headroom {
  z-index: 99 !important; }

a,
a:hover,
a:visited {
  text-decoration: none; }

.dropdown-heading .nav-link {
  font-weight: 500;
  color: #333 !important;
  font-size: 18px;
  display: inline-block;
  text-decoration: none; }

.invis-black-logo {
  width: 215px;
  height: 50px;
  margin: 5px; }

.dropdown-menu {
  border: 0px;
  margin-top: 0px; }

.dropdown-item {
  padding-left: 8px; }

.fad-input {
  border: none;
  outline: none;
  display: inline-block;
  box-sizing: border-box;
  font-weight: 200;
  width: 100px;
  color: #3d3935 !important;
  padding: 14px 2px 14px 8px;
  font-size: 14px;
  height: 29px;
  box-shadow: none;
  background-color: #ececec;
  border-radius: 0; }

.fad span a {
  margin-top: 0px;
  width: auto;
  padding: 9px;
  font-weight: bold;
  font-size: 12px;
  height: 29px;
  color: #ffffff !important;
  background-color: #009ace;
  display: inline-block;
  text-align: center;
  text-decoration: none;
  letter-spacing: 0.25px;
  cursor: pointer; }

.header-links {
  float: right; }

.header-menu {
  clear: both; }

.seperator {
  color: #707372;
  padding: 0px 8px; }

.for-links a:last-child .seperator {
  display: none; }

.dropdown-menu a {
  font-size: 14px; }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .header-menu {
    width: 100%;
    margin-left: auto;
    margin-right: auto; }
  .logo .invis-black-logo {
    margin: 15px 5px 15px 15px !important; }
  .fad {
    position: absolute;
    z-index: 1;
    right: 25%;
    top: 38px; }
    .fad .sa-link {
      display: none; }
  .modal-opened .fad {
    display: none; }
  .modal-opened #basic-navbar-nav {
    border-bottom: 14px solid #009ace;
    padding-bottom: 20px; }
  .navbar-toggler {
    margin-top: 12px !important; }
  .dropdown .nav-link {
    font-size: 27px;
    font-weight: normal; } }

@media only screen and (max-width: 767px) {
  .modal-opened .body-wrapper,
  .modal-opened .footer,
  .modal-opened .mobile-links,
  .modal-opened .fad {
    display: none; }
  .navbar-nav .dropdown.nav-item > a {
    max-width: 320px;
    white-space: normal;
    font-weight: 400; }
    .navbar-nav .dropdown.nav-item > a:focus, .navbar-nav .dropdown.nav-item > a:hover, .navbar-nav .dropdown.nav-item > a:active, .navbar-nav .dropdown.nav-item > a:visited, .navbar-nav .dropdown.nav-item > a.button-active {
      outline: none; }
  .navbar-nav .dropdown-menu a {
    white-space: normal; }
  .fad {
    display: none; }
  .logo .invis-black-logo {
    margin: 11px 5px 5px 10px; }
  .dropdown-menu a {
    font-size: 22px; }
  .dropdown .nav-link {
    font-size: 32px; }
  .mobile-links.normal {
    position: fixed;
    top: 0;
    z-index: 999; }
  .header-links {
    display: none; }
  .en-US .sticky-header_US, .pt-BR .sticky-header_US {
    background-color: white; }
    .en-US .sticky-header_US .fad-icon, .pt-BR .sticky-header_US .fad-icon {
      display: block !important;
      width: 7%;
      margin-left: -7%;
      position: absolute; }
    .en-US .sticky-header_US .SA-sticky-header_US, .pt-BR .sticky-header_US .SA-sticky-header_US {
      font-weight: 600;
      width: 100%;
      color: #009ace; }
  .en-US .SA-sticky-header_US {
    font-size: 14px; }
  .pt-BR .SA-sticky-header_US {
    font-size: 12px; } }

@media only screen and (max-width: 992px) {
  .fad > a {
    margin-right: 3px; } }

@media only screen and (max-width: 991px) {
  .for-links {
    display: none; }
  ::-webkit-scrollbar {
    display: none; }
  .dropdown-heading .no-child-node .dropdown-toggle::after {
    display: none; }
  .dropdown-heading a::after {
    background-size: 20px 20px !important;
    width: 20px;
    height: 20px;
    float: right;
    position: absolute;
    right: 25px; }
  .menu-text {
    position: relative;
    right: 15px;
    font-weight: bold;
    font-size: 16px;
    color: #333;
    top: 1px; }
  .navbar-toggler {
    border: 0px;
    color: #3d3935 !important; }
  .navbar-toggler:focus {
    outline: 0px; }
  .mobile-links {
    height: auto;
    width: 100%;
    background-color: #009ace;
    z-index: 1010;
    display: flex;
    justify-content: space-around; }
    .mobile-links a {
      color: white;
      font-size: 16px;
      vertical-align: middle;
      padding: 15px;
      letter-spacing: 0.25px;
      text-align: center;
      font-weight: bold; }
  .hamburgerMobCustomizedTop {
    top: -11px;
    left: 35px;
    background-color: #333;
    position: relative;
    display: block;
    width: 20px;
    height: 2px; }
  .hamburgerMobCustomizedBottom {
    top: -7px;
    left: 35px;
    background-color: #333;
    position: relative;
    display: block;
    width: 20px;
    height: 2px; }
  .crossMobCustomizedLeft {
    top: -8px;
    left: 35px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    background-color: #333;
    position: relative;
    display: block;
    width: 20px;
    height: 2px;
    border-radius: 1px; }
  .crossMobCustomizedRight {
    top: -10px;
    left: 35px;
    -webkit-transform: rotate(45deg);
    transform: rotate(-45deg);
    background-color: #333;
    position: relative;
    display: block;
    width: 20px;
    height: 2px;
    border-radius: 1px; }
  .mobile-menu {
    padding: 0px; }
  .logo {
    padding: 0px; }
    .logo .invis-black-logo {
      width: 180px; }
  .navbar-toggler {
    position: relative;
    right: 18px;
    margin: 19px 5px 9px 0px; }
  .mobile-menu .navbar-nav {
    margin-left: 25px;
    margin-top: 10px; }
  .dropdown-menu .dropdown-item {
    color: #949695;
    background-color: #ffffff; }
    .dropdown-menu .dropdown-item:hover, .dropdown-menu .dropdown-item:focus, .dropdown-menu .dropdown-item:active {
      color: #949695;
      background-color: #ffffff; }
  .collapsing {
    -webkit-transition: none;
    transition: none;
    display: none; }
  .navbar-nav .dropdown-toggle::after {
    content: url(https://s3.amazonaws.com/storagy-invisalign/invisalign_next/homepage/Invisalign_icon_open1.svg);
    background-size: 18px 18px;
    background-position: 0px 12px;
    margin-top: 0px;
    border: 0px; }
  .navbar-nav .dropdown.show .dropdown-toggle::after {
    content: url(https://s3.amazonaws.com/storagy-invisalign/invisalign_next/homepage/Invisalign_icon_close1.svg); }
  .modal-opened #basic-navbar-nav {
    z-index: 1010;
    background-color: white;
    position: absolute;
    width: 100%;
    display: block;
    top: 58px; } }

@media only screen and (max-width: 991px) {
  #basic-navbar-nav {
    position: absolute; } }

.language-switch {
  display: inline-block;
  margin-right: 20px; }
  .language-switch a:not(:last-child) {
    padding-right: 10px;
    margin-right: 10px;
    border-right: 1px solid #3d3935; }

@media only screen and (min-width: 992px) {
  .logo {
    position: absolute;
    right: 0%;
    left: 0%;
    bottom: 50px;
    width: 220px; }
  .fad {
    right: 2%;
    top: 37px; }
  .dropdown:hover > .dropdown-menu {
    display: block; }
  .dropdown-toggle::after {
    display: none; }
  .mobile-links {
    display: none; }
  .dropdown > .dropdown-menu {
    display: none; }
  .dropdown-menu {
    border-bottom: 5px solid #009ace;
    min-width: 215px; }
  .dropdown-menu .dropdown-item {
    color: #000000;
    background-color: #ffffff;
    padding: 5px 8px; }
    .dropdown-menu .dropdown-item:hover, .dropdown-menu .dropdown-item:focus, .dropdown-menu .dropdown-item:active {
      color: #212529;
      background-color: #ffffff; }
  .invisalign-header {
    background: white;
    z-index: 999;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto; }
  .hide-in-desktop {
    display: none; } }

@media only screen and (min-width: 1200px) {
  .doc-link {
    margin-right: 10%; }
  .fad > a {
    margin-right: 10px; }
  .en-HK .fad > a,
  .zh-Hant-HK .fad > a {
    margin-right: 0px; } }

@media only screen and (min-width: 1300px) {
  .navbar-expand-lg .dropdown-heading:not(:last-child) .nav-link {
    padding-right: 18px; }
  .zh-Hant-TW .navbar-expand-lg .dropdown-heading:not(:last-child) .nav-link {
    padding-right: 40px; } }

@media only screen and (min-width: 1200px) and (max-width: 1299px) {
  .dropdown .nav-link {
    font-size: 16px; }
  .navbar-expand-lg .dropdown-heading .nav-link {
    padding-right: 14px; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .nav-item {
    font-size: 14px; }
  .navbar-expand-lg .dropdown-heading .nav-link {
    font-size: 14px; }
  .doc-link {
    margin-right: 4%; } }

.fad-modal .modal-dialog {
  width: 350px;
  top: 120px; }

.fad-modal .modal-content {
  padding: 30px;
  min-height: 305px; }

.overlay-radio .custom-control:first-child {
  margin-bottom: 3px; }

.custom-control-label::before {
  background-color: #dddddd;
  border: 4px Solid #dddddd;
  margin-top: -2px; }

.custom-control-input:checked ~ .custom-control-label::before {
  color: #2196f3;
  border-color: #dddddd;
  border: 4px Solid #dddddd;
  background-color: #2196f3; }

.custom-radio .custom-control-input:checked ~ .custom-control-label::after {
  background-image: none; }

.custom-control-input:focus ~ .custom-control-label::before {
  box-shadow: none; }

.custom-control-label::after,
.custom-control-label::before {
  top: 0.27rem;
  width: 1.1rem;
  height: 1.1rem; }

.fad-modal .docloc-buttons {
  margin-top: 15px; }
  .fad-modal .docloc-buttons label {
    color: #707372;
    font-size: 16px; }

.fad-modal p {
  font-size: 20px; }

.fad-modal .get-start {
  margin-top: 20px;
  text-align: left; }

.fad-modal a {
  color: #ffffff;
  padding: 9px 15px !important;
  width: auto !important;
  margin-top: 20px; }

.hide {
  display: none; }

.show {
  display: block; }

#select-patient-type {
  color: #ff0000; }

.modal-open .invisalign-header {
  position: unset; }

.popup-close {
  background: url(https://s3.amazonaws.com/storagy-invisalign/invisalign_next/homepage/Invisalign_icon_close1.svg);
  width: 20px;
  height: 20px;
  float: right;
  position: relative;
  margin-right: 10px;
  margin-top: 10px;
  cursor: pointer;
  top: -30px;
  right: -30px; }

@media only screen and (max-width: 370px) {
  .dropdown a {
    white-space: unset;
    max-width: 87%; } }

@media only screen and (max-width: 400px) {
  .dropdown .nav-link {
    font-size: 27px; } }

.header-links {
  margin-left: 0px;
  margin-right: 30px;
  padding-top: 10px; }
  .header-links .for-links {
    float: right;
    margin-bottom: 5px; }
  .header-links .fad {
    clear: right;
    float: right; }

.fad .fad-link,
.fad .sa-link {
  color: #333;
  font-size: 18px;
  letter-spacing: 1px;
  font-weight: bold; }

.fad .sa-link {
  margin-right: 60px; }

.fad .fad-btn {
  float: right; }

.en-HK .fad .sa-link,
.zh-Hant-HK .fad .sa-link {
  margin-right: 0px; }

.for-links a {
  color: #333;
  font-size: 14px;
  font-weight: bold; }

@media only screen and (min-width: 768px) and (max-width: 1112px) {
  .fad .fad-btn {
    display: inline-flex; }
    .fad .fad-btn a {
      padding: 6px 10px;
      position: relative;
      top: 2px; } }

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .fad-input[type='tel'] {
    padding: 5px 5px 14px 4px;
    height: 30px; } }

.navigation-hide-mobile-links .mobile-links {
  display: none; }

.is-popup .header-headroom-wrapper,
.layout-body-only .header-headroom-wrapper {
  display: none; }

body.rtl .header-links {
  margin-right: 0;
  margin-left: 30px;
  float: left; }
  body.rtl .header-links .for-links {
    float: left; }
  body.rtl .header-links .fad {
    float: left;
    clear: left; }
    @media only screen and (min-width: 1200px) {
      body.rtl .header-links .fad .fad-link {
        margin-left: 10px;
        margin-right: 0; } }
    body.rtl .header-links .fad .fad-btn {
      float: left; }
    body.rtl .header-links .fad .sa-link {
      margin-left: 60px; }

body.rtl .language-switch {
  margin-right: 0;
  margin-left: 20px; }

body.rtl .navbar-toggler {
  right: initial;
  left: 18px; }

body.rtl .hamburgerMobCustomizedTop {
  top: -14px;
  left: 10px; }

body.rtl .hamburgerMobCustomizedBottom {
  top: -10px;
  left: 10px; }

body.rtl .crossMobCustomizedRight {
  left: 10px;
  top: -14px; }

body.rtl .crossMobCustomizedLeft {
  left: 10px;
  top: -12px; }

body.rtl .mobile-menu .navbar-nav {
  margin-right: 25px;
  margin-left: 0; }
  body.rtl .mobile-menu .navbar-nav .dropdown-menu a {
    text-align: right; }

@media only screen and (max-width: 991px) {
  body.rtl .dropdown-heading a::after {
    float: left;
    right: initial;
    left: 25px; } }

.redirection-overlay .modal-dialog {
  margin: 0px;
  border-radius: 0px; }
  .redirection-overlay .modal-dialog .modal-content {
    height: 100vh;
    width: 100vw;
    border: none;
    border-radius: 0px;
    background-image: url(https://images.ctfassets.net/vh25xg5i1h5l/2PUPjEDiEWcBLevflthIO9/c766d675f1cf32a0f74b883aaf2e87d7/blue_topo_pattern_full.png); }
    .redirection-overlay .modal-dialog .modal-content .modal-header {
      border: none; }
      .redirection-overlay .modal-dialog .modal-content .modal-header .close {
        font-size: 35px; }
        .redirection-overlay .modal-dialog .modal-content .modal-header .close:focus {
          outline: none; }
    .redirection-overlay .modal-dialog .modal-content .modal-body {
      max-width: 90%;
      margin: 0;
      position: absolute;
      top: 50%;
      left: 50%;
      margin-right: -50%;
      transform: translate(-50%, -50%); }

.template-transparent-box1 {
  min-height: 400px; }

.transparent-box {
  position: absolute;
  width: 100%;
  bottom: 0;
  color: white;
  text-align: center;
  padding-top: 40px;
  padding-bottom: 40px;
  background-color: rgba(0, 0, 0, 0.5); }

.payment-section-text-side .text-side {
  padding: 0px 15px 15px 0px; }
  .payment-section-text-side .text-side h2 {
    color: #009ace;
    font-size: 35px;
    margin-bottom: 40px;
    font-weight: 500;
    line-height: 1.36; }
  .payment-section-text-side .text-side h3 {
    font-size: 35px;
    color: #009ace;
    line-height: 1.28; }
  .payment-section-text-side .text-side h4 {
    font-size: 22px;
    line-height: 1.28;
    color: #3d3935;
    margin-bottom: 40px; }
  .payment-section-text-side .text-side .orange-bullet-points {
    margin-bottom: 40px; }
  .payment-section-text-side .text-side .get-start {
    margin-top: 24px;
    text-align: left; }

.payment-section-text-side.no-text-side-padding .text-side h2 {
  margin-bottom: 48px; }

.payment-section-text-side.no-text-side-padding .text-side .orange-bullet-points {
  margin-bottom: 48px; }

.payment-section-text-side .raptors-spotlight-text {
  padding-right: 6rem; }

.difference-page-sec-2 {
  text-align: center; }
  .difference-page-sec-2 h2 {
    font-size: 45px;
    font-weight: 500;
    line-height: 1.36;
    color: #3d3935;
    margin-bottom: 24px; }
  .difference-page-sec-2 h3 {
    font-size: 35px;
    line-height: 1.28;
    color: #009ace;
    margin-bottom: 0px; }
  @media only screen and (max-width: 767px) {
    .difference-page-sec-2 {
      margin: 0px auto 17px;
      padding: 0px 30px; }
      .difference-page-sec-2 h2 {
        font-size: 25px;
        margin-bottom: 16px; }
      .difference-page-sec-2 h3 {
        font-size: 26px; }
      .difference-page-sec-2.margin-top-48 {
        margin-top: 40px; } }

.en-US .footer-description-points ol li, .en-US .tandc-points ol li {
  list-style-type: none;
  margin-left: -16px; }

.footer-description-points, .tandc-points {
  margin-left: auto;
  margin-right: auto;
  flex-basis: auto;
  padding: 48px 20px 48px 20px !important;
  float: none;
  color: #949695;
  font-size: 15px;
  line-height: 1.5; }
  .footer-description-points br, .tandc-points br {
    margin-bottom: 10px;
    display: block;
    content: ''; }
  @media only screen and (max-width: 767px) {
    .footer-description-points, .tandc-points {
      padding: 56px 20px 56px 20px !important; } }
  .footer-description-points ol, .tandc-points ol {
    padding-left: 20px;
    margin-bottom: 0px; }
  .footer-description-points li, .tandc-points li {
    margin-bottom: 10px;
    padding-left: 2px;
    color: #949695;
    line-height: 1.5; }
    .footer-description-points li p, .tandc-points li p {
      letter-spacing: 0.3px;
      font-size: 15px;
      line-height: 1.3;
      margin-bottom: 0px;
      max-width: 95%; }
  .footer-description-points p, .tandc-points p {
    color: #949695;
    font-size: 15px;
    line-height: 1.5; }

.bullets-shadow-box {
  margin-bottom: 120px; }
  .bullets-shadow-box.margin-bottom-0 {
    margin-bottom: 0px; }
  .bullets-shadow-box .row.shadow-box {
    padding: 56px;
    box-shadow: 0 9px 24px 0 rgba(0, 0, 0, 0.1), 0 9px 24px 0 rgba(0, 0, 0, 0.05);
    border-radius: 20px;
    background-color: #ffffff;
    margin-right: 0px;
    margin-left: 0px; }
    .bullets-shadow-box .row.shadow-box .download-links {
      margin: auto; }
      .bullets-shadow-box .row.shadow-box .download-links a.download {
        font-size: 20px;
        font-weight: bold;
        line-height: normal;
        color: #009ace;
        border-bottom: 2px solid; }
      .bullets-shadow-box .row.shadow-box .download-links img {
        margin-right: 10px; }
    @media only screen and (max-width: 767px) {
      .bullets-shadow-box .row.shadow-box {
        margin: 0px;
        padding: 48px 20px; } }
    @media only screen and (min-width: 768px) {
      .bullets-shadow-box .row.shadow-box .orange-bullet-points li {
        min-height: 56px; } }
  @media only screen and (max-width: 767px) {
    .bullets-shadow-box {
      margin-bottom: 80px;
      padding: 0px 30px 0px 30px; }
      .bullets-shadow-box.margin-bottom-0 {
        margin-bottom: 0px; }
      .bullets-shadow-box.section-margin-60 {
        margin-bottom: 40px; }
      .bullets-shadow-box.app-promotion-section.section-margin-60 {
        margin-top: 40px;
        margin-bottom: 40px; } }
  .bullets-shadow-box.app-promotion-section {
    margin-bottom: 60px; }
    .bullets-shadow-box.app-promotion-section .row.shadow-box {
      border-radius: 0px;
      padding: 35px 50px;
      display: flex;
      margin-bottom: 0px;
      align-items: center; }
      @media only screen and (max-width: 767px) {
        .bullets-shadow-box.app-promotion-section .row.shadow-box {
          padding: 20px 10px; }
          .bullets-shadow-box.app-promotion-section .row.shadow-box .icon {
            padding-right: 5px;
            padding-left: 5px; } }
      .bullets-shadow-box.app-promotion-section .row.shadow-box .icon {
        text-align: center; }
        .bullets-shadow-box.app-promotion-section .row.shadow-box .icon img {
          max-width: 225px; }
      .bullets-shadow-box.app-promotion-section .row.shadow-box h3 {
        text-align: left;
        color: #009ace;
        margin-bottom: 0px; }

.br-convenios .bullets-shadow-box {
  margin-bottom: 0; }

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .payment-section-text-side .text-side {
    padding: 80px 15px 15px 0px;
    padding-top: calc(100vw * 0.02); }
    .payment-section-text-side .text-side h2 {
      font-size: 30px;
      margin-bottom: 24px; }
    .payment-section-text-side .text-side h4 {
      font-size: 20px;
      margin-bottom: 20px; }
    .payment-section-text-side .text-side h3 {
      font-size: 28px; }
    .payment-section-text-side .text-side .get-start {
      margin-top: 15px; }
    .payment-section-text-side .text-side .orange-bullet-points {
      margin-bottom: 20px; }
  .payment-section-text-side.no-text-side-padding .text-side {
    padding: 0px; }
    .payment-section-text-side.no-text-side-padding .text-side h2 {
      margin-bottom: 25px;
      font-size: 38px; }
  .footer-description-points, .tandc-points {
    max-width: 1030px; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .payment-section-text-side .text-side {
    padding: 0px 15px 15px 0px; }
    .payment-section-text-side .text-side h2 {
      font-size: 22px;
      margin-bottom: 20px; }
    .payment-section-text-side .text-side h3 {
      font-size: 18px; }
    .payment-section-text-side .text-side h4 {
      font-size: 18px;
      margin-bottom: 20px; }
    .payment-section-text-side .text-side .get-start {
      margin-top: 30px; }
  .payment-section-text-side.no-text-side-padding .text-side {
    padding: 0px; }
    .payment-section-text-side.no-text-side-padding .text-side h2 {
      margin-bottom: 15px;
      font-size: 28px; }
    .payment-section-text-side.no-text-side-padding .text-side .orange-bullet-points {
      margin-bottom: 20px; }
      .payment-section-text-side.no-text-side-padding .text-side .orange-bullet-points li {
        min-height: 30px; }
  .footer-description-points, .tandc-points {
    max-width: 854px; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .payment-section-text-side .text-side {
    padding: 0px 15px 15px 0px; }
    .payment-section-text-side .text-side h2 {
      font-size: 22px;
      margin-bottom: 15px; }
    .payment-section-text-side .text-side h3 {
      font-size: 18px; }
    .payment-section-text-side .text-side h4 {
      font-size: 16px;
      margin-bottom: 10px; }
    .payment-section-text-side .text-side .orange-bullet-points {
      margin-bottom: 20px; }
      .payment-section-text-side .text-side .orange-bullet-points li span {
        font-size: 14px !important; }
    .payment-section-text-side .text-side ul li p {
      font-size: 16px;
      background-size: 20px 20px;
      background-position-y: 3px; }
    .payment-section-text-side .text-side .get-start {
      margin-top: 10px; }
      .payment-section-text-side .text-side .get-start a {
        font-size: 14px;
        max-width: 250px;
        padding: 7px; }
  .payment-section-text-side.no-text-side-padding .text-side {
    padding: 0px;
    padding-top: 0px !important; }
    .payment-section-text-side.no-text-side-padding .text-side h2 {
      margin-bottom: 15px;
      font-size: 22px; }
    .payment-section-text-side.no-text-side-padding .text-side .orange-bullet-points {
      margin-bottom: 20px; }
      .payment-section-text-side.no-text-side-padding .text-side .orange-bullet-points li {
        min-height: 30px;
        font-size: 14px; }
  .footer-description-points, .tandc-points {
    max-width: 700px; } }

@media only screen and (max-width: 767px) {
  .payment-section-text-side .text-side {
    padding: 32px 30px 0px 30px; }
    .payment-section-text-side .text-side h2 {
      font-size: 25px;
      line-height: 1.28;
      margin-bottom: 32px !important; }
    .payment-section-text-side .text-side h3 {
      font-size: 26px; }
    .payment-section-text-side .text-side h4 {
      font-size: 22px;
      margin-bottom: 32px; }
    .payment-section-text-side .text-side .orange-bullet-points {
      margin-bottom: 32px; }
      .payment-section-text-side .text-side .orange-bullet-points li {
        margin-bottom: 24px; }
        .payment-section-text-side .text-side .orange-bullet-points li span {
          font-size: 17px !important; }
    .payment-section-text-side .text-side .get-start {
      margin-top: 16px;
      margin-bottom: 0px;
      text-align: center; }
  .payment-section-text-side.no-text-side-padding .text-side {
    padding: 0; }
    .payment-section-text-side.no-text-side-padding .text-side h2 {
      font-size: 25px; }
    .payment-section-text-side.no-text-side-padding .text-side .orange-bullet-points {
      margin-bottom: 32px; }
    .payment-section-text-side.no-text-side-padding .text-side .get-start {
      margin-top: 16px; }
  .footer-description-points, .tandc-points {
    padding: 25px 15px 0px 25px;
    font-size: 12px; }
    .footer-description-points p, .tandc-points p {
      font-size: 12px; }
    .footer-description-points ol, .tandc-points ol {
      list-style-type: decimal;
      color: #949695;
      padding-left: 6px;
      margin-bottom: 10px !important;
      font-size: 12px; }
      .footer-description-points ol p, .tandc-points ol p {
        font-size: 12px;
        margin-bottom: 0 !important;
        letter-spacing: 0.3px;
        line-height: 1.3; } }

@media only screen and (min-width: 1400px) {
  .payment-section-text-side h2 {
    font-size: 45px !important; } }

body.rtl .payment-section-text-side .text-side h1, body.rtl .payment-section-text-side .text-side h2, body.rtl .payment-section-text-side .text-side h3, body.rtl .payment-section-text-side .text-side p, body.rtl .payment-section-text-side .text-side .get-start {
  text-align: right; }

body.rtl .payment-section-text-side .text-side .get-start {
  display: block; }

.container .text-side-image-section {
  padding: 72px;
  margin-bottom: 90px; }

.text-side-image-section {
  padding-right: 0;
  padding-left: 0;
  position: relative;
  z-index: 1; }
  .text-side-image-section.blue-background .content-side {
    background-color: #009ace; }
    .text-side-image-section.blue-background .content-side h2,
    .text-side-image-section.blue-background .content-side h4 {
      color: #ffffff; }
      .text-side-image-section.blue-background .content-side h2 span,
      .text-side-image-section.blue-background .content-side h4 span {
        color: #ffffff !important; }
    .text-side-image-section.blue-background .content-side .btn-blue {
      border: 2px solid #ffffff; }
  .text-side-image-section.gray-background .content-side {
    background-color: #3D3935; }
    .text-side-image-section.gray-background .content-side h2,
    .text-side-image-section.gray-background .content-side h4 {
      color: #ffffff; }
      .text-side-image-section.gray-background .content-side h2 span,
      .text-side-image-section.gray-background .content-side h4 span {
        color: #ffffff !important; }
  .text-side-image-section.inset {
    width: 100%;
    max-width: 100%; }
    @media only screen and (min-width: 992px) {
      .text-side-image-section.inset {
        max-width: 1300px;
        width: 80%;
        margin-left: auto;
        margin-right: auto; } }
    @media only screen and (max-width: 1499px) and (min-width: 1200px) {
      .text-side-image-section.inset {
        width: 85%; } }
    @media only screen and (max-width: 1199px) and (min-width: 992px) {
      .text-side-image-section.inset {
        width: 90%; } }
    @media only screen and (max-width: 991px) and (min-width: 768px) {
      .text-side-image-section.inset {
        width: 95%;
        margin-left: auto;
        margin-right: auto; } }
    @media only screen and (min-width: 992px) {
      .text-side-image-section.inset {
        padding-bottom: 72px;
        padding: 72px;
        position: relative; } }
    @media only screen and (max-width: 1499px) and (min-width: 1200px) {
      .text-side-image-section.inset {
        width: 85%; } }
    @media only screen and (max-width: 1199px) and (min-width: 992px) {
      .text-side-image-section.inset {
        width: 90%;
        padding: 50px; } }
    @media only screen and (max-width: 991px) and (min-width: 768px) {
      .text-side-image-section.inset {
        padding-bottom: 48px;
        width: 95%;
        padding: 40px;
        margin-left: auto;
        margin-right: auto; } }
    @media only screen and (max-width: 767px) {
      .text-side-image-section.inset {
        padding-bottom: 48px;
        padding-top: 48px; }
        .text-side-image-section.inset.small-corner-box {
          padding: 38px 0px 0px 0px !important; } }
    .text-side-image-section.inset .content-wrap {
      padding: 0px 60px 10px 60px; }
      @media only screen and (min-width: 1300px) and (max-width: 1500px) {
        .text-side-image-section.inset .content-wrap {
          padding: 0px 50px 5px 50px; } }
      @media only screen and (min-width: 992px) and (max-width: 1299px) {
        .text-side-image-section.inset .content-wrap {
          padding: 0px 35px 5px 35px; } }
      @media only screen and (min-width: 768px) and (max-width: 991px) {
        .text-side-image-section.inset .content-wrap {
          padding: 0px 25px 5px 25px; } }
      @media only screen and (max-width: 767px) {
        .text-side-image-section.inset .content-wrap {
          padding: 32px 30px 40px 30px; }
          .text-side-image-section.inset .content-wrap p:nth-child(3) {
            border-bottom: 1px solid #009ace; }
          .text-side-image-section.inset .content-wrap div p:nth-child(3) {
            border-bottom: 1px solid #009ace; } }
      .text-side-image-section.inset .content-wrap .get-start {
        text-align: left; }
    .text-side-image-section.inset .hero-sec {
      box-shadow: 0 9px 24px 0 rgba(0, 0, 0, 0.1), 0 9px 24px 0 rgba(0, 0, 0, 0.05); }
    .text-side-image-section.inset h2 {
      font-size: 35px;
      line-height: 1.28;
      color: #009ace;
      margin-bottom: 32px;
      margin-left: 0px; }
      .text-side-image-section.inset h2 span {
        color: #009ace !important; }
      .text-side-image-section.inset h2 .smaller {
        font-size: 25px; }
      @media only screen and (max-width: 1499px) and (min-width: 1299px) {
        .text-side-image-section.inset h2 {
          margin-bottom: 32px; } }
      @media only screen and (max-width: 1299px) and (min-width: 992px) {
        .text-side-image-section.inset h2 {
          font-size: 26px;
          margin-bottom: 32px; } }
      @media only screen and (max-width: 992px) and (min-width: 768px) {
        .text-side-image-section.inset h2 {
          font-size: 22px;
          margin-bottom: 20px; } }
      @media only screen and (max-width: 767px) {
        .text-side-image-section.inset h2 {
          font-size: 25px;
          line-height: 1.28;
          margin-bottom: 40px !important; } }
    .text-side-image-section.inset h4 {
      color: #009ace;
      font-size: 26px; }
      @media only screen and (max-width: 1499px) and (min-width: 1299px) {
        .text-side-image-section.inset h4 {
          margin-bottom: 24px; }
          .text-side-image-section.inset h4 span {
            font-size: 22px !important; } }
      @media only screen and (max-width: 1299px) and (min-width: 992px) {
        .text-side-image-section.inset h4 {
          font-size: 18px;
          margin-bottom: 24px; } }
      @media only screen and (max-width: 992px) and (min-width: 768px) {
        .text-side-image-section.inset h4 {
          font-size: 16px;
          margin-bottom: 24px; } }
      @media only screen and (max-width: 767px) {
        .text-side-image-section.inset h4 {
          font-size: 26px;
          line-height: 1.2;
          margin-bottom: 16px; } }
    .text-side-image-section.inset h3 {
      color: #009ace; }
    .text-side-image-section.inset.small-corner-box {
      padding: 38px; }
    .text-side-image-section.inset.no-box-shadow .hero-sec {
      box-shadow: none; }
    .text-side-image-section.inset.hiw-section-3 h4 {
      font-size: 17px;
      line-height: 1.36;
      color: #3d3935; }
    .text-side-image-section.inset.hiw-section-3 .video-side img {
      box-shadow: 0 9px 24px 0 rgba(0, 0, 0, 0.1), 0 9px 24px 0 rgba(0, 0, 0, 0.05); }
    .text-side-image-section.inset.no-corner-border {
      padding-top: 0px;
      padding-bottom: 0px; }
  .text-side-image-section.styling-image-contain .video-side {
    background-color: black; }
    .text-side-image-section.styling-image-contain .video-side img.for-desktop {
      position: absolute;
      width: 100%;
      height: auto;
      max-width: 100%;
      max-height: 100%;
      -webkit-transform: translate(-50%, -50%);
      -moz-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      -o-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      position: absolute;
      top: 50%;
      left: 50%; }
      @media only screen and (min-width: 1400px) {
        .text-side-image-section.styling-image-contain .video-side img.for-desktop {
          width: auto; } }
  @media only screen and (min-width: 768px) {
    .text-side-image-section.styling-image-contain .content-wrap {
      padding-top: 20px;
      padding-bottom: 20px; } }
  .text-side-image-section.hiw-section h4 {
    color: #3d3935; }
  @media only screen and (min-width: 768px) and (max-width: 992px) {
    .text-side-image-section.hiw-section h3 {
      font-size: 16px; } }
  @media only screen and (min-width: 1200px) {
    .text-side-image-section.hiw-section h2 {
      margin-bottom: 24px; }
    .text-side-image-section.hiw-section h4 {
      font-size: 22px;
      margin-bottom: 32px; }
    .text-side-image-section.hiw-section h3 {
      font-size: 26px;
      line-height: 1.28;
      margin-bottom: 24px; } }
  @media only screen and (max-width: 767px) {
    .text-side-image-section.hiw-section .content-wrap {
      padding: 48px 30px 48px 30px; }
    .text-side-image-section.hiw-section h2 {
      font-size: 25px;
      margin-bottom: 32px !important; }
    .text-side-image-section.hiw-section h4 {
      font-size: 22px;
      margin-bottom: 32px; }
    .text-side-image-section.hiw-section h3 {
      font-size: 26px;
      margin-bottom: 16px !important; } }
  .text-side-image-section .custom-controls {
    background: #009ace;
    width: 60px;
    height: 60px;
    padding: 12px;
    cursor: pointer;
    position: absolute;
    left: auto;
    right: -28px;
    bottom: 60px;
    z-index: 99;
    margin: auto;
    float: right;
    box-shadow: 1px 7px 20px -8px rgba(0, 0, 0, 0.74); }
    .text-side-image-section .custom-controls .controls {
      border: 0;
      background: transparent;
      box-sizing: border-box;
      height: 100%;
      width: 100%;
      border-color: transparent transparent transparent white;
      transition: 200ms all ease;
      background-size: contain;
      background-repeat: no-repeat;
      cursor: pointer; }
      .text-side-image-section .custom-controls .controls:focus {
        outline: none; }
      .text-side-image-section .custom-controls .controls.play-btn {
        background-image: url("https://d2i6vk5bmh3r0a.cloudfront.net/invisalign_next/homepage/play_icon.png");
        width: 35px;
        margin-left: 4px;
        padding-top: 15px; }
      .text-side-image-section .custom-controls .controls.pause-btn {
        background-image: url("https://d2i6vk5bmh3r0a.cloudfront.net/invisalign_next/homepage/pause.png");
        padding-top: 15px; }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .text-side-image-section .custom-controls {
        width: 50px;
        height: 50px; } }
    @media only screen and (max-width: 767px) {
      .text-side-image-section .custom-controls {
        width: 40px;
        height: 40px;
        top: -20px;
        right: 40px;
        padding: 8px;
        bottom: auto; } }
  .text-side-image-section h1 {
    font-size: 65px;
    font-weight: 900;
    line-height: 1.15;
    color: #3d3935;
    width: 100%;
    margin-bottom: 35px; }
    @media only screen and (min-width: 992px) and (max-width: 1299px) {
      .text-side-image-section h1 {
        font-size: 40px; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .text-side-image-section h1 {
        font-size: 28px;
        margin-bottom: 15px; } }
    @media only screen and (max-width: 767px) {
      .text-side-image-section h1 {
        font-size: 35px;
        margin-bottom: 10px; } }
  .text-side-image-section h2 {
    font-size: 35px;
    line-height: 1.28;
    color: #009ace;
    margin-bottom: 30px; }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .text-side-image-section h2 {
        font-size: 22px; } }
    @media only screen and (max-width: 767px) {
      .text-side-image-section h2 {
        font-size: 25px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .text-side-image-section h3 {
      font-size: 18px; } }
  .text-side-image-section h4 {
    font-size: 20px;
    line-height: 1.2;
    color: #009ace;
    margin-bottom: 24px; }
  .text-side-image-section .hero-sec {
    display: flex;
    margin-right: 0;
    margin-left: 0;
    background: white; }
    @media only screen and (max-width: 767px) {
      .text-side-image-section .hero-sec {
        flex-direction: column; } }
    @media only screen and (max-width: 767px) {
      .text-side-image-section .hero-sec.right {
        flex-direction: column-reverse; } }
  @media only screen and (max-width: 767px) {
    .text-side-image-section.no-flex-reverse .hero-sec.right {
      flex-direction: column; } }
  @media only screen and (max-width: 767px) {
    .text-side-image-section.flex-reverse .hero-sec {
      flex-direction: column-reverse; } }
  @media only screen and (max-width: 767px) {
    .text-side-image-section.no-padding-mobile {
      padding-top: 0px;
      padding-bottom: 0px; } }
  .text-side-image-section.transparent-background .hero-sec {
    background: transparent; }
  @media only screen and (min-width: 768px) {
    .text-side-image-section.content-padding-6 .content-side .content-wrap {
      padding: 6% !important; } }
  .text-side-image-section.no-image-shadow .video-side {
    flex: 1;
    padding-right: 0px;
    padding-left: 0px; }
    .text-side-image-section.no-image-shadow .video-side video,
    .text-side-image-section.no-image-shadow .video-side img {
      box-shadow: none; }
  .text-side-image-section .content-side {
    display: flex;
    align-items: center;
    flex: 2;
    padding-right: 0px;
    padding-left: 0px; }
  .text-side-image-section .content-wrap {
    overflow: hidden;
    padding: 100px 85px 10px 110px;
    padding-top: calc(100vw * 0.05); }
    @media only screen and (min-width: 992px) and (max-width: 1299px) {
      .text-side-image-section .content-wrap {
        padding: 25px 60px 5px 60px; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .text-side-image-section .content-wrap {
        padding: 10px 25px 5px 40px; } }
    @media only screen and (max-width: 767px) {
      .text-side-image-section .content-wrap {
        padding: 37px 25px 45px 38px; } }
  .text-side-image-section .video-side {
    flex: 1;
    padding-right: 0px;
    padding-left: 0px; }
    .text-side-image-section .video-side video,
    .text-side-image-section .video-side img {
      display: block;
      width: 100%;
      height: 100%;
      object-fit: cover;
      position: relative;
      box-shadow: 0px 15px 30px -15px rgba(0, 0, 0, 0.74);
      background-color: white; }
    .text-side-image-section .video-side .corner-image {
      position: absolute;
      width: 183px;
      height: 183px;
      top: -50px;
      border-radius: 100px; }
      .text-side-image-section .video-side .corner-image.left {
        left: -50px; }
      .text-side-image-section .video-side .corner-image.right {
        right: -50px; }
      @media only screen and (max-width: 767px) {
        .text-side-image-section .video-side .corner-image {
          top: -63px;
          width: 123px;
          height: 123px; }
          .text-side-image-section .video-side .corner-image.left {
            left: 20px; }
          .text-side-image-section .video-side .corner-image.right {
            right: 20px; } }
    .text-side-image-section .video-side .text-on-image {
      padding: 15px;
      text-align: center;
      position: absolute;
      bottom: 0%;
      left: 0%;
      background-color: rgba(0, 0, 0, 0.71); }
      .text-side-image-section .video-side .text-on-image h2 {
        color: #009ace; }
      .text-side-image-section .video-side .text-on-image p {
        color: white; }
      .text-side-image-section .video-side .text-on-image .btn-blue {
        color: white; }
        .text-side-image-section .video-side .text-on-image .btn-blue:hover, .text-side-image-section .video-side .text-on-image .btn-blue:focus, .text-side-image-section .video-side .text-on-image .btn-blue:active {
          text-decoration: none;
          color: #008ebe; }
      @media only screen and (max-width: 414px) {
        .text-side-image-section .video-side .text-on-image {
          padding: 5px; }
          .text-side-image-section .video-side .text-on-image h2 {
            margin-bottom: 10px; } }
      @media only screen and (max-width: 360px) {
        .text-side-image-section .video-side .text-on-image p {
          font-size: 14px;
          margin-bottom: 5px; }
        .text-side-image-section .video-side .text-on-image .btn-blue {
          padding: 5px; } }
    .text-side-image-section .video-side video {
      cursor: pointer; }

@media only screen and (min-width: 1300px) {
  .left-side-new-style .no-box-shadow,
  .right-side-new-style .no-box-shadow,
  .corner-image .no-box-shadow {
    box-shadow: none !important; }
    .left-side-new-style .no-box-shadow .content-side .content-wrap h2:first-child,
    .right-side-new-style .no-box-shadow .content-side .content-wrap h2:first-child,
    .corner-image .no-box-shadow .content-side .content-wrap h2:first-child {
      font-size: 45px;
      font-weight: 500;
      line-height: 1.36;
      margin-bottom: 54px; }
    .left-side-new-style .no-box-shadow .content-side .content-wrap div p,
    .right-side-new-style .no-box-shadow .content-side .content-wrap div p,
    .corner-image .no-box-shadow .content-side .content-wrap div p {
      margin-bottom: 24px; }
    .left-side-new-style .no-box-shadow .content-side .content-wrap div p:nth-child(2),
    .right-side-new-style .no-box-shadow .content-side .content-wrap div p:nth-child(2),
    .corner-image .no-box-shadow .content-side .content-wrap div p:nth-child(2) {
      font-size: 17px !important; }
      .left-side-new-style .no-box-shadow .content-side .content-wrap div p:nth-child(2) span,
      .right-side-new-style .no-box-shadow .content-side .content-wrap div p:nth-child(2) span,
      .corner-image .no-box-shadow .content-side .content-wrap div p:nth-child(2) span {
        font-size: 17px !important; }
        .left-side-new-style .no-box-shadow .content-side .content-wrap div p:nth-child(2) span span,
        .right-side-new-style .no-box-shadow .content-side .content-wrap div p:nth-child(2) span span,
        .corner-image .no-box-shadow .content-side .content-wrap div p:nth-child(2) span span {
          font-size: 17px !important; }
  .left-side-new-style {
    padding: 38px !important; }
    .left-side-new-style .no-box-shadow .content-side .content-wrap {
      padding: 0px 22px 0px 33px; }
    .left-side-new-style .gold-corner-top-left {
      width: 144px !important;
      height: 184px; }
  .right-side-new-style {
    padding: 38px !important; }
    .right-side-new-style .no-box-shadow .content-side .content-wrap {
      padding: 0px 33px 0px 0px; }
    .right-side-new-style .gold-corner-top-right {
      width: 144px !important;
      height: 184px; }
  .corner-image .no-box-shadow.left .content-wrap {
    padding: 0px 0px 0px 34px; }
  .corner-image .no-box-shadow.right .content-wrap {
    padding: 0px 32px 0px 0px; } }

.vivera-v2-section-2.text-side-image-section .no-box-shadow .content-side .content-wrap h2 {
  color: #414042 !important;
  font-size: 65px !important;
  font-weight: 900; }
  @media only screen and (min-width: 769px) and (max-width: 1200px) {
    .vivera-v2-section-2.text-side-image-section .no-box-shadow .content-side .content-wrap h2 {
      font-size: 55px !important; } }
  @media only screen and (max-width: 768px) {
    .vivera-v2-section-2.text-side-image-section .no-box-shadow .content-side .content-wrap h2 {
      font-size: 42px !important; } }

.vivera-v2 h1 {
  font-size: 55px !important; }
  @media only screen and (min-width: 1200px) and (max-width: 1300px) {
    .vivera-v2 h1 {
      font-size: 54px !important; } }
  @media only screen and (min-width: 991px) and (max-width: 1199px) {
    .vivera-v2 h1 {
      font-size: 40px !important; } }
  @media only screen and (min-width: 769px) and (max-width: 991px) {
    .vivera-v2 h1 {
      font-size: 32px !important; } }
  @media only screen and (min-width: 350px) and (max-width: 768px) {
    .vivera-v2 h1 {
      font-size: 34px !important; } }
  @media only screen and (max-width: 350px) {
    .vivera-v2 h1 {
      font-size: 28px !important; } }

@media only screen and (min-width: 1024px) and (max-width: 1299px) {
  .text-side-image-section .no-box-shadow .content-side .content-wrap h2 {
    font-size: 35px !important;
    font-weight: 500;
    line-height: 1.36;
    margin-bottom: 35px !important; }
    .text-side-image-section .no-box-shadow .content-side .content-wrap h2 strong span {
      color: #3d3935 !important; }
  .left-side-new-style .no-box-shadow,
  .right-side-new-style .no-box-shadow,
  .corner-image .no-box-shadow {
    box-shadow: none !important; }
    .left-side-new-style .no-box-shadow .content-side .content-wrap h2:first-child,
    .right-side-new-style .no-box-shadow .content-side .content-wrap h2:first-child,
    .corner-image .no-box-shadow .content-side .content-wrap h2:first-child {
      font-size: 35px; }
    .left-side-new-style .no-box-shadow .content-side .content-wrap div p,
    .right-side-new-style .no-box-shadow .content-side .content-wrap div p,
    .corner-image .no-box-shadow .content-side .content-wrap div p {
      margin-bottom: 24px; }
      .left-side-new-style .no-box-shadow .content-side .content-wrap div p span strong span,
      .right-side-new-style .no-box-shadow .content-side .content-wrap div p span strong span,
      .corner-image .no-box-shadow .content-side .content-wrap div p span strong span {
        font-size: 18px !important; }
    .left-side-new-style .no-box-shadow .content-side .content-wrap div p:nth-child(2) span span,
    .right-side-new-style .no-box-shadow .content-side .content-wrap div p:nth-child(2) span span,
    .corner-image .no-box-shadow .content-side .content-wrap div p:nth-child(2) span span {
      font-size: 15px !important; }
  .left-side-new-style {
    padding: 38px 38px 0px 38px !important; }
    .left-side-new-style .no-box-shadow .content-side .content-wrap {
      padding: 0px 22px 0px 33px; }
  .right-side-new-style {
    padding: 38px 38px 0px 38px !important; }
    .right-side-new-style .no-box-shadow .content-side .content-wrap {
      padding: 0px 22px 0px 33px; }
  .corner-image .no-box-shadow.left .content-wrap {
    padding: 0px 0px 0px 34px; }
  .corner-image .no-box-shadow.right .content-wrap {
    padding: 0px 32px 0px 0px; } }

@media only screen and (max-width: 1023px) and (min-width: 768px) {
  .left-side-new-style .no-box-shadow,
  .right-side-new-style .no-box-shadow,
  .corner-image .no-box-shadow {
    box-shadow: none !important; }
    .left-side-new-style .no-box-shadow .content-side .content-wrap h2:first-child,
    .right-side-new-style .no-box-shadow .content-side .content-wrap h2:first-child,
    .corner-image .no-box-shadow .content-side .content-wrap h2:first-child {
      font-size: 30px; }
    .left-side-new-style .no-box-shadow .content-side .content-wrap div p,
    .right-side-new-style .no-box-shadow .content-side .content-wrap div p,
    .corner-image .no-box-shadow .content-side .content-wrap div p {
      margin-bottom: 24px; }
      .left-side-new-style .no-box-shadow .content-side .content-wrap div p span strong span,
      .right-side-new-style .no-box-shadow .content-side .content-wrap div p span strong span,
      .corner-image .no-box-shadow .content-side .content-wrap div p span strong span {
        font-size: 16px !important; }
    .left-side-new-style .no-box-shadow .content-side .content-wrap div p:nth-child(2) span span,
    .right-side-new-style .no-box-shadow .content-side .content-wrap div p:nth-child(2) span span,
    .corner-image .no-box-shadow .content-side .content-wrap div p:nth-child(2) span span {
      font-size: 14px !important; }
  .left-side-new-style {
    padding: 26px !important; }
    .left-side-new-style .no-box-shadow .content-side .content-wrap {
      padding: 0px 22px 0px 33px; }
  .right-side-new-style {
    padding: 26px !important; }
    .right-side-new-style .no-box-shadow .content-side .content-wrap {
      padding: 0px 22px 0px 0px; }
  .corner-image .no-box-shadow.left .content-wrap {
    padding: 0px 0px 0px 34px; }
  .corner-image .no-box-shadow.right .content-wrap {
    padding: 0px 32px 0px 0px; } }

@media only screen and (min-width: 768px) {
  .itau-hero-section {
    padding-top: 64px; }
    .itau-hero-section .hero-sec {
      box-shadow: none !important; }
    .itau-hero-section .content-wrap {
      margin-top: -160px; } }

.for-desktop {
  display: block !important;
  width: 100%;
  height: 100%;
  object-fit: cover; }

.for-mobile {
  display: none !important; }

@media only screen and (max-width: 767px) {
  .for-desktop {
    display: none !important; }
  .for-mobile {
    display: block !important; }
  .for-ipad {
    display: none !important; }
  .left-side-new-style .no-box-shadow,
  .right-side-new-style .no-box-shadow {
    box-shadow: none !important; }
    .left-side-new-style .no-box-shadow .content-side .content-wrap,
    .right-side-new-style .no-box-shadow .content-side .content-wrap {
      padding-top: 32px;
      padding-bottom: 0px; }
      .left-side-new-style .no-box-shadow .content-side .content-wrap h2:first-child,
      .right-side-new-style .no-box-shadow .content-side .content-wrap h2:first-child {
        font-size: 25px;
        margin-bottom: 32px !important; }
      .left-side-new-style .no-box-shadow .content-side .content-wrap div p:first-child,
      .right-side-new-style .no-box-shadow .content-side .content-wrap div p:first-child {
        margin-bottom: 16px; }
        .left-side-new-style .no-box-shadow .content-side .content-wrap div p:first-child span strong span,
        .right-side-new-style .no-box-shadow .content-side .content-wrap div p:first-child span strong span {
          font-size: 22px;
          font-weight: 900; }
      .left-side-new-style .no-box-shadow .content-side .content-wrap div p:nth-child(2) span span,
      .right-side-new-style .no-box-shadow .content-side .content-wrap div p:nth-child(2) span span {
        font-size: 17px !important;
        line-height: 1.36; }
  .left-side-new-style {
    padding-top: 30px !important; }
    .left-side-new-style .no-box-shadow .content-side .content-wrap {
      padding-top: 32px;
      padding-bottom: 0px; }
  .right-side-new-style {
    padding-top: 30px !important;
    padding-bottom: 0px !important; }
    .right-side-new-style .no-box-shadow .content-side .content-wrap {
      padding-top: 32px;
      padding-bottom: 0px !important; }
  .left-side-new-style.standard-margin {
    padding-bottom: 0px !important; }
  .text-side-image-section.hide-border-brackets {
    padding-bottom: 0px;
    padding-top: 0px; }
  .text-side-image-section.hide-border-brackets.margin-bottom-120 {
    margin-bottom: 24px; }
  .smile-assessment-wrapper .sa-background-image-wrapper.hide-border-brackets {
    padding-bottom: 0px;
    padding-top: 0px; }
  .sa-no-mob-margin.smile-assessment-wrapper {
    margin-top: 0px;
    margin-bottom: 0px; } }

.left-side-new-style .gold-corner-top-left,
.left-side-new-style .gold-corner-top-right,
.right-side-new-style .gold-corner-top-left,
.right-side-new-style .gold-corner-top-right {
  width: 144px !important;
  height: 184px !important; }

@media only screen and (min-width: 768px) {
  .standard-margin {
    margin-top: 60px !important;
    margin-bottom: 60px !important; }
  .standard-margin-adjusted {
    margin-top: 60px !important;
    margin-bottom: 0px !important; }
  .left-side-new-style.standard-margin,
  .right-side-new-style.standard-margin,
  .right-side-new-style.standard-margin-adjusted {
    padding-bottom: 0px !important; }
  .standard-no-bottom-margin {
    margin-bottom: 0px !important; }
  .standard-margin-corner-section {
    padding-top: 50px !important;
    padding-bottom: 0px !important;
    margin-top: 40px !important;
    margin-bottom: 0px !important; }
  .standard-margin-last-section {
    margin-top: 120px !important;
    margin-bottom: 0px !important; } }

@media only screen and (max-width: 767px) {
  .home-doctor-section {
    padding-top: 40px; }
    .home-doctor-section .video-side {
      margin-bottom: 0px; }
  .info-text h2 {
    margin-bottom: 16px !important; }
  .mobile-margin-top-adjustment.standard-margin {
    margin-top: 80px !important; }
  .mobile-margin-bottom-adjustment.standard-margin {
    margin-bottom: 80px !important; }
  .mobile-margin-top-adjustment.standard-margin-adjusted {
    margin-top: 80px !important; }
  .mobile-margin-bottom-adjustment.standard-margin-adjusted {
    margin-bottom: 80px !important; }
  .mobile-margin-top-adjustment.standard-margin-corner-section {
    margin-top: 80px !important; }
  .mobile-margin-bottom-adjustment.standard-margin-corner-section {
    margin-bottom: 80px !important; }
  .standard-margin {
    margin-top: 40px !important;
    margin-bottom: 40px !important; }
  .standard-margin-adjusted {
    margin-top: 40px !important;
    margin-bottom: 40px !important; }
  .standard-no-bottom-margin {
    margin-bottom: 0px !important; }
  .standard-margin-corner-section,
  .standard-margin-last-section {
    padding-bottom: 0px !important;
    margin-top: 40px !important;
    margin-bottom: 40px !important; }
    .standard-margin-corner-section .no-box-shadow,
    .standard-margin-last-section .no-box-shadow {
      box-shadow: none !important; }
    .standard-margin-corner-section .content-side .content-wrap,
    .standard-margin-last-section .content-side .content-wrap {
      padding-bottom: 0px !important; }
      .standard-margin-corner-section .content-side .content-wrap div p:first-child,
      .standard-margin-last-section .content-side .content-wrap div p:first-child {
        margin-bottom: 32px; }
  .standard-margin-last-section {
    margin-bottom: 0px !important; } }

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .for-ipad {
    display: none !important; }
  .ipad-enabled-image-section .for-ipad {
    display: block !important; }
  .ipad-enabled-image-section .for-desktop {
    display: none !important; } }

@media only screen and (min-width: 1025px) {
  .for-ipad {
    display: none !important; }
  .ipad-enabled-image-section .for-ipad {
    display: none !important; }
  .ipad-enabled-image-section .for-desktop {
    display: block !important; } }

.hiw-how-long.text-side-image-section .no-box-shadow .content-side .content-wrap h2 {
  font-weight: 900 !important; }
  .hiw-how-long.text-side-image-section .no-box-shadow .content-side .content-wrap h2 strong span {
    color: #3d3935 !important; }

.content-side .content-wrap span {
  color: #3d3935 !important; }

.vivera-retainers-section .hero-sec {
  background: transparent !important; }

@media only screen and (min-width: 768px) {
  body.rtl .text-side-image-section .hero-sec {
    flex-direction: row-reverse; } }

@media only screen and (max-width: 320px) {
  .mobile-mediacontent h2 {
    font-size: 22px; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .vedio-height .video-side video {
    height: 77%; } }

.text-side-image-section.grey-background .content-side {
  background-color: #f5f5f5; }

@media only screen and (max-width: 767px) {
  .itau-hero-section .red-corner-top-right {
    background-color: transparent !important; } }

.border-frame {
  position: absolute;
  z-index: -1; }

.green-bottom-left-side {
  bottom: 0;
  left: 0;
  width: 30%;
  height: 55%;
  background-color: #c4d600; }
  @media only screen and (max-width: 767px) {
    .green-bottom-left-side {
      width: 75%; } }

.green-corner-bottom-left {
  bottom: 0;
  left: 0;
  width: 30%;
  height: 55%;
  background-color: #c4d600; }
  @media only screen and (max-width: 767px) {
    .green-corner-bottom-left {
      width: 75%; } }

.green-corner-bottom-right {
  right: 0;
  left: auto;
  width: 30%;
  bottom: 0;
  height: 55%;
  background-color: #c4d600; }
  @media only screen and (max-width: 767px) {
    .green-corner-bottom-right {
      width: 75%;
      height: 30%; } }

.gold-corner-top-right {
  right: 0;
  left: auto;
  top: 0;
  width: 30%;
  height: 55%;
  background-color: #ffa300; }
  @media only screen and (max-width: 767px) {
    .gold-corner-top-right {
      width: 75%;
      height: 30%; } }

.gold-corner-bottom-left {
  right: auto;
  left: 0;
  bottom: 0;
  width: 30%;
  height: 55%;
  background-color: #ffa300; }
  @media only screen and (max-width: 767px) {
    .gold-corner-bottom-left {
      width: 75%;
      height: 30%; } }

.green-corner-top-left {
  right: auto;
  left: 0;
  top: 0;
  width: 30%;
  height: 55%;
  background-color: #c4d600; }
  @media only screen and (max-width: 767px) {
    .green-corner-top-left {
      width: 75%;
      height: 30%; } }

.green-corner-top-right {
  top: 0;
  right: 0;
  width: 30%;
  height: 55%;
  background-color: #c4d600; }
  @media only screen and (max-width: 767px) {
    .green-corner-top-right {
      width: 75%;
      height: 30%; } }

.red-corner-top-right {
  top: 0;
  right: 0;
  width: 30%;
  height: 55%;
  background-color: #cf006f; }
  @media only screen and (max-width: 767px) {
    .red-corner-top-right {
      width: 75%;
      height: 30%; } }

.gold-corner-top-left {
  top: 0;
  left: 0;
  width: 30%;
  height: 55%;
  background-color: #ffa300; }
  @media only screen and (max-width: 767px) {
    .gold-corner-top-left {
      width: 75%;
      height: 30%; } }

.gold-corner-bottom-right {
  bottom: 0;
  right: 0;
  width: 30%;
  height: 55%;
  background-color: #ffa300; }
  @media only screen and (max-width: 767px) {
    .gold-corner-bottom-right {
      width: 75%;
      height: 30%; } }

.red-corner-top-left {
  top: 0;
  left: 0;
  width: 30%;
  height: 55%;
  background-color: #cf006f; }
  @media only screen and (max-width: 767px) {
    .red-corner-top-left {
      width: 75%;
      height: 30%; } }

.red-corner-bottom-left {
  bottom: 0;
  left: 0;
  width: 30%;
  height: 55%;
  background-color: #cf006f; }
  @media only screen and (max-width: 767px) {
    .red-corner-bottom-left {
      width: 75%;
      height: 30%; } }

.red-corner-bottom-right {
  bottom: 0;
  right: 0;
  width: 30%;
  height: 55%;
  background-color: #cf006f; }
  @media only screen and (max-width: 767px) {
    .red-corner-bottom-right {
      width: 75%;
      height: 30%; } }

.red-right-corners {
  top: 0;
  bottom: 0;
  right: 0;
  width: 45%;
  background-color: #cf006f; }
  @media only screen and (max-width: 767px) {
    .red-right-corners {
      width: 75%; } }

.green-right-corners {
  top: 0;
  bottom: 0;
  right: 0;
  width: 45%;
  background-color: #c4d600; }
  @media only screen and (max-width: 767px) {
    .green-right-corners {
      width: 75%; } }

.left-side-blue {
  top: 0;
  bottom: 0;
  left: 0;
  width: 55%;
  background-color: #009ace; }
  @media only screen and (max-width: 767px) {
    .left-side-blue {
      width: 100%;
      top: calc(100vw * 0.4); } }

@media only screen and (min-width: 1200px) {
  .treatmentCarousel .left-side-blue {
    top: 137px;
    bottom: 156px;
    left: 54px;
    width: 55%; } }

.left-side-green {
  top: 0;
  bottom: 0;
  left: 0;
  width: 55%;
  background-color: #c4d600; }
  @media only screen and (max-width: 767px) {
    .left-side-green {
      width: 100%;
      top: calc(100vw * 0.4); } }

.left-side-red {
  top: 0;
  bottom: 0;
  left: 0;
  width: 55%;
  background-color: #cf006f; }
  @media only screen and (max-width: 767px) {
    .left-side-red {
      width: 100%;
      top: calc(100vw * 0.4); } }

.left-side-gray {
  top: 0;
  bottom: 0;
  left: 0;
  width: 55%;
  background-color: #3d3935; }
  @media only screen and (max-width: 767px) {
    .left-side-gray {
      width: 100%;
      top: calc(100vw * 0.4); } }

.left-side-gold {
  top: 0;
  bottom: 0;
  left: 0;
  width: 55%;
  background-color: #ffa300; }
  @media only screen and (max-width: 767px) {
    .left-side-gold {
      width: 100%;
      top: calc(100vw * 0.4); } }

.right-side-blue {
  top: 0;
  bottom: 0;
  right: 0;
  width: 55%;
  background-color: #009ace; }
  @media only screen and (max-width: 767px) {
    .right-side-blue {
      width: 100%;
      top: calc(100vw * 0.4); } }

.right-side-green {
  top: 0;
  bottom: 0;
  right: 0;
  width: 55%;
  background-color: #c4d600; }
  @media only screen and (max-width: 767px) {
    .right-side-green {
      width: 100%;
      top: calc(100vw * 0.4); } }

.right-side-red {
  top: 0;
  bottom: 0;
  right: 0;
  width: 55%;
  background-color: #cf006f; }
  @media only screen and (max-width: 767px) {
    .right-side-red {
      width: 100%;
      top: calc(100vw * 0.4); } }

.right-side-gray {
  top: 0;
  bottom: 0;
  right: 0;
  width: 55%;
  background-color: #3d3935; }
  @media only screen and (max-width: 767px) {
    .right-side-gray {
      width: 100%;
      top: calc(100vw * 0.4); } }

.right-side-gold {
  top: 0;
  bottom: 0;
  right: 0;
  width: 55%;
  background-color: #ffa300; }
  @media only screen and (max-width: 767px) {
    .right-side-gold {
      width: 100%;
      top: calc(100vw * 0.4); } }

.gold-right-corners {
  top: 0;
  bottom: 0;
  right: 0;
  width: 45%;
  background-color: #ffa300; }
  @media only screen and (max-width: 767px) {
    .gold-right-corners {
      width: 75%; } }

.black-right-corners {
  top: 0;
  bottom: 0;
  right: 0;
  width: 45%;
  background-color: #3d3935; }
  @media only screen and (max-width: 767px) {
    .black-right-corners {
      width: 75%; } }

.black-left-corners {
  top: 0;
  bottom: 0;
  left: 0;
  width: 30%;
  background-color: #3d3935; }

.black-corner-gold-bottom-right {
  bottom: 0;
  right: 0;
  width: 30%;
  height: 55%;
  background-color: #3d3935;
  border-bottom: 2px solid #ffa300; }
  @media only screen and (max-width: 767px) {
    .black-corner-gold-bottom-right {
      width: 75%;
      height: 30%; } }

.black-corner-top-left-gold-bottom {
  top: 0;
  left: 0;
  width: 30%;
  height: 55%;
  background-color: #3d3935;
  border-bottom: 2px solid #ffa300; }
  @media only screen and (max-width: 767px) {
    .black-corner-top-left-gold-bottom {
      width: 75%;
      height: 30%; } }

.inset .green-corner-bottom-right,
.inset .gold-corner-top-left,
.inset .gold-corner-top-right,
.inset .gold-corner-bottom-left,
.inset .gold-corner-bottom-right,
.inset .green-bottom-left-side,
.inset .green-corner-top-left,
.inset .green-corner-top-right,
.inset .green-corner-bottom-left,
.inset .red-right-corners,
.inset .red-corner-top-right,
.inset .red-corner-bottom-left,
.inset .red-corner-bottom-right,
.inset .red-corner-top-left {
  width: 25%; }
  @media only screen and (max-width: 767px) {
    .inset .green-corner-bottom-right,
    .inset .gold-corner-top-left,
    .inset .gold-corner-top-right,
    .inset .gold-corner-bottom-left,
    .inset .gold-corner-bottom-right,
    .inset .green-bottom-left-side,
    .inset .green-corner-top-left,
    .inset .green-corner-top-right,
    .inset .green-corner-bottom-left,
    .inset .red-right-corners,
    .inset .red-corner-top-right,
    .inset .red-corner-bottom-left,
    .inset .red-corner-bottom-right,
    .inset .red-corner-top-left {
      width: 60%;
      height: 60px; } }

.four-image .green-corner-bottom-right,
.four-image .gold-corner-top-left,
.four-image .gold-corner-top-right,
.four-image .gold-corner-bottom-left,
.four-image .gold-corner-bottom-right,
.four-image .green-bottom-left-side,
.four-image .green-corner-top-left,
.four-image .green-corner-top-right,
.four-image .green-corner-bottom-left,
.four-image .red-right-corners,
.four-image .red-corner-top-right,
.four-image .red-corner-bottom-left,
.four-image .red-corner-bottom-right,
.four-image .red-corner-top-left,
.small-corner-box .green-corner-bottom-right,
.small-corner-box .gold-corner-top-left,
.small-corner-box .gold-corner-top-right,
.small-corner-box .gold-corner-bottom-left,
.small-corner-box .gold-corner-bottom-right,
.small-corner-box .green-bottom-left-side,
.small-corner-box .green-corner-top-left,
.small-corner-box .green-corner-top-right,
.small-corner-box .green-corner-bottom-left,
.small-corner-box .red-right-corners,
.small-corner-box .red-corner-top-right,
.small-corner-box .red-corner-bottom-left,
.small-corner-box .red-corner-bottom-right,
.small-corner-box .red-corner-top-left {
  height: 184px;
  width: 144px; }

.container .text-four-image-section {
  padding: 72px;
  margin-bottom: 90px; }

.text-four-image-section {
  padding-right: 0;
  padding-left: 0;
  position: relative;
  z-index: 1; }
  .text-four-image-section.inset {
    width: 100%;
    max-width: 100%; }
    .text-four-image-section.inset.four-image {
      padding-top: 38px;
      padding-left: 53px;
      padding-bottom: 0px; }
    @media only screen and (min-width: 992px) {
      .text-four-image-section.inset {
        max-width: 1300px;
        width: 80%;
        margin-left: auto;
        margin-right: auto; } }
    @media only screen and (max-width: 1499px) and (min-width: 1200px) {
      .text-four-image-section.inset {
        width: 85%; } }
    @media only screen and (max-width: 1199px) and (min-width: 992px) {
      .text-four-image-section.inset {
        width: 90%; } }
    @media only screen and (max-width: 991px) and (min-width: 768px) {
      .text-four-image-section.inset {
        width: 95%;
        margin-left: auto;
        margin-right: auto; } }
    @media only screen and (min-width: 992px) {
      .text-four-image-section.inset {
        padding-bottom: 72px;
        padding: 72px;
        position: relative; } }
    @media only screen and (max-width: 1499px) and (min-width: 1200px) {
      .text-four-image-section.inset {
        width: 85%; } }
    @media only screen and (max-width: 1199px) and (min-width: 992px) {
      .text-four-image-section.inset {
        width: 90%;
        padding: 50px; }
        .text-four-image-section.inset.four-image {
          padding-top: 38px;
          padding-left: 53px; } }
    @media only screen and (max-width: 991px) and (min-width: 768px) {
      .text-four-image-section.inset {
        padding-bottom: 48px;
        width: 95%;
        padding: 40px;
        margin-left: auto;
        margin-right: auto; }
        .text-four-image-section.inset.four-image {
          padding-top: 26px;
          padding-left: 26px; } }
    @media only screen and (max-width: 767px) {
      .text-four-image-section.inset {
        padding-bottom: 48px;
        padding-top: 48px; } }
    .text-four-image-section.inset .content-wrap {
      padding: 0px 60px 10px 60px; }
      @media only screen and (min-width: 1300px) and (max-width: 1500px) {
        .text-four-image-section.inset .content-wrap {
          padding: 0px 50px 5px 50px; } }
      @media only screen and (min-width: 992px) and (max-width: 1299px) {
        .text-four-image-section.inset .content-wrap {
          padding: 0px 35px 5px 35px; } }
      @media only screen and (min-width: 768px) and (max-width: 991px) {
        .text-four-image-section.inset .content-wrap {
          padding: 0px 25px 5px 25px; } }
      @media only screen and (max-width: 767px) {
        .text-four-image-section.inset .content-wrap {
          padding: 32px 30px 40px 30px; }
          .text-four-image-section.inset .content-wrap p:nth-child(3) {
            border-bottom: 1px solid #009ace; }
          .text-four-image-section.inset .content-wrap div p:nth-child(3) {
            border-bottom: 1px solid #009ace; } }
      .text-four-image-section.inset .content-wrap .get-start {
        text-align: left; }
    .text-four-image-section.inset.four-image h1 {
      font-size: 45px;
      font-weight: 500; }
      @media only screen and (max-width: 767px) {
        .text-four-image-section.inset.four-image h1 {
          font-size: 35px; } }
    .text-four-image-section.inset.four-image .additional-content {
      width: 80%; }
    @media only screen and (max-width: 767px) {
      .text-four-image-section.inset.four-image .content {
        padding-bottom: 0px; }
      .text-four-image-section.inset.four-image .additional-content {
        padding-top: 0px;
        width: 100%; } }
  .text-four-image-section h1,
  .text-four-image-section h2,
  .text-four-image-section h3 {
    color: #009ace; }
  .text-four-image-section h4 {
    font-size: 20px;
    line-height: 1.2;
    color: #009ace;
    margin-bottom: 24px; }
  @media only screen and (max-width: 767px) {
    .text-four-image-section.no-padding-mobile {
      padding-top: 0px;
      padding-bottom: 0px; } }
  .text-four-image-section .content-side {
    display: flex;
    align-items: center;
    flex: 2;
    padding-right: 0px;
    padding-left: 0px; }
  .text-four-image-section .content-wrap {
    overflow: hidden;
    padding: 100px 85px 10px 110px;
    padding-top: calc(100vw * 0.05); }
    @media only screen and (min-width: 992px) and (max-width: 1299px) {
      .text-four-image-section .content-wrap {
        padding: 25px 60px 5px 60px; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .text-four-image-section .content-wrap {
        padding: 10px 25px 5px 40px; } }
    @media only screen and (max-width: 767px) {
      .text-four-image-section .content-wrap {
        padding: 37px 25px 45px 38px; } }

@media only screen and (min-width: 992px) {
  .side-inner-text {
    padding-bottom: 85px; } }

@media only screen and (min-width: 1300px) {
  .textSide-top-image {
    width: 592px;
    height: 418px; }
  .four-image .no-mobile p span {
    font-size: 17px; }
  .four-image .right-no-padding div.no-mobile p {
    margin-bottom: 57px; }
  .four-image .left-no-padding .content-wrap p:nth-child(2) span {
    font-size: 17px; }
    .four-image .left-no-padding .content-wrap p:nth-child(2) span span {
      font-size: 17px !important; }
  .text-four-image-section .left-no-padding .additional-content {
    padding: 0px;
    margin-top: 85px; }
    .text-four-image-section .left-no-padding .additional-content p:first-child {
      margin-bottom: 24px; }
      .text-four-image-section .left-no-padding .additional-content p:first-child span strong {
        font-size: 22px; }
    .text-four-image-section .left-no-padding .additional-content p:nth-child(2) {
      margin-bottom: 24px; } }

@media only screen and (min-width: 1024px) and (max-width: 1299px) {
  .four-image .no-mobile p span {
    font-size: 15px; }
  .four-image .right-no-padding div.no-mobile p {
    margin-bottom: 37px; }
  .four-image .left-no-padding .content-wrap p:nth-child(2) span {
    font-size: 15px; }
    .four-image .left-no-padding .content-wrap p:nth-child(2) span span {
      font-size: 15px !important; }
  .text-four-image-section .left-no-padding .additional-content {
    padding: 0px;
    margin-top: 85px; }
    .text-four-image-section .left-no-padding .additional-content p:first-child {
      margin-bottom: 24px; }
      .text-four-image-section .left-no-padding .additional-content p:first-child span strong {
        font-size: 22px; }
    .text-four-image-section .left-no-padding .additional-content p:nth-child(2) {
      margin-bottom: 24px; } }

@media only screen and (max-width: 1023px) and (min-width: 768px) {
  .four-image div:first-child {
    padding-left: 8px; }
    .four-image div:first-child div:nth-child(2) h1 {
      font-size: 30px !important; }
    .four-image div:first-child div:nth-child(2) h4 span span {
      font-size: 16px !important; }
    .four-image div:first-child div:nth-child(2) .side-inner-text {
      padding-bottom: 50px; }
      .four-image div:first-child div:nth-child(2) .side-inner-text span {
        font-size: 14px !important; }
  .four-image .additional-content {
    margin-top: 50px !important;
    width: 86% !important;
    padding: 0px !important; }
    .four-image .additional-content p:first-child strong {
      font-size: 16px !important; }
    .four-image .additional-content p:nth-child(2) {
      font-size: 14px; }
  .four-image .left-no-padding .additional-content p:nth-child(2) span span {
    font-size: 14px !important; }
  .four-image .no-mobile p span {
    font-size: 14px; }
  .four-image .left-no-padding .content-wrap p:nth-child(2) span {
    font-size: 14px; } }

@media only screen and (max-width: 1299px) and (min-width: 1024px) {
  .four-image div:first-child div:nth-child(2) h1 {
    font-size: 35px !important; }
  .four-image div:first-child div:nth-child(2) h4 span span {
    font-size: 17px !important; }
  .four-image div:first-child div:nth-child(2) .side-inner-text span {
    font-size: 15px !important; }
  .four-image .additional-content {
    margin-top: 50px !important;
    width: 83% !important; }
    .four-image .additional-content p:first-child strong {
      font-size: 17px !important; }
    .four-image .additional-content p:nth-child(2) {
      font-size: 15px; } }

.for-desktop {
  display: block !important;
  width: 100%;
  height: 100%;
  object-fit: cover; }

.for-mobile {
  display: none !important; }

@media only screen and (max-width: 767px) {
  .for-desktop {
    display: none !important; }
  .for-mobile {
    display: block !important; }
  .for-ipad {
    display: none !important; } }

@media only screen and (min-width: 768px) {
  .no-desktop {
    display: none !important; }
  .standard-margin-corner-section {
    padding-top: 50px !important;
    padding-bottom: 0px !important;
    margin-top: 40px !important;
    margin-bottom: 0px !important; }
  .standard-margin-last-section {
    margin-top: 120px !important;
    margin-bottom: 0px !important; }
  .standard-margin-last-section.four-image {
    padding-bottom: 110px !important; }
  .four-image .right-no-padding div.no-mobile p.side-inner-text {
    padding-bottom: 0px !important; }
  .four-image .right-no-padding div.no-mobile p {
    margin-bottom: 87px !important; } }

@media only screen and (max-width: 767px) {
  .no-mobile {
    display: none !important; }
  .standard-no-bottom-margin {
    margin-bottom: 0px !important; }
  .standard-margin-corner-section,
  .standard-margin-last-section {
    padding-bottom: 0px !important;
    margin-top: 40px !important;
    margin-bottom: 40px !important; }
    .standard-margin-corner-section .content-side .content-wrap,
    .standard-margin-last-section .content-side .content-wrap {
      padding-bottom: 0px !important; }
      .standard-margin-corner-section .content-side .content-wrap div p:first-child,
      .standard-margin-last-section .content-side .content-wrap div p:first-child {
        margin-bottom: 32px; }
  .standard-margin-last-section {
    margin-bottom: 0px !important; } }

@media only screen and (max-width: 426px) {
  .four-image {
    padding: 0px !important;
    padding-top: 30px !important; }
    .four-image div:first-child {
      margin: auto; }
      .four-image div:first-child .left-no-padding {
        padding: 0px; }
        .four-image div:first-child .left-no-padding .no-desktop {
          padding-top: 32px; }
          .four-image div:first-child .left-no-padding .no-desktop div p {
            font-size: 16px;
            line-height: 1.36; }
        .four-image div:first-child .left-no-padding div h1 {
          line-height: 1.28;
          margin-bottom: 32px; }
        .four-image div:first-child .left-no-padding div div h4 {
          line-height: normal;
          margin-bottom: 16px; }
          .four-image div:first-child .left-no-padding div div h4 strong {
            font-weight: 900;
            line-height: normal;
            font-size: 22px; }
        .four-image div:first-child .left-no-padding div div .side-inner-text {
          margin-bottom: 32px; }
          .four-image div:first-child .left-no-padding div div .side-inner-text span {
            line-height: 1.36; }
        .four-image div:first-child .left-no-padding .additional-content {
          padding-bottom: 0px; }
          .four-image div:first-child .left-no-padding .additional-content p:first-child {
            margin-bottom: 16px; }
            .four-image div:first-child .left-no-padding .additional-content p:first-child span strong {
              font-size: 22px;
              font-weight: 900;
              line-height: normal; }
          .four-image div:first-child .left-no-padding .additional-content p:nth-child(2) {
            font-size: 17px;
            margin-bottom: 32px; }
          .four-image div:first-child .left-no-padding .additional-content #see-more-benifits {
            font-size: 17px;
            font-weight: 900;
            line-height: 1.36;
            color: #009ace; } }

@media only screen and (min-width: 427px) and (max-width: 738px) {
  .four-image {
    padding-left: 0px !important; }
    .four-image div:first-child {
      margin: auto; }
      .four-image div:first-child .left-no-padding {
        padding: 0px; }
        .four-image div:first-child .left-no-padding .no-desktop {
          padding-top: 28px; }
          .four-image div:first-child .left-no-padding .no-desktop div p {
            font-size: 17px;
            line-height: 1.36; }
        .four-image div:first-child .left-no-padding div h1 {
          line-height: 1.28;
          margin-bottom: 16px; }
        .four-image div:first-child .left-no-padding div div h4 {
          line-height: normal;
          margin-bottom: 8px; }
          .four-image div:first-child .left-no-padding div div h4 strong {
            font-weight: 900;
            line-height: normal;
            font-size: 22px; }
        .four-image div:first-child .left-no-padding div div .side-inner-text {
          margin-bottom: 22px; }
          .four-image div:first-child .left-no-padding div div .side-inner-text span {
            line-height: 1.36; }
        .four-image div:first-child .left-no-padding .additional-content {
          padding-bottom: 0px; }
          .four-image div:first-child .left-no-padding .additional-content p:first-child span strong {
            font-size: 22px;
            font-weight: 900;
            line-height: normal; }
          .four-image div:first-child .left-no-padding .additional-content p:nth-child(2) {
            font-size: 17px; } }

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .for-ipad {
    display: none !important; }
  .ipad-enabled-image-section .for-ipad {
    display: block !important; }
  .ipad-enabled-image-section .for-desktop {
    display: none !important; } }

@media only screen and (min-width: 1025px) {
  .for-ipad {
    display: none !important; }
  .ipad-enabled-image-section .for-ipad {
    display: none !important; }
  .ipad-enabled-image-section .for-desktop {
    display: block !important; } }

.no-mobile span,
.content-wrap.additional-content span,
.content-side.content-wrap span {
  color: #3d3935 !important; }

/*
.textSide-left-image {
  @media only screen and (min-width: 768px) {
    position: absolute;
    width: 200px;
    margin-top: 12px;
    height: 145px;
    right: 48px;
  }
  @media only screen and (min-width: 1640px) {
    width: 332px;
    margin-top: 32px;
    height: 235px;
    right: 60px;
  }
  @media only screen and (min-width: 1300px) and (max-width: 1640px) {
    width: 332px;
    margin-top: 32px;
    height: 235px;
  }
  @media only screen and (min-width: 1200px) and (max-width: 1299px) {
    width: 265px;
    margin-top: 25px;
    height: 190px;
    right: 65px;
  }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    right: 70px;
  }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    right: 48px;
  }
}
.textSide-right-image {
  @media only screen and (min-width: 768px) {
    width: 200px;
    margin-top: 12px;
    height: 145px;
    position: absolute;
    right: 0px;
  }
  @media only screen and (min-width: 1640px) {
    width: 332px;
    margin-top: 30px;
    height: 235px;
    right: -5px;
  }
  @media only screen and (min-width: 1300px) and (max-width: 1640px) {
    width: 332px;
    margin-top: 32px;
    height: 235px;
    right: -42px;
  }
  @media only screen and (min-width: 1200px) and (max-width: 1299px) {
    width: 265px;
    height: 190px;
    margin-top: 25px;
  }
}
*/
.bottom-images {
  position: relative;
  width: 126%;
  left: -18%; }
  .bottom-images img {
    width: 100%;
    margin-top: 25px; }

@media only screen and (min-width: 992px) {
  .carousel-step {
    padding: 72px 72px 72px 0; } }

.carousel-step h1 {
  font-size: 30px; }

.carousel-step .content-wrap {
  padding: 100px 15px 0 50px; }

.carousel-step .step-header {
  position: absolute;
  font-size: 30px;
  left: 0;
  top: 20px;
  width: 80%;
  background-color: #cf006f;
  color: white;
  padding: 5px 40px 0 50px; }

.carousel-step .step-idx {
  font-size: 100px;
  position: absolute;
  top: -50px;
  display: inline-block;
  padding-left: 20px;
  font-weight: bold;
  text-shadow: 2px 5px 5px gray; }

.carousel-step .step-left-caption {
  position: absolute;
  right: 30%;
  top: 15px;
  padding-right: 6px; }

.carousel-step .step-right-caption {
  position: absolute;
  left: 70%;
  top: 15px;
  padding-left: 8px;
  color: white;
  font-weight: bold; }

.info-text {
  width: 100%;
  max-width: 100%; }
  @media only screen and (min-width: 992px) {
    .info-text {
      max-width: 1300px;
      width: 80%;
      margin-left: auto;
      margin-right: auto; } }
  @media only screen and (max-width: 1499px) and (min-width: 1200px) {
    .info-text {
      width: 85%; } }
  @media only screen and (max-width: 1199px) and (min-width: 992px) {
    .info-text {
      width: 90%; } }
  @media only screen and (max-width: 991px) and (min-width: 768px) {
    .info-text {
      width: 95%;
      margin-left: auto;
      margin-right: auto; } }
  @media only screen and (max-width: 767px) {
    .info-text {
      padding-left: 15px;
      padding-right: 15px; } }
  .info-text .info-content {
    min-height: 50px; }
    @media only screen and (min-width: 768px) {
      .info-text .info-content {
        padding-left: 50px; } }
  .info-text .info-icon {
    position: relative;
    font-weight: bold;
    color: #009ace;
    width: 40px;
    height: 40px;
    text-align: center;
    border: 2px solid #009ace;
    border-radius: 50%;
    margin-bottom: 15px; }
    @media only screen and (min-width: 768px) {
      .info-text .info-icon {
        position: absolute;
        left: 15px; } }
    .info-text .info-icon > div {
      position: absolute;
      -webkit-transform: translate(-50%, -50%);
      -moz-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      -o-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      position: absolute;
      top: 50%;
      left: 50%; }

.in-page-section {
  padding-top: 4px; }
  .in-page-section img {
    min-width: 52px;
    height: 52px;
    margin-right: 15px; }
  .in-page-section h3,
  .in-page-section h4 {
    margin-bottom: 5px;
    color: #3d3935; }
  .in-page-section h2 {
    margin-bottom: 0px;
    font-size: 35px;
    line-height: 1.28;
    color: #009ace; }
  .in-page-section .in-page-section-text {
    display: flex;
    align-items: center; }
  .in-page-section .in-page-section-btn {
    max-width: 300px;
    width: 100%;
    margin-left: 10px; }
    @media only screen and (max-width: 767px) {
      .in-page-section .in-page-section-btn {
        max-width: 400px;
        width: 100%;
        margin: auto !important; } }

@media only screen and (max-width: 767px) {
  .in-page-section {
    padding: 0px 30px 0px 30px; }
    .in-page-section.large-info-box h3 {
      margin-top: 24px;
      margin-bottom: 24px !important; }
    .in-page-section h3 {
      font-size: 26px;
      margin-top: 32px;
      margin-bottom: 32px !important; }
    .in-page-section h4 {
      font-size: 22px;
      margin-bottom: 16px; }
    .in-page-section h2 {
      font-size: 25px;
      margin-left: 59px; }
    .in-page-section img {
      min-width: 42px;
      height: 42px; }
    .in-page-section .in-page-section-image {
      width: 20%;
      display: inline;
      float: left; }
    .in-page-section .in-page-section-text {
      width: 80%;
      display: inline; }
      .in-page-section .in-page-section-text h3 {
        margin-left: 59px; }
      .in-page-section .in-page-section-text h4 {
        margin-left: 59px; } }

@media only screen and (max-width: 410px) {
  .spacingLeft .in-page-section-text h3 {
    margin-left: 59px; } }

@media only screen and (min-width: 411px) and (max-width: 767px) {
  .spacingLeft .in-page-section-text h3 {
    margin-left: 70px; } }

@media only screen and (min-width: 768px) {
  .info-sec {
    margin-top: 45px; }
  .in-page-section {
    display: flex;
    margin-left: auto;
    margin-right: auto;
    max-width: 820px;
    justify-content: space-between;
    align-items: center; }
    .in-page-section h3 {
      font-size: 26px; }
    .in-page-section h4 {
      font-size: 22px; } }

@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .in-page-section h3 {
    font-size: 18px;
    margin-bottom: 10px; }
  .in-page-section h4 {
    font-size: 16px; }
  .info-sec {
    max-width: 820px; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .in-page-section {
    max-width: 575px !important; }
    .in-page-section.large-info-box {
      max-width: 720px !important; }
      .in-page-section.large-info-box a {
        font-size: 17px; } }

@media only screen and (min-width: 1200px) {
  .large-info-box {
    max-width: 1050px; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .large-info-box {
    max-width: 850px; } }

@media only screen and (min-width: 992px) {
  .in-page-section .get-start {
    width: 100%;
    min-width: 300px; } }

.faq-container .social-heading {
  font-weight: 500; }

.smile-view-section-wrapper .heading-part h2 {
  font-weight: 500; }

body.rtl .in-page-section img {
  margin-right: 0;
  margin-left: 15px; }

.text-border-frame {
  width: 100%;
  max-width: 100%;
  position: relative; }
  @media only screen and (min-width: 992px) {
    .text-border-frame {
      max-width: 1300px;
      width: 80%;
      margin-left: auto;
      margin-right: auto; } }
  @media only screen and (max-width: 1499px) and (min-width: 1200px) {
    .text-border-frame {
      width: 85%; } }
  @media only screen and (max-width: 1199px) and (min-width: 992px) {
    .text-border-frame {
      width: 90%; } }
  @media only screen and (max-width: 991px) and (min-width: 768px) {
    .text-border-frame {
      width: 95%;
      margin-left: auto;
      margin-right: auto; } }
  @media only screen and (min-width: 992px) {
    .text-border-frame {
      padding: 72px; } }
  .text-border-frame .text-border-content {
    padding: 30px; }

.fixed-image .fixed-image-img {
  width: 100%; }

.fixed-image .fixed-image-content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  padding-top: 50px; }

.fixed-image .fixed-image-bottom-content {
  position: absolute;
  bottom: 0;
  width: 100%;
  padding: 0 15px; }

.fixed-image-section-wrapper {
  box-shadow: 0 9px 24px 0 rgba(0, 0, 0, 0.1), 0 9px 24px 0 rgba(0, 0, 0, 0.05);
  background-color: #ffffff; }
  .fixed-image-section-wrapper .image-content-wrap1 {
    position: absolute;
    top: 35px;
    color: #ffffff;
    text-align: center;
    width: 100%; }
    .fixed-image-section-wrapper .image-content-wrap1 h3 {
      font-size: 26px;
      color: #ffffff;
      font-weight: 900; }
    .fixed-image-section-wrapper .image-content-wrap1 .pricing {
      color: #ffffff; }
      .fixed-image-section-wrapper .image-content-wrap1 .pricing .price {
        font-size: 85px;
        line-height: 0.5;
        font-weight: 900; }
        .fixed-image-section-wrapper .image-content-wrap1 .pricing .price sup {
          font-size: 35%;
          top: -1.4em; }
      .fixed-image-section-wrapper .image-content-wrap1 .pricing p {
        color: #ffffff;
        line-height: 15px;
        display: inline-block;
        font-size: 12px; }
        .fixed-image-section-wrapper .image-content-wrap1 .pricing p .month {
          font-size: 20px; }
  .fixed-image-section-wrapper .image-content-wrap2 {
    position: absolute;
    bottom: 10px;
    padding: 0 10px;
    text-align: center;
    margin: auto;
    width: 100%; }
    .fixed-image-section-wrapper .image-content-wrap2 p {
      color: #333;
      font-size: 10px;
      margin-bottom: 0px; }
  .fixed-image-section-wrapper img {
    width: 100%;
    box-shadow: 0 4px 25px 0 rgba(178, 180, 178, 0.3); }
  .fixed-image-section-wrapper.no-image-shadow {
    box-shadow: none; }
    .fixed-image-section-wrapper.no-image-shadow img {
      box-shadow: none; }

@media only screen and (min-width: 768px) and (max-width: 1200px) {
  .fixed-image-section-wrapper .image-content-wrap1 {
    top: 15px; }
    .fixed-image-section-wrapper .image-content-wrap1 h3 {
      font-size: 20px;
      margin-bottom: -7px; }
    .fixed-image-section-wrapper .image-content-wrap1 .pricing .price {
      font-size: 60px; }
  .fixed-image-section-wrapper .image-content-wrap2 p {
    font-size: 6px; } }

@media only screen and (max-width: 767px) {
  .fixed-image-section-wrapper .imageCol {
    max-width: 100% !important;
    flex: 0 0 100% !important; }
  .fixed-image-section-wrapper .image-content-wrap1 {
    top: 20px; }
    .fixed-image-section-wrapper .image-content-wrap1 h3 {
      font-size: 22px;
      margin-bottom: 0px !important; }
    .fixed-image-section-wrapper .image-content-wrap1 .pricing .price {
      font-size: 75px; }
    .fixed-image-section-wrapper .image-content-wrap1 .pricing .month {
      font-size: 18px; }
  .fixed-image-section-wrapper .image-content-wrap2 {
    width: 90%;
    padding: 0px; }
    .fixed-image-section-wrapper .image-content-wrap2 p {
      line-height: 1;
      font-size: 8px; }
  .fixed-image-img.mobile {
    display: block; }
  .fixed-image-img.desktop {
    display: none; } }

@media only screen and (min-width: 768px) {
  .fixed-image-img.mobile {
    display: none; }
  .fixed-image-img.desktop {
    display: block; } }

.homepage-payment-section .fixed-image-section-wrapper,
.homepage-payment-section .fixed-image-img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  align-items: center; }

@media only screen and (max-width: 768px) {
  .mobile-textovermedia h2 {
    font-size: 22px; } }

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .image-height-100 {
    height: 100%; }
  .ipadpro-img-height .fixed-image-img {
    height: 100%; } }

.concerge-popup .concerge-wrapper {
  position: fixed;
  z-index: 999;
  bottom: 15px; }

.concerge-popup .error-info {
  font-size: 12px;
  color: red;
  text-align: left;
  margin-bottom: 8px; }

.concerge-popup .is-invalid {
  border: 1px solid red;
  background-image: url("https://d2i6vk5bmh3r0a.cloudfront.net/images_2_0/assets/invisalign/pin-svgs/Invisalign_icon_input_X.svg");
  background-repeat: no-repeat;
  background-position: right 8px center;
  background-size: 12px 12px; }

.concerge-popup .loader-screen {
  margin: auto; }

.concerge-popup .close-popup {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  box-shadow: 0 4px 25px 0 rgba(0, 0, 0, 0.25);
  cursor: pointer; }

.concerge-popup .collapse-closed {
  display: block;
  z-index: 9999;
  background-color: white;
  border-radius: 50px;
  box-shadow: 0 9px 24px 0 rgba(0, 0, 0, 0.1), 0 9px 24px 0 rgba(0, 0, 0, 0.05);
  width: 300px;
  cursor: pointer;
  color: #019ace;
  display: flex;
  align-items: center;
  position: relative; }
  .concerge-popup .collapse-closed .exit {
    width: 20px;
    height: 20px;
    position: absolute;
    right: -7px;
    top: -8px;
    opacity: 1;
    border-radius: 50%; }
  .concerge-popup .collapse-closed p {
    color: #019ace;
    margin-bottom: 0px;
    font-size: 17px; }
  .concerge-popup .collapse-closed a {
    font-size: 17px;
    font-weight: bold; }
  .concerge-popup .collapse-closed svg {
    margin-bottom: 10px;
    margin-right: 10px;
    height: 1.25em;
    margin-left: 0.1em;
    overflow: hidden;
    transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
    transform: translate(0px, 5px);
    width: 1.25em; }

.concierge-form {
  display: flex;
  background-color: #ffffff;
  box-shadow: 0 4px 25px 0 rgba(178, 180, 178, 0.3);
  border-radius: 10px;
  text-align: center;
  overflow: auto; }
  .concierge-form .info {
    color: #3d3935;
    font-size: 18px; }
  .concierge-form .info-sub {
    font-size: 18px;
    color: #707372;
    margin-bottom: 25px; }
  .concierge-form .form-control {
    width: 300px;
    height: 50px;
    margin-bottom: 8px;
    padding: 15px 15px 15px 20px;
    border: solid 1px #b2b4b2;
    background-color: #ffffff;
    outline: 0;
    box-shadow: none; }
  .concierge-form .opt-in {
    margin-bottom: 15px;
    text-align: left; }
  .concierge-form .form-group {
    margin-bottom: 5px; }
  .concierge-form .inv-btn {
    outline: 0; }
  .concierge-form .thankyou {
    align-self: center; }
    .concierge-form .thankyou img {
      margin-bottom: 40px; }
  .concierge-form .step-wrapper {
    align-self: center; }
    .concierge-form .step-wrapper h2 {
      color: red; }

@media only screen and (min-width: 768px) {
  .concerge-wrapper {
    position: fixed;
    bottom: 20px;
    right: 50px; }
  .concierge-form {
    width: 370px;
    max-height: 95vh;
    padding: 30px; } }
  @media only screen and (min-width: 768px) and (max-width: 767px) {
    .concierge-form {
      max-height: 100vh; } }

@media only screen and (min-width: 768px) {
  .question-mark {
    width: 75px;
    height: 75px; }
  .concierge-form.form-scroll {
    overflow-y: scroll;
    overflow-x: hidden;
    max-height: 450px;
    min-height: auto; }
    .concierge-form.form-scroll .get-start button {
      margin-bottom: 20px; } }

.hide-on-mobile-and-desktop {
  display: none; }

.show-on-mobile .concerge-wrapper {
  position: fixed;
  bottom: 20px;
  right: 50px; }

.show-on-mobile .concierge-form {
  width: 370px;
  max-height: 95vh;
  padding: 30px; }
  @media only screen and (max-width: 767px) {
    .show-on-mobile .concierge-form {
      max-height: 100vh; } }

.show-on-mobile .question-mark {
  width: 75px;
  height: 75px; }

.show-on-mobile .concierge-form.form-scroll {
  overflow-y: scroll;
  overflow-x: hidden;
  max-height: 450px;
  min-height: auto; }
  .show-on-mobile .concierge-form.form-scroll .get-start button {
    margin-bottom: 20px; }

@media only screen and (max-width: 767px) {
  .show-on-mobile .concerge-wrapper {
    right: 15px; }
  .show-on-mobile .concierge-form {
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100% !important; }
    .show-on-mobile .concierge-form.form-scroll {
      max-height: initial;
      height: auto; } }

@media only screen and (max-width: 767px) {
  .scroll-start .concerge-wrapper {
    position: fixed;
    bottom: 10px;
    right: 10px; }
  .concerge-wrapper .question-mark {
    width: 60px;
    height: 60px; }
  .concerge-popup:not(.show-on-mobile) {
    display: none; }
    .concerge-popup:not(.show-on-mobile) .concierge-form {
      width: 100%;
      height: 100%;
      position: fixed;
      overflow: hidden;
      right: 0;
      bottom: 0;
      top: 0;
      left: 0;
      padding: 10px;
      border-radius: 0px;
      z-index: 9999; }
      .concerge-popup:not(.show-on-mobile) .concierge-form .form-control {
        width: 300px; } }

@media only screen and (min-width: 768px) and (max-width: 1299px) {
  .concerge-popup {
    position: relative; }
    .concerge-popup .concierge-form {
      right: 12%; } }

@media only screen and (min-width: 768px) and (max-width: 992px) {
  .concerge-popup .concierge-form {
    height: 625px;
    right: 15%; } }

.concierge-form {
  position: fixed;
  right: 8vw;
  bottom: 15px;
  z-index: 100; }

@media only screen and (max-width: 350px) {
  .concierge-form .info {
    padding-top: 20px !important; } }

.cookieTextsWrapper {
  opacity: 0.9;
  z-index: 9999;
  position: fixed; }
  .cookieTextsWrapper .cookieTexts {
    position: fixed;
    bottom: 0px;
    left: 0px;
    width: 100%;
    height: auto;
    background-color: #009ace;
    color: white;
    font-size: 14px;
    text-align: center;
    z-index: 1100; }
    .cookieTextsWrapper .cookieTexts .cookieTextsInnerWrapper {
      position: relative;
      height: auto;
      width: 95%;
      padding: 10px;
      margin-left: auto;
      margin-right: auto;
      padding-bottom: 25px; }
      .cookieTextsWrapper .cookieTexts .cookieTextsInnerWrapper p {
        color: white;
        font-size: 14px;
        text-align: center;
        margin-bottom: 20px; }
        .cookieTextsWrapper .cookieTexts .cookieTextsInnerWrapper p a {
          color: #ffb400;
          font-weight: bold;
          font-size: 14px; }
      .cookieTextsWrapper .cookieTexts .cookieTextsInnerWrapper input {
        padding: 4px;
        color: #009ace;
        background-color: #ffffff;
        letter-spacing: 0.25px;
        transition: all 0.3s ease-out;
        cursor: pointer;
        border-radius: 20px;
        border: 1px solid #ccc;
        font-weight: bold; }
        .cookieTextsWrapper .cookieTexts .cookieTextsInnerWrapper input:focus {
          outline: none; }
      .cookieTextsWrapper .cookieTexts .cookieTextsInnerWrapper .right-button {
        margin-left: 20px; }
      .cookieTextsWrapper .cookieTexts .cookieTextsInnerWrapper .left-button {
        margin-right: 20px; }
      .cookieTextsWrapper .cookieTexts .cookieTextsInnerWrapper.has-two-buttons input {
        padding-left: 10px;
        padding-right: 10px; }
        .cookieTextsWrapper .cookieTexts .cookieTextsInnerWrapper.has-two-buttons input:last-of-type {
          background-color: yellow; }
    .cookieTextsWrapper .cookieTexts .compact-cookie {
      padding-bottom: 0; }
      .cookieTextsWrapper .cookieTexts .compact-cookie .compact-cookie-shortext {
        display: none; }
      .cookieTextsWrapper .cookieTexts .compact-cookie .compact-cookie-buttons {
        display: block;
        margin-top: 15px; }
      @media only screen and (max-width: 767px) {
        .cookieTextsWrapper .cookieTexts .compact-cookie {
          padding: 5px 0 0 0; }
          .cookieTextsWrapper .cookieTexts .compact-cookie p {
            font-size: 13px;
            margin-bottom: 5px; }
          .cookieTextsWrapper .cookieTexts .compact-cookie .compact-cookie-longtext {
            display: none; }
          .cookieTextsWrapper .cookieTexts .compact-cookie .compact-cookie-shortext {
            display: inline; } }
    .cookieTextsWrapper .cookieTexts.hideCookieText {
      transition: 2s;
      opacity: 0 !important;
      margin: -200px 0px; }

body.rtl .concerge-popup .error-info {
  text-align: right; }

body.rtl .concerge-popup .is-invalid {
  background-position: left 8px center; }

.has-float-label {
  position: relative; }

.has-float-label label,
.has-float-label > .labelName {
  position: absolute;
  cursor: text;
  opacity: 1;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  top: -1.5em;
  left: 0.75rem;
  z-index: 3;
  line-height: 1;
  padding: 0 1px;
  color: #707372;
  font-size: 12px; }

.has-float-label label::after,
.has-float-label > .labelName::after {
  content: ' ';
  display: block;
  position: absolute;
  background: #fff;
  height: 2px;
  top: 50%;
  left: -0.2em;
  right: -0.2em;
  z-index: -1; }

.has-float-label .form-control::-webkit-input-placeholder {
  opacity: 1;
  -webkit-transition: all 0.2s;
  transition: all 0.2s; }

.has-float-label .form-control:placeholder-shown:not(:focus)::-webkit-input-placeholder {
  opacity: 0; }

.has-float-label .form-control:placeholder-shown:not(:focus) + * {
  font-size: 17px;
  top: 0.9em;
  color: #3d3935; }

.input-group .has-float-label {
  display: table-cell; }

.input-group .has-float-label .form-control {
  border-radius: 0.25rem; }

.input-group .has-float-label:not(:first-child),
.input-group .has-float-label:not(:first-child) .form-control {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0; }

.has-float-label .form-control:placeholder-shown:not(:focus) ~ .labelMask {
  display: none; }

.labelMask {
  display: block; }

.homepage-hero-section {
  height: calc(100vw * 0.48);
  background-size: cover;
  background-repeat: no-repeat; }
  .homepage-hero-section .bottom-footer {
    position: absolute;
    bottom: 10px;
    text-align: center;
    width: 100%;
    font-size: 14px; }
  .homepage-hero-section.treatable-case {
    height: 60vh; }
    .homepage-hero-section.treatable-case,
    .homepage-hero-section.treatable-case p,
    .homepage-hero-section.treatable-case div,
    .homepage-hero-section.treatable-case h1,
    .homepage-hero-section.treatable-case h2,
    .homepage-hero-section.treatable-case h3 {
      color: white; }
    .homepage-hero-section.treatable-case p {
      font-size: 22px; }
    .homepage-hero-section.treatable-case a {
      color: #009ace; }
    .homepage-hero-section.treatable-case .inner-wrapper {
      padding-left: 60%; }
      .homepage-hero-section.treatable-case .inner-wrapper > div {
        max-width: 500px; }
    @media (max-width: 1199px) {
      .homepage-hero-section.treatable-case {
        height: 50vh; } }
    @media (max-width: 991px) {
      .homepage-hero-section.treatable-case {
        height: 40vh; } }
    @media (max-width: 767px) {
      .homepage-hero-section.treatable-case {
        height: 80vh;
        background-position: center center; }
        .homepage-hero-section.treatable-case .inner-wrapper {
          position: absolute;
          padding-left: 20px;
          bottom: 40px;
          top: auto; } }
  .homepage-hero-section.gray-text-box .inner-wrapper {
    margin: 0;
    padding: 20px 30px 30px 30px; }
    @media (min-width: 768px) {
      .homepage-hero-section.gray-text-box .inner-wrapper {
        margin-left: 5%;
        background-color: #f9fdffb8;
        border-bottom: 13px solid #cf006f;
        width: 45%;
        padding-top: 30px; } }
    .homepage-hero-section.gray-text-box .inner-wrapper h1 {
      font-size: 35px;
      margin-right: 0;
      width: 100%;
      max-width: 100%;
      font-weight: normal;
      margin-bottom: 40px; }
      @media (max-width: 767px) {
        .homepage-hero-section.gray-text-box .inner-wrapper h1 {
          font-size: 35px;
          color: #3d3935; } }
  .homepage-hero-section .hero-mobile-image {
    display: none; }
  .homepage-hero-section .inner-wrapper {
    padding-left: 50%;
    position: relative;
    top: 50%;
    transform: translateY(-50%); }
    .homepage-hero-section .inner-wrapper h1 {
      font-size: 65px;
      font-weight: 900;
      line-height: 1.15;
      color: #009ace;
      max-width: 500px;
      text-align: left;
      margin-left: 0;
      margin-bottom: 56px; }
      .homepage-hero-section .inner-wrapper h1 sup {
        font-size: 30px;
        font-weight: 900;
        line-height: 1.15;
        color: #009ace;
        font-weight: 100; }
    .homepage-hero-section .inner-wrapper h2 {
      font-size: 25px;
      line-height: 1.28;
      color: #009ace;
      margin-bottom: 24px; }
    .homepage-hero-section .inner-wrapper .checklist {
      margin-bottom: 32px; }
      .homepage-hero-section .inner-wrapper .checklist li {
        margin-bottom: 24px; }
        .homepage-hero-section .inner-wrapper .checklist li p {
          max-width: 520px;
          padding-left: 50px;
          margin-bottom: 0px; }
          .homepage-hero-section .inner-wrapper .checklist li p a {
            font-size: 26px;
            line-height: 1.28;
            color: #3d3935;
            cursor: pointer; }
        .homepage-hero-section .inner-wrapper .checklist li:before {
          width: 16px;
          height: 16px;
          margin-top: 10px; }
    .homepage-hero-section .inner-wrapper .get-start {
      text-align: left; }
  @media only screen and (min-width: 768px) {
    .homepage-hero-section .raptor-hero-section {
      padding-left: 10rem; } }
  @media only screen and (min-width: 768px) {
    .homepage-hero-section .raptor-hero-section .raptor-hero-text {
      color: white; } }
  @media only screen and (min-width: 768px) {
    .homepage-hero-section.bkg-white-gradient-right {
      width: 60%; }
      .homepage-hero-section.bkg-white-gradient-right .inner-wrapper {
        margin-left: 70%;
        padding-left: 24%;
        width: 96.6%;
        overflow: hidden;
        min-height: 100%;
        overflow: hidden;
        background: white;
        background: linear-gradient(to right, transparent, white 28%, white); }
        .homepage-hero-section.bkg-white-gradient-right .inner-wrapper > div {
          -webkit-transform: translate(0, -50%);
          -moz-transform: translate(0, -50%);
          -ms-transform: translate(0, -50%);
          -o-transform: translate(0, -50%);
          transform: translate(0, -50%);
          position: absolute;
          top: 50%; } }

.leftTextAlign .inner-wrapper {
  padding-left: 15%; }

.carousel-text.inner-wrapper {
  position: absolute; }

@media only screen and (min-width: 768px) {
  .carousel-text.inner-wrapper.carousel-hero-text-right {
    padding-left: 10%; } }

@media only screen and (min-width: 1200px) {
  .carousel-text.inner-wrapper.carousel-hero-text-right h1 {
    max-width: 520px; } }

@media only screen and (max-width: 767px) {
  .homepage-hero-section {
    display: flex;
    height: auto; } }
  @media only screen and (max-width: 767px) and (max-width: 767px) {
    .homepage-hero-section {
      flex-direction: column; } }
  @media only screen and (max-width: 767px) and (max-width: 767px) {
    .homepage-hero-section.right {
      flex-direction: column-reverse; } }

@media only screen and (max-width: 767px) {
    .homepage-hero-section.hide-bkg-mobile {
      background-image: none !important; }
    .homepage-hero-section .hero-mobile-image {
      display: block;
      width: 100%; }
    .homepage-hero-section .inner-wrapper {
      margin: 32px 30px 24px 30px;
      padding-left: 0px;
      position: static;
      top: 0%;
      transform: none; }
      .homepage-hero-section .inner-wrapper h1 {
        font-size: 35px;
        line-height: 1.25;
        margin-bottom: 32px; }
      .homepage-hero-section .inner-wrapper h2 {
        font-size: 25px;
        margin-bottom: 16px !important; }
      .homepage-hero-section .inner-wrapper .checklist li {
        margin-bottom: 24px; }
        .homepage-hero-section .inner-wrapper .checklist li p {
          padding-left: 35px; }
          .homepage-hero-section .inner-wrapper .checklist li p a {
            font-size: 26px; }
      .homepage-hero-section .inner-wrapper .get-start {
        text-align: center; }
  .treatmentCarousel.treatable-case {
    height: 80vh; }
  .treatmentCarousel .inner-wrapper {
    top: 54% !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .homepage-hero-section .inner-wrapper h1 {
    font-size: 38px;
    margin-bottom: 20px; }
  .homepage-hero-section .inner-wrapper h2 {
    font-size: 18px;
    margin-bottom: 20px; }
  .homepage-hero-section .inner-wrapper .checklist li {
    margin-bottom: 20px; }
    .homepage-hero-section .inner-wrapper .checklist li p {
      padding-left: 30px; }
      .homepage-hero-section .inner-wrapper .checklist li p a {
        font-size: 18px; }
    .homepage-hero-section .inner-wrapper .checklist li:before {
      width: 14px;
      height: 14px;
      margin-top: 5px; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .homepage-hero-section .inner-wrapper h1 {
    font-size: 45px;
    margin-bottom: 25px;
    max-width: 400px; }
  .homepage-hero-section .inner-wrapper h2 {
    font-size: 22px;
    margin-bottom: 25px; }
  .homepage-hero-section .inner-wrapper .checklist li {
    margin-bottom: 25px; }
    .homepage-hero-section .inner-wrapper .checklist li p {
      padding-left: 35px; }
      .homepage-hero-section .inner-wrapper .checklist li p a {
        font-size: 22px; } }

@media only screen and (min-width: 768px) {
  .treatmentCarousel.treatable-case {
    height: calc(100vw * 0.35); }
  .last_section_treatment .inner-wrapper {
    padding-left: 10%; }
    .last_section_treatment .inner-wrapper .listTreatmentprocess {
      color: white; }
  .heroSection_disclaimer {
    margin-left: 20px; } }

@media only screen and (min-width: 1600px) {
  .de .homepage-hero-section .inner-wrapper h1,
  .fr .homepage-hero-section .inner-wrapper h1 {
    font-size: 35px; } }

@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .de .homepage-hero-section .inner-wrapper h1,
  .fr .homepage-hero-section .inner-wrapper h1 {
    font-size: 35px; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .de .homepage-hero-section .inner-wrapper h1,
  .fr .homepage-hero-section .inner-wrapper h1 {
    font-size: 40px; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .de .homepage-hero-section .inner-wrapper h1,
  .fr .homepage-hero-section .inner-wrapper h1 {
    font-size: 38px; } }

@media only screen and (max-width: 767px) {
  .de .homepage-hero-section .inner-wrapper h1,
  .fr .homepage-hero-section .inner-wrapper h1 {
    font-size: 35px; } }

@media only screen and (min-width: 768px) {
  .teethTypeCarousel .bottom-footer {
    font-size: 12px; } }

@media only screen and (max-width: 767px) {
  .teethTypeCarousel .inner-wrapper h2 {
    font-size: 16px;
    margin-bottom: 12px !important; }
  .teethTypeCarousel .inner-wrapper p {
    font-size: 12px; }
  .teethTypeCarousel .bottom-footer {
    font-size: 7px; } }

@media only screen and (min-width: 568px) and (max-width: 736px) and (orientation: landscape) {
  .teethTypeCarousel .inner-wrapper h2 {
    font-size: 13px; }
  .teethTypeCarousel .inner-wrapper p {
    font-size: 9px; }
  .teethTypeCarousel .bottom-footer {
    font-size: 6px; }
  .treatmentCarousel.treatable-case {
    height: 130vh; }
  .treatmentCarousel .inner-wrapper {
    top: 74% !important; }
  .homepage-hero-section.treatable-case {
    background-position: center top; } }

@media only screen and (min-width: 1500px) {
  .teethTypeCarousel.text-fontsize h3 {
    font-size: 22px; }
  .teethTypeCarousel.text-fontsize p {
    font-size: 17px; } }

@media only screen and (min-width: 991px) and (max-width: 1499px) {
  .teethTypeCarousel.text-fontsize h3 {
    font-size: 18px; }
  .teethTypeCarousel.text-fontsize p {
    font-size: 12px; }
  .teethTypeCarousel.text-fontsize .bottom-footer {
    font-size: 7px; } }

@media only screen and (max-width: 768px) {
  .teethCarousel-NZ .inner-wrapper h2 {
    font-size: 14px;
    margin-bottom: 11px !important; }
  .teethCarousel-NZ .inner-wrapper p {
    font-size: 6px; }
  .teethCarousel-NZ .inner-wrapper h3 {
    font-size: 10px; }
  .teethCarousel-NZ .bottom-footer {
    font-size: 5px;
    bottom: 7px; } }

@media only screen and (min-width: 568px) and (max-width: 736px) and (orientation: landscape) {
  .teethCarousel-NZ .inner-wrapper h2 {
    font-size: 11px;
    margin-bottom: 3px !important;
    margin-top: -6%; }
  .teethCarousel-NZ .inner-wrapper p {
    font-size: 5px; }
  .teethCarousel-NZ .inner-wrapper h3 {
    margin-top: -2%;
    font-size: 8px; }
  .teethCarousel-NZ .bottom-footer {
    font-size: 6px; } }

@media only screen and (max-width: 767px) {
  .promotional-banner {
    background-image: none !important; }
    .promotional-banner .inner-wrapper h1 {
      display: none; }
    .promotional-banner .inner-wrapper .checklist li p a,
    .promotional-banner .inner-wrapper h5 {
      font-size: 21px;
      max-width: 500px;
      margin-bottom: 20px; }
    .promotional-banner .hero-mobile-image {
      display: none; }
    .promotional-banner .mobile-text-bg-image {
      background-size: contain;
      height: calc(100vw * 0.65);
      background-repeat: no-repeat;
      align-items: center;
      display: flex; }
      .promotional-banner .mobile-text-bg-image h1 {
        color: #269ace;
        max-width: 213px;
        margin-left: 30px; } }

@media only screen and (min-width: 768px) {
  .promotional-banner {
    height: calc(100vw * 0.43); }
    .promotional-banner .mobile-text-bg-image {
      display: none; }
    .promotional-banner .inner-wrapper {
      padding-left: 55%;
      padding-right: 15px; }
      .promotional-banner .inner-wrapper h1 {
        margin-bottom: 35px; }
      .promotional-banner .inner-wrapper .checklist li p a,
      .promotional-banner .inner-wrapper h5 {
        font-size: 21px;
        max-width: 500px;
        margin-bottom: 20px; } }

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .promotional-banner {
    height: calc(100vw * 0.5); }
    .promotional-banner .inner-wrapper h1,
    .promotional-banner .inner-wrapper h2 {
      margin-bottom: 15px; }
    .promotional-banner .inner-wrapper .checklist li p a,
    .promotional-banner .inner-wrapper h5 {
      font-size: 16px;
      margin-bottom: 10px; } }

.small-orange-bullets {
  margin-bottom: 20px !important; }
  .small-orange-bullets li {
    margin-bottom: 15px !important; }
    .small-orange-bullets li::before {
      width: 8px !important;
      height: 8px !important; }
    .small-orange-bullets li p {
      padding-left: 20px !important; }

body.rtl .homepage-hero-section .inner-wrapper h1,
body.rtl .homepage-hero-section .inner-wrapper h2,
body.rtl .homepage-hero-section .inner-wrapper p,
body.rtl .homepage-hero-section .inner-wrapper .get-start {
  text-align: right;
  margin-left: auto;
  margin-right: 0; }

@media only screen and (min-width: 1200px) {
  body.rtl .homepage-hero-section .inner-wrapper > div {
    max-width: 80%;
    margin-right: auto; } }

body.rtl .homepage-hero-section .inner-wrapper .checklist li p {
  padding-left: 0; }

body.rtl .homepage-hero-section .inner-wrapper .get-start {
  display: block; }

@media (min-width: 768px) {
  body.rtl .homepage-hero-section.gray-text-box .inner-wrapper {
    margin-right: auto; } }

.hero-section-height {
  height: calc(100vw * 0.30345); }

@media only screen and (max-width: 767px) {
  .hero-section-height-mobile {
    height: calc(100vw * 0.775); } }

@media only screen and (min-width: 1200px) and (max-width: 1400px) {
  .content-padding-57 .inner-wrapper h1 {
    margin-bottom: 18px;
    padding-top: 57px; }
  .content-padding-18 .inner-wrapper h1 {
    margin-bottom: 18px;
    padding-top: 18px; }
  .heroSection_disclaimer {
    padding-bottom: 10px; }
  .homeHero-height {
    height: calc(100vw * 0.51); } }

.heroSection_disclaimer1 {
  font-size: 10px; }

.heroSection_disclaimer {
  font-size: 10px; }

@media only screen and (min-width: 1500px) {
  .heroSection_disclaimer {
    margin-top: 22px; } }

@media only screen and (min-width: 567px) and (max-width: 736px) and (orientation: landscape) {
  .treatmentCarousel-IN.treatable-case {
    height: 135vh !important; }
  .treatmentCarousel-IN .inner-wrapper {
    top: 72% !important; } }

@media only screen and (width: 568px) and (orientation: landscape) {
  .treatmentCarousel-IN .inner-wrapper {
    top: 70% !important; } }

@media only screen and (min-width: 768px) {
  .br-convenios .inner-wrapper {
    padding-left: 60%;
    padding-right: 4%; } }

@media only screen and (min-width: 768px) {
  .carousel-text-font-color p {
    color: white !important; } }

@media only screen and (max-width: 767px) {
  .video-hero-section.inner-wrapper {
    margin: 0px 30px 24px 30px; } }

@media only screen and (min-width: 768px) {
  .video-hero-section {
    padding-left: 10% !important;
    top: 40% !important; } }

@media only screen and (device-width: 375px) and (device-height: 812px) {
  .treatmentCarousel.treatable-case {
    height: 70vh !important; } }

.video-side video {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover; }

.treatableCases-video-container .video-container {
  position: relative; }
  .treatableCases-video-container .video-container .video-progress-container {
    position: absolute;
    top: 70%;
    font-size: 16px;
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: center; }
    @media only screen and (max-width: 767px) {
      .treatableCases-video-container .video-container .video-progress-container {
        top: 80%; } }
    .treatableCases-video-container .video-container .video-progress-container .video-progress {
      width: 300px; }
      .treatableCases-video-container .video-container .video-progress-container .video-progress::-webkit-slider-runnable-track {
        background: white; }
      .treatableCases-video-container .video-container .video-progress-container .video-progress::-moz-range-track {
        background: white; }
      .treatableCases-video-container .video-container .video-progress-container .video-progress::-ms-track {
        background: white; }
    .treatableCases-video-container .video-container .video-progress-container .video-progress-left, .treatableCases-video-container .video-container .video-progress-container .video-progress-right {
      padding-left: 15px;
      padding-right: 15px; }
    .treatableCases-video-container .video-container .video-progress-container .video-text {
      position: absolute;
      top: 35px; }
    @media only screen and (max-width: 768px) {
      .treatableCases-video-container .video-container .video-progress-container .video-text {
        top: 20px;
        font-size: 7px; }
      .treatableCases-video-container .video-container .video-progress-container .video-progress-left, .treatableCases-video-container .video-container .video-progress-container .video-progress-right {
        font-size: 8px; } }

@charset "UTF-8";
.coverage-section {
  display: flex;
  flex-direction: column;
  align-items: center; }
  .coverage-section .row h2 {
    color: #009ace; }
  .coverage-section .row p {
    color: #3d3935; }
  .coverage-section h3 {
    font-size: 26px;
    font-weight: 900;
    line-height: 1.28;
    margin-top: 20px;
    margin-bottom: 24px; }
  .coverage-section h4 {
    font-size: 17px;
    line-height: 1.36; }
  .coverage-section .justify-content-center .promise-text {
    margin: 64px 0px 32px 0px; }

.diffrencepage-top-cards h2 {
  font-size: 45px;
  font-weight: 500;
  color: #009ace;
  width: 100%;
  max-width: 710px;
  line-height: 1.36;
  margin-bottom: 55px; }

@media only screen and (min-width: 768px) and (max-width: 992px) {
  .coverage-section .row h3 {
    font-size: 20px; }
  .coverage-section .row h4 {
    font-size: 16px; }
  .coverage-section .row .align-center {
    margin-top: 32px;
    margin-bottom: 32px; }
  .coverage-section .justify-content-center .wrap p {
    margin-bottom: 0px; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .coverage-section h3 {
    font-size: 24px; }
  .coverage-section .justify-content-center .wrap p {
    margin-bottom: 0px; } }

@media only screen and (min-width: 1200px) {
  .coverage-section .justify-content-center .wrap div p {
    margin-bottom: 0px !important; } }

@media only screen and (max-width: 767px) {
  .coverage-section {
    padding-left: 30px;
    padding-right: 30px; }
  .diffrencepage-top-cards h2 {
    font-size: 25px; }
  .diffrencepage-top-cards .social-heading {
    padding-top: 0px !important;
    padding-bottom: 28px !important; }
  .diffrencepage-top-cards .justify-content-center .wrap div p {
    margin-bottom: 20px !important; }
  .diffrencepage-top-cards .justify-content-center .wrap div p:last-child {
    margin-bottom: 0px !important; }
  .diffrencepage-top-cards .justify-content-center .align-center:last-child {
    margin-bottom: 0px; } }

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .coverage-section {
    align-items: stretch; } }

.image-width-100 img {
  max-width: 100%; }

.image-width-76 img {
  width: 76px; }

.img-width-100 img {
  width: 100px; }

.icon-container {
  width: 82px;
  height: 82px;
  border-radius: 50%;
  box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.1);
  position: relative;
  flex-shrink: 0;
  margin: 20px auto;
  background: #009ace;
  padding: 25px 0; }

.icon-content {
  text-align: center;
  font-size: 25px;
  color: white; }

.slick-prev,
.slick-next {
  top: 25% !important; }
  .slick-prev:before,
  .slick-next:before {
    color: #009ace !important;
    opacity: 1 !important; }

.slick-carousel-section .slick-prev {
  left: -14px !important; }
  [dir="rtl"] .slick-carousel-section .slick-prev {
    left: auto;
    right: -14px; }
  .slick-carousel-section .slick-prev:before {
    content: "\2039" !important; }
    [dir="rtl"] .slick-carousel-section .slick-prev:before {
      content: "\203A" !important; }

.slick-carousel-section .slick-next {
  right: -14px !important; }
  [dir="rtl"] .slick-carousel-section .slick-next {
    left: -14px;
    right: auto; }
  .slick-carousel-section .slick-next:before {
    content: "\203A" !important; }
    [dir="rtl"] .slick-carousel-section .slick-next:before {
      content: "\2039" !important; }

.slick-carousel-section .slick-prev:before, .slick-carousel-section .slick-next:before {
  font-size: 60px !important; }

.slick-carousel-section .slick-disabled {
  opacity: 0 !important;
  pointer-events: none !important; }

.img-width-100 img {
  width: 100px; }

.img-width-200 img {
  width: 200px; }

.faq-container {
  padding-bottom: 120px; }

.faq-item-wrap {
  border-radius: 18px;
  box-shadow: 0 4px 25px 0 rgba(0, 0, 0, 0.25);
  padding: 20px;
  font-size: 17px;
  min-height: 110px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin: 10px 0px;
  background-color: #ffffff; }
  .faq-item-wrap.faq-expand {
    min-height: unset; }
  .faq-item-wrap .faq-item {
    display: inline-flex; }
  .faq-item-wrap .faq-title {
    font-weight: 900; }
  .faq-item-wrap .faq-desc {
    padding: 15px 0;
    color: #000000; }

.faq-view-more {
  cursor: pointer;
  text-align: center;
  width: 160px;
  margin: 50px auto;
  font-weight: bold;
  font-size: 20px;
  line-height: 23px;
  border-bottom: 2px solid #1da6d4; }
  .faq-view-more::before {
    content: '';
    border: solid #1da6d4;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 4px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    position: absolute;
    margin-top: 20px;
    background: #fff;
    margin-left: 70px; }

@media only screen and (min-width: 768px) {
  .faq-item-wrap {
    display: table;
    width: 100%; }
    .faq-item-wrap .faq-title {
      width: 80%; }
    .faq-item-wrap .faq-item {
      width: 100%;
      flex-direction: row; }
    .faq-item-wrap .faq-icon {
      width: 20%;
      display: table-caption;
      padding-left: 10px; }
    .faq-item-wrap .faq-desc {
      width: 80%; } }

@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .faq-container .faq-item-wrap {
    padding: 16px;
    font-size: 16px;
    min-height: 140px;
    padding-top: 40px; } }

@media only screen and (min-width: 768px) and (max-width: 992px) {
  .faq-item-wrap .faq-icon {
    padding-left: 5px; } }

/* Extra small devices (phones, 767px and down) */
@media only screen and (max-width: 767px) {
  .faq-container {
    padding-left: 32px;
    padding-right: 32px; }
  .faq-item-wrap {
    text-align: center;
    padding: 25px;
    margin-top: 32px; }
    .faq-item-wrap .faq-item {
      flex-direction: column;
      align-items: center; }
    .faq-item-wrap .faq-icon {
      margin-top: 15px; } }

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .faq-item-wrap {
    display: -ms-inline-flexbox; } }

.card-image-item-wrap {
  background-repeat: no-repeat;
  background-size: 60%;
  background-position: center;
  border-radius: 10px;
  background-color: #009ace;
  font-weight: 900;
  font-size: 35px;
  line-height: 128%;
  text-align: center;
  color: #ffffff;
  box-shadow: 0 9px 24px 0 rgba(0, 0, 0, 0.1), 0 9px 24px 0 rgba(0, 0, 0, 0.05); }
  .card-image-item-wrap.back {
    background: #ffffff; }
  .card-image-item-wrap.front {
    -webkit-transition: opacity 1s ease-in, visibility 0.75s linear;
    -moz-transition: opacity 1s ease-in, visibility 0.75s linear;
    -o-transition: opacity 1s ease-in, visibility 0.75s linear;
    transition: opacity 1s ease-in, visibility 0.75s linear; }

.easy-steps-cost .card-image-item-wrap a {
  font-size: 18px; }

.easy-steps-cost .coverage-btn {
  max-width: 330px;
  margin: auto;
  padding-top: 48px; }

.card-image-item-wrap.front {
  position: relative;
  color: white; }
  .card-image-item-wrap.front:after {
    content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    width: 30px;
    height: 30px;
    border: 25px solid #ffffff;
    border-bottom-color: #f2f2f2;
    border-right-color: #f2f2f2;
    border-top-left-radius: 18px;
    box-shadow: -4px 0 50px 0 rgba(0, 0, 0, 0.25); }

.flip-card-container {
  transform: translateZ(0px); }
  .flip-card-container .card-back {
    padding: 20px;
    display: flex;
    align-items: center; }
    .flip-card-container .card-back h4 {
      color: #3d3935;
      font-size: 17px;
      margin-bottom: 32px; }

.card-front h2 {
  color: #ffffff;
  padding: 0px 25px 30px 25px;
  font-weight: 900; }

/* .flip-card */
.flip-card {
  width: inherit;
  height: inherit;
  position: relative;
  transform-style: preserve-3d;
  -webkit-transition: 0.6s 0.1s;
  -moz-transition: 0.6s 0.1s;
  -o-transition: 0.6s 0.1s;
  transition: 0.6s 0.1s; }

.flip-card-container:hover .flip-card,
.flip-card-container:focus-within .flip-card {
  -ms-transform: rotateY(180deg);
  -webkit-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
  transform: rotateY(180deg); }

.card-front {
  background-color: #009ace; }

.card-back {
  background-color: #ffffff; }

.card-front,
.card-back {
  border-radius: 24px;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden; }

/* .card-front */
.card-front {
  background-size: inherit;
  -ms-transform: rotateY(0deg);
  -webkit-transform: rotateY(0deg);
  -moz-transform: rotateY(0deg);
  -o-transform: rotateY(0deg);
  transform: rotateY(0deg);
  z-index: 2; }

/* .card-back */
.card-back {
  -ms-transform: rotateY(180deg);
  -webkit-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
  transform: rotateY(180deg);
  z-index: 1; }

.yellow-cards .card-image-item-wrap.card-front {
  background-color: #ffffff;
  background-size: 192px; }
  .yellow-cards .card-image-item-wrap.card-front:after {
    border-color: #ffa300;
    border-bottom-color: #f2f2f2;
    border-right-color: #f2f2f2; }
  .yellow-cards .card-image-item-wrap.card-front h2 {
    color: #3d3935; }

.yellow-cards .card-image-item-wrap.card-back {
  border-bottom: 57px solid #ffa300; }

@media only screen and (min-width: 1200px) {
  .flip-card-container .card-image-item-wrap {
    min-height: 325px; }
    .flip-card-container .card-image-item-wrap.card-front h2 {
      margin-top: calc(100vw * 0.09 - 50px); } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .flip-card-container .card-image-item-wrap {
    height: 330px; }
    .flip-card-container .card-image-item-wrap h2 {
      font-size: 30px; }
    .flip-card-container .card-image-item-wrap.card-front {
      background-size: 80%; }
      .flip-card-container .card-image-item-wrap.card-front h2 {
        margin-top: calc(100vw * 0.09 - 50px); } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .flip-card-container .card-image-item-wrap {
    height: 330px;
    background-size: 80%; }
    .flip-card-container .card-image-item-wrap h2 {
      font-size: 24px;
      margin-top: calc(100vw * 0.15 - 50px); }
    .flip-card-container .card-image-item-wrap h4 {
      margin-bottom: 15px;
      font-size: 16px; }
    .flip-card-container .card-image-item-wrap a {
      font-size: 16px; } }

@media only screen and (max-width: 767px) {
  .easy-steps-cost .heading-part h2,
  .easy-steps-cost .heading-part h3 {
    margin-bottom: 32px !important; }
  .easy-steps-cost .coverage-btn {
    padding-top: 32px; }
  .easy-steps-cost .row {
    margin-right: 0px;
    margin-left: 0px; }
  .flip-card-container {
    padding: 30px 32px 0px 32px; }
    .flip-card-container .card-image-item-wrap {
      max-width: unset;
      min-height: 300px;
      margin: auto;
      display: flex;
      align-items: center; }
      .flip-card-container .card-image-item-wrap h2 {
        font-size: 25px; }
  .min-height-380 .card-image-item-wrap {
    min-height: 380px; } }

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .flip-card-container {
    perspective: 1000;
    transform-style: preserve-3d; }
  .card-front {
    border-radius: 24px;
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    transform-style: preserve-3d; }
  .card-back {
    border-radius: 24px;
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    transform-style: preserve-3d;
    display: list-item !important; }
  .flip-card-container:hover .back {
    transform: rotateY(0deg); }
  .flip-card-container:hover .front {
    transform: rotateY(180deg); }
  .card-image-item-wrap {
    box-shadow: 0 9px 24px 10px rgba(0, 0, 0, 0.1), 0 9px 24px 10px rgba(0, 0, 0, 0.05); } }

.pink-cards .card-image-item-wrap.card-front {
  background-color: #ffffff;
  background-size: 192px; }
  .pink-cards .card-image-item-wrap.card-front:after {
    border-color: #E10098;
    border-bottom-color: #f2f2f2;
    border-right-color: #f2f2f2; }
  .pink-cards .card-image-item-wrap.card-front h2 {
    color: #3d3935; }

.pink-cards .card-image-item-wrap.card-back {
  padding: 12px 12px 0 12px;
  border-bottom: 56px solid #E10098; }
  @media only screen and (min-width: 600px) and (max-width: 768px) {
    .pink-cards .card-image-item-wrap.card-back {
      padding: 60px; } }
  .pink-cards .card-image-item-wrap.card-back h4 {
    margin-bottom: 8px;
    font-size: 14px; }

.pink-cards .pink-card-container {
  display: flex;
  flex-direction: 'row'; }

.pink-cards .card-image {
  margin: auto; }
  @media only screen and (min-width: 1200px) {
    .pink-cards .card-image {
      max-width: 160px; } }
  @media only screen and (min-width: 1040px) and (max-width: 1199px) {
    .pink-cards .card-image {
      max-width: 120px; } }
  @media only screen and (max-width: 1039px) {
    .pink-cards .card-image {
      max-width: 33%; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .pink-cards .flip-card-container .card-image-item-wrap {
    height: 248px; } }

@media only screen and (max-width: 991px) {
  .pink-cards .flip-card-container .card-image-item-wrap {
    height: 220px; } }

.pink-cards .card-image-header {
  max-width: 67%;
  font-size: 1.2rem;
  font-weight: 500;
  color: black;
  margin: auto;
  line-height: 1.3;
  text-align: left; }
  @media only screen and (min-width: 1040px) {
    .pink-cards .card-image-header {
      margin-right: 12px; } }
  @media only screen and (min-width: 993px) and (max-width: 1199px) {
    .pink-cards .card-image-header {
      font-size: 1.2rem; } }
  @media only screen and (max-width: 992px) {
    .pink-cards .card-image-header {
      font-size: 1rem; } }

.social-card .card-image-item-wrap {
  background-size: 100%;
  height: 384px;
  margin-left: auto;
  margin-right: auto; }
  .social-card .card-image-item-wrap > div {
    display: block; }
    .social-card .card-image-item-wrap > div img {
      width: 128px !important;
      height: 128px !important; }

.social-row {
  display: flex;
  justify-content: center; }

.social-card-container .social-card .card-image-item-wrap {
  border-radius: 0px;
  display: flex;
  align-items: center;
  background-color: transparent; }
  .social-card-container .social-card .card-image-item-wrap div {
    margin: auto; }

@media only screen and (min-width: 1365px) {
  .social-card-container .social-card .card-image-item-wrap {
    height: 383px;
    width: 383px; }
  .social-card-container:parent {
    color: red; } }

@media only screen and (min-width: 1024px) and (max-width: 1200px) {
  .social-card-container .social-card .card-image-item-wrap {
    background-size: 100% 100%;
    height: 278px; }
    .social-card-container .social-card .card-image-item-wrap > div {
      display: block; }
      .social-card-container .social-card .card-image-item-wrap > div img {
        width: 90px !important;
        height: 90px !important; } }

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .social-card-container .social-card .card-image-item-wrap {
    background-size: 100% 100%;
    height: 214px; }
    .social-card-container .social-card .card-image-item-wrap > div {
      display: block; }
      .social-card-container .social-card .card-image-item-wrap > div img {
        width: 80px !important;
        height: 80px !important; } }

@media only screen and (max-width: 767px) {
  .success-head {
    padding-bottom: 0px !important; }
    .success-head div h2 span {
      font-size: 30px !important;
      line-height: 1.28 !important; }
  .social-row {
    margin-left: 0px;
    margin-right: 0px; }
    .social-row .social-card-container {
      width: 50% !important;
      padding: 8px;
      flex: 0 0 50%; }
    .social-row .social-card-container:first-child {
      padding-top: 0px; }
    .social-row .social-card-container:nth-child(2) {
      padding-top: 0px; } }

@media only screen and (max-width: 738px) and (min-width: 668px) {
  .social-row .social-card-container .social-card .card-image-item-wrap {
    background-size: 100% 100%;
    height: 338px; }
    .social-row .social-card-container .social-card .card-image-item-wrap > div img {
      width: 115px !important;
      height: 115px !important; } }

@media only screen and (max-width: 667px) and (min-width: 569px) {
  .social-row .social-card-container .social-card .card-image-item-wrap {
    background-size: 100% 100%;
    height: 304px; }
    .social-row .social-card-container .social-card .card-image-item-wrap > div img {
      width: 90px !important;
      height: 90px !important; } }

@media only screen and (max-width: 568px) and (min-width: 427px) {
  .social-row .social-card-container .social-card .card-image-item-wrap {
    background-size: 100% 100%;
    height: 254px; }
    .social-row .social-card-container .social-card .card-image-item-wrap > div img {
      width: 80px !important;
      height: 80px !important; } }

@media only screen and (min-width: 378px) and (max-width: 426px) {
  .social-row .social-card-container .social-card .card-image-item-wrap {
    background-size: 100% 100%;
    height: 180px; }
    .social-row .social-card-container .social-card .card-image-item-wrap > div img {
      width: 65px !important;
      height: 65px !important; } }

@media only screen and (min-width: 325px) and (max-width: 377px) {
  .social-row .social-card-container .social-card .card-image-item-wrap {
    background-size: 100% 100%;
    height: 150px; }
    .social-row .social-card-container .social-card .card-image-item-wrap > div img {
      width: 50px !important;
      height: 50px !important; } }

@media only screen and (max-width: 324px) {
  .social-row .social-card-container .social-card .card-image-item-wrap {
    background-size: 100% 100%;
    height: 130px; }
    .social-row .social-card-container .social-card .card-image-item-wrap > div img {
      width: 45px !important;
      height: 45px !important; } }

@media only screen and (min-width: 768px) {
  .social-row .social-card-container:nth-child(4) {
    display: none; } }

.step-tiles-section {
  position: relative;
  max-width: 100%;
  overflow: hidden;
  z-index: 1; }
  .step-tiles-section .row {
    margin-right: 0px;
    margin-left: 0px;
    width: 80%;
    max-width: 100%;
    margin: 40px auto;
    display: flex;
    position: relative;
    z-index: 9; }
    @media only screen and (max-width: 1499px) and (min-width: 1200px) {
      .step-tiles-section .row {
        width: 85%; } }
    @media only screen and (max-width: 1199px) and (min-width: 992px) {
      .step-tiles-section .row {
        width: 85%;
        margin-left: 100px; } }
    @media only screen and (max-width: 991px) and (min-width: 768px) {
      .step-tiles-section .row {
        width: 95%;
        margin: 20px auto; } }
    .step-tiles-section .row .tile-step-content-side {
      display: flex;
      align-items: center; }
      .step-tiles-section .row .tile-step-content-side .tile-heading {
        font-size: 45px;
        font-weight: 500;
        line-height: 1.36;
        color: #ffffff;
        margin-bottom: 35px; }
      .step-tiles-section .row .tile-step-content-side .tile-sub-content h3 {
        font-size: 22px;
        line-height: 1.28;
        color: #ffffff;
        margin-bottom: 35px; }
      .step-tiles-section .row .tile-step-content-side .tile-sub-content h2 {
        color: #ffffff;
        margin-bottom: 35px; }
      .step-tiles-section .row .tile-step-content-side .tile-sub-content p {
        font-size: 17px;
        color: #ffffff; }
      .step-tiles-section .row .tile-step-content-side .btn-transparent {
        border: 2px solid #ffffff;
        background: transparent;
        color: #ffffff; }
        .step-tiles-section .row .tile-step-content-side .btn-transparent:hover, .step-tiles-section .row .tile-step-content-side .btn-transparent:focus, .step-tiles-section .row .tile-step-content-side .btn-transparent:active, .step-tiles-section .row .tile-step-content-side .btn-transparent.button-active {
          border: 2px solid #ffffff !important;
          background-color: #ffffff !important;
          color: #019acd !important; }
      @media only screen and (max-width: 1199px) and (min-width: 992px) {
        .step-tiles-section .row .tile-step-content-side .tile-heading {
          font-size: 32px;
          margin-bottom: 20px; }
        .step-tiles-section .row .tile-step-content-side .tile-sub-content h3 {
          font-size: 18px;
          margin-bottom: 20px; }
        .step-tiles-section .row .tile-step-content-side .tile-sub-content h2 {
          font-size: 28px;
          margin-bottom: 20px; }
        .step-tiles-section .row .tile-step-content-side .tile-sub-content p {
          font-size: 16px; } }
      @media only screen and (max-width: 991px) and (min-width: 768px) {
        .step-tiles-section .row .tile-step-content-side .tile-heading {
          font-size: 28px;
          margin-bottom: 15px; }
        .step-tiles-section .row .tile-step-content-side .tile-sub-content h3 {
          font-size: 16px;
          margin-bottom: 15px; }
        .step-tiles-section .row .tile-step-content-side .tile-sub-content h2 {
          font-size: 24px;
          margin-bottom: 15px; }
        .step-tiles-section .row .tile-step-content-side .tile-sub-content p {
          font-size: 14px; } }
    .step-tiles-section .row .tile-step-image-side {
      margin-top: auto;
      margin-bottom: auto; }
      .step-tiles-section .row .tile-step-image-side .image-side-wrapper {
        padding: 45px;
        margin: 4%;
        position: relative; }
        @media only screen and (max-width: 1199px) and (min-width: 992px) {
          .step-tiles-section .row .tile-step-image-side .image-side-wrapper {
            padding: 25px;
            margin: 2%; } }
        @media only screen and (max-width: 991px) and (min-width: 768px) {
          .step-tiles-section .row .tile-step-image-side .image-side-wrapper {
            padding: 20px;
            margin: 0; } }
      .step-tiles-section .row .tile-step-image-side img {
        width: 100%;
        box-shadow: 0px 12px 30px -15px rgba(0, 0, 0, 0.74); }
      .step-tiles-section .row .tile-step-image-side .image-border-frame {
        height: 184px;
        width: 144px; }

@media only screen and (max-width: 767px) {
  .step-tiles-section > .border-frame {
    top: 0;
    height: 80%; }
  .step-tiles-section .row {
    margin: 15px auto;
    width: 100%; }
    .step-tiles-section .row .tile-step-content-side,
    .step-tiles-section .row .tile-step-image-side {
      padding-right: 0px;
      padding-left: 0px; }
    .step-tiles-section .row .tile-step-content-side {
      padding: 30px 32px 0px 32px; }
      .step-tiles-section .row .tile-step-content-side .tile-heading {
        font-size: 25px;
        margin-bottom: 30px !important; }
      .step-tiles-section .row .tile-step-content-side .tile-sub-content h3 {
        font-size: 24px;
        margin-bottom: 50px !important; }
      .step-tiles-section .row .tile-step-content-side .tile-sub-content h2 {
        font-size: 25px;
        margin-bottom: 25px !important; }
      .step-tiles-section .row .tile-step-content-side .tile-sub-content p {
        font-size: 16px; }
    .step-tiles-section .row .tile-step-image-side .image-side-wrapper {
      margin: 0px;
      padding: 29px; }
      .step-tiles-section .row .tile-step-image-side .image-side-wrapper .border-frame {
        bottom: 0;
        right: 0;
        top: auto;
        width: 184px;
        height: 144px; } }

@media only screen and (min-width: 768px) {
  body.rtl .step-tiles-section .right.row {
    flex-direction: row-reverse; } }

.cost-calculator-wrapper {
  text-align: center;
  padding: 60px 60px 0px 60px; }
  @media only screen and (max-width: 767px) {
    .cost-calculator-wrapper {
      padding: 30px 32px 0px 32px; } }
  .cost-calculator-wrapper .cost-calculator-titles {
    max-width: 700px;
    margin: 0px auto 40px auto; }
    .cost-calculator-wrapper .cost-calculator-titles h2 {
      color: #009ace;
      margin-bottom: 24px; }
    .cost-calculator-wrapper .cost-calculator-titles p {
      color: #3d3935;
      font-size: 22px;
      line-height: 1.2;
      margin-bottom: 24px; }
      @media only screen and (max-width: 767px) {
        .cost-calculator-wrapper .cost-calculator-titles p {
          font-size: 16px; } }
  .cost-calculator-wrapper .hr-line {
    margin-right: auto;
    margin-left: auto;
    border-top: 3px solid #a9a9a9; }
  .cost-calculator-wrapper .cost-calculator-table-wrapper {
    max-width: 700px;
    margin: auto; }
    .cost-calculator-wrapper .cost-calculator-table-wrapper .row {
      margin-bottom: 15px; }
      .cost-calculator-wrapper .cost-calculator-table-wrapper .row:first-child {
        color: #009ace; }
      .cost-calculator-wrapper .cost-calculator-table-wrapper .row .col-sm-6:first-child {
        text-align: right; }
        .cost-calculator-wrapper .cost-calculator-table-wrapper .row .col-sm-6:first-child span {
          top: 8px;
          padding-bottom: 0;
          position: relative; }
      .cost-calculator-wrapper .cost-calculator-table-wrapper .row .col-sm-6:last-child {
        text-align: left; }
      @media only screen and (max-width: 767px) {
        .cost-calculator-wrapper .cost-calculator-table-wrapper .row .col-sm-6 {
          width: 50%; } }
    .cost-calculator-wrapper .cost-calculator-table-wrapper .big {
      font-size: 30px; }
      @media only screen and (max-width: 767px) {
        .cost-calculator-wrapper .cost-calculator-table-wrapper .big {
          font-size: 28px; } }
  .cost-calculator-wrapper .cost-calculator-carousel .carousel-indicators {
    bottom: 30px; }
  .cost-calculator-wrapper .cost-calculator-carousel .carousel-indicators li {
    width: 12px;
    height: 12px;
    margin-right: 8px;
    margin-left: 8px;
    border-radius: 50%;
    opacity: 0.5;
    background-color: #009ace; }
    .cost-calculator-wrapper .cost-calculator-carousel .carousel-indicators li.active {
      opacity: 1;
      width: 17px;
      height: 17px;
      position: relative;
      bottom: 3px;
      background-color: #009ace; }
  .cost-calculator-wrapper p.desclaimer {
    margin-top: 80px;
    margin-bottom: 20px;
    max-width: none;
    color: #949695;
    font-size: 12px;
    line-height: 1.3; }
  .cost-calculator-wrapper.shadow-box {
    box-shadow: 0 9px 24px 0 rgba(0, 0, 0, 0.1), 0 9px 24px 0 rgba(0, 0, 0, 0.05); }
  @media only screen and (max-width: 767px) {
    .cost-calculator-wrapper.layout-card {
      width: 90%;
      margin-left: auto;
      margin-right: auto; } }

.sticky-header-child {
  float: left; }

.swiftBadge-cont {
  left: 120px;
  position: absolute; }

.headroom-wrapper {
  transition: height 0.5s ease-in-out 0s; }

.ribbon-cont span {
  position: relative;
  color: white;
  top: 64px;
  font-size: 16px;
  right: -142px;
  font-weight: bold;
  transition: position 1s; }

.sticky-header-child .get-start a:hover {
  color: #009ace !important; }

.zeroHeight {
  height: 0px; }

.zeroSideMargins {
  margin-left: 0px !important;
  margin-right: 0px !important; }

.sticky-badge-wrapper {
  position: absolute;
  z-index: 100; }

.getSticky {
  opacity: 1 !important;
  margin-top: 0px !important; }

.stickyWrapper {
  opacity: 0;
  margin-top: -250px;
  transition: all 0.5s ease-in-out 0s;
  position: absolute;
  z-index: 50; }
  .stickyWrapper .headroom {
    top: 0;
    left: 0;
    right: 0;
    z-index: 9 !important;
    transform: translate3d(0px, 100%, 0px) !important;
    top: -77px !important;
    transition: all 0.2s ease-in-out 0s; }
    @media only screen and (max-width: 767px) {
      .stickyWrapper .headroom {
        top: -65px !important; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .stickyWrapper .headroom {
        z-index: 9 !important;
        top: -65px !important; } }
  .stickyWrapper .headroom--unfixed {
    position: relative;
    transform: translateY(0); }
  .stickyWrapper .headroom--scrolled {
    transition: transform 200ms ease-in-out; }
  .stickyWrapper .headroom--unpinned {
    position: fixed;
    transform: translateY(-100%);
    transition: all 0.2s ease-in-out 0s; }
  .stickyWrapper .headroom--pinned {
    position: fixed;
    transform: translateY(0%);
    top: 52px !important;
    transition: all 0.2s ease-in-out 0s; }
    @media only screen and (max-width: 767px) {
      .stickyWrapper .headroom--pinned {
        top: 50px !important; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .stickyWrapper .headroom--pinned {
        top: 75px !important; } }

@media only screen and (min-width: 768px) {
  .stickyHeight {
    position: relative;
    z-index: 99;
    width: 100%;
    height: 76px;
    background: white;
    border-top: 5px solid #ffa300;
    box-shadow: 0 4px 24px 0 rgba(0, 0, 0, 0.25);
    transition: opacity 1s; }
    .stickyHeight .col-md-8 {
      text-align: center;
      display: table;
      height: 100%; }
      .stickyHeight .col-md-8 .trainedDoc {
        display: table-cell;
        vertical-align: middle; }
        .stickyHeight .col-md-8 .trainedDoc p {
          display: table-cell;
          vertical-align: middle; }
    .stickyHeight .buttonContainer {
      display: table;
      vertical-align: middle;
      height: 100%; }
      .stickyHeight .buttonContainer .get-start {
        display: table-cell;
        /* height: auto; */
        vertical-align: middle; }
        .stickyHeight .buttonContainer .get-start a {
          display: table-cell;
          padding-left: 20px;
          padding-right: 20px;
          width: 300px;
          font-size: 20px;
          font-weight: bold;
          font-stretch: normal;
          font-style: normal;
          line-height: normal;
          letter-spacing: normal;
          color: #ffffff; }
  .ribbon2 {
    width: 130px;
    position: absolute;
    top: 0px;
    text-align: center;
    background: #3d3935;
    font-size: 14px;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -0.06px;
    color: #ffffff;
    padding: 25px 10px 10px 10px;
    height: 100px;
    box-shadow: 3.8px 3.8px 10.1px 0 rgba(0, 0, 0, 0.25);
    margin-left: 120px; }
    .ribbon2 span {
      display: inline-block; }
    .ribbon2 span:first-child {
      border-bottom: 1px solid white;
      padding-bottom: 10px; }
    .ribbon2 span:nth-child(2) {
      padding-top: 10px; }
  .ribbon2:after {
    content: '';
    position: absolute; }
  .ribbon2:after {
    height: 0;
    width: 0;
    bottom: -29.5px;
    left: 0;
    border-left: 65px solid #3d3935;
    border-right: 65px solid #3d3935;
    border-bottom: 31px solid transparent; }
  .swiftBadge-cont {
    height: 160px;
    top: -5px; }
  .sticky .swiftBadge-cont {
    height: 160px;
    top: -5px; }
  .sticky .ribbon-cont span {
    top: 40px;
    font-size: 13px;
    right: -129px; }
  .header {
    padding: 10px 16px;
    background: #555;
    color: #f1f1f1; }
  .content {
    padding: 16px; }
  .ribbon-cont,
  .get-start {
    display: contents; }
  .stickyHeight .trainedDoc {
    display: contents;
    font-size: 26px;
    font-weight: 900;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.28;
    letter-spacing: normal;
    color: #3d3935; }
    .stickyHeight .trainedDoc p {
      display: contents;
      font-size: 26px;
      font-weight: 900;
      font-stretch: normal;
      font-style: normal;
      line-height: 1.28;
      letter-spacing: normal;
      color: #3d3935; } }

@media only screen and (min-width: 1024px) and (max-width: 1200px) {
  .swiftBadge-cont {
    left: 85px; }
  .swiftBadge-cont {
    height: 135px;
    top: -5px; }
  .stickyHeight .trainedDoc {
    font-size: 20px; }
    .stickyHeight .trainedDoc p {
      font-size: 20px; }
  .stickyWrapper .headroom--pinned {
    top: 46px !important; }
  .ribbon2 {
    margin-left: 80px;
    height: 85px;
    font-size: 12px;
    width: 100px;
    padding: 25px 4px 10px 4px; }
  .ribbon2:after {
    border-left: 50px solid #3d3935;
    border-right: 50px solid #3d3935; }
  .ribbon-cont span {
    position: relative;
    color: white;
    top: 39px;
    font-size: 12px;
    right: -96px;
    font-weight: bold; } }

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .swiftBadge-cont {
    left: 50px;
    background-size: 120px 100px;
    width: 118px;
    height: 105px;
    top: -3px; }
  .sticky .swiftBadge-cont {
    width: 118px;
    height: 105px;
    top: -3px; }
  .stickyHeight {
    height: 65px; }
  .stickyHeight .trainedDoc {
    font-size: 15px; }
    .stickyHeight .trainedDoc p {
      font-size: 15px; }
  .stickyHeight .get-start a {
    font-size: 16px !important; }
  .ribbon2 {
    margin-left: 50px; }
  .ribbon-cont span {
    position: relative;
    color: white;
    top: 34px;
    font-size: 11px;
    left: 58px;
    font-weight: bold; } }

@media only screen and (max-width: 767px) {
  .stickyHeight {
    display: none; }
  .swiftBadge-cont {
    /* left: 120px; */
    position: absolute;
    height: 160px;
    top: 60px;
    left: -23px; }
  .sticky-badge-wrapper {
    margin-top: -100px;
    opacity: 0;
    transition: all 0.5s ease-in-out 0s; }
  .sticky-badge-wrapper-visible {
    margin-top: 0px;
    opacity: 1; }
  .stickyWrapper .headroom--unpinned {
    top: -17px !important; }
  .stickyWrapper .headroom--unfixed .swiftBadge-cont {
    top: -220px; } }

@media only screen and (max-width: 364px) {
  .swiftBadge-cont {
    top: 80px; } }

.sticky-footer-bar {
  position: fixed;
  z-index: 99;
  bottom: 0px;
  width: 100%; }
  .sticky-footer-bar .sticky-vivera-logo {
    margin: 20px;
    float: left; }
  .sticky-footer-bar .get-start a,
  .sticky-footer-bar .get-start button {
    background-color: transparent;
    border: 2px solid #fff;
    float: right;
    margin: 15px 30px; }
    @media only screen and (min-width: 991px) and (max-width: 1200px) {
      .sticky-footer-bar .get-start a,
      .sticky-footer-bar .get-start button {
        margin: 15px 50px; } }
    @media only screen and (min-width: 768px) and (max-width: 990px) {
      .sticky-footer-bar .get-start a,
      .sticky-footer-bar .get-start button {
        margin: 15px 90px; } }
    @media only screen and (max-width: 768px) {
      .sticky-footer-bar .get-start a,
      .sticky-footer-bar .get-start button {
        margin: 0px 0px 15px 0px; } }
    @media only screen and (max-width: 768px) and (orientation: landscape) {
      .sticky-footer-bar .get-start a,
      .sticky-footer-bar .get-start button {
        float: none;
        margin-top: 15px;
        margin-bottom: 0px; } }
    @media only screen and (min-width: 768px) and (max-width: 813px) and (orientation: landscape) {
      .sticky-footer-bar .get-start a,
      .sticky-footer-bar .get-start button {
        margin: 15px 35%; } }
  .sticky-footer-bar .btn-transparent:hover,
  .sticky-footer-bar .btn-transparent:active,
  .sticky-footer-bar .btn-transparent:focus {
    background-color: #fff !important;
    border: 2px solid #fff !important;
    color: #ea6536; }

@media only screen and (max-width: 768px) {
  .sticky-vivera-logo {
    display: none; } }

@media only screen and (max-width: 813px) and (orientation: landscape) {
  .sticky-vivera-logo {
    display: none; } }

.bkg-org {
  background-image: linear-gradient(to right, #e46c44, #ffaf00); }

.modal-backdrop {
  background-color: #063b4e; }
  .modal-backdrop.show {
    opacity: 0.8; }

.content-model-section .model-content-side {
  display: flex;
  align-items: center; }
  .content-model-section .model-content-side::after {
    content: '';
    position: absolute;
    height: 0;
    bottom: -56px;
    left: -15px;
    border-left: 307px solid #ffffff;
    border-right: 307px solid #ffffff;
    border-bottom: 57px solid transparent;
    width: 100%;
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px; }
  .content-model-section .model-content-side .content-wrapper {
    width: 100%;
    padding-bottom: 15px; }
    @media only screen and (max-width: 767px) {
      .content-model-section .model-content-side .content-wrapper .tile-sub-content {
        margin: 25px 20px 0px 20px; } }
  @media only screen and (max-width: 767px) {
    .content-model-section .model-content-side {
      display: block; } }

.content-model-section pre {
  -webkit-font-smoothing: antialiased; }

.content-model-section .modal-dialog {
  max-width: 900px;
  width: 100%; }
  .content-model-section .modal-dialog .modal-content {
    background-color: #ffffff;
    border-radius: 0px;
    border: 0px; }
  .content-model-section .modal-dialog .modal-body {
    padding-top: 0px;
    padding: 0rem; }
  .content-model-section .modal-dialog .modal-header,
  .content-model-section .modal-dialog .modal-footer {
    border-style: none;
    border-radius: 0px; }
  .content-model-section .modal-dialog .continue-to-com {
    display: none; }

.content-model-section.ca-model .modal-body {
  text-align: center;
  padding: 1rem;
  padding-top: 0px; }

.content-model-section.ca-model p.visit {
  padding: 20px 0px;
  margin-bottom: 0px; }

.content-model-section.ca-model button.close {
  padding-right: 27px;
  font-size: 70px;
  font-weight: normal;
  opacity: 0.2; }
  .content-model-section.ca-model button.close:focus, .content-model-section.ca-model button.close:active {
    outline: none; }
  .content-model-section.ca-model button.close:hover {
    color: #000;
    text-decoration: none;
    cursor: pointer;
    filter: alpha(opacity=50);
    opacity: 0.5; }

.content-model-section.ca-model .continue-to-com {
  display: inline-block;
  color: #009ace;
  text-decoration: underline;
  cursor: pointer; }

.content-model-section.ca-model .country {
  padding: 35px 0px 24px 0px;
  margin-bottom: 0px; }

.content-model-section.ca-model .country_links {
  padding: 20px 0px; }

.content-model-section.ca-model a.clink {
  font-size: 24px;
  color: #009ace;
  text-decoration: underline;
  padding: 12px; }

.content-model-section.ca-model .btn {
  font-size: 20px;
  padding: 0px;
  text-decoration: underline; }

.content-model-section.ca-model p {
  color: inherit; }

.content-model-section.swift-homepage-model .modal-dialog {
  top: 15vh;
  max-width: 1200px; }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .content-model-section.swift-homepage-model .modal-dialog {
      max-width: 700px; }
      .content-model-section.swift-homepage-model .modal-dialog .model-content-side::after {
        bottom: -39px;
        border-left: 180px solid #ffffff;
        border-right: 180px solid #ffffff;
        border-bottom: 40px solid transparent; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .content-model-section.swift-homepage-model .modal-dialog {
      max-width: 900px; }
      .content-model-section.swift-homepage-model .modal-dialog .model-content-side::after {
        bottom: -44px;
        border-left: 225px solid #ffffff;
        border-right: 225px solid #ffffff;
        border-bottom: 45px solid transparent; } }
  @media only screen and (min-width: 1200px) and (max-width: 1299px) {
    .content-model-section.swift-homepage-model .modal-dialog {
      max-width: 1100px; }
      .content-model-section.swift-homepage-model .modal-dialog .model-content-side::after {
        bottom: -45px;
        border-left: 280px solid #ffffff;
        border-right: 280px solid #ffffff;
        border-bottom: 46px solid transparent; } }
  @media only screen and (min-width: 300px) and (max-width: 450px) {
    .content-model-section.swift-homepage-model .modal-dialog {
      max-width: 320px;
      margin: auto;
      top: 5vh; }
      .content-model-section.swift-homepage-model .modal-dialog .model-content-side::after {
        border-left: 160px solid #ffffff;
        border-right: 160px solid #ffffff;
        border-bottom: 50px solid transparent;
        position: static; } }
  @media only screen and (min-width: 451px) and (max-width: 767px) {
    .content-model-section.swift-homepage-model .modal-dialog {
      max-width: 430px;
      margin: auto;
      top: 10vh; }
      .content-model-section.swift-homepage-model .modal-dialog .model-content-side::after {
        border-left: 215px solid #ffffff;
        border-right: 215px solid #ffffff;
        border-bottom: 50px solid transparent;
        position: static; } }
  .content-model-section.swift-homepage-model .modal-dialog .modal-header {
    display: none; }
  .content-model-section.swift-homepage-model .modal-dialog .swift-mobile-image {
    display: none; }
    @media only screen and (max-width: 767px) {
      .content-model-section.swift-homepage-model .modal-dialog .swift-mobile-image {
        display: block;
        margin-top: 15px; } }

.content-model-section.swift-homepage-model .image-side-wrapper {
  height: 100%; }
  .content-model-section.swift-homepage-model .image-side-wrapper img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: relative; }
  @media only screen and (max-width: 767px) {
    .content-model-section.swift-homepage-model .image-side-wrapper {
      display: none; } }

.content-model-section .customCloseIcon {
  width: 42px;
  cursor: pointer;
  position: absolute;
  right: 30px;
  float: right;
  top: 20px; }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .content-model-section .customCloseIcon {
      width: 30px;
      right: 25px;
      top: 10px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .content-model-section .customCloseIcon {
      width: 30px;
      right: 25px;
      top: 10px; } }
  @media only screen and (max-width: 767px) {
    .content-model-section .customCloseIcon {
      width: 35px;
      right: 25px;
      top: 10px; } }

.content-model-section .citypin {
  width: 12px; }

@media only screen and (min-width: 768px) and (max-width: 900px) {
  .content-model-section .modal-dialog {
    max-width: 730px; } }

@media only screen and (max-width: 767px) {
  .content-model-section.ca-model {
    padding: 20px !important; }
    .content-model-section.ca-model .modal-dialog {
      margin: auto; }
    .content-model-section.ca-model .country {
      padding: 15px 0px 15px 0px; }
    .content-model-section.ca-model a.clink {
      font-size: 16px; } }

.swift-specific-css h2 {
  font-size: 60px;
  color: #009ace;
  font-weight: 300; }
  .swift-specific-css h2 strong {
    font-weight: 700; }
  @media only screen and (max-width: 767px) {
    .swift-specific-css h2 {
      font-size: 36px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .swift-specific-css h2 {
      font-size: 45px; } }

.swift-specific-css h4 {
  font-size: 22px;
  font-weight: 900;
  color: #009ace; }
  @media only screen and (max-width: 767px) {
    .swift-specific-css h4 {
      font-size: 17px; } }

.swift-specific-css p {
  font-size: 17px;
  color: #009ace;
  margin-bottom: 0px; }
  .swift-specific-css p strong {
    font-weight: 900; }
  .swift-specific-css p .geocity {
    font-weight: 900; }
  .swift-specific-css p.continuetext {
    font-size: 20px;
    font-weight: 900;
    color: #3d3935;
    border-bottom: 2px solid;
    display: inline-block;
    cursor: pointer; }
    @media only screen and (max-width: 767px) {
      .swift-specific-css p.continuetext {
        margin: auto;
        display: table; } }
  @media only screen and (max-width: 767px) {
    .swift-specific-css p {
      margin-left: 20px;
      margin-right: 20px; } }
  .swift-specific-css p.desclaimer {
    font-size: 10px;
    color: #3c3834;
    margin-bottom: 10px;
    margin-top: 20px; }

.swift-specific-css h3 {
  font-size: 35px;
  color: #ffa300;
  line-height: 1.28;
  margin-bottom: 0px; }
  @media only screen and (max-width: 767px) {
    .swift-specific-css h3 {
      font-size: 32px; } }

.swift-specific-css .additionalText {
  display: inline; }

.swift-specific-css .btn-blue {
  margin-top: 30px;
  padding: 9px;
  max-width: 280px;
  display: inline-block;
  margin-right: 20px;
  margin-bottom: 10px; }
  @media only screen and (max-width: 767px) {
    .swift-specific-css .btn-blue {
      display: block;
      margin-left: auto;
      margin-right: auto;
      margin-top: 20px; } }

.swift-specific-css .swift-mobile-image {
  margin-top: 25px; }

.content-only-model .modal-dialog {
  max-width: var(--maxwidth); }
  .content-only-model .modal-dialog .modal-header {
    position: absolute;
    z-index: 99;
    right: 0; }
    .content-only-model .modal-dialog .modal-header .close {
      padding: 15px;
      font-size: 45px;
      opacity: 1; }
  .content-only-model .modal-dialog .modal-body {
    padding: 0px;
    border: 0px !important; }

.hide-model-ribon .model-content-side::after {
  content: none; }

.hide-geo-location .geo-location-p {
  display: none; }

.retainer-consultation-wrapper {
  position: relative;
  max-width: 100%;
  overflow: hidden;
  background-repeat: no-repeat;
  background-size: cover;
  display: flex;
  align-items: center; }
  .retainer-consultation-wrapper .rc-background-image-wrapper {
    background-size: cover;
    background-repeat: no-repeat;
    height: calc(100vw * 0.45);
    background-position: center;
    width: 100%;
    display: flex;
    align-items: center; }
    .retainer-consultation-wrapper .rc-background-image-wrapper .tile-heading {
      margin-bottom: 20px !important; }
  @media only screen and (max-width: 767px) {
    .retainer-consultation-wrapper.padding-top-0-mob .rc-container .step-wrapper {
      padding-top: 0px !important; } }
  .retainer-consultation-wrapper .rc-container {
    width: 80%;
    max-width: 1300px;
    background-color: #ffffff;
    text-align: center;
    margin: auto;
    box-shadow: -10px 10px 40px 0 rgba(0, 0, 0, 0.2);
    min-height: 300px;
    position: relative; }
    .retainer-consultation-wrapper .rc-container.initial-screen {
      width: 100%;
      max-width: 1800px;
      background: transparent;
      box-shadow: none; }
    .retainer-consultation-wrapper .rc-container .step-wrapper {
      width: 100%;
      display: inline-block;
      height: auto;
      margin: auto;
      padding: 56px 50px 80px 50px; }
      .retainer-consultation-wrapper .rc-container .step-wrapper.step-wrapper0 {
        padding: 0px; }
        .retainer-consultation-wrapper .rc-container .step-wrapper.step-wrapper0 .mobile-sa-aligners {
          display: none; }
        .retainer-consultation-wrapper .rc-container .step-wrapper.step-wrapper0 .get-start a {
          background-color: #EA6536;
          border: 2px solid #EA6536; }
        .retainer-consultation-wrapper .rc-container .step-wrapper.step-wrapper0 .get-start a:hover, .retainer-consultation-wrapper .rc-container .step-wrapper.step-wrapper0 .get-start a:focus {
          color: #EA6536;
          background-color: #fff;
          border: 2px solid #EA6536; }
      .retainer-consultation-wrapper .rc-container .step-wrapper.step-wrapper1 .tile-subheading {
        margin-bottom: 80px; }
      .retainer-consultation-wrapper .rc-container .step-wrapper.step-wrapper1 .get-start a {
        border: 2px solid #EA6536; }
      .retainer-consultation-wrapper .rc-container .step-wrapper.step-wrapper2 h2 {
        margin-bottom: 48px !important; }
      .retainer-consultation-wrapper .rc-container .step-wrapper.step-wrapper3 .tile-heading {
        margin-bottom: 112px; }
      .retainer-consultation-wrapper .rc-container .step-wrapper.step-wrapper4 .tile-heading {
        margin-bottom: 32px; }
      .retainer-consultation-wrapper .rc-container .step-wrapper .first-h4 {
        font-size: 65px;
        font-weight: 900;
        line-height: 1.15;
        color: #3d3935;
        max-width: 845px;
        margin: auto;
        margin-bottom: 56px; }
      .retainer-consultation-wrapper .rc-container .step-wrapper h4.tile-subheading {
        font-size: 26px;
        line-height: 1.28;
        color: #3d3935; }
      .retainer-consultation-wrapper .rc-container .step-wrapper .sub-heading {
        font-size: 35px;
        font-weight: 900;
        line-height: 1.28;
        color: #3d3935;
        margin-bottom: 16px; }
      .retainer-consultation-wrapper .rc-container .step-wrapper h2 {
        font-size: 26px;
        line-height: 1.28;
        color: #3d3935;
        margin-bottom: 56px; }
        .retainer-consultation-wrapper .rc-container .step-wrapper h2.tile-heading {
          font-size: 45px;
          font-weight: 500;
          line-height: 1.36;
          color: #EA6536;
          margin-bottom: 20px;
          width: 100%;
          margin-bottom: 24px; }
        .retainer-consultation-wrapper .rc-container .step-wrapper h2.campaign-tile-heading {
          font-size: 28px;
          font-weight: 500;
          line-height: 1.36;
          color: #EA6536;
          margin-bottom: 20px;
          width: 100%;
          margin-bottom: 24px; }
      .retainer-consultation-wrapper .rc-container .step-wrapper .get-start button {
        font-size: 17px;
        background-color: #EA6536;
        border: 2px solid #EA6536; }
      .retainer-consultation-wrapper .rc-container .step-wrapper .get-start button:hover, .retainer-consultation-wrapper .rc-container .step-wrapper .get-start button:focus {
        background-color: #EA6536;
        border: 2px solid #EA6536;
        color: #ffffff; }
      .retainer-consultation-wrapper .rc-container .step-wrapper .get-start a.button-active {
        background-color: #EA6536;
        border: 2px solid #EA6536; }
      .retainer-consultation-wrapper .rc-container .step-wrapper .custom-checkbox label.custom-control-label:before {
        border: 1px solid #EA6536; }
      .retainer-consultation-wrapper .rc-container .step-wrapper .radio-buttons .get-start a {
        font-size: 17px;
        padding: 0px; }
        .retainer-consultation-wrapper .rc-container .step-wrapper .radio-buttons .get-start a label {
          margin-bottom: 0px;
          font-weight: bold;
          width: 100%; }
          @media only screen and (min-width: 767px) {
            .retainer-consultation-wrapper .rc-container .step-wrapper .radio-buttons .get-start a label {
              padding: 9px 20px 9px 20px; } }
      .retainer-consultation-wrapper .rc-container .step-wrapper .radio-buttons .get-start a:hover, .retainer-consultation-wrapper .rc-container .step-wrapper .radio-buttons .get-start a:focus, .retainer-consultation-wrapper .rc-container .step-wrapper .radio-buttons .get-start a:active {
        background-color: #EA6536;
        border: 2px solid #EA6536;
        color: #fff; }
      .retainer-consultation-wrapper .rc-container .step-wrapper .form-error {
        color: red; }
  .retainer-consultation-wrapper .custom-control-input:checked ~ .custom-control-label::before {
    background-color: #EA6536;
    border: 1px solid #EA6536; }
  .retainer-consultation-wrapper .custom-checkbox label.custom-control-label:before {
    top: 3px;
    left: -25px;
    width: 16px;
    height: 16px;
    border: #EA6536 solid 1px;
    border-radius: 0;
    outline: 0;
    background-color: #ffffff; }
  .retainer-consultation-wrapper .custom-control-input:checked ~ .custom-control-label::after {
    background-image: url("https://d2i6vk5bmh3r0a.cloudfront.net/images_2_0/assets/check_mark.png");
    background-color: #ffffff;
    border: 1px solid #EA6536;
    background-size: 10px 10px; }
  .retainer-consultation-wrapper .hide {
    display: none; }
  .retainer-consultation-wrapper .get-start.revert a:hover, .retainer-consultation-wrapper .get-start.revert a:focus {
    background-color: #EA6536;
    border: 2px solid #EA6536; }

.loader-screen {
  margin: 60px; }
  .loader-screen img {
    width: 100px; }

.custom-alignerinvalid-dialog {
  font-size: 18px;
  font-weight: bold;
  color: #949695;
  width: 90%;
  margin: auto;
  top: 40%; }

.retainer-consultation-wrapper .thankyouWrapper {
  padding: 20px 20px 20px 20px !important; }
  .retainer-consultation-wrapper .thankyouWrapper h2 .lead-name {
    text-transform: capitalize; }
  .retainer-consultation-wrapper .thankyouWrapper h3 {
    font-size: 26px;
    font-weight: 900;
    line-height: 1.28;
    color: #3d3935;
    margin-bottom: 48px; }
  .retainer-consultation-wrapper .thankyouWrapper h4 {
    font-size: 22px;
    line-height: 1.28;
    color: #3d3935;
    margin-bottom: 0px; }
  .retainer-consultation-wrapper .thankyouWrapper .get-start {
    margin-top: 24px !important;
    margin-bottom: 16px !important; }
  .retainer-consultation-wrapper .thankyouWrapper img {
    max-width: 930px;
    width: 100%;
    margin: 0px 0px 20px 0px; }
  .retainer-consultation-wrapper .thankyouWrapper .retake {
    border-bottom: 1px solid #EA6536;
    cursor: pointer;
    font-size: 20px;
    font-weight: bold;
    color: #EA6536 !important; }

.retainer-consultation-wrapper .slick-slider {
  max-width: 790px;
  width: 100%;
  margin: auto; }
  .retainer-consultation-wrapper .slick-slider .slick-arrow.slick-disabled {
    display: none !important; }
  .retainer-consultation-wrapper .slick-slider .slick-slide {
    padding: 0px 8px 0px 8px; }
    .retainer-consultation-wrapper .slick-slider .slick-slide .image-wrapper {
      border-radius: 30px;
      border: solid 2px #EA6536;
      background-color: #ffffff;
      cursor: pointer; }
      .retainer-consultation-wrapper .slick-slider .slick-slide .image-wrapper img {
        width: 100%;
        margin: auto; }
      .retainer-consultation-wrapper .slick-slider .slick-slide .image-wrapper p {
        margin-bottom: 15px;
        color: #333; }
      .retainer-consultation-wrapper .slick-slider .slick-slide .image-wrapper.active-teeth-slide {
        border: solid 6px #EA6536; }
        .retainer-consultation-wrapper .slick-slider .slick-slide .image-wrapper.active-teeth-slide:hover {
          border: solid 6px #EA6536; }
      .retainer-consultation-wrapper .slick-slider .slick-slide .image-wrapper:hover {
        border: solid 6px #EA6536; }
      .retainer-consultation-wrapper .slick-slider .slick-slide .image-wrapper.focus {
        outline: none; }
  .retainer-consultation-wrapper .slick-slider .slick-prev {
    left: -50px; }
  .retainer-consultation-wrapper .slick-slider .slick-next {
    right: -50px; }
  .retainer-consultation-wrapper .slick-slider .slick-prev:before {
    content: url(https://d2i6vk5bmh3r0a.cloudfront.net/invisalign_next/arrow_left.png); }
  .retainer-consultation-wrapper .slick-slider .slick-next:before {
    content: url(https://d2i6vk5bmh3r0a.cloudfront.net/invisalign_next/arrow_right.png); }

label.radio-buttons {
  max-width: 310px;
  width: 100%;
  margin: 0px 10px 10px 10px;
  text-align: center; }

.img-bg {
  background-size: cover;
  height: calc(100vw * 0.1);
  background-position: center center; }

.change-steps {
  position: absolute; }

@media only screen and (max-width: 767px) {
  .retainer-consultation-wrapper {
    height: auto;
    max-height: 100%; }
    .retainer-consultation-wrapper:before {
      width: 25%;
      height: 90%;
      bottom: 5%; }
    .retainer-consultation-wrapper .rc-background-image-wrapper {
      height: 100%;
      max-height: 100%; }
    .retainer-consultation-wrapper .rc-container {
      width: 90%; }
      .retainer-consultation-wrapper .rc-container.for-slick {
        width: 100%; }
        .retainer-consultation-wrapper .rc-container.for-slick .slick-arrow {
          display: none !important; }
      .retainer-consultation-wrapper .rc-container .step-wrapper.step-wrapper0 .mobile-sa-aligners {
        width: 100%;
        display: block; }
      .retainer-consultation-wrapper .rc-container .step-wrapper.step-wrapper2 .tile-heading {
        margin-bottom: 24px !important;
        max-width: 300px; }
      .retainer-consultation-wrapper .rc-container .step-wrapper.step-wrapper3 .tile-heading {
        margin-bottom: 24px !important; }
      .retainer-consultation-wrapper .rc-container .step-wrapper.step-wrapper4 {
        margin: 20px;
        padding: 32px 10px 12px 10px; }
        .retainer-consultation-wrapper .rc-container .step-wrapper.step-wrapper4 .tile-heading {
          margin-bottom: 24px !important; }
        .retainer-consultation-wrapper .rc-container .step-wrapper.step-wrapper4 h3 {
          margin-bottom: 0px !important; }
      .retainer-consultation-wrapper .rc-container .step-wrapper.step-wrapper5 .tile-heading {
        margin-bottom: 24px !important; }
      .retainer-consultation-wrapper .rc-container .step-wrapper.thankyouWrapper img {
        width: 100%;
        margin: 0px auto 48px;
        display: none; }
      .retainer-consultation-wrapper .rc-container .step-wrapper.thankyouWrapper h3 {
        line-height: 1.36;
        font-size: 17px;
        margin-bottom: 32px !important; }
      .retainer-consultation-wrapper .rc-container .step-wrapper.thankyouWrapper h4 {
        font-size: 20px;
        line-height: 1.2; }
      .retainer-consultation-wrapper .rc-container .step-wrapper.thankyouWrapper .get-start {
        margin-top: 24px !important;
        margin-bottom: 24px !important; }
        .retainer-consultation-wrapper .rc-container .step-wrapper.thankyouWrapper .get-start a {
          margin-left: auto;
          margin-right: auto; }
      .retainer-consultation-wrapper .rc-container .step-wrapper.thankyouWrapper img.mobile-sa-aligners {
        position: absolute;
        bottom: 0;
        z-index: 1; }
      .retainer-consultation-wrapper .rc-container .step-wrapper.thankyouWrapper .step-wrapper.step-wrapper0 {
        position: relative !important; }
      .retainer-consultation-wrapper .rc-container .step-wrapper .first-h4 {
        font-size: 30px;
        margin-bottom: 32px;
        padding: 0px 30px;
        position: relative;
        z-index: 3;
        max-width: 400px; }
      .retainer-consultation-wrapper .rc-container .step-wrapper .sub-heading {
        font-size: 26px;
        margin-top: 16px; }
      .retainer-consultation-wrapper .rc-container .step-wrapper h2 {
        font-size: 26px;
        margin-bottom: 32px !important; }
        .retainer-consultation-wrapper .rc-container .step-wrapper h2.tile-heading {
          font-size: 30px !important;
          line-height: 1.28; }
        .retainer-consultation-wrapper .rc-container .step-wrapper h2.campaign-tile-heading {
          font-size: 22px !important;
          line-height: 1.28; }
      .retainer-consultation-wrapper .rc-container .step-wrapper h4.tile-subheading {
        font-size: 22px;
        line-height: 1.28;
        margin-bottom: 32px !important; }
      .retainer-consultation-wrapper .rc-container .step-wrapper .get-start a {
        margin-left: auto;
        margin-right: auto; }
      .retainer-consultation-wrapper .rc-container .step-wrapper label.radio-buttons {
        max-width: 325px;
        width: 100%;
        margin: 0;
        text-align: center; }
        .retainer-consultation-wrapper .rc-container .step-wrapper label.radio-buttons .get-start {
          max-width: 300px;
          margin: auto;
          text-align: center;
          margin-top: 0px !important;
          margin-bottom: 16px;
          margin-left: auto;
          margin-right: auto; }
          .retainer-consultation-wrapper .rc-container .step-wrapper label.radio-buttons .get-start a {
            margin-left: 0px;
            margin-right: 0px;
            padding: 10px 0px 10px 0px; }
      .retainer-consultation-wrapper .rc-container .step-wrapper .get-start {
        margin: 15px 28px 10px 35px; }
      .retainer-consultation-wrapper .rc-container .order_4 {
        order: 4; }
      .retainer-consultation-wrapper .rc-container .order_5 {
        order: 5; }
      .retainer-consultation-wrapper .rc-container .order_6 {
        order: 6; }
    .retainer-consultation-wrapper form .form-group {
      margin-bottom: 22px; }
    .retainer-consultation-wrapper form h3 {
      font-size: 17px !important;
      line-height: 1.36 !important;
      padding-bottom: 24px; }
  .radio-buttons .get-start a {
    font-size: 17px !important; } }

@media only screen and (max-width: 1699px) and (min-width: 1500px) {
  .retainer-consultation-wrapper .step-wrapper0 h2 {
    max-width: 35%; } }

@media only screen and (max-width: 1499px) and (min-width: 1200px) {
  .retainer-consultation-wrapper .rc-container {
    width: 85%; }
  .retainer-consultation-wrapper label.radio-buttons {
    max-width: 325px; }
  .retainer-consultation-wrapper .step-wrapper0 h2 {
    max-width: 35%; } }

@media only screen and (max-width: 1199px) and (min-width: 992px) {
  .retainer-consultation-wrapper .rc-background-image-wrapper {
    height: calc(100vw * 0.5); }
  .retainer-consultation-wrapper .rc-container {
    width: 90%; }
    .retainer-consultation-wrapper .rc-container h2 {
      margin-bottom: 25px !important; }
      .retainer-consultation-wrapper .rc-container h2.tile-heading {
        font-size: 36px !important; }
      .retainer-consultation-wrapper .rc-container h2.campaign-tile-heading {
        font-size: 28px !important; }
    .retainer-consultation-wrapper .rc-container h4.tile-subheading {
      margin-bottom: 20px !important; }
    .retainer-consultation-wrapper .rc-container h4.first-h4 {
      margin-bottom: 30px !important;
      font-size: 45px !important;
      max-width: 560px !important; }
    .retainer-consultation-wrapper .rc-container .slick-slider {
      max-width: 650px; }
      .retainer-consultation-wrapper .rc-container .slick-slider .slick-slide .image-wrapper p {
        font-size: 12px; }
    .retainer-consultation-wrapper .rc-container .step-wrapper {
      padding: 40px 40px 40px 40px; }
      .retainer-consultation-wrapper .rc-container .step-wrapper.thankyouWrapper h2 {
        margin-bottom: 10px !important; }
      .retainer-consultation-wrapper .rc-container .step-wrapper.thankyouWrapper h3 {
        margin-bottom: 30px; }
      .retainer-consultation-wrapper .rc-container .step-wrapper.thankyouWrapper img {
        max-width: 280px; }
  .retainer-consultation-wrapper label.radio-buttons {
    max-width: 245px; }
    .retainer-consultation-wrapper label.radio-buttons .get-start a {
      font-size: 14px; }
  .retainer-consultation-wrapper .step-wrapper0 h2 {
    max-width: 35%; } }

@media only screen and (max-width: 991px) and (min-width: 768px) {
  .retainer-consultation-wrapper .rc-background-image-wrapper {
    height: calc(100vw * 0.55); }
  .retainer-consultation-wrapper .rc-container {
    width: 90%; }
    .retainer-consultation-wrapper .rc-container .steps-wrapper {
      width: 58px;
      left: -29px;
      height: 230px; }
      .retainer-consultation-wrapper .rc-container .steps-wrapper p {
        font-size: 24px; }
    .retainer-consultation-wrapper .rc-container .step-wrapper {
      padding: 10px 30px 15px 40px; }
      .retainer-consultation-wrapper .rc-container .step-wrapper h2 {
        font-size: 22px;
        margin-bottom: 25px; }
        .retainer-consultation-wrapper .rc-container .step-wrapper h2.tile-heading {
          font-size: 28px;
          margin-bottom: 30px !important; }
        .retainer-consultation-wrapper .rc-container .step-wrapper h2.campaign-tile-heading {
          font-size: 16px !important;
          margin-bottom: 30px !important; }
      .retainer-consultation-wrapper .rc-container .step-wrapper h4 {
        font-size: 22px !important;
        margin-bottom: 20px !important;
        max-width: 450px !important; }
      .retainer-consultation-wrapper .rc-container .step-wrapper .slick-slider {
        max-width: 501px; }
        .retainer-consultation-wrapper .rc-container .step-wrapper .slick-slider .slick-slide {
          padding: 0px 0px 0px 5px !important; }
          .retainer-consultation-wrapper .rc-container .step-wrapper .slick-slider .slick-slide .image-wrapper img {
            width: 150px;
            margin: auto;
            padding: 5px; }
          .retainer-consultation-wrapper .rc-container .step-wrapper .slick-slider .slick-slide .image-wrapper p {
            font-size: 10px; }
          .retainer-consultation-wrapper .rc-container .step-wrapper .slick-slider .slick-slide .image-wrapper.active-teeth-slide {
            border: solid 4px #EA6536; }
            .retainer-consultation-wrapper .rc-container .step-wrapper .slick-slider .slick-slide .image-wrapper.active-teeth-slide:hover {
              border: solid 4px #EA6536; }
          .retainer-consultation-wrapper .rc-container .step-wrapper .slick-slider .slick-slide .image-wrapper:hover {
            border: solid 4px #EA6536; }
      .retainer-consultation-wrapper .rc-container .step-wrapper label.radio-buttons {
        max-width: 180px; }
        .retainer-consultation-wrapper .rc-container .step-wrapper label.radio-buttons .get-start a {
          font-size: 10px; }
        .retainer-consultation-wrapper .rc-container .step-wrapper label.radio-buttons .get-start {
          margin-top: 15px !important;
          margin-bottom: 10px; }
      .retainer-consultation-wrapper .rc-container .step-wrapper.step-wrapper4 .tile-heading,
      .retainer-consultation-wrapper .rc-container .step-wrapper.step-wrapper4 h3 {
        margin-bottom: 15px !important; }
      .retainer-consultation-wrapper .rc-container .step-wrapper.step-wrapper4 .form-group {
        margin-bottom: 20px; }
        .retainer-consultation-wrapper .rc-container .step-wrapper.step-wrapper4 .form-group input {
          height: 35px; }
        .retainer-consultation-wrapper .rc-container .step-wrapper.step-wrapper4 .form-group span {
          font-size: 12px; }
        .retainer-consultation-wrapper .rc-container .step-wrapper.step-wrapper4 .form-group .invbtn {
          padding: 6px 30px 6px 30px;
          font-size: 14px; }
      .retainer-consultation-wrapper .rc-container .step-wrapper.thankyouWrapper .tile-heading {
        margin-bottom: 5px !important; }
      .retainer-consultation-wrapper .rc-container .step-wrapper.thankyouWrapper h3 {
        margin-bottom: 15px; }
      .retainer-consultation-wrapper .rc-container .step-wrapper.thankyouWrapper h4 {
        margin-bottom: 10px; }
      .retainer-consultation-wrapper .rc-container .step-wrapper.thankyouWrapper img {
        max-width: 250px; }
      .retainer-consultation-wrapper .rc-container .step-wrapper.thankyouWrapper .get-start {
        margin-top: 10px !important;
        margin-bottom: 5px !important; } }

.newvivera-retainer-section .content-wrap {
  width: 100%;
  text-align: center; }
  .newvivera-retainer-section .content-wrap h2 {
    font-size: 65px;
    font-weight: 900;
    color: #EA6536 !important;
    text-align: center; }
    @media only screen and (max-width: 767px) {
      .newvivera-retainer-section .content-wrap h2 {
        font-size: 35px !important;
        margin-bottom: 30px; } }
  .newvivera-retainer-section .content-wrap .get-start a.btn-transparent {
    background-color: transparent;
    border: 2px solid #EA6536;
    color: #414042;
    margin-top: 25px; }
  .newvivera-retainer-section .content-wrap .get-start .btn-transparent:hover, .newvivera-retainer-section .content-wrap .get-start .btn-transparent:active, .newvivera-retainer-section .content-wrap .get-start .btn-transparent:focus {
    background-color: #EA6536 !important;
    color: #FFF !important;
    border: 2px solid #EA6536 !important; }

@media only screen and (max-width: 1499px) and (min-width: 1200px) {
  .newvivera-retainer-section .content-wrap h1 {
    font-size: 55px; } }

@media only screen and (max-width: 1299px) and (min-width: 1024px) {
  .newvivera-retainer-section h2 {
    font-size: 35px !important; } }

@media only screen and (max-width: 991px) and (min-width: 768px) {
  .newvivera-retainer-section h2 {
    font-size: 35px !important; } }

@media only screen and (max-width: 767px) {
  .newvivera-retainer-section .content-wrap {
    padding-bottom: 10px; }
    .newvivera-retainer-section .content-wrap h2 {
      font-size: 32px !important; }
  #sign-up {
    width: 60%; }
  .vivera-case {
    font-size: 32px !important; }
  .vivera-superscripts {
    font-size: 15px !important; } }

.vivera-superscripts {
  font-size: 12px;
  text-decoration: none !important; }

.vivera-case {
  font-size: 52px !important; }

@media only screen and (max-width: 320px) {
  .newvivera-retainer-section .content-wrap h2 {
    font-size: 27px !important; } }

@media only screen and (max-width: 1399px) and (min-width: 768px) {
  .retainer-consultation-wrapper .rc-container .step-wrapper h2.tile-heading {
    max-width: 70%; } }

@media only screen and (max-width: 767px) {
  .retainer-consultation-wrapper .rc-container .steps-wrapper .inner-wrap {
    padding-top: 24px; } }

@media only screen and (max-width: 1328px) and (min-width: 1200px) {
  .retainer-consultation-wrapper .rc-container .step-wrapper.thankyouWrapper img {
    max-width: 780px; } }

.vivera-retainer-container-section .vivera-text-content {
  padding: 100px 85px 10px 110px; }
  @media only screen and (max-width: 767px) {
    .vivera-retainer-container-section .vivera-text-content {
      padding: 37px 25px 45px 38px; } }
  @media only screen and (max-width: 991px) and (min-width: 768px) {
    .vivera-retainer-container-section .vivera-text-content {
      padding: 10px 25px 5px 40px; } }
  @media only screen and (max-width: 1299px) and (min-width: 992px) {
    .vivera-retainer-container-section .vivera-text-content {
      padding: 25px 60px 5px 60px; } }
  @media only screen and (max-width: 767px) {
    .vivera-retainer-container-section .vivera-text-content h1 {
      font-size: 32px; } }

.vivera-retainer-container-section ul.orange-bullet-points li {
  max-width: 55%; }
  @media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .vivera-retainer-container-section ul.orange-bullet-points li {
      max-width: 78%; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .vivera-retainer-container-section ul.orange-bullet-points li {
      max-width: 99%; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .vivera-retainer-container-section ul.orange-bullet-points li {
      max-width: 100%;
      font-size: 15px; } }
  @media only screen and (max-width: 767px) {
    .vivera-retainer-container-section ul.orange-bullet-points li {
      max-width: 100%; } }

@media only screen and (max-width: 767px) {
  .no-mobile-bg {
    background-image: none !important; } }

.vivera_reg_mark {
  color: #ffffff !important;
  font-size: 16px;
  position: relative;
  font-weight: 900; }

.row-age-radio-rc {
  margin-bottom: 20px; }
  .row-age-radio-rc .custom-radio {
    display: inline-block;
    margin-right: 40px; }
    .row-age-radio-rc .custom-radio label {
      font-size: 16px; }
    @media only screen and (max-width: 767px) {
      .row-age-radio-rc .custom-radio {
        margin-right: 20px; } }
    .row-age-radio-rc .custom-radio .custom-control-input:checked ~ .custom-control-label::after {
      color: transparent;
      border-color: transparent;
      border: none;
      background-color: transparent;
      background-image: none; }
    .row-age-radio-rc .custom-radio .custom-control-input:checked ~ .custom-control-label::before {
      color: beige;
      border-color: #dddddd;
      border: 4px Solid #dddddd;
      background-color: #EA6536;
      background-image: none;
      border-radius: 50%; }
  .row-age-radio-rc .col-md-12 {
    text-align: left; }

.slick-list,
.slick-slider,
.slick-track {
  position: relative;
  display: block; }

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

.slick-slider {
  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;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent; }

.slick-list {
  overflow: hidden;
  margin: 0;
  padding: 0; }

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

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

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

.slick-track {
  top: 0;
  left: 0; }

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

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

.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-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent; }

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

@charset "UTF-8";
.slick-dots,
.slick-next,
.slick-prev {
  position: absolute;
  display: block;
  padding: 0; }

.slick-dots li button:before,
.slick-next:before,
.slick-prev:before {
  font-family: slick;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.slick-next,
.slick-prev {
  font-size: 0;
  line-height: 0;
  top: 50%;
  width: 20px;
  height: 20px;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  cursor: pointer;
  color: transparent;
  border: none;
  outline: 0;
  background: 0 0; }

.slick-next:focus,
.slick-next:hover,
.slick-prev:focus,
.slick-prev:hover {
  color: transparent;
  outline: 0;
  background: 0 0; }

.slick-next:focus:before,
.slick-next:hover:before,
.slick-prev:focus:before,
.slick-prev:hover:before {
  opacity: 1; }

.slick-next.slick-disabled:before,
.slick-prev.slick-disabled:before {
  opacity: 0.25; }

.slick-next:before,
.slick-prev:before {
  font-size: 20px;
  line-height: 1;
  opacity: 0.75;
  color: #fff; }

.slick-prev {
  left: -25px; }

[dir='rtl'] .slick-prev {
  right: -25px;
  left: auto; }

.slick-prev:before {
  content: '\E2\2020\90'; }

.slick-next:before,
[dir='rtl'] .slick-prev:before {
  content: '\E2\2020\2019'; }

.slick-next {
  right: -25px; }

[dir='rtl'] .slick-next {
  right: auto;
  left: -25px; }

[dir='rtl'] .slick-next:before {
  content: '\E2\2020\90'; }

.slick-dotted.slick-slider {
  margin-bottom: 30px; }

.slick-dots {
  bottom: -25px;
  width: 100%;
  margin: 0;
  list-style: none;
  text-align: center; }

.slick-dots li {
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer; }

.slick-dots li button {
  font-size: 0;
  line-height: 0;
  display: block;
  width: 20px;
  height: 20px;
  padding: 5px;
  cursor: pointer;
  color: transparent;
  border: 0;
  outline: 0;
  background: 0 0; }

.slick-dots li button:focus,
.slick-dots li button:hover {
  outline: 0; }

.slick-dots li button:focus:before,
.slick-dots li button:hover:before {
  opacity: 1; }

.slick-dots li button:before {
  font-size: 6px;
  line-height: 20px;
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  content: '\E2\20AC\A2';
  text-align: center;
  opacity: 0.25;
  color: #000; }

.slick-dots li.slick-active button:before {
  opacity: 0.75;
  color: #000; }

.retainer-consultation-wrapper form {
  max-width: 1000px;
  margin: auto; }
  .retainer-consultation-wrapper form h3 {
    font-size: 17px;
    font-weight: 900;
    line-height: 1.36;
    color: #3d3935;
    margin-bottom: 24px; }

.retainer-consultation-wrapper .form-group {
  margin-bottom: 24px; }
  .retainer-consultation-wrapper .form-group label {
    width: 100%;
    text-align: left;
    font-size: 17px;
    color: #333;
    margin-bottom: 0px; }
  .retainer-consultation-wrapper .form-group input {
    height: 50px;
    width: 100%;
    margin: auto;
    border-radius: 0px;
    font-size: 17px;
    color: #333;
    border: 1px solid #3d3935; }
    .retainer-consultation-wrapper .form-group input.success {
      background-image: url("https://d2i6vk5bmh3r0a.cloudfront.net/invisalign_next/radio_tick.svg") !important;
      background-repeat: no-repeat;
      background-position: right 8px center;
      background-size: 15px 15px; }
    .retainer-consultation-wrapper .form-group input.is-invalid {
      background-image: url("https://d2i6vk5bmh3r0a.cloudfront.net/images_2_0/assets/invisalign/pin-svgs/Invisalign_icon_input_X.svg");
      background-repeat: no-repeat;
      background-position: right 8px center;
      background-size: 12px 12px; }
  .retainer-consultation-wrapper .form-group .phone-prefix {
    width: 10%;
    border-right: 0px; }
  .retainer-consultation-wrapper .form-group .phone-field-prefix {
    width: 90%; }

.retainer-consultation-wrapper .for-progress-page .get-start {
  margin-top: 0px !important; }

.retainer-consultation-wrapper .custom-checkbox {
  margin-left: 40px; }
  .retainer-consultation-wrapper .custom-checkbox label.custom-control-label {
    font-size: 12px !important;
    line-height: 1.2;
    color: #707372; }

.retainer-consultation-wrapper.common-form .rc-container {
  margin: 90px auto; }
  .retainer-consultation-wrapper.common-form .rc-container .step-wrapper {
    padding: 56px 50px 56px 50px; }
    @media only screen and (max-width: 767px) {
      .retainer-consultation-wrapper.common-form .rc-container .step-wrapper {
        padding: 32px 10px 12px 10px; } }

.has-float-label .form-control:placeholder-shown:not(:focus) + * {
  color: #3d3935; }

.common-form .form-group.get-start button {
  font-size: 20px !important;
  max-width: 250px; }

.common-form .form-group input {
  opacity: 0.75;
  border: solid 1px #b2b4b2; }

/* Libary CSS */
.shell {
  position: relative;
  line-height: 1; }
  .shell .labelMask {
    position: absolute;
    left: 3px;
    font-size: 17px;
    top: 1em;
    color: #707372;
    pointer-events: none; }
    .shell .labelMask i {
      /* any of these 3 will work */
      color: transparent;
      opacity: 0;
      visibility: hidden; }

.concierge-form .labelMask {
  font-size: 16px;
  left: 9px;
  top: 18px; }

input.masked #dobMask,
input.masked #zipMask,
input.masked #phoneMask,
.shell #dobMask,
.shell #zipMask,
.shell #phoneMask {
  background-color: transparent !important;
  padding-left: 0.75rem; }

@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .retainer-consultation-wrapper .form-group .phone-prefix {
    width: 15%; }
  .retainer-consultation-wrapper .form-group .phone-field-prefix {
    width: 85%; } }

@media only screen and (max-width: 767px) {
  .retainer-consultation-wrapper .form-group .phone-prefix {
    width: 12%; }
  .retainer-consultation-wrapper .form-group .phone-field-prefix {
    width: 88%; } }

.has-float-label {
  position: relative; }

@media only screen and (max-width: 443px) {
  .en-IN .has-float-label label,
  .en-IN .has-float-label > .labelName.ra-comment {
    top: -2.3em; } }

.has-float-label label,
.has-float-label > .labelName {
  position: absolute;
  cursor: text;
  opacity: 1;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  top: -1.5em;
  left: 0.75rem;
  z-index: 3;
  line-height: 1;
  padding: 0 1px;
  color: #707372;
  font-size: 12px; }

.has-float-label label::after,
.has-float-label > .labelName::after {
  content: ' ';
  display: block;
  position: absolute;
  background: #fff;
  height: 2px;
  top: 50%;
  left: -0.2em;
  right: -0.2em;
  z-index: -1; }

.has-float-label .form-control::-webkit-input-placeholder {
  opacity: 1;
  -webkit-transition: all 0.2s;
  transition: all 0.2s; }

.has-float-label .form-control:placeholder-shown:not(:focus)::-webkit-input-placeholder {
  opacity: 0; }

.has-float-label .form-control:placeholder-shown:not(:focus) + * {
  font-size: 17px;
  top: 0.9em;
  color: #3d3935; }

.input-group .has-float-label {
  display: table-cell; }

.input-group .has-float-label .form-control {
  border-radius: 0.25rem; }

.input-group .has-float-label:not(:first-child),
.input-group .has-float-label:not(:first-child) .form-control {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0; }

.has-float-label .form-control:placeholder-shown:not(:focus) ~ .labelMask {
  display: none; }

.labelMask {
  display: block; }

body.rtl .has-float-label label,
body.rtl .has-float-label > .labelName {
  right: 0.75rem;
  text-align: right; }

.retainer-consultation-wrapper .steps-wrapper {
  position: absolute;
  width: 97px;
  height: 262px;
  background-color: #EA6536;
  color: #ffffff;
  padding: 15px 10px 15px 10px;
  z-index: 9;
  top: 0;
  bottom: 0;
  margin: auto;
  left: -48px;
  box-shadow: 0 30px 52px 0 rgba(0, 0, 0, 0.2), 0 10px 20px 0 rgba(0, 0, 0, 0.1); }
  .retainer-consultation-wrapper .steps-wrapper .inner-wrap {
    display: flex;
    flex-flow: column; }
  .retainer-consultation-wrapper .steps-wrapper p {
    color: #ffffff;
    margin-bottom: 5px;
    margin-top: 5px;
    font-size: 26px;
    cursor: pointer; }
    .retainer-consultation-wrapper .steps-wrapper p.active {
      font-size: 35px; }
  .retainer-consultation-wrapper .steps-wrapper .devider {
    height: 110px;
    width: 2px;
    margin-left: 4px;
    transition: all 200ms ease;
    position: relative;
    z-index: 9999999;
    background-color: #ffffff;
    margin: auto; }
    .retainer-consultation-wrapper .steps-wrapper .devider.devs1 {
      height: 100px; }
    .retainer-consultation-wrapper .steps-wrapper .devider.devs2 {
      height: 60px; }
    .retainer-consultation-wrapper .steps-wrapper .devider.devs3 {
      height: 30px; }
    .retainer-consultation-wrapper .steps-wrapper .devider.devs4 {
      height: 75px; }

@media only screen and (max-width: 1199px) and (min-width: 992px) {
  .retainer-consultation-wrapper .steps-wrapper {
    width: 70px;
    left: -35px; } }

@media only screen and (max-width: 767px) {
  .retainer-consultation-wrapper .steps-wrapper {
    width: 245px;
    height: 70px;
    padding: 7px;
    margin: auto;
    top: -25px;
    left: 0;
    right: 0;
    bottom: auto;
    box-shadow: 0 30px 52px 0 rgba(0, 0, 0, 0.2), 0 10px 20px 0 rgba(0, 0, 0, 0.1); }
    .retainer-consultation-wrapper .steps-wrapper .inner-wrap {
      display: inline-flex;
      flex-flow: row; }
      .retainer-consultation-wrapper .steps-wrapper .inner-wrap span {
        text-align: center;
        margin: auto; }
    .retainer-consultation-wrapper .steps-wrapper p {
      font-size: 22px;
      margin: 0px 10px 0px 10px;
      display: block;
      float: left; }
      .retainer-consultation-wrapper .steps-wrapper p.active {
        font-size: 26px; }
    .retainer-consultation-wrapper .steps-wrapper .devider {
      width: 90px;
      position: relative !important;
      height: 2px;
      content: '';
      position: absolute;
      background-color: #ffffff;
      top: 3px;
      height: 2px !important;
      display: inline-block; }
      .retainer-consultation-wrapper .steps-wrapper .devider.devs2 {
        width: 50px; }
      .retainer-consultation-wrapper .steps-wrapper .devider.devs3 {
        width: 35px; } }

.corporate-partner-badge-wrapper {
  padding: 10px;
  position: static;
  /* BADGE STYLES */ }
  .corporate-partner-badge-wrapper img {
    max-width: 90px;
    width: 100%;
    margin: auto; }
  .corporate-partner-badge-wrapper .gbadge {
    display: block;
    background-color: #ffffff;
    border: 2px solid #ffa300;
    margin: 0 auto;
    box-shadow: 0 9px 24px 0 rgba(0, 0, 0, 0.1), 0 9px 24px 0 rgba(0, 0, 0, 0.05);
    width: 100%;
    border: 2px solid #afb1af;
    border-bottom: 8px solid #ffa300; }
  .corporate-partner-badge-wrapper .gbadge .gbadge-inner {
    width: 100%;
    max-width: 80%;
    margin: auto;
    background-color: #ffffff;
    padding-top: 12px;
    text-align: center;
    display: flex;
    padding: 8px;
    align-items: center; }
    @media only screen and (max-width: 767px) {
      .corporate-partner-badge-wrapper .gbadge .gbadge-inner {
        max-width: 90%; } }
    .corporate-partner-badge-wrapper .gbadge .gbadge-inner .cp-image {
      width: 20%;
      height: 100%;
      max-width: 70px;
      padding-right: 10px; }
    .corporate-partner-badge-wrapper .gbadge .gbadge-inner .cp-content {
      width: 80%;
      text-align: left;
      padding-left: 10px; }
      .corporate-partner-badge-wrapper .gbadge .gbadge-inner .cp-content p {
        margin-bottom: 0px; }
      .corporate-partner-badge-wrapper .gbadge .gbadge-inner .cp-content h2 {
        margin-bottom: 0px;
        color: #269ace; }
        @media only screen and (max-width: 767px) {
          .corporate-partner-badge-wrapper .gbadge .gbadge-inner .cp-content h2 {
            font-size: 20px; } }

.first_sec {
  width: 100%; }

.head_msg {
  font-size: 45px;
  color: #009ace;
  margin-bottom: 20px;
  font-weight: 500;
  line-height: 1.36;
  text-align: center; }

.sub_head {
  text-align: center;
  font-size: 22px;
  margin-bottom: 20px; }

.head_sec {
  text-align: center;
  font-size: 35px;
  color: #009ace;
  letter-spacing: 3.5px;
  font-weight: 500; }

.row_sec {
  background-color: #e5e4e4;
  max-width: 1110px;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto; }
  .row_sec .col-md-6 {
    padding: 1.5rem; }
    .row_sec .col-md-6 .cost_title {
      font-size: 18px;
      color: #009ace; }
    .row_sec .col-md-6 .cost_desc {
      font-size: 18px; }
  .row_sec .input_box {
    height: 40px;
    box-shadow: none;
    border-radius: 0;
    outline: none;
    border: none;
    width: 80%; }
  .row_sec .displlay_price {
    padding-top: 20px;
    background: #3d3935;
    color: #fff; }
    .row_sec .displlay_price .dolar {
      color: #009ace;
      margin-bottom: 0px; }
    .row_sec .displlay_price .calc_amount {
      color: #009ace;
      font-size: 60px;
      margin-left: 15px; }
  .row_sec .total_price {
    background: #a9a9a9;
    color: #fff;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-bottom: 30px; }
  .row_sec .estimated_text {
    font-size: 18px;
    font-weight: 400;
    line-height: 1.5;
    margin-bottom: 11px; }
  .row_sec .total_output {
    text-align: right; }
  .row_sec .dob_box {
    color: #fff;
    max-width: 30%;
    border: 1px solid #FFF;
    cursor: pointer;
    text-align: center;
    padding: 0.5rem;
    margin-right: 4px;
    display: inline-block; }
  .row_sec .dob_box:checked {
    background: #009ace; }

@media only screen and (min-width: 768px) {
  .row_sec .col-md-6 .cost_slidder {
    padding-top: 38px; }
  .row_sec .col-md-6 .slidder_align {
    padding-top: 6px;
    max-width: 60.666667%; } }

@media only screen and (max-width: 768px) {
  .row_sec .col-md-6 {
    flex: unset;
    max-width: unset; } }

.actbox {
  background-color: red;
  color: #0b2e13; }

@media only screen and (max-width: 767px) {
  .row_sec .displlay_price {
    padding-top: 12px; }
  .row_sec .col-md-6 .cost_slidder {
    display: inherit; }
    .row_sec .col-md-6 .cost_slidder .slidder_align {
      width: 100%;
      max-width: unset;
      padding-top: 10px;
      padding-bottom: 15px; }
    .row_sec .col-md-6 .cost_slidder .slidder_align1 {
      width: 100%;
      max-width: unset;
      display: flex; }
    .row_sec .col-md-6 .cost_slidder .input_box {
      width: 100%; }
    .row_sec .col-md-6 .cost_slidder .dolar {
      margin-top: 8px;
      margin-right: 5px; }
    .row_sec .col-md-6 .cost_slidder .col-8 {
      max-width: unset; }
    .row_sec .col-md-6 .cost_slidder .estimated_text {
      padding-top: 15px;
      margin-bottom: 0px;
      padding-bottom: 10px; }
  .row_sec .dob_box {
    max-width: unset;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    font-size: 18px; }
  .row_sec .total_price0 {
    width: auto;
    font-size: 18px; }
  .row_sec .total_output {
    width: auto; }
  .row_sec .col-4 .dolar {
    font-size: 20px; }
  .row_sec .col-4 .calc_amount {
    font-size: 36px;
    margin-bottom: 4px; }
  .head_msg {
    font-size: 30px;
    margin-bottom: 12px; }
  .sub_head {
    font-size: 17px;
    padding-right: 15px;
    padding-left: 15px; } }

.cost_section_one {
  background-color: #e5e4e4;
  max-width: 1920px;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto; }
  .cost_section_one .col-6 {
    padding: 1.5rem !important; }
    .cost_section_one .col-6 .cost_title {
      font-size: 18px;
      color: #009ace; }
    .cost_section_one .col-6 .cost_desc {
      font-size: 18px; }

@media only screen and (min-width: 992px) {
  .cost_section_one {
    max-width: 960px; } }

@media only screen and (min-width: 1200px) {
  .cost_section_one {
    max-width: 1140px; } }

.container-fluid .container {
  padding-top: 0px; }

.boxbg {
  background: #009ace; }

.dob_box input {
  display: none; }

.cost_slidder input {
  padding-left: 10px; }

.dl-no-overflow {
  overflow: hidden !important;
  position: relative;
  height: 100%; }

.dl-root {
  margin-bottom: 20px; }

.dl-root .transparent-box {
  position: static; }

.dl-root .transparent-box .bbanner-box {
  width: 100%;
  bottom: 0;
  left: 0;
  background-color: rgba(5, 5, 5, 0.5);
  position: absolute;
  color: #fff; }

@media (min-width: 992px) {
  .dl-root .transparent-box .bbanner-box .bbanner-box.left {
    bottom: 50px;
    left: 50px;
    width: 350px;
    position: absolute; } }

.dl-root .dl-btn-centered {
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  position: absolute;
  top: 50%;
  left: 50%; }

.dl-root .bbanner-img {
  min-height: 500px;
  height: 85vh; }

.dl-root .dl-welcome-header {
  text-align: center;
  font-weight: 300;
  color: #fff;
  margin-top: 10px;
  margin-bottom: 20px; }

.dl-root .disclaimer2 {
  width: 35%;
  margin-left: 34%;
  font-size: 12px;
  margin-bottom: 118px;
  padding-top: 20px; }

.dl-root .dl-welcome {
  text-align: center; }

.dl-root .dl-mb1 {
  margin-bottom: 20px; }

.dl-root .dl-location-icon, .dl-root .dl-search-icon {
  position: absolute;
  right: 10px;
  top: 8px; }

.dl-root .dl-location-icon img, .dl-root .dl-search-icon img {
  width: 30px; }

.dl-root .dl-search-icon {
  font-size: 22px;
  top: 12px;
  right: 14px; }

.dl-root .dl-search-icon:active, .dl-root .dl-search-icon:focus, .dl-root .dl-search-icon:hover {
  text-decoration: none; }

.dl-root .dl-input-container, .dl-root .dl-search-form-frame {
  max-width: 400px;
  margin-left: auto;
  margin-right: auto; }

.dl-root .dl-input-container {
  position: relative;
  width: 100%;
  margin-bottom: 20px; }

.dl-root .dl-input {
  width: 100%;
  height: 46px;
  color: grey;
  padding-left: 10px;
  padding-right: 10px; }

.dl-root .dl-filter-box hr {
  margin-top: -5px;
  border-top: 1px solid #009ace;
  margin-bottom: 22px; }

.dl-root .dl-results-pane {
  padding-bottom: 15px; }

.dl-root .dl-map-container {
  width: 100%;
  height: 638px;
  position: relative; }

.dl-root .dl-map-container-detail {
  height: 350px; }

.dl-root .dl-results-list {
  width: 100%; }

.dl-root .dl-prev-page {
  float: left; }

.dl-root .dl-next-page {
  float: right; }

.dl-root .dl-toggle-map {
  display: none; }

.dl-root .dl-results-header {
  margin-bottom: 10px;
  margin-top: 10px;
  position: relative; }

.dl-root .dl-results-header-tall {
  margin-bottom: 20px;
  margin-top: 20px; }

.dl-root .dl-prevnext-page-container {
  margin-top: 5px;
  margin-bottom: 5px; }

.dl-root .dl-search-loading {
  position: absolute;
  right: -40px;
  top: 10px; }

.dl-root .dl-search-loading img {
  width: 25px; }

.dl-root .dl-profile-photo {
  margin-bottom: 20px;
  max-width: 100%; }

.dl-root .dl-full-name {
  font-weight: 300;
  color: #009ace;
  font-size: 18px; }

.dl-root .dl-full-name.clickable {
  cursor: pointer; }

.dl-root .dl-annotation-provider-link {
  text-decoration: none;
  color: #000; }

.dl-root .dl-annotation-provider {
  cursor: pointer;
  margin-bottom: 10px;
  margin-top: 15px;
  position: relative;
  padding-left: 40px; }

.dl-root .dl-annotation-provider .annotation-icon {
  position: absolute;
  left: 0;
  top: -5px; }

.dl-root .dl-dist-label {
  font-weight: 300; }

.dl-root .dl-results-item-container {
  overflow-wrap: break-word;
  margin-bottom: 30px;
  padding-top: 15px;
  padding-bottom: 20px;
  border-bottom: 7px solid #009ace;
  background: #fff; }

.dl-root .dl-results-item-container.hover {
  background: #efefef; }

.dl-root .dl-sort-box {
  padding-top: 40px;
  padding-bottom: 10px;
  text-align: center; }

.dl-root .dl-sort-box input[type=radio] {
  opacity: 0;
  position: absolute; }

.dl-root .dl-sort-box label {
  border: 1px solid transparent;
  font-style: normal;
  background-color: #fafafa;
  width: 100%;
  padding-top: 10px;
  padding-bottom: 10px; }

.dl-root .dl-sort-box input[type=radio]:checked + label {
  border: 1px solid #000; }

.dl-root .dl-filter-button, .dl-root .dl-sort-button {
  position: relative;
  display: inline-block;
  width: 50%;
  text-align: center;
  background: #009ace;
  color: #fff;
  padding-top: 10px;
  padding-bottom: 10px; }

.dl-root .dl-filter-button:first-child, .dl-root .dl-sort-button:first-child {
  border-right: 1px solid #fff; }

.dl-root .dl-filter-button.full, .dl-root .dl-sort-button.full {
  width: 100%; }

.dl-root .dl-filter-button:active, .dl-root .dl-filter-button:focus, .dl-root .dl-filter-button:hover, .dl-root .dl-sort-button:active, .dl-root .dl-sort-button:focus, .dl-root .dl-sort-button:hover {
  text-decoration: none; }

.dl-root .dl-filter-button:after, .dl-root .dl-sort-button:after {
  position: absolute;
  top: 35%;
  right: 10px;
  content: " ";
  width: 8px;
  height: 8px;
  border-bottom: 2px solid #fff;
  border-right: 2px solid #fff;
  -webkit-transform-origin: center center;
  transform-origin: center center;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg); }

.dl-root .dl-filter-button.open, .dl-root .dl-sort-button.open {
  background: #000; }

.dl-root .dl-filter-button.open:after, .dl-root .dl-sort-button.open:after {
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg);
  top: 45%; }

.dl-root .dl-sort-button-active {
  background: #009ace; }

.dl-root .dl-sort-label {
  color: #cfcfcf; }

.dl-root .dl-left {
  text-align: left; }

.dl-root .dl-white {
  color: #fff; }

.dl-root .dl-btn-tall {
  font-size: 16px;
  height: 46px;
  padding-top: 12px; }

.dl-root .dl-callback-box {
  max-width: 400px;
  margin-left: auto;
  margin-right: auto;
  text-align: left; }

.dl-root .dl-submit-container {
  position: relative; }

.dl-root .dl-loading-icon {
  position: absolute;
  top: 12px;
  left: 20px; }

.dl-root .dl-loading-icon img {
  width: 20px; }

.dl-root .dl-captcha-outer {
  margin-bottom: 0;
  -webkit-transform: scale(0.8);
  transform: scale(0.8);
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0; }

.dl-root .dl-filter-container {
  background: #fff; }

.dl-root .dl-filter-container .dl-search-box {
  margin-top: 0;
  padding-bottom: 15px; }

.dl-root .dl-filter-container .dl-input-container {
  margin-top: 20px; }

@media (min-width: 992px) {
  .dl-root .dl-filter-container .dl-sort-box {
    padding-left: 15px;
    padding-right: 15px;
    border-bottom: 1px solid #000;
    border-left: 1px solid #000;
    border-right: 1px solid #000; } }

.dl-root .dl-row-tight > div:first-child {
  padding-right: 8px; }

.dl-root .dl-row-tight > div:last-child {
  padding-left: 8px; }

.dl-root .dl-row-tight.single-item > div:first-child {
  padding-right: 8px; }

.dl-root .dl-row-tight.single-item > div:last-child {
  padding-left: 15px; }

.dl-root .dl-row-tight .full-len-field {
  padding-left: 15px !important;
  padding-right: 15px !important; }

.dl-root .dl-iw-container {
  font-weight: 200;
  min-width: 200px; }

.dl-root .dl-iw-title {
  font-weight: 300;
  color: #009ace;
  margin-bottom: 10px; }

.dl-root .dl-lblue {
  color: #009ace; }

.dl-root .dl-bold {
  font-weight: 300; }

.dl-root .dl-nounderline:active, .dl-root .dl-nounderline:focus, .dl-root .dl-nounderline:hover {
  text-decoration: none; }

.dl-root .dl-profile-outer {
  max-height: 80vh;
  overflow: auto;
  position: relative;
  padding-bottom: 120px;
  margin-right: -15px;
  padding-right: 15px;
  margin-top: -15px; }

.dl-root .dl-profile-outer .dl-results-item-container {
  border-bottom: 0 solid transparent;
  padding-left: 0;
  padding-right: 0;
  margin-bottom: 0;
  overflow-x: hidden; }

.dl-root .dl-map-detail-box .dl-results-item-container {
  padding-left: 0;
  padding-right: 0;
  margin-bottom: 0; }

.dl-root .modal-header {
  color: #fff;
  text-align: center;
  background: #009ace;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
  display: block; }

.dl-root .modal-header h2 {
  margin: 0;
  font-weight: 300; }

.dl-root .modal-header .close {
  color: #fff;
  opacity: 1;
  position: absolute;
  top: 0;
  right: 0;
  border: 2px solid #fff;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  background: #000;
  padding: 0; }

.dl-root .modal-header .close span[aria-hidden] {
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  position: absolute;
  top: 50%;
  left: 50%;
  font-size: 21px;
  line-height: 1px; }

.dl-root .btn-dark-border.transparent {
  background-color: #009ace;
  color: #fff !important;
  border-color: #009ace;
  max-width: 400px;
  font-size: 16px;
  height: 46px;
  padding-top: 12px;
  display: block;
  margin-left: auto !important;
  margin-right: auto !important; }

.dl-root .btn-dark-border.transparent:hover {
  background-color: #009ace;
  opacity: .8;
  border-color: #009ace; }

.dl-root .btn-inverse {
  border: 1px solid #fff !important; }

.dl-root .dl-profile-section, .dl-root .dl-wh-container {
  margin-bottom: 15px; }

.dl-root .dl-appointment-item-box {
  border-bottom: 1px solid #009ace;
  padding-bottom: 10px;
  margin-bottom: 10px;
  position: relative; }

.dl-root .dl-appointment-remove {
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  position: absolute;
  top: 50%;
  right: 0;
  color: #009ace;
  font-size: 20px;
  text-align: center;
  border: 1px solid #009ace;
  border-radius: 50%;
  width: 25px;
  height: 25px;
  cursor: pointer; }

.dl-root .dl-appointment-remove div {
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  position: absolute;
  top: 50%;
  left: 50%;
  padding: 0 0 2px 2px; }

.dl-root .dl-fixed-bottom {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 30px 20px;
  background: #009ace; }

.dl-root .dl-date-picker .react-datepicker-wrapper, .dl-root .dl-date-picker .react-datepicker__input-container {
  display: block; }

.dl-root .dl-date-picker input[type=text] {
  width: 100%;
  max-width: 400px;
  height: 46px;
  padding: 1px 10px; }

.dl-root .dl-date-picker.error input[type=text] {
  border: 1px solid red; }

.dl-root .dl-wh-item {
  margin-bottom: 5px; }

.dl-root .dl-wh-dayname {
  display: inline-block;
  min-width: 120px; }

.dl-root .dl-wh-hours {
  display: inline-block; }

.dl-root .dl-error-msg {
  color: #ffb500;
  font-weight: 300; }

.dl-root .dl-error-lbl {
  color: red; }

.dl-root .dl-bio-para {
  margin-bottom: 5px; }

.dl-root .captcha-container {
  border: 1px solid transparent;
  width: 305px; }

.dl-root .error {
  border-color: red;
  border-width: 1px; }

.dl-root .error::-webkit-input-placeholder {
  color: red; }

.dl-root .error::-moz-placeholder {
  color: red; }

.dl-root .error:-ms-input-placeholder {
  color: red; }

.dl-root .error::-ms-input-placeholder {
  color: red; }

.dl-root .error::placeholder {
  color: red; }

.dl-root .dl-left-off {
  position: absolute !important;
  left: 0 !important;
  top: -50000px !important; }

.dl-root .dl-filter-item {
  margin-bottom: 10px; }

.dl-root .dl-filter-item input {
  font-size: 16px; }

.dl-root .dl-filter-item input::-webkit-input-placeholder {
  font-size: 14px; }

.dl-root .dl-filter-item input::-moz-placeholder {
  font-size: 14px; }

.dl-root .dl-filter-item input:-ms-input-placeholder {
  font-size: 14px; }

.dl-root .dl-filter-item input::-ms-input-placeholder {
  font-size: 14px; }

.dl-root .dl-filter-item input::placeholder {
  font-size: 14px; }

.dl-root .dl-welcome-filter .dl-filter-item {
  margin-bottom: 0; }

.dl-root .dl-welcome-filter .sms-slide2 {
  padding-top: 0; }

.dl-root .dl-phone-prefix {
  position: absolute;
  width: 70px; }

.dl-root .dl-phone-prefix select {
  padding-left: 4px; }

.dl-root .dl-phone-small {
  margin-left: 75px; }

.dl-root .annotation-icon {
  background-position: 0 0;
  background-size: cover;
  width: 30px;
  height: 30px; }

.dl-root .legend-icon {
  background-position: 0 0;
  background-size: cover;
  width: 50px;
  height: 50px; }

.dl-root .icon_d, .dl-root .legend_icon_d {
  background-image: url(https://eu-conweb.s3-eu-west-1.amazonaws.com/Content/dlcommon/images/annotations2/gadv-diamond.svg); }

.dl-root .icon_pe, .dl-root .legend_icon_pe {
  background-image: url(https://eu-conweb.s3-eu-west-1.amazonaws.com/Content/dlcommon/images/annotations2/gadv-platinum-elite.svg); }

.dl-root .icon_p, .dl-root .legend_icon_p {
  background-image: url(https://eu-conweb.s3-eu-west-1.amazonaws.com/Content/dlcommon/images/annotations2/gadv-platinum.svg); }

.dl-root .icon_g, .dl-root .legend_icon_g {
  background-image: url(https://eu-conweb.s3-eu-west-1.amazonaws.com/Content/dlcommon/images/annotations2/gadv-gold.svg); }

.dl-root .icon_s, .dl-root .legend_icon_s {
  background-image: url(https://eu-conweb.s3-eu-west-1.amazonaws.com/Content/dlcommon/images/annotations2/gadv-silver.svg); }

.dl-root .icon_b, .dl-root .legend_icon_b {
  background-image: url(https://eu-conweb.s3-eu-west-1.amazonaws.com/Content/dlcommon/images/annotations2/gadv-bronze.svg); }

.dl-root .icon_4000, .dl-root .legend_icon_4000 {
  background-image: url(https://eu-conweb.s3-eu-west-1.amazonaws.com/Content/dlcommon/images/annotations2/4000.svg); }

.dl-root .icon_2500, .dl-root .legend_icon_2500 {
  background-image: url(https://eu-conweb.s3-eu-west-1.amazonaws.com/Content/dlcommon/images/annotations2/2500.svg); }

.dl-root .icon_2000, .dl-root .legend_icon_2000 {
  background-image: url(https://eu-conweb.s3-eu-west-1.amazonaws.com/Content/dlcommon/images/annotations2/2000.svg); }

.dl-root .icon_1500, .dl-root .legend_icon_1500 {
  background-image: url(https://eu-conweb.s3-eu-west-1.amazonaws.com/Content/dlcommon/images/annotations2/1500.svg); }

.dl-root .icon_1000, .dl-root .legend_icon_1000 {
  background-image: url(https://eu-conweb.s3-eu-west-1.amazonaws.com/Content/dlcommon/images/annotations2/1000.svg); }

.dl-root .icon_500, .dl-root .legend_icon_500 {
  background-image: url(https://eu-conweb.s3-eu-west-1.amazonaws.com/Content/dlcommon/images/annotations2/500.svg); }

.dl-root .icon_t, .dl-root .legend_icon_t {
  background-image: url(https://eu-conweb.s3-eu-west-1.amazonaws.com/Content/dlcommon/images/annotations2/teen-provider.svg); }

.dl-root .icon_ios, .dl-root .legend_icon_ios {
  background-image: url(https://eu-conweb.s3-eu-west-1.amazonaws.com/Content/dlcommon/images/annotations2/itero-new.svg); }

.dl-root .icon_vivera, .dl-root .legend_icon_vivera {
  background-image: url(https://eu-conweb.s3-eu-west-1.amazonaws.com/Content/dlcommon/images/annotations2/vivera.svg); }

.dl-root .icon_cs, .dl-root .legend_icon_cs {
  background-image: url(https://eu-conweb.s3-eu-west-1.amazonaws.com/Content/dlcommon/images/annotations2/clinical-speaker.svg); }

.dl-root .icon_l, .dl-root .legend_icon_l {
  background-image: url(https://eu-conweb.s3-eu-west-1.amazonaws.com/Content/dlcommon/images/annotations2/group-account.svg); }

.dl-root .apac_tier_icons {
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 50%; }

.dl-root .apac_tier_icons.icon_b, .dl-root .apac_tier_icons.legend_icon_b {
  background-image: url(https://storagy-invisalign.s3.amazonaws.com/invisalign-contentful/apac_tier_level/providerlevel_bronze.png); }

.dl-root .apac_tier_icons.icon_s, .dl-root .apac_tier_icons.legend_icon_s {
  background-image: url(https://storagy-invisalign.s3.amazonaws.com/invisalign-contentful/apac_tier_level/providerlevel_silver.png); }

.dl-root .apac_tier_icons.icon_g, .dl-root .apac_tier_icons.legend_icon_g {
  background-image: url(https://storagy-invisalign.s3.amazonaws.com/invisalign-contentful/apac_tier_level/providerlevel_gold.png); }

.dl-root .apac_tier_icons.icon_itero, .dl-root .apac_tier_icons.legend_icon_itero {
  background-image: url(https://storagy-invisalign.s3.amazonaws.com/invisalign-contentful/apac_tier_level/providerlevel_itero.png); }

.dl-root .apac_tier_icons.icon_rd, .dl-root .apac_tier_icons.legend_icon_rd {
  background-image: url(https://storagy-invisalign.s3.amazonaws.com/invisalign-contentful/apac_tier_level/providerlevel_red_diamond.png); }

.dl-root .apac_tier_icons.icon_bde, .dl-root .apac_tier_icons.legend_icon_bde {
  background-image: url(https://storagy-invisalign.s3.amazonaws.com/invisalign-contentful/apac_tier_level/providerlevel_blue_diamond.png); }

.dl-root .apac_tier_icons.icon_bd, .dl-root .apac_tier_icons.legend_icon_bd {
  background-image: url(https://storagy-invisalign.s3.amazonaws.com/invisalign-contentful/apac_tier_level/providerlevel_black_diamond.png); }

.dl-root .apac_tier_icons.icon_d, .dl-root .apac_tier_icons.legend_icon_d {
  background-image: url(https://storagy-invisalign.s3.amazonaws.com/invisalign-contentful/apac_tier_level/providerlevel_diamond.png); }

.dl-root .apac_tier_icons.icon_p, .dl-root .apac_tier_icons.legend_icon_p {
  background-image: url(https://storagy-invisalign.s3.amazonaws.com/invisalign-contentful/apac_tier_level/providerlevel_platinum.png); }

.dl-root .apac_tier_icons.icon_pe, .dl-root .apac_tier_icons.legend_icon_pe {
  background-image: url(https://storagy-invisalign.s3.amazonaws.com/invisalign-contentful/apac_tier_level/providerlevel_platinum_elite.png); }

.dl-root .apac_tier_icons.icon_te, .dl-root .apac_tier_icons.legend_icon_te {
  background-image: url(https://storagy-invisalign.s3.amazonaws.com/invisalign-contentful/apac_tier_level/providerlevel_teen.png); }

.dl-root .apac_tier_icons.icon_iog, .dl-root .apac_tier_icons.legend_icon_iog {
  background-image: url(https://storagy-invisalign.s3.amazonaws.com/invisalign-contentful/apac_tier_level/providerlevel_tio.png); }

.dl-root .apac_tier_icons.icon_default, .dl-root .apac_tier_icons.legend_icon_default {
  background-image: url(https://storagy-invisalign.s3.amazonaws.com/invisalign-contentful/apac_tier_level/combined_marker.png); }

.dl-root .apac_tier_icons.icon_iva, .dl-root .apac_tier_icons.legend_icon_iva {
  background-image: url(https://storagy-invisalign.s3.amazonaws.com/invisalign-contentful/apac_tier_level/IVR_icon.png); }

.dl-root .apac_tier_icons.icon_fc, .dl-root .apac_tier_icons.icon_gp, .dl-root .apac_tier_icons.legend_icon_gp .dl-root .apac_tier_icons.legend_icon_fc {
  display: none; }

.dl-root .legend-icon-container {
  position: relative;
  padding-left: 60px;
  min-height: 60px;
  margin-bottom: 10px; }

.dl-root .legend-icon-container .legend-icon {
  position: absolute;
  top: 0;
  left: 0; }

.dl-root span.annotation-icon {
  display: inline-block;
  margin-right: 10px;
  margin-bottom: 10px; }

.dl-root .gm-style-iw-d {
  overflow: hidden !important; }

.dl-root .gm-style-iw-c {
  padding: 12px !important; }

.dl-root .sms-slide2 {
  position: relative;
  padding-bottom: 5px; }

.dl-root .sms-slide2 label {
  margin-bottom: 0;
  padding-right: 70px; }

.dl-root .sms-slide2 .switch {
  position: relative;
  display: inline-block;
  width: 100%;
  height: 34px; }

.dl-root .sms-slide2 .switch input {
  display: none; }

.dl-root .sms-slide2 .slider {
  background-position: 4px 4px;
  position: absolute;
  cursor: pointer;
  top: -5px;
  right: 0;
  width: 56px;
  height: 30px;
  background-color: #000;
  -webkit-transition: .4s;
  transition: .4s; }

.dl-root .sms-slide2 .slider:before {
  position: absolute;
  content: "";
  height: 22px;
  width: 22px;
  left: 4px;
  bottom: 4px;
  background-color: #fff;
  -webkit-transition: .4s;
  transition: .4s; }

.dl-root .sms-slide2 input:checked + .slider {
  background-color: #ffb500; }

.dl-root .sms-slide2 input:focus + .slider {
  box-shadow: 0 0 1px #171c8f; }

.dl-root .sms-slide2 input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  transform: translateX(26px); }

.dl-root .sms-slide2 .slider.round {
  border-radius: 34px; }

.dl-root .sms-slide2 .slider.round:before {
  border-radius: 50%; }

.dl-root .sms-slide2 .slider.lock:before {
  content: "\1F512";
  font-size: 15px;
  padding-top: 3px;
  padding-left: 2px;
  color: #009ace;
  text-align: center; }

.dl-root .dl-info-icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  color: #ffb500;
  border: 1px solid #ffb500;
  text-align: center;
  margin-left: 10px;
  cursor: pointer;
  text-decoration: none; }

.dl-root .dl-info-icon.hovered {
  color: #fff;
  background-color: #ffb500; }

.dl-root .dl-extra-doc-param {
  font-weight: 300; }

.dl-root .dl-extra-doc-container {
  padding-top: 10px;
  padding-bottom: 10px; }

.dl-root .dl-cityselect .dl-location-icon, .dl-root .dl-cityselect .dl-search-icon {
  display: none; }

@media (min-width: 992px) {
  .dl-root .dl-results-list {
    height: 600px;
    overflow-y: auto;
    overflow-x: hidden;
    padding-right: 10px; }
  .dl-root .dl-filter-container {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    width: 100%;
    padding-left: 15px;
    padding-right: 15px; }
  .dl-root .dl-results-list {
    margin-top: 38px; } }

@media (max-width: 991px) {
  .dl-root .dl-toggle-map {
    display: block; }
  .dl-root .dl-filter-container {
    margin-bottom: 30px; }
  .dl-root .dl-map-container {
    height: 360px; }
  .dl-root .dl-sticky-map {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 11; }
  .dl-root .dl-sticky-map .dl-filter-container {
    background: #fff; }
  .dl-root .dl-sticky-filter-container {
    position: -webkit-sticky;
    position: sticky;
    z-index: 10; }
  .dl-root .dl-sticky-filter-container .dl-search-box {
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch; } }

@media (max-width: 767px) {
  .dl-root .dl-results-pane {
    background: #fafafa; }
  .dl-root .dl-results-item-container {
    padding-left: 15px;
    padding-right: 15px; }
  .dl-root .dl-map-container-detail {
    height: 250px; }
  .dl-root .disclaimer2 {
    width: 100%;
    margin-left: 0;
    margin-bottom: 32px; } }

@media (max-width: 500px) {
  .dl-root .dl-sticky-map .dl-map-container {
    height: 260px; } }

.dl-root .dl-invisalign-speaker {
  font-weight: 300;
  color: #009ace;
  font-size: 18px;
  cursor: pointer; }

.dl-root.eu .dl-results-top-tile {
  color: #009ace;
  text-align: center;
  padding-top: 15px;
  padding-bottom: 20px;
  font-size: 40px; }

.dl-root.eu .dl-patient-age-search {
  text-align: left;
  margin-bottom: 10px; }

.dl-root.eu .dl-patient-type-search > div {
  padding-left: 7px;
  padding-right: 7px; }

.dl-root.eu .dl-patient-type-search > div:first-child {
  padding-left: 15px; }

.dl-root.eu .dl-patient-type-search > div:last-child {
  padding-right: 15px; }

.dl-root.eu .dl-birth-date-label {
  margin-top: 10px;
  margin-bottom: 10px; }

.dl-root.eu.dl-popover-small {
  max-width: 300px !important;
  min-width: 300px !important; }

.dl-root.eu .dl-popover-description-small {
  font-size: 16px;
  padding-top: 10px;
  padding-bottom: 10px; }

.dl-root.eu.dl-popover.bs-popover-left {
  top: 0 !important;
  left: auto !important; }

.dl-root.eu.dl-popover.bs-popover-left .arrow {
  right: calc(-.5rem + -1px);
  left: auto;
  width: .5rem;
  height: 1rem;
  margin: .3rem 0;
  border-width: 0; }

.dl-root.eu.dl-popover.bs-popover-left .arrow:after {
  left: auto;
  bottom: auto;
  right: 1px;
  border-top-color: transparent !important;
  border-left-color: #fff;
  border-width: .5rem 0 .5rem .5rem; }

.dl-root.eu.dl-popover.bs-popover-right {
  top: 0 !important;
  left: 0 !important; }

.dl-root.eu.dl-popover.bs-popover-right .arrow {
  left: calc(-.5rem + -1px);
  width: .5rem;
  height: 1rem;
  margin: .3rem 0;
  border-width: 0; }

.dl-root.eu.dl-popover.bs-popover-right .arrow:after {
  left: 1px;
  bottom: auto;
  border-right-color: #fff;
  border-top-color: transparent !important;
  border-width: .5rem .5rem .5rem 0;
  margin-left: 0; }

.dl-root.eu.dl-popover.bs-popover-top {
  top: auto !important;
  left: 0 !important; }

.dl-root.eu.dl-popover.bs-popover-top .arrow {
  bottom: calc(-.5rem + -1px);
  width: 1rem;
  height: .5rem;
  margin: 0 .3rem;
  border-width: 0; }

.dl-root.eu.dl-popover.bs-popover-top .arrow:after {
  bottom: 1px;
  top: auto;
  border-top-color: #fff;
  border-width: .5rem .5rem 0;
  margin-left: 0; }

.dl-root.eu.dl-popover.bs-popover-bottom {
  top: 0 !important;
  left: 0 !important; }

.dl-root.eu.dl-popover.bs-popover-bottom .arrow {
  top: calc(-.5rem + -1px);
  width: 1rem;
  height: .5rem;
  margin: 0 .3rem;
  border-width: 0; }

.dl-root.eu.dl-popover.bs-popover-bottom .arrow:after {
  top: 1px;
  bottom: auto;
  border-bottom-color: #fff;
  border-width: 0 .5rem .5rem;
  margin-left: 0; }

.dl-root.eu .dl-filter-header-row {
  position: -webkit-sticky;
  position: sticky;
  z-index: 200;
  top: 0;
  padding-top: 10px;
  background-color: #fff; }

.dl-root.eu input[type=radio] {
  width: 17px;
  height: 16px;
  margin-right: 5px;
  position: relative;
  top: 2px; }

.dl-root.eu .dl-sort-box2 {
  padding-top: 10px; }

.dl-root.eu .dl-sort-box2 .dl-filter-item {
  display: inline-block;
  position: relative;
  margin-bottom: 0; }

.dl-root.eu .dl-sort-box2 .dl-filter-item:first-child {
  margin-right: 20px; }

.dl-root.eu .dl-patient-type-container {
  text-align: left; }

.dl-root.eu .dl-patient-type-container .dl-filter-item {
  margin-right: 15px;
  display: inline-block;
  position: relative; }

.dl-root.eu .dl-patient-type-container .dl-filter-item:last-child {
  margin-right: 0; }

.dl-root.eu .dl-search-results-label {
  font-size: 24px;
  color: #009ace;
  margin-bottom: 10px; }

.dl-root.eu .dl-results-location-input > div:first-child {
  padding-right: 5px; }

.dl-root.eu .dl-results-location-input > div:last-child {
  padding-left: 5px; }

.dl-root.eu .dl-results-advanced-box {
  padding-top: 15px; }

.dl-root.eu .dl-results-header {
  display: none; }

.dl-root.eu .dl-new-search {
  float: right; }

.dl-root.eu .dl-extra-doc-container {
  padding-top: 0;
  padding-bottom: 0;
  margin-bottom: 10px; }

.dl-root.eu .dl-info-url {
  margin-top: 5px;
  font-size: 12px; }

.dl-root.eu .dl-info-url a {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  display: block; }

.dl-root.eu .dl-info-section {
  color: #949695;
  margin-bottom: 10px; }

.dl-root.eu .dl-info-section a.dl-phone-link {
  color: #949695; }

.dl-root.eu .dl-popover-title {
  color: #009ace;
  font-size: 20px;
  margin-bottom: 10px; }

.dl-root.eu .dl-extra-doc-param {
  display: inline-block;
  margin-bottom: 4px;
  color: #949695; }

.dl-root.eu .dl-annotation-provider {
  display: inline-block; }

.dl-root.eu .dl-info-icon {
  color: #999;
  border-color: #999;
  border-width: 2px;
  margin-left: 4px;
  width: 18px;
  height: 18px;
  font-size: 12px;
  font-weight: 700;
  position: relative;
  top: -1px; }

.dl-root.eu .dl-info-icon.hovered {
  background-color: #999;
  color: #fff; }

.dl-root.eu .dl-results-item-container {
  border-bottom: 1px solid #d9d9d9; }

.dl-root.eu .dl-results-item-container.hover {
  background: #fafafa; }

.dl-root.eu .dl-profile-outer .dl-results-item-container {
  border-bottom-width: 0; }

.dl-root.eu .dl-item-container-inner {
  display: flex;
  font-size: 15px; }

.dl-root.eu .dl-item-container-inner.dl-hide-all-specialties .item-cell-specialties {
  display: none; }

.dl-root.eu .dl-item-container-inner.dl-hide-all-specialties .item-cell-info {
  width: 76%; }

.dl-root.eu .item-cell-photo {
  width: 24%; }

.dl-root.eu .item-cell-info {
  width: 38%;
  padding-right: 5px; }

.dl-root.eu .item-cell-specialties {
  width: 38%;
  padding-left: 5px;
  padding-top: 10px; }

.dl-root.eu .dl-full-name {
  font-size: 28px;
  color: #3d3935;
  font-weight: 400;
  margin-bottom: 8px; }

.dl-root.eu .dl-appointment-item-box .dl-full-name {
  font-size: 18px;
  margin-bottom: 0;
  color: #009ace; }

.dl-root.eu .dl-professional-category {
  margin-bottom: 4px; }

.dl-root.eu .dl-annotation-provider {
  margin-top: 0;
  margin-bottom: 15px; }

.dl-root.eu .item-photo-container {
  width: 125px;
  height: 125px;
  position: relative;
  overflow: hidden;
  border-radius: 50%; }

.dl-root.eu .item-photo-container img {
  max-width: 100%;
  margin-bottom: 0;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  position: absolute;
  top: 50%;
  left: 50%; }

.dl-root.eu .dl-pager-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 15px;
  margin-bottom: 2px;
  min-height: 40px; }

.dl-root.eu .dl-pager-numpages {
  margin-bottom: 4px; }

.dl-root.eu .dl-pager-link {
  padding-left: 4px;
  padding-right: 4px; }

.dl-root.eu .dl-annotation-note {
  display: flex;
  font-size: 15px;
  align-items: flex-end;
  justify-content: flex-end;
  margin-bottom: 12px;
  cursor: pointer; }

.dl-root.eu .dl-annotation-note .legend-icon {
  width: 30px;
  height: 30px;
  margin-left: 2px;
  margin-right: 2px; }

.dl-root.eu .dl-annotation-note .dl-annotation-note-title {
  margin-right: 10px; }

.dl-root.eu .legend-icon-row {
  display: flex; }

.dl-root.eu .legend-icon-row .legend-icon-cell {
  padding-left: 10px;
  padding-right: 10px;
  font-size: 15px;
  max-width: 85px;
  text-align: center; }

.dl-root.eu .legend-icon-row .legend-icon {
  width: 40px;
  height: 40px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 10px; }

.dl-root.eu .legend-description {
  padding-top: 20px;
  padding-bottom: 20px; }

.dl-root.eu.dl-popover {
  min-width: 450px; }

@media (max-width: 991px) {
  .dl-root.eu .dl-filter-header-row, .dl-root.eu .dl-sticky-filter-container {
    position: static; }
  .dl-root.eu .dl-sort-box2 {
    padding-top: 0; }
  .dl-root.eu .dl-annotation-note, .dl-root.eu .dl-pager-container.top {
    display: none; }
  .dl-root.eu .dl-filter-header-row {
    padding-bottom: 10px; }
  .dl-root.eu .dl-new-search {
    display: none; }
  .dl-root.eu.dl-popover {
    min-width: 350px; } }

@media (max-width: 767px) {
  .dl-root.eu .dl-results-pane {
    background-color: #fff; }
  .dl-root.eu .dl-results-top-tile {
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 20px; }
  .dl-root.eu .dl-search-results-label {
    display: inline-block;
    margin-right: 15px;
    font-size: 18px; }
  .dl-root.eu .dl-sort-box2 {
    display: inline-block; }
  .dl-root.eu .dl-results-advanced-header {
    padding-top: 10px; }
  .dl-root.eu .item-cell-photo {
    width: 35%; }
  .dl-root.eu .item-cell-info {
    width: 65%; }
  .dl-root.eu .item-cell-specialties {
    width: 100%; }
  .dl-root.eu .dl-results-item-container {
    padding-left: 0;
    padding-right: 0; }
  .dl-root.eu .dl-item-container-inner {
    flex-wrap: wrap; }
  .dl-root.eu .dl-item-container-inner.dl-hide-all-specialties .item-cell-info {
    width: 65%; }
  .dl-root.eu .item-photo-container {
    width: 110px;
    height: 110px; }
  .dl-root.eu .dl-extra-doc-param {
    display: block; }
  .dl-root.eu .legend-icon-row .legend-icon-cell {
    padding-left: 6px;
    padding-right: 6px;
    font-size: 12px; }
  .dl-root.eu .legend-icon-row .legend-icon {
    width: 30px;
    height: 30px; } }

@media (max-width: 575px) {
  .dl-root.eu .dl-results-location-input-wide > div:first-child {
    padding-right: 15px; }
  .dl-root.eu .dl-results-location-input-wide > div:last-child {
    padding-left: 15px;
    margin-bottom: 10px; } }

@media (max-width: 499px) {
  .dl-root.eu.dl-popover {
    min-width: 95%; }
  .dl-root.eu .dl-full-name {
    font-size: 22px; }
  .dl-root.eu .modal-header .close {
    top: 12px;
    right: 12px; } }

@media (max-width: 399px) {
  .dl-root.eu.dl-popover {
    min-width: 95%; }
  .dl-root.eu .dl-full-name {
    font-size: 22px; }
  .dl-root.eu .dl-item-container-inner.dl-hide-all-specialties .item-cell-info {
    padding-top: 15px;
    width: 100%; }
  .dl-root.eu .dl-iw-container {
    min-width: 130px; } }

@media (min-width: 992px) {
  .dl-root.eu .dl-va-accept {
    padding-top: 10px; }
  .dl-root.eu .dl-filter-header-row {
    padding-bottom: 15px; }
  .dl-root.eu .dl-filter-container {
    position: relative;
    padding-left: 0;
    padding-right: 0; }
  .dl-root.eu .dl-results-list {
    margin-top: 0;
    height: auto;
    padding-right: 0; }
  .dl-root.eu .dl-sticky-map .dl-map-container {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 11; } }

.is-iphone .dl-root .dl-profile-outer {
  max-height: 75vh; }

.dl-root-initial-hidden {
  margin-bottom: 0; }

.dl-root-initial-hidden .dl-search-pane {
  display: none; }

@media (min-width: 992px) {
  .dl-root.dl-profile-dlg .modal-dialog {
    max-width: 800px; } }

@media (max-width: 1200px) {
  .dl-profile-details-desktop {
    display: none; } }

@media (min-width: 1200px) {
  .dl-profile-details-mobile {
    display: none; } }

img.tier-icon {
  width: 28px;
  margin-left: -2px;
  display: inline-block; }

.custom-annotation {
  cursor: pointer; }

.custom-annotation-lagend .legend-icon-custom {
  display: inline-block;
  text-align: center;
  padding-bottom: 20px;
  font-size: 14px;
  width: 25%;
  vertical-align: middle; }

@media (max-width: 767px) {
  .custom-annotation-lagend .legend-icon-custom {
    width: 33.33%;
    height: 85px; } }

.custom-annotation-lagend .annotation-cluster {
  width: 120px;
  margin-bottom: 20px; }

.other-location .dark-row {
  background-color: #efefef; }

.other-location .add-heading {
  background-color: #949695;
  color: #fff;
  padding: 10px;
  width: 30%;
  border-right: 4px solid #fff; }

.other-location .add-heading:last-child {
  width: 40%; }

.other-location .show-more {
  cursor: pointer;
  margin-bottom: 5px;
  display: inline-block; }

.other-location .show-more .plus:before {
  content: "+"; }

.other-location .show-more .minus:before {
  content: "-"; }

.other-location .add-subheading {
  border-right: 4px solid #fff;
  vertical-align: text-top;
  padding: 10px; }

.other-location .show-table {
  display: block; }

.other-location .hide-table {
  display: none; }

.reqAppt-disclaimer1 {
  float: left;
  margin-top: 24px;
  font-size: 16px; }

.reqAppt-disclaimer2 {
  font-size: 11px;
  float: left; }

.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle, .react-datepicker-popper[data-placement^=top] .react-datepicker__triangle, .react-datepicker__month-read-view--down-arrow, .react-datepicker__month-year-read-view--down-arrow, .react-datepicker__year-read-view--down-arrow {
  margin-left: -8px;
  position: absolute; }

.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before, .react-datepicker-popper[data-placement^=top] .react-datepicker__triangle, .react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before, .react-datepicker__month-read-view--down-arrow, .react-datepicker__month-read-view--down-arrow:before, .react-datepicker__month-year-read-view--down-arrow, .react-datepicker__month-year-read-view--down-arrow:before, .react-datepicker__year-read-view--down-arrow, .react-datepicker__year-read-view--down-arrow:before {
  box-sizing: content-box;
  position: absolute;
  border: 8px solid transparent;
  height: 0;
  width: 1px; }

.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before, .react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before, .react-datepicker__month-read-view--down-arrow:before, .react-datepicker__month-year-read-view--down-arrow:before, .react-datepicker__year-read-view--down-arrow:before {
  content: "";
  z-index: -1;
  border-width: 8px;
  left: -8px;
  border-bottom-color: #aeaeae; }

.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle {
  top: 0;
  margin-top: -8px; }

.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before {
  border-top: none;
  border-bottom-color: #f0f0f0; }

.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before {
  top: -1px;
  border-bottom-color: #aeaeae; }

.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle, .react-datepicker__month-read-view--down-arrow, .react-datepicker__month-year-read-view--down-arrow, .react-datepicker__year-read-view--down-arrow {
  bottom: 0;
  margin-bottom: -8px; }

.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle, .react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before, .react-datepicker__month-read-view--down-arrow, .react-datepicker__month-read-view--down-arrow:before, .react-datepicker__month-year-read-view--down-arrow, .react-datepicker__month-year-read-view--down-arrow:before, .react-datepicker__year-read-view--down-arrow, .react-datepicker__year-read-view--down-arrow:before {
  border-bottom: none;
  border-top-color: #fff; }

.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before, .react-datepicker__month-read-view--down-arrow:before, .react-datepicker__month-year-read-view--down-arrow:before, .react-datepicker__year-read-view--down-arrow:before {
  bottom: -1px;
  border-top-color: #aeaeae; }

.react-datepicker, .react-datepicker-wrapper {
  display: inline-block; }

.react-datepicker {
  font-family: Helvetica Neue,Helvetica,Arial,sans-serif;
  font-size: .8rem;
  background-color: #fff;
  color: #000;
  border: 1px solid #aeaeae;
  border-radius: .3rem;
  position: relative; }

.react-datepicker--time-only .react-datepicker__triangle {
  left: 35px; }

.react-datepicker--time-only .react-datepicker__time-container {
  border-left: 0; }

.react-datepicker--time-only .react-datepicker__time, .react-datepicker--time-only .react-datepicker__time-box {
  border-radius: .3rem; }

.react-datepicker__triangle {
  position: absolute;
  left: 50px; }

.react-datepicker-popper {
  z-index: 1; }

.react-datepicker-popper[data-placement^=bottom] {
  margin-top: 10px; }

.react-datepicker-popper[data-placement^=top] {
  margin-bottom: 10px; }

.react-datepicker-popper[data-placement^=right] {
  margin-left: 8px; }

.react-datepicker-popper[data-placement^=right] .react-datepicker__triangle {
  left: auto;
  right: 42px; }

.react-datepicker-popper[data-placement^=left] {
  margin-right: 8px; }

.react-datepicker-popper[data-placement^=left] .react-datepicker__triangle {
  left: 42px;
  right: auto; }

.react-datepicker__header {
  text-align: center;
  background-color: #f0f0f0;
  border-bottom: 1px solid #aeaeae;
  border-top-left-radius: .3rem;
  border-top-right-radius: .3rem;
  padding-top: 8px;
  position: relative; }

.react-datepicker__header--time {
  padding-bottom: 8px;
  padding-left: 5px;
  padding-right: 5px; }

.react-datepicker__month-dropdown-container--scroll, .react-datepicker__month-dropdown-container--select, .react-datepicker__month-year-dropdown-container--scroll, .react-datepicker__month-year-dropdown-container--select, .react-datepicker__year-dropdown-container--scroll, .react-datepicker__year-dropdown-container--select {
  display: inline-block;
  margin: 0 2px; }

.react-datepicker-time__header, .react-datepicker-year-header, .react-datepicker__current-month {
  margin-top: 0;
  color: #000;
  font-weight: 700;
  font-size: .944rem; }

.react-datepicker-time__header {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden; }

.react-datepicker__navigation {
  background: none;
  line-height: 1.7rem;
  text-align: center;
  cursor: pointer;
  position: absolute;
  top: 10px;
  width: 0;
  padding: 0;
  border: .45rem solid transparent;
  z-index: 1;
  height: 10px;
  width: 10px;
  text-indent: -999em;
  overflow: hidden; }

.react-datepicker__navigation--previous {
  left: 10px;
  border-right-color: #ccc; }

.react-datepicker__navigation--previous:hover {
  border-right-color: #b3b3b3; }

.react-datepicker__navigation--previous--disabled, .react-datepicker__navigation--previous--disabled:hover {
  border-right-color: #e6e6e6;
  cursor: default; }

.react-datepicker__navigation--next {
  right: 10px;
  border-left-color: #ccc; }

.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button) {
  right: 80px; }

.react-datepicker__navigation--next:hover {
  border-left-color: #b3b3b3; }

.react-datepicker__navigation--next--disabled, .react-datepicker__navigation--next--disabled:hover {
  border-left-color: #e6e6e6;
  cursor: default; }

.react-datepicker__navigation--years {
  position: relative;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto; }

.react-datepicker__navigation--years-previous {
  top: 4px;
  border-top-color: #ccc; }

.react-datepicker__navigation--years-previous:hover {
  border-top-color: #b3b3b3; }

.react-datepicker__navigation--years-upcoming {
  top: -4px;
  border-bottom-color: #ccc; }

.react-datepicker__navigation--years-upcoming:hover {
  border-bottom-color: #b3b3b3; }

.react-datepicker__month-container {
  float: left; }

.react-datepicker__month {
  margin: .4rem;
  text-align: center; }

.react-datepicker__month .react-datepicker__month-text {
  display: inline-block;
  width: 4rem;
  margin: 2px; }

.react-datepicker__input-time-container {
  clear: both;
  width: 100%;
  float: left;
  margin: 5px 0 10px 15px;
  text-align: left; }

.react-datepicker__input-time-container .react-datepicker-time__caption, .react-datepicker__input-time-container .react-datepicker-time__input-container {
  display: inline-block; }

.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input {
  display: inline-block;
  margin-left: 10px; }

.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input {
  width: 85px; }

.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button, .react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0; }

.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time] {
  -moz-appearance: textfield; }

.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter {
  margin-left: 5px;
  display: inline-block; }

.react-datepicker__time-container {
  float: right;
  border-left: 1px solid #aeaeae;
  width: 70px; }

.react-datepicker__time-container--with-today-button {
  display: inline;
  border: 1px solid #aeaeae;
  border-radius: .3rem;
  position: absolute;
  right: -72px;
  top: 0; }

.react-datepicker__time-container .react-datepicker__time {
  position: relative;
  background: #fff; }

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box {
  width: 70px;
  overflow-x: hidden;
  margin: 0 auto;
  text-align: center; }

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list {
  list-style: none;
  margin: 0;
  height: calc(195px + .85rem);
  overflow-y: scroll;
  padding-right: 0;
  padding-left: 0;
  width: 100%;
  box-sizing: content-box; }

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item {
  height: 30px;
  padding: 5px 10px; }

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover {
  cursor: pointer;
  background-color: #f0f0f0; }

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected {
  background-color: #216ba5;
  color: #fff;
  font-weight: 700; }

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover {
  background-color: #216ba5; }

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled {
  color: #ccc; }

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover {
  cursor: default;
  background-color: transparent; }

.react-datepicker__week-number {
  color: #ccc;
  display: inline-block;
  width: 1.7rem;
  line-height: 1.7rem;
  text-align: center;
  margin: .166rem; }

.react-datepicker__week-number.react-datepicker__week-number--clickable {
  cursor: pointer; }

.react-datepicker__week-number.react-datepicker__week-number--clickable:hover {
  border-radius: .3rem;
  background-color: #f0f0f0; }

.react-datepicker__day-names, .react-datepicker__week {
  white-space: nowrap; }

.react-datepicker__day, .react-datepicker__day-name, .react-datepicker__time-name {
  color: #000;
  display: inline-block;
  width: 1.7rem;
  line-height: 1.7rem;
  text-align: center;
  margin: .166rem; }

.react-datepicker__month--in-range, .react-datepicker__month--in-selecting-range, .react-datepicker__month--selected {
  border-radius: .3rem;
  background-color: #216ba5;
  color: #fff; }

.react-datepicker__month--in-range:hover, .react-datepicker__month--in-selecting-range:hover, .react-datepicker__month--selected:hover {
  background-color: #1d5d90; }

.react-datepicker__month--disabled {
  color: #ccc;
  pointer-events: none; }

.react-datepicker__month--disabled:hover {
  cursor: default;
  background-color: transparent; }

.react-datepicker__day, .react-datepicker__month-text {
  cursor: pointer; }

.react-datepicker__day:hover, .react-datepicker__month-text:hover {
  border-radius: .3rem;
  background-color: #f0f0f0; }

.react-datepicker__day--today, .react-datepicker__month-text--today {
  font-weight: 700; }

.react-datepicker__day--highlighted, .react-datepicker__month-text--highlighted {
  border-radius: .3rem;
  background-color: #3dcc4a;
  color: #fff; }

.react-datepicker__day--highlighted:hover, .react-datepicker__month-text--highlighted:hover {
  background-color: #32be3f; }

.react-datepicker__day--highlighted-custom-1, .react-datepicker__month-text--highlighted-custom-1 {
  color: #f0f; }

.react-datepicker__day--highlighted-custom-2, .react-datepicker__month-text--highlighted-custom-2 {
  color: green; }

.react-datepicker__day--in-range, .react-datepicker__day--in-selecting-range, .react-datepicker__day--selected, .react-datepicker__month-text--in-range, .react-datepicker__month-text--in-selecting-range, .react-datepicker__month-text--selected {
  border-radius: .3rem;
  background-color: #216ba5;
  color: #fff; }

.react-datepicker__day--in-range:hover, .react-datepicker__day--in-selecting-range:hover, .react-datepicker__day--selected:hover, .react-datepicker__month-text--in-range:hover, .react-datepicker__month-text--in-selecting-range:hover, .react-datepicker__month-text--selected:hover {
  background-color: #1d5d90; }

.react-datepicker__day--keyboard-selected, .react-datepicker__month-text--keyboard-selected {
  border-radius: .3rem;
  background-color: #2a87d0;
  color: #fff; }

.react-datepicker__day--keyboard-selected:hover, .react-datepicker__month-text--keyboard-selected:hover {
  background-color: #1d5d90; }

.react-datepicker__day--in-selecting-range, .react-datepicker__month-text--in-selecting-range {
  background-color: rgba(33, 107, 165, 0.5); }

.react-datepicker__month--selecting-range .react-datepicker__day--in-range, .react-datepicker__month--selecting-range .react-datepicker__month-text--in-range {
  background-color: #f0f0f0;
  color: #000; }

.react-datepicker__day--disabled, .react-datepicker__month-text--disabled {
  cursor: default;
  color: #ccc; }

.react-datepicker__day--disabled:hover, .react-datepicker__month-text--disabled:hover {
  background-color: transparent; }

.react-datepicker__month-text.react-datepicker__month--in-range:hover, .react-datepicker__month-text.react-datepicker__month--selected:hover {
  background-color: #216ba5; }

.react-datepicker__month-text:hover {
  background-color: #f0f0f0; }

.react-datepicker__input-container {
  position: relative;
  display: inline-block; }

.react-datepicker__month-read-view, .react-datepicker__month-year-read-view, .react-datepicker__year-read-view {
  border: 1px solid transparent;
  border-radius: .3rem; }

.react-datepicker__month-read-view:hover, .react-datepicker__month-year-read-view:hover, .react-datepicker__year-read-view:hover {
  cursor: pointer; }

.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow, .react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow, .react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow, .react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow, .react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow, .react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow {
  border-top-color: #b3b3b3; }

.react-datepicker__month-read-view--down-arrow, .react-datepicker__month-year-read-view--down-arrow, .react-datepicker__year-read-view--down-arrow {
  border-top-color: #ccc;
  float: right;
  margin-left: 20px;
  top: 8px;
  position: relative;
  border-width: .45rem; }

.react-datepicker__month-dropdown, .react-datepicker__month-year-dropdown, .react-datepicker__year-dropdown {
  background-color: #f0f0f0;
  position: absolute;
  width: 50%;
  left: 25%;
  top: 30px;
  z-index: 1;
  text-align: center;
  border-radius: .3rem;
  border: 1px solid #aeaeae; }

.react-datepicker__month-dropdown:hover, .react-datepicker__month-year-dropdown:hover, .react-datepicker__year-dropdown:hover {
  cursor: pointer; }

.react-datepicker__month-dropdown--scrollable, .react-datepicker__month-year-dropdown--scrollable, .react-datepicker__year-dropdown--scrollable {
  height: 150px;
  overflow-y: scroll; }

.react-datepicker__month-option, .react-datepicker__month-year-option, .react-datepicker__year-option {
  line-height: 20px;
  width: 100%;
  display: block;
  margin-left: auto;
  margin-right: auto; }

.react-datepicker__month-option:first-of-type, .react-datepicker__month-year-option:first-of-type, .react-datepicker__year-option:first-of-type {
  border-top-left-radius: .3rem;
  border-top-right-radius: .3rem; }

.react-datepicker__month-option:last-of-type, .react-datepicker__month-year-option:last-of-type, .react-datepicker__year-option:last-of-type {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border-bottom-left-radius: .3rem;
  border-bottom-right-radius: .3rem; }

.react-datepicker__month-option:hover, .react-datepicker__month-year-option:hover, .react-datepicker__year-option:hover {
  background-color: #ccc; }

.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming, .react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming, .react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming {
  border-bottom-color: #b3b3b3; }

.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous, .react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous, .react-datepicker__year-option:hover .react-datepicker__navigation--years-previous {
  border-top-color: #b3b3b3; }

.react-datepicker__month-option--selected, .react-datepicker__month-year-option--selected, .react-datepicker__year-option--selected {
  position: absolute;
  left: 15px; }

.react-datepicker__close-icon {
  cursor: pointer;
  background-color: transparent;
  border: 0;
  outline: 0;
  padding: 0;
  position: absolute;
  top: 50%;
  right: 7px;
  height: 16px;
  width: 16px;
  margin: -8px auto 0; }

.react-datepicker__close-icon:after {
  cursor: pointer;
  background-color: #216ba5;
  color: #fff;
  border-radius: 50%;
  position: absolute;
  top: 0;
  right: 0;
  height: 16px;
  width: 16px;
  padding: 2px;
  font-size: 12px;
  line-height: 1;
  text-align: center;
  content: "\D7"; }

.react-datepicker__today-button {
  background: #f0f0f0;
  border-top: 1px solid #aeaeae;
  cursor: pointer;
  text-align: center;
  font-weight: 700;
  padding: 5px 0;
  clear: left; }

.react-datepicker__portal {
  position: fixed;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.8);
  left: 0;
  top: 0;
  justify-content: center;
  align-items: center;
  display: flex;
  z-index: 2147483647; }

.react-datepicker__portal .react-datepicker__day, .react-datepicker__portal .react-datepicker__day-name, .react-datepicker__portal .react-datepicker__time-name {
  width: 3rem;
  line-height: 3rem; }

@media (max-height: 550px), (max-width: 400px) {
  .react-datepicker__portal .react-datepicker__day, .react-datepicker__portal .react-datepicker__day-name, .react-datepicker__portal .react-datepicker__time-name {
    width: 2rem;
    line-height: 2rem; } }

.react-datepicker__portal .react-datepicker-time__header, .react-datepicker__portal .react-datepicker__current-month {
  font-size: 1.44rem; }

.react-datepicker__portal .react-datepicker__navigation {
  border: .81rem solid transparent; }

.react-datepicker__portal .react-datepicker__navigation--previous {
  border-right-color: #ccc; }

.react-datepicker__portal .react-datepicker__navigation--previous:hover {
  border-right-color: #b3b3b3; }

.react-datepicker__portal .react-datepicker__navigation--previous--disabled, .react-datepicker__portal .react-datepicker__navigation--previous--disabled:hover {
  border-right-color: #e6e6e6;
  cursor: default; }

.react-datepicker__portal .react-datepicker__navigation--next {
  border-left-color: #ccc; }

.react-datepicker__portal .react-datepicker__navigation--next:hover {
  border-left-color: #b3b3b3; }

.react-datepicker__portal .react-datepicker__navigation--next--disabled, .react-datepicker__portal .react-datepicker__navigation--next--disabled:hover {
  border-left-color: #e6e6e6;
  cursor: default; }
.container-fluid .dl-root .container {
  padding-top: 0; }

.dl-root {
  font-size: 15px; }
  .dl-root .transparent-box {
    padding-top: 0;
    padding-bottom: 0; }
    .dl-root .transparent-box p {
      color: white !important;
      font-size: 15px; }
    .dl-root .transparent-box p.dl-error-msg {
      color: #ffa300 !important;
      font-weight: bold; }
  .dl-root p {
    font-size: 15px; }
  .dl-root .dl-dist-label {
    font-weight: bold; }
  .dl-root .dl-bold {
    font-weight: bold; }
  .dl-root .bbanner {
    position: relative; }
    .dl-root .bbanner .bbanner-img {
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center center; }
  .dl-root .btn-dark-border {
    border-radius: 35px;
    background-color: #009ace;
    display: inline-block;
    border: none;
    padding: 9px 20px 9px 20px;
    max-width: 330px;
    width: 100%;
    text-align: center;
    font-size: 20px;
    color: #ffffff;
    text-decoration: none;
    font-weight: bold;
    letter-spacing: 0.7px;
    -webkit-transition: all 0.05s ease-out;
    -moz-transition: all 0.05s ease-out;
    -ms-transition: all 0.05s ease-out;
    -o-transition: all 0.05s ease-out;
    transition: all 0.05s ease-out;
    border: 4px solid #009ace;
    cursor: pointer;
    padding-top: 9px !important;
    padding-bottom: 9px; }
    .dl-root .btn-dark-border:hover, .dl-root .btn-dark-border:focus, .dl-root .btn-dark-border:active {
      text-decoration: none;
      color: #008ebe;
      background-color: #ffffff;
      border: 4px solid #009ace;
      outline: 0px; }
    .dl-root .btn-dark-border:active {
      transform: translateY(5px); }
    .dl-root .btn-dark-border.revert {
      background-color: #ffffff;
      color: #3d3935 !important; }
      .dl-root .btn-dark-border.revert:hover, .dl-root .btn-dark-border.revert:focus, .dl-root .btn-dark-border.revert:active, .dl-root .btn-dark-border.revert:visited, .dl-root .btn-dark-border.revert.button-active {
        text-decoration: none;
        color: #ffffff !important;
        background-color: #009ace;
        border: 4px solid #009ace; }
    .dl-root .btn-dark-border:hover, .dl-root .btn-dark-border:focus, .dl-root .btn-dark-border:active {
      text-decoration: none;
      color: #008ebe !important;
      background-color: #ffffff !important;
      border: 4px solid #009ace;
      outline: 0px;
      opacity: 1 !important; }
  .dl-root .dl-full-name {
    font-weight: bold; }
  .dl-root .btn-full {
    width: 100%;
    display: block;
    max-width: 100%; }
  .dl-root .btn-dark-border {
    font-size: 15px; }
  .dl-root .dl-iw-title {
    font-weight: bold;
    font-size: 15px; }
  .dl-root .modal-header,
  .dl-root .modal-header h2 {
    color: white !important; }
  .dl-root .bbanner-box-inner {
    padding: 20px; }
  @media (min-width: 768px) {
    .dl-root .modal-dialog {
      max-width: 600px; } }
  .dl-root .ra-submitted {
    text-align: center; }
  .dl-root textarea {
    padding: 10px; }

@media (min-width: 768px) {
  .en-IN.APAC-doc-locator .dl-root .modal-dialog {
    max-width: 600px !important; } }

.APAC-doc-locator .dl-root {
  margin-bottom: 0px; }

.APAC-doc-locator .dl-root .bbanner-img {
  min-height: 650px; }

.APAC-doc-locator .dl-root .dl-loading-icon {
  position: absolute;
  top: 12px;
  right: 12px;
  left: auto; }

.APAC-doc-locator .dl-root .dl-location-icon {
  right: 17px; }

.APAC-doc-locator .doc-business-name {
  color: #009ace;
  font-size: 22px;
  margin-bottom: 10px; }

.APAC-doc-locator .free-assessment {
  text-transform: uppercase;
  color: #3d3935; }

.APAC-doc-locator .modal-dialog {
  max-width: 90% !important;
  margin: auto;
  margin-top: 30px; }
  .APAC-doc-locator .modal-dialog .modal-body > div:first-child,
  .APAC-doc-locator .modal-dialog .modal-body > div:nth-child(2) {
    text-align: center;
    margin-bottom: 10px;
    font-size: 15px; }
  .APAC-doc-locator .modal-dialog .modal-body > div:nth-child(2) {
    margin-bottom: 30px; }
  .APAC-doc-locator .modal-dialog .modal-body p {
    margin-bottom: 0px; }
  .APAC-doc-locator .modal-dialog .modal-body .annotation_p {
    font-weight: bold; }
  .APAC-doc-locator .modal-dialog .modal-body .legend-icon-container {
    max-width: 50%;
    width: 100%;
    float: left;
    margin-bottom: 40px;
    padding-right: 10px; }
    @media only screen and (max-width: 991px) {
      .APAC-doc-locator .modal-dialog .modal-body .legend-icon-container {
        max-width: 100%;
        margin-bottom: 20px; } }

.APAC-doc-locator .additional-doc-details p {
  margin-bottom: 5px; }

.en-IN .doc-locator-ra-model {
  padding-left: 20px !important; }

.doc-locator-ra-model {
  padding: 20px; }
  .doc-locator-ra-model .modal-dialog {
    max-width: 1200px !important; }
  .doc-locator-ra-model .modal-body .smile-assessment-wrapper {
    margin-top: 0px !important; }

.is-popup .concerge-popup,
.is-popup .footer-expandable-bar,
.is-popup .fb_dialog_content {
  display: none; }

.is-popup .fb_dialog {
  display: none !important; }

.is-popup .smile-assessment-wrapper {
  margin-top: 0px; }

@media (min-width: 992px) {
  body.rtl .dl-root .dl-results-list {
    padding-right: 0;
    padding-left: 10px; } }

body.rtl .dl-root .dl-appointment-remove {
  left: 0;
  right: initial; }

body.rtl .dl-root .dl-phone-small {
  margin-right: 75px;
  margin-left: 0; }

body.rtl .dl-root .dl-callback-box {
  text-align: right; }

.brazil-doc-locator .dl-loading-icon {
  right: 15px;
  left: auto; }

.brazil-doc-locator .dl-results-item-container .orange-bullet-points li {
  font-size: 16px;
  margin-bottom: 12px !important; }
  .brazil-doc-locator .dl-results-item-container .orange-bullet-points li::before {
    position: relative;
    margin-right: 10px;
    top: 2px; }

.modal-open .dl-profile-dlg .dl-results-item-container .orange-bullet-points li {
  font-size: 16px;
  margin-bottom: 12px !important; }
  .modal-open .dl-profile-dlg .dl-results-item-container .orange-bullet-points li::before {
    position: relative;
    margin-right: 10px;
    top: 2px; }

.sv-text-panel {
  padding: 0 15px 10px; }

@media only screen and (max-width: 767px) {
  .sv-text-panel {
    padding-bottom: 5px; }
  .sv-text-panel h2 {
    margin-top: 10px; } }

.smile-visualization-wrap .sv-landing-page {
  color: #fff;
  padding-bottom: 15px; }

.smile-visualization-wrap .sv-user-form {
  color: #fff;
  max-width: 400px;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 15px; }

.smile-visualization-wrap .sv-label-error {
  color: red; }

.smile-visualization-wrap .sv-form-control {
  border-radius: 0;
  font-size: 16px;
  max-width: 400px;
  display: block;
  width: 100%;
  height: 42px;
  padding: 6px 12px;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
  transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out; }

.smile-visualization-wrap .sv-error {
  border: 1px solid red; }

.smile-visualization-wrap .sv-error::-webkit-input-placeholder {
  color: red; }

.smile-visualization-wrap .sv-error::-moz-placeholder {
  color: red; }

.smile-visualization-wrap .sv-error:-ms-input-placeholder {
  color: red; }

.smile-visualization-wrap .sv-error::-ms-input-placeholder {
  color: red; }

.smile-visualization-wrap .sv-error::placeholder {
  color: red; }

.smile-visualization-wrap .sv-checkmarkcontainer {
  padding-left: 30px;
  position: relative; }

.smile-visualization-wrap .sv-checkmarkcontainer .sv-checkmark {
  border: 1px solid #949695;
  display: block;
  position: absolute;
  top: 1px;
  left: 1px;
  height: 20px;
  width: 20px;
  background: #fff; }

.smile-visualization-wrap .sv-checkmarkcontainer input:checked ~ .sv-checkmark:after {
  display: block; }

.smile-visualization-wrap .sv-checkmarkcontainer .sv-checkmark:after {
  content: "";
  position: absolute;
  display: none;
  left: 7px;
  width: 7px;
  height: 13px;
  border: solid #2196f3;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  left: 6px;
  top: 2px; }

.smile-visualization-wrap .sv-checkmarkcontainer input[type=checkbox] {
  position: absolute;
  opacity: 0; }

.smile-visualization-wrap .sv-field-container {
  margin-bottom: 10px; }

.smile-visualization-wrap .sv-font-smaller {
  font-size: 12px; }

.smile-visualization-wrap .sv-bottom-disclaimer {
  margin-top: 30px;
  text-align: center; }

.smile-visualization-wrap .sv-upload-label {
  display: block;
  max-width: 400px;
  text-align: center;
  cursor: pointer;
  border: 1px solid #fff;
  padding: 12px;
  background-color: transparent;
  font-size: 12px; }

.smile-visualization-wrap .sv-upload-label:hover {
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
  background-color: #009ace;
  border: 1px solid transparent; }

.smile-visualization-wrap .sv-upload-label .sv-hidden-file {
  width: .1px;
  height: .1px;
  opacity: 0;
  position: absolute; }

.smile-visualization-wrap .sv-font-smallest {
  font-size: 9px; }

.smile-visualization-wrap .sv-small-width {
  max-width: 400px;
  margin-right: auto;
  margin-left: auto; }

.smile-visualization-wrap .modal-header {
  text-align: center;
  background-color: #009ace;
  color: #fff; }

.smile-visualization-wrap .modal-header h2 {
  margin-top: 0;
  margin-bottom: 0; }

.smile-visualization-wrap .modal-header .close {
  color: #fff;
  opacity: 1;
  position: absolute;
  top: -5px;
  right: -5px;
  border: 2px solid #fff;
  border-radius: 50%;
  width: 25px;
  height: 25px;
  background: #000; }

.smile-visualization-wrap .modal-header .close span[aria-hidden] {
  position: absolute;
  top: 9px;
  left: 5px;
  font-size: 21px;
  line-height: 1px; }

.smile-visualization-wrap .sv-modal-iframe {
  width: 100%;
  min-height: 400px;
  height: 80vh;
  border-width: 0; }

.smile-visualization-wrap .sv-loading-page {
  padding-bottom: 30px;
  color: #fff; }

.smile-visualization-wrap .sv-carousel-item > div {
  text-align: center; }

.smile-visualization-wrap .sv-carousel-item img {
  max-width: 100%; }

.smile-visualization-wrap .sv-progress-border {
  width: 220px;
  border-radius: 10px;
  margin: 15px auto 7px;
  height: 20px;
  border: 1px solid grey;
  position: relative; }

.smile-visualization-wrap .sv-progress-fill {
  background-color: #c4d600;
  -webkit-transition: width .6s ease;
  transition: width .6s ease;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px; }

.smile-visualization-wrap .sv-carousel-caption > div {
  padding: 15px 10px;
  text-align: center;
  font-size: 16px; }

.smile-visualization-wrap .sv-loading {
  position: absolute;
  text-align: center;
  bottom: 40px;
  width: 100%; }

.smile-visualization-wrap .sv-loading img {
  width: 25px;
  height: 25px; }

.smile-visualization-wrap .sv-upload-image-container {
  text-align: center;
  min-height: 100px;
  position: relative; }

.smile-visualization-wrap .sv-loading-header {
  text-align: center;
  padding-bottom: 15px;
  border-bottom: 2px solid #fff;
  margin-bottom: 0; }

.smile-visualization-wrap .sv-upload-image {
  opacity: .5;
  width: 55%; }

.smile-visualization-wrap .sv-progress-text {
  position: absolute;
  font-size: 18px;
  text-align: center;
  top: 10px;
  display: block;
  width: 100%; }

.smile-visualization-wrap .sv-progress-message {
  position: absolute;
  text-align: center;
  display: block;
  width: 100%;
  bottom: 10px;
  font-size: 16px; }

.smile-visualization-wrap .sv-percentage {
  position: absolute;
  right: -40px;
  color: #fff;
  top: 0; }

.smile-visualization-wrap .sv-error-page {
  color: #fff;
  text-align: center;
  padding-bottom: 30px; }

.smile-visualization-wrap .sv-error-page .btn {
  width: 100%;
  text-align: center;
  margin-top: 20px; }

.smile-visualization-wrap .sv-error-img {
  margin-top: 40px;
  margin-bottom: 40px; }

.smile-visualization-wrap .sv-error-img img {
  height: 200px;
  width: 200px; }

.smile-visualization-wrap .sv-results-disclaimer {
  position: fixed;
  left: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.8);
  margin-bottom: 0;
  z-index: 1000;
  color: #fff;
  text-align: center; }

.smile-visualization-wrap .sv-results-disclaimer-inner {
  padding: 15px; }

.smile-visualization-wrap .sv-results-page {
  background-color: #fff; }

.smile-visualization-wrap .sv-slide {
  position: relative;
  padding-bottom: 5px;
  top: -3px; }

.smile-visualization-wrap .sv-slide .switch {
  width: 100px;
  height: 30px;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  position: absolute;
  top: 50%;
  left: 50%; }

.smile-visualization-wrap .sv-slide .switch input {
  display: none; }

.smile-visualization-wrap .sv-slide .slider {
  background-position: 4px 4px;
  position: absolute;
  cursor: pointer;
  top: 0;
  width: 100px;
  height: 30px;
  background-color: rgba(0, 0, 0, 0.2);
  -webkit-transition: .4s;
  transition: .4s; }

.smile-visualization-wrap .sv-slide .slider:before {
  position: absolute;
  content: "";
  height: 30px;
  width: 30px;
  left: 0;
  bottom: 0;
  background-color: #fff;
  -webkit-transition: .4s;
  transition: .4s; }

.smile-visualization-wrap .sv-slide input:focus + .slider {
  box-shadow: 0 0 1px #171c8f; }

.smile-visualization-wrap .sv-slide input:checked + .slider:before {
  -webkit-transform: translateX(70px);
  transform: translateX(70px); }

.smile-visualization-wrap .sv-slide .slider.round {
  border-radius: 34px; }

.smile-visualization-wrap .sv-slide .slider.round:before {
  border-radius: 50%; }

.smile-visualization-wrap .sv-slide .slider.lock:before {
  content: "\1F512";
  font-size: 15px;
  padding-top: 3px;
  padding-left: 2px;
  color: #009ace;
  text-align: center; }

.smile-visualization-wrap .sv-slide.sv-sample {
  top: 0; }

.smile-visualization-wrap .sv-btn-group-slider, .smile-visualization-wrap .sv-results-img-container {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  position: relative; }

.smile-visualization-wrap .sv-btn-group-slider img, .smile-visualization-wrap .sv-results-img-container img {
  width: 100%; }

.smile-visualization-wrap .sv-btn-group-slider.sv-sample, .smile-visualization-wrap .sv-results-img-container.sv-sample {
  max-width: 300px; }

.smile-visualization-wrap .sv-btn-group-slider {
  height: 60px;
  background-color: #009ace; }

.smile-visualization-wrap .sv-label-current, .smile-visualization-wrap .sv-label-simulation {
  color: #fff;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  position: absolute;
  top: 50%;
  font-size: 18px; }

.smile-visualization-wrap .sv-label-current {
  left: 10px; }

.smile-visualization-wrap .sv-label-simulation {
  right: 10px; }

.smile-visualization-wrap .sv-bold {
  font-weight: 300; }

.smile-visualization-wrap .sv-thumbsdown, .smile-visualization-wrap .sv-thumbsup {
  width: 50px;
  height: 50px;
  position: absolute;
  bottom: 15px; }

.smile-visualization-wrap .sv-thumbsup {
  left: 10px;
  background-image: url(https://eu-conweb.s3-eu-west-1.amazonaws.com/Content/smvis/img/thumbs-up.svg); }

.smile-visualization-wrap .sv-thumbsdown {
  right: 10px;
  background-image: url(https://eu-conweb.s3-eu-west-1.amazonaws.com/Content/smvis/img/thumbs-down.svg); }

.smile-visualization-wrap .sv-thumb-thankyou {
  display: none;
  color: #000;
  font-size: 10px;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  position: absolute;
  top: 50%;
  left: 50%;
  text-align: center; }

.smile-visualization-wrap .sv-expand-icon {
  position: absolute;
  top: 15px;
  right: 10px; }

.smile-visualization-wrap .sv-expand-icon img {
  width: 40px;
  height: 40px; }

.smile-visualization-wrap .sv-modal-nopadding {
  padding: 0; }

.smile-visualization-wrap .btn-wide {
  width: 100%;
  text-align: center;
  max-width: 400px; }

.smile-visualization-wrap .sv-thumb-active {
  display: block;
  background-image: none;
  background-color: #fff;
  border-radius: 50%; }

.smile-visualization-wrap .sv-thumb-active .sv-thumb-thankyou {
  display: block; }

.smile-visualization-wrap .sv-thankyou-msg {
  text-align: center;
  margin-top: 20px;
  font-size: 25px; }

.smile-visualization-wrap .sv-phone-prefix {
  width: 25%;
  float: left;
  color: #3d3935;
  height: 42px; }

.smile-visualization-wrap .sv-phone-short {
  width: 70%;
  float: right; }

.smile-visualization-wrap .sv-pin-form {
  color: #fff;
  text-align: center;
  margin-top: 20px; }

.smile-visualization-wrap .sv-pin-form .row {
  width: 200px;
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 20px; }

.smile-visualization-wrap .sv-pin-form .row > div {
  padding-left: 5px;
  padding-right: 5px; }

.smile-visualization-wrap .sv-pin-form input[type=text] {
  text-align: center;
  font-size: 30px;
  padding-left: 5px;
  padding-right: 5px; }

.smile-visualization-wrap.inpractice-pin-form .sv-pin-form {
  color: #3d3935; }

.smile-visualization-wrap .modal-dialog #resultPictureBig, .smile-visualization-wrap .modal-dialog #uploadedPictureBig {
  max-width: 100%; }

.smile-visualization-wrap .inpractice-landing-header {
  position: relative; }

.smile-visualization-wrap .inpractice-landing-header h1 {
  text-align: center;
  margin-bottom: 40px; }

@media only screen and (max-width: 767px) {
  .smile-visualization-wrap .inpractice-landing-header h1 {
    margin-bottom: 10px; } }

.smile-visualization-wrap .inpractice-landing-header .inpractice-tips-container {
  max-width: 400px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 30px; }

.smile-visualization-wrap .inpractice-landing-header .inpractice-tips-container h2 {
  text-align: center;
  font-size: 20px;
  margin-bottom: 30px;
  color: #009ace; }

.smile-visualization-wrap .inpractice-landing-header .inpractice-tips-container .inpractice-landing-tip {
  margin-bottom: 7px;
  padding-left: 25px;
  position: relative; }

.smile-visualization-wrap .inpractice-landing-header .inpractice-tips-container .inpractice-landing-tip:before {
  content: "";
  left: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  position: absolute;
  top: 50%;
  width: 16px;
  height: 16px;
  background-image: url(https://eu-conweb.s3-eu-west-1.amazonaws.com/Content/smvis/img/checkcopy.png);
  background-size: contain;
  background-repeat: no-repeat; }

.smile-visualization-wrap .inpractice-landing-header .inpractice-profile-thumbnail {
  width: 65px;
  height: 65px;
  display: block;
  margin-left: auto;
  margin-bottom: 10px; }

@media only screen and (min-width: 768px) {
  .smile-visualization-wrap .inpractice-landing-header .inpractice-profile-thumbnail {
    position: absolute;
    right: 0;
    right: 20px; } }

.smile-visualization-wrap .inpractice-progress-section {
  min-height: 100px;
  background-color: #3d3935; }

.smile-visualization-wrap .inpractice-progress-header {
  font-size: 22px;
  padding-top: 10px;
  color: #fff; }

.smile-visualization-wrap .inpractice-percentage {
  color: #fff;
  text-align: center;
  font-size: 40px;
  position: static;
  width: 100%; }

.smile-visualization-wrap .inpractice-progress-text {
  color: #fff;
  text-align: center; }

.smile-visualization-wrap .inpractice-user-form {
  color: #3d3935;
  max-width: 500px;
  margin-right: auto;
  margin-left: auto;
  padding-top: 20px; }

.smile-visualization-wrap .inpractice-user-form input[type=text] {
  width: 100%; }

.smile-visualization-wrap .inpractice-user-form .sv-form-control {
  max-width: 500px; }

.smile-visualization-wrap .inpractice-user-form .btn-lblue {
  background-color: #009ace;
  color: #fff; }

.smile-visualization-wrap .inpractice-form-header1, .smile-visualization-wrap .inpractice-form-header2 {
  text-align: center;
  margin-bottom: 10px; }

.smile-visualization-wrap .inpractice-form-header1 {
  font-size: 18px; }

.smile-visualization-wrap .inpractice-form-header2 {
  font-size: 16px; }

.smile-visualization-wrap .inpractice-form-item {
  margin-bottom: 20px; }

.smile-visualization-wrap .inpractice-form-questions-container {
  margin-bottom: 15px; }

.smile-visualization-wrap .inpractice-form-buttons-container {
  margin-bottom: 35px;
  text-align: center; }

.smile-visualization-wrap .inpractice-form-buttons-container .btn {
  padding-left: 20px;
  padding-right: 20px; }

.smile-visualization-wrap .inpractice-form-buttons-container .btn:first-of-type {
  margin-right: 15px; }

.smile-visualization-wrap .inpractice-form-small-text {
  font-size: 10px; }

.smile-visualization-wrap .inpractice-thankyou-section {
  text-align: center;
  padding-top: 40px;
  padding-bottom: 20px; }

.smile-visualization-wrap .inpractice-thankyou-section .btn-lblue {
  background-color: #009ace;
  color: #fff; }

.smile-visualization-wrap .sv-docloc-form {
  max-width: 400px;
  margin-left: auto;
  margin-right: auto;
  color: #fff;
  padding-top: 40px;
  padding-bottom: 40px; }

.smile-visualization-wrap .sv-docloc-form .btn-lblue {
  color: #fff;
  background-color: #009ace; }

.smile-visualization-wrap .sv-docloc-form .sv-docloc-title {
  margin-bottom: 10px;
  font-size: 26px; }

@media only screen and (min-width: 768px) {
  .smile-visualization-wrap .sv-btn-group-slider, .smile-visualization-wrap .sv-results-img-container {
    max-width: 60%; }
  .smile-visualization-wrap .sv-btn-group-slider.sv-sample, .smile-visualization-wrap .sv-results-img-container.sv-sample {
    max-width: 420px; }
  .smile-visualization-wrap .sv-phone-prefix {
    width: 20%;
    padding-left: 10px; }
  .smile-visualization-wrap .sv-phone-short {
    width: 75%; } }

@media only screen and (max-width: 767px) {
  .smile-visualization-wrap .sv-results-page {
    margin-right: -15px;
    margin-left: -15px; }
  .smile-visualization-wrap .sv-sample .sv-label-current, .smile-visualization-wrap .sv-sample .sv-label-simulation {
    font-size: 14px; } }

.sv-white {
  background: #fff; }

.sv-charcoal {
  background-color: #3d3935; }

.sv-inpractice-bkg .sv-landing-page, .sv-inpractice-bkg .sv-user-form {
  color: #3d3935; }

.sv-inpractice-bkg .sv-landing-page .sv-upload-label, .sv-inpractice-bkg .sv-user-form .sv-upload-label {
  background-color: #009ace;
  color: #fff; }

.sv-transparent .sv-charcoal {
  background-color: transparent; }

.sv-transparent .sv-text-panel div, .sv-transparent .sv-text-panel h1, .sv-transparent .sv-text-panel h2, .sv-transparent .sv-text-panel h3, .sv-transparent .sv-text-panel p {
  color: #fff; }

.sv-transparent .smile-visualization-wrap .sv-upload-label:hover {
  border: 1px solid #fff; }

.sv-transparent .smile-visualization-wrap .sv-results-page {
  background-color: transparent; }

.sv-transparent .smile-visualization-wrap a, .sv-transparent .smile-visualization-wrap div {
  color: #fff; }

.sv-transparent .smile-visualization-wrap .btn.btn-lblue:hover {
  background-color: #fff;
  color: #3d3935 !important;
  border: 1px solid #3d3935; }
.sv-text-panel {
  padding: 0 15px 10px; }

@media only screen and (max-width: 767px) {
  .sv-text-panel {
    padding-bottom: 5px; }
  .sv-text-panel h2 {
    margin-top: 10px; } }

.sv-carousel-item {
  display: flex !important; }

.sv-carousel-item > div {
  text-align: center; }

.sv-carousel-item img {
  max-width: 100%; }

@media only screen and (min-width: 768px) {
  .SmileViewDisplayOnMobile {
    display: none; } }

.cls {
  border-radius: 50%;
  overflow: hidden;
  margin: 6px; }

.smile-visualization-wrap .sv-landing-page, .sv-user-form .sv-landing-page {
  color: #fff;
  padding-bottom: 15px; }

.smile-visualization-wrap .sv-user-form, .sv-user-form .sv-user-form {
  color: #fff;
  max-width: 400px;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 15px; }

.smile-visualization-wrap .sv-label-error, .sv-user-form .sv-label-error {
  color: red; }

.smile-visualization-wrap .sv-form-control, .sv-user-form .sv-form-control {
  border-radius: 0;
  font-size: 16px;
  max-width: 400px;
  display: block;
  width: 100%;
  height: 42px;
  padding: 6px 12px;
  text-align: left;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
  transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out; }

.smile-visualization-wrap .sv-form-control[type=email], .smile-visualization-wrap .sv-form-control[type=text], .sv-user-form .sv-form-control[type=email], .sv-user-form .sv-form-control[type=text] {
  background-repeat: no-repeat;
  background-position: right 8px center;
  padding-right: 35px !important; }

.smile-visualization-wrap .sv-form-control.sv-valid, .sv-user-form .sv-form-control.sv-valid {
  background-image: url(https://eu-conweb.s3-eu-west-1.amazonaws.com/Content/smvis/img/Invisalign_icon_input_check.svg);
  background-size: 20px;
  background-repeat: no-repeat; }

.smile-visualization-wrap .sv-error, .sv-user-form .sv-error {
  border: 1px solid red !important; }

.smile-visualization-wrap .sv-error::-webkit-input-placeholder, .sv-user-form .sv-error::-webkit-input-placeholder {
  color: red; }

.smile-visualization-wrap .sv-error::-moz-placeholder, .sv-user-form .sv-error::-moz-placeholder {
  color: red; }

.smile-visualization-wrap .sv-error:-ms-input-placeholder, .sv-user-form .sv-error:-ms-input-placeholder {
  color: red; }

.smile-visualization-wrap .sv-error::-ms-input-placeholder, .sv-user-form .sv-error::-ms-input-placeholder {
  color: red; }

.smile-visualization-wrap .sv-error::placeholder, .sv-user-form .sv-error::placeholder {
  color: red; }

.smile-visualization-wrap label.ageAcceptance, .sv-user-form label.ageAcceptance {
  display: block;
  position: relative;
  padding-left: 35px;
  padding-right: 15px !important;
  margin-bottom: 12px;
  font-size: 12px !important;
  line-height: 1.3;
  color: #949695 !important;
  font-weight: 400;
  letter-spacing: .3px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-family: Neue Haas Grotesk Text Reg, sans-serif !important; }

.smile-visualization-wrap .sv-checkmarkcontainer, .sv-user-form .sv-checkmarkcontainer {
  padding-left: 30px;
  position: relative; }

.smile-visualization-wrap .sv-checkmarkcontainer .sv-checkmark, .sv-user-form .sv-checkmarkcontainer .sv-checkmark {
  border: 1px solid #949695;
  display: block;
  position: absolute;
  top: 1px;
  left: 1px;
  height: 20px;
  width: 20px;
  background: #fff; }

.smile-visualization-wrap .sv-checkmarkcontainer input:checked ~ .sv-checkmark:after, .sv-user-form .sv-checkmarkcontainer input:checked ~ .sv-checkmark:after {
  display: block; }

.smile-visualization-wrap .sv-checkmarkcontainer input[type=checkbox]:not(:checked) ~ div.popover.warningTooltip, .sv-user-form .sv-checkmarkcontainer input[type=checkbox]:not(:checked) ~ div.popover.warningTooltip {
  opacity: 1 !important; }

.smile-visualization-wrap .sv-checkmarkcontainer input:checked ~ div.popover.warningTooltip, .sv-user-form .sv-checkmarkcontainer input:checked ~ div.popover.warningTooltip {
  opacity: 0; }

.smile-visualization-wrap .sv-checkmarkcontainer .sv-checkmark:after, .sv-user-form .sv-checkmarkcontainer .sv-checkmark:after {
  content: "";
  position: absolute;
  display: none;
  left: 7px;
  width: 7px;
  height: 13px;
  border: solid #2196f3;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  left: 6px;
  top: 2px; }

.smile-visualization-wrap .sv-checkmarkcontainer input[type=checkbox], .sv-user-form .sv-checkmarkcontainer input[type=checkbox] {
  position: absolute;
  opacity: 0; }

.smile-visualization-wrap .sv-checkmarkcontainer.sv-label-error > .sv-checkmark, .sv-user-form .sv-checkmarkcontainer.sv-label-error > .sv-checkmark {
  border-color: red; }

.smile-visualization-wrap .sv-field-container, .sv-user-form .sv-field-container {
  margin-bottom: 10px;
  text-align: left;
  padding-top: 4px; }

.smile-visualization-wrap .sv-field-container .smileviewCheckbox, .sv-user-form .sv-field-container .smileviewCheckbox {
  margin-top: 28px; }

.smile-visualization-wrap .sv-field-container .sv-form-control, .sv-user-form .sv-field-container .sv-form-control {
  display: block;
  border: none;
  border-radius: 0;
  padding: 14px 5px 14px 14px;
  background-color: #ebebeb;
  font-size: 16px;
  height: auto !important;
  box-shadow: none;
  color: #3d3935 !important;
  font-weight: 400; }

.smile-visualization-wrap .sv-font-smaller, .sv-user-form .sv-font-smaller {
  font-size: 12px; }

.smile-visualization-wrap .sv-bottom-disclaimer, .sv-user-form .sv-bottom-disclaimer {
  margin-top: 30px;
  text-align: center; }

.smile-visualization-wrap .sv-upload-label, .sv-user-form .sv-upload-label {
  background: #00aee8;
  color: #fff;
  outline: 0;
  border: 0;
  padding: 10px 20px;
  font-size: 20px;
  margin: 10px;
  font-weight: 400;
  border-radius: 20px; }

.smile-visualization-wrap .sv-upload-label:hover, .sv-user-form .sv-upload-label:hover {
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
  background-color: #009ace;
  border: 1px solid transparent; }

.smile-visualization-wrap .sv-upload-label .sv-hidden-file, .sv-user-form .sv-upload-label .sv-hidden-file {
  width: .1px;
  height: .1px;
  opacity: 0;
  position: absolute; }

.smile-visualization-wrap .sv-font-smallest, .sv-user-form .sv-font-smallest {
  font-size: 9px; }

.smile-visualization-wrap .sv-small-width, .sv-user-form .sv-small-width {
  max-width: 400px;
  margin-right: auto;
  margin-left: auto; }

.smile-visualization-wrap .modal-header, .sv-user-form .modal-header {
  text-align: center;
  background-color: #009ace;
  color: #fff; }

.smile-visualization-wrap .modal-header h2, .sv-user-form .modal-header h2 {
  margin-top: 0;
  margin-bottom: 0; }

.smile-visualization-wrap .modal-header .close, .sv-user-form .modal-header .close {
  color: #fff;
  opacity: 1;
  position: absolute;
  top: -5px;
  right: -5px;
  border: 2px solid #fff;
  border-radius: 50%;
  width: 25px;
  height: 25px;
  background: #000; }

.smile-visualization-wrap .modal-header .close span[aria-hidden], .sv-user-form .modal-header .close span[aria-hidden] {
  position: absolute;
  top: 9px;
  left: 5px;
  font-size: 21px;
  line-height: 1px; }

.smile-visualization-wrap .sv-modal-iframe, .sv-user-form .sv-modal-iframe {
  width: 100%;
  min-height: 400px;
  height: 80vh;
  border-width: 0; }

.smile-visualization-wrap .sv-loading-page, .sv-user-form .sv-loading-page {
  padding-bottom: 30px;
  color: #fff; }

.smile-visualization-wrap .sv-carousel-item > div, .sv-user-form .sv-carousel-item > div {
  text-align: center; }

.smile-visualization-wrap .sv-carousel-item img, .sv-user-form .sv-carousel-item img {
  max-width: 100%; }

.smile-visualization-wrap .sv-progress-border, .sv-user-form .sv-progress-border {
  width: 220px;
  border-radius: 10px;
  margin: 15px auto 7px;
  height: 20px;
  border: 1px solid grey;
  position: relative; }

.smile-visualization-wrap .sv-progress-fill, .sv-user-form .sv-progress-fill {
  background-color: #c4d600;
  -webkit-transition: width .6s ease;
  transition: width .6s ease;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px; }

.smile-visualization-wrap .sv-carousel-caption > div, .sv-user-form .sv-carousel-caption > div {
  padding: 15px 10px;
  text-align: center;
  font-size: 16px; }

.smile-visualization-wrap .sv-loading, .sv-user-form .sv-loading {
  text-align: center;
  width: 100%;
  padding: 50px 0; }

.smile-visualization-wrap .sv-loading img, .sv-user-form .sv-loading img {
  width: 50px;
  height: 50px; }

.smile-visualization-wrap .sv-upload-image-container, .sv-user-form .sv-upload-image-container {
  text-align: center;
  min-height: 100px;
  position: relative; }

.smile-visualization-wrap .sv-loading-header, .sv-user-form .sv-loading-header {
  text-align: center;
  padding-bottom: 15px;
  border-bottom: 2px solid #fff;
  margin-bottom: 0; }

.smile-visualization-wrap .sv-upload-image, .sv-user-form .sv-upload-image {
  opacity: .5;
  width: 55%; }

.smile-visualization-wrap .sv-progress-text, .sv-user-form .sv-progress-text {
  position: absolute;
  font-size: 18px;
  text-align: center;
  top: 10px;
  display: block;
  width: 100%; }

.smile-visualization-wrap .sv-progress-message, .sv-user-form .sv-progress-message {
  position: absolute;
  text-align: center;
  display: block;
  width: 100%;
  bottom: 10px;
  font-size: 16px; }

.smile-visualization-wrap .sv-percentage, .sv-user-form .sv-percentage {
  position: absolute;
  right: -40px;
  color: #fff;
  top: 0; }

.smile-visualization-wrap .sv-error-page, .sv-user-form .sv-error-page {
  color: #fff;
  text-align: center;
  padding-bottom: 30px; }

.smile-visualization-wrap .sv-error-page .btn, .sv-user-form .sv-error-page .btn {
  width: 100%;
  text-align: center;
  margin-top: 20px; }

.smile-visualization-wrap .sv-error-img, .sv-user-form .sv-error-img {
  margin-top: 40px;
  margin-bottom: 40px; }

.smile-visualization-wrap .sv-error-img img, .sv-user-form .sv-error-img img {
  height: 200px;
  width: 200px; }

.smile-visualization-wrap .sv-results-disclaimer, .sv-user-form .sv-results-disclaimer {
  position: fixed;
  left: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.8);
  margin-bottom: 0;
  z-index: 1000;
  color: #fff;
  text-align: center; }

.smile-visualization-wrap .sv-results-disclaimer-inner, .sv-user-form .sv-results-disclaimer-inner {
  padding: 15px; }

.smile-visualization-wrap .sv-results-page, .sv-user-form .sv-results-page {
  background-color: #fff; }

.smile-visualization-wrap .sv-slide, .sv-user-form .sv-slide {
  position: relative;
  padding-bottom: 5px;
  top: -3px; }

.smile-visualization-wrap .sv-slide .switch, .sv-user-form .sv-slide .switch {
  width: 100px;
  height: 30px;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  position: absolute;
  top: 50%;
  left: 50%; }

.smile-visualization-wrap .sv-slide .switch input, .sv-user-form .sv-slide .switch input {
  display: none; }

.smile-visualization-wrap .sv-slide .slider, .sv-user-form .sv-slide .slider {
  background-position: 4px 4px;
  position: absolute;
  cursor: pointer;
  top: 0;
  width: 100px;
  height: 30px;
  background-color: rgba(0, 0, 0, 0.2);
  -webkit-transition: .4s;
  transition: .4s; }

.smile-visualization-wrap .sv-slide .slider:before, .sv-user-form .sv-slide .slider:before {
  position: absolute;
  content: "";
  height: 30px;
  width: 30px;
  left: 0;
  bottom: 0;
  background-color: #fff;
  -webkit-transition: .4s;
  transition: .4s; }

.smile-visualization-wrap .sv-slide input:focus + .slider, .sv-user-form .sv-slide input:focus + .slider {
  box-shadow: 0 0 1px #171c8f; }

.smile-visualization-wrap .sv-slide input:checked + .slider:before, .sv-user-form .sv-slide input:checked + .slider:before {
  -webkit-transform: translateX(70px);
  transform: translateX(70px); }

.smile-visualization-wrap .sv-slide .slider.round, .sv-user-form .sv-slide .slider.round {
  border-radius: 34px; }

.smile-visualization-wrap .sv-slide .slider.round:before, .sv-user-form .sv-slide .slider.round:before {
  border-radius: 50%; }

.smile-visualization-wrap .sv-slide .slider.lock:before, .sv-user-form .sv-slide .slider.lock:before {
  content: "\1F512";
  font-size: 15px;
  padding-top: 3px;
  padding-left: 2px;
  color: #009ace;
  text-align: center; }

.smile-visualization-wrap .sv-slide.sv-sample, .sv-user-form .sv-slide.sv-sample {
  top: 0; }

.smile-visualization-wrap .sv-btn-group-slider, .smile-visualization-wrap .sv-results-img-container, .sv-user-form .sv-btn-group-slider, .sv-user-form .sv-results-img-container {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  position: relative; }

.smile-visualization-wrap .sv-btn-group-slider img, .smile-visualization-wrap .sv-results-img-container img, .sv-user-form .sv-btn-group-slider img, .sv-user-form .sv-results-img-container img {
  width: 100%; }

.smile-visualization-wrap .sv-btn-group-slider.sv-sample, .smile-visualization-wrap .sv-results-img-container.sv-sample, .sv-user-form .sv-btn-group-slider.sv-sample, .sv-user-form .sv-results-img-container.sv-sample {
  max-width: 300px; }

.smile-visualization-wrap .sv-btn-group-slider, .sv-user-form .sv-btn-group-slider {
  height: 60px;
  background-color: #009ace; }

.smile-visualization-wrap .sv-label-current, .smile-visualization-wrap .sv-label-simulation, .sv-user-form .sv-label-current, .sv-user-form .sv-label-simulation {
  color: #fff;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  position: absolute;
  top: 50%;
  font-size: 18px; }

.smile-visualization-wrap .sv-label-current, .sv-user-form .sv-label-current {
  left: 10px; }

.smile-visualization-wrap .sv-label-simulation, .sv-user-form .sv-label-simulation {
  right: 10px; }

.smile-visualization-wrap .sv-bold, .sv-user-form .sv-bold {
  font-weight: 300; }

.smile-visualization-wrap .sv-thumbsdown, .smile-visualization-wrap .sv-thumbsup, .sv-user-form .sv-thumbsdown, .sv-user-form .sv-thumbsup {
  width: 50px;
  height: 50px;
  position: absolute;
  bottom: 15px; }

.smile-visualization-wrap .sv-thumbsup, .sv-user-form .sv-thumbsup {
  left: 10px;
  background-image: url(https://eu-conweb.s3-eu-west-1.amazonaws.com/Content/smvis/img/thumbs-up.svg); }

.smile-visualization-wrap .sv-thumbsdown, .sv-user-form .sv-thumbsdown {
  right: 10px;
  background-image: url(https://eu-conweb.s3-eu-west-1.amazonaws.com/Content/smvis/img/thumbs-down.svg); }

.smile-visualization-wrap .sv-thumb-thankyou, .sv-user-form .sv-thumb-thankyou {
  display: none;
  color: #000;
  font-size: 10px;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  position: absolute;
  top: 50%;
  left: 50%;
  text-align: center; }

.smile-visualization-wrap .sv-expand-icon, .sv-user-form .sv-expand-icon {
  position: absolute;
  top: 15px;
  right: 10px; }

.smile-visualization-wrap .sv-expand-icon img, .sv-user-form .sv-expand-icon img {
  width: 40px;
  height: 40px; }

.smile-visualization-wrap .sv-modal-nopadding, .sv-user-form .sv-modal-nopadding {
  padding: 0; }

.smile-visualization-wrap .btn-wide, .sv-user-form .btn-wide {
  width: 100%;
  text-align: center;
  max-width: 400px; }

.smile-visualization-wrap .sv-thumb-active, .sv-user-form .sv-thumb-active {
  display: block;
  background-image: none;
  background-color: #fff;
  border-radius: 50%; }

.smile-visualization-wrap .sv-thumb-active .sv-thumb-thankyou, .sv-user-form .sv-thumb-active .sv-thumb-thankyou {
  display: block; }

.smile-visualization-wrap .sv-thankyou-msg, .sv-user-form .sv-thankyou-msg {
  text-align: center;
  margin-top: 20px;
  font-size: 25px; }

.smile-visualization-wrap .sv-phone-prefix, .sv-user-form .sv-phone-prefix {
  width: 25%;
  float: left;
  color: #3d3935;
  height: 42px; }

.smile-visualization-wrap .sv-phone-short, .sv-user-form .sv-phone-short {
  width: 70%;
  float: right; }

.smile-visualization-wrap .sv-pin-form, .sv-user-form .sv-pin-form {
  color: #fff;
  text-align: center;
  margin-top: 20px; }

.smile-visualization-wrap .sv-pin-form .row, .sv-user-form .sv-pin-form .row {
  width: 200px;
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 20px; }

.smile-visualization-wrap .sv-pin-form .row > div, .sv-user-form .sv-pin-form .row > div {
  padding-left: 5px;
  padding-right: 5px; }

.smile-visualization-wrap .sv-pin-form input[type=text], .sv-user-form .sv-pin-form input[type=text] {
  text-align: center;
  font-size: 30px;
  padding-left: 5px;
  padding-right: 5px; }

.smile-visualization-wrap.inpractice-pin-form .sv-pin-form, .sv-user-form.inpractice-pin-form .sv-pin-form {
  color: #3d3935; }

.smile-visualization-wrap .modal-dialog #resultPictureBig, .smile-visualization-wrap .modal-dialog #uploadedPictureBig, .sv-user-form .modal-dialog #resultPictureBig, .sv-user-form .modal-dialog #uploadedPictureBig {
  max-width: 100%; }

.smile-visualization-wrap .inpractice-landing-header, .sv-user-form .inpractice-landing-header {
  position: relative; }

.smile-visualization-wrap .inpractice-landing-header h1, .sv-user-form .inpractice-landing-header h1 {
  text-align: center;
  margin-bottom: 40px; }

@media only screen and (max-width: 767px) {
  .smile-visualization-wrap .inpractice-landing-header h1, .sv-user-form .inpractice-landing-header h1 {
    margin-bottom: 10px; } }

.smile-visualization-wrap .inpractice-landing-header .inpractice-tips-container, .sv-user-form .inpractice-landing-header .inpractice-tips-container {
  max-width: 400px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 30px; }

.smile-visualization-wrap .inpractice-landing-header .inpractice-tips-container h2, .sv-user-form .inpractice-landing-header .inpractice-tips-container h2 {
  text-align: center;
  font-size: 20px;
  margin-bottom: 30px;
  color: #009ace; }

.smile-visualization-wrap .inpractice-landing-header .inpractice-tips-container .inpractice-landing-tip, .sv-user-form .inpractice-landing-header .inpractice-tips-container .inpractice-landing-tip {
  margin-bottom: 7px;
  padding-left: 25px;
  position: relative; }

.smile-visualization-wrap .inpractice-landing-header .inpractice-tips-container .inpractice-landing-tip:before, .sv-user-form .inpractice-landing-header .inpractice-tips-container .inpractice-landing-tip:before {
  content: "";
  left: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  position: absolute;
  top: 50%;
  width: 16px;
  height: 16px;
  background-image: url(https://eu-conweb.s3-eu-west-1.amazonaws.com/Content/smvis/img/checkcopy.png);
  background-size: contain;
  background-repeat: no-repeat; }

.smile-visualization-wrap .inpractice-landing-header .inpractice-profile-thumbnail, .sv-user-form .inpractice-landing-header .inpractice-profile-thumbnail {
  width: 65px;
  height: 65px;
  display: block;
  margin-left: auto;
  margin-bottom: 10px; }

@media only screen and (min-width: 768px) {
  .smile-visualization-wrap .inpractice-landing-header .inpractice-profile-thumbnail, .sv-user-form .inpractice-landing-header .inpractice-profile-thumbnail {
    position: absolute;
    right: 0;
    right: 20px; } }

.smile-visualization-wrap .inpractice-progress-section, .sv-user-form .inpractice-progress-section {
  min-height: 100px;
  background-color: #3d3935; }

.smile-visualization-wrap .inpractice-progress-header, .sv-user-form .inpractice-progress-header {
  font-size: 22px;
  padding-top: 10px;
  color: #fff; }

.smile-visualization-wrap .inpractice-percentage, .sv-user-form .inpractice-percentage {
  color: #fff;
  text-align: center;
  font-size: 40px;
  position: static;
  width: 100%; }

.smile-visualization-wrap .inpractice-progress-text, .sv-user-form .inpractice-progress-text {
  color: #fff;
  text-align: center; }

.smile-visualization-wrap .inpractice-user-form, .sv-user-form .inpractice-user-form {
  color: #3d3935;
  max-width: 500px;
  margin-right: auto;
  margin-left: auto;
  padding-top: 20px; }

.smile-visualization-wrap .inpractice-user-form input[type=text], .sv-user-form .inpractice-user-form input[type=text] {
  width: 100%; }

.smile-visualization-wrap .inpractice-user-form .sv-form-control, .sv-user-form .inpractice-user-form .sv-form-control {
  max-width: 500px; }

.smile-visualization-wrap .inpractice-user-form .btn-lblue, .sv-user-form .inpractice-user-form .btn-lblue {
  background-color: #009ace;
  color: #fff; }

.smile-visualization-wrap .inpractice-form-header1, .smile-visualization-wrap .inpractice-form-header2, .sv-user-form .inpractice-form-header1, .sv-user-form .inpractice-form-header2 {
  text-align: center;
  margin-bottom: 10px; }

.smile-visualization-wrap .inpractice-form-header1, .sv-user-form .inpractice-form-header1 {
  font-size: 18px; }

.smile-visualization-wrap .inpractice-form-header2, .sv-user-form .inpractice-form-header2 {
  font-size: 16px; }

.smile-visualization-wrap .inpractice-form-item, .sv-user-form .inpractice-form-item {
  margin-bottom: 20px;
  text-align: left; }

.smile-visualization-wrap .inpractice-form-questions-container, .sv-user-form .inpractice-form-questions-container {
  margin-bottom: 15px; }

.smile-visualization-wrap .inpractice-form-buttons-container, .sv-user-form .inpractice-form-buttons-container {
  margin-bottom: 35px;
  text-align: center; }

.smile-visualization-wrap .inpractice-form-buttons-container .btn, .sv-user-form .inpractice-form-buttons-container .btn {
  padding-left: 20px;
  padding-right: 20px; }

.smile-visualization-wrap .inpractice-form-buttons-container .btn:first-of-type, .sv-user-form .inpractice-form-buttons-container .btn:first-of-type {
  margin-right: 15px; }

.smile-visualization-wrap .inpractice-form-small-text, .sv-user-form .inpractice-form-small-text {
  font-size: 10px; }

.smile-visualization-wrap .inpractice-thankyou-section, .sv-user-form .inpractice-thankyou-section {
  text-align: center;
  padding-top: 40px;
  padding-bottom: 20px; }

.smile-visualization-wrap .inpractice-thankyou-section .btn-lblue, .sv-user-form .inpractice-thankyou-section .btn-lblue {
  background-color: #009ace;
  color: #fff; }

.smile-visualization-wrap .sv-docloc-form, .sv-user-form .sv-docloc-form {
  max-width: 400px;
  margin-left: auto;
  margin-right: auto;
  color: #fff;
  padding-top: 40px;
  padding-bottom: 40px; }

.smile-visualization-wrap .sv-docloc-form .btn-lblue, .sv-user-form .sv-docloc-form .btn-lblue {
  color: #fff;
  background-color: #009ace; }

.smile-visualization-wrap .sv-docloc-form .sv-docloc-title, .sv-user-form .sv-docloc-form .sv-docloc-title {
  margin-bottom: 10px;
  font-size: 26px; }

@media only screen and (min-width: 768px) {
  .smile-visualization-wrap .sv-btn-group-slider, .smile-visualization-wrap .sv-results-img-container, .sv-user-form .sv-btn-group-slider, .sv-user-form .sv-results-img-container {
    max-width: 60%; }
  .smile-visualization-wrap .sv-btn-group-slider.sv-sample, .smile-visualization-wrap .sv-results-img-container.sv-sample, .sv-user-form .sv-btn-group-slider.sv-sample, .sv-user-form .sv-results-img-container.sv-sample {
    max-width: 420px; }
  .smile-visualization-wrap .sv-phone-prefix, .sv-user-form .sv-phone-prefix {
    width: 20%;
    padding-left: 10px; }
  .smile-visualization-wrap .sv-phone-short, .sv-user-form .sv-phone-short {
    width: 75%; } }

@media only screen and (max-width: 767px) {
  .smile-visualization-wrap .sv-results-page, .sv-user-form .sv-results-page {
    margin-right: -15px;
    margin-left: -15px; }
  .smile-visualization-wrap .sv-sample .sv-label-current, .smile-visualization-wrap .sv-sample .sv-label-simulation, .sv-user-form .sv-sample .sv-label-current, .sv-user-form .sv-sample .sv-label-simulation {
    font-size: 14px; } }

ul.smile-view-checklist {
  list-style-type: none;
  margin: 0;
  padding: 0;
  font-size: 1rem; }

ul.smile-view-checklist li {
  text-align: left;
  display: table-row; }

ul.smile-view-checklist li span {
  display: table-cell; }

ul.smile-view-checklist li span.BulletPoint {
  width: 18px;
  padding: 4px 0;
  object-fit: none;
  vertical-align: unset; }

ul.smile-view-checklist li span.BulletText {
  padding: 0 10px; }

.smileView-error {
  width: 100%; }

.smileView-error .smileView-error-header {
  text-align: center;
  background-color: #ffa300;
  padding: 1.6rem;
  color: #fff;
  font-size: 2rem;
  font-family: Roboto, Arial, sans-serif !important; }

.smileView-error .smileView-error-block {
  padding: 1.6rem; }

.smileView-button {
  text-align: center; }

.smileView-label-button {
  background: #009ace;
  color: #fff !important;
  outline: 0;
  border: 0;
  padding: 10px 20px;
  font-size: 20px;
  margin: 10px;
  font-weight: 400;
  border-radius: 20px;
  display: inline-block;
  text-align: center;
  text-decoration: none !important;
  cursor: pointer; }

.smileView-hidden-input {
  width: .1px;
  height: .1px;
  opacity: 0;
  position: absolute; }

.smileView-user-form label {
  display: block; }

.smileView-user-form input {
  width: 100%;
  border: none;
  border-radius: 0;
  padding: 14px 5px 14px 14px;
  background-color: #ebebeb;
  font-size: 16px;
  height: auto !important;
  box-shadow: none;
  color: #3d3935 !important;
  font-family: Neue Haas Grotesk Disp Med, sans-serif !important;
  font-weight: 400; }

.smileView-input-error {
  border: 1px solid red !important; }

.smileView-input-error::-webkit-input-placeholder {
  color: red; }

.smileView-input-error::-moz-placeholder {
  color: red; }

.smileView-input-error:-ms-input-placeholder {
  color: red; }

.smileView-input-error::-ms-input-placeholder {
  color: red; }

.smileView-input-error::placeholder {
  color: red; }

.hide {
  display: none; }

label.ageAcceptance.sv-checkbox-error .popover {
  opacity: 1;
  border-color: red; }

label.ageAcceptance.sv-checkbox-error .popover .arrow {
  border-top-color: red !important; }

label.ageAcceptance > input.error {
  border-color: red; }

.toolTipOutlined {
  border: 1px solid #666 !important; }

.toolTipOutlined .arrow {
  border-top-color: #666 !important; }

.popover {
  max-width: 300px !important;
  top: -55px !important;
  left: -14px !important; }

.popover .arrow {
  border-width: 11px;
  left: 8px; }

.popover .arrow:after {
  bottom: -9px;
  margin-left: -10px;
  content: " ";
  border-top-color: #fff !important;
  border-width: 10px; }

.popover .arrow, .popover .arrow:after {
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid; }

.popover .popover-content {
  padding: 10px !important; }

.sv-white {
  background: #fff; }

.sv-charcoal {
  background-color: #3d3935; }

.sv-inpractice-bkg .sv-landing-page, .sv-inpractice-bkg .sv-user-form {
  color: #3d3935; }

.sv-inpractice-bkg .sv-landing-page .sv-upload-label, .sv-inpractice-bkg .sv-user-form .sv-upload-label {
  background-color: #009ace;
  color: #fff; }

.sv-transparent .sv-charcoal {
  background-color: transparent; }

.sv-transparent .sv-text-panel div, .sv-transparent .sv-text-panel h1, .sv-transparent .sv-text-panel h2, .sv-transparent .sv-text-panel h3, .sv-transparent .sv-text-panel p {
  color: #fff; }

.sv-transparent .smile-visualization-wrap .sv-upload-label:hover {
  border: 1px solid #fff; }

.sv-transparent .smile-visualization-wrap .sv-results-page {
  background-color: transparent; }

.sv-transparent .smile-visualization-wrap a, .sv-transparent .smile-visualization-wrap div {
  color: #fff; }

.sv-transparent .smile-visualization-wrap .btn.btn-lblue:hover {
  background-color: #fff;
  color: #3d3935 !important;
  border: 1px solid #3d3935; }

.smile-visualization-wrap .smile-view-user-header {
  line-height: 1.1 !important;
  font-family: Neue Haas Grotesk Disp Ex Lt,sans-serif;
  font-size: 26px;
  font-weight: 400;
  color: #333;
  margin: 16px;
  text-align: center; }

.smile-visualization-wrap ul.smile-view-checklist {
  padding-right: 24px !important;
  padding-left: 24px !important; }

.smile-visualization-wrap a:hover {
  background-color: #00aee8; }

.smile-visualization-wrap #sv-form-result {
  margin-top: 1rem; }

.smile-visualization-wrap #sv-form-result h3 {
  width: 80%;
  text-align: center;
  margin: auto; }

.smile-visualization-wrap .sv-loading {
  position: inherit; }

.smile-visualization-wrap .sv-carousel-item img, .smile-visualization-wrap .sv-user-form .sv-carousel-item img {
  border-radius: 50%; }

.brazil-mobile-carousel {
  background-color: #ffa300;
  padding: 1.2rem; }

.brazil-mobile-carousel .carousel-image {
  padding: 0; }

.brazil-mobile-carousel .br-sm-carousel-caption {
  font-size: .7rem;
  color: #fff;
  text-align: center; }

.brazil-loading-section {
  background-color: #ffa300;
  text-align: center;
  color: #fff;
  width: 100%;
  padding-bottom: 1rem;
  padding-top: 1rem; }

.brazil-loading-section .progress-heading-section {
  margin: auto;
  font-size: 2rem; }

.brazil-loading-section .progress-heading-capture {
  margin: auto;
  font-size: 1rem; }

.smile-visualization-wrap label.sv-checkmarkcontainer.sv-font-smaller {
  padding-left: 45px;
  font-size: 10px;
  color: #949695 !important;
  font-weight: 400 !important; }

.brazil-smile-view-result-view .sv-disclamer {
  width: 60%;
  margin-left: auto;
  margin-right: auto; }

.brazil-smile-view-result-view .brazil-smile-view-result {
  background-color: #ffa300; }

.brazil-smile-view-result-view .brazil-smile-view-result .brazil-smile-view-result-spacing {
  padding-top: 2rem; }

.brazil-smile-view-result-view .brazil-smile-view-result .brazil-smile-view-img-container {
  width: 60%;
  margin: auto; }

.brazil-smile-view-result-view .brazil-smile-view-result .brazil-smile-view-img-background {
  text-align: right;
  background-color: #009ace;
  width: 100% !important;
  margin-top: 0;
  height: 1.5rem; }

.brazil-smile-view-result-view .brazil-smile-view-result .brazil-smile-view-result-img {
  margin-left: auto;
  margin-right: auto;
  width: 60%; }

.brazil-smile-view-result-view .brazil-smile-view-result .brazil-smile-view-result-img-banner {
  background-color: #009ace;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
  float: right;
  padding-top: .25rem;
  height: 24px; }

.brazil-smile-view-result-view .brazil-smile-view-before {
  color: #009ace;
  background-color: #fff;
  border: 1px solid #42abe7;
  font-size: 1rem;
  width: 100%; }

.brazil-smile-view-result-view .brazil-smile-view-after {
  background-color: #009ace;
  border: 1px solid #42abe7;
  font-size: 1rem;
  width: 100%;
  color: #fff; }

.brazil-smile-view-result-view .result-title {
  margin: .1rem auto auto;
  font-size: .4rem; }
.sv-root .container.sv-text-panel {
  padding-top: 40px; }

.sv-root .container.smile-visualization-wrap {
  padding-top: 0; }

.sv-root .bg-charcoal {
  background-color: #3d3935; }

.sv-root .text-panel {
  padding: 25px 15px; }
  @media (min-width: 768px) {
    .sv-root .text-panel {
      padding: 70px 0; } }

.sv-root .btn-lblue {
  border-radius: 35px;
  background-color: #009ace;
  display: inline-block;
  border: none;
  padding: 9px 20px 9px 20px;
  max-width: 330px;
  width: 100%;
  text-align: center;
  font-size: 20px;
  color: #ffffff;
  text-decoration: none;
  font-weight: bold;
  letter-spacing: 0.7px;
  -webkit-transition: all 0.05s ease-out;
  -moz-transition: all 0.05s ease-out;
  -ms-transition: all 0.05s ease-out;
  -o-transition: all 0.05s ease-out;
  transition: all 0.05s ease-out;
  border: 4px solid #009ace;
  cursor: pointer; }
  .sv-root .btn-lblue:hover, .sv-root .btn-lblue:focus, .sv-root .btn-lblue:active {
    text-decoration: none;
    color: #008ebe;
    background-color: #ffffff;
    border: 4px solid #009ace;
    outline: 0px; }
  .sv-root .btn-lblue:active {
    transform: translateY(5px); }
  .sv-root .btn-lblue.revert {
    background-color: #ffffff;
    color: #3d3935 !important; }
    .sv-root .btn-lblue.revert:hover, .sv-root .btn-lblue.revert:focus, .sv-root .btn-lblue.revert:active, .sv-root .btn-lblue.revert:visited, .sv-root .btn-lblue.revert.button-active {
      text-decoration: none;
      color: #ffffff !important;
      background-color: #009ace;
      border: 4px solid #009ace; }

.sv-root .sv-landing-page p {
  color: white; }

.sv-root .sv-user-form select {
  font-size: 16px; }

.sv-root .sv-inpractice-bkg p, .sv-root .sv-inpractice-bkg h2 {
  color: #3d3935 !important; }

.sv-root .inpractice-user-form .btn-lblue {
  width: auto; }

@media only screen and (max-width: 767px) {
  .handle-desktop-smileview {
    display: none; } }

.smile-visualization-wrap .modal-header {
  display: block; }
  .smile-visualization-wrap .modal-header, .smile-visualization-wrap .modal-header h2, .smile-visualization-wrap .modal-header h3 {
    color: white !important; }
  .smile-visualization-wrap .modal-header .close {
    padding: 0;
    width: 30px;
    height: 30px;
    top: 0;
    right: 0; }
    .smile-visualization-wrap .modal-header .close span[aria-hidden] {
      -webkit-transform: translate(-50%, -50%);
      -moz-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      -o-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      position: absolute;
      top: 50%;
      left: 50%;
      padding-left: 2px; }

.smile-visualization-wrap .sv-loading-page h2 {
  color: white; }

.smile-visualization-wrap .sv-loading-page .sv-loading-header {
  padding-top: 20px; }

@media (min-width: 768px) {
  .smile-visualization-wrap .modal-dialog {
    max-width: 600px; } }

.smile-visualization-wrap .sv-error-page {
  padding-top: 30px;
  overflow: hidden; }
  .smile-visualization-wrap .sv-error-page, .smile-visualization-wrap .sv-error-page h2 {
    color: white; }

.smile-visualization-wrap .sv-upload-label {
  border-radius: 35px;
  background-color: #009ace;
  display: inline-block;
  border: none;
  padding: 9px 20px 9px 20px;
  max-width: 330px;
  width: 100%;
  text-align: center;
  font-size: 20px;
  color: #ffffff;
  text-decoration: none;
  font-weight: bold;
  letter-spacing: 0.7px;
  -webkit-transition: all 0.05s ease-out;
  -moz-transition: all 0.05s ease-out;
  -ms-transition: all 0.05s ease-out;
  -o-transition: all 0.05s ease-out;
  transition: all 0.05s ease-out;
  border: 4px solid #009ace;
  cursor: pointer;
  max-width: 100%; }
  .smile-visualization-wrap .sv-upload-label:hover, .smile-visualization-wrap .sv-upload-label:focus, .smile-visualization-wrap .sv-upload-label:active {
    text-decoration: none;
    color: #008ebe;
    background-color: #ffffff;
    border: 4px solid #009ace;
    outline: 0px; }
  .smile-visualization-wrap .sv-upload-label:active {
    transform: translateY(5px); }
  .smile-visualization-wrap .sv-upload-label.revert {
    background-color: #ffffff;
    color: #3d3935 !important; }
    .smile-visualization-wrap .sv-upload-label.revert:hover, .smile-visualization-wrap .sv-upload-label.revert:focus, .smile-visualization-wrap .sv-upload-label.revert:active, .smile-visualization-wrap .sv-upload-label.revert:visited, .smile-visualization-wrap .sv-upload-label.revert.button-active {
      text-decoration: none;
      color: #ffffff !important;
      background-color: #009ace;
      border: 4px solid #009ace; }

.smile-visualization-wrap .sv-percentage {
  right: -50px;
  top: -5px; }

.smile-visualization-wrap .btn-lblue {
  border-radius: 35px;
  background-color: #009ace;
  display: inline-block;
  border: none;
  padding: 9px 20px 9px 20px;
  max-width: 330px;
  width: 100%;
  text-align: center;
  font-size: 20px;
  color: #ffffff;
  text-decoration: none;
  font-weight: bold;
  letter-spacing: 0.7px;
  -webkit-transition: all 0.05s ease-out;
  -moz-transition: all 0.05s ease-out;
  -ms-transition: all 0.05s ease-out;
  -o-transition: all 0.05s ease-out;
  transition: all 0.05s ease-out;
  border: 4px solid #009ace;
  cursor: pointer; }
  .smile-visualization-wrap .btn-lblue:hover, .smile-visualization-wrap .btn-lblue:focus, .smile-visualization-wrap .btn-lblue:active {
    text-decoration: none;
    color: #008ebe;
    background-color: #ffffff;
    border: 4px solid #009ace;
    outline: 0px; }
  .smile-visualization-wrap .btn-lblue:active {
    transform: translateY(5px); }
  .smile-visualization-wrap .btn-lblue.revert {
    background-color: #ffffff;
    color: #3d3935 !important; }
    .smile-visualization-wrap .btn-lblue.revert:hover, .smile-visualization-wrap .btn-lblue.revert:focus, .smile-visualization-wrap .btn-lblue.revert:active, .smile-visualization-wrap .btn-lblue.revert:visited, .smile-visualization-wrap .btn-lblue.revert.button-active {
      text-decoration: none;
      color: #ffffff !important;
      background-color: #009ace;
      border: 4px solid #009ace; }

.smile-visualization-wrap .sv-checkmarkcontainer {
  font-size: 16px; }

.smile-visualization-wrap .sv-user-form .sv-checkmarkcontainer {
  font-size: 14px; }

.inpractice-landing-header {
  padding-top: 30px; }
  @media (min-width: 768px) {
    .inpractice-landing-header h1 {
      font-size: 30px; } }
  .inpractice-landing-header .inpractice-landing-tip {
    font-size: 16px; }

body.rtl .sv-root .smile-visualization-wrap .sv-phone-prefix {
  float: right; }

body.rtl .sv-root .smile-visualization-wrap .sv-phone-short {
  float: left; }

body.rtl .sv-root .smile-visualization-wrap .sv-checkmarkcontainer {
  padding-right: 30px;
  padding-left: 0; }
  body.rtl .sv-root .smile-visualization-wrap .sv-checkmarkcontainer .sv-checkmark {
    right: 0; }

.container-sa {
  border-bottom: 15px solid #009ace;
  min-height: 400px;
  position: relative; }

.container-sa .caption h1, .container-sa .caption h2, .container-sa .caption h3 {
  margin-top: 0; }

.container-sa .caption h3 {
  text-align: right; }

.container-sa .popover-content {
  color: #000;
  font-size: 12px; }

.container-sa .upper {
  padding-bottom: 10px; }

.sa-answer-item input {
  position: absolute;
  left: 0;
  opacity: 0; }

.sa-answer-item input:checked + .answer-check:before {
  background-image: url(https://eu-conweb.s3-eu-west-1.amazonaws.com/Content/newsa3/images/arrow-lg-check.svg); }

.sa-answer-item label {
  margin-bottom: 0;
  padding-left: 40px;
  position: relative; }

.sa-answer-item label:before {
  content: "";
  position: absolute;
  left: 0;
  top: 2px;
  width: 25px;
  height: 25px;
  background-color: #b2b4b2; }

.sa-answer-item label.round:before {
  border-radius: 7px; }

.sa-answer-item {
  margin-bottom: 2px; }

.sa-image-answer-item {
  margin-bottom: 10px; }

.sa-image-answer-item .image-check {
  cursor: pointer;
  position: relative;
  width: 100%;
  border: 1px solid #b2b4b2;
  display: block; }

.sa-image-answer-item input {
  position: absolute;
  left: 0;
  opacity: 0; }

.sa-image-answer-item input:checked + .image-check {
  border: 1px solid #009ace; }

.label-text {
  position: absolute;
  bottom: 5px;
  display: block;
  width: 100%;
  text-align: center; }

.sa-question {
  margin-top: 20px;
  margin-bottom: 10px;
  margin-left: 0;
  position: relative; }

.sa-question:before {
  content: "1";
  position: absolute;
  left: -40px;
  top: -6px;
  font-weight: 300;
  border: 1px solid #009ace;
  text-align: center;
  width: 32px;
  height: 32px;
  display: block;
  padding-top: 6px;
  border-radius: 16px;
  padding-left: 2px; }

.sa-question.error {
  color: red; }

.sa-question.error:before {
  border-color: red; }

.idx2:before {
  content: "2"; }

.idx3:before {
  content: "3"; }

.idx4:before {
  content: "4"; }

.idx5:before {
  content: "5"; }

.idx6:before {
  content: "6"; }

.idx7:before {
  content: "7"; }

.sa-select {
  margin-bottom: 10px;
  padding-left: 130px; }

.sa-select select {
  width: 110px;
  background-color: #b2b4b2;
  position: absolute;
  left: 0; }

.sa-select.error span {
  color: red; }

.sa-select.error select {
  border: 1px solid red; }

.rtl .sa-select select {
  position: static; }

.rtl .container-sa-full {
  padding-right: 50px;
  padding-left: 40px; }

.rtl .sa-question:before {
  right: -40px; }

.rtl .sa-answer-item label {
  padding-right: 25px; }

.rtl .sa-answer-item label:before {
  right: 0; }

.sa-prevnext {
  text-align: left;
  margin-top: 0; }

.sa-relative {
  position: relative; }

.sa-teeth-img {
  background-size: 180px 110px;
  height: 160px !important;
  background-repeat: no-repeat;
  background-position: center 5px;
  margin: 0 auto 5px; }

.sa-teeth-descr {
  margin-bottom: 25px; }

.sa-teeth-descr .sa-answer-item {
  text-align: center; }

.sa-carousel .item .row {
  padding-left: 50px;
  padding-right: 50px; }

.scale-label {
  text-align: center; }

.sa-input {
  margin-bottom: 10px; }

.sa-input input {
  min-width: 280px; }

.sa-phone-prefix {
  margin-bottom: 10px; }

.sa-phone-prefix .sa-select {
  width: 25%;
  float: left; }

.sa-phone-prefix .sa-select select {
  color: #3d3935; }

.sa-phone-prefix input {
  width: 70% !important;
  float: right; }

.sa-phone-prefix:after {
  content: "";
  clear: both;
  display: table; }

.accept-container, .sa-answer-container {
  margin-bottom: 10px; }

.container-sa-full {
  border-bottom: 15px solid #009ace;
  position: relative;
  padding-left: 50px; }

.popover-content {
  min-width: 200px; }

.captcha-container {
  -webkit-transform: scale(0.9);
  transform: scale(0.9);
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0; }

.captcha-container.error iframe {
  border: 2px solid red; }

input.error {
  border: 1px solid red; }

#imgloading {
  width: 20px;
  margin-top: 0; }

.sa-disclaimer {
  padding-top: 30px; }

.sub-heading {
  margin-bottom: 20px; }

.bcarousel.sa-carousel .carousel-control {
  width: 30px; }

.bcarousel.sa-carousel .carousel-control.left, .bcarousel.sa-carousel .carousel-control.right {
  background-image: none;
  opacity: 1; }

.bcarousel.sa-carousel .carousel-control.left:hover, .bcarousel.sa-carousel .carousel-control.right:hover {
  opacity: .8; }

.bcarousel.sa-carousel .carousel-control.left {
  left: 0; }

.bcarousel.sa-carousel .carousel-control .glyphicon-chevron-right {
  background-image: url(https://eu-conweb.s3-eu-west-1.amazonaws.com/Content/newsa3/images/arrow-lb-left.svg);
  width: 30px;
  height: 30px; }

.bcarousel.sa-carousel .carousel-control .glyphicon-chevron-right:before {
  content: ""; }

.bcarousel.sa-carousel .carousel-control .glyphicon-chevron-left {
  background-image: url(https://eu-conweb.s3-eu-west-1.amazonaws.com/Content/newsa3/images/arrow-lb-right.svg);
  width: 30px;
  height: 30px; }

.bcarousel.sa-carousel .carousel-control .glyphicon-chevron-left:before {
  content: ""; }

#spacing-lower, #spacing-upper {
  width: 327px;
  height: 142px;
  background: url(https://eu-conweb.s3-eu-west-1.amazonaws.com/Content/newsa3/images/desktop_teeth.png) no-repeat;
  margin: 0 auto; }

#spacing-lower {
  margin-top: -40px; }

#spacing-upper[data-value="1"] {
  background-position: 0 -142px; }

#spacing-upper[data-value="2"] {
  background-position: 0 -284px; }

#spacing-upper[data-value="3"] {
  background-position: 0 -426px; }

#spacing-upper[data-value="4"] {
  background-position: 0 -568px; }

#spacing-upper[data-value="5"] {
  background-position: 0 -710px; }

#spacing-upper[data-value="6"] {
  background-position: 0 -852px; }

#spacing-lower[data-value="0"] {
  background-position: -327px 0; }

#spacing-lower[data-value="1"] {
  background-position: -327px -142px; }

#spacing-lower[data-value="2"] {
  background-position: -327px -284px; }

#spacing-lower[data-value="3"] {
  background-position: -327px -426px; }

#spacing-lower[data-value="4"] {
  background-position: -327px -568px; }

#spacing-lower[data-value="5"] {
  background-position: -327px -710px; }

#spacing-lower[data-value="6"] {
  background-position: -327px -852px; }

input[type=range] {
  -webkit-appearance: none;
  width: 100%;
  padding-bottom: 0; }

input[type=range]:focus {
  outline: none; }

input[type=range] {
  padding: 0;
  background-color: transparent; }

input[type=range]::-webkit-slider-thumb {
  height: 20px;
  width: 5px;
  border-radius: 0;
  border: 0;
  background-color: #3d3935;
  top: -8px; }

@media (max-width: 767px) {
  input[type=range]::-webkit-slider-thumb {
    width: 15px; } }

input[type=range]::-moz-range-thumb {
  height: 20px;
  width: 5px;
  border-radius: 0;
  border: 0;
  background-color: #3d3935;
  top: -8px; }

@media (max-width: 767px) {
  input[type=range]::-moz-range-thumb {
    width: 15px; } }

input[type=range]::-ms-thumb {
  height: 20px;
  width: 5px;
  border-radius: 0;
  border: 0;
  background-color: #3d3935;
  top: -8px; }

@media (max-width: 767px) {
  input[type=range]::-ms-thumb {
    width: 15px; } }

input[type=range]::-webkit-slider-runnable-track {
  width: 100%;
  height: 4px;
  cursor: pointer;
  background: #009ace;
  padding: 0;
  margin-bottom: 8px;
  margin-top: 8px; }

input[type=range]::-moz-range-track {
  width: 100%;
  height: 4px;
  cursor: pointer;
  background: #009ace;
  padding: 0; }

input[type=range]::-ms-track {
  background: transparent;
  border-color: transparent;
  color: transparent;
  width: 100%;
  height: 4px;
  cursor: pointer;
  background: #009ace;
  margin-top: 7px;
  margin-bottom: 7px;
  padding: 0; }

label.error {
  color: red; }

.btn-wide {
  max-width: 400px;
  text-align: center;
  width: 100%; }

@media (min-width: 992px) {
  .container-sa-full, .sa-answer-item, .sa-prevnext .btn, .sa-question, .sa-select, label {
    font-size: 16px; }
  .container-sa-full p, .container-sa-full select, .sa-answer-item p, .sa-answer-item select, .sa-question p, .sa-question select, .sa-select p, .sa-select select, label p, label select {
    font-size: 14px; }
  .question-label p, .sa-teeth-descr p {
    font-size: 14px;
    font-weight: 100; }
  .sa-teeth-descr {
    min-height: 25px; }
  .sa-teeth-img {
    margin-bottom: 10px; }
  .container-sa {
    width: 60%;
    margin-left: 40px;
    max-width: 700px; }
  .lower {
    margin-bottom: 50px; }
  .accept-container, .sa-answer-container {
    margin-bottom: 20px; }
  .sa-disclaimer {
    font-size: 18px;
    width: 100%; }
  .md-separator {
    position: absolute;
    top: 20px;
    bottom: 5px;
    left: 50%;
    width: 2px;
    background-color: #3d3935;
    -webkit-transform: translateX(-1px);
    transform: translateX(-1px); }
  .container-outer {
    position: relative;
    padding-top: 20px;
    padding-bottom: 20px; } }

@media (min-width: 768px) {
  .upper {
    margin-top: 20px;
    margin-bottom: 20px; } }

@media (max-width: 991px) {
  .container-sa-full {
    width: 100%; } }

@media (min-width: 992px) and (max-width: 1199px) {
  .container-sa {
    width: 55%; } }

@media (max-width: 767px) {
  .smileAssessmentTooltip {
    max-width: 182px; }
  .sa-answer-container.first {
    margin-bottom: 30px; }
  .container-full h1 {
    font-weight: 200;
    font-size: 27px; }
  .upper {
    margin-top: 20px;
    margin-bottom: 20px; }
  .sa-select {
    margin-bottom: 15px; }
  .sa-select select {
    font-size: 16px; }
  .sa-select span {
    display: inline-block;
    margin-top: 4px; }
  .container-sa {
    padding-left: 15px;
    padding-right: 15px; }
  .container-sa .caption h3 {
    text-align: left; }
  .sa-carousel .item .row {
    padding-left: 20px;
    padding-right: 20px; }
  .bcarousel.sa-carousel .carousel-control {
    width: 20px; }
  .bcarousel.sa-carousel .carousel-control.left {
    left: -10px; }
  .bcarousel.sa-carousel .carousel-control.right {
    right: -10px; }
  .bcarousel.sa-carousel .carousel-control .glyphicon-chevron-left, .bcarousel.sa-carousel .carousel-control .glyphicon-chevron-right {
    width: 20px;
    height: 20px; } }

.flipTextBox {
  background-color: #009ace;
  color: #fff;
  position: relative;
  width: 100%;
  border: 2px solid #009ace;
  display: block;
  background-size: 180px 110px;
  height: 160px;
  background-repeat: no-repeat;
  background-position: center 5px;
  margin: 0 auto;
  text-align: center;
  font-size: 14px;
  line-height: 1.5;
  padding: 8px; }

@media (max-width: 767px) {
  .flipTextBox {
    font-size: 12px !important; } }

.flipTextBoxHeader {
  font-size: 16px !important;
  font-weight: 700; }

@media (max-width: 767px) {
  .flipTextBoxSubHeader {
    font-size: 14px !important; } }

@media (max-width: 500px) {
  .sa-teeth-img {
    background-size: 160px 100px;
    height: 160px; }
  #spacing-lower, #spacing-upper {
    width: 248px;
    height: 112px;
    background: url(https://eu-conweb.s3-eu-west-1.amazonaws.com/Content/newsa3/images/mobile_teeth.png) no-repeat; }
  #spacing-upper[data-value="0"] {
    background-position: 0 0; }
  #spacing-upper[data-value="1"] {
    background-position: 0 -112px; }
  #spacing-upper[data-value="2"] {
    background-position: 0 -224px; }
  #spacing-upper[data-value="3"] {
    background-position: 0 -336px; }
  #spacing-upper[data-value="4"] {
    background-position: 0 -448px; }
  #spacing-upper[data-value="5"] {
    background-position: 0 -560px; }
  #spacing-upper[data-value="6"] {
    background-position: 0 -672px; }
  #spacing-lower[data-value="0"] {
    background-position: -248px 0; }
  #spacing-lower[data-value="1"] {
    background-position: -248px -112px; }
  #spacing-lower[data-value="2"] {
    background-position: -248px -224px; }
  #spacing-lower[data-value="3"] {
    background-position: -248px -336px; }
  #spacing-lower[data-value="4"] {
    background-position: -248px -448px; }
  #spacing-lower[data-value="5"] {
    background-position: -248px -560px; }
  #spacing-lower[data-value="6"] {
    background-position: -248px -672px; } }

#spacing-lower, #spacing-upper {
  width: 248px;
  height: 112px;
  background: url(https://eu-conweb.s3-eu-west-1.amazonaws.com/Content/newsa3/images/mobile_teeth.png) no-repeat; }

#spacing-upper[data-value="0"] {
  background-position: 0 0; }

#spacing-upper[data-value="1"] {
  background-position: 0 -112px; }

#spacing-upper[data-value="2"] {
  background-position: 0 -224px; }

#spacing-upper[data-value="3"] {
  background-position: 0 -336px; }

#spacing-upper[data-value="4"] {
  background-position: 0 -448px; }

#spacing-upper[data-value="5"] {
  background-position: 0 -560px; }

#spacing-upper[data-value="6"] {
  background-position: 0 -672px; }

#spacing-lower[data-value="0"] {
  background-position: -248px 0; }

#spacing-lower[data-value="1"] {
  background-position: -248px -112px; }

#spacing-lower[data-value="2"] {
  background-position: -248px -224px; }

#spacing-lower[data-value="3"] {
  background-position: -248px -336px; }

#spacing-lower[data-value="4"] {
  background-position: -248px -448px; }

#spacing-lower[data-value="5"] {
  background-position: -248px -560px; }

#spacing-lower[data-value="6"] {
  background-position: -248px -672px; }

.sa-narrow-row > div:first-child {
  padding-right: 5px; }

.sa-narrow-row > div:last-child {
  padding-left: 5px; }

.sa-question {
  padding-left: 50px;
  margin-bottom: 15px;
  color: #3d3935; }

.sa-question:before {
  left: 0;
  background-color: #ffb500;
  color: #fff;
  border-color: #ffb500; }

.sa-answer-item2 input {
  position: absolute;
  left: 0;
  opacity: 0; }

.sa-answer-item2 input:checked + .answer-check:before {
  background-image: none; }

.sa-answer-item2 input:checked + .answer-check {
  background-color: #009ace;
  color: #fff;
  border-color: #009ace; }

.sa-answer-item2 label {
  margin-bottom: 0;
  padding: 12px 20px;
  width: 100%;
  text-align: center;
  border: 1px solid #3d3935;
  position: relative; }

.sa-answer-item2 label:before {
  content: "";
  position: absolute;
  left: 0;
  top: 2px;
  width: 15px;
  height: 15px;
  background-color: transparent; }

.sa-answer-item2 label.round:before {
  border-radius: 7px; }

.sa-select {
  width: 100%;
  padding: 0;
  position: relative; }

.sa-select:after {
  position: absolute;
  top: 14px;
  right: 10px;
  width: 10px;
  height: 10px;
  border-left: 1px solid #3d3935;
  border-bottom: 1px solid #3d3935;
  display: block;
  content: "";
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg); }

.sa-select select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 100%;
  text-align: center;
  border-radius: 0;
  border-color: #3d3935;
  background-color: #fff;
  padding: 12px 10px;
  display: block;
  position: static;
  text-align: left; }

input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  height: 25px;
  width: 25px;
  border-radius: 50%;
  background-color: #009ace;
  cursor: pointer;
  position: relative;
  top: -11px;
  padding: 0; }

input[type=range]::-moz-range-thumb {
  -webkit-appearance: none;
  height: 25px;
  width: 25px;
  border-radius: 50%;
  background-color: #009ace;
  cursor: pointer;
  position: relative;
  top: -11px;
  padding: 0; }

input[type=range]::-ms-thumb {
  -webkit-appearance: none;
  height: 25px;
  width: 25px;
  border-radius: 50%;
  background-color: #009ace;
  cursor: pointer;
  position: relative;
  top: -11px;
  padding: 0; }

input[type=range]::-webkit-slider-runnable-track {
  background-color: #3d3935; }

input[type=range]::-moz-range-track {
  background-color: #3d3935; }

input[type=range]::-ms-track {
  background-color: #3d3935; }

.container-sa-full {
  padding: 20px 20px 0; }

.container-sa-full .gray-input {
  width: 100%;
  padding-top: 12px;
  padding-bottom: 12px;
  padding-left: 12px;
  background-color: #fff; }

.container-sa-full .gray-input::-webkit-input-placeholder {
  color: #3d3935; }

.container-sa-full .gray-input::-moz-placeholder {
  color: #3d3935; }

.container-sa-full .gray-input:-ms-input-placeholder {
  color: #3d3935; }

.container-sa-full .gray-input::-ms-input-placeholder {
  color: #3d3935; }

.container-sa-full .gray-input::placeholder {
  color: #3d3935; }

.container-sa-full .gray-input.error {
  border-color: red; }

.container-sa-full .gray-input.error::-webkit-input-placeholder {
  color: red; }

.container-sa-full .gray-input.error::-moz-placeholder {
  color: red; }

.container-sa-full .gray-input.error:-ms-input-placeholder {
  color: red; }

.container-sa-full .gray-input.error::-ms-input-placeholder {
  color: red; }

.container-sa-full .gray-input.error::placeholder {
  color: red; }

.sa-dark-frame {
  color: #fff;
  background-color: #3d3935;
  padding: 10px 20px 20px;
  margin-top: 10px;
  margin-left: -20px;
  margin-right: -20px; }

.sa-dark-frame .sa-question {
  color: #fff; }

.sa-dark-frame .gray-input {
  color: #3d3935; }

.sa-input-label {
  width: 100%;
  position: relative; }

.sa-input-label .mask-invisible {
  visibility: hidden; }

.sa-input-label .patternMask, .sa-input-label .placeholder {
  color: #3d3935;
  left: 0;
  top: 0;
  padding: 12px;
  color: #999;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  position: absolute;
  top: 50%; }

.sa-input-label .placeholder, .sa-input-label input:not(:focus) ~ .patternMask {
  display: none; }

.sa-input-label input:not(:focus) ~ .placeholder {
  display: inline; }

.sa-input-label input.error ~ .placeholder {
  color: red; }

.sa-phone-prefix .sa-input-label {
  width: 70%;
  float: right; }

.sa-phone-prefix .sa-input-label input {
  width: 100% !important; }

.thankyou-logo img {
  max-width: 30%;
  width: 100%;
  margin: 0 0 40px; }

@media only screen and (max-width: 767px) {
  .thankyou-logo img {
    max-width: 50%; } }

.sa-reverse-column {
  flex-direction: row-reverse; }

.modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6); }

.modal-main {
  position: fixed;
  background: #fff;
  width: 50%;
  height: auto;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%); }

.modal-main p {
  color: #949695;
  font-size: 20px;
  padding: 20px; }

.display-block {
  display: block; }

.modal-close {
  float: right;
  width: 25px;
  cursor: pointer;
  font-size: 20px;
  text-align: center;
  background-color: #009ace;
  border-radius: 50%;
  margin: 5px; }

.display-none {
  display: none; }
.container-fluid .sa-root {
  padding-top: 20px; }

@media (min-width: 768px) {
  .sa-root h1 {
    font-size: 45px; } }

.sa-root .btn-lblue {
  border-radius: 35px;
  background-color: #009ace;
  display: inline-block;
  border: none;
  padding: 9px 20px 9px 20px;
  max-width: 330px;
  width: 100%;
  text-align: center;
  font-size: 20px;
  color: #ffffff;
  text-decoration: none;
  font-weight: bold;
  letter-spacing: 0.7px;
  -webkit-transition: all 0.05s ease-out;
  -moz-transition: all 0.05s ease-out;
  -ms-transition: all 0.05s ease-out;
  -o-transition: all 0.05s ease-out;
  transition: all 0.05s ease-out;
  border: 4px solid #009ace;
  cursor: pointer; }
  .sa-root .btn-lblue:hover, .sa-root .btn-lblue:focus, .sa-root .btn-lblue:active {
    text-decoration: none;
    color: #008ebe;
    background-color: #ffffff;
    border: 4px solid #009ace;
    outline: 0px; }
  .sa-root .btn-lblue:active {
    transform: translateY(5px); }
  .sa-root .btn-lblue.revert {
    background-color: #ffffff;
    color: #3d3935 !important; }
    .sa-root .btn-lblue.revert:hover, .sa-root .btn-lblue.revert:focus, .sa-root .btn-lblue.revert:active, .sa-root .btn-lblue.revert:visited, .sa-root .btn-lblue.revert.button-active {
      text-decoration: none;
      color: #ffffff !important;
      background-color: #009ace;
      border: 4px solid #009ace; }

.sa-root .sa-dark-frame,
.sa-root .sa-dark-frame p,
.sa-root .sa-dark-frame label {
  color: white; }

.sa-root .scale .pull-left {
  float: left; }

.sa-root .scale .pull-right {
  float: right; }

.sa-root.emea-smile-assessment h1 {
  color: #009ace; }

.sa-root.emea-smile-assessment .sa-dark-frame {
  background-color: transparent; }
  .sa-root.emea-smile-assessment .sa-dark-frame,
  .sa-root.emea-smile-assessment .sa-dark-frame p,
  .sa-root.emea-smile-assessment .sa-dark-frame label,
  .sa-root.emea-smile-assessment .sa-dark-frame .sa-question {
    color: #3d3935; }
  .sa-root.emea-smile-assessment .sa-dark-frame input[type='text'] {
    border: 1px solid #3d3935; }
    .sa-root.emea-smile-assessment .sa-dark-frame input[type='text'].error {
      border-color: red; }

.sa-root.emea-smile-assessment .bkg-white {
  background-color: transparent; }

.sa-root.emea-smile-assessment .sa-select select {
  text-overflow: ellipsis;
  overflow: hidden;
  padding-right: 25px; }

.sa-input-label.sa-multi-select-comment {
  position: absolute;
  width: 25%; }
  @media (max-width: 766px) {
    .sa-input-label.sa-multi-select-comment {
      width: 40%; } }
  .sa-input-label.sa-multi-select-comment .gray-input {
    color: black;
    padding-left: 5px;
    padding-top: 5px;
    padding-bottom: 5px; }

.pt-BR .apac-smile-assessment .container-inner .row.sa-relative .col-md-6:nth-child(2) {
  display: none; }

.pt-BR .apac-smile-assessment .container-inner .row.sa-relative .md-separator {
  display: none; }

.pt-BR .apac-smile-assessment .container-inner .row.sa-relative .caption {
  max-width: 100%;
  flex: 0 0 100%;
  text-align: center;
  padding-bottom: 50px; }

.zh .apac-smile-assessment .container-inner .row.sa-relative .col-md-6:nth-child(2) p, .zh-Hans-CN .apac-smile-assessment .container-inner .row.sa-relative .col-md-6:nth-child(2) p {
  display: none; }

.zh-Hant-TW .apac-smile-assessment .container-inner .row.sa-answer-container.sa-narrow-row.question_2 .col-md-4.col-6, .zh .apac-smile-assessment .container-inner .row.sa-answer-container.sa-narrow-row.question_2 .col-md-4.col-6, .zh-Hans-CN .apac-smile-assessment .container-inner .row.sa-answer-container.sa-narrow-row.question_2 .col-md-4.col-6 {
  display: contents; }
  .zh-Hant-TW .apac-smile-assessment .container-inner .row.sa-answer-container.sa-narrow-row.question_2 .col-md-4.col-6 .sa-answer-item2, .zh .apac-smile-assessment .container-inner .row.sa-answer-container.sa-narrow-row.question_2 .col-md-4.col-6 .sa-answer-item2, .zh-Hans-CN .apac-smile-assessment .container-inner .row.sa-answer-container.sa-narrow-row.question_2 .col-md-4.col-6 .sa-answer-item2 {
    padding: 15px; }
    .zh-Hant-TW .apac-smile-assessment .container-inner .row.sa-answer-container.sa-narrow-row.question_2 .col-md-4.col-6 .sa-answer-item2 .answer-check, .zh .apac-smile-assessment .container-inner .row.sa-answer-container.sa-narrow-row.question_2 .col-md-4.col-6 .sa-answer-item2 .answer-check, .zh-Hans-CN .apac-smile-assessment .container-inner .row.sa-answer-container.sa-narrow-row.question_2 .col-md-4.col-6 .sa-answer-item2 .answer-check {
      border-radius: 50%;
      width: 40px;
      height: 40px;
      padding: 9px 14px;
      font-weight: bold; }
    @media only screen and (max-width: 767px) {
      .zh-Hant-TW .apac-smile-assessment .container-inner .row.sa-answer-container.sa-narrow-row.question_2 .col-md-4.col-6 .sa-answer-item2, .zh .apac-smile-assessment .container-inner .row.sa-answer-container.sa-narrow-row.question_2 .col-md-4.col-6 .sa-answer-item2, .zh-Hans-CN .apac-smile-assessment .container-inner .row.sa-answer-container.sa-narrow-row.question_2 .col-md-4.col-6 .sa-answer-item2 {
        padding: 8px; }
        .zh-Hant-TW .apac-smile-assessment .container-inner .row.sa-answer-container.sa-narrow-row.question_2 .col-md-4.col-6 .sa-answer-item2 .answer-check, .zh .apac-smile-assessment .container-inner .row.sa-answer-container.sa-narrow-row.question_2 .col-md-4.col-6 .sa-answer-item2 .answer-check, .zh-Hans-CN .apac-smile-assessment .container-inner .row.sa-answer-container.sa-narrow-row.question_2 .col-md-4.col-6 .sa-answer-item2 .answer-check {
          padding: 8px; } }

.zh-Hant-TW .apac-smile-assessment .sa-dark-frame .row:nth-child(3n) .col-sm-5 {
  margin: auto; }

.apac-smile-assessment h1 {
  color: #269ace; }

.apac-smile-assessment .answer-check.error::before {
  border: 1px solid red; }

@media only screen and (max-width: 767px) {
  .apac-smile-assessment .sa-narrow-row > div {
    padding-left: 15px;
    padding-right: 15px;
    min-width: 100%;
    margin-bottom: 15px; }
  .apac-smile-assessment .sa-image-answer-item .label-text {
    font-size: 16px; }
  .apac-smile-assessment .sa-dark-frame .question-label .col-sm-5 {
    max-width: 100%;
    flex: 100%; }
    .apac-smile-assessment .sa-dark-frame .question-label .col-sm-5 .sa-input input {
      min-width: 100%; } }

@media only screen and (max-width: 991px) and (min-width: 500px) {
  .apac-smile-assessment {
    font-size: 16px; }
    .apac-smile-assessment .sa-image-answer-item .image-check {
      background-size: 140px 100px; }
      .apac-smile-assessment .sa-image-answer-item .image-check .label-text {
        font-size: 14px; } }

.apac-smile-assessment .answer-check a {
  color: #269ace;
  text-decoration: none; }

.apac-smile-assessment .sa-answer-container .answer-check {
  padding: 12px 10px; }

body.rtl .sa-root .answer-check {
  padding-right: 40px; }

body.rtl .sa-root .sa-input-label input.error ~ .placeholder,
body.rtl .sa-root .sa-input-label input:not(:focus) ~ .placeholder {
  right: 0; }

body.rtl .sa-root .gray-input {
  padding-right: 10px; }

body.rtl .sa-root .sa-select select {
  padding-right: 10px;
  padding-left: 25px; }

body.rtl .sa-root .sa-select:after {
  left: 10px;
  right: initial; }

body.rtl .sa-root .sa-phone-prefix .sa-select {
  float: right; }
  body.rtl .sa-root .sa-phone-prefix .sa-select select {
    padding-right: 25px; }

body.rtl .sa-root .sa-phone-prefix .sa-input-label {
  float: left; }

.us-smile-assessment .sa-root {
  width: 100%;
  padding: 0px; }
  .us-smile-assessment .sa-root .container-outer {
    padding: 0px; }
  .us-smile-assessment .sa-root .container-sa-full {
    padding: 0px;
    background-color: transparent;
    border-bottom: none; }
    .us-smile-assessment .sa-root .container-sa-full .row.caption,
    .us-smile-assessment .sa-root .container-sa-full .question-label .sub-heading {
      display: none; }
    .us-smile-assessment .sa-root .container-sa-full .sa-question {
      padding-left: 0px;
      margin-bottom: 8px;
      color: #707372;
      font-size: 16px;
      font-weight: 100;
      margin-top: 30px; }
      @media only screen and (max-width: 767px) {
        .us-smile-assessment .sa-root .container-sa-full .sa-question {
          margin-top: 15px; } }
      .us-smile-assessment .sa-root .container-sa-full .sa-question::before {
        content: none; }
      .us-smile-assessment .sa-root .container-sa-full .sa-question.clr-lblue.idx1 {
        margin-top: 0px; }
      .us-smile-assessment .sa-root .container-sa-full .sa-question.sa-question.error {
        color: red; }
    .us-smile-assessment .sa-root .container-sa-full .sa-answer-container {
      margin-bottom: 0px; }
      .us-smile-assessment .sa-root .container-sa-full .sa-answer-container .sa-answer-item2 .answer-check {
        background-color: #ebebeb;
        padding: 10px 20px;
        border: 1px solid #009ace;
        color: #555555;
        font-size: 14px;
        line-height: 1.4; }
      @media only screen and (max-width: 767px) {
        .us-smile-assessment .sa-root .container-sa-full .sa-answer-container.sa-narrow-row .col-md-4 {
          flex: 0 0 33.33%;
          max-width: 33.33%; }
          .us-smile-assessment .sa-root .container-sa-full .sa-answer-container.sa-narrow-row .col-md-4:nth-child(2) {
            padding-left: 5px;
            padding-right: 5px; } }
    .us-smile-assessment .sa-root .container-sa-full .sa-answer-item2 input:checked + .answer-check {
      background-color: #009ace;
      color: #fff;
      border-color: #009ace; }
    .us-smile-assessment .sa-root .container-sa-full .sa-image-answer-item .sa-teeth-img {
      background-color: #ebebeb;
      background-size: 150px;
      background-position: center 25px; }
      @media (max-width: 991px) {
        .us-smile-assessment .sa-root .container-sa-full .sa-image-answer-item .sa-teeth-img {
          height: 140px; } }
    .us-smile-assessment .sa-root .container-sa-full .sa-image-answer-item input:checked + .image-check {
      border: 2px solid #009ace; }
    .us-smile-assessment .sa-root .container-sa-full .sa-select {
      margin-bottom: 0px; }
      .us-smile-assessment .sa-root .container-sa-full .sa-select select {
        background-color: #ebebeb;
        padding: 14px 5px 14px 14px;
        font-size: 16px;
        height: 50px;
        cursor: pointer;
        border: none;
        color: #555; }
        .us-smile-assessment .sa-root .container-sa-full .sa-select select:focus {
          outline: none; }
      .us-smile-assessment .sa-root .container-sa-full .sa-select.error select {
        border: 1px solid red; }
    .us-smile-assessment .sa-root .container-sa-full .sa-dark-frame {
      margin: 0px;
      padding: 0px;
      background-color: transparent; }
      .us-smile-assessment .sa-root .container-sa-full .sa-dark-frame .answer-check {
        color: #3d3935;
        font-size: 11px;
        color: #949695; }
      .us-smile-assessment .sa-root .container-sa-full .sa-dark-frame .sa-question {
        color: #3d3935; }
      .us-smile-assessment .sa-root .container-sa-full .sa-dark-frame .row:nth-child(3n) .col-sm-5 {
        margin: auto; }
        .us-smile-assessment .sa-root .container-sa-full .sa-dark-frame .row:nth-child(3n) .col-sm-5 .sa-prevnext {
          text-align: center; }
      .us-smile-assessment .sa-root .container-sa-full .sa-dark-frame .col-sm-5 {
        flex: 100%;
        max-width: 100%; }
        .us-smile-assessment .sa-root .container-sa-full .sa-dark-frame .col-sm-5 .btn-lblue {
          font-size: 18px; }
          .us-smile-assessment .sa-root .container-sa-full .sa-dark-frame .col-sm-5 .btn-lblue:active, .us-smile-assessment .sa-root .container-sa-full .sa-dark-frame .col-sm-5 .btn-lblue:focus {
            box-shadow: none;
            color: #ffffff;
            background-color: #009ace;
            border: 4px solid #009ace; }
        .us-smile-assessment .sa-root .container-sa-full .sa-dark-frame .col-sm-5 .sa-input input {
          min-width: 100%;
          border: none;
          padding: 14px 5px 14px 14px;
          background-color: #ebebeb;
          font-size: 16px;
          color: #3d3935 !important; }
          .us-smile-assessment .sa-root .container-sa-full .sa-dark-frame .col-sm-5 .sa-input input.error {
            border: 1px solid red; }
        @media (min-width: 992px) {
          .us-smile-assessment .sa-root .container-sa-full .sa-dark-frame .col-sm-5 {
            flex: 50%;
            max-width: 50%; } }
      .us-smile-assessment .sa-root .container-sa-full .sa-dark-frame .sa-answer-item label {
        padding-left: 30px; }
        .us-smile-assessment .sa-root .container-sa-full .sa-dark-frame .sa-answer-item label::before {
          background-color: #fff;
          border: 1px solid #269ace;
          width: 16px;
          height: 16px; }
      .us-smile-assessment .sa-root .container-sa-full .sa-dark-frame .sa-answer-item input:checked + .answer-check:before {
        background: url(https://storagy-invisalign.s3.amazonaws.com/invisalign-contentful/check.svg) no-repeat center;
        background-size: 10px 10px; }
      .us-smile-assessment .sa-root .container-sa-full .sa-dark-frame .sa-answer-item.accept-container p:first-child {
        color: #707372;
        font-size: 12px !important; }
    .us-smile-assessment .sa-root .container-sa-full .custom-sa-after-submit {
      padding: 50px 20px 70px 20px; }
    @media only screen and (min-width: 992px) {
      .us-smile-assessment .sa-root .container-sa-full .row .col-sm-4:nth-child(7),
      .us-smile-assessment .sa-root .container-sa-full .row .col-sm-4:nth-child(8) {
        flex: 0 0 50%;
        max-width: 50%; } }

.us-smile-assessment .sa-fotnotes {
  border-top: solid 1px #949695;
  padding-top: 30px;
  margin-bottom: 60px; }
  .us-smile-assessment .sa-fotnotes p {
    font-size: 11px;
    color: #949695;
    margin-bottom: 10px; }

@media only screen and (max-width: 767px) {
  .us-smile-assessment label {
    font-size: 16px; } }

.us-smile-assessment .cp-wrapper-1 {
  align-items: center; }
  .us-smile-assessment .cp-wrapper-1 .col-9 {
    max-width: 250px;
    margin: auto; }
  .us-smile-assessment .cp-wrapper-1 .col-3 {
    height: 50px;
    border-left: 2px solid;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    justify-content: center;
    align-items: center; }
  .us-smile-assessment .cp-wrapper-1 p {
    margin-top: 10px; }

.us-smile-assessment .sa-header {
  font-size: 25px;
  color: #171c8f;
  margin: 0px 0px 20px;
  border-bottom: 1px solid darkgray;
  padding-bottom: 10px;
  letter-spacing: -0.5px;
  line-height: 1.1; }
  @media only screen and (max-width: 767px) {
    .us-smile-assessment .sa-header {
      font-size: 22px; } }

@media (max-width: 991px) {
  .us-smile-assessment > .col-md-5 {
    order: 1;
    max-width: 100%;
    flex: 100%; }
    .us-smile-assessment > .col-md-5 .main-content .cp-wrapper-1 {
      background-color: #ffffff;
      box-shadow: 0 9px 24px 0 rgba(0, 0, 0, 0.1), 0 9px 24px 0 rgba(0, 0, 0, 0.05);
      border: 2px solid #afb1af;
      margin-top: 10px !important;
      padding: 5px;
      max-width: 100% !important; }
      .us-smile-assessment > .col-md-5 .main-content .cp-wrapper-1 .col-md-12 {
        padding-right: 0px;
        padding-left: 0px; }
    .us-smile-assessment > .col-md-5 .main-content .cp-wrapper-2 {
      display: none; }
  .us-smile-assessment > .col-md-12:first-child {
    order: 2;
    max-width: 100%;
    flex: 100%; }
  .us-smile-assessment > .col-md-7 {
    order: 3;
    max-width: 100%;
    flex: 100%; }
  .us-smile-assessment > .col-md-12:last-child {
    order: 4;
    max-width: 100%;
    flex: 100%; } }

.us-smile-assessment {
  width: 100%;
  max-width: 100%;
  margin: auto; }
  @media only screen and (min-width: 992px) {
    .us-smile-assessment {
      padding-left: 10%;
      padding-right: 10%; } }
  @media only screen and (max-width: 1499px) and (min-width: 1200px) {
    .us-smile-assessment {
      padding-left: 7%;
      padding-right: 7%; } }
  @media only screen and (max-width: 1199px) and (min-width: 992px) {
    .us-smile-assessment {
      padding-left: 5%;
      padding-right: 5%; } }
  @media only screen and (max-width: 991px) and (min-width: 768px) {
    .us-smile-assessment {
      padding-left: 25px;
      padding-right: 25px; } }
  .us-smile-assessment.sa-result > .col-md-5,
  .us-smile-assessment.sa-result > .col-md-12 {
    display: none; }
  .us-smile-assessment.sa-result > .col-md-7 {
    flex: 0 0 100%;
    max-width: 100%; }

.faqs-list .faq-category-title {
  font-size: 32px;
  color: #009ace;
  margin: 30px 0px 0px 0px;
  padding: 0px 0px 0px 35px;
  position: relative;
  cursor: pointer;
  user-select: none; }
  .faqs-list .faq-category-title::before {
    position: absolute;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%);
    position: absolute;
    top: 50%;
    content: "+";
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: #009ace;
    left: 0;
    color: white;
    font-size: 18px;
    line-height: 18px;
    text-align: center; }

.faqs-list .faq-item-title {
  font-size: 32px; }

.faqs-list .faq-item {
  margin-top: 50px;
  margin-bottom: 50px; }
  .faqs-list .faq-item p {
    font-size: 22px; }
  @media (max-width: 767px) {
    .faqs-list .faq-item {
      margin-top: 20px;
      margin-bottom: 20px; }
      .faqs-list .faq-item p {
        font-size: 20px; } }

.faqs-list .faq-items {
  display: none; }

.faqs-list .expanded .faq-items {
  display: block; }

.faqs-list .expanded .faq-category-title::before {
  content: '-'; }

.faqs-list .faq-search {
  border-bottom: 2px solid #ECECEC;
  margin-bottom: 50px; }
  .faqs-list .faq-search input {
    border-radius: 0px;
    z-index: 0;
    box-shadow: none;
    height: 42px;
    font-size: 32px;
    border: 0px;
    padding: 0px 5px 0px 5px;
    color: #3d3935;
    width: 100%; }
    .faqs-list .faq-search input::placeholder {
      color: #009ace; }

.faqs-list .faq_head {
  color: #009ace;
  text-align: center;
  margin: 50px 0 50px;
  font-weight: normal; }

.container-fluid .container.faqs-list {
  padding-top: 60px; }

@media only screen and (max-width: 767px) {
  .mobile-fontsize-15 .faq-search input {
    font-size: 15px; } }

.info-kit-container .info-kit-container-inner {
  background-color: #fff;
  padding: 20px; }

.info-kit-container .error {
  color: red;
  border: 1px solid red; }

.info-kit-container .error::-webkit-input-placeholder {
  color: red; }

.info-kit-container .error::-moz-placeholder {
  color: red; }

.info-kit-container .error:-ms-input-placeholder {
  color: red; }

.info-kit-container .error::-ms-input-placeholder {
  color: red; }

.info-kit-container .error::placeholder {
  color: red; }

.info-kit-container .ik-form-field {
  margin-bottom: 10px; }

.info-kit-container .ik-form-field label {
  display: inline; }

.info-kit-container .ik-input {
  border-radius: 0;
  font-size: 16px;
  max-width: 400px;
  display: block;
  width: 100%;
  height: 42px;
  padding: 6px 12px;
  color: #555;
  background-color: #fff;
  background-image: none; }

.info-kit-container textarea.ik-input {
  height: 60px; }

.info-kit-container .ik-mb-2 {
  margin-bottom: 20px; }

.info-kit-container .ik-captcha-container {
  -webkit-transform: scale(0.8);
  transform: scale(0.8);
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0; }

.info-kit-container .ik-submit-container {
  position: relative; }

.info-kit-container .ik-loading {
  position: absolute;
  top: 10px;
  left: 10px;
  width: 20px;
  height: 20px; }

.info-kit-container .btn-wide {
  text-align: center;
  width: 100%;
  max-width: 400px; }

.info-kit-container .btn-tall {
  padding-top: 12px;
  padding-bottom: 12px; }

.info-kit-container .ik-captcha-container {
  width: 305px; }

.info-kit-container .ik-label-error {
  color: red; }

.info-kit-container .ik-phone-prefix {
  position: absolute;
  width: 60px;
  color: #555;
  height: 42px; }

.info-kit-container .ik-phone-short {
  margin-left: 70px;
  max-width: 330px; }

@media (max-width: 991px) {
  .info-kit-container .info-kit-container-inner {
    margin-right: -15px;
    margin-left: -15px; } }
.container-fluid .ik-root {
  padding-top: 20px; }

.ik-root h1 {
  font-size: 32px; }
  @media (min-width: 768px) {
    .ik-root h1 {
      font-size: 45px; } }

.ik-root .btn-lblue {
  border-radius: 35px;
  background-color: #009ace;
  display: inline-block;
  border: none;
  padding: 9px 20px 9px 20px;
  max-width: 330px;
  width: 100%;
  text-align: center;
  font-size: 20px;
  color: #ffffff;
  text-decoration: none;
  font-weight: bold;
  letter-spacing: 0.7px;
  -webkit-transition: all 0.05s ease-out;
  -moz-transition: all 0.05s ease-out;
  -ms-transition: all 0.05s ease-out;
  -o-transition: all 0.05s ease-out;
  transition: all 0.05s ease-out;
  border: 4px solid #009ace;
  cursor: pointer; }
  .ik-root .btn-lblue:hover, .ik-root .btn-lblue:focus, .ik-root .btn-lblue:active {
    text-decoration: none;
    color: #008ebe;
    background-color: #ffffff;
    border: 4px solid #009ace;
    outline: 0px; }
  .ik-root .btn-lblue:active {
    transform: translateY(5px); }
  .ik-root .btn-lblue.revert {
    background-color: #ffffff;
    color: #3d3935 !important; }
    .ik-root .btn-lblue.revert:hover, .ik-root .btn-lblue.revert:focus, .ik-root .btn-lblue.revert:active, .ik-root .btn-lblue.revert:visited, .ik-root .btn-lblue.revert.button-active {
      text-decoration: none;
      color: #ffffff !important;
      background-color: #009ace;
      border: 4px solid #009ace; }

.ik-root select {
  font-size: 16px; }

.ik-root .info-kit-container-inner {
  max-width: 900px;
  margin-left: auto;
  margin-right: auto; }

.ik-root .ik-submit-container {
  text-align: center; }

.styling-hide-infokit-headers .ik-root .ik-top-header, .styling-hide-infokit-headers .ik-root .ik-top-subheader {
  display: none; }

body.rtl .ik-root .ik-phone-short {
  margin-right: 70px;
  margin-left: 0; }

.video-box video {
  width: 100%;
  max-width: 100%; }

.video-box .video-container {
  position: relative; }
  .video-box .video-container .video-progress-container {
    position: absolute;
    bottom: 60px;
    font-size: 16px;
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: center; }
    @media only screen and (max-width: 767px) {
      .video-box .video-container .video-progress-container {
        bottom: 18px; } }
    .video-box .video-container .video-progress-container .video-progress {
      width: 300px; }
    .video-box .video-container .video-progress-container .video-progress-left, .video-box .video-container .video-progress-container .video-progress-right {
      padding-left: 15px;
      padding-right: 15px; }
    .video-box .video-container .video-progress-container .video-text {
      position: absolute;
      top: 35px; }
    @media only screen and (max-width: 767px) {
      .video-box .video-container .video-progress-container .video-text {
        top: 20px;
        font-size: 7px; }
      .video-box .video-container .video-progress-container .video-progress-left, .video-box .video-container .video-progress-container .video-progress-right {
        font-size: 8px; } }

.video-box.clr-white .video-progress::-webkit-slider-runnable-track {
  background: white; }

.video-box.clr-white .video-progress::-moz-range-track {
  background: white; }

.video-box.clr-white .video-progress::-ms-track {
  background: white; }

.iframe-container {
  position: relative;
  width: 100%;
  padding-bottom: 56.25%;
  height: 0; }

.iframe-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.image-animation-container {
  margin-bottom: 30px; }
  .image-animation-container.type-animation {
    background: #ebf8fe;
    padding-top: 15px;
    padding-bottom: 15px; }
    .image-animation-container.type-animation h1 {
      font-weight: 300;
      font-size: 36px;
      color: #009ace;
      text-align: center;
      margin-top: 20px;
      margin-bottom: 20px; }
    .image-animation-container.type-animation .progress-text {
      text-align: center;
      font-weight: bold;
      font-size: 20px; }
    .image-animation-container.type-animation .slider-container {
      padding: 0 15px;
      margin-bottom: 15px; }
    .image-animation-container.type-animation input[type=range] {
      -webkit-appearance: none;
      width: 100%;
      padding-bottom: 0;
      background: transparent;
      height: 30px; }
    .image-animation-container.type-animation input[type=range]:focus {
      outline: none; }
    .image-animation-container.type-animation input[type=range] {
      padding: 0;
      background-color: transparent; }
    .image-animation-container.type-animation input[type=range]::-webkit-slider-thumb {
      -webkit-appearance: none;
      height: 30px;
      width: 30px;
      border-radius: 50%;
      border: 0;
      cursor: pointer;
      position: relative;
      top: -14px;
      padding: 0;
      background-image: url("https://eu-conweb.s3-eu-west-1.amazonaws.com/img/new/arrow-lb-left.svg");
      background-size: contain;
      background-repeat: no-repeat; }
    .image-animation-container.type-animation input[type=range]::-moz-range-thumb {
      -webkit-appearance: none;
      height: 30px;
      width: 30px;
      border-radius: 50%;
      border: 0;
      cursor: pointer;
      position: relative;
      top: -14px;
      padding: 0;
      background-image: url("https://eu-conweb.s3-eu-west-1.amazonaws.com/img/new/arrow-lb-left.svg");
      background-size: contain;
      background-repeat: no-repeat; }
    .image-animation-container.type-animation input[type=range]::-ms-thumb {
      -webkit-appearance: none;
      height: 30px;
      width: 30px;
      border-radius: 50%;
      border: 0;
      cursor: pointer;
      position: relative;
      top: -14px;
      padding: 0;
      background-image: url("https://eu-conweb.s3-eu-west-1.amazonaws.com/img/new/arrow-lb-left.svg");
      background-size: contain;
      background-repeat: no-repeat; }
    .image-animation-container.type-animation input[type=range]::-webkit-slider-runnable-track {
      width: 100%;
      height: 1px;
      cursor: pointer;
      background: #009ace;
      padding: 0; }
    .image-animation-container.type-animation input[type=range]::-moz-range-track {
      width: 100%;
      height: 1px;
      cursor: pointer;
      background: #009ace;
      padding: 0; }
    .image-animation-container.type-animation input[type=range]::-ms-track {
      width: 100%;
      cursor: pointer;
      background: transparent;
      border-color: transparent;
      color: transparent;
      width: 100%;
      height: 1px;
      cursor: pointer;
      background: #009ace;
      padding: 0; }
  .image-animation-container.type-before-after {
    margin-bottom: 50px; }
    .image-animation-container.type-before-after .image-container {
      max-width: 400px;
      margin-left: auto;
      margin-right: auto;
      margin-bottom: 40px; }
    .image-animation-container.type-before-after .button-container {
      text-align: center; }
    .image-animation-container.type-before-after .btn-blue {
      color: #3d3935;
      background-color: white; }
    .image-animation-container.type-before-after .image-container {
      min-height: 230px;
      position: relative; }
      .image-animation-container.type-before-after .image-container img {
        -webkit-transform: translate(0, -50%);
        -moz-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        -o-transform: translate(0, -50%);
        transform: translate(0, -50%);
        position: absolute;
        top: 50%; }
  .image-animation-container .image-container {
    margin-bottom: 15px; }
    .image-animation-container .image-container img {
      max-width: 100%; }

@media (min-width: 768px) {
  .image-animation-modal .modal-dialog {
    max-width: 700px; } }

.image-animation-modal img {
  max-width: 100%;
  margin-bottom: 10px; }

.image-animation-modal, .image-animation-modal h2, .image-animation-modal p, .image-animation-modal div {
  color: #009ace; }

.image-animation-modal .modal-header h2 {
  width: 100%;
  text-align: center; }

.image-animation-modal .modal-body {
  padding-bottom: 40px; }

.image-animation-modal .image-title {
  font-size: 30px; }
  @media (max-width: 767px) {
    .image-animation-modal .image-title {
      font-size: 20px; } }

.request-appointment-container {
  text-align: center;
  margin: auto;
  padding: 25px; }
  .request-appointment-container .request-appointment-wrapper-inner .ra-page-heading h3 {
    font-size: 17px;
    font-weight: 900;
    line-height: 1.36;
    color: #3d3935;
    margin-bottom: 24px;
    width: 100%; }
  .request-appointment-container .request-appointment-wrapper-inner form {
    max-width: 800px; }
    .request-appointment-container .request-appointment-wrapper-inner form .form-group {
      margin-bottom: 30px; }
    .request-appointment-container .request-appointment-wrapper-inner form textarea {
      height: 100%;
      width: 100%;
      margin: auto;
      border-radius: 0px;
      font-size: 17px;
      color: #333;
      border: 1px solid #3d3935;
      background-position: right 8px top 8px !important; }
    .request-appointment-container .request-appointment-wrapper-inner form select {
      background-position: right 25px center !important; }
  .request-appointment-container .request-appointment-wrapper-inner .ra-form-discalimer1 {
    float: left;
    margin-top: 24px;
    font-size: 16px; }
  .request-appointment-container .request-appointment-wrapper-inner .ra-form-discalimer2 {
    font-size: 11px;
    float: left; }
  .request-appointment-container .thankyouWrapper h3 {
    font-size: 18px;
    max-width: 800px;
    margin-top: 20px; }
  .request-appointment-container .thankyouWrapper .tile-heading {
    color: #269ace; }
  .request-appointment-container .WhatsappLogo h3 {
    margin-bottom: 10px; }
  .request-appointment-container .WhatsappLogo img {
    max-width: 20%;
    width: 100%;
    margin: 0px 0px 40px 0px; }
    @media only screen and (max-width: 767px) {
      .request-appointment-container .WhatsappLogo img {
        max-width: 50%; } }
  .request-appointment-container .row-age-radio {
    margin-bottom: 20px; }
    .request-appointment-container .row-age-radio .custom-radio {
      display: inline-block;
      margin-right: 40px; }
      .request-appointment-container .row-age-radio .custom-radio label {
        font-size: 16px; }
      @media only screen and (max-width: 767px) {
        .request-appointment-container .row-age-radio .custom-radio {
          margin-right: 20px; } }
    .request-appointment-container .row-age-radio .col-md-12 {
      text-align: left; }
  .request-appointment-container .custom-checkbox {
    margin-left: 25px; }
  .request-appointment-container p.contactEnquary {
    text-align: left;
    margin-bottom: 10px; }

@media only screen and (max-width: 767px) {
  .request-appointment-wrapper-inner .ra-form-discalimer {
    text-align: left; } }

.request-appointment-container {
  text-align: center;
  margin: auto;
  padding: 25px; }
  @media only screen and (max-width: 403px) {
    .request-appointment-container {
      padding: 10px; } }
  .request-appointment-container .request-appointment-wrapper-inner form {
    max-width: 800px; }
    .request-appointment-container .request-appointment-wrapper-inner form .form-group {
      margin-bottom: 30px; }
    .request-appointment-container .request-appointment-wrapper-inner form textarea {
      height: 100%;
      width: 100%;
      margin: auto;
      border-radius: 0px;
      font-size: 17px;
      color: #333;
      border: 1px solid #3d3935;
      background-position: right 8px top 8px !important; }
    .request-appointment-container .request-appointment-wrapper-inner form select {
      background-position: right 25px center !important; }
    .request-appointment-container .request-appointment-wrapper-inner form .phone-prefix {
      width: 15%;
      border-right: 0px;
      -webkit-text-fill-color: #333; }
    .request-appointment-container .request-appointment-wrapper-inner form .phone-field-prefix {
      width: 85%; }
  .request-appointment-container .request-appointment-wrapper-inner .cu-comment-label, .request-appointment-container .request-appointment-wrapper-inner cu-form-note-label {
    float: left;
    margin-bottom: 24px;
    font-size: 18px; }
  .request-appointment-container .request-appointment-wrapper-inner .cu-form-note-label {
    margin-top: 24px;
    margin-left: 15px; }
  .request-appointment-container .request-appointment-wrapper-inner .cu-form-discalimer {
    font-size: 11px;
    margin-left: 14px;
    text-align: left; }
  .request-appointment-container .thankyouWrapper h3 {
    font-size: 18px;
    max-width: 800px;
    margin-top: 20px; }
  .request-appointment-container .thankyouWrapper .tile-heading {
    color: #269ace; }
  .request-appointment-container .row-age-radio {
    margin-bottom: 20px; }
    .request-appointment-container .row-age-radio .custom-radio {
      display: inline-block;
      margin-right: 40px; }
      .request-appointment-container .row-age-radio .custom-radio label {
        font-size: 16px; }
      @media only screen and (max-width: 767px) {
        .request-appointment-container .row-age-radio .custom-radio {
          margin-right: 20px; } }
      @media only screen and (max-width: 342px) {
        .request-appointment-container .row-age-radio .custom-radio {
          margin-right: 2px !important; } }
      @media only screen and (max-width: 375px) {
        .request-appointment-container .row-age-radio .custom-radio {
          margin-right: 10px; } }
    .request-appointment-container .row-age-radio .col-md-12 {
      text-align: left; }
  .request-appointment-container .custom-checkbox {
    margin-left: 25px; }
  .request-appointment-container p.contactEnquary {
    text-align: left;
    margin-bottom: 10px; }

.custom-dialog {
  font-size: 18px;
  color: #949695;
  position: absolute;
  top: 6%;
  left: 30%; }

.custom-alignerinvalid-dialog {
  font-size: 18px;
  font-weight: bold;
  color: #949695;
  width: 90%;
  margin: auto;
  top: 40%; }

.custom-alignerloader-dialog {
  margin: auto; }

.custom-alignerloader-dialog .modal-content {
  background-color: #3330;
  border: 1px solid rgba(0, 0, 0, 0); }

.custom-alignerloader-dialog .modal-content .modal-header {
  border: 1px solid rgba(0, 0, 0, 0); }

.aligner-loader-screen {
  display: flex;
  justify-content: center; }
  .aligner-loader-screen img {
    width: 100px; }

@media (max-width: 767px) {
  .custom-dialog {
    top: 1% !important;
    left: 1% !important; }
  .alignerinfo {
    margin-top: 0px !important;
    margin-bottom: 25px; } }

@media (max-width: 1023px) {
  .custom-dialog {
    top: 1%;
    left: 20%; } }

.infolink {
  background-size: 100% 100%;
  width: 15px !important;
  height: 15px !important;
  display: inline-block;
  position: relative;
  content: url("//dv2c9ihs6hqjp.cloudfront.net/assets/invisalign/Invisalign_icon__-ec0a92ff2cdc1db581b47563cad055d7b1be0a5aa9e956c7d6d177eff74e9857.svg"); }

.alignerinfo {
  font-size: 17px;
  float: left;
  margin-top: 14px; }

@media only screen and (max-width: 767px) {
  .request-appointment-wrapper-inner .cu-form-note-label {
    text-align: left; } }

.accordion-wrapper {
  padding: 25px; }
  .accordion-wrapper h2 {
    margin-bottom: 30px; }
  .accordion-wrapper .row.accordion {
    text-align: left; }
    .accordion-wrapper .row.accordion .tb {
      padding: 0;
      font-weight: 600;
      margin-bottom: 35px;
      font-size: 22px;
      color: #009ace;
      text-decoration: none;
      text-align: left;
      pointer-events: none; }
    .accordion-wrapper .row.accordion .country-item a {
      font-size: 15px;
      text-decoration: none;
      font-weight: 600;
      color: #269ace;
      display: block;
      margin-bottom: 10px; }
  @media only screen and (max-width: 1023px) {
    .accordion-wrapper .row.accordion .col-md-2 {
      max-width: 100%;
      flex: 100%;
      margin-bottom: 15px; }
      .accordion-wrapper .row.accordion .col-md-2 .tb {
        margin-bottom: 10px;
        width: 100%;
        pointer-events: auto; }
    .accordion-wrapper .row.accordion .tb::after {
      content: '';
      background-size: 18px 18px;
      background-position: 0px 12px;
      margin-top: 0px;
      border: 0px;
      position: absolute;
      width: 20px;
      height: 20px;
      right: 15px;
      top: 4px; }
    .accordion-wrapper .row.accordion .tb.plus::after {
      content: url(https://s3.amazonaws.com/storagy-invisalign/invisalign_next/homepage/Invisalign_icon_open1.svg); }
    .accordion-wrapper .row.accordion .tb.minus::after {
      content: url(https://s3.amazonaws.com/storagy-invisalign/invisalign_next/homepage/Invisalign_icon_close1.svg); } }

.raform-scheduler {
  overflow: hidden; }
  .raform-scheduler .bold {
    font-weight: bold; }
  .raform-scheduler .step-label {
    font-weight: bold;
    color: #269ace; }
  .raform-scheduler .date-change {
    text-align: center; }
    .raform-scheduler .date-change a {
      color: #269ace;
      cursor: pointer; }
  .raform-scheduler .heading-wrapper {
    padding: 0px 30px; }
    .raform-scheduler .heading-wrapper h3 {
      text-align: center; }
  .raform-scheduler .no-slots {
    text-align: center;
    margin-top: 60px; }
  .raform-scheduler .loader-screen,
  .raform-scheduler .error-occurred {
    width: 100%;
    margin: 60px auto;
    text-align: center; }
    .raform-scheduler .loader-screen .form-error,
    .raform-scheduler .error-occurred .form-error {
      color: red;
      text-align: center; }
  .raform-scheduler .step-1-slider-wrapper {
    margin-top: 50px;
    margin-bottom: 50px; }
    .raform-scheduler .step-1-slider-wrapper .date-slider {
      max-width: 250px;
      margin: auto;
      text-align: center;
      margin-bottom: 30px; }
      .raform-scheduler .step-1-slider-wrapper .date-slider .slide-date {
        font-weight: bold; }
      .raform-scheduler .step-1-slider-wrapper .date-slider .slick-arrow {
        top: 8px; }
        .raform-scheduler .step-1-slider-wrapper .date-slider .slick-arrow::before {
          font-size: 45px;
          color: #269ace; }
        .raform-scheduler .step-1-slider-wrapper .date-slider .slick-arrow.slick-disabled::before {
          cursor: default; }
        @media only screen and (max-width: 991px) and (min-width: 768px) {
          .raform-scheduler .step-1-slider-wrapper .date-slider .slick-arrow {
            top: 16px; } }
    .raform-scheduler .step-1-slider-wrapper .time-slider {
      max-width: 750px;
      margin: auto; }
      @media only screen and (max-width: 1024px) and (min-width: 768px) {
        .raform-scheduler .step-1-slider-wrapper .time-slider {
          max-width: 650px; } }
      .raform-scheduler .step-1-slider-wrapper .time-slider .slide-time {
        padding: 10px; }
        .raform-scheduler .step-1-slider-wrapper .time-slider .slide-time:focus {
          outline: none; }
      .raform-scheduler .step-1-slider-wrapper .time-slider .slick-arrow {
        top: 42%; }
        .raform-scheduler .step-1-slider-wrapper .time-slider .slick-arrow::before {
          font-size: 45px;
          color: #269ace; }
        .raform-scheduler .step-1-slider-wrapper .time-slider .slick-arrow.slick-disabled::before {
          cursor: default; }
        .raform-scheduler .step-1-slider-wrapper .time-slider .slick-arrow.slick-prev {
          left: -40px; }
        .raform-scheduler .step-1-slider-wrapper .time-slider .slick-arrow.slick-next {
          right: -40px; }
    .raform-scheduler .step-1-slider-wrapper .slick-arrow {
      width: 40px;
      height: 40px;
      top: 18px; }
  .raform-scheduler .step-2-form-wrapper {
    text-align: center;
    margin: auto;
    padding: 25px; }
    .raform-scheduler .step-2-form-wrapper form {
      max-width: 800px;
      margin: auto; }
    .raform-scheduler .step-2-form-wrapper .form-group {
      margin-bottom: 24px; }
      .raform-scheduler .step-2-form-wrapper .form-group label {
        width: 100%;
        text-align: left;
        font-size: 17px;
        color: #333;
        margin-bottom: 0px; }
      .raform-scheduler .step-2-form-wrapper .form-group input,
      .raform-scheduler .step-2-form-wrapper .form-group select {
        height: 50px;
        width: 100%;
        margin: auto;
        border-radius: 0px;
        font-size: 17px;
        color: #333;
        border: 1px solid #3d3935; }
        .raform-scheduler .step-2-form-wrapper .form-group input.success,
        .raform-scheduler .step-2-form-wrapper .form-group select.success {
          background-image: url("https://d2i6vk5bmh3r0a.cloudfront.net/invisalign_next/radio_tick.svg") !important;
          background-repeat: no-repeat;
          background-position: right 8px center;
          background-size: 15px 15px; }
        .raform-scheduler .step-2-form-wrapper .form-group input.is-invalid,
        .raform-scheduler .step-2-form-wrapper .form-group select.is-invalid {
          background-image: url("https://d2i6vk5bmh3r0a.cloudfront.net/images_2_0/assets/invisalign/pin-svgs/Invisalign_icon_input_X.svg");
          background-repeat: no-repeat;
          background-position: right 8px center;
          background-size: 12px 12px; }
    .raform-scheduler .step-2-form-wrapper .row-age-radio {
      margin-bottom: 20px; }
      .raform-scheduler .step-2-form-wrapper .row-age-radio .custom-radio {
        display: inline-block;
        margin-right: 40px; }
        .raform-scheduler .step-2-form-wrapper .row-age-radio .custom-radio label {
          font-size: 16px; }
        @media only screen and (max-width: 767px) {
          .raform-scheduler .step-2-form-wrapper .row-age-radio .custom-radio {
            margin-right: 10px; } }
      .raform-scheduler .step-2-form-wrapper .row-age-radio .col-md-12 {
        text-align: left; }
  .raform-scheduler .success-step {
    width: 100%;
    text-align: center;
    margin: 40px auto; }
    .raform-scheduler .success-step h2 {
      font-weight: bold;
      color: #269ace;
      margin-bottom: 30px; }
    .raform-scheduler .success-step h3 {
      margin-bottom: 30px; }
    .raform-scheduler .success-step .get-start {
      display: block;
      margin-bottom: 25px; }
    .raform-scheduler .success-step .userName {
      text-transform: capitalize; }
  .raform-scheduler .ra-page-heading {
    display: none; }

@media only screen and (max-width: 767px) {
  .raform-scheduler {
    padding: 0px 30px; }
    .raform-scheduler .step-1-slider-wrapper .time-slider {
      padding: 0px 8px; }
      .raform-scheduler .step-1-slider-wrapper .time-slider .slick-slide {
        padding: 0px !important; }
        .raform-scheduler .step-1-slider-wrapper .time-slider .slick-slide .slide-time {
          padding: 10px 5px; } }

.react-add-to-calendar .react-add-to-calendar__button {
  margin-bottom: 5px; }

.react-add-to-calendar .react-add-to-calendar__dropdown li a {
  color: #009ace;
  background-color: transparent;
  margin-top: 0px;
  border-radius: 0px;
  border: none; }

.react-add-to-calendar .react-add-to-calendar__dropdown li:last-child a {
  border-bottom: 4px solid #269acc;
  box-shadow: 0px 0px 1px 0 rgba(178, 180, 178, 0.3); }

.fsa-no-overflow {
  overflow: hidden !important;
  position: relative;
  height: 100%; }

.fsa-root .simple-form .round.checkbox label {
  border-radius: 0; }

.fsa-root .simple-form .label-contact-method {
  display: block;
  margin-bottom: 15px; }

.fsa-root .simple-form .form-already-registered {
  margin-left: 0 !important;
  margin-right: 30px; }

.fsa-root .simple-form .form-already-registered span {
  padding-right: 15px; }

.fsa-root .fsa-white-center {
  text-align: center;
  margin-top: 20px; }

.fsa-root .fsa-white-center a {
  color: #fff; }

.fsa-root .inline-radio {
  display: inline-block;
  margin-left: 40px !important; }

.fsa-root .thankyou-icons {
  text-align: center;
  padding-left: 0;
  padding-right: 15px; }

.fsa-root .thankyou-icon {
  display: inline-block;
  padding-bottom: 10px;
  width: 25px; }

.fsa-root .padding-left-20 {
  padding-left: 20px; }

.fsa-root .btn-thankyou {
  text-align: center;
  text-decoration: none;
  padding: 15px 60px;
  font-size: 18px;
  background-color: #37b9e5;
  color: #fff !important;
  border-width: 0; }

.fsa-root .thankyou-logo {
  display: inline-block;
  padding-bottom: 20px;
  width: 125px; }

.fsa-root .thankyou-border {
  margin-top: 40px;
  margin-bottom: 10px;
  background-color: #009ace;
  height: 5px !important;
  text-align: center;
  padding-top: 0;
  padding-bottom: 0; }

.fsa-root .clr-white {
  color: #fff; }

.fsa-root .thankyou-header {
  background-color: #f8485e;
  padding: 15px;
  margin-bottom: 15px; }

.fsa-root .recaptcha-container {
  width: 304px; }

.fsa-root .field-container.error, .fsa-root input.has-error {
  border: 1px solid red; }

.fsa-root div.has-error {
  color: red !important; }

.fsa-root .round input[type=checkbox], .fsa-root .round input[type=radio] {
  visibility: hidden;
  display: none; }

.fsa-root .round label {
  background-color: #fff;
  border: 1px solid #5491f2;
  border-radius: 50%;
  cursor: pointer;
  height: 28px;
  left: 0;
  position: relative;
  top: 0;
  width: 28px;
  text-align: center;
  vertical-align: middle;
  margin-bottom: 0; }

.fsa-root .round input[type=checkbox]:checked + label, .fsa-root .round input[type=radio]:checked + label {
  background-color: #5491f2;
  border-color: #fff; }

.fsa-root .customInput {
  padding-top: 20px;
  padding-bottom: 20px;
  width: 90%;
  padding-left: 10px;
  margin-bottom: 20px; }

.fsa-root .align-center-middle {
  text-align: center;
  vertical-align: middle; }

.fsa-root .padding-top-20 {
  padding-top: 20px; }

.fsa-root .margin-top-20 {
  margin-top: 20px; }

.fsa-root .margin-bottom-15 {
  margin-bottom: 15px; }

.fsa-root .align-left-middle {
  text-align: left;
  vertical-align: middle; }

.fsa-root .form-already-registered {
  text-align: left;
  margin-left: auto;
  margin-right: auto;
  color: #fff;
  font-size: 16px; }

.fsa-root .padding-top-10 {
  padding-top: 10px; }

.fsa-root .padding-bottom-20 {
  padding-bottom: 20px; }

.fsa-root .form-enter-details {
  font-size: 18px;
  padding-bottom: 10px;
  color: #fff; }

.fsa-root .form-btn-call {
  padding: 15px 60px;
  font-size: 18px;
  background-color: #009ace;
  color: #fff !important;
  border-width: 0; }

.fsa-root .form-container {
  background-color: #3a3631;
  margin: auto;
  border-top: 5px solid #f44265;
  min-height: 100%;
  padding: 40px; }

.fsa-root .form-call-us, .fsa-root .form-para {
  font-size: 18px;
  padding-bottom: 10px;
  padding-top: 10px;
  text-align: center; }

.fsa-root .form-top-header {
  text-align: center;
  color: #37b9e5;
  font-weight: 300; }

.fsa-root .padding-left-10 {
  padding-left: 10px; }

.fsa-root .padding-left-15 {
  padding-left: 15px; }

.fsa-root .padding-right-15 {
  padding-right: 15px; }

.fsa-root .tcs {
  text-align: center;
  font-size: 11px;
  line-height: 15px; }

.fsa-root .underline {
  text-decoration: underline; }

.fsa-root .btn-register {
  padding: 15px 60px;
  font-weight: 300;
  font-size: 18px;
  background-color: #009ace;
  color: #fff !important;
  border-width: 0; }

.fsa-root .center {
  text-align: center; }

.fsa-root input::-webkit-input-placeholder {
  color: #000; }

.fsa-root input:-moz-placeholder, .fsa-root input::-moz-placeholder {
  color: #000; }

.fsa-root input:-ms-input-placeholder {
  color: #000; }

.fsa-root .form__submit {
  position: relative;
  width: 200px;
  margin: 2em 0 1em; }

.fsa-root .form__submit .glyphicon {
  position: absolute;
  right: 5%;
  top: 25%; }

.fsa-root input#interest-offers-accept {
  margin: 4px 10px 0 0;
  float: left; }

.fsa-root .new-smile {
  color: #fff;
  padding-bottom: 0; }

.fsa-root .new-smile h1 {
  font-size: 40px; }

.fsa-root .registration {
  padding-top: 0; }

.fsa-root .registration p {
  margin: 1em 0 2em; }

.fsa-root .registration input[type=text] {
  width: 100%;
  padding: .5em;
  background: #be933c;
  border: none;
  margin-bottom: 1em;
  color: #000; }

.fsa-root .helpful-tips {
  padding-top: 1em; }

.fsa-root .helpful-tips img {
  max-width: 45px;
  margin: 0 auto 2em;
  display: block; }

.fsa-root .row-eq-height {
  display: flex; }

.fsa-root .height--100 {
  height: 100%; }

.fsa-root .wearing-your-aligners img {
  max-width: 100%;
  height: auto;
  margin: 3em auto 0; }

.fsa-root .wearing-your-aligners p:last-of-type {
  margin-bottom: 3em; }

.fsa-root .textReduce {
  opactiy: 1;
  color: #fff;
  font-size: 20px;
  margin-left: 20%;
  margin-right: 20%; }

.fsa-root .titleReduce {
  opactiy: 1;
  color: #fff;
  font-weight: 700; }

.fsa-root .nav-menu-button, .fsa-root .nav-menu-button:after, .fsa-root .nav-menu-button:before {
  background: #000; }

.fsa-root .fsaw .bbanner-text {
  max-width: 100%; }

.fsa-root .bbanner-box {
  width: 100% !important;
  bottom: 0 !important;
  left: 0 !important;
  background-color: rgba(5, 5, 5, 0.5);
  position: absolute !important; }

.fsa-root .border-pink {
  border-color: #f44265; }

.fsa-root .bheight-full {
  min-height: 100% !important;
  height: 100%; }

.fsa-root .fsaw .bbanner-img {
  min-height: 100% !important;
  background-size: cover; }

.fsa-root .bbanner-box {
  border-bottom: 20px solid #f44265; }

.fsa-root .bbanner-box-inner {
  padding: 0 0 5px !important; }

.fsa-root .menu-buttons .navbtn, .fsa-root .mini-nav-bar {
  display: none; }

@media (max-width: 1100px) {
  .fsa-root .textReduce {
    font-size: 16px; }
  .fsa-root .titleReduce {
    font-size: 20px;
    padding-top: 2%; } }

@media (max-width: 600px) {
  .fsa-root .textReduce {
    font-size: 14px;
    margin-left: 10px;
    margin-right: 10px; }
  .fsa-root .titleReduce {
    font-size: 20px;
    padding-top: 5%; } }

@media (min-width: 992px) {
  .fsa-root .new-smile {
    color: #3d3935; } }

@media (max-width: 767px) {
  .fsa-root .block-container.has-mini-nav {
    padding-top: 50px !important; }
  .fsa-root .xsinner-margin {
    margin-right: 0 !important;
    margin-left: 0 !important; } }

@media (min-width: 768px) {
  .fsa-root .bbanner-box-inner h1 {
    margin-top: 20px; } }

.fsa-root .menu-buttons .hidden-sm {
  display: none; }

.fsa-root .transparent-box {
  position: static; }

.fsa-root .transparent-box .bbanner-box {
  width: 100%;
  bottom: 0;
  left: 0;
  background-color: rgba(5, 5, 5, 0.5);
  position: absolute;
  color: #fff; }

@media (min-width: 992px) {
  .fsa-root .transparent-box .bbanner-box .bbanner-box.left {
    bottom: 50px;
    left: 50px;
    width: 350px;
    position: absolute; } }

.fsa-root .dl-btn-centered {
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  position: absolute;
  top: 50%;
  left: 50%; }

.fsa-root .bbanner-img {
  min-height: 500px;
  height: 90vh;
  background-position: top; }

.fsa-root .bbanner {
  position: relative; }
.fsa-root .transparent-box {
  padding-top: 0;
  padding-bottom: 0; }

.fsa-root input[type='text'] {
  font-size: 14px; }

.fsa-root .form-container {
  font-size: 16px; }

.fsa-root ol {
  font-size: 16px; }

ol.tcs-ol.padding-left-20 {
  font-size: 16px;
  padding-left: 30px; }

.chat-popup .chat-wrapper {
  position: fixed;
  z-index: 999;
  bottom: 15px; }

.chat-popup .close-popup {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  box-shadow: 0 4px 25px 0 rgba(0, 0, 0, 0.25);
  cursor: pointer; }

.chat-popup .collapse-closed {
  display: block;
  z-index: 9999;
  background-color: white;
  border-radius: 50px;
  box-shadow: 0 9px 24px 0 rgba(0, 0, 0, 0.1), 0 9px 24px 0 rgba(0, 0, 0, 0.05);
  width: 300px;
  cursor: pointer;
  color: #019ace;
  display: flex;
  align-items: center;
  position: relative; }
  .chat-popup .collapse-closed .exit {
    width: 20px;
    height: 20px;
    position: absolute;
    right: -7px;
    top: -8px;
    opacity: 1;
    border-radius: 50%; }
  .chat-popup .collapse-closed p {
    color: #019ace;
    margin-bottom: 0px;
    font-size: 17px; }
  .chat-popup .collapse-closed a {
    font-size: 17px;
    font-weight: bold; }
  .chat-popup .collapse-closed svg {
    margin-bottom: 10px;
    margin-right: 10px;
    height: 1.25em;
    margin-left: 0.1em;
    overflow: hidden;
    transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
    transform: translate(0px, 5px);
    width: 1.25em; }

@media only screen and (min-width: 768px) {
  .chat-wrapper {
    position: fixed;
    bottom: 20px;
    right: 50px; }
  .question-mark {
    width: 75px;
    height: 75px; } }

@media only screen and (max-width: 767px) {
  .scroll-start .chat-wrapper {
    position: fixed;
    bottom: 10px;
    right: 10px; }
  .chat-wrapper {
    right: 4px; }
    .chat-wrapper .question-mark {
      width: 60px;
      height: 60px; }
  .chat-popup .chat-form {
    right: 18%; } }

@media only screen and (min-width: 768px) and (max-width: 1299px) {
  .chat-popup {
    position: relative; }
    .chat-popup .chat-form {
      right: 12%; } }

@media only screen and (min-width: 768px) and (max-width: 992px) {
  .chat-popup .chat-form {
    right: 15%; } }

.chat-form {
  right: 8vw;
  bottom: 15px; }

.text-four-inset-sections {
  font-size: 17px;
  background-color: #3d3935; }
  .text-four-inset-sections .header-section {
    color: #009ace;
    text-align: center;
    padding-top: 32px;
    padding-bottom: 32px; }
    @media only screen and (min-width: 768px) {
      .text-four-inset-sections .header-section {
        font-weight: 600; } }
    @media only screen and (max-width: 767px) {
      .text-four-inset-sections .header-section {
        font-size: 2rem;
        text-align: left;
        padding: 16px;
        font-weight: bold; } }
  .text-four-inset-sections .section-1-container {
    position: relative;
    z-index: 1;
    margin: auto; }
    @media only screen and (min-width: 768px) {
      .text-four-inset-sections .section-1-container {
        padding: 48px 0 0 48px;
        width: 90%; } }
    @media only screen and (max-width: 767px) {
      .text-four-inset-sections .section-1-container {
        padding-top: 34px; } }
  .text-four-inset-sections .section-1-content-column-1 {
    background-color: white;
    color: #009ace;
    font-size: 1.5rem; }
    @media only screen and (min-width: 768px) {
      .text-four-inset-sections .section-1-content-column-1 {
        padding: 4rem; } }
    @media only screen and (max-width: 767px) {
      .text-four-inset-sections .section-1-content-column-1 {
        border-top-left-radius: 24px;
        border-top-right-radius: 24px;
        padding: 48px 24px 48px 24px; } }
  .text-four-inset-sections .section-2-container {
    margin: auto; }
    @media only screen and (min-width: 768px) {
      .text-four-inset-sections .section-2-container {
        padding: 0 80px 0 48px;
        width: 90%; } }
  .text-four-inset-sections .section-2-content-column-1 {
    background-color: #009ace;
    color: white;
    padding: 32px;
    z-index: 1;
    font-size: 1.5rem; }
    @media only screen and (min-width: 768px) {
      .text-four-inset-sections .section-2-content-column-1 {
        margin-top: -42px;
        padding: 4rem; } }
    @media only screen and (max-width: 767px) {
      .text-four-inset-sections .section-2-content-column-1 {
        margin-top: -22px;
        border-top-left-radius: 24px;
        border-top-right-radius: 24px;
        padding: 48px 24px 48px 24px; } }
  .text-four-inset-sections .section-3-container {
    margin: auto; }
    @media only screen and (min-width: 768px) {
      .text-four-inset-sections .section-3-container {
        padding: 0 0 0 48px;
        width: 90%; } }
  .text-four-inset-sections .section-3-content-column-1 {
    background-color: white;
    color: #3d3935;
    padding: 32px;
    font-size: 1.5rem; }
    @media only screen and (min-width: 768px) {
      .text-four-inset-sections .section-3-content-column-1 {
        margin-top: -24px;
        padding: 4rem; } }
    @media only screen and (max-width: 767px) {
      .text-four-inset-sections .section-3-content-column-1 {
        margin-top: -22px;
        border-top-left-radius: 24px;
        border-top-right-radius: 24px;
        padding: 48px 24px 48px 24px;
        z-index: 1; } }
  .text-four-inset-sections .section-4-container {
    position: relative;
    z-index: 1;
    margin: auto; }
    @media only screen and (min-width: 768px) {
      .text-four-inset-sections .section-4-container {
        padding: 0 48px 48px 48px;
        width: 90%; } }
  .text-four-inset-sections .section-4-content-column-1 {
    color: white; }
    @media only screen and (min-width: 1180px) {
      .text-four-inset-sections .section-4-content-column-1 {
        font-size: 1.7rem;
        padding: 2rem 2rem 2rem 0; } }
    @media only screen and (min-width: 980px) and (max-width: 1179px) {
      .text-four-inset-sections .section-4-content-column-1 {
        font-size: 1.5rem;
        padding: 1rem 1rem 1rem 0; } }
    @media only screen and (min-width: 767px) and (max-width: 979px) {
      .text-four-inset-sections .section-4-content-column-1 {
        font-size: 1.2rem;
        padding: 0.5rem 0.5rem 0.5rem 0; } }
    @media only screen and (max-width: 767px) {
      .text-four-inset-sections .section-4-content-column-1 {
        display: none; } }
  @media only screen and (min-width: 768px) {
    .text-four-inset-sections .section-4-content-column-2 {
      margin-top: -42px;
      margin-left: -16px; } }
  @media only screen and (max-width: 767px) {
    .text-four-inset-sections .section-4-content-column-2 {
      background-color: white;
      z-index: 1;
      border-bottom-right-radius: 24px;
      border-bottom-left-radius: 24px;
      margin-top: -1px; } }
  @media only screen and (min-width: 768px) {
    .text-four-inset-sections .section-4-content-column-3 {
      display: none; } }
  @media only screen and (max-width: 767px) {
    .text-four-inset-sections .section-4-content-column-3 {
      color: white;
      margin: 24px;
      font-size: 1.5rem; } }
  @media only screen and (min-width: 768px) {
    .text-four-inset-sections .button-container-section {
      width: 90%;
      margin: auto; } }
  @media only screen and (max-width: 767px) {
    .text-four-inset-sections .button-container-section {
      padding: 16px 0; } }

.green-corner-top-left-1 {
  right: auto;
  top: 8px;
  height: 55%;
  background-color: #c4d600;
  position: absolute;
  z-index: -1; }
  @media only screen and (min-width: 768px) {
    .green-corner-top-left-1 {
      left: 8px;
      width: 14%; } }
  @media only screen and (max-width: 767px) {
    .green-corner-top-left-1 {
      width: 50%; } }

.red-corner-bottom-right-1 {
  width: 18%;
  height: 50%;
  position: absolute; }
  @media only screen and (min-width: 768px) {
    .red-corner-bottom-right-1 {
      background-color: #cf006f;
      z-index: -1;
      bottom: 8px;
      right: 32px; } }
  @media only screen and (max-width: 767px) {
    .red-corner-bottom-right-1 {
      bottom: 0;
      right: 0; } }

@media only screen and (max-width: 768px) {
  .itau-button-section {
    display: none; } }

.itau-button-section-2 {
  text-align: center; }

@media only screen and (min-width: 767px) {
  .itau-button-section-3 {
    display: none; } }

.container-sa {
  border-bottom: 15px solid #009ace;
  min-height: 400px;
  position: relative; }

.container-sa .caption h1, .container-sa .caption h2, .container-sa .caption h3 {
  margin-top: 0; }

.container-sa .caption h3 {
  text-align: right; }

.container-sa .popover-content {
  color: #000;
  font-size: 12px; }

.container-sa .upper {
  padding-bottom: 10px; }

.sa-answer-item input {
  position: absolute;
  left: 0;
  opacity: 0; }

.sa-answer-item input:checked + .answer-check:before {
  background-image: url(https://eu-conweb.s3-eu-west-1.amazonaws.com/Content/newsa3/images/arrow-lg-check.svg); }

.sa-answer-item label {
  margin-bottom: 0;
  padding-left: 40px;
  position: relative; }

.sa-answer-item label:before {
  content: "";
  position: absolute;
  left: 0;
  top: 2px;
  width: 25px;
  height: 25px;
  background-color: #b2b4b2; }

.sa-answer-item label.round:before {
  border-radius: 7px; }

.sa-answer-item {
  margin-bottom: 2px; }

.sa-image-answer-item {
  margin-bottom: 10px; }

.sa-image-answer-item .image-check {
  cursor: pointer;
  position: relative;
  width: 100%;
  border: 1px solid #b2b4b2;
  display: block; }

.sa-image-answer-item input {
  position: absolute;
  left: 0;
  opacity: 0; }

.sa-image-answer-item input:checked + .image-check {
  border: 1px solid #009ace; }

.label-text {
  position: absolute;
  bottom: 5px;
  display: block;
  width: 100%;
  text-align: center; }

.sa-question {
  margin-top: 20px;
  margin-bottom: 10px;
  margin-left: 0;
  position: relative; }

.sa-question:before {
  content: "1";
  position: absolute;
  left: -40px;
  top: -6px;
  font-weight: 300;
  border: 1px solid #009ace;
  text-align: center;
  width: 32px;
  height: 32px;
  display: block;
  padding-top: 6px;
  border-radius: 16px;
  padding-left: 2px; }

.sa-question.error {
  color: red; }

.sa-question.error:before {
  border-color: red; }

.idx2:before {
  content: "2"; }

.idx3:before {
  content: "3"; }

.idx4:before {
  content: "4"; }

.idx5:before {
  content: "5"; }

.idx6:before {
  content: "6"; }

.idx7:before {
  content: "7"; }

.sa-select {
  margin-bottom: 10px;
  padding-left: 130px; }

.sa-select select {
  width: 110px;
  background-color: #b2b4b2;
  position: absolute;
  left: 0; }

.sa-select.error span {
  color: red; }

.sa-select.error select {
  border: 1px solid red; }

.rtl .sa-select select {
  position: static; }

.rtl .container-sa-full {
  padding-right: 50px;
  padding-left: 40px; }

.rtl .sa-question:before {
  right: -40px; }

.rtl .sa-answer-item label {
  padding-right: 25px; }

.rtl .sa-answer-item label:before {
  right: 0; }

.sa-prevnext {
  text-align: left;
  margin-top: 0; }

.sa-relative {
  position: relative; }

.sa-teeth-img {
  background-size: 180px 110px;
  height: 160px !important;
  background-repeat: no-repeat;
  background-position: center 5px;
  margin: 0 auto 5px; }

.sa-teeth-descr {
  margin-bottom: 25px; }

.sa-teeth-descr .sa-answer-item {
  text-align: center; }

.sa-carousel .item .row {
  padding-left: 50px;
  padding-right: 50px; }

.scale-label {
  text-align: center; }

.sa-input {
  margin-bottom: 10px; }

.sa-input input {
  min-width: 280px; }

.sa-phone-prefix {
  margin-bottom: 10px; }

.sa-phone-prefix .sa-select {
  width: 25%;
  float: left; }

.sa-phone-prefix .sa-select select {
  color: #3d3935; }

.sa-phone-prefix input {
  width: 70% !important;
  float: right; }

.sa-phone-prefix:after {
  content: "";
  clear: both;
  display: table; }

.accept-container, .sa-answer-container {
  margin-bottom: 10px; }

.container-sa-full {
  border-bottom: 15px solid #009ace;
  position: relative;
  padding-left: 50px; }

.popover-content {
  min-width: 200px; }

.captcha-container {
  -webkit-transform: scale(0.9);
  transform: scale(0.9);
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0; }

.captcha-container.error iframe {
  border: 2px solid red; }

input.error {
  border: 1px solid red; }

#imgloading {
  width: 20px;
  margin-top: 0; }

.sa-disclaimer {
  padding-top: 30px; }

.sub-heading {
  margin-bottom: 20px; }

.bcarousel.sa-carousel .carousel-control {
  width: 30px; }

.bcarousel.sa-carousel .carousel-control.left, .bcarousel.sa-carousel .carousel-control.right {
  background-image: none;
  opacity: 1; }

.bcarousel.sa-carousel .carousel-control.left:hover, .bcarousel.sa-carousel .carousel-control.right:hover {
  opacity: .8; }

.bcarousel.sa-carousel .carousel-control.left {
  left: 0; }

.bcarousel.sa-carousel .carousel-control .glyphicon-chevron-right {
  background-image: url(https://eu-conweb.s3-eu-west-1.amazonaws.com/Content/newsa3/images/arrow-lb-left.svg);
  width: 30px;
  height: 30px; }

.bcarousel.sa-carousel .carousel-control .glyphicon-chevron-right:before {
  content: ""; }

.bcarousel.sa-carousel .carousel-control .glyphicon-chevron-left {
  background-image: url(https://eu-conweb.s3-eu-west-1.amazonaws.com/Content/newsa3/images/arrow-lb-right.svg);
  width: 30px;
  height: 30px; }

.bcarousel.sa-carousel .carousel-control .glyphicon-chevron-left:before {
  content: ""; }

#spacing-lower, #spacing-upper {
  width: 327px;
  height: 142px;
  background: url(https://eu-conweb.s3-eu-west-1.amazonaws.com/Content/newsa3/images/desktop_teeth.png) no-repeat;
  margin: 0 auto; }

#spacing-lower {
  margin-top: -40px; }

#spacing-upper[data-value="1"] {
  background-position: 0 -142px; }

#spacing-upper[data-value="2"] {
  background-position: 0 -284px; }

#spacing-upper[data-value="3"] {
  background-position: 0 -426px; }

#spacing-upper[data-value="4"] {
  background-position: 0 -568px; }

#spacing-upper[data-value="5"] {
  background-position: 0 -710px; }

#spacing-upper[data-value="6"] {
  background-position: 0 -852px; }

#spacing-lower[data-value="0"] {
  background-position: -327px 0; }

#spacing-lower[data-value="1"] {
  background-position: -327px -142px; }

#spacing-lower[data-value="2"] {
  background-position: -327px -284px; }

#spacing-lower[data-value="3"] {
  background-position: -327px -426px; }

#spacing-lower[data-value="4"] {
  background-position: -327px -568px; }

#spacing-lower[data-value="5"] {
  background-position: -327px -710px; }

#spacing-lower[data-value="6"] {
  background-position: -327px -852px; }

input[type=range] {
  -webkit-appearance: none;
  width: 100%;
  padding-bottom: 0; }

input[type=range]:focus {
  outline: none; }

input[type=range] {
  padding: 0;
  background-color: transparent; }

input[type=range]::-webkit-slider-thumb {
  height: 20px;
  width: 5px;
  border-radius: 0;
  border: 0;
  background-color: #3d3935;
  top: -8px; }

@media (max-width: 767px) {
  input[type=range]::-webkit-slider-thumb {
    width: 15px; } }

input[type=range]::-moz-range-thumb {
  height: 20px;
  width: 5px;
  border-radius: 0;
  border: 0;
  background-color: #3d3935;
  top: -8px; }

@media (max-width: 767px) {
  input[type=range]::-moz-range-thumb {
    width: 15px; } }

input[type=range]::-ms-thumb {
  height: 20px;
  width: 5px;
  border-radius: 0;
  border: 0;
  background-color: #3d3935;
  top: -8px; }

@media (max-width: 767px) {
  input[type=range]::-ms-thumb {
    width: 15px; } }

input[type=range]::-webkit-slider-runnable-track {
  width: 100%;
  height: 4px;
  cursor: pointer;
  background: #009ace;
  padding: 0;
  margin-bottom: 8px;
  margin-top: 8px; }

input[type=range]::-moz-range-track {
  width: 100%;
  height: 4px;
  cursor: pointer;
  background: #009ace;
  padding: 0; }

input[type=range]::-ms-track {
  background: transparent;
  border-color: transparent;
  color: transparent;
  width: 100%;
  height: 4px;
  cursor: pointer;
  background: #009ace;
  margin-top: 7px;
  margin-bottom: 7px;
  padding: 0; }

label.error {
  color: red; }

.btn-wide {
  max-width: 400px;
  text-align: center;
  width: 100%; }

@media (min-width: 992px) {
  .container-sa-full, .sa-answer-item, .sa-prevnext .btn, .sa-question, .sa-select, label {
    font-size: 16px; }
  .container-sa-full p, .container-sa-full select, .sa-answer-item p, .sa-answer-item select, .sa-question p, .sa-question select, .sa-select p, .sa-select select, label p, label select {
    font-size: 14px; }
  .question-label p, .sa-teeth-descr p {
    font-size: 14px;
    font-weight: 100; }
  .sa-teeth-descr {
    min-height: 25px; }
  .sa-teeth-img {
    margin-bottom: 10px; }
  .container-sa {
    width: 60%;
    margin-left: 40px;
    max-width: 700px; }
  .lower {
    margin-bottom: 50px; }
  .accept-container, .sa-answer-container {
    margin-bottom: 20px; }
  .sa-disclaimer {
    font-size: 18px;
    width: 100%; }
  .md-separator {
    position: absolute;
    top: 20px;
    bottom: 5px;
    left: 50%;
    width: 2px;
    background-color: #3d3935;
    -webkit-transform: translateX(-1px);
    transform: translateX(-1px); }
  .container-outer {
    position: relative;
    padding-top: 20px;
    padding-bottom: 20px; } }

@media (min-width: 768px) {
  .upper {
    margin-top: 20px;
    margin-bottom: 20px; } }

@media (max-width: 991px) {
  .container-sa-full {
    width: 100%; } }

@media (min-width: 992px) and (max-width: 1199px) {
  .container-sa {
    width: 55%; } }

@media (max-width: 767px) {
  .smileAssessmentTooltip {
    max-width: 182px; }
  .sa-answer-container.first {
    margin-bottom: 30px; }
  .container-full h1 {
    font-weight: 200;
    font-size: 27px; }
  .upper {
    margin-top: 20px;
    margin-bottom: 20px; }
  .sa-select {
    margin-bottom: 15px; }
  .sa-select select {
    font-size: 16px; }
  .sa-select span {
    display: inline-block;
    margin-top: 4px; }
  .container-sa {
    padding-left: 15px;
    padding-right: 15px; }
  .container-sa .caption h3 {
    text-align: left; }
  .sa-carousel .item .row {
    padding-left: 20px;
    padding-right: 20px; }
  .bcarousel.sa-carousel .carousel-control {
    width: 20px; }
  .bcarousel.sa-carousel .carousel-control.left {
    left: -10px; }
  .bcarousel.sa-carousel .carousel-control.right {
    right: -10px; }
  .bcarousel.sa-carousel .carousel-control .glyphicon-chevron-left, .bcarousel.sa-carousel .carousel-control .glyphicon-chevron-right {
    width: 20px;
    height: 20px; } }

.flipTextBox {
  background-color: #009ace;
  color: #fff;
  position: relative;
  width: 100%;
  border: 2px solid #009ace;
  display: block;
  background-size: 180px 110px;
  height: 160px;
  background-repeat: no-repeat;
  background-position: center 5px;
  margin: 0 auto;
  text-align: center;
  font-size: 14px;
  line-height: 1.5;
  padding: 8px; }

@media (max-width: 767px) {
  .flipTextBox {
    font-size: 12px !important; } }

.flipTextBoxHeader {
  font-size: 16px !important;
  font-weight: 700; }

@media (max-width: 767px) {
  .flipTextBoxSubHeader {
    font-size: 14px !important; } }

@media (max-width: 500px) {
  .sa-teeth-img {
    background-size: 160px 100px;
    height: 160px; }
  #spacing-lower, #spacing-upper {
    width: 248px;
    height: 112px;
    background: url(https://eu-conweb.s3-eu-west-1.amazonaws.com/Content/newsa3/images/mobile_teeth.png) no-repeat; }
  #spacing-upper[data-value="0"] {
    background-position: 0 0; }
  #spacing-upper[data-value="1"] {
    background-position: 0 -112px; }
  #spacing-upper[data-value="2"] {
    background-position: 0 -224px; }
  #spacing-upper[data-value="3"] {
    background-position: 0 -336px; }
  #spacing-upper[data-value="4"] {
    background-position: 0 -448px; }
  #spacing-upper[data-value="5"] {
    background-position: 0 -560px; }
  #spacing-upper[data-value="6"] {
    background-position: 0 -672px; }
  #spacing-lower[data-value="0"] {
    background-position: -248px 0; }
  #spacing-lower[data-value="1"] {
    background-position: -248px -112px; }
  #spacing-lower[data-value="2"] {
    background-position: -248px -224px; }
  #spacing-lower[data-value="3"] {
    background-position: -248px -336px; }
  #spacing-lower[data-value="4"] {
    background-position: -248px -448px; }
  #spacing-lower[data-value="5"] {
    background-position: -248px -560px; }
  #spacing-lower[data-value="6"] {
    background-position: -248px -672px; } }

#spacing-lower, #spacing-upper {
  width: 248px;
  height: 112px;
  background: url(https://eu-conweb.s3-eu-west-1.amazonaws.com/Content/newsa3/images/mobile_teeth.png) no-repeat; }

#spacing-upper[data-value="0"] {
  background-position: 0 0; }

#spacing-upper[data-value="1"] {
  background-position: 0 -112px; }

#spacing-upper[data-value="2"] {
  background-position: 0 -224px; }

#spacing-upper[data-value="3"] {
  background-position: 0 -336px; }

#spacing-upper[data-value="4"] {
  background-position: 0 -448px; }

#spacing-upper[data-value="5"] {
  background-position: 0 -560px; }

#spacing-upper[data-value="6"] {
  background-position: 0 -672px; }

#spacing-lower[data-value="0"] {
  background-position: -248px 0; }

#spacing-lower[data-value="1"] {
  background-position: -248px -112px; }

#spacing-lower[data-value="2"] {
  background-position: -248px -224px; }

#spacing-lower[data-value="3"] {
  background-position: -248px -336px; }

#spacing-lower[data-value="4"] {
  background-position: -248px -448px; }

#spacing-lower[data-value="5"] {
  background-position: -248px -560px; }

#spacing-lower[data-value="6"] {
  background-position: -248px -672px; }

.sa-narrow-row > div:first-child {
  padding-right: 5px; }

.sa-narrow-row > div:last-child {
  padding-left: 5px; }

.sa-question {
  padding-left: 50px;
  margin-bottom: 15px;
  color: #3d3935; }

.sa-question:before {
  left: 0;
  background-color: #ffb500;
  color: #fff;
  border-color: #ffb500; }

.sa-answer-item2 input {
  position: absolute;
  left: 0;
  opacity: 0; }

.sa-answer-item2 input:checked + .answer-check:before {
  background-image: none; }

.sa-answer-item2 input:checked + .answer-check {
  background-color: #009ace;
  color: #fff;
  border-color: #009ace; }

.sa-answer-item2 label {
  margin-bottom: 0;
  padding: 12px 20px;
  width: 100%;
  text-align: center;
  border: 1px solid #3d3935;
  position: relative; }

.sa-answer-item2 label:before {
  content: "";
  position: absolute;
  left: 0;
  top: 2px;
  width: 15px;
  height: 15px;
  background-color: transparent; }

.sa-answer-item2 label.round:before {
  border-radius: 7px; }

.sa-select {
  width: 100%;
  padding: 0;
  position: relative; }

.sa-select:after {
  position: absolute;
  top: 14px;
  right: 10px;
  width: 10px;
  height: 10px;
  border-left: 1px solid #3d3935;
  border-bottom: 1px solid #3d3935;
  display: block;
  content: "";
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg); }

.sa-select select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 100%;
  text-align: center;
  border-radius: 0;
  border-color: #3d3935;
  background-color: #fff;
  padding: 12px 10px;
  display: block;
  position: static;
  text-align: left; }

input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  height: 25px;
  width: 25px;
  border-radius: 50%;
  background-color: #009ace;
  cursor: pointer;
  position: relative;
  top: -11px;
  padding: 0; }

input[type=range]::-moz-range-thumb {
  -webkit-appearance: none;
  height: 25px;
  width: 25px;
  border-radius: 50%;
  background-color: #009ace;
  cursor: pointer;
  position: relative;
  top: -11px;
  padding: 0; }

input[type=range]::-ms-thumb {
  -webkit-appearance: none;
  height: 25px;
  width: 25px;
  border-radius: 50%;
  background-color: #009ace;
  cursor: pointer;
  position: relative;
  top: -11px;
  padding: 0; }

input[type=range]::-webkit-slider-runnable-track {
  background-color: #3d3935; }

input[type=range]::-moz-range-track {
  background-color: #3d3935; }

input[type=range]::-ms-track {
  background-color: #3d3935; }

.container-sa-full {
  padding: 20px 20px 0; }

.container-sa-full .gray-input {
  width: 100%;
  padding-top: 12px;
  padding-bottom: 12px;
  padding-left: 12px;
  background-color: #fff; }

.container-sa-full .gray-input::-webkit-input-placeholder {
  color: #3d3935; }

.container-sa-full .gray-input::-moz-placeholder {
  color: #3d3935; }

.container-sa-full .gray-input:-ms-input-placeholder {
  color: #3d3935; }

.container-sa-full .gray-input::-ms-input-placeholder {
  color: #3d3935; }

.container-sa-full .gray-input::placeholder {
  color: #3d3935; }

.container-sa-full .gray-input.error {
  border-color: red; }

.container-sa-full .gray-input.error::-webkit-input-placeholder {
  color: red; }

.container-sa-full .gray-input.error::-moz-placeholder {
  color: red; }

.container-sa-full .gray-input.error:-ms-input-placeholder {
  color: red; }

.container-sa-full .gray-input.error::-ms-input-placeholder {
  color: red; }

.container-sa-full .gray-input.error::placeholder {
  color: red; }

.sa-dark-frame {
  color: #fff;
  background-color: #3d3935;
  padding: 10px 20px 20px;
  margin-top: 10px;
  margin-left: -20px;
  margin-right: -20px; }

.sa-dark-frame .sa-question {
  color: #fff; }

.sa-dark-frame .gray-input {
  color: #3d3935; }

.sa-input-label {
  width: 100%;
  position: relative; }

.sa-input-label .mask-invisible {
  visibility: hidden; }

.sa-input-label .patternMask, .sa-input-label .placeholder {
  color: #3d3935;
  left: 0;
  top: 0;
  padding: 12px;
  color: #999;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  position: absolute;
  top: 50%; }

.sa-input-label .placeholder, .sa-input-label input:not(:focus) ~ .patternMask {
  display: none; }

.sa-input-label input:not(:focus) ~ .placeholder {
  display: inline; }

.sa-input-label input.error ~ .placeholder {
  color: red; }

.sa-phone-prefix .sa-input-label {
  width: 70%;
  float: right; }

.sa-phone-prefix .sa-input-label input {
  width: 100% !important; }

.thankyou-logo img {
  max-width: 30%;
  width: 100%;
  margin: 0 0 40px; }

@media only screen and (max-width: 767px) {
  .thankyou-logo img {
    max-width: 50%; } }

.sa-reverse-column {
  flex-direction: row-reverse; }

.modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6); }

.modal-main {
  position: fixed;
  background: #fff;
  width: 50%;
  height: auto;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%); }

.modal-main p {
  color: #949695;
  font-size: 20px;
  padding: 20px; }

.display-block {
  display: block; }

.modal-close {
  float: right;
  width: 25px;
  cursor: pointer;
  font-size: 20px;
  text-align: center;
  background-color: #009ace;
  border-radius: 50%;
  margin: 5px; }

.display-none {
  display: none; }
@media only screen and (min-width: 992px) {
  .container-fluid .lead-response-root {
    padding-top: 40px; } }

.lead-response-root {
  width: 100%;
  max-width: 100%; }
  @media only screen and (min-width: 992px) {
    .lead-response-root {
      max-width: 1300px;
      width: 80%;
      margin-left: auto;
      margin-right: auto; } }
  @media only screen and (max-width: 1499px) and (min-width: 1200px) {
    .lead-response-root {
      width: 85%; } }
  @media only screen and (max-width: 1199px) and (min-width: 992px) {
    .lead-response-root {
      width: 90%; } }
  @media only screen and (max-width: 991px) and (min-width: 768px) {
    .lead-response-root {
      width: 95%;
      margin-left: auto;
      margin-right: auto; } }
  .lead-response-root form {
    text-align: center; }
  .lead-response-root img {
    max-width: 100%;
    min-width: 100%; }
  @media only screen and (max-width: 767px) {
    .lead-response-root .inner-text-content {
      padding-left: 15px;
      padding-right: 15px; } }
  .lead-response-root .top-row {
    margin-bottom: 60px; }
    @media only screen and (max-width: 991px) {
      .lead-response-root .top-row {
        margin-bottom: 40px; } }
  @media only screen and (min-width: 992px) {
    .lead-response-root .bottom-image {
      margin-top: -60px; } }
  .lead-response-root .react-datepicker-wrapper {
    margin-bottom: 25px; }
    .lead-response-root .react-datepicker-wrapper input[type=text] {
      max-width: 300px;
      font-size: 18px;
      padding: 10px 20px 10px 20px; }
  .lead-response-root .img-gold-border {
    margin-right: 30px;
    margin-bottom: 30px;
    position: relative; }
    .lead-response-root .img-gold-border::before {
      position: absolute;
      bottom: -30px;
      right: -30px;
      content: "";
      background-color: #ffa300;
      width: 100px;
      height: 100px;
      z-index: -1; }
    .lead-response-root .img-gold-border img {
      max-width: 100%; }

#popup1 {
  margin-left: 14px;
  max-width: 94%; }

.closeBtn {
  margin-left: 80%;
  color: #009ace;
  font-weight: bold;
  margin-bottom: 10px; }

@media only screen and (max-width: 767px) {
  .closeBtn {
    margin-left: 10px;
    margin-left: 80%;
    color: #009ace;
    font-weight: bold;
    margin-bottom: 10px; } }

.PopupLogo {
  padding: 10px;
  border-radius: 20px 20px 0 0;
  background-color: #009ace;
  width: 107%;
  margin-bottom: 40px;
  margin-left: -14px; }

.row.row-nopadding > div {
  padding-left: 0;
  padding-right: 0; }

.row.shadow-box {
  box-shadow: 0 9px 24px 0 rgba(0, 0, 0, 0.1), 0 9px 24px 0 rgba(0, 0, 0, 0.05);
  margin-bottom: 40px; }

.row.shared-background {
  margin-right: 0px;
  margin-left: 0px; }
  .row.shared-background .col-md-12 {
    padding-right: 0px;
    padding-left: 0px; }
  @media only screen and (max-width: 767px) {
    .row.shared-background {
      background-size: 300% !important; } }

.row.with-padding .col-md-12 {
  padding-right: 15px;
  padding-left: 15px; }

.row.background-size-cover {
  background-size: cover !important; }

.row.background-position-top {
  background-position: top !important; }

@media only screen and (min-width: 768px) {
  .left-no-padding {
    padding-left: 0; }
  .right-no-padding {
    padding-right: 0; } }

@media only screen and (max-width: 767px) {
  .row.homepage-payment-section {
    margin-left: 0px;
    margin-right: 0px;
    padding-left: 0px;
    padding-right: 0px;
    align-items: center; } }

@media only screen and (min-width: 768px) {
  body.rtl .left-no-padding {
    padding-right: 0;
    padding-left: 15px; }
  body.rtl .right-no-padding {
    padding-left: 0;
    padding-right: 15px; } }

@charset "UTF-8";
/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent; }

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  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);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto; }
  .slick-track:before, .slick-track:after {
    content: "";
    display: table; }
  .slick-track:after {
    clear: both; }
  .slick-loading .slick-track {
    visibility: hidden; }

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none; }
  [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; }

/* Slider */
.slick-loading .slick-list {
  background: #fff; }

/* Arrows */
.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  height: 20px;
  width: 20px;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding: 0;
  border: none;
  outline: none; }
  .slick-prev:hover, .slick-prev:focus,
  .slick-next:hover,
  .slick-next:focus {
    outline: none;
    background: transparent;
    color: transparent; }
    .slick-prev:hover:before, .slick-prev:focus:before,
    .slick-next:hover:before,
    .slick-next:focus:before {
      opacity: 1; }
  .slick-prev.slick-disabled:before,
  .slick-next.slick-disabled:before {
    opacity: 0.25; }
  .slick-prev:before,
  .slick-next:before {
    font-size: 20px;
    line-height: 1;
    color: black;
    opacity: 0.75;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }

.slick-prev {
  left: -25px; }
  [dir="rtl"] .slick-prev {
    left: auto;
    right: -25px; }
  .slick-prev:before {
    content: "\AB"; }
    [dir="rtl"] .slick-prev:before {
      content: "\BB"; }

.slick-next {
  right: -25px; }
  [dir="rtl"] .slick-next {
    left: -25px;
    right: auto; }
  .slick-next:before {
    content: "\BB"; }
    [dir="rtl"] .slick-next:before {
      content: "\AB"; }

/* Dots */
.slick-dotted.slick-slider {
  margin-bottom: 30px; }

.slick-dots {
  position: absolute;
  bottom: -25px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%; }
  .slick-dots li {
    position: relative;
    display: inline-block;
    height: 20px;
    width: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer; }
    .slick-dots li button {
      border: 0;
      background: transparent;
      display: block;
      height: 20px;
      width: 20px;
      outline: none;
      line-height: 0px;
      font-size: 0px;
      color: transparent;
      padding: 5px;
      cursor: pointer; }
      .slick-dots li button:hover, .slick-dots li button:focus {
        outline: none; }
        .slick-dots li button:hover:before, .slick-dots li button:focus:before {
          opacity: 1; }
      .slick-dots li button:before {
        position: absolute;
        top: 0;
        left: 0;
        content: "\2022";
        width: 20px;
        height: 20px;
        font-size: 6px;
        line-height: 20px;
        text-align: center;
        color: black;
        opacity: 0.25;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale; }
    .slick-dots li.slick-active button:before {
      color: black;
      opacity: 0.75; }

.section-heading {
  text-align: center; }
  .section-heading h2 {
    font-size: 65px;
    line-height: 1.15;
    color: #009ace;
    margin-bottom: 48px; }
  .section-heading .step-left-caption {
    display: inline-block;
    text-align: center;
    margin-right: 15px;
    font-weight: 900; }
    @media only screen and (max-width: 767px) {
      .section-heading .step-left-caption {
        margin-right: 10px; } }
  .section-heading .step-right-caption {
    display: inline-block;
    text-align: center; }

.fullscreen .react-images__header {
  opacity: 1 !important;
  transform: translateY(0px);
  -webkit-transform: translateY(0px); }

.home-easysteps-wrapper {
  position: relative;
  max-width: 1800px;
  margin: auto;
  overflow: hidden;
  z-index: 1; }
  .home-easysteps-wrapper .home-easysteps-row {
    width: 80%;
    max-width: 100%;
    margin: 90px auto;
    display: flex;
    align-items: center; }
    .home-easysteps-wrapper .home-easysteps-row .text-side,
    .home-easysteps-wrapper .home-easysteps-row .carousel-side {
      padding-right: 0px;
      padding-left: 0px; }
    .home-easysteps-wrapper .home-easysteps-row .text-side {
      padding-right: 2%; }
    .home-easysteps-wrapper .home-easysteps-row .carousel-side {
      z-index: 99;
      flex: 2;
      margin-top: auto;
      margin-bottom: auto; }
      .home-easysteps-wrapper .home-easysteps-row .carousel-side .carousel.slide {
        box-shadow: 0px 15px 30px -15px rgba(0, 0, 0, 0.74); }
    .home-easysteps-wrapper .home-easysteps-row .carousel .carousel-indicators {
      margin-right: 2%;
      left: auto;
      bottom: -75px; }
      .home-easysteps-wrapper .home-easysteps-row .carousel .carousel-indicators li {
        width: 12px;
        height: 12px;
        margin-right: 8px;
        margin-left: 8px;
        border-radius: 50%;
        opacity: 0.5;
        background-color: #009ace; }
        .home-easysteps-wrapper .home-easysteps-row .carousel .carousel-indicators li.active {
          opacity: 1;
          width: 17px;
          height: 17px;
          position: relative;
          bottom: 3px;
          background-color: #009ace; }

.home-easysteps-wrapper .content-wrap h3 {
  font-size: 45px;
  font-weight: 500;
  line-height: 1.36;
  color: #ffffff;
  margin-bottom: 24px; }

.home-easysteps-wrapper .content-wrap h4 {
  font-size: 22px;
  line-height: 1.28;
  color: #ffffff;
  margin-bottom: 24px; }

.home-easysteps-wrapper .content-wrap .get-start {
  text-align: left; }
  .home-easysteps-wrapper .content-wrap .get-start a {
    border: 2px solid #ffffff; }

.home-easysteps-wrapper .content-wrap .btn-blue {
  border: 2px solid #ffffff;
  max-width: 375px; }

.current-step h2 {
  font-size: 65px;
  font-weight: 900;
  line-height: 1.15;
  color: #ffffff;
  opacity: 0.5;
  margin-bottom: 32px; }

.hide_steps .hide_steps_c {
  display: none; }

.hide_steps .home-easysteps-wrapper .content-wrap h3 {
  font-size: 48px;
  font-weight: 800; }

.hide_steps .imgicon {
  max-width: 39px;
  max-height: 39px; }

.hide_steps .headsec1 {
  font-size: 36px !important; }

.hide_steps .headsec2 {
  font-size: 22px !important; }

@media (min-width: 768px) {
  .hide_steps .colorwhite {
    color: #ffff !important; }
  .hide_steps .headsec1 {
    font-size: 25px; }
  .hide_steps .headsec2 {
    font-size: 18px; } }

.hide_steps .ptext {
  margin-left: 10px;
  margin-top: 8px; }

.hide_steps .btn-blue {
  border: 2px solid #ffffff;
  max-width: 375px; }

@media only screen and (max-width: 767px) {
  .hide_steps .home-easysteps-wrapper .content-wrap h3 {
    margin-top: 20px; } }

@media only screen and (max-width: 767px) {
  .section-heading h2 {
    font-size: 25px;
    margin-bottom: 0px !important; }
  .home-easysteps-wrapper .home-easysteps-row {
    flex-direction: column-reverse;
    width: 100%;
    margin-bottom: 0px;
    margin: 0px auto 0px auto; }
    .home-easysteps-wrapper .home-easysteps-row .carousel.slide {
      margin: 40px 27px 32px 27px; }
      .home-easysteps-wrapper .home-easysteps-row .carousel.slide .carousel-indicators {
        bottom: -85px; }
        .home-easysteps-wrapper .home-easysteps-row .carousel.slide .carousel-indicators li {
          background-color: #ffffff; }
    .home-easysteps-wrapper .home-easysteps-row .text-side {
      padding: 0px 30px 48px 30px; }
      .home-easysteps-wrapper .home-easysteps-row .text-side::before {
        width: 220px;
        left: 0;
        top: 30px; }
    .home-easysteps-wrapper .home-easysteps-row .content-wrap {
      padding: 0px 0px 0px 0px; }
      .home-easysteps-wrapper .home-easysteps-row .content-wrap h3 {
        font-size: 30px;
        margin-bottom: 32px !important; }
      .home-easysteps-wrapper .home-easysteps-row .content-wrap h4 {
        font-size: 22px;
        margin-bottom: 16px; }
      .home-easysteps-wrapper .home-easysteps-row .content-wrap .get-start {
        text-align: center; }
    .home-easysteps-wrapper .home-easysteps-row .current-step h2 {
      font-size: 25px;
      margin-bottom: 40px !important; }
  .home-easysteps-wrapper::after {
    width: 0px;
    height: 0px; } }

@media only screen and (max-width: 1499px) and (min-width: 1200px) {
  .home-easysteps-wrapper .home-easysteps-row {
    width: 85%; } }

@media only screen and (max-width: 1199px) and (min-width: 992px) {
  .home-easysteps-wrapper .home-easysteps-row {
    width: 90%; }
    .home-easysteps-wrapper .home-easysteps-row .content-wrap h3 {
      font-size: 32px; }
    .home-easysteps-wrapper .home-easysteps-row .content-wrap h4 {
      font-size: 16px; }
    .home-easysteps-wrapper .home-easysteps-row .text-side::before {
      left: -145%; }
    .home-easysteps-wrapper .home-easysteps-row .text-side .current-step h2 {
      font-size: 32px;
      margin-bottom: 20px; } }

@media only screen and (max-width: 991px) and (min-width: 768px) {
  .home-easysteps-wrapper .home-easysteps-row {
    width: 95%;
    margin: 50px auto; }
    .home-easysteps-wrapper .home-easysteps-row .content-wrap h3 {
      font-size: 24px; }
    .home-easysteps-wrapper .home-easysteps-row .content-wrap h4 {
      font-size: 14px;
      margin-bottom: 25px; }
    .home-easysteps-wrapper .home-easysteps-row .content-wrap .get-start a {
      font-size: 12px; }
    .home-easysteps-wrapper .home-easysteps-row .text-side {
      margin-top: 2%; }
      .home-easysteps-wrapper .home-easysteps-row .text-side .current-step h2 {
        font-size: 24px;
        margin-bottom: 15px; }
      .home-easysteps-wrapper .home-easysteps-row .text-side::before {
        left: -145%; } }

@media only screen and (min-width: 768px) {
  .treatmentCarousel .home-easysteps-row .carousel-side {
    padding-right: 46px; } }

.treatmentCarousel .videoCarousel1 {
  width: 100%; }

.treatmentCarousel .home-easysteps-row .carousel-side .carousel.slide {
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.74); }

@media only screen and (min-width: 768px) {
  body.rtl .home-easysteps-wrapper .home-easysteps-row {
    flex-direction: row-reverse; } }

@media only screen and (max-width: 767px) {
  body.rtl .home-easysteps-wrapper .home-easysteps-row .carousel .carousel-indicators {
    left: 0;
    right: initial; } }

body.rtl .section-heading .step-left-caption {
  margin-left: 15px;
  margin-right: 0; }

.textBold_sec .section-heading .step-right-caption {
  font-weight: 900; }

.social-sec .inset {
  padding: 0px 90px 0px 90px;
  position: relative;
  max-width: 100%;
  width: 80%;
  margin: auto; }
  @media only screen and (max-width: 1499px) and (min-width: 1200px) {
    .social-sec .inset {
      width: 85%; } }
  @media only screen and (max-width: 1199px) and (min-width: 992px) {
    .social-sec .inset {
      width: 90%;
      padding-top: 0px;
      padding: 0px 40px 0px 40px; } }
  @media only screen and (max-width: 991px) and (min-width: 768px) {
    .social-sec .inset {
      width: 95%;
      padding: 0px 20px 0px 20px;
      margin-left: auto;
      margin-right: auto; } }
  @media only screen and (max-width: 767px) {
    .social-sec .inset {
      width: 100%;
      max-width: 100%;
      padding: 0px;
      margin-bottom: 0px;
      margin-top: 0px; } }

.social-sec .first-grid,
.social-sec .second-grid,
.social-sec .third-grid {
  width: 32%; }

@media only screen and (max-width: 767px) {
  .social-sec {
    background-color: #f6f7f8; } }

.social-sec .social-wrapper {
  display: flex;
  justify-content: space-between; }

.social-sec img:not(.social-logo) {
  width: 100%;
  box-shadow: 0 4px 25px 0 rgba(0, 0, 0, 0.25); }

.social-sec .third-grid img {
  margin-bottom: 35px; }

.color-dgray {
  background-color: #3d3935; }

.color-blue {
  background-color: #009ace; }

.color-green {
  background-color: #c4d600; }

.color-red {
  background-color: #cf006f; }

.color-gold {
  background-color: #ffa300; }

.color-pink {
  background-color: #f8485e; }

.rectangle-box {
  padding: 25px; }
  .rectangle-box h3 {
    font-size: 24px;
    position: relative;
    left: 25px;
    top: 7px;
    color: #ffffff;
    font-weight: bold; }
  .rectangle-box h2 {
    padding-top: 50px;
    text-align: left;
    font-size: 26px;
    padding-right: 24px;
    padding-bottom: 25px;
    color: #ffffff;
    font-weight: 900; }
  .rectangle-box a {
    color: #ffffff;
    text-decoration: underline;
    font-size: 20px; }

.rectangle-box.color-gold h2,
.rectangle-box.color-gold h3,
.rectangle-box.color-gold a {
  color: #3d3935; }

.image-box {
  margin-bottom: 32px; }
  .image-box .inner-box {
    overflow: hidden; }
    .image-box .inner-box .social-logo {
      width: 100%; }

@media only screen and (min-width: 992px) and (max-width: 1299px) {
  .social-sec {
    padding-left: 40px;
    padding-right: 40px; } }

@media only screen and (min-width: 768px) {
  .social-heading {
    text-align: center;
    font-size: 35px; }
  .social-sec .rectangle-box {
    min-height: 340px;
    margin-bottom: 32px; }
  .social-sec .load-more {
    display: none; } }

@media only screen and (min-width: 768px) and (max-width: 808px) {
  .red-rect h3 {
    top: -2px; } }

@media only screen and (min-width: 768px) and (max-width: 992px) {
  .social-sec {
    padding-left: 20px;
    padding-right: 20px; }
    .social-sec .rectangle-box {
      padding: 40px 10px 10px 20px; }
      .social-sec .rectangle-box h2 {
        font-size: 22px;
        margin-bottom: 10px;
        padding-top: 25px; }
      .social-sec .rectangle-box h3 {
        font-size: 22px;
        left: 10px; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .red-rect h3 {
    left: 10px; }
  .social-wrapper h2 {
    font-size: 22px;
    padding-top: 40px; } }

@media only screen and (max-width: 767px) {
  .social-heading {
    font-size: 25px;
    text-align: center;
    max-width: 100%;
    padding: 0px 30px 56px 30px;
    margin-bottom: 0px !important; }
  .social-sec {
    margin-top: 56px; }
    .social-sec .social-wrapper {
      display: block;
      margin-left: 50px;
      margin-right: 50px; }
    .social-sec .first-grid,
    .social-sec .second-grid,
    .social-sec .third-grid {
      width: 100%; }
    .social-sec .rectangle-box {
      min-height: 300px;
      margin-bottom: 32px; }
      .social-sec .rectangle-box h2 {
        padding-top: 30px;
        padding-right: 0px;
        font-size: 25px; }
      .social-sec .rectangle-box h3 {
        left: 10px; }
    .social-sec img:not(.social-logo) {
      margin-bottom: 30px; }
    .social-sec .load-more {
      margin-top: 80px;
      padding-bottom: 80px;
      text-align: center; }
      .social-sec .load-more a {
        display: block;
        position: relative;
        cursor: pointer;
        text-align: center;
        font-weight: bold;
        font-size: 20px;
        line-height: 20px;
        display: inline-block;
        width: auto;
        line-height: 1.3; }
        .social-sec .load-more a:after {
          content: '';
          border: solid #1da6d4;
          border-width: 0 2px 2px 0;
          display: inline-block;
          padding: 4px;
          position: absolute;
          background: #f6f7f8;
          margin-left: -50%; }
      .social-sec .load-more.up a {
        border-top: 2px solid #1da6d4; }
        .social-sec .load-more.up a:after {
          transform: rotate(-135deg);
          -webkit-transform: rotate(-135deg);
          margin-top: -7px; }
      .social-sec .load-more.down a {
        border-bottom: 2px solid #1da6d4; }
        .social-sec .load-more.down a:after {
          transform: rotate(45deg);
          -webkit-transform: rotate(45deg);
          margin-top: 22px; } }

@media only screen and (min-width: 320px) and (max-width: 350px) {
  .social-wrapper h2 {
    font-size: 22px !important; }
  .red-rect h2 {
    padding-top: 20px !important;
    padding-bottom: 10px; }
  .red-rect h3 {
    top: -2px; } }

@media only screen and (min-width: 992px) {
  .social-heading {
    font-size: 45px; }
  .social-sec .social-heading {
    margin-bottom: 80px;
    max-width: 600px; } }

@media only screen and (max-width: 991px) and (min-width: 768px) {
  .social-sec .social-heading {
    margin-bottom: 40px; } }

@media only screen and (max-width: 767px) {
  .zh-Hant-TW .social-heading {
    padding: 0px 30px 0px 30px; } }

.carousel-tabs {
  display: flex;
  overflow-x: auto;
  margin-bottom: -10px; }
  .carousel-tabs .carousel-tab {
    width: 170px;
    padding: 15px 15px 40px 15px;
    position: relative;
    cursor: pointer; }
    .carousel-tabs .carousel-tab .carousel-tab-image {
      position: relative;
      height: 80px; }
      .carousel-tabs .carousel-tab .carousel-tab-image img {
        position: absolute;
        width: 100%;
        display: block;
        max-width: 110px;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        position: absolute;
        top: 50%;
        left: 50%; }
    .carousel-tabs .carousel-tab .carousel-tab-text {
      text-align: center;
      font-size: 14px; }
    .carousel-tabs .carousel-tab:hover, .carousel-tabs .carousel-tab.active {
      background-color: #009ace;
      color: white; }
      .carousel-tabs .carousel-tab:hover:after, .carousel-tabs .carousel-tab.active:after {
        content: '';
        position: absolute;
        bottom: 0;
        left: calc(100vw * .065);
        z-index: 101;
        width: 0;
        height: 0;
        border-top: solid 10px #009ace;
        border-left: solid 10px transparent;
        border-right: solid 10px transparent; }
    @media (max-width: 767px) {
      .carousel-tabs .carousel-tab {
        width: 100px;
        min-width: 100px;
        padding: 7px 7px 20px 7px; }
        .carousel-tabs .carousel-tab .carousel-tab-text {
          font-size: 10px; }
        .carousel-tabs .carousel-tab .carousel-tab-image {
          height: 60px; }
          .carousel-tabs .carousel-tab .carousel-tab-image img {
            max-width: 60px; } }
    @media (min-width: 1200px) {
      .carousel-tabs .carousel-tab {
        width: 20%; } }

.container-table .table-column {
  width: auto;
  display: flex;
  flex-direction: column;
  align-content: stretch;
  margin: 15px 0 15px -1px; }
  .container-table .table-column:nth-child(1) .table-cell {
    border-width: 0 !important;
    margin-left: 20px; }
    .container-table .table-column:nth-child(1) .table-cell > .content-box {
      font-size: initial;
      line-height: initial;
      text-align: left;
      padding-left: 40px;
      color: #000000; }
      @media only screen and (max-width: 767px) {
        .container-table .table-column:nth-child(1) .table-cell > .content-box {
          padding-left: 25px; } }
    .container-table .table-column:nth-child(1) .table-cell:nth-child(1) {
      background-color: initial; }
    .container-table .table-column:nth-child(1) .table-cell:nth-last-child(1) {
      border-radius: 0; }
    .container-table .table-column:nth-child(1) .table-cell > img {
      position: absolute;
      left: -4px;
      z-index: 9; }
  .container-table .table-column.highlighted {
    z-index: 20; }
    .container-table .table-column.highlighted .table-cell {
      border-width: 3px !important;
      border-color: #3d3935 !important; }
      .container-table .table-column.highlighted .table-cell:nth-child(1) {
        height: 104px;
        margin-top: -14px;
        background-color: #3d3935;
        color: #ffffff; }
        .container-table .table-column.highlighted .table-cell:nth-child(1) > .content-box {
          background-color: transparent; }
      .container-table .table-column.highlighted .table-cell:nth-last-child(1) {
        padding-bottom: 11px; }
  .container-table .table-column .table-cell {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 90px;
    border-left: solid 1px #d0d0d0;
    border-right: solid 1px #d0d0d0;
    transition: all 0.25s linear;
    overflow: hidden; }
    .container-table .table-column .table-cell .content-box {
      display: flex;
      flex-direction: column;
      justify-content: center;
      height: 90px;
      padding: 10px;
      background-color: #ffffff;
      font-size: 17px;
      line-height: 1.36;
      text-align: center;
      vertical-align: middle;
      letter-spacing: normal; }
      @media only screen and (min-width: 768px) and (max-width: 1199px) {
        .container-table .table-column .table-cell .content-box {
          font-size: 14px !important; } }
    .container-table .table-column .table-cell:nth-child(1) {
      border-radius: 10px 10px 0 0;
      border-top: solid 1px #d0d0d0; }
      .container-table .table-column .table-cell:nth-child(1) > .content-box {
        background-color: transparent !important; }
    .container-table .table-column .table-cell:nth-child(2) > .content-box {
      background-color: #ebf7fb !important; }
    .container-table .table-column .table-cell:nth-child(2n) > .content-box {
      background-color: #f0f0f0; }
    .container-table .table-column .table-cell:nth-last-child(1) {
      height: 76px;
      margin-bottom: -15px;
      padding-bottom: 13px;
      border-radius: 0 0 10px 10px;
      border-bottom: solid 1px #d0d0d0; }

.tooltip.show {
  opacity: 1; }

.tooltip .arrow {
  display: none; }

.tooltip .tooltip-inner {
  background-color: #ffffff;
  min-width: 250px;
  border-radius: 18px;
  box-shadow: 0 4px 24px 0 rgba(0, 0, 0, 0.2);
  padding: 25px; }
  @media only screen and (max-width: 767px) {
    .tooltip .tooltip-inner {
      min-width: 300px; } }
  .tooltip .tooltip-inner h4 {
    font-size: 17px;
    text-align: left; }

@media only screen and (min-width: 361px) and (max-width: 375px) {
  .table-column.highlighted {
    margin: 15px 0; }
  .container-table .table-column:nth-child(1) .table-cell > .content-box {
    padding-left: 25px;
    padding-right: 23px; } }

@media only screen and (min-width: 320px) and (max-width: 360px) {
  .container-table .table-column:nth-child(1) .table-cell > .content-box {
    padding-left: 18px;
    padding-right: 33px;
    font-size: 14px; } }

.wrapper-table {
  position: relative;
  max-height: 800px;
  overflow: hidden; }
  .wrapper-table.expanded {
    padding-bottom: 60px;
    max-height: 2000px; }
    .wrapper-table.expanded > .wrapper-table-show-more {
      height: 60px; }
      .wrapper-table.expanded > .wrapper-table-show-more > .wrapper-button .button {
        border-bottom: 0px;
        border-top: 2px solid #1da6d4; }
        .wrapper-table.expanded > .wrapper-table-show-more > .wrapper-button .button::before {
          border-width: 2px 0 0 2px;
          margin-top: -6px; }
      .wrapper-table.expanded > .wrapper-table-show-more > .gradient {
        height: 20px; }
  .wrapper-table .wrapper-table-show-more {
    position: absolute;
    width: 100%;
    height: 80px;
    bottom: 0px;
    z-index: 30; }
    .wrapper-table .wrapper-table-show-more .gradient {
      width: 100%;
      height: 40px;
      background-image: linear-gradient(rgba(255, 255, 255, 0), white); }
    .wrapper-table .wrapper-table-show-more .wrapper-button {
      display: flex;
      width: 100%;
      height: 40px;
      align-items: center;
      justify-content: center;
      background-color: #ffffff; }
      .wrapper-table .wrapper-table-show-more .wrapper-button .button {
        position: relative;
        cursor: pointer;
        text-align: center;
        font-weight: bold;
        font-size: 20px;
        line-height: 20px;
        border-bottom: 2px solid #1da6d4; }
        .wrapper-table .wrapper-table-show-more .wrapper-button .button::before {
          content: '';
          border: solid #1da6d4;
          border-width: 0 2px 2px 0;
          display: inline-block;
          padding: 4px;
          transform: rotate(45deg);
          -webkit-transform: rotate(45deg);
          position: absolute;
          margin-top: 17px;
          background: #fff;
          margin-left: calc(50% - 4px); }

.container-table {
  display: flex;
  position: relative;
  flex-direction: row;
  align-content: stretch; }
  .container-table.mobile > div {
    display: flex;
    position: relative;
    flex-direction: row;
    align-content: stretch;
    margin-right: 15px; }
  .container-table.mobile .table-column:nth-child(1) {
    flex: 0 0 60%; }
  .container-table.mobile .table-column:nth-child(2) {
    flex: 0 0 40%; }
  .container-table.mobile .table-column.highlighted .table-cell:nth-child(1) {
    height: 124px; }
  .container-table.mobile .table-column .table-cell {
    height: 110px; }
    .container-table.mobile .table-column .table-cell .content-box {
      height: 110px; }
  .container-table.mobile .slider {
    position: absolute;
    display: flex;
    flex-direction: row;
    top: 40px;
    left: 30px; }
    .container-table.mobile .slider .slider-item {
      width: 8px;
      height: 8px;
      border-radius: 4px;
      margin: 6px 8px 6px 6px;
      background-color: #80cce6;
      transition: all 0.2s; }
      .container-table.mobile .slider .slider-item.current {
        width: 12px;
        height: 12px;
        border-radius: 6px;
        margin: 4px 6px 4px 4px;
        background-color: #009ace; }
    .container-table.mobile .slider .slider-hint {
      display: block;
      width: 30px;
      height: 30px;
      margin: -5px 8px;
      line-height: 20px;
      font-size: 12px;
      font-weight: bold;
      color: #d0d0d0; }

.container-tab-list .headroom {
  top: 0;
  left: 0;
  right: 0;
  z-index: 9 !important;
  transform: translate3d(0px, 100%, 0px) !important;
  top: -90px !important;
  transition: all 0.2s ease-in-out 0s; }
  @media only screen and (max-width: 767px) {
    .container-tab-list .headroom {
      top: -65px !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .container-tab-list .headroom {
      z-index: 9 !important;
      top: -65px !important; } }

.container-tab-list .headroom--unfixed {
  position: relative;
  transform: translateY(0); }

.container-tab-list .headroom--scrolled {
  transition: transform 200ms ease-in-out; }

.container-tab-list .headroom--unpinned {
  position: fixed;
  transform: translateY(-100%);
  transition: all 0.2s ease-in-out 0s; }

.container-tab-list .headroom--pinned {
  position: fixed;
  transform: translateY(0%);
  top: 40px !important;
  transition: all 0.2s ease-in-out 0s; }
  @media only screen and (max-width: 767px) {
    .container-tab-list .headroom--pinned {
      top: 50px !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .container-tab-list .headroom--pinned {
      top: 75px !important; } }

.container-tab-list {
  padding: 0px auto 48px;
  background-color: #ffffff !important; }
  .container-tab-list .tab-list-header {
    width: 100%;
    z-index: 777;
    padding: 40px 0 15px 0;
    background-color: #ffffff;
    box-shadow: 0 11px 18px 0 rgba(178, 180, 178, 0.3);
    overflow: hidden; }
    .container-tab-list .tab-list-header .tab-links {
      display: flex;
      flex-direction: row;
      align-content: center;
      justify-content: center;
      flex-wrap: nowrap;
      overflow-x: hidden; }
      .container-tab-list .tab-list-header .tab-links a {
        display: block;
        flex: 0 0 auto;
        height: 24px;
        line-height: 24px;
        margin: 0 20px;
        color: #707372;
        text-decoration: none;
        font-size: 18px;
        cursor: pointer;
        transition: width 1s ease-in-out, margin 1s ease-in-out;
        overflow: hidden;
        margin-bottom: 5px;
        font-weight: 300; }
        .container-tab-list .tab-list-header .tab-links a.active {
          color: #3d3935;
          font-weight: 900; }
    .container-tab-list .tab-list-header .tab-progress {
      width: 100%; }
      .container-tab-list .tab-list-header .tab-progress > div {
        width: 0;
        height: 6px;
        background-color: #ffa300;
        transition: width 1s;
        border-radius: 0 2px 2px 0; }
  .container-tab-list .tab-list-content {
    background: #ffffff; }
    .container-tab-list .tab-list-content .content-section {
      border: solid 1px #ffffff; }

@media (max-width: 991px) {
  .container-tab-list {
    margin: 0px; }
    .container-tab-list .tab-list-header {
      top: 0;
      padding: 15px 0 15px 0; }
      .container-tab-list .tab-list-header .tab-links {
        align-content: flex-start;
        justify-content: flex-start; }
        .container-tab-list .tab-list-header .tab-links a.hidden {
          width: 0;
          margin: 0; } }

@media (min-width: 365px) and (max-width: 991px) {
  .container-tab-list .headroom-wrapper .headroom--unpinned {
    top: -17px !important; } }

@media (max-width: 364px) {
  .adjusted-tab-list.container-tab-list .headroom-wrapper .headroom--unpinned {
    top: -15px !important; }
  .adjusted-tab-list.container-tab-list .headroom-wrapper .headroom--pinned {
    top: 50px !important; } }

@media (max-width: 364px) {
  .container-tab-list .headroom-wrapper .headroom--unpinned {
    top: 4px !important; }
  .container-tab-list .headroom-wrapper .headroom--pinned {
    top: 70px !important; } }

@media (min-width: 365px) and (max-width: 465px) {
  .brazil-tab-list .headroom--pinned {
    top: 70px !important; } }

@media (min-width: 365px) and (max-width: 465px) {
  .brazil-tab-list .headroom-wrapper .headroom--unpinned {
    top: 0px !important; } }

.container-step-list {
  margin: 48px 0; }
  .container-step-list .step-list-header {
    position: sticky;
    width: 100%;
    top: 117px;
    z-index: 777;
    padding: 7px 0 7px 0;
    background-color: #ffffff;
    box-shadow: 0 4px 25px 0 rgba(178, 180, 178, 0.3);
    overflow: hidden; }
    .container-step-list .step-list-header .step-links {
      display: flex;
      flex-direction: row;
      align-content: center;
      justify-content: center;
      flex-wrap: nowrap;
      overflow-x: hidden; }
      .container-step-list .step-list-header .step-links a {
        display: block;
        flex: 0 0 auto;
        margin: 0 20px;
        color: #009ace;
        text-decoration: none;
        font-size: 20px;
        cursor: pointer;
        transition: width 1s ease-in-out, margin 1s ease-in-out;
        overflow: hidden;
        opacity: 0.3;
        font-size: 30px;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.28;
        letter-spacing: normal;
        position: relative;
        top: 3px; }
        .container-step-list .step-list-header .step-links a.active {
          font-weight: bolder;
          font-size: 35px;
          opacity: 0.8;
          top: 0px; }
        .container-step-list .step-list-header .step-links a:first-child {
          font-weight: bolder;
          font-size: 35px;
          top: 0px; }
  .container-step-list .step-list-content {
    background: #ffffff; }
    .container-step-list .step-list-content .content-section {
      border: solid 1px #ffffff; }

@media (max-width: 1024px) {
  .container-step-list {
    margin: 24px 0; }
    .container-step-list .step-list-header {
      top: 0; }
  .bottom-margin-zero-steps {
    margin-bottom: 0px; }
  .bottom-top-zero-steps {
    margin-top: 0px; }
  .body-wrapper .container-fluid.content-section:first-child,
  .body-wrapper .container-fluid.content-section:nth-child(2) {
    border: none; } }

.container-step-item {
  position: relative; }
  .container-step-item .step-indicator {
    position: absolute;
    top: 120px;
    left: 30px;
    display: flex;
    flex-direction: column;
    z-index: 20;
    height: calc(100% - 150px); }
    .container-step-item .step-indicator .step-indicator-header {
      width: 40px;
      font-size: 25px;
      line-height: 35px;
      text-align: center;
      opacity: 0.8; }
    .container-step-item .step-indicator .step-indicator-item {
      width: 40px;
      font-size: 45px;
      line-height: 55px;
      text-align: center;
      opacity: 0.7; }
      .container-step-item .step-indicator .step-indicator-item.active {
        font-size: 65px;
        line-height: 75px;
        font-weight: bold;
        opacity: 0.9; }
    .container-step-item .step-indicator .step-indicator-separator {
      height: 100%;
      margin-left: 20px;
      border-left: solid 2px;
      opacity: 0.9;
      transition: height 0.8s; }

@media (min-width: 1300px) {
  .step-indicator-separator {
    height: 0; }
  #step-item-step-2 .step-indicator .step-indicator-header {
    transition: 2s;
    margin-top: -285px;
    opacity: 0; }
  #step-item-step-2 .step-indicator .step-indicator-item {
    transition: 2s;
    opacity: 0; }
  #step-item-step-3 .step-indicator .step-indicator-header {
    transition: 2s;
    margin-top: -285px;
    opacity: 0; }
  #step-item-step-3 .step-indicator .step-indicator-item {
    transition: 2s;
    opacity: 0; }
  .stepHeaderAnimation {
    margin-top: 0px !important;
    opacity: 1 !important; } }

@media (max-width: 767px) {
  .bottom-margin-zero-steps.margin-bottom-60 {
    margin-bottom: 40px; }
  .bottom-top-zero-steps {
    margin-top: 40px; } }

.textStep-width .container-step-item .step-indicator .step-indicator-header {
  width: 55px; }

.br-convenios #step-item-step-1 {
  margin-top: -4px; }

.br-convenios .step-indicator {
  top: 60px; }

.br-convenios #step-item-step-1 {
  background-color: #3d3935; }

.br-convenios .step-one-header {
  color: #009ace !important;
  text-align: left;
  margin-left: 110px;
  font-weight: 600; }

.br-convenios .step-one-sub-header {
  color: #ffffff !important;
  text-align: left;
  margin-left: 110px; }

.br-convenios .container-step-list {
  margin: 0 !important; }

.br-convenios .convenios-shared-background {
  background-color: #3d3935; }

.footer-container.container .footer-ul {
  padding: 0px; }

.footer-container a.footer-link-header,
.footer-container a.footer-link-header:active,
.footer-container a.footer-link-header:hover {
  text-decoration: none;
  font-weight: bold;
  font-size: 15px;
  color: #333;
  display: block;
  line-height: 1.5;
  padding-bottom: 8px; }

.footer-container .second .link-section {
  max-width: 660px; }

@media only screen and (min-width: 767px) {
  .footer-no-child {
    margin-bottom: 10px; } }

.footer-container.container li a {
  text-decoration: none;
  font-size: 15px;
  font-weight: 400;
  color: #949695; }

.footer-container .first {
  padding-bottom: 40px;
  border-bottom: 2px solid #949695;
  display: inline-block; }

.footer-container .second {
  padding-top: 40px; }

.footer-container .link-section a {
  text-decoration: none;
  color: #949695;
  font-weight: 400;
  padding-top: 8px;
  display: inline-block; }

.footer-container .third .col-12 {
  margin-bottom: 47px; }
  .footer-container .third .col-12 p {
    letter-spacing: 0.3px;
    color: #949695;
    font-size: 12px;
    line-height: 1.3 !important; }

.footer-container .copyright-section p {
  letter-spacing: 0.3px;
  color: #949695;
  font-size: 12px;
  line-height: 1.3;
  width: 100%;
  margin-bottom: 0px;
  padding: 0px 15px 50px 0px; }

@media only screen and (max-width: 767px) {
  .footer-container .copyright-section p {
    padding: 10px 0px 10px 0px; } }

@media only screen and (max-width: 767px) {
  .footer-container .copyright-section {
    margin-bottom: 30px; }
    .footer-container .copyright-section .col-md-3,
    .footer-container .copyright-section .col-md-9 {
      padding-left: 0px;
      padding-right: 0px; } }

.additional-footer-text {
  margin-top: 15px;
  margin-bottom: 20px;
  text-align: right;
  padding: 0px; }
  .additional-footer-text p,
  .additional-footer-text a {
    letter-spacing: 0.3px;
    color: #949695;
    font-size: 12px;
    line-height: 1.3;
    width: 100%;
    margin-bottom: 0px; }
  .additional-footer-text .underLine {
    border-bottom: 1px solid; }
  @media only screen and (max-width: 991px) {
    .additional-footer-text {
      padding-right: 0px;
      padding-left: 0px;
      text-align: left; }
      .additional-footer-text p,
      .additional-footer-text a {
        text-align: left; } }

@media only screen and (max-width: 767px) {
  .first-section .col-sm-12 {
    padding: 25px 15px 0px 25px; }
    .first-section .col-sm-12 ol {
      list-style-type: decimal;
      color: #949695;
      padding-left: 6px;
      margin-bottom: 10px !important;
      font-size: 12px; }
      .first-section .col-sm-12 ol p {
        font-size: 12px;
        margin-bottom: 0 !important;
        letter-spacing: 0.3px;
        line-height: 1.3; }
  .footer-container .first div:not(.align-right) .footer-ul {
    display: none; }
  .footer-container .footer-ul {
    margin-top: 20px; }
  .footer-container .first {
    display: flex;
    flex-wrap: wrap; }
    .footer-container .first .footer-link-header,
    .footer-container .first .footer-link-header:hover,
    .footer-container .first .footer-link-header:active {
      font-size: 12px; }
    .footer-container .first .col {
      flex: 0 50%;
      margin-bottom: 15px;
      padding-left: 0px;
      padding-right: 0px; }
      .footer-container .first .col li a {
        font-size: 12px; }
    .footer-container .first .col.align-right {
      flex: 100%; }
      .footer-container .first .col.align-right .footer-ul li {
        width: 50%;
        float: left; }
  .footer-container .second {
    clear: both; }
  .footer {
    padding-left: 25px;
    padding-right: 25px; }
  .link-section a {
    margin: 0 10px 10px 0;
    padding-right: 0;
    font-size: 12px; }
  .second .col-sm-8 {
    flex-basis: 100%;
    max-width: 100%;
    padding-bottom: 30px; }
  .link-section-2 .col-sm-6 {
    width: 100%;
    margin-bottom: 20px;
    flex-basis: 100%;
    max-width: 100%; }
  .third p {
    margin-top: 20px;
    margin-bottom: 30px; }
  .third .col-12,
  .second .col-sm-8,
  .link-section-2 .col-sm-6 {
    padding-right: 0px;
    padding-left: 0px; }
  .footer-container.container {
    padding-top: 25px; } }

@media only screen and (min-width: 768px) {
  .footer-container .col.align-right {
    float: right !important; }
  .footer-container .second .col-sm-8 {
    padding-bottom: 30px;
    padding-left: 15px;
    padding-right: 15px; }
  .footer-container .second .link-section a {
    font-size: 15px;
    padding-right: 15px; }
  .footer-container .third .col-12 {
    padding-left: 0px !important;
    margin-bottom: 47px; }
  .footer .first-section .col-sm-12 {
    margin-left: auto;
    margin-right: auto;
    flex-basis: auto;
    padding: 40px 0px 0px 8px !important;
    float: none;
    color: #949695;
    font-size: 12px;
    line-height: 1.3; }
    .footer .first-section .col-sm-12 ol {
      padding-left: 20px; }
    .footer .first-section .col-sm-12 li {
      margin-bottom: 10px;
      padding-left: 2px; }
      .footer .first-section .col-sm-12 li p {
        letter-spacing: 0.3px;
        font-size: 12px;
        line-height: 1.3;
        margin-bottom: 0px;
        max-width: 95%; }
  .footer-container.container {
    padding-top: 40px; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .footer-container.container,
  .footer .first-section .col-sm-12 {
    width: 660px; }
  .footer-container.container .col {
    float: left;
    width: 20%; }
    .footer-container.container .col a {
      font-size: 12px; }
  .footer-container.container .first,
  .footer-container.container .second {
    display: inline-block; }
  .footer-container.container li {
    font-size: 12px; }
  .second .col-sm-8 {
    max-width: 100%; }
  .second .col-sm-6 {
    padding-left: 0px; }
  .second .col-sm-4 {
    padding-bottom: 15px;
    padding-left: 30px; } }

@media only screen and (min-width: 768px) and (max-width: 1299px) {
  .second .country,
  .second .social-logos {
    margin-bottom: 20px; } }

@media only screen and (min-width: 992px) {
  .footer-container.container .col {
    float: left;
    width: 20%; }
  .footer-container.container li a {
    text-decoration: none;
    font-size: 15px;
    font-weight: 400;
    color: #949695; }
  .footer-container.container .first.row {
    display: inline-block; }
  .footer-container.container .first.row {
    display: inline-block;
    width: 100%; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .footer-container.container,
  .footer .first-section .col-sm-12 {
    width: 854px; }
  .footer .col.align-right + .col {
    min-height: 150px; }
  .link-section-2 .row .col-sm-6 {
    flex: 0 0 100%;
    max-width: 100%; } }

@media only screen and (min-width: 1200px) and (max-width: 1299px) {
  .footer-container.container,
  .footer .first-section .col-sm-12 {
    width: 1030px; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .link-section-2 {
    max-width: 400px; } }

.footer-container ul.footer-ul li {
  list-style-type: none;
  line-height: 1.2;
  padding-bottom: 8px;
  padding-top: 4px;
  font-size: 15px; }

.link-section-2 .row {
  margin-right: 10px;
  text-align: right; }
  @media only screen and (max-width: 991px) {
    .link-section-2 .row {
      text-align: left;
      padding-right: 0px; } }

.link-section-2 .country-logo {
  margin-right: 10px;
  border: 2px solid white;
  border-radius: 30px; }

.link-section-2 .social-logos,
.link-section-2 .country {
  padding-left: 0px;
  padding-right: 0px; }

.inv-social-icons {
  margin-right: 15px;
  height: 23px;
  float: left; }
  .inv-social-icons:last-child {
    margin-right: 0px; }
  .inv-social-icons.inv-facebook {
    background: url("https://d2i6vk5bmh3r0a.cloudfront.net/images_2_0/assets/svg/Invisalign_icon_facebook_blue.svg") no-repeat;
    width: 12px; }
  .inv-social-icons.inv-instagram.visible {
    background: url("https://d2i6vk5bmh3r0a.cloudfront.net/images_2_0/assets/svg/Invisalign_icon_instagram_blue.svg") no-repeat;
    width: 24px; }
  .inv-social-icons.inv-twitter {
    background: url("https://d2i6vk5bmh3r0a.cloudfront.net/images_2_0/assets/svg/Invisalign_icon_twitter_blue.svg") no-repeat;
    width: 29px; }
  .inv-social-icons.inv-pinterest {
    background: url("https://d2i6vk5bmh3r0a.cloudfront.net/images_2_0/assets/svg/Invisalign_icon_pinterest_blue.svg") no-repeat;
    width: 18px; }
  .inv-social-icons.inv-youtube.visible {
    background: url("https://d2i6vk5bmh3r0a.cloudfront.net/images_2_0/assets/svg/Invisalign_icon_youtube_blue.svg") no-repeat;
    width: 24px; }

.is-popup .footer,
.layout-body-only .footer {
  display: none; }

.cookie-radio-container label {
  margin-left: 20px; }

.cookie-radio-container input[type=radio] {
  margin-right: 5px; }

.admin-panel {
  position: fixed;
  top: 0;
  right: 0;
  z-index: 100000;
  padding: 20px;
  background: white;
  border: 1px solid gray; }
  .admin-panel .close-btn {
    position: absolute;
    top: 5px;
    right: 5px; }

@charset "UTF-8";
.image-slider .slick-slide {
  padding: 20px;
  cursor: pointer; }

.image-slider .image-slider-item img {
  width: 100%; }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .smile-view-slider-wrapper {
    margin-top: 100px; } }

.smile-view-slider-wrapper .slick-slider {
  width: 100%;
  overflow: hidden; }

.smile-view-slider-wrapper .heading-part {
  text-align: center;
  margin-bottom: 30px; }
  .smile-view-slider-wrapper .heading-part h2 {
    margin-bottom: 20px;
    font-size: 45px;
    line-height: 1.28;
    color: #3d3935;
    font-weight: 900; }
  .smile-view-slider-wrapper .heading-part h3 {
    font-size: 26px;
    line-height: 1.28;
    color: #3d3935;
    margin-bottom: 10px; }

.smile-view-slider-wrapper .smileView-mobile {
  display: none; }

.smile-view-slider-wrapper .slick-slide {
  padding: 0px 20px 0px 20px;
  cursor: pointer; }

.react-images__blanket {
  z-index: 9999 !important; }

.react-images__positioner {
  z-index: 9999 !important; }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .smile-view-slider-wrapper .heading-part h2 {
    font-size: 38px; }
  .smile-view-slider-wrapper .heading-part h3 {
    font-size: 24px; }
  .slick-slide {
    padding: 10px !important; } }

@media only screen and (min-width: 1200px) {
  .smile-view-slider-wrapper .heading-part h2 {
    font-size: 65px;
    margin-bottom: 24px; }
  .smile-view-slider-wrapper .heading-part h3 {
    margin-bottom: 32px; }
  .zh-Hant-TW .smile-view-slider-wrapper .heading-part h2 {
    font-size: 64px;
    margin-bottom: 24px; }
  .yellow-cards .smile-view-slider-wrapper h2,
  .yellow-cards .smile-view-slider-wrapper h3 {
    max-width: 970px; } }

@media only screen and (max-width: 767px) {
  .smile-view-slider-wrapper .heading-part {
    padding: 0px 30px 48px 30px;
    margin-bottom: 0px; }
    .smile-view-slider-wrapper .heading-part h2 {
      font-size: 25px;
      margin-bottom: 32px !important; }
  .smile-view-slider-wrapper .slick-slider {
    margin-bottom: 40px; }
  .smile-view-slider-wrapper .smileView-mobile {
    padding: 0px 30px 0px 30px;
    display: block; }
    .smile-view-slider-wrapper .smileView-mobile h3 {
      font-size: 26px;
      line-height: 1.28;
      font-weight: 900;
      color: #3d3935;
      margin-bottom: 16px !important; }
    .smile-view-slider-wrapper .smileView-mobile h4 {
      font-size: 22px;
      line-height: 1.28;
      color: #707372;
      margin-bottom: 16px; }
    .smile-view-slider-wrapper .smileView-mobile .get-start {
      text-align: left; }
  .slick-slide {
    padding: 0px 10px 0px 10px !important; }
  .css-zjq1i3 {
    width: 90%; } }

.step-tiles-section sup,
.hiw-section-3 sup {
  font-size: 12px;
  top: -0.7em; }

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .react-images__positioner {
    display: block !important;
    padding-top: 55px; } }

.hide-image-slider .slick-slider {
  display: none; }

@media only screen and (min-width: 1200px) {
  .de .smile-view-slider-wrapper .heading-part h2,
  .fr .smile-view-slider-wrapper .heading-part h2 {
    font-size: 55px; } }

@media only screen and (min-width: 1200px) {
  .max-width_ChineseTxt .smile-view-slider-wrapper h2 {
    max-width: 1000px; } }

.imageSlider-carousel-section .slick-prev,
.imageSlider-carousel-section .slick-next {
  top: 40% !important; }
  .imageSlider-carousel-section .slick-prev:before,
  .imageSlider-carousel-section .slick-next:before {
    color: #009ace !important;
    opacity: 1 !important; }

.imageSlider-carousel-section .slick-prev {
  left: 1px !important;
  z-index: 1; }
  [dir="rtl"] .imageSlider-carousel-section .slick-prev {
    left: auto;
    right: 1px; }
  .imageSlider-carousel-section .slick-prev:before {
    content: "\2039" !important; }
    [dir="rtl"] .imageSlider-carousel-section .slick-prev:before {
      content: "\203A" !important; }

.imageSlider-carousel-section .slick-next {
  right: -2px !important; }
  [dir="rtl"] .imageSlider-carousel-section .slick-next {
    left: -2px;
    right: auto; }
  .imageSlider-carousel-section .slick-next:before {
    content: "\203A" !important; }
    [dir="rtl"] .imageSlider-carousel-section .slick-next:before {
      content: "\2039" !important; }

.imageSlider-carousel-section .slick-prev:before, .imageSlider-carousel-section .slick-next:before {
  font-size: 60px !important; }

.imageSlider-carousel-section .slick-disabled {
  opacity: 0 !important;
  pointer-events: none !important; }

.smile-assessment-wrapper {
  position: relative;
  max-width: 100%;
  overflow: hidden;
  background-repeat: no-repeat;
  background-size: cover;
  display: flex;
  align-items: center; }
  .smile-assessment-wrapper .sa-background-image-wrapper {
    background-size: cover;
    background-repeat: no-repeat;
    height: calc(100vw * 0.45);
    background-position: center;
    width: 100%;
    display: flex;
    align-items: center; }
  .smile-assessment-wrapper .smile-assessment-container {
    width: 80%;
    max-width: 1300px;
    background-color: #ffffff;
    text-align: center;
    margin: auto;
    box-shadow: -10px 10px 40px 0 rgba(0, 0, 0, 0.2);
    min-height: 300px;
    position: relative; }
    .smile-assessment-wrapper .smile-assessment-container.initial-screen {
      width: 100%;
      max-width: 1800px;
      background: transparent;
      box-shadow: none; }
    .smile-assessment-wrapper .smile-assessment-container .step-wrapper {
      width: 100%;
      display: inline-block;
      height: auto;
      margin: auto;
      padding: 56px 50px 80px 50px; }
      .smile-assessment-wrapper .smile-assessment-container .step-wrapper.step-wrapper0 {
        padding: 0px; }
        .smile-assessment-wrapper .smile-assessment-container .step-wrapper.step-wrapper0 .mobile-sa-aligners {
          display: none; }
      .smile-assessment-wrapper .smile-assessment-container .step-wrapper.step-wrapper1 .tile-subheading {
        margin-bottom: 80px; }
      .smile-assessment-wrapper .smile-assessment-container .step-wrapper.step-wrapper2 h2 {
        margin-bottom: 48px !important; }
      .smile-assessment-wrapper .smile-assessment-container .step-wrapper.step-wrapper3 .tile-heading {
        margin-bottom: 112px; }
      .smile-assessment-wrapper .smile-assessment-container .step-wrapper.step-wrapper4 .tile-heading {
        margin-bottom: 32px; }
      .smile-assessment-wrapper .smile-assessment-container .step-wrapper .first-h4 {
        font-size: 65px;
        font-weight: 900;
        line-height: 1.15;
        color: #3d3935;
        max-width: 845px;
        margin: auto;
        margin-bottom: 56px; }
      .smile-assessment-wrapper .smile-assessment-container .step-wrapper h4.tile-subheading {
        font-size: 26px;
        line-height: 1.28;
        color: #3d3935; }
      .smile-assessment-wrapper .smile-assessment-container .step-wrapper .sub-heading {
        font-size: 35px;
        font-weight: 900;
        line-height: 1.28;
        color: #3d3935;
        margin-bottom: 16px; }
      .smile-assessment-wrapper .smile-assessment-container .step-wrapper h2 {
        font-size: 35px;
        line-height: 1.28;
        color: #3d3935;
        margin-bottom: 56px; }
        .smile-assessment-wrapper .smile-assessment-container .step-wrapper h2.tile-heading {
          font-size: 45px;
          font-weight: 500;
          line-height: 1.36;
          color: #009ace;
          margin-bottom: 20px;
          width: 100%;
          margin-bottom: 24px; }
      .smile-assessment-wrapper .smile-assessment-container .step-wrapper .get-start button {
        font-size: 17px; }
      .smile-assessment-wrapper .smile-assessment-container .step-wrapper .radio-buttons .get-start a {
        font-size: 17px;
        padding: 0px; }
        .smile-assessment-wrapper .smile-assessment-container .step-wrapper .radio-buttons .get-start a label {
          margin-bottom: 0px;
          font-weight: bold;
          width: 100%;
          padding: 9px 20px 9px 20px; }
      .smile-assessment-wrapper .smile-assessment-container .step-wrapper .form-error {
        color: red; }
  .smile-assessment-wrapper .hide {
    display: none; }

.loader-screen {
  margin: 60px; }
  .loader-screen img {
    width: 100px; }

.thankyouWrapper {
  padding: 20px 20px 20px 20px !important; }
  .thankyouWrapper h2 {
    margin-bottom: 0px !important; }
    .thankyouWrapper h2 .lead-name {
      text-transform: capitalize; }
  .thankyouWrapper h3 {
    font-size: 26px;
    font-weight: 900;
    line-height: 1.28;
    color: #3d3935;
    margin-bottom: 48px; }
  .thankyouWrapper h4 {
    font-size: 22px;
    line-height: 1.28;
    color: #3d3935;
    margin-bottom: 0px; }
  .thankyouWrapper .get-start {
    margin-top: 24px !important;
    margin-bottom: 16px !important;
    display: block; }
  .thankyouWrapper img {
    max-width: 430px;
    width: 100%;
    margin: 0px 0px 20px 0px; }
  .thankyouWrapper .retake {
    border-bottom: 1px solid #009ace;
    cursor: pointer;
    font-size: 20px;
    font-weight: bold;
    color: #009ace !important; }

.smile-assessment-wrapper .slick-slider {
  max-width: 790px;
  width: 100%;
  margin: auto; }
  .smile-assessment-wrapper .slick-slider .slick-arrow.slick-disabled {
    display: none !important; }
  .smile-assessment-wrapper .slick-slider .slick-slide {
    padding: 0px 8px 0px 8px; }
    .smile-assessment-wrapper .slick-slider .slick-slide .image-wrapper {
      border-radius: 30px;
      border: solid 2px #009ace;
      background-color: #ffffff;
      cursor: pointer; }
      .smile-assessment-wrapper .slick-slider .slick-slide .image-wrapper img {
        width: 100%;
        margin: auto; }
      .smile-assessment-wrapper .slick-slider .slick-slide .image-wrapper p {
        margin-bottom: 15px;
        color: #333; }
      .smile-assessment-wrapper .slick-slider .slick-slide .image-wrapper.active-teeth-slide {
        border: solid 6px #009ace; }
        .smile-assessment-wrapper .slick-slider .slick-slide .image-wrapper.active-teeth-slide:hover {
          border: solid 6px #009ace; }
      .smile-assessment-wrapper .slick-slider .slick-slide .image-wrapper:hover {
        border: solid 6px #009ace; }
      .smile-assessment-wrapper .slick-slider .slick-slide .image-wrapper.focus {
        outline: none; }
  .smile-assessment-wrapper .slick-slider .slick-prev {
    left: -50px; }
  .smile-assessment-wrapper .slick-slider .slick-next {
    right: -50px; }
  .smile-assessment-wrapper .slick-slider .slick-prev:before {
    content: url(https://d2i6vk5bmh3r0a.cloudfront.net/invisalign_next/arrow_left.png); }
  .smile-assessment-wrapper .slick-slider .slick-next:before {
    content: url(https://d2i6vk5bmh3r0a.cloudfront.net/invisalign_next/arrow_right.png); }

label.radio-buttons {
  max-width: 310px;
  width: 100%;
  margin: 0px 10px 10px 10px;
  text-align: center; }

.img-bg {
  background-size: cover;
  height: calc(100vw * 0.1);
  background-position: center center; }

.change-steps {
  position: absolute; }

@media only screen and (max-width: 767px) {
  .smile-assessment-wrapper {
    height: auto;
    max-height: 100%; }
    .smile-assessment-wrapper:before {
      width: 25%;
      height: 90%;
      bottom: 5%; }
    .smile-assessment-wrapper .sa-background-image-wrapper {
      height: 100%;
      max-height: 100%;
      padding-top: 40px;
      padding-bottom: 40px; }
    .smile-assessment-wrapper .smile-assessment-container {
      width: 90%; }
      .smile-assessment-wrapper .smile-assessment-container.for-slick {
        width: 100%;
        margin-left: 10%; }
        .smile-assessment-wrapper .smile-assessment-container.for-slick .slick-arrow {
          display: none !important; }
        .smile-assessment-wrapper .smile-assessment-container.for-slick .steps-wrapper {
          left: -20%; }
      .smile-assessment-wrapper .smile-assessment-container .step-wrapper {
        padding: 60px 10px 32px 10px; }
        .smile-assessment-wrapper .smile-assessment-container .step-wrapper.step-wrapper0 .mobile-sa-aligners {
          width: 100%;
          display: block; }
        .smile-assessment-wrapper .smile-assessment-container .step-wrapper.step-wrapper2 .tile-heading {
          margin-bottom: 24px !important;
          max-width: 300px; }
        .smile-assessment-wrapper .smile-assessment-container .step-wrapper.step-wrapper3 .tile-heading {
          margin-bottom: 24px !important; }
        .smile-assessment-wrapper .smile-assessment-container .step-wrapper.step-wrapper4 {
          margin: 20px;
          padding: 32px 10px 12px 10px; }
          .smile-assessment-wrapper .smile-assessment-container .step-wrapper.step-wrapper4 .tile-heading {
            margin-bottom: 24px !important; }
          .smile-assessment-wrapper .smile-assessment-container .step-wrapper.step-wrapper4 h3 {
            margin-bottom: 0px !important; }
        .smile-assessment-wrapper .smile-assessment-container .step-wrapper.step-wrapper5 .tile-heading {
          margin-bottom: 24px !important; }
        .smile-assessment-wrapper .smile-assessment-container .step-wrapper.thankyouWrapper img {
          max-width: 270px;
          width: 100%;
          margin: 0px auto 48px; }
        .smile-assessment-wrapper .smile-assessment-container .step-wrapper.thankyouWrapper h3 {
          line-height: 1.36;
          font-size: 17px;
          margin-bottom: 32px !important; }
        .smile-assessment-wrapper .smile-assessment-container .step-wrapper.thankyouWrapper h4 {
          font-size: 20px;
          line-height: 1.2; }
        .smile-assessment-wrapper .smile-assessment-container .step-wrapper.thankyouWrapper .get-start {
          margin-top: 24px !important;
          margin-bottom: 24px !important; }
          .smile-assessment-wrapper .smile-assessment-container .step-wrapper.thankyouWrapper .get-start a {
            margin-left: auto;
            margin-right: auto; }
        .smile-assessment-wrapper .smile-assessment-container .step-wrapper .first-h4 {
          font-size: 35px;
          margin-bottom: 16px;
          padding: 0px 30px; }
        .smile-assessment-wrapper .smile-assessment-container .step-wrapper .sub-heading {
          font-size: 26px;
          margin-top: 16px; }
        .smile-assessment-wrapper .smile-assessment-container .step-wrapper h2 {
          font-size: 25px;
          margin-bottom: 32px !important; }
          .smile-assessment-wrapper .smile-assessment-container .step-wrapper h2.tile-heading {
            font-size: 25px !important;
            line-height: 1.28; }
        .smile-assessment-wrapper .smile-assessment-container .step-wrapper h4.tile-subheading {
          font-size: 22px;
          line-height: 1.28;
          margin-bottom: 32px !important; }
        .smile-assessment-wrapper .smile-assessment-container .step-wrapper .get-start a {
          margin-left: auto;
          margin-right: auto; }
        .smile-assessment-wrapper .smile-assessment-container .step-wrapper label.radio-buttons {
          max-width: 325px;
          width: 100%;
          margin: 0;
          text-align: center; }
          .smile-assessment-wrapper .smile-assessment-container .step-wrapper label.radio-buttons .get-start {
            max-width: 300px;
            margin: auto;
            text-align: center;
            margin-top: 0px !important;
            margin-bottom: 16px;
            margin-left: auto;
            margin-right: auto; }
            .smile-assessment-wrapper .smile-assessment-container .step-wrapper label.radio-buttons .get-start a {
              margin-left: 0px;
              margin-right: 0px;
              padding: 0px; }
        .smile-assessment-wrapper .smile-assessment-container .step-wrapper .get-start {
          margin: 15px 20px 10px 20px; }
    .smile-assessment-wrapper form .form-group {
      margin-bottom: 22px; }
    .smile-assessment-wrapper form h3 {
      font-size: 17px !important;
      line-height: 1.36 !important;
      padding-bottom: 24px; }
  .radio-buttons .get-start a {
    font-size: 17px !important; } }

@media only screen and (max-width: 1499px) and (min-width: 1200px) {
  .smile-assessment-wrapper .smile-assessment-container {
    width: 85%; }
  .smile-assessment-wrapper label.radio-buttons {
    max-width: 325px; } }

@media only screen and (max-width: 1199px) and (min-width: 992px) {
  .smile-assessment-wrapper .sa-background-image-wrapper {
    height: calc(100vw * 0.5); }
  .smile-assessment-wrapper .smile-assessment-container {
    width: 90%; }
    .smile-assessment-wrapper .smile-assessment-container h2 {
      margin-bottom: 25px !important; }
      .smile-assessment-wrapper .smile-assessment-container h2.tile-heading {
        font-size: 36px !important; }
    .smile-assessment-wrapper .smile-assessment-container h4.tile-subheading {
      margin-bottom: 20px !important; }
    .smile-assessment-wrapper .smile-assessment-container h4.first-h4 {
      margin-bottom: 30px !important;
      font-size: 45px !important;
      max-width: 560px !important; }
    .smile-assessment-wrapper .smile-assessment-container .slick-slider {
      max-width: 650px; }
      .smile-assessment-wrapper .smile-assessment-container .slick-slider .slick-slide .image-wrapper p {
        font-size: 12px; }
    .smile-assessment-wrapper .smile-assessment-container .step-wrapper {
      padding: 40px 40px 40px 40px; }
      .smile-assessment-wrapper .smile-assessment-container .step-wrapper.thankyouWrapper h2 {
        margin-bottom: 10px !important; }
      .smile-assessment-wrapper .smile-assessment-container .step-wrapper.thankyouWrapper h3 {
        margin-bottom: 30px; }
      .smile-assessment-wrapper .smile-assessment-container .step-wrapper.thankyouWrapper img {
        max-width: 280px; }
  .smile-assessment-wrapper label.radio-buttons {
    max-width: 245px; }
    .smile-assessment-wrapper label.radio-buttons .get-start a {
      font-size: 14px; } }

@media only screen and (max-width: 991px) and (min-width: 768px) {
  .smile-assessment-wrapper .sa-background-image-wrapper {
    height: calc(100vw * 0.55); }
  .smile-assessment-wrapper .smile-assessment-container {
    width: 90%; }
    .smile-assessment-wrapper .smile-assessment-container .steps-wrapper {
      width: 58px;
      left: -29px;
      height: 230px; }
      .smile-assessment-wrapper .smile-assessment-container .steps-wrapper p {
        font-size: 24px; }
    .smile-assessment-wrapper .smile-assessment-container .step-wrapper {
      padding: 10px 30px 15px 40px; }
      .smile-assessment-wrapper .smile-assessment-container .step-wrapper h2 {
        font-size: 22px;
        margin-bottom: 25px; }
        .smile-assessment-wrapper .smile-assessment-container .step-wrapper h2.tile-heading {
          font-size: 28px;
          margin-bottom: 30px !important; }
      .smile-assessment-wrapper .smile-assessment-container .step-wrapper h4 {
        font-size: 22px !important;
        margin-bottom: 20px !important; }
      .smile-assessment-wrapper .smile-assessment-container .step-wrapper .slick-slider {
        max-width: 501px; }
        .smile-assessment-wrapper .smile-assessment-container .step-wrapper .slick-slider .slick-slide {
          padding: 0px 0px 0px 5px !important; }
          .smile-assessment-wrapper .smile-assessment-container .step-wrapper .slick-slider .slick-slide .image-wrapper img {
            width: 150px;
            margin: auto;
            padding: 5px; }
          .smile-assessment-wrapper .smile-assessment-container .step-wrapper .slick-slider .slick-slide .image-wrapper p {
            font-size: 10px; }
          .smile-assessment-wrapper .smile-assessment-container .step-wrapper .slick-slider .slick-slide .image-wrapper.active-teeth-slide {
            border: solid 4px #009ace; }
            .smile-assessment-wrapper .smile-assessment-container .step-wrapper .slick-slider .slick-slide .image-wrapper.active-teeth-slide:hover {
              border: solid 4px #009ace; }
          .smile-assessment-wrapper .smile-assessment-container .step-wrapper .slick-slider .slick-slide .image-wrapper:hover {
            border: solid 4px #009ace; }
      .smile-assessment-wrapper .smile-assessment-container .step-wrapper label.radio-buttons {
        max-width: 180px; }
        .smile-assessment-wrapper .smile-assessment-container .step-wrapper label.radio-buttons .get-start a {
          font-size: 10px; }
        .smile-assessment-wrapper .smile-assessment-container .step-wrapper label.radio-buttons .get-start {
          margin-top: 15px !important;
          margin-bottom: 10px; }
      .smile-assessment-wrapper .smile-assessment-container .step-wrapper.step-wrapper4 .tile-heading,
      .smile-assessment-wrapper .smile-assessment-container .step-wrapper.step-wrapper4 h3 {
        margin-bottom: 15px !important; }
      .smile-assessment-wrapper .smile-assessment-container .step-wrapper.step-wrapper4 .form-group {
        margin-bottom: 20px; }
        .smile-assessment-wrapper .smile-assessment-container .step-wrapper.step-wrapper4 .form-group input {
          height: 35px; }
        .smile-assessment-wrapper .smile-assessment-container .step-wrapper.step-wrapper4 .form-group span {
          font-size: 12px; }
        .smile-assessment-wrapper .smile-assessment-container .step-wrapper.step-wrapper4 .form-group .invbtn {
          padding: 6px 30px 6px 30px;
          font-size: 14px; }
      .smile-assessment-wrapper .smile-assessment-container .step-wrapper.thankyouWrapper .tile-heading {
        margin-bottom: 5px !important; }
      .smile-assessment-wrapper .smile-assessment-container .step-wrapper.thankyouWrapper h3 {
        margin-bottom: 15px; }
      .smile-assessment-wrapper .smile-assessment-container .step-wrapper.thankyouWrapper h4 {
        margin-bottom: 10px; }
      .smile-assessment-wrapper .smile-assessment-container .step-wrapper.thankyouWrapper img {
        max-width: 250px; }
      .smile-assessment-wrapper .smile-assessment-container .step-wrapper.thankyouWrapper .get-start {
        margin-top: 10px !important;
        margin-bottom: 5px !important; } }

.smile-assessment-wrapper form {
  max-width: 1000px;
  margin: auto; }
  .smile-assessment-wrapper form h3 {
    font-size: 17px;
    font-weight: 900;
    line-height: 1.36;
    color: #3d3935;
    margin-bottom: 24px;
    width: 100%; }

.smile-assessment-wrapper .form-group {
  margin-bottom: 24px; }
  .smile-assessment-wrapper .form-group label {
    width: 100%;
    text-align: left;
    font-size: 17px;
    color: #333;
    margin-bottom: 0px; }
  .smile-assessment-wrapper .form-group input,
  .smile-assessment-wrapper .form-group textarea,
  .smile-assessment-wrapper .form-group select {
    height: 50px;
    width: 100%;
    margin: auto;
    border-radius: 0px;
    font-size: 17px;
    color: #333;
    border: 1px solid #3d3935; }
    .smile-assessment-wrapper .form-group input.success,
    .smile-assessment-wrapper .form-group textarea.success,
    .smile-assessment-wrapper .form-group select.success {
      background-image: url("https://d2i6vk5bmh3r0a.cloudfront.net/invisalign_next/radio_tick.svg") !important;
      background-repeat: no-repeat;
      background-position: right 8px center;
      background-size: 15px 15px; }
    .smile-assessment-wrapper .form-group input.is-invalid,
    .smile-assessment-wrapper .form-group textarea.is-invalid,
    .smile-assessment-wrapper .form-group select.is-invalid {
      background-image: url("https://d2i6vk5bmh3r0a.cloudfront.net/images_2_0/assets/invisalign/pin-svgs/Invisalign_icon_input_X.svg");
      background-repeat: no-repeat;
      background-position: right 8px center;
      background-size: 12px 12px; }
  .smile-assessment-wrapper .form-group .city-dropdown.is-invalid, .smile-assessment-wrapper .form-group .city-dropdown.success {
    background-position: right 20px center; }
  .smile-assessment-wrapper .form-group .phone-prefix {
    width: 15%;
    border-right: 0px;
    text-align: center;
    -webkit-text-fill-color: #333; }
  .smile-assessment-wrapper .form-group .phone-field-prefix {
    width: 85%; }

.smile-assessment-wrapper .for-progress-page .get-start {
  margin-top: 0px !important; }

.smile-assessment-wrapper .custom-checkbox {
  margin-left: 40px; }
  .smile-assessment-wrapper .custom-checkbox label.custom-control-label {
    font-size: 12px !important;
    line-height: 1.2;
    color: #707372; }

.smile-assessment-wrapper.common-form .smile-assessment-container {
  margin: 90px auto; }
  @media only screen and (max-width: 767px) {
    .smile-assessment-wrapper.common-form .smile-assessment-container {
      margin: 40px auto; } }
  .smile-assessment-wrapper.common-form .smile-assessment-container .step-wrapper {
    padding: 56px 50px 56px 50px; }
    @media only screen and (max-width: 767px) {
      .smile-assessment-wrapper.common-form .smile-assessment-container .step-wrapper {
        padding: 32px 10px 12px 10px; } }

.has-float-label .form-control:placeholder-shown:not(:focus) + * {
  color: #3d3935; }

.common-form .form-group.get-start button {
  font-size: 20px !important;
  max-width: 250px; }

.common-form .form-group input, .common-form .form-group .city-dropdown {
  opacity: 0.75;
  border: solid 1px #b2b4b2; }

/* Libary CSS */
.shell {
  position: relative;
  line-height: 1; }
  .shell .labelMask {
    position: absolute;
    left: 3px;
    font-size: 17px;
    top: 1em;
    color: #707372;
    pointer-events: none; }
    .shell .labelMask i {
      /* any of these 3 will work */
      color: transparent;
      opacity: 0;
      visibility: hidden; }

.concierge-form .labelMask {
  font-size: 16px;
  left: 9px;
  top: 18px; }

input.masked #dobMask,
input.masked #zipMask,
input.masked #phoneMask,
.shell #dobMask,
.shell #zipMask,
.shell #phoneMask {
  background-color: transparent !important;
  padding-left: 0.75rem; }

.home-disclaimer1 {
  float: left;
  margin-top: 24px;
  text-align: left; }

.home-disclaimer2 {
  font-size: 11px;
  text-align: left; }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .home-disclaimer {
    position: absolute;
    bottom: 8px; } }

@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .smile-assessment-wrapper form .form-group .phone-prefix {
    width: 18%; }
  .smile-assessment-wrapper form .form-group .phone-field-prefix {
    width: 82%; } }

@media only screen and (max-width: 767px) {
  .smile-assessment-wrapper form .form-group .phone-prefix {
    width: 15%; }
  .smile-assessment-wrapper form .form-group .phone-field-prefix {
    width: 85%; } }

.steps-wrapper {
  position: absolute;
  width: 97px;
  height: 262px;
  background-color: #019ace;
  color: #ffffff;
  padding: 15px 10px 15px 10px;
  z-index: 9;
  top: 0;
  bottom: 0;
  margin: auto;
  left: -48px;
  box-shadow: 0 30px 52px 0 rgba(0, 0, 0, 0.2), 0 10px 20px 0 rgba(0, 0, 0, 0.1); }
  .steps-wrapper .inner-wrap {
    display: flex;
    flex-flow: column; }
  .steps-wrapper p {
    color: #ffffff;
    margin-bottom: 5px;
    margin-top: 5px;
    font-size: 26px;
    cursor: pointer; }
    .steps-wrapper p.active {
      font-size: 35px; }
  .steps-wrapper .devider {
    height: 110px;
    width: 2px;
    margin-left: 4px;
    transition: all 200ms ease;
    position: relative;
    z-index: 9999999;
    background-color: #ffffff;
    margin: auto; }
    .steps-wrapper .devider.devs1 {
      height: 100px; }
    .steps-wrapper .devider.devs2 {
      height: 60px; }
    .steps-wrapper .devider.devs3 {
      height: 30px; }
    .steps-wrapper .devider.devs4 {
      height: 75px; }

@media only screen and (max-width: 1199px) and (min-width: 992px) {
  .steps-wrapper {
    width: 70px;
    left: -35px; } }

@media only screen and (max-width: 767px) {
  .steps-wrapper {
    width: 245px;
    height: 50px;
    padding: 7px;
    margin: auto;
    top: -25px;
    left: 0;
    right: 0;
    bottom: auto;
    box-shadow: 0 30px 52px 0 rgba(0, 0, 0, 0.2), 0 10px 20px 0 rgba(0, 0, 0, 0.1); }
    .steps-wrapper .inner-wrap {
      display: inline-flex;
      flex-flow: row; }
      .steps-wrapper .inner-wrap span {
        text-align: center;
        margin: auto; }
    .steps-wrapper p {
      font-size: 22px;
      margin: 0px 10px 0px 10px;
      display: block;
      float: left; }
      .steps-wrapper p.active {
        font-size: 26px; }
    .steps-wrapper .devider {
      width: 90px;
      position: relative !important;
      height: 2px;
      content: '';
      position: absolute;
      background-color: #ffffff;
      top: 3px;
      height: 2px !important;
      display: inline-block; }
      .steps-wrapper .devider.devs2 {
        width: 50px; }
      .steps-wrapper .devider.devs3 {
        width: 35px; } }