:root {
  --alice-blue: #e9eff9;
  --dark-slate-blue: #23376e;
}

.w-layout-grid {
  grid-row-gap: 16px;
  grid-column-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.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: #333;
  font-family: Lora, sans-serif;
  font-size: 16px;
  line-height: 20px;
}

h2 {
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 32px;
  font-weight: 700;
  line-height: 40px;
}

p {
  margin-bottom: 10px;
}

.telefon_ico {
  background-color: #9f0000;
  background-image: url('../images/contact-icon-phone.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 22px;
  border-radius: 20px;
  height: 15px;
  margin-left: 15px;
  margin-right: 15px;
  transition: all .2s;
}

.telefon_ico:hover {
  background-color: red;
}

.container {
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 60px;
  padding-right: 40px;
  display: block;
}

.navbar {
  background-color: var(--alice-blue);
  justify-content: space-between;
  padding-top: 26px;
  padding-bottom: 7px;
}

.dropdown-list {
  padding-top: 10px;
}

.dropdown-list.w--open {
  background-color: var(--alice-blue);
  border-radius: 0 0 12px 12px;
  margin-top: 16px;
  padding-bottom: 20px;
  padding-left: 5px;
  padding-right: 10px;
}

.icon-3 {
  margin-bottom: 26.5px;
  font-size: 13px;
}

.brand {
  margin-top: -26px;
}

.nav-link {
  color: var(--dark-slate-blue);
  letter-spacing: .02em;
  padding-top: 12px;
  font-size: 18px;
  font-weight: 400;
  transition: color .2s;
}

.nav-link:hover {
  color: #5e79e7;
}

.nav-link.w--current {
  color: #9f0000;
  font-weight: 600;
}

.nav-link.kiemelt {
  color: #ce0000;
  font-weight: 500;
}

.nav-link.almenu {
  color: var(--dark-slate-blue);
  font-size: 16px;
}

.nav-link.almenu:hover {
  background-color: #d5ebff;
  border-radius: 20px;
}

.nav-link.last-child {
  padding-right: 0;
}

.nav-link.last-child.w--current {
  color: #fff;
}

.button {
  color: #fff;
  letter-spacing: .04em;
  background-color: #00539f;
  background-image: url('../images/button-arrow-lightblue.svg');
  background-position: 85%;
  background-repeat: no-repeat;
  background-size: auto;
  border-radius: 18px;
  margin-top: 10px;
  margin-bottom: 10px;
  margin-right: 10px;
  padding: 20px 65px 20px 32px;
  font-size: 18px;
  font-weight: 600;
  transition: background-color .2s, color .2s;
}

.button:hover {
  color: #292f36;
  background-color: #fff;
}

.button.banner-button {
  background-size: 19px;
  border-radius: 11px;
  margin-right: 0;
  padding: 20px 55px 20px 25px;
}

.hero-section {
  background-color: #9ed1ff;
  background-image: linear-gradient(142deg, #ffffffba 18%, #423d3d00 62%), url('../images/optika_hero.webp');
  background-position: 0 0, 50%;
  background-size: auto, cover;
  border-radius: 0 0 0 290px;
  align-items: center;
  padding-top: 70px;
  padding-bottom: 180px;
}

.hero-wrap-title {
  color: #9f0000;
  text-align: left;
  margin-bottom: 12px;
  font-size: 40px;
  line-height: 1.2;
}

.hero-content-wrap {
  justify-content: space-between;
  align-items: center;
  display: block;
}

.hero-small {
  float: left;
  font-size: 20px;
  font-weight: 400;
}

.hero-wrap-description {
  color: #4d5053;
  margin-bottom: 25px;
  font-size: 16px;
}

.hero-content-area {
  text-align: left;
  width: 40%;
}

.szechenyi {
  z-index: 1000;
  position: fixed;
  inset: auto 0% 0% auto;
}

.simple-link-text {
  color: #4d5053;
  letter-spacing: .02em;
  margin-bottom: 0;
  padding-top: 0;
  padding-right: 5px;
  font-size: 18px;
  font-weight: 600;
  text-decoration: none;
  transition: color .2s;
}

.simple-link-text:hover {
  color: #152461;
}

.simple-link-icon {
  padding-left: 5px;
}

.simple-link {
  justify-content: center;
  align-items: center;
  padding-top: 20px;
  text-decoration: none;
  display: flex;
}

.simple-link:hover {
  color: #cda274;
}

.service-content {
  margin-bottom: 15px;
  padding-top: 5px;
}

.service-grid-wrap {
  grid-column-gap: 0px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

.service-item {
  text-align: center;
  background-color: #0000;
  border-radius: 30px;
  padding: 60px 40px 70px;
  transition: background-color .2s;
}

.service-item:hover {
  background-color: var(--alice-blue);
}

.service-title {
  color: #292f36;
  margin-bottom: 12px;
  font-size: 26px;
}

.service-section {
  padding-top: 80px;
  padding-bottom: 40px;
}

.client-image-wrap {
  text-align: center;
  width: 150px;
}

.section-title {
  color: #292f36;
  padding-bottom: 35px;
  font-size: 43px;
  line-height: 1.3;
}

.section-title.center-small-space {
  text-align: center;
  padding-bottom: 10px;
}

.section-title.text-center {
  text-align: center;
}

.testimonial-content-wrap {
  background-color: var(--alice-blue);
  border-radius: 70px;
  padding: 80px 50px 100px;
}

.testimonial-section {
  padding-top: 80px;
  padding-bottom: 80px;
}

.client-gird-wrap {
  grid-column-gap: 16px;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  justify-items: center;
  width: 80%;
  margin-left: auto;
  margin-right: auto;
}

.icon-2 {
  color: #292f36;
  font-size: 18px;
}

.forgalmazott-markak-slider {
  background-color: #0000;
  height: auto;
}

.call-to-action-section {
  padding-top: 80px;
  padding-bottom: 80px;
}

.call-to-action-wrap {
  text-align: center;
  background-color: #292f36;
  border-radius: 70px;
  padding: 85px 40px;
}

.call-to-action-title {
  color: #fff;
  font-size: 50px;
}

.call-to-action-content {
  color: #fff;
  margin-bottom: 20px;
}

.button-2 {
  color: #fff;
  letter-spacing: .04em;
  background-color: #ce0000;
  background-image: url('../images/button-arrow-black.svg');
  background-position: 85%;
  background-repeat: no-repeat;
  background-size: auto;
  border-radius: 18px;
  margin-top: 10px;
  margin-bottom: 10px;
  margin-right: 10px;
  padding: 20px 65px 20px 32px;
  font-size: 18px;
  font-weight: 600;
  transition: background-color .2s, color .2s;
}

.button-2:hover {
  color: #292f36;
  background-color: #fff;
}

.button-2.banner-button {
  background-color: #00539f;
  background-image: url('../images/button-arrow-lightblue.svg');
  background-size: 19px;
  border-radius: 11px;
  padding: 15px 55px 15px 25px;
}

.button-2.banner-button:hover {
  color: #9ed1ff;
}

.footer-link {
  color: #4d5053;
  margin-bottom: 5px;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
  text-decoration: none;
  transition: color .2s;
  display: block;
}

.footer-link:hover {
  color: #00539f;
}

.footer-social-link {
  float: right;
  width: 25px;
  margin-top: -1px;
  margin-left: 7px;
}

.footer-social-link.first-child {
  padding-left: 0;
}

.footer-social-wrap {
  text-align: right;
}

.copyright-content {
  font-size: 14px;
}

.footer-widget-wrap {
  float: left;
  width: 35%;
  padding-right: 60px;
}

.footer-widget-wrap.footer-widget-left {
  float: right;
  text-align: right;
  padding-right: 0;
}

.copyright-wrap {
  text-align: center;
  background-color: #fff;
  border-top: 1px solid #e5e5e5;
  padding-top: 20px;
  padding-bottom: 20px;
}

.footer-logo {
  margin-bottom: 15px;
  margin-left: -5px;
}

.footer-intro-content {
  margin-top: 5px;
  padding-left: 12px;
}

.footer-address {
  margin-bottom: 10px;
}

.footer-section {
  padding-top: 50px;
}

.zeiss_logo {
  align-items: center;
  width: 50px;
  display: flex;
}

.link {
  color: #00539f;
  text-decoration: none;
}

.banner-content-wrap {
  text-align: center;
  background-color: #fff;
  border-radius: 37px 37px 0 0;
  width: 500px;
  min-width: 500px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 30px;
  padding-bottom: 30px;
}

.banner-title {
  margin-bottom: 0;
  line-height: 1.2;
}

.breadcrumb-link {
  color: #4d5053;
  text-decoration: none;
}

.breadcrumb-link:hover {
  color: #4e6fc9;
}

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

.breadcrumb-separator {
  padding-left: 8px;
  padding-right: 8px;
}

.banner-title-area {
  background-image: url('../images/service-background_1service-background.webp');
  background-position: 50%;
  background-size: cover;
  padding-top: 170px;
}

.banner-title-area.about-us-page {
  background-image: url('../images/02.webp');
  background-position: 50%;
  padding-top: 296px;
}

.banner-title-area.szolgaltatas-page {
  background-image: url('../images/szemvizsgalat-banner.jpg');
  background-position: 50%;
}

.banner-title-area.termekek-page {
  background-image: url('../images/termekek-bg.jpg');
  background-position: 50%;
}

.banner-title-area.szemuvegkeret-page {
  background-image: url('../images/optika_hero-keretek.webp');
  background-position: 50% 20%;
}

.banner-title-area.kapcsolat-page {
  background-image: url('../images/kapcsolat-banner.jpg');
  background-position: 50%;
}

.banner-title-area.szemuveglencsek-page {
  background-image: url('../images/szemuveglencse-banner.webp');
  background-position: 50% 80%;
}

.banner-title-area.apoloszerek-page {
  background-image: url('../images/kapcsolat-bg.jpg');
  background-position: 50%;
}

.banner-title-area.palyazatok-page {
  background-image: url('../images/tender_BG.jpg');
  background-position: 50% 75%;
}

.lets-talk-section {
  padding-top: 100px;
  padding-bottom: 80px;
}

.service-intro-grid {
  grid-column-gap: 60px;
  grid-template-rows: auto;
  grid-template-columns: .6fr 1fr;
}

.service-intro-grid.half {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-columns: 1fr 1fr;
}

.service-intro-title {
  margin-top: 0;
  font-size: 30px;
  line-height: 1.2;
}

.service-intro-title.center {
  text-align: center;
}

.colored-paragraph {
  color: #344ba3;
}

.service-intro-paragraph {
  padding-top: 15px;
  padding-bottom: 15px;
}

.professionals-grid {
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

.professionals-grid.about-page-professionals {
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
}

.professionals-grid.about-page-professionals.nagy {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

.professionals-section {
  padding-top: 120px;
  padding-bottom: 60px;
}

.professionals-section.about-page {
  background-color: var(--alice-blue);
  padding-top: 100px;
  padding-bottom: 80px;
}

.professionals-listing-image {
  object-fit: cover;
  border-radius: 20px;
  width: 200px;
  height: 200px;
}

.professionals-listing-image.nagy {
  width: 250px;
}

.professionals-wrap.about-us-page {
  padding-top: 60px;
}

.professionals-item {
  border-radius: 30px;
}

.professionals-image {
  position: relative;
}

.map_title {
  text-align: center;
  background-color: #e0e0e0;
  border-radius: 7px;
  margin-top: 11px;
  margin-bottom: 20px;
  padding-top: 5px;
  padding-bottom: 5px;
}

.terkep {
  border-radius: 14px;
}

.grid {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

.grid._1 {
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}

.grid-bankkartya {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
}

.kartya-bg {
  background-color: var(--alice-blue);
  border-radius: 20px;
  padding: 40px 20px;
}

.kartya {
  border-radius: 14px;
}

.bankkartya {
  border-radius: 7px;
}

.about-grid-wrap {
  grid-template-rows: auto;
  grid-template-columns: .8fr 1fr;
  align-items: center;
  padding-bottom: 100px;
}

.about-grid-wrap.about-toggle {
  grid-template-columns: 1fr .8fr;
  padding-bottom: 80px;
}

.about-heading {
  color: #292f36;
  font-size: 50px;
  line-height: 50px;
}

.about-image {
  border-radius: 70px;
  width: 100%;
}

.about-content {
  padding-top: 10px;
  padding-bottom: 20px;
}

.about-content-wrap {
  padding-right: 20px;
}

.about-content-wrap.left-spacing {
  margin-left: 12%;
}

.about-content-wrap.right-spacing {
  margin-right: 12%;
}

.about-section, .pic-text-section {
  padding-top: 60px;
  padding-bottom: 60px;
}

.pic-text-section.dark {
  background-color: var(--alice-blue);
}

.about-heading-kiemeles {
  color: #00539f;
  margin-top: 0;
  margin-bottom: -20px;
  font-size: 30px;
  line-height: 50px;
}

.about-heading-kiemeles.center {
  text-align: center;
  margin-bottom: 0;
}

.szolgaltatasok-grid {
  grid-column-gap: 0px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
}

.simple-link-2 {
  justify-content: center;
  align-items: center;
  padding-top: 20px;
  text-decoration: none;
  display: flex;
}

.simple-link-2:hover {
  color: #cda274;
}

.service-item-2 {
  text-align: center;
  background-color: #0000;
  border-radius: 30px;
  padding: 60px 40px 70px;
  transition: background-color .2s;
}

.service-item-2:hover {
  background-color: var(--alice-blue);
}

.changelog-section {
  padding-top: 140px;
  padding-bottom: 100px;
}

.changelog-wrap {
  background-color: var(--alice-blue);
  border-radius: 70px;
  padding-top: 100px;
  padding-bottom: 100px;
}

.div-block {
  text-align: center;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.div-block.parkolas {
  justify-content: center;
}

.termekek-leiras {
  text-align: justify;
  flex-direction: column;
  align-items: center;
  padding-left: 40px;
  padding-right: 40px;
}

.markak-grid {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto auto auto auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  padding-left: 40px;
  padding-right: 40px;
}

.markak-image {
  width: 60%;
}

.grid-6 {
  grid-column-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  justify-items: center;
  margin-left: 40px;
  margin-right: 40px;
}

.contact-detail-wrap {
  background-color: var(--alice-blue);
  border-radius: 20px;
  margin-right: 30px;
  padding: 20px 40px 10px;
}

.contact-detail-wrap.nyitvatartas {
  border-radius: 20px;
  margin-top: 18px;
  padding-bottom: 20px;
  padding-right: 30px;
}

.contact-detail-wrap.white {
  background-color: #fff;
}

.contact-link {
  color: #292f36;
  font-size: 18px;
  text-decoration: none;
  transition: color .2s;
}

.contact-link:hover {
  color: #00539f;
}

.contact-link.vertical {
  flex-direction: row;
  flex: none;
  justify-content: center;
  align-self: center;
  align-items: stretch;
  display: flex;
}

.figyelem-block {
  background-color: #f4f0ec;
  border-radius: 35px;
  margin-top: 57px;
  padding-top: 20px;
  padding-bottom: 10px;
}

.szolgaltatas-leiras {
  flex-direction: column;
  align-items: center;
  width: 60%;
}

.contact-page-form {
  padding-top: 100px;
  padding-bottom: 140px;
}

.contact-page-form.dark {
  background-color: var(--alice-blue);
}

.grid-5 {
  grid-template-rows: auto;
  grid-template-columns: .5fr 1fr;
}

.contact-icon-wrap {
  background-color: #fff;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 52px;
  min-width: 52px;
  height: 52px;
  min-height: 52px;
  margin-right: 15px;
  display: flex;
}

.contact-icon-wrap.nagy {
  width: 80px;
  min-width: 80px;
  height: 80px;
  min-height: 80px;
  margin-right: 0;
  padding-left: 5px;
}

.contact-icon-wrap.dark {
  background-color: #00539f;
}

.contact-icon-wrap.no-space {
  margin-right: 0;
}

.contact-social-link {
  padding-bottom: 5px;
  padding-left: 15px;
  padding-right: 15px;
}

.contact-page-grid {
  grid-column-gap: 30px;
  grid-template-rows: auto;
  grid-template-columns: .5fr 1fr;
  align-items: center;
  padding-top: 20px;
}

.contact-social-wrap {
  padding-top: 10px;
}

.contact-social-wrap.hide {
  display: none;
}

.contact-detail-item {
  align-items: center;
  margin-bottom: 10px;
  display: flex;
}

.map {
  border-radius: 20px;
  max-height: 350px;
}

.map-magas {
  border-radius: 20px;
}

.center {
  text-align: center;
  margin-bottom: 22px;
}

.blue {
  color: #00539f;
}

.footer-grid {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}

.grid-7 {
  text-align: center;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  place-items: center;
}

.grid-8 {
  text-align: center;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  place-items: center;
}

.szechenyi_kep {
  width: 400px;
}

.line {
  border-top: 1px solid #405fb6;
  width: 80%;
  height: 20px;
  margin-left: auto;
  margin-right: auto;
}

.video {
  margin-top: 40px;
  margin-left: auto;
  margin-right: auto;
}

.right-radius-image {
  border-radius: 0 326px 0 123px;
}

.right-radius-image.small {
  border-top-right-radius: 100px;
  border-bottom-left-radius: 60px;
}

.container-3 {
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 40px;
  padding-right: 40px;
  display: block;
}

.intro-icon-wrap {
  background-color: #f4f0ec;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 93px;
  min-width: 93px;
  height: 93px;
  min-height: 93px;
  margin-right: 10px;
  display: flex;
}

.intro-icon-wrap.small {
  background-color: #fff;
  width: 50px;
  min-width: 50px;
  height: 50px;
  min-height: 50px;
  margin-right: 0;
  padding: 10px;
}

.call-link {
  color: #4d5053;
  font-size: 24px;
  font-weight: 700;
  transition: color .2s;
}

.call-link:hover {
  color: #152461;
}

.intro-section {
  padding-top: 80px;
  padding-bottom: 80px;
}

.intro-section.hide {
  display: none;
}

.intro-section.color-bg {
  background-color: #f4f0ec;
}

.intro-section-title {
  color: #292f36;
  font-size: 40px;
  line-height: 1.3;
}

.varilux-div.right {
  text-align: right;
  position: relative;
  inset: 0% auto auto;
}

.varilux-div.hide {
  display: none;
}

.intro-quick-link-wrap {
  align-items: center;
  padding-top: 10px;
  padding-bottom: 40px;
  display: flex;
}

.intro-quick-link-wrap.vertical {
  grid-column-gap: 18px;
  grid-row-gap: 18px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
}

.intro-call-wrap {
  margin-left: 10px;
}

.varilux {
  width: 200px;
  margin-bottom: -31px;
}

.intro-content-wrap {
  padding-right: 60px;
}

.intro-grid-wrap {
  grid-column-gap: 16px;
  grid-template-rows: auto;
  align-items: center;
}

.intro-content {
  padding-top: 30px;
  padding-bottom: 20px;
}

.intro-content.bold {
  text-transform: uppercase;
  padding-bottom: 0;
  font-size: 18px;
  font-weight: 700;
}

.intro-content-wrap-right {
  padding-left: 60px;
}

.button-3 {
  border-radius: 9px;
}

.button-3.spacing {
  margin-bottom: 30px;
}

.red {
  color: #b00;
}

.alt-text {
  font-size: 12px;
  line-height: 15px;
}

.hirdetes {
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-top: 100px;
  display: flex;
}

.hirdetes-detail-wrap {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  background-color: var(--alice-blue);
  opacity: .6;
  border-radius: 20px;
  justify-content: center;
  align-items: center;
  padding: 20px 40px;
  transition: opacity .4s;
  display: flex;
}

.hirdetes-detail-wrap:hover {
  opacity: 100;
}

.hirdetes-detail-wrap.nyitvatartas {
  border-radius: 20px;
  margin-top: 18px;
  padding-bottom: 20px;
  padding-right: 30px;
}

.hirdetes-detail-wrap.white {
  background-color: #fff;
}

@media screen and (min-width: 1280px) {
  .container {
    max-width: 1200px;
    padding-left: 0;
    padding-right: 0;
  }

  .hero-wrap-description {
    text-align: left;
  }

  .hero-content-area {
    text-align: right;
    width: 40%;
  }

  .service-section {
    padding-top: 60px;
    padding-bottom: 40px;
  }

  .section-title {
    font-size: 45px;
  }

  .testimonial-section {
    padding-top: 60px;
    padding-bottom: 80px;
  }

  .call-to-action-section {
    padding-top: 60px;
  }

  .banner-title-area.termekek-page {
    background-image: url('../images/termekek-bg.jpg');
  }

  .lets-talk-section {
    padding-top: 100px;
    padding-bottom: 80px;
  }

  .professionals-section {
    padding-top: 120px;
    padding-bottom: 60px;
  }

  .professionals-section.about-page {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .about-grid-wrap.about-toggle {
    padding-bottom: 100px;
  }

  .about-section, .pic-text-section {
    padding-top: 60px;
    padding-bottom: 40px;
  }

  .changelog-section {
    padding-top: 140px;
    padding-bottom: 100px;
  }

  .contact-page-form {
    padding-top: 100px;
    padding-bottom: 80px;
  }

  .container-3 {
    max-width: 1200px;
    padding-left: 0;
    padding-right: 0;
  }

  .intro-section {
    padding-top: 60px;
    padding-bottom: 80px;
  }
}

@media screen and (min-width: 1440px) {
  .container {
    max-width: 1200px;
  }

  .hero-section {
    padding-bottom: 250px;
  }

  .service-section {
    padding-top: 100px;
  }

  .section-title {
    font-size: 45px;
  }

  .testimonial-content-wrap {
    padding-top: 90px;
    padding-bottom: 120px;
  }

  .lets-talk-section {
    padding-top: 140px;
    padding-bottom: 100px;
  }

  .professionals-section {
    padding-top: 140px;
    padding-bottom: 80px;
  }

  .professionals-section.about-page {
    padding-bottom: 80px;
  }

  .about-section, .pic-text-section {
    padding-top: 60px;
    padding-bottom: 50px;
  }

  .changelog-section {
    padding-top: 160px;
    padding-bottom: 120px;
  }

  .contact-page-form {
    padding-top: 140px;
    padding-bottom: 100px;
  }

  .container-3 {
    max-width: 1200px;
  }
}

@media screen and (min-width: 1920px) {
  .container {
    max-width: 1200px;
    padding-left: 0;
    padding-right: 0;
  }

  .nav-link {
    transition: color .2s;
  }

  .hero-section {
    border-radius: 0 0 0 290px;
    padding-top: 100px;
    padding-bottom: 360px;
  }

  .hero-content-wrap {
    flex-direction: row;
    align-items: center;
    padding-left: 124px;
  }

  .hero-small {
    float: right;
  }

  .hero-content-area {
    width: 50%;
  }

  .service-section {
    padding-top: 140px;
    padding-bottom: 70px;
  }

  .section-title {
    font-size: 45px;
  }

  .testimonial-content-wrap {
    padding-top: 80px;
    padding-bottom: 110px;
  }

  .testimonial-section {
    padding-top: 120px;
    padding-bottom: 100px;
  }

  .call-to-action-section {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .call-to-action-wrap {
    padding-top: 85px;
    padding-bottom: 85px;
  }

  .footer-section {
    background-color: #0000;
    padding-top: 50px;
  }

  .banner-title-area.kapcsolat-page {
    background-position: 50% 20%;
  }

  .lets-talk-section {
    padding-top: 140px;
    padding-bottom: 100px;
  }

  .professionals-section {
    padding-top: 160px;
    padding-bottom: 100px;
  }

  .professionals-section.about-page {
    padding-top: 130px;
    padding-bottom: 140px;
  }

  .about-grid-wrap.about-toggle {
    padding-bottom: 140px;
  }

  .about-section, .pic-text-section {
    padding-top: 60px;
    padding-bottom: 50px;
  }

  .changelog-section {
    padding-top: 160px;
    padding-bottom: 120px;
  }

  .figyelem-block {
    border-radius: 35px;
  }

  .contact-page-form {
    padding-top: 140px;
    padding-bottom: 100px;
  }

  .container-3 {
    max-width: 1200px;
    padding-left: 0;
    padding-right: 0;
  }

  .intro-section {
    padding-top: 100px;
    padding-bottom: 100px;
  }
}

@media screen and (max-width: 991px) {
  .telefon_ico {
    width: 100px;
  }

  .container {
    width: 100%;
    padding-left: 30px;
    padding-right: 30px;
  }

  .nav-menu {
    background-color: var(--alice-blue);
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .menu-icon {
    color: #fff;
  }

  .dropdown-list.w--open {
    background-color: #f4f0ec;
    padding-bottom: 10px;
    position: static;
  }

  .brand, .brand.w--current {
    padding-left: 0;
  }

  .nav-link {
    color: var(--dark-slate-blue);
  }

  .menu-button {
    background-color: #810002;
    border-radius: 15px;
    margin-right: 10px;
    padding: 12px;
  }

  .menu-button.w--open {
    color: #141414;
    -webkit-text-fill-color: inherit;
    background-color: #292f36;
    background-clip: padding-box;
  }

  .hero-section {
    background-image: linear-gradient(142deg, #ffffffba 26%, #423d3d00 66%), url('../images/optika_hero.webp');
    background-position: 0 0, 50%;
    background-size: auto, cover;
    border-bottom-left-radius: 0;
    padding-top: 50px;
    padding-bottom: 170px;
  }

  .hero-wrap-title {
    font-size: 30px;
    line-height: 1.2;
  }

  .hero-content-wrap {
    flex-direction: column;
  }

  .hero-content-area {
    width: 60%;
  }

  .service-grid-wrap {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  .service-section {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .client-image-wrap {
    padding-bottom: 40px;
  }

  .section-title.text-center {
    font-size: 40px;
  }

  .client-gird-wrap {
    grid-template-columns: 1fr 1fr;
  }

  .forgalmazott-markak-slider {
    height: auto;
  }

  .call-to-action-section, .call-to-action-wrap {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .call-to-action-title {
    line-height: 60px;
  }

  .footer-link {
    margin-bottom: 20px;
  }

  .footer-widget-wrap {
    width: 40%;
  }

  .footer-widget-wrap.footer-widget-left {
    width: 55%;
  }

  .copyright-wrap {
    padding-left: 30px;
    padding-right: 30px;
  }

  .banner-title {
    font-size: 48px;
  }

  .lets-talk-section {
    padding-top: 80px;
    padding-bottom: 60px;
  }

  .service-intro-grid {
    grid-template-columns: 1fr;
  }

  .service-intro-grid.half {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  .service-intro-title {
    font-size: 45px;
  }

  .professionals-grid {
    grid-template-columns: 1fr 1fr;
  }

  .professionals-grid.about-page-professionals {
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 1fr 1fr 1fr;
  }

  .professionals-section {
    padding-top: 100px;
  }

  .professionals-section.about-page {
    padding-top: 100px;
    padding-bottom: 80px;
  }

  .about-grid-wrap {
    grid-template-columns: 1fr;
  }

  .about-grid-wrap.about-toggle {
    grid-template-columns: 1fr;
    padding-bottom: 60px;
  }

  .about-heading {
    margin-bottom: 0;
    font-size: 41px;
    line-height: 1.2;
  }

  .about-content {
    padding-bottom: 10px;
  }

  .about-content-wrap {
    padding-bottom: 20px;
    padding-right: 0;
  }

  .about-content-wrap.left-spacing, .about-content-wrap.right-spacing {
    margin-left: 0%;
  }

  .about-section, .pic-text-section {
    padding-bottom: 20px;
  }

  .about-heading-kiemeles {
    margin-bottom: 0;
    font-size: 41px;
    line-height: 1.2;
  }

  .szolgaltatasok-grid {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  .changelog-section {
    padding-top: 100px;
    padding-bottom: 80px;
  }

  .changelog-wrap {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .grid-6 {
    margin-left: 0;
    margin-right: 0;
  }

  .contact-detail-wrap {
    margin-bottom: 10px;
    margin-right: 0;
  }

  .figyelem-block {
    padding-top: 30px;
    padding-bottom: 20px;
  }

  .szolgaltatas-leiras {
    width: 80%;
  }

  .contact-page-form {
    padding-top: 80px;
  }

  .grid-5 {
    grid-template-columns: .25fr 1fr;
    justify-items: center;
  }

  .contact-page-grid {
    grid-template-columns: 1fr;
  }

  .contact-detail-item {
    justify-content: center;
  }

  .dropdown-2 {
    display: block;
  }

  .footer-grid {
    grid-template-columns: 1fr;
  }

  .szechenyi_kep {
    width: 300px;
  }

  .right-radius-image {
    max-width: 70%;
  }

  .container-3 {
    width: 100%;
    padding-left: 30px;
    padding-right: 30px;
  }

  .intro-section {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .intro-section-title {
    font-size: 32px;
  }

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

  .intro-quick-link-wrap {
    justify-content: center;
  }

  .varilux {
    margin-bottom: -21px;
    margin-left: auto;
    margin-right: auto;
  }

  .intro-content-wrap {
    text-align: center;
    padding-bottom: 40px;
    padding-right: 0;
  }

  .intro-grid-wrap {
    grid-template-columns: 1fr;
  }

  .intro-content {
    text-align: center;
    padding-top: 10px;
    font-size: 20px;
  }

  .intro-content-wrap-right {
    text-align: center;
    padding-bottom: 40px;
    padding-left: 0;
    padding-right: 0;
  }

  .link-block {
    text-align: center;
  }

  .hirdetes-detail-wrap {
    margin-bottom: 10px;
    margin-right: 0;
  }
}

@media screen and (max-width: 767px) {
  .container {
    padding-left: 30px;
    padding-right: 30px;
  }

  .nav-menu {
    background-color: #f4f0ec;
    padding-left: 20px;
    padding-right: 20px;
  }

  .menu-button {
    margin-right: 0;
  }

  .button.banner-button {
    padding: 15px 60px 15px 28px;
    font-size: 15px;
  }

  .hero-section {
    padding-top: 25px;
    padding-bottom: 145px;
  }

  .hero-wrap-title {
    margin-bottom: 15px;
    font-size: 30px;
    line-height: 1.1;
  }

  .hero-small {
    font-size: 18px;
  }

  .hero-wrap-description {
    font-size: 13px;
    line-height: 1.4;
  }

  .service-grid-wrap {
    grid-template-columns: 1fr;
  }

  .service-item {
    padding-top: 40px;
    padding-bottom: 50px;
  }

  .section-title.center-small-space {
    font-size: 35px;
  }

  .section-title.text-center {
    padding-bottom: 20px;
    font-size: 36px;
  }

  .testimonial-content-wrap {
    padding: 60px 40px 80px;
  }

  .testimonial-section {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .call-to-action-section {
    padding-top: 40px;
  }

  .call-to-action-wrap {
    padding-left: 30px;
    padding-right: 30px;
  }

  .call-to-action-title {
    font-size: 39px;
  }

  .call-to-action-content {
    font-size: 20px;
  }

  .button-2.banner-button {
    padding: 15px 60px 15px 28px;
    font-size: 15px;
  }

  .footer-link {
    margin-bottom: 10px;
    font-size: 15px;
  }

  .footer-social-link {
    float: none;
  }

  .footer-social-wrap {
    text-align: center;
  }

  .copyright-content {
    font-size: 15px;
  }

  .footer-widget-wrap {
    float: none;
    text-align: center;
    width: 100%;
    margin-bottom: 20px;
    padding-right: 0;
  }

  .footer-widget-wrap.footer-widget-left {
    float: none;
    text-align: center;
    width: 100%;
  }

  .footer-logo {
    width: 200px;
  }

  .footer-intro-content, .footer-address {
    font-size: 15px;
  }

  .banner-content-wrap {
    width: 100%;
    min-width: 100%;
    padding-top: 20px;
  }

  .banner-title {
    font-size: 40px;
  }

  .breadcrumb-link, .breadcrumb-separator {
    font-size: 14px;
  }

  .service-intro-title {
    font-size: 40px;
  }

  .professionals-grid {
    grid-template-columns: 1fr;
  }

  .professionals-grid.about-page-professionals {
    grid-template-rows: auto auto auto auto auto auto;
    grid-template-columns: 1fr 1fr;
  }

  .professionals-grid.about-page-professionals.nagy {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
  }

  .professionals-section {
    padding-top: 80px;
    padding-bottom: 40px;
  }

  .grid._1 {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr 1fr 1fr;
  }

  .about-heading {
    font-size: 35px;
  }

  .about-section, .pic-text-section {
    padding-top: 40px;
  }

  .about-heading-kiemeles {
    font-size: 45px;
  }

  .about-heading-kiemeles.center {
    font-size: 30px;
  }

  .szolgaltatasok-grid {
    grid-template-columns: 1fr;
  }

  .service-item-2 {
    padding-top: 40px;
    padding-bottom: 50px;
  }

  .changelog-wrap {
    border-radius: 50px;
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .markak-grid {
    grid-template-rows: auto auto auto auto auto auto auto;
    grid-template-columns: 1fr 1fr 1fr;
    padding-left: 20px;
    padding-right: 20px;
  }

  .contact-detail-wrap {
    margin-right: 0;
  }

  .contact-link {
    text-align: center;
    padding-top: 10px;
  }

  .figyelem-block {
    padding-top: 20px;
    padding-bottom: 10px;
  }

  .szolgaltatas-leiras {
    width: 90%;
  }

  .contact-page-form {
    padding: 60px 40px;
  }

  .grid-5 {
    text-align: center;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    justify-items: center;
  }

  .contact-icon-wrap.no-space {
    display: none;
  }

  .contact-social-wrap {
    text-align: center;
  }

  .contact-detail-item {
    flex-direction: column;
    align-items: center;
  }

  .right-radius-image {
    max-width: 100%;
  }

  .container-3 {
    padding-left: 30px;
    padding-right: 30px;
  }

  .intro-content {
    font-size: 20px;
  }

  .hirdetes-detail-wrap {
    opacity: .8;
    text-align: center;
    flex-flow: column;
    max-width: 80%;
    margin-right: 0;
  }
}

@media screen and (max-width: 479px) {
  .container {
    padding-left: 20px;
    padding-right: 20px;
  }

  .nav-menu, .dropdown-list.w--open {
    background-color: #f4f0ec;
  }

  .brand {
    width: 160px;
    margin-top: -1px;
    margin-left: 0;
  }

  .top-bar-header-area {
    z-index: 5;
    position: relative;
  }

  .menu-button {
    margin-right: 0;
  }

  .menu-button.w--open {
    background-color: #292f36;
  }

  .button {
    background-position: 93%;
    padding-left: 15px;
    padding-right: 40px;
    font-size: 17px;
  }

  .button.banner-button {
    background-position: 88%;
    padding-left: 20px;
    padding-right: 50px;
    font-size: 12px;
  }

  .hero-section {
    padding-top: 10px;
    padding-bottom: 150px;
  }

  .hero-wrap-title {
    font-size: 20px;
  }

  .hero-small {
    float: right;
    font-size: 13px;
  }

  .hero-wrap-description {
    font-size: 12px;
    line-height: 1.2;
    display: none;
  }

  .hero-content-area {
    width: 90%;
    padding-right: 20px;
  }

  .service-content {
    font-size: 15px;
  }

  .service-item {
    padding: 20px 20px 30px;
  }

  .client-image-wrap {
    width: 80px;
  }

  .section-title {
    font-size: 34px;
  }

  .section-title.center-small-space {
    font-size: 30px;
  }

  .section-title.text-center {
    font-size: 30px;
    line-height: 1.2;
  }

  .testimonial-content-wrap {
    padding: 40px 20px 60px;
  }

  .client-gird-wrap {
    grid-column-gap: 10px;
    grid-row-gap: 0px;
    grid-template-columns: 1fr 1fr;
  }

  .call-to-action-title {
    font-size: 30px;
  }

  .call-to-action-content {
    font-size: 18px;
  }

  .button-2 {
    background-position: 93%;
    padding-left: 15px;
    padding-right: 40px;
    font-size: 17px;
  }

  .button-2.banner-button {
    background-position: 88%;
    padding-left: 20px;
    padding-right: 50px;
    font-size: 12px;
  }

  .footer-link {
    font-size: 13px;
  }

  .footer-social-link {
    float: none;
    margin-top: 7px;
  }

  .footer-social-wrap {
    text-align: center;
  }

  .copyright-content {
    font-size: 13px;
  }

  .footer-widget-wrap {
    float: none;
    text-align: center;
    width: 100%;
  }

  .footer-widget-wrap.footer-widget-left {
    float: none;
    text-align: center;
  }

  .copyright-wrap {
    padding-left: 20px;
    padding-right: 20px;
  }

  .footer-logo {
    width: 160px;
  }

  .footer-intro-content {
    font-size: 13px;
    line-height: 15px;
  }

  .footer-address {
    font-size: 13px;
  }

  .zeiss_logo {
    flex-direction: column;
    width: 40px;
    margin-left: auto;
    margin-right: auto;
  }

  .banner-content-wrap {
    padding-top: 15px;
    padding-bottom: 20px;
  }

  .text-block {
    font-size: 15px;
  }

  .banner-title {
    font-size: 30px;
  }

  .breadcrumb-link {
    font-size: 15px;
  }

  .breadcrumb-separator {
    padding-left: 2px;
    padding-right: 2px;
    font-size: 15px;
  }

  .banner-title-area.szolgaltatas-page {
    background-position: 25%;
  }

  .banner-title-area.termekek-page, .banner-title-area.szemuvegkeret-page {
    background-position: 100%;
  }

  .banner-title-area.kapcsolat-page {
    background-position: 54%;
  }

  .service-intro-title {
    font-size: 35px;
  }

  .professionals-grid.about-page-professionals {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
  }

  .professionals-section.about-page {
    padding-top: 80px;
  }

  .professionals-listing-image {
    height: 150px;
  }

  .map_title {
    font-size: 12px;
  }

  .grid {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr 1fr 1fr;
  }

  .grid-bankkartya {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr 1fr;
  }

  .about-grid-wrap, .about-grid-wrap.about-toggle {
    padding-bottom: 60px;
  }

  .about-image {
    border-radius: 35px;
  }

  .about-heading-kiemeles {
    font-size: 35px;
  }

  .service-item-2 {
    padding: 20px 20px 30px;
  }

  .changelog-section {
    padding-top: 80px;
    padding-bottom: 60px;
  }

  .changelog-wrap {
    border-radius: 35px;
    padding-top: 60px;
    padding-bottom: 40px;
  }

  .termekek-leiras {
    padding-left: 10px;
    padding-right: 10px;
    font-size: 20px;
  }

  .markak-grid {
    grid-template-rows: auto auto auto auto auto auto auto auto auto auto;
    grid-template-columns: 1fr 1fr;
    padding-left: 10px;
    padding-right: 10px;
  }

  .grid-6 {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
  }

  .contact-link {
    text-align: center;
    font-size: 16px;
  }

  .figyelem-block {
    padding-top: 20px;
    padding-bottom: 10px;
  }

  .szolgaltatas-leiras {
    font-size: 20px;
  }

  .grid-5 {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  .contact-detail-item {
    flex-direction: column;
  }

  .grid-7 {
    grid-template-columns: 1fr;
  }

  .szechenyi_kep {
    width: 60%;
    margin-left: auto;
  }

  .video {
    margin-top: 20px;
  }

  .right-radius-image {
    border-top-right-radius: 100px;
    border-bottom-left-radius: 60px;
  }

  .container-3 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .intro-icon-wrap {
    margin-bottom: 10px;
    margin-left: auto;
    margin-right: auto;
  }

  .intro-icon-wrap.small {
    margin-left: auto;
    margin-right: auto;
  }

  .intro-section-title {
    line-height: 1.3;
  }

  .intro-quick-link-wrap {
    flex-direction: column;
    align-items: flex-start;
  }

  .intro-call-wrap {
    margin-left: auto;
    margin-right: auto;
  }

  .intro-content-wrap {
    padding-right: 0;
  }

  .intro-content-wrap-right {
    padding-left: 0;
    padding-right: 0;
  }

  .cell {
    justify-content: center;
    align-items: center;
  }

  .hirdetes {
    margin-top: 200px;
    margin-bottom: -100px;
  }
}

#w-node-_65f4f335-989b-05e6-b06e-90f5105b9c86-6fcc5c6b {
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
}

#w-node-_7b05c76f-f905-0da8-b0ab-ee42b42ab520-6fcc5c6b, #w-node-_7b05c76f-f905-0da8-b0ab-ee42b42ab51a-6fcc5c6b, #w-node-_7b05c76f-f905-0da8-b0ab-ee42b42ab51c-6fcc5c6b, #w-node-_7b05c76f-f905-0da8-b0ab-ee42b42ab51e-6fcc5c6b, #w-node-_7b05c76f-f905-0da8-b0ab-ee42b42ab522-6fcc5c6b, #w-node-_7b05c76f-f905-0da8-b0ab-ee42b42ab524-6fcc5c6b, #w-node-_7b05c76f-f905-0da8-b0ab-ee42b42ab526-6fcc5c6b, #w-node-_7b05c76f-f905-0da8-b0ab-ee42b42ab528-6fcc5c6b, #w-node-_7b05c76f-f905-0da8-b0ab-ee42b42ab52a-6fcc5c6b, #w-node-fd0efd65-a61b-3ba1-256b-d7e129e9b3f7-6fcc5c6b, #w-node-_13da2a06-79dc-44a9-bf17-4758e8149484-6fcc5c6b, #w-node-_99468e89-19ed-54e5-d15d-20710fdeba39-6fcc5c6b, #w-node-dd9d2c22-1169-392d-afea-972db5c5ba86-6fcc5c6b, #w-node-_0913e824-abca-41d5-575d-8d1a7d34f38d-6fcc5c6b, #w-node-_25522800-0e31-a7a7-ed28-39d8edf82699-6fcc5c6b, #w-node-_7b05c76f-f905-0da8-b0ab-ee42b42ab52e-6fcc5c6b, #w-node-_7b05c76f-f905-0da8-b0ab-ee42b42ab530-6fcc5c6b, #w-node-_7b05c76f-f905-0da8-b0ab-ee42b42ab532-6fcc5c6b, #w-node-_7b05c76f-f905-0da8-b0ab-ee42b42ab53a-6fcc5c6b, #w-node-_7b05c76f-f905-0da8-b0ab-ee42b42ab53c-6fcc5c6b, #w-node-_7b05c76f-f905-0da8-b0ab-ee42b42ab53e-6fcc5c6b, #w-node-_170e9c74-7e68-33d9-fafa-68161afdfc92-6fcc5c6b {
  align-self: center;
}

#w-node-cd7204b2-2518-4109-c34b-d9733e919a14-1b9a970a {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_6e6fb1b7-ed1b-1a20-654d-e95d6cd6b5f2-1b9a970a, #w-node-_083a4242-b4cd-5a59-57c8-0b23335ef9b2-1b9a970a, #w-node-fc38ee65-a36e-7ffe-08f0-97cabbdfe308-1b9a970a, #w-node-_84c7ded4-a441-4dfd-9c9e-9af6c20d86d8-1b9a970a {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-c54fa486-9f85-ab7b-c96e-4b959e4a03fc-1b9a970a {
  align-self: end;
}

#w-node-bc6f4195-1f6f-9cba-be64-891302105b29-78cc5c6c, #w-node-bc6f4195-1f6f-9cba-be64-891302105b2a-78cc5c6c, #w-node-bc6f4195-1f6f-9cba-be64-891302105b2b-78cc5c6c, #w-node-_5aa416f5-b25b-3f14-d099-7a6f490f4aee-78cc5c6c, #w-node-d3a2951b-375d-4254-a64c-30f225ef3807-78cc5c6c {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_5ed8e540-83f2-63cc-5967-08154193c878-accc5c6d, #w-node-_5ed8e540-83f2-63cc-5967-08154193c879-accc5c6d {
  align-self: start;
}

#w-node-_5ed8e540-83f2-63cc-5967-08154193c897-accc5c6d {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: center;
}

#w-node-_5ed8e540-83f2-63cc-5967-08154193c898-accc5c6d {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
}

#w-node-_74274554-f41a-d1e1-05a2-f8db9d4441c2-accc5c6d, #w-node-_74274554-f41a-d1e1-05a2-f8db9d4441c3-accc5c6d {
  align-self: start;
}

#w-node-_74274554-f41a-d1e1-05a2-f8db9d4441df-accc5c6d {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: center;
}

#w-node-_74274554-f41a-d1e1-05a2-f8db9d4441e0-accc5c6d {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
}

#w-node-_7596cd7e-9c49-4da0-a8cb-c690a004ea5e-accc5c6d {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_0e52be8c-42e0-f598-df9d-ba17e30c5e60-accc5c6d, #w-node-_0e52be8c-42e0-f598-df9d-ba17e30c5e61-accc5c6d {
  align-self: start;
}

#w-node-_0e52be8c-42e0-f598-df9d-ba17e30c5e7b-accc5c6d {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: center;
}

#w-node-_0e52be8c-42e0-f598-df9d-ba17e30c5e7c-accc5c6d {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
}

#w-node-_9b23a378-0548-0f4b-7627-dd2454fe64cb-accc5c6d {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_58e69426-e0b2-10f1-923c-bb03e40ae40f-accc5c6d, #w-node-_58e69426-e0b2-10f1-923c-bb03e40ae410-accc5c6d {
  align-self: start;
}

#w-node-_58e69426-e0b2-10f1-923c-bb03e40ae42a-accc5c6d {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: center;
}

#w-node-_58e69426-e0b2-10f1-923c-bb03e40ae42b-accc5c6d {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
}

#w-node-_7fa9583f-dcc1-4cd6-d973-156725f4ebfe-accc5c6d {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_6f4e5bb6-b912-9dc3-a48f-ab05482c8257-2fcc5c6e, #w-node-_6f4e5bb6-b912-9dc3-a48f-ab05482c8259-2fcc5c6e {
  grid-area: span 1 / span 4 / span 1 / span 4;
}

#w-node-_28c42bb2-3549-d981-9d5e-92795d048f61-2fcc5c6e, #w-node-_7caf00e0-1984-1087-9e51-9261a1440765-2fcc5c6e, #w-node-_5ee4d50d-a1c9-b8cc-c1d2-ee7e2aae3550-2fcc5c6e, #w-node-_3b6afd27-5aa0-ccbb-a4a0-f8ee384a900c-2fcc5c6e, #w-node-bb67f419-2ca9-3ac5-6768-2ed4b7127f3b-2fcc5c6e, #w-node-a58396ac-e761-1f3c-1b4c-226c57c6509d-2fcc5c6e, #w-node-_306ddee4-be65-b6d5-f443-ab9685d98943-2fcc5c6e, #w-node-d9834dd5-1048-e3df-4d1d-1c49b9f4edff-2fcc5c6e, #w-node-c2b628a7-1616-4735-bdae-98350d4b416c-2fcc5c6e, #w-node-c76b07a2-3bad-757f-4a55-caf116ccf0ff-2fcc5c6e {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-b0198a0c-84d2-724a-667c-cc8d00c8633e-2fcc5c6e {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-b0198a0c-84d2-724a-667c-cc8d00c86342-2fcc5c6e, #w-node-b0198a0c-84d2-724a-667c-cc8d00c86343-2fcc5c6e, #w-node-b0198a0c-84d2-724a-667c-cc8d00c86344-2fcc5c6e, #w-node-b0198a0c-84d2-724a-667c-cc8d00c86345-2fcc5c6e, #w-node-b0198a0c-84d2-724a-667c-cc8d00c86346-2fcc5c6e, #w-node-b0198a0c-84d2-724a-667c-cc8d00c86347-2fcc5c6e, #w-node-b0198a0c-84d2-724a-667c-cc8d00c86348-2fcc5c6e, #w-node-b0198a0c-84d2-724a-667c-cc8d00c86349-2fcc5c6e, #w-node-b0198a0c-84d2-724a-667c-cc8d00c8634a-2fcc5c6e {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_42441c93-d7d1-f437-df11-117cc1cbcb18-79cc5c6f, #w-node-_42441c93-d7d1-f437-df11-117cc1cbcb27-79cc5c6f, #w-node-_42441c93-d7d1-f437-df11-117cc1cbcb25-79cc5c6f, #w-node-_42441c93-d7d1-f437-df11-117cc1cbcb14-79cc5c6f, #w-node-_42441c93-d7d1-f437-df11-117cc1cbcb17-79cc5c6f, #w-node-_42441c93-d7d1-f437-df11-117cc1cbcb1a-79cc5c6f, #w-node-_42441c93-d7d1-f437-df11-117cc1cbcb21-79cc5c6f, #w-node-_42441c93-d7d1-f437-df11-117cc1cbcb15-79cc5c6f, #w-node-ee247acf-6fbe-1f85-077b-bc0de8737ff5-79cc5c6f, #w-node-_42441c93-d7d1-f437-df11-117cc1cbcb1c-79cc5c6f, #w-node-_3b0347f1-7f05-3ea0-185d-b3696a415464-79cc5c6f, #w-node-_42441c93-d7d1-f437-df11-117cc1cbcb1d-79cc5c6f, #w-node-_88c38afb-eeb6-7f59-cd45-17a4fa32206b-79cc5c6f, #w-node-_2d1f7d8a-f809-29dc-3133-ee82a944ac10-79cc5c6f, #w-node-_816ee148-0e9d-3d20-0f99-67c5b65038eb-79cc5c6f, #w-node-b921bd7f-1341-0b6d-b70b-72b486d95bf9-79cc5c6f, #w-node-ce8ab956-0fe4-31cc-173a-0fd1c1314b85-79cc5c6f, #w-node-_42441c93-d7d1-f437-df11-117cc1cbcb23-79cc5c6f, #w-node-_7fbccc95-4327-87c4-9530-1e3115138615-79cc5c6f, #w-node-_2aacf7be-e6c8-bcba-7b43-4fb9fc004dec-79cc5c6f, #w-node-_42441c93-d7d1-f437-df11-117cc1cbcb26-79cc5c6f, #w-node-_22c8712b-1b00-4792-55ea-2891c693c159-79cc5c6f {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: center;
}

#w-node-_7fe7c2d8-ae0b-75d1-19b4-e3937d1254c5-7fcc5c71, #w-node-d09f6a18-88f3-4ed4-1a41-d7fed69b5b2a-7fcc5c71, #w-node-_60a80265-2f64-b848-b53d-8a7d2169ea27-7fcc5c71 {
  order: 9999;
}

@media screen and (max-width: 991px) {
  #w-node-_48942473-ab30-2527-8348-6d95e91e3a03-6fcc5c6b {
    grid-area: span 1 / span 2 / span 1 / span 2;
    justify-self: center;
  }

  #w-node-_48942473-ab30-2527-8348-6d95e91e39ec-6fcc5c6b {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-c3a3bddf-ff9e-0efa-9865-1555f6f9c6d8-6fcc5c6b {
    grid-area: span 1 / span 2 / span 1 / span 2;
    justify-self: center;
  }

  #w-node-c3a3bddf-ff9e-0efa-9865-1555f6f9c6c1-6fcc5c6b, #w-node-_128aa874-4182-541e-13e1-3bd52e82e631-6fcc5c6b {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-ac4f8bd8-a4c0-91f9-33b4-2992e57600d0-6fcc5c6b {
    grid-area: span 1 / span 2 / span 1 / span 2;
    place-self: center;
  }

  #w-node-_128aa874-4182-541e-13e1-3bd52e82e648-6fcc5c6b {
    grid-area: span 1 / span 2 / span 1 / span 2;
    justify-self: center;
  }

  #w-node-_7eae3847-b5a1-ebb2-d53d-cfcd1b9a970d-1b9a970a {
    grid-area: span 1 / span 1 / span 1 / span 1;
    justify-self: center;
  }

  #w-node-cd7204b2-2518-4109-c34b-d9733e919a14-1b9a970a {
    grid-column: span 1 / span 1;
  }

  #w-node-c54fa486-9f85-ab7b-c96e-4b959e4a03fc-1b9a970a {
    justify-self: center;
  }
}

@media screen and (max-width: 767px) {
  #w-node-b0198a0c-84d2-724a-667c-cc8d00c8633e-2fcc5c6e {
    grid-column: span 1 / span 1;
  }
}

@media screen and (max-width: 479px) {
  #w-node-_65f4f335-989b-05e6-b06e-90f5105b9c86-6fcc5c6b {
    grid-template-rows: auto;
    grid-template-columns: 1.75fr;
  }

  #w-node-_5ed8e540-83f2-63cc-5967-08154193c898-accc5c6d, #w-node-_74274554-f41a-d1e1-05a2-f8db9d4441e0-accc5c6d, #w-node-_0e52be8c-42e0-f598-df9d-ba17e30c5e7c-accc5c6d, #w-node-_58e69426-e0b2-10f1-923c-bb03e40ae42b-accc5c6d {
    justify-self: center;
  }

  #w-node-_6f4e5bb6-b912-9dc3-a48f-ab05482c8257-2fcc5c6e, #w-node-_6f4e5bb6-b912-9dc3-a48f-ab05482c8259-2fcc5c6e {
    grid-column: span 1 / span 1;
  }
}