:root {
  --black: #333;
  --black-2: black;
  --sienna: #8a683b;
  --peru-2: #b99462;
  --white: white;
  --burlywood-2: #e7bb6b;
  --peru: #ba9562;
  --sienna-2: #8a683b;
  --peru-3: #ad8651;
  --burlywood: #cdae75;
  --dark-slate-grey: #3f3c38;
}

.w-layout-layout {
  grid-row-gap: 20px;
  grid-column-gap: 20px;
  grid-auto-columns: 1fr;
  justify-content: center;
  padding: 20px;
}

.w-layout-cell {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

body {
  color: var(--black);
  font-family: Lato, sans-serif;
  font-size: 1em;
  line-height: 1.2em;
}

h1 {
  color: var(--black-2);
  margin-top: 0;
  margin-bottom: 30px;
  font-family: Cormorant SC, sans-serif;
  font-size: 4em;
  font-weight: 600;
  line-height: 1em;
}

h2 {
  color: var(--sienna);
  margin-top: 0;
  margin-bottom: 30px;
  font-family: Cormorant SC, sans-serif;
  font-size: 3em;
  font-weight: 500;
  line-height: 1em;
}

h3 {
  color: #686561;
  margin-top: 0;
  margin-bottom: 30px;
  font-family: Cormorant SC, sans-serif;
  font-size: 2.2em;
  font-weight: 500;
  line-height: 1.1em;
}

h4 {
  color: var(--black-2);
  margin-top: 0;
  margin-bottom: 15px;
  font-family: Cormorant SC, sans-serif;
  font-size: 1.4em;
  font-weight: 600;
  line-height: 1em;
}

h5 {
  color: var(--black-2);
  margin-top: 0;
  margin-bottom: 15px;
  font-family: Cormorant SC, sans-serif;
  font-size: 1.2em;
  font-weight: 700;
  line-height: 1em;
}

p {
  margin-bottom: 30px;
  font-size: 18px;
  line-height: 1.8em;
}

a {
  color: var(--sienna);
  text-decoration: none;
}

a:hover {
  color: var(--peru-2);
}

ul {
  text-align: left;
  margin-top: 0;
  margin-bottom: 30px;
  padding-left: 20px;
  line-height: 1.8em;
}

li {
  margin-bottom: 10px;
}

.navbar {
  z-index: 1000;
  height: auto;
  background-color: var(--white);
  justify-content: space-between;
  align-items: center;
  display: flex;
  position: fixed;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: 0%;
}

.logo {
  width: 350px;
}

.navlink {
  font-family: Cormorant SC, sans-serif;
  font-size: 1.2em;
  font-weight: 600;
}

.navlink:hover {
  color: var(--sienna);
}

.hero_section {
  height: 100vh;
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  padding-top: 0;
  padding-bottom: 0;
}

.main_tagline_wrapper {
  z-index: 100;
  border: 20px none var(--white);
  text-align: center;
  background-color: rgba(0, 0, 0, 0);
  padding: 0;
  display: block;
  position: absolute;
  top: auto;
  bottom: 22%;
  left: 10%;
  right: 10%;
}

.main_tagline {
  color: var(--white);
  margin-top: 0;
  margin-bottom: 5px;
  font-family: Cormorant SC, sans-serif;
  font-size: 3.5em; 
  font-weight: 600;
  line-height: .8em;
}

.main_subheadline {
  color: var(--burlywood-2);
  text-shadow: 0 1px 1px rgba(0, 0, 0, .2);
  margin-top: 0;
  margin-bottom: 30px;
  font-family: Cormorant SC, sans-serif;
  font-size: 2em;
  font-weight: 400;
  line-height: 1em;
}

.static_buttons_wrapper {
  z-index: 990;
  width: auto;
  height: 60px;
  border-top: 20px none var(--white);
  background-color: var(--black-2);
  flex-wrap: wrap;
  justify-content: center;
  align-items: stretch;
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
  position: fixed;
  top: auto;
  bottom: 0;
  left: 0;
  right: 0;
}

.static_btn {
  border-top: 1px none var(--peru);
  color: var(--white);
  text-transform: uppercase;
  align-items: center;
  margin-left: 0;
  margin-right: 0;
  padding-left: 15px;
  padding-right: 15px;
  font-weight: 500;
  text-decoration: none;
  display: flex;
}

.static_btn:hover {
  color: var(--burlywood-2);
}

.static_btn_icon {
  width: 30px;
  margin-right: 10px;
}

.age_section {
  padding: 5% 10% 10%;
}

.vision_img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.vision_img._2 {
  object-position: 0% 50%;
}

.vision_wrapper {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.vision_text_div {
  width: 35%;
}

.vision_h3 {
  color: var(--burlywood-2);
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 30px;
  font-family: Cormorant SC, sans-serif;
  font-size: 2.6em;
  font-weight: 500;
  line-height: 1em;
}

.vision_callout_section {
  object-position: 35% 50%;
  background-image: url('https://cdn-12c7.kxcdn.com/images/fortworth-lasik_com/dots-flipped-bg.svg'), url('https://cdn-12c7.kxcdn.com/images/fortworth-lasik_com/darkgrey-bg.svg');
  background-position: 50px 0, 100%;
  background-repeat: no-repeat, no-repeat;
  background-size: 200px, 60%;
  padding: 0% 10%;
}

.vision_btn {
  width: 100%;
  height: 300px;
  opacity: 1;
  color: var(--black-2);
  background-color: rgba(0, 0, 0, 0);
  border-radius: 0;
  flex-direction: row;
  align-items: center;
  margin-top: 10px;
  margin-bottom: 10px;
  padding: 0;
  font-size: 1.2em;
  text-decoration: none;
  display: flex;
}

.vision_btn:hover {
  color: var(--peru);
  background-color: rgba(0, 0, 0, 0);
}

.vision_btn_img {
  width: 50%;
  height: 280px;
  border-radius: 0;
  margin-top: 0;
  margin-bottom: 0;
  text-decoration: none;
  overflow: hidden;
}

.vision_btn_text {
  width: 50%;
  text-align: right;
  padding-left: 0;
  padding-right: 5%;
}

.vision_btn_div {
  width: 60%;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  padding-top: 5%;
  padding-bottom: 5%;
  display: flex;
}

.wrapper_div, .wrapper_div.center {
  text-align: center;
}

.wrapper_div.margin {
  margin-bottom: 5%;
}

.wrapper_div.left {
  text-align: left;
}

.age_wrapper {
  justify-content: space-between;
  align-items: stretch;
  display: flex;
}

.age_text_div {
  width: 30%;
}

.age_headline {
  color: var(--black-2);
  margin-top: 0;
  margin-bottom: 30px;
  font-family: Cormorant SC, sans-serif;
  font-size: 3em;
  font-weight: 600;
  line-height: .9em;
  text-align:center;
}

.age_btns_wrapper {
  width: 65%;
  justify-content: space-between;
  display: flex;
}

.age_btn {
  width: 30%;
  color: var(--white);
  text-decoration: none;
  position: relative;
}

.age_btn:hover {
  color: var(--white);
}

.age_btn_text_div {
  height: 250px;
  background-color: var(--burlywood-2);
  text-align: left;
  border-radius: 0;
  padding: 32px 15px 40px 40px;
}

.age_btn_text_div._2 {
  background-color: var(--peru);
}

.age_btn_text_div._3 {
  background-color: var(--sienna-2);
}

.age_text {
  margin-bottom: 21px;
  font-family: Lato, sans-serif;
  font-size: 2.6em;
  font-weight: 900;
}

.age_img_wrapper {
  z-index: 2;
  width: 100%;
  height: 310px;
  position: absolute;
  top: 81px;
  left: 20px;
  overflow: hidden;
  box-shadow: 0 4px 20px rgba(0, 0, 0, .06);
}

.age_img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.age_img._3 {
  object-position: 50% 0%;
}

.age_img._1 {
  object-position: 50% 15%;
}

.age_description {
  z-index: 10;
  width: 90%;
  background-color: var(--white);
  color: var(--black-2);
  padding: 10px 10px 10px 28px;
  position: absolute;
  top: auto;
  bottom: 10%;
  left: -5%;
  right: auto;
}

.age_description._1 {
  background-color: var(--burlywood-2);
  color: var(--white);
  bottom: 22px;
}

.age_description._2 {
  background-color: var(--peru);
  color: var(--white);
  bottom: 22px;
}

.age_description._3 {
  background-color: var(--sienna-2);
  color: var(--white);
  bottom: 9%;
  right: 22px;
}

.welcome_section {
  background-image: url('https://cdn-12c7.kxcdn.com/images/fortworth-lasik_com/grey-bg.svg');
  background-position: 0%;
  background-repeat: repeat-y;
  background-size: 50%;
  padding-left: 10%;
  padding-right: 10%;
}

.welcome_wrapper {
  justify-content: space-between;
  align-items: stretch;
  display: flex;
}

.welcome_photo_wrapper {
  width: 32%;
  height: auto;
  background-color: rgba(0, 0, 0, 0);
  flex-direction: column;
  align-items: flex-start;
  padding-top: 5%;
  padding-bottom: 5%;
  padding-left: 0%;
  display: flex;
  position: static;
}

.doc_photo_div {
  width: 100%;
  height: 480px;
  object-position: 50% 0%;
  margin-bottom: 30px;
  position: static;
  top: auto;
  bottom: -7%;
  left: auto;
  right: -6%;
  overflow: hidden;
}

.doc_photo {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.white_text {
  color: var(--white);
  font-size: 18px;
}

.white_text.doc {
  margin-right: 25px;
}

.doc_headline {
  color: var(--white);
  margin-top: 0;
  margin-bottom: 30px;
  font-family: Cormorant SC, sans-serif;
  font-size: 3em;
  font-weight: 500;
  line-height: 1em;
  overflow: hidden;
}

.welcome_middle_div {
  width: 32%;
  background-image: url('https://cdn-12c7.kxcdn.com/images/fortworth-lasik_com/dot-bg.svg'), url('https://cdn-12c7.kxcdn.com/images/fortworth-lasik_com/dots-bg_1.svg');
  background-position: 100% 0, 100% 90%;
  background-repeat: no-repeat, no-repeat;
  background-size: 200px, contain;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  display: flex;
}

.welcome_text_div {
  width: 32%;
  text-align: right;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-end;
  padding-top: 0%;
  padding-bottom: 0%;
  padding-left: 0;
  display: flex;
}

.welcome_headline {
  margin-top: 0;
  margin-bottom: 30px;
  font-family: Cormorant SC, sans-serif;
  font-size: 3em;
  font-weight: 500;
  line-height: 1em;
}

.welcome_photo_div {
  width: 100%;
  height: 350px;
  margin-top: 30px;
  overflow: hidden;
}

.middle_img_div {
  width: 100%;
  height: 350px;
  overflow: hidden;
}

.button {
  border: 1px solid var(--burlywood-2);
  color: var(--burlywood-2);
  text-align: left;
  text-transform: uppercase;
  background-color: rgba(0, 0, 0, 0);
  padding: 15px 30px;
  font-weight: 400;
}

.button:hover {
  background-color: var(--burlywood-2);
  color: var(--black-2);
}

.button.black {
  border-color: var(--black-2);
  color: var(--black-2);
  margin-left: 15px;
  margin-right: 15px;
}

.button.black:hover {
  background-color: var(--black-2);
  color: var(--white);
}

.button.margin {
  margin-left: 10px;
  margin-right: 10px;
}

.welcome_img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.why_choose_us {
  padding: 10% 15%;
}

.welcome_text {
  margin-left: 25px;
}

.why_choose_headline {
  color: var(--black-2);
  text-align: center;
  margin-top: 0;
  font-family: Cormorant SC, sans-serif;
  font-size: 2.6em;
  font-weight: 500;
  line-height: 1em;
}

.quotes_icon {
  width: 70px;
  margin-bottom: 15px;
  margin-left: 0;
  margin-right: auto;
}

.callout_btn_label {
  margin-top: 5px;
  margin-bottom: 15px;
  font-size: 1.4em;
  font-weight: 900;
}

.lasik_test_section {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, .71), rgba(0, 0, 0, .71)), url('https://cdn-12c7.kxcdn.com/images/fortworth-lasik_com/parallax-img4.jpg'), radial-gradient(circle farthest-corner at 50% 100%, #fad797, var(--peru));
  background-position: 0 0, 50%, 0 0;
  background-repeat: repeat, no-repeat, repeat;
  background-size: auto, cover, auto;
  background-attachment: scroll, fixed, scroll;
  padding: 10% 10% 8%;
}

.lasik_section_headline {
  color: var(--burlywood-2);
  margin-top: 0;
  margin-bottom: 40px;
  font-family: Cormorant SC, sans-serif;
  font-size: 4em;
  font-weight: 500;
  line-height: 1em;
}

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

.lasik_callout_div {
  width: 30%;
}

.lasik_callout_headline {
  color: var(--burlywood-2);
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 15px;
  font-family: Lato, sans-serif;
  font-size: 1.3em;
  font-weight: 900;
  line-height: 1em;
}

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

.lasik_callout_icon {
  width: 80px;
  margin-bottom: 20px;
}

.lasik_section {
  padding: 0% 10% 10%;
  position: relative;
}

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

.lasik_img_div {
  width: 60%;
  height: auto;
}

.lasik_img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.lasik_text_div {
  width: 35%;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding-top: 10%;
  display: block;
  position: relative;
}

/* Homepage information sections share the LASIK layout and existing buttons. */
.lasik_info_section .lasik_wrapper {
  align-items: center;
  gap: 40px 4%;
}

.lasik_info_section .lasik_wrapper_reversed {
  flex-direction: row-reverse;
}

.lasik_info_section .lasik_img_div,
.lasik_info_section .lasik_text_div {
  width: 48%;
  height: auto;
  min-width: 0;
}

.lasik_info_section .lasik_img {
  display: block;
  height: auto;
}

.lasik_info_section .lasik_text_div {
  padding-top: 0;
}

.lasik_info_section p {
  margin-bottom: 30px;
}

.lasik_info_actions {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
}

.lasik_info_actions .button.black {
  max-width: 100%;
  margin: 0;
  text-align: center;
  white-space: normal;
}

@media screen and (max-width: 991px) {
  .lasik_info_section .lasik_wrapper {
    flex-direction: column;
  }

  .lasik_info_section .lasik_img_div,
  .lasik_info_section .lasik_text_div {
    width: 100%;
  }
}

.lasik_headline {
  color: var(--black-2);
}

.calculator_btn {
  color: var(--black-2);
  text-transform: uppercase;
  align-items: center;
  font-weight: 700;
  text-decoration: none;
  display: flex;
}

.calculator_btn:hover {
  color: var(--sienna);
}

.calculator_icon {
  width: 40px;
  margin-right: 10px;
}

.calculator_icon.inner {
  width: 50px;
  margin-bottom: 20px;
  margin-right: 0;
}

.lasik_cost_wrapper {
  width: 140%;
  background-color: #201c17;
  background-image: radial-gradient(circle at 50% 0, #473e32, #000);
  padding: 10% 10% 10% 15%;
  position: relative;
  top: auto;
  bottom: -13%;
  left: -39%;
  right: 0%;
}

.cost_headline {
  color: var(--burlywood-2);
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 20px;
  font-family: Cormorant SC, sans-serif;
  font-size: 2.4em;
  font-weight: 400;
  line-height: 1em;
}

.cost_subheadline {
  color: var(--white);
  letter-spacing: 1px;
  text-transform: uppercase;
  font-size: 1.1em;
  font-weight: 400;
}

.decor_wrapper {
  z-index: 2;
  width: 30%;
  position: absolute;
  top: 80%;
  bottom: auto;
  left: 7%;
  right: auto;
}

.cost_text_wrapper {
  align-items: center;
  margin-top: 20px;
  margin-bottom: 20px;
  display: flex;
}

.cost_icon {
  width: 40px;
  margin-right: 20px;
}

.cost_text_div {
  width: 70%;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.cost_number {
  color: var(--white);
  font-size: 1.4em;
  font-weight: 700;
}

.cost_text {
  color: var(--white);
  margin-top: 3px;
  font-size: .9em;
}

.cataract_section {
  background-image: url('https://cdn-12c7.kxcdn.com/images/fortworth-lasik_com/dot.svg'), url('https://cdn-12c7.kxcdn.com/images/fortworth-lasik_com/dots-flipped-bg.svg');
  background-position: 66% 2%, 57% 92%;
  background-repeat: no-repeat, no-repeat;
  background-size: 120px, 150px;
  padding: 5% 10% 10%;
}

.cataract_wrapper {
  justify-content: space-between;
  align-items: stretch;
  display: flex;
}

.cataract_wrapper.margin {
  align-items: center;
  margin-top: 5%;
}

.cataract_text_div {
  width: 35%;
  flex-direction: column;
  justify-content: center;
  display: flex;
  position: relative;
}

.cataract_text_div._2 {
  width: 48%;
  align-items: flex-start;
}

.cataract_img_wrapper {
  width: 30%;
  height: 500px;
  flex-direction: column;
  display: flex;
}

.cataract_img_wrapper.bottom {
  justify-content: flex-end;
}

.cataract_img_div {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.cataract_img_div.callout {
  width: 48%;
  height: 600px;
}

.cataract_img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 50%;
}

.cataract_img._2 {
  object-position: 70% 50%;
}

.parallax_section {
  height: 600px;
  text-align: center;
  background-image: linear-gradient(rgba(0, 0, 0, .69), rgba(0, 0, 0, .69)), url('https://cdn-12c7.kxcdn.com/images/fortworth-lasik_com/parallax-img.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, auto;
  background-attachment: scroll, fixed;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-left: 20%;
  padding-right: 20%;
  line-height: 2.3em;
  display: flex;
}

.parallax_text {
  color: var(--white);
  font-family: Cormorant SC, sans-serif;
  font-size: 4em;
  line-height: 1em;
}

.parallax_subtext {
  color: var(--white);
  font-size: 1.2em;
}

.reviews_section {
  background-image: url('https://cdn-12c7.kxcdn.com/images/fortworth-lasik_com/dots-bg_1.svg'), url('https://cdn-12c7.kxcdn.com/images/fortworth-lasik_com/dots-flipped-bg.svg'), url('https://cdn-12c7.kxcdn.com/images/fortworth-lasik_com/darkgrey-bg.svg');
  background-position: 85% 95%, 30% 10%, 0%;
  background-repeat: no-repeat, no-repeat, repeat-y;
  background-size: 300px, 350px, 50%;
  padding: 10%;
}

.revies_wrapper {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.reviews_img_div {
  width: 60%;
  height: 800px;
  overflow: hidden;
}

.reviews_img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 30%;
}

.reviews_text_wrapper {
  width: 35%;
}

.review_name {
  color: var(--burlywood-2);
}

.review_name.inner {
  color: var(--peru-3);
  font-size: 20px;
  line-height: 18px;
}

.blog_section {
  padding: 10%;
}

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

.blog_div {
  width: 30%;
  position: relative;
}

.blog_img_div {
  width: 100%;
  height: 250px;
  margin-bottom: 5%;
}

.blog_headline {
  margin-top: 0;
  margin-bottom: 30px;
  font-family: Cormorant SC, sans-serif;
  font-size: 1.7em;
  font-weight: 500;
  line-height: 1.2em;
}

.blog_link {
  color: #ac8858;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.dot_div {
  width: 10px;
  height: 10px;
  background-color: var(--peru-2);
  border-radius: 15px;
  margin-left: 0;
  margin-right: 10px;
}

.blog_img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.blog_decor_div {
  z-index: 2;
  width: 50px;
  position: absolute;
  top: -10px;
  bottom: auto;
  left: auto;
  right: -10px;
}

.footer_section {
  background-color: var(--black-2);
  padding: 5% 10% 15%;
}

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

.contact_wrapper {
  width: 30%;
}

.contact_headline_div {
  align-items: center;
  margin-bottom: 30px;
  display: flex;
}

.contact_headline {
  color: var(--burlywood-2);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.1em;
  font-weight: 400;
  line-height: 1em;
}

.text_field {
  border-style: none none solid;
  border-width: 1px;
  border-color: black black var(--peru);
  color: var(--white);
  background-color: rgba(255, 255, 255, .09);
}

.text_field::-ms-input-placeholder {
  color: var(--peru);
}

.text_field::placeholder {
  color: var(--peru);
}

.submit_btn {
  border: 1px solid var(--burlywood-2);
  color: var(--burlywood-2);
  text-transform: uppercase;
  background-color: rgba(0, 0, 0, 0);
  padding: 15px 25px;
  font-size: .9em;
}

.submit_btn:hover {
  background-color: var(--burlywood-2);
  color: var(--black-2);
}

.text_area {
  min-height: 100px;
  border-style: none none solid;
  border-width: 1px;
  border-color: black black var(--peru);
  color: var(--white);
  background-color: rgba(255, 255, 255, .09);
}

.text_area::-ms-input-placeholder {
  color: var(--peru);
}

.text_area::placeholder {
  color: var(--peru);
}

.location_wrapper {
  width: 20%;
}

.address__text {
  color: var(--white);
}

.phone_btn {
  color: var(--black-2);
  align-items: center;
  font-weight: 700;
  text-decoration: none;
  display: flex;
}

.phone_btn:hover {
  color: var(--peru);
}

.phone_btn.footer {
  color: var(--burlywood-2);
}

.phone_btn.footer:hover {
  color: var(--white);
}

.quick_links_wrapper {
  width: 18%;
}

.quick_link {
  color: var(--white);
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-bottom: 10px;
  font-size: .85em;
  text-decoration: none;
  display: block;
}

.quick_link:hover {
  color: var(--burlywood-2);
}

.footer_div {
  width: 25%;
  border-right: 1px solid rgba(186, 149, 98, .41);
  padding-right: 3%;
}

.footer_logo {
  width: 100%;
  margin-bottom: 30px;
  display: block;
}

.footer_text {
  color: rgba(255, 255, 255, .9);
  margin-left: 25%;
  font-size: .9em;
  font-weight: 400;
}

.footer_icon {
  width: 26px;
  margin-right: 10px;
}

.phone_icon {
  width: 24px;
  margin-right: 10px;
}

.button_up {
  color: var(--peru);
  text-transform: uppercase;
  align-items: center;
  margin-top: 10%;
  margin-left: 25%;
  font-size: .9em;
  text-decoration: none;
  display: flex;
}

.button_up:hover {
  color: var(--white);
}

.arrow_up_icon {
  width: 18px;
  height: auto;
  margin-right: 10px;
}

.navlink_dropdown {
  font-family: Cormorant SC, sans-serif;
  font-size: 1.2em;
  font-weight: 600;
}

.dropdown_toggle {
  padding-left: 20px;
  padding-right: 20px;
}

.dropdown_toggle.w--open {
  color: var(--sienna);
}

.dropdown_icon {
  margin-right: 5px;
  font-size: .6em;
}

.dropdown_list.w--open {
  background-color: var(--black-2);
}

.dropdown_link {
  color: var(--white);
  font-size: 1em;
  font-weight: 500;
}

.dropdown_link:hover {
  background-color: var(--peru);
  color: var(--black-2);
}

.white_rectangle {
  z-index: 150;
  width: 100%;
  height: 20px;
  background-color: var(--white);
  display: none;
  position: absolute;
  top: auto;
  bottom: 60px;
  left: 0%;
  right: 0%;
}

.bg_video {
  height: 100%;
  background-image: linear-gradient(rgba(0, 0, 0, 0) 22%, rgba(0, 0, 0, .76) 67%, rgba(0, 0, 0, .15));
}

.hero_subheadline2 {
  color: var(--white);
  margin-top: 0;
  margin-bottom: 30px;
  font-size: 1.2em;
  line-height: 1em;
}

.hero_btn {
  border: 1px solid var(--white);
  color: var(--white) !important;
  text-transform: uppercase;
  background-color: rgba(0, 0, 0, 0);
  margin-left: 0;
  margin-right: 0;
  padding: 13px 20px;
  font-size: .9em;
  text-decoration: none;
}

.hero_btn:hover {
  background-color: var(--peru);
  color: var(--white) !important;
}

.white_line_div {
  width: 100px;
  height: 1px;
  background-color: var(--white);
  margin: 20px auto;
}

.hero_btns_grid {
  width: 80%;
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
}

.hero_btn_cell {
  justify-content: center;
  align-items: stretch;
}

.inner_hero_section {
  height: auto;
  background-color: var(--black-2);
  padding: 0% 15%;
}

.inner_page_section {
  background-color: rgba(0, 0, 0, 0);
  padding: 10% 30%;
}

.inner_page_section.vision_disorder {
  padding: 5% 30%;
}

.inner_page_section.background {
  background-image: url('https://cdn-12c7.kxcdn.com/images/fortworth-lasik_com/darkgrey-bg.svg');
  background-position: 0%;
  background-repeat: repeat-y;
  background-size: 60%;
  padding: 0% 10% 0% 15%;
}

.inner_page_section.faqs {
  background-image: url('https://cdn-12c7.kxcdn.com/images/fortworth-lasik_com/dots-bg_1.svg');
  background-position: 90% 5%;
  background-repeat: no-repeat;
  background-size: 15%;
  padding: 10% 30% 5%;
}

.inner_page_section.revies {
  padding: 10% 30%;
}

.inner_page_section.consultation {
  background-color: #e7cfa1;
  padding-top: 10%;
  padding-left: 15%;
  padding-right: 15%;
}

.inner_page_section.financing {
  padding-top: 10%;
  padding-left: 15%;
  padding-right: 15%;
}

.inner_page_section.appointment {
  background-image: linear-gradient(rgba(0, 0, 0, .75), rgba(0, 0, 0, .75)), url('https://cdn-12c7.kxcdn.com/images/fortworth-lasik_com/inner-parallax-img.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  background-attachment: scroll, fixed;
  padding: 10% 30%;
}

.inner_page_section.benefits {
  background-color: rgba(255, 255, 255, 0);
  padding-top: 10%;
  padding-bottom: 10%;
}

.inner_page_section.evo {
  background-image: url('https://cdn-12c7.kxcdn.com/images/fortworth-lasik_com/dots-flipped-bg.svg');
  background-position: 10% 0;
  background-repeat: no-repeat;
  background-size: 15%;
}

.inner_page_section.evobg {
  background-image: url('https://cdn-12c7.kxcdn.com/images/fortworth-lasik_com/darkgrey-bg.svg');
  background-position: 0%;
  background-repeat: repeat-y;
  background-size: 60%;
  padding-top: 0%;
  padding-bottom: 0%;
}

.inner_flex_wrapper {
  justify-content: space-between;
  align-items: center;
  padding-top: 0%;
  padding-bottom: 0%;
  display: flex;
}

.inner_flex_wrapper.main {
  height: 100%;
  flex-direction: column;
  justify-content: center;
  padding-top: 10%;
  padding-bottom: 10%;
  padding-left:15%;
  padding-right:15%;
  display: flex;
}

.inner_title_text_div {
  width: 100%;
  text-align: center;
  padding-top: 0%;
  padding-bottom: 0%;
}

.inner_title_headline {
  color: var(--burlywood-2);
  font-size: 57px;
  line-height: 57px;
}

.inner_main_img_div {
  width: 100%;
  height: 550px;
  color: var(--white);
  text-align: center;
  background-image: linear-gradient(rgba(0, 0, 0, .59), rgba(0, 0, 0, .59)), url('https://cdn-12c7.kxcdn.com/images/fortworth-lasik_com/lasik-main-img.jpg');
  background-position: 0 0, 50% 0;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  background-attachment: scroll, fixed;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-left: 20%;
  padding-right: 20%;
  font-size: 1em;
  display: flex;
  overflow: hidden;
}

.quote_text {
  color: var(--black-2);
  margin-bottom: 0;
  font-size: 1.4em;
  font-weight: 700;
}

.vision_text {
  height: auto;
  text-align: left;
  margin-bottom: 0;
  padding-left: 20px;
}

.vision_grid {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  text-align: left;
  padding-left: 0;
  padding-right: 0;
}

.circle_div {
  width: 75px;
  height: 75px;
  background-color: var(--peru);
  border-radius: 120px;
  margin: 2% auto 5%;
}

.inner_flex_text_div {
  width: 70%;
  padding-top: 0%;
  padding-bottom: 0%;
}

.inner_flex_text_div.selftest {
  width: 35%;
  padding-top: 15%;
  padding-bottom: 15%;
}

.inner_flex_text_div.evo {
  width: 45%;
  padding-top: 5%;
  padding-bottom: 5%;
}

.inner_flex_img_div {
  width: 60%;
  overflow: hidden;
}

.inner_flex_img_div._50 {
  width: 50%;
}

.faqs_img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.faqs_wrapper {
  width: 35%;
}

.faq-title {
  width: 80%;
  color: var(--peru-3);
  text-transform: uppercase;
  margin-bottom: 0;
  font-size: 1.1em;
  font-weight: 700;
  line-height: 1.2em;
}

.trigger-div {
  border: 1px solid var(--peru);
  background-color: rgba(0, 0, 0, 0);
  justify-content: space-between;
  align-items: center;
  padding: 10px 10px 10px 30px;
  display: flex;
}

.minus, .plus {
  color: var(--peru-3);
  text-align: center;
  font-size: 30px;
  font-weight: 700;
  line-height: 1em;
}

.trigger-icon {
  width: 25px;
  height: 25px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.answer-div {
  margin-top: 10px;
  padding: 0;
  overflow: hidden;
}

.faq-text {
  padding: 0 30px 10px;
  line-height: 1.8em;
}

.reviews_subheadline {
  margin-bottom: 30px;
  font-size: 20px;
  line-height: 1.8em;
}

.inner_review_headline {
  margin-bottom: 10px;
  font-size: 57px;
  line-height: 50px;
}

.circles_lines_wrapper {
  width: 40%;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 30px;
  margin-left: -10%;
  display: flex;
}

.small_circle_div {
  width: 10px;
  height: 10px;
  background-color: var(--peru);
  opacity: 1;
  border-radius: 30px;
}

.inner_callouts_section {
  background-image: linear-gradient(rgba(0, 0, 0, .79), rgba(0, 0, 0, .79)), url('https://cdn-12c7.kxcdn.com/images/fortworth-lasik_com/parallax-img2.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  background-attachment: scroll, fixed;
  padding: 10% 20%;
}

.inner_callouts_grid {
  padding: 0;
}

.inner_callout_btn {
  width: 100%;
  height: 100%;
  border: 1px solid var(--burlywood-2);
  color: var(--burlywood-2);
  text-align: center;
  text-transform: uppercase;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding: 40px 30px;
  font-size: 1.2em;
  font-weight: 700;
  text-decoration: none;
  display: flex;
}

.inner_callout_btn:hover {
  border-color: var(--black-2);
  color: var(--white);
  background-color: rgba(0, 0, 0, .75);
}

.callout_subtext {
  color: var(--white);
  text-transform: none;
  margin-top: 10px;
  font-size: .85em;
  font-weight: 400;
}

.inner_callout_icon {
  width: 40px;
  margin-bottom: 10px;
}

.appointment_headline {
  color: var(--black-2);
  margin-top: 0;
  font-family: Cormorant SC, sans-serif;
  font-size: 57px;
  font-weight: 500;
  line-height: 50px;
}

.appointment_wrapper {
  width: 45%;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.inner_yellow_headline {
  color: var(--burlywood-2);
  font-size: 57px;
  line-height: 50px;
}

.steps_grid {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  margin-top: 5%;
  margin-bottom: 5%;
  padding: 0;
}

.steps_cell {
  text-align: left;
}

.financing_wrapper {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.financing_text_wrapper {
  width: 35%;
}

.step_headline {
  margin-bottom: 10px;
  font-size: 1.2em;
  font-weight: 900;
}

.pick_headline {
  width: 100%;
  align-items: center;
  margin-bottom: 15px;
  display: flex;
}

.callout_small_headline {
  color: var(--sienna);
  margin-bottom: 0;
  font-family: Lato, sans-serif;
  font-size: 1.1em;
  font-weight: 700;
}

.test_img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.image-2 {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.inner_black_headline {
  font-size: 57px;
  line-height: 50px;
}

.button-border-div {
  background-color: rgba(0, 0, 0, 0);
  position: relative;
}

.button-border-div.width {
  width: auto;
  background-color: rgba(231, 187, 107, 0);
  display: inline-block;
}

.service_btn {
  color: var(--burlywood-2);
  text-align: center;
  letter-spacing: 0;
  text-transform: uppercase;
  background-color: rgba(113, 148, 10, 0);
  padding: 20px 50px;
  font-size: 1em;
  font-weight: 400;
}

.service_btn:hover {
  color: var(--burlywood-2);
  background-color: rgba(231, 187, 107, 0);
}

.service_btn.black {
  color: var(--black-2);
}

.right-corner {
  width: 30%;
  height: 30px;
  border-top: 1px solid var(--burlywood-2);
  border-right: 1px solid var(--burlywood-2);
  position: absolute;
  top: 0%;
  bottom: auto;
  left: auto;
  right: 0%;
}

.right-corner.bg {
  border-top-color: var(--black-2);
  border-right-color: var(--black-2);
}

.left-corner {
  width: 30%;
  height: 30px;
  border-bottom: 1px solid var(--burlywood-2);
  border-left: 1px solid var(--burlywood-2);
  position: absolute;
  top: auto;
  bottom: 0%;
  left: 0%;
  right: auto;
}

.left-corner.bg {
  border-bottom-color: var(--black-2);
  border-left-color: var(--black-2);
}

.steps_ajax {
  margin-top: 5%;
}

.tab_pane {
  padding-top: 35px;
  padding-bottom: 35px;
  padding-left:15%;
  padding-right:15%;
}

.tab_link {
  color: var(--sienna);
  text-transform: uppercase;
  background-color: rgba(221, 221, 221, 0);
  border-bottom: 3px solid rgba(0, 0, 0, 0);
  padding: 16px 44px;
  font-size: 1.4em;
  font-weight: 700;
}

.tab_link:hover {
  border-bottom-color: var(--sienna);
}

.tab_link.w--current {
  color: var(--black-2);
  background-color: rgba(221, 221, 221, 0);
  border-bottom-color: #000;
}

.recognized_div {
  z-index: 10;
  width: 100%;
  text-align: center;
  margin-bottom: 5%;
  position: static;
  top: 16%;
  bottom: auto;
  left: auto;
  right: auto;
}

.recognized_text {
  color: var(--peru);
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.8em;
  line-height: 1.1em;
}

.calculator_section {
  background-color: rgba(238, 238, 238, 0);
  padding: 0% 20% 5%;
}

.parallax_testimonial_text {
  font-size: 1.4em;
}

.testimonial_name {
  font-size: 1.3em;
  font-weight: 700;
}

.video_wrapper {
  margin-top: 4%;
  margin-bottom: 5%;
}

.small_headline {
  color: var(--white);
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Cormorant SC, sans-serif;
  font-size: 2.8em;
  font-weight: 500;
  line-height: 1.1em;
}

.columns_grid {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  margin-bottom: 5%;
  padding: 0;
}

.benefits_text_cell {
  justify-content: center;
}

.benefits_list {
  margin-bottom: 0;
}

.inner_flex_candidate_img_div {
  width: 50%;
}

.inner_flex_candidate_img_div.evo {
  width: 45%;
}

.lectures_link {
  color: var(--sienna);
  margin-bottom: 10px;
  font-weight: 700;
  text-decoration: none;
}

.lectures_link:hover {
  color: var(--black-2);
}

.jonas_wrapper {
  height: auto;
  position: relative;
}

.jonas_img_div {
  width: 100%;
  height: 700px;
  overflow: hidden;
}

.jonas_text_div {
  width: 35%;
  height: auto;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: auto;
  right: 10%;
}

.jonas_img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 25%;
}

.evo_parallax_section {
  height: 600px;
  background-image: linear-gradient(rgba(0, 0, 0, .4), rgba(0, 0, 0, .4)), url('https://cdn-12c7.kxcdn.com/images/fortworth-lasik_com/evo-parallax-img.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  background-attachment: scroll, fixed;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-left: 25%;
  padding-right: 25%;
  display: flex;
}

.inner_img_div {
  height: 100%;
  overflow: hidden;
}

.benefits_img_cell {
  align-items: stretch;
}

.inner_img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.evo_text_wrapper {
  width: 45%;
}

.inner_standard_main_headline {
  color: var(--sienna);
}

.breadcrumbs_wrapper {
  border-top: 1px solid var(--peru);
  border-bottom: 1px solid var(--peru);
  align-items: center;
  margin-bottom: 5%;
  padding-top: 10px;
  padding-bottom: 10px;
  display: flex;
}

.related_page_txt {
  text-transform: uppercase;
  font-size: .9em;
  font-weight: 700;
}

.divider_txt {
  margin-left: 10px;
  margin-right: 10px;
}

.breadcrumbs_link {
  color: var(--sienna);
  font-size: .9em;
  text-decoration: none;
}

.breadcrumbs_link:hover {
  color: var(--peru-2);
}

.standard_inner_img_div {
  width: 45%;
  height: 400px;
  float: right;
  margin-bottom: 10px;
  margin-left: 40px;
  overflow: hidden;
}

.standard_inner_img_div.left {
  float: left;
  margin-left: 0;
  margin-right: 40px;
}

.book_online_btn{
  background-color: #caab73;
  color: #fff;
  padding: 10px 20px;
  border-radius: 0px;
  text-decoration: none;
  font-size: 16px;
  font-weight: 600;
  margin-left:20px;
  display: flex;
  align-items: center;
}
.book_online_btn:hover{
  background-color:#000;
}
/**** NEW HERO SECTION CSS ****/
.hero_section {
  background-color: var(--black-2);
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-start;
  height: 100vh;
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  padding: 0;
  display: flex;
  position: relative;
}

.main_tagline_wrapper {
  z-index: 100;
  border: 20px none var(--white);
  background-color: var(--black-2);
  text-align: center;
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-start;
  width: 50%;
  padding: 40px;
  display: flex;
  position: relative;
  inset: auto 10% 0% 0%;
}

.main_tagline {
  color: var(--white);
  text-align: left;
  margin-top: 0;
  margin-bottom: 10px;
  font-family: Cormorant SC, sans-serif;
  font-size: 4em;
  font-weight: 600;
  line-height: .8em;
}

.main_subheadline {
  max-width: none;
  color: var(--burlywood-2);
  text-align: left;
  text-shadow: 0 1px 1px #0003;
  margin-top: 0;
  margin-bottom: 10px;
  font-family: Cormorant SC, sans-serif;
  font-size: 2em;
  font-weight: 300;
  line-height: 1em;
}

.white_rectangle {
  z-index: 150;
  background-color: var(--white);
  width: 100%;
  height: 20px;
  display: none;
  position: absolute;
  inset: auto 0% 60px;
}

.bg_video {
  z-index: 1;
  background-image: linear-gradient(#0000 22%, #000000c2 67%, #00000026);
  width: 70%;
  height: 80%;
  position: absolute;
  inset: 0% 0% auto auto;
}

.hero_subheadline2 {
  color: var(--white);
  margin-top: 0;
  margin-bottom: 30px;
  font-size: 1.5em;
  line-height: 1em;
}

.hero_btn {
  border: 1px solid var(--white);
  color: var(--white);
  text-transform: uppercase;
  background-color: #0000;
  margin-left: 0;
  margin-right: 0;
  padding: 13px 20px;
  font-size: .9em;
}

.hero_btn:hover {
  background-color: var(--peru);
  color: var(--white);
}

.white_line_div {
  background-color: var(--white);
  width: 100px;
  height: 1px;
  margin: 20px auto 20px 0;
}

.hero_btns_grid {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  width: auto;
  margin-left: 0;
  margin-right: auto;
  padding: 0;
}

.hero_btn_cell {
  justify-content: center;
  align-items: stretch;
}
.button-cont {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-around;
}
a.button.w-button.btn-left {
    margin-right: 10px;
}
@media screen and (max-width: 991px) {
  p {
    margin-bottom: 0;
  }

  .hero_section {
    justify-content: flex-start;
    height: auto;
    padding-bottom: 0;
  }

  .main_tagline_wrapper {
    width: 100%;
    padding: 20px;
    bottom: 0%;
    left: 0%;
    right: 0%;
  }

  .main_tagline {
    font-size: 4em;
  }

  .main_subheadline {
    font-size: 1.5em;
  }

  .bg_video {
    background-image: linear-gradient(#0000 8%, #000000c2 65%, #00000026);
    flex-flow: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    display: flex;
    position: absolute;
    inset: 0%;
  }

  .hero_btns_grid {
    width: 90%;
  }

  .hero-vid-holder {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 450px;
    display: flex;
    position: relative;
  }
}

@media screen and (max-width: 767px) {
  h1 {
    font-size: 2.6em;
  }

  h2 {
    font-size: 2.2em;
  }

  h3 {
    font-size: 1.7em;
  }

  p {
    margin-bottom: 20px;
  }

  .hero_section {
    height: auto;
    padding-top: 0;
  }

  .main_tagline_wrapper {
    border-width: 15px;
    padding: 10px;
    position: static;
    inset: 222px 0% auto;
  }

  .main_tagline {
    font-size: 3em;
  }

  .main_subheadline {
    margin-bottom: 15px;
    font-size: 1.2em;
  }

  .bg_video {
    background-image: linear-gradient(#00000080, #00000080), linear-gradient(#0000 8%, #000000c2 62%, #000000d6);
  }

  .hero_subheadline2 {
    margin-bottom: 20px;
  }

  .white_line_div {
    margin-top: 0;
    margin-bottom: 10px;
  }

  .hero_btns_grid {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .hero-vid-holder {
    height: 300px;
  }
}

@media screen and (max-width: 479px) {
  .hero_section {
    height: auto;
  }

  .main_tagline_wrapper {
    text-align: center;
    background-color: #0000;
    border-top-style: none;
    align-items: center;
    top: 282px;
  }

  .main_tagline {
    text-align: center;
    margin-bottom: 10px;
    font-size: 2.3em;
    line-height: .9em;
  }

  .main_subheadline {
    text-align: center;
  }

  .bg_video {
    background-image: linear-gradient(#00000080, #00000080), linear-gradient(#0000 8%, #000000c2 62%, #000000d6);
  }

  .white_line_div {
    margin-left: auto;
  }

  .hero_btns_grid {
    width: 100%;
  }

  .hero-vid-holder {
    height: 250px;
  }
}

#w-node-_18ff13a8-3527-a0b4-4f53-083c181492f9-1fb01478 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

@media screen and (max-width: 991px) {
  #w-node-_18ff13a8-3527-a0b4-4f53-083c181492f9-1fb01478 {
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
  }
}

@media screen and (max-width: 767px) {
  #w-node-_18ff13a8-3527-a0b4-4f53-083c181492f9-1fb01478 {
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
  }
}

@media screen and (max-width: 479px) {
  #w-node-_18ff13a8-3527-a0b4-4f53-083c181492f9-1fb01478 {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }
}

/**** NEW HERO SECTION CSS END ****/
@media screen and (max-width: 991px) {
  .logo {
    width: 320px;
  }

  .navlink {
    padding-top: 15px;
    padding-bottom: 15px;
  }

  .hero_section {
    height: 100vh;
    padding-bottom: 0;
  }

  .main_tagline_wrapper {
    padding-bottom: 23px;
    bottom: 7%;
    left: 0%;
    right: 0%;
  }

  .main_tagline {
    font-size: 5em;
  }

  .main_subheadline {
    font-size: 2em;
  }

  .static_buttons_wrapper {
    width: 100%;
    height: 50px;
    left: 0%;
    right: 0%;
  }

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

  .age_section {
    padding-top: 20%;
    padding-bottom: 15%;
  }

  .vision_wrapper {
    flex-wrap: wrap;
  }

  .vision_text_div {
    width: 100%;
  }

  .vision_h3 {
    font-size: 2.2em;
  }

  .vision_callout_section {
    background-image: url('https://cdn-12c7.kxcdn.com/images/fortworth-lasik_com/dots-flipped-bg.svg'), url('https://cdn-12c7.kxcdn.com/images/fortworth-lasik_com/darkgrey-bg.svg');
    background-position: 50px 0, 50% 100%;
    background-repeat: no-repeat, repeat-x;
    background-size: 200px, auto 65%;
    padding: 15% 10% 10%;
  }

  .vision_btn {
    width: 32%;
    height: auto;
    flex-direction: column;
    font-size: 1.1em;
  }

  .vision_btn_img {
    width: 100%;
    margin-top: 27px;
  }

  .vision_btn_text {
    width: 100%;
    text-align: center;
    flex-direction: column;
    line-height: 1em;
    display: flex;
  }

  .vision_btn_div {
    width: 100%;
    flex-direction: row;
    margin-bottom: 15%;
    padding-top: 0%;
    padding-bottom: 0%;
  }

  .age_wrapper {
    flex-wrap: wrap;
  }

  .age_text_div, .age_btns_wrapper {
    width: 100%;
  }

  .age_text {
    font-size: 2.2em;
  }

  .welcome_section {
    background-position: 50% 0;
    background-repeat: repeat-x;
    background-size: auto 50%;
  }

  .welcome_wrapper {
    flex-wrap: wrap;
  }

  .welcome_photo_wrapper {
    width: 100%;
    padding-top: 10%;
  }

  .doc_photo {
    object-position: 50% 20%;
  }

  .welcome_middle_div {
    width: 100%;
    height: 600px;
    background-position: 100% 5%, 100% 90%;
  }

  .welcome_text_div {
    width: 100%;
    text-align: left;
    margin-top: 10%;
  }

  .middle_img_div {
    margin-top: -9%;
  }

  .welcome_text {
    margin-left: 0;
  }

  .callout_btn_label {
    height: 60px;
    margin-bottom: 0;
    font-size: 1.3em;
    line-height: 1.1em;
  }

  .lasik_section_headline {
    font-size: 3em;
  }

  .lasik_callout_headline {
    height: 60px;
    margin-bottom: 0;
  }

  .lasik_wrapper {
    flex-wrap: wrap;
  }

  .lasik_img_div {
    width: 100%;
    height: 450px;
  }

  .lasik_text_div {
    width: 100%;
  }

  .lasik_cost_wrapper {
    width: 100%;
    margin-top: 10%;
    position: static;
  }

  .decor_wrapper {
    top: 69%;
    left: auto;
    right: 5%;
  }

  .cataract_section {
    background-position: 15% 0, 25px 67%;
    background-size: 75px, 150px;
    padding-top: 15%;
  }

  .cataract_wrapper, .cataract_wrapper.margin {
    flex-wrap: wrap;
  }

  .cataract_text_div {
    width: 100%;
  }

  .cataract_text_div._2 {
    width: 100%;
    margin-top: 10%;
  }

  .cataract_img_wrapper {
    width: 48%;
    height: 350px;
  }

  .cataract_img_div.callout {
    width: 100%;
    height: 400px;
  }

  .parallax_text {
    font-size: 3.2em;
  }

  .reviews_section {
    background-image: url('https://cdn-12c7.kxcdn.com/images/fortworth-lasik_com/dots-bg_1.svg'), url('https://cdn-12c7.kxcdn.com/images/fortworth-lasik_com/dots-flipped-bg.svg'), url('https://cdn-12c7.kxcdn.com/images/fortworth-lasik_com/darkgrey-bg.svg');
    background-position: 88% 100%, 15% 10%, 0%;
    background-repeat: no-repeat, no-repeat, repeat-y;
    background-size: 150px, 250px, 50%;
  }

  .revies_wrapper {
    flex-wrap: wrap;
  }

  .reviews_img_div {
    width: 50%;
    height: 500px;
  }

  .reviews_img_div.inner {
    width: 100%;
    height: 350px;
  }

  .reviews_text_wrapper {
    width: 45%;
  }

  .reviews_text_wrapper.inner {
    width: 100%;
    margin-top: 10%;
  }

  .blog_div {
    flex-direction: column;
    display: flex;
  }

  .blog_headline {
    line-height: 1em;
  }

  .blog_link {
    margin-top: auto;
  }

  .footer_section {
    padding-top: 10%;
  }

  .footer_wrapper {
    flex-flow: row-reverse wrap-reverse;
  }

  .contact_wrapper {
    width: 100%;
    margin-top: 10%;
  }

  .location_wrapper, .quick_links_wrapper {
    width: 48%;
  }

  .footer_div {
    width: 100%;
    border-top: 1px solid rgba(186, 149, 98, .41);
    border-bottom: 1px rgba(186, 149, 98, .41);
    border-right-style: none;
    margin-top: 10%;
    margin-bottom: 0%;
    padding-top: 5%;
    padding-bottom: 0%;
    padding-right: 5%;
  }

  .footer_logo {
    width: 300px;
  }

  .footer_text, .button_up {
    margin-left: 12%;
  }

  .navlink_dropdown {
    display: block;
  }

  .dropdown_toggle {
    padding-top: 15px;
    padding-bottom: 15px;
    padding-right: 13px;
    display: block;
  }

  .dropdown_icon {
    margin-right: 14px;
  }

  .menu_icon {
    color: var(--black-2);
    border: 1px solid #000;
  }

  .menu_icon:hover {
    border-color: var(--peru);
    background-color: var(--peru);
    color: var(--white);
  }

  .menu_icon.w--open {
    background-color: var(--black-2);
    color: var(--white);
  }

  .navmenu {
    background-color: var(--white);
  }

  .bg_video {
    background-image: linear-gradient(rgba(0, 0, 0, 0) 8%, rgba(0, 0, 0, .76) 65%, rgba(0, 0, 0, .15));
  }

  .hero_btns_grid {
    width: 90%;
  }

  .inner_hero_section {
    background-position: 110px 12%, 50% 100%;
    background-size: 15%, contain;
    padding-top: 15%;
    padding-bottom: 5%;
  }

  .inner_page_section, .inner_page_section.vision_disorder {
    padding-top: 10%;
    padding-bottom: 10%;
  }

  .inner_page_section.background {
    background-position: 50% 0;
    background-repeat: repeat-x;
    background-size: auto 65%;
    padding: 10% 15%;
  }

  .inner_page_section.faqs {
    background-position: 90% 0;
    background-size: 20%;
  }

  .inner_page_section.revies, .inner_page_section.financing {
    padding-bottom: 10%;
  }

  .inner_page_section.appointment {
    padding-left: 10%;
    padding-right: 10%;
  }

  .inner_page_section.evobg {
    background-position: 50% 0;
    background-repeat: repeat-x;
    background-size: auto 75%;
  }

  .inner_flex_wrapper {
    flex-wrap: wrap;
  }

  .inner_flex_wrapper.main {
    padding-top: 0%;
  }

  .inner_title_text_div {
    width: 100%;
    padding-top: 5%;
    padding-bottom: 5%;
  }

  .inner_main_img_div {
    width: 100%;
  }

  .vision_grid {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }

  .inner_flex_text_div {
    width: 100%;
    padding-top: 5%;
    padding-bottom: 5%;
  }

  .inner_flex_text_div.selftest {
    width: 100%;
    padding-top: 0%;
    padding-bottom: 10%;
  }

  .inner_flex_text_div.evo {
    width: 100%;
    padding-top: 10%;
    padding-bottom: 10%;
  }

  .inner_flex_img_div {
    width: 100%;
    height: 350px;
  }

  .inner_flex_img_div._50, .faqs_wrapper {
    width: 100%;
  }

  .circles_lines_wrapper {
    margin-left: 0%;
  }

  .inner_callouts_section {
    padding-left: 10%;
    padding-right: 10%;
  }

  .appointment_wrapper {
    width: 100%;
    margin-bottom: 10%;
  }

  .financing_wrapper {
    flex-wrap: wrap;
  }

  .financing_text_wrapper {
    width: 100%;
    padding-top: 5%;
  }

  .service_btn {
    padding-left: 40px;
    padding-right: 40px;
  }

  .inner_flex_candidate_img_div.evo {
    width: 100%;
    height: 600px;
  }

  .inner_img {
    object-position: 50% 25%;
  }

  .evo_text_wrapper {
    width: 100%;
    margin-top: 5%;
    margin-bottom: 5%;
  }

  .breadcrumbs_wrapper {
    flex-wrap: wrap;
    margin-top: 5%;
  }

  .related_page_txt, .divider_txt, .breadcrumbs_link {
    margin-bottom: 10px;
  }

  .standard_inner_img_div {
    width: 50%;
    height: 250px;
  }
}

@media screen and (max-width: 767px) {
  h1 {
    font-size: 2.6em;
  }

  h2 {
    font-size: 2.2em;
  }

  h3 {
    font-size: 1.7em;
  }

  .navbar {
    padding-top: 5px;
    padding-bottom: 5px;
    position: absolute;
  }

  .logo {
    width: 250px;
    padding-left: 0;
  }

  .hero_section {
    height: 400px;
    padding-top: 0;
  }

  .main_tagline_wrapper {
    border-width: 15px;
    padding-bottom: 25px;
    position: absolute;
    top: 222px;
    bottom: auto;
    left: 0%;
    right: 0%;
    padding-left:3%;
    padding-right:3%;
  }

  .main_tagline {
    font-size: 2em;
  }

  .main_subheadline {
    font-size: 1.5em;
  }

  .static_buttons_wrapper {
    margin-top: 72px;
    position: static;
  }

  .static_btn {
    width: auto;
    padding-left: 10px;
    padding-right: 10px;
    font-size: .8em;
  }

  .static_btn_icon {
    width: 20px;
    margin-right: 5px;
  }

  .age_section {
    padding-top: 5%;
    padding-bottom: 5%;
  }

  .vision_text_div {
    margin-bottom: 5%;
  }

  .vision_callout_section {
    background-image: url('https://cdn-12c7.kxcdn.com/images/fortworth-lasik_com/dots-flipped-bg.svg'), url('https://cdn-12c7.kxcdn.com/images/fortworth-lasik_com/darkgrey-bg.svg');
    background-position: 50px 0, 50% 100%;
    background-repeat: no-repeat, repeat-x;
    background-size: 200px, auto 40%;
  }

  .vision_btn {
    width: 100%;
    margin-bottom: 35px;
    padding-bottom: 0;
  }

  .vision_btn_img {
    height: 200px;
    margin-bottom: 0;
  }

  .vision_btn_div {
    flex-wrap: wrap;
  }

  .age_headline {
    font-size: 2.5em;
  }

  .age_btns_wrapper {
    flex-wrap: wrap;
  }

  .age_btn {
    width: 100%;
    margin-bottom: 261px;
  }

  .age_img_wrapper {
    height: 400px;
  }

  .age_img {
    object-position: 50% 20%;
  }

  .age_img._3 {
    object-position: 50% 16%;
  }

  .age_img._1 {
    object-position: 50% 20%;
  }

  .age_description._1, .age_description._2 {
    height: 60px;
    align-items: center;
    padding-left: 40px;
    display: flex;
    bottom: 0;
  }

  .age_description._3 {
    height: 60px;
    align-items: center;
    padding-left: 40px;
    display: flex;
    bottom: 0%;
  }

  .doc_headline, .welcome_headline {
    font-size: 2.2em;
  }

  .button.black {
    margin-top: 8px;
    margin-bottom: 8px;
  }

  .why_choose_us {
    padding-left: 10%;
    padding-right: 10%;
  }

  .why_choose_headline {
    font-size: 2.2em;
  }

  .callout_btn_label {
    height: auto;
    margin-bottom: 10px;
  }

  .lasik_section_headline {
    font-size: 2.2em;
  }

  .lasik_callouts_wrapper {
    flex-flow: wrap;
  }

  .lasik_callout_div {
    width: 100%;
  }

  .lasik_callout_headline {
    height: auto;
    margin-bottom: 10px;
  }

  .lasik_btns_wrapper {
    flex-direction: column;
  }

  .lasik_callout_icon {
    width: 60px;
  }

  .lasik_cost_wrapper {
    padding-left: 10%;
  }

  .cost_headline {
    font-size: 2em;
  }

  .decor_wrapper {
    top: 70%;
  }

  .cataract_section {
    background-position: 15% 0, 25px 65%;
    padding-top: 19%;
  }

  .cataract_img_div.callout {
    height: 300px;
  }

  .reviews_section {
    background-image: url('https://cdn-12c7.kxcdn.com/images/fortworth-lasik_com/dots-bg_1.svg'), url('https://cdn-12c7.kxcdn.com/images/fortworth-lasik_com/dots-flipped-bg.svg'), url('https://cdn-12c7.kxcdn.com/images/fortworth-lasik_com/darkgrey-bg.svg');
    background-position: 88% 100%, 10% 5%, 50% 0;
    background-repeat: no-repeat, no-repeat, repeat-x;
    background-size: 150px, 150px, auto 60%;
    padding-top: 22%;
    padding-bottom: 15%;
  }

  .revies_wrapper {
    flex-wrap: wrap;
  }

  .reviews_img_div {
    width: 100%;
    height: 300px;
  }

  .reviews_text_wrapper {
    width: 100%;
    margin-bottom: 10%;
  }

  .blog_section {
    padding-top: 15%;
  }

  .blog_wrapper {
    flex-wrap: wrap;
  }

  .blog_div {
    width: 100%;
    margin-bottom: 10%;
  }

  .bg_video {
    background-image: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)), linear-gradient(rgba(0, 0, 0, 0) 8%, rgba(0, 0, 0, .76) 62%, rgba(0, 0, 0, .84));
  }

  .hero_subheadline2 {
    margin-bottom: 20px;
  }

  .hero_btns_grid {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .inner_hero_section {
    background-repeat: no-repeat, repeat-x;
    background-size: 15%, auto 75%;
    padding-top: 10%;
    padding-bottom: 5%;
  }

  .inner_page_section {
    padding: 10%;
  }

  .inner_page_section.vision_disorder {
    padding-top: 10%;
  }

  .inner_page_section.background {
    background-size: auto 65%;
  }

  .inner_page_section.faqs {
    padding-top: 10%;
  }

  .inner_page_section.evobg {
    background-size: auto 85%;
  }

  .vision_text {
    height: auto;
  }

  .inner_flex_text_div {
    padding-top: 15%;
  }

  .financing_text_wrapper {
    padding-top: 10%;
  }

  .service_btn {
    padding: 20px 18px;
    font-size: .9em;
    line-height: 1em;
  }

  .parallax_testimonial_text {
    font-size: 1.2em;
  }

  .inner_flex_candidate_img_div.evo {
    height: 450px;
  }

  .jonas_img {
    object-position: 45% 25%;
  }

  .evo_parallax_section {
    height: 500px;
    padding-left: 15%;
    padding-right: 15%;
  }

  .breadcrumbs_wrapper {
    margin-top: 0%;
    margin-bottom: 10%;
  }

  .standard_inner_img_div {
    margin-left: 20px;
  }

  .standard_inner_img_div.left {
    margin-right: 20px;
  }
}

@media screen and (max-width: 479px) {
  .hero_section {
    height: 500px;
  }

  .main_tagline_wrapper {
    background-color: rgba(0, 0, 0, 0);
    border-top-style: none;
    top: 132px;
  }

  .main_tagline {
    margin-bottom: 10px;
    font-size: 1.5em;
    line-height: .9em;
  }

  .static_buttons_wrapper {
    height: auto;
    flex-flow: column wrap;
  }

  .static_btn {
    padding-top: 9px;
    padding-bottom: 9px;
    font-size: .9em;
  }

  .static_btn_icon {
    width: 25px;
    margin-right: 10px;
  }

  .age_section {
    padding-top: 10%;
  }

  .vision_h3 {
    font-size: 2em;
  }

  .vision_callout_section {
    padding-top: 24%;
  }

  .age_headline {
    font-size: 2.2em;
    font-weight: 500;
  }

  .age_description._1, .age_description._2, .age_description._3 {
    padding-left: 30px;
  }

  .welcome_photo_wrapper {
    padding-top: 15%;
  }

  .doc_photo_div {
    height: 300px;
  }

  .welcome_middle_div {
    height: 500px;
  }

  .welcome_photo_div {
    height: 300px;
  }

  .middle_img_div {
    height: 300px;
    margin-top: -5%;
  }

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

  .button.black {
    margin-left: 0;
    margin-right: 0;
    padding-left: 19px;
    padding-right: 19px;
    font-size: .9em;
  }

  .why_choose_headline {
    font-size: 2em;
  }

  .lasik_test_section {
    padding-top: 15%;
    padding-bottom: 10%;
  }

  .lasik_section_headline {
    font-size: 2em;
  }

  .lasik_btns_wrapper {
    align-items: stretch;
  }

  .lasik_section {
    padding-top: 10%;
  }

  .lasik_img_div {
    height: 300px;
  }

  .cost_headline {
    font-size: 1.8em;
  }

  .decor_wrapper {
    top: 73%;
  }

  .cost_text_wrapper {
    flex-wrap: wrap;
  }

  .cost_icon {
    margin-bottom: 14px;
  }

  .cost_text_div {
    width: 100%;
  }

  .cost_number {
    font-size: 1.2em;
  }

  .cataract_section {
    padding-top: 32%;
  }

  .cataract_text_div._2 {
    margin-top: 36%;
  }

  .cataract_img_wrapper {
    width: 100%;
    height: 300px;
    margin-bottom: 24px;
  }

  .parallax_section {
    height: 500px;
    padding-left: 10%;
    padding-right: 10%;
  }

  .parallax_text {
    font-size: 2em;
  }

  .reviews_section {
    padding-top: 38%;
    padding-bottom: 21%;
  }

  .reviews_img_div.inner {
    height: 260px;
  }

  .footer_section {
    padding-top: 15%;
  }

  .location_wrapper {
    width: 100%;
    margin-top: 15%;
    margin-bottom: 10%;
  }

  .phone_btn {
    display: none;
  }

  .phone_btn.footer {
    display: flex;
  }

  .quick_links_wrapper {
    width: 100%;
  }

  .footer_div {
    padding-right: 0%;
  }

  .footer_text {
    text-align: center;
    margin-left: 0%;
  }

  .button_up {
    justify-content: center;
    margin-top: 15%;
    margin-left: 0;
  }

  .bg_video {
    background-image: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)), linear-gradient(rgba(0, 0, 0, 0) 8%, rgba(0, 0, 0, .76) 62%, rgba(0, 0, 0, .84));
  }

  .inner_hero_section {
    background-size: 15%, auto 85%;
    padding-left: 10%;
    padding-right: 10%;
  }

  .inner_page_section {
    padding-top: 15%;
    padding-bottom: 15%;
  }

  .inner_page_section.vision_disorder {
    padding-top: 15%;
    padding-bottom: 10%;
  }

  .inner_page_section.background {
    background-size: auto 75%;
    padding-top: 15%;
    padding-bottom: 15%;
  }

  .inner_page_section.revies {
    padding-bottom: 10%;
  }

  .inner_page_section.consultation {
    padding-top: 15%;
  }

  .inner_page_section.evobg {
    background-size: auto 90%;
  }

  .inner_main_img_div {
    margin-bottom: 5%;
  }

  .quote_text {
    font-size: 1.2em;
  }

  .inner_flex_text_div {
    padding-top: 20%;
  }

  .inner_flex_text_div.evo {
    padding-top: 15%;
  }

  .inner_flex_img_div {
    height: 280px;
  }

  .inner_callouts_section {
    padding-top: 10%;
    padding-bottom: 10%;
  }

  .appointment_headline {
    font-size: 46px;
    line-height: 46px;
  }

  .inner_yellow_headline {
    font-size: 46px;
  }

  .inner_black_headline {
    font-size: 46px;
    line-height: 46px;
  }

  .button-border-div {
    width: 100%;
  }

  .service_btn {
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 15px;
  }

  .inner_flex_candidate_img_div.evo {
    height: 300px;
  }

  .jonas_img_div {
    height: 400px;
  }

  .jonas_text_div {
    width: 100%;
    padding: 10%;
    position: static;
  }

  .jonas_img {
    object-position: 0% 50%;
  }

  .divider_txt {
    margin-left: 5px;
    margin-right: 5px;
  }

  .standard_inner_img_div {
    width: 100%;
    margin-bottom: 40px;
    margin-left: 0;
  }
}

#w-node-_0b271c41-d240-aa07-531f-3d098a2b3b23-c48895c4 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

#w-node-c50bb617-1f2c-cc93-6075-a394dda0c487-c70c4815 {
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
}

#w-node-e9e70f6b-d662-9774-0f4f-297a722d771d-c70c4815 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  display: none;
}

#w-node-_052420cc-a4a3-301a-6715-6d741b67a7f4-c70c4815, #w-node-dcddc092-6d97-630a-f2ca-cc83fbd2dd54-726aed0f {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
}

#w-node-e9e70f6b-d662-9774-0f4f-297a722d771d-726aed0f {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  display: none;
}

#w-node-_052420cc-a4a3-301a-6715-6d741b67a7f4-726aed0f {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
}

@media screen and (max-width: 991px) {
  #w-node-_0b271c41-d240-aa07-531f-3d098a2b3b23-c48895c4 {
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
  }

  #w-node-c50bb617-1f2c-cc93-6075-a394dda0c487-c70c4815 {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
  }

  #w-node-e9e70f6b-d662-9774-0f4f-297a722d771d-c70c4815, #w-node-_052420cc-a4a3-301a-6715-6d741b67a7f4-c70c4815 {
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
  }

  #w-node-dcddc092-6d97-630a-f2ca-cc83fbd2dd54-726aed0f {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  #w-node-e9e70f6b-d662-9774-0f4f-297a722d771d-726aed0f, #w-node-_052420cc-a4a3-301a-6715-6d741b67a7f4-726aed0f {
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
  }
}

@media screen and (max-width: 767px) {
  #w-node-c50bb617-1f2c-cc93-6075-a394dda0c487-c70c4815 {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }
}

@media screen and (max-width: 479px) {
  #w-node-_0b271c41-d240-aa07-531f-3d098a2b3b23-c48895c4, #w-node-e9e70f6b-d662-9774-0f4f-297a722d771d-c70c4815, #w-node-_052420cc-a4a3-301a-6715-6d741b67a7f4-c70c4815, #w-node-e9e70f6b-d662-9774-0f4f-297a722d771d-726aed0f, #w-node-_052420cc-a4a3-301a-6715-6d741b67a7f4-726aed0f {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }
}