/*
Theme Name: Surge Food Service

*/
@import url("https://use.typekit.net/qsb6nhs.css");
@keyframes modal-video {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes modal-video-inner {
  from {
    transform: translate(0, 100px);
  }
  to {
    transform: translate(0, 0);
  }
}
.modal-video {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.9);
  z-index: 1000000;
  cursor: pointer;
  opacity: 1;
  animation-timing-function: ease-out;
  animation-duration: 0.3s;
  animation-name: modal-video;
  -webkit-transition: opacity 0.3s ease-out;
  -moz-transition: opacity 0.3s ease-out;
  -ms-transition: opacity 0.3s ease-out;
  -o-transition: opacity 0.3s ease-out;
  transition: opacity 0.3s ease-out;
}

.modal-video-close {
  opacity: 0;
}

.modal-video-close .modal-video-movie-wrap {
  -webkit-transform: translate(0, 100px);
  -moz-transform: translate(0, 100px);
  -ms-transform: translate(0, 100px);
  -o-transform: translate(0, 100px);
  transform: translate(0, 100px);
}

.modal-video-body {
  max-width: 960px;
  width: 100%;
  height: 100%;
  margin: 0 auto;
  padding: 0 10px;
  display: flex;
  justify-content: center;
  box-sizing: border-box;
}

.modal-video-inner {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}

@media (orientation: landscape) {
  .modal-video-inner {
    padding: 10px 60px;
    box-sizing: border-box;
  }
}
.modal-video-movie-wrap {
  width: 100%;
  height: 0;
  position: relative;
  padding-bottom: 56.25%;
  background-color: #333;
  animation-timing-function: ease-out;
  animation-duration: 0.3s;
  animation-name: modal-video-inner;
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
  -webkit-transition: -webkit-transform 0.3s ease-out;
  -moz-transition: -moz-transform 0.3s ease-out;
  -ms-transition: -ms-transform 0.3s ease-out;
  -o-transition: -o-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
}

.modal-video-movie-wrap iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.modal-video-close-btn {
  position: absolute;
  z-index: 2;
  top: -45px;
  right: 0;
  display: inline-block;
  width: 35px;
  height: 35px;
  overflow: hidden;
  border: none;
  background: transparent;
}

@media (orientation: landscape) {
  .modal-video-close-btn {
    top: 0;
    right: -45px;
  }
}
.modal-video-close-btn:before {
  transform: rotate(45deg);
}

.modal-video-close-btn:after {
  transform: rotate(-45deg);
}

.modal-video-close-btn:before, .modal-video-close-btn:after {
  content: "";
  position: absolute;
  height: 2px;
  width: 100%;
  top: 50%;
  left: 0;
  margin-top: -1px;
  background: #fff;
  border-radius: 5px;
  margin-top: -6px;
}

html, body {
  position: relative;
}
html .containbox, body .containbox {
  border: 2px solid red;
  width: calc(100% - 40px);
  max-width: 1245px;
  margin: 0 auto;
  position: absolute;
  height: 100%;
  z-index: 999;
  left: 0;
  right: 0;
}

html,
body {
  position: relative;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  font-family: "greycliff-cf", sans-serif;
  color: #2C3032;
  -webkit-overflow-scrolling: touch;
  font-size: 16px;
  line-height: 30px;
  overflow-x: clip;
  scroll-behavior: smooth;
}
html.modal-open,
body.modal-open {
  overflow: hidden;
}

* {
  box-sizing: border-box;
}

h1, h2, h3, h4, h5 {
  font-family: "greycliff-cf", sans-serif;
  font-weight: 500;
  font-style: normal;
  margin: 0;
}

h1 {
  text-align: left;
  font-size: 64px;
  line-height: 70px;
  font-weight: 700;
  text-transform: uppercase;
  margin: 0 auto;
}

h2 {
  font-size: 48px;
  line-height: 58px;
  margin-bottom: 25px;
}
@media (max-width: 767px) {
  h2 {
    font-size: 28px;
    line-height: 34px;
  }
}

h3 {
  font-size: 24px;
  line-height: 30px;
  text-transform: uppercase;
  font-weight: 700;
}
@media (max-width: 767px) {
  h3 {
    font-size: 20px;
    line-height: 26px;
  }
}

.container {
  display: flex;
  position: relative;
  flex-wrap: wrap;
  max-width: 1245px;
  width: calc(100% - 40px);
  margin-left: auto;
  margin-right: auto;
}

.btn {
  background: #8A2624;
  padding: 10px 50px;
  border-radius: 5px;
  text-transform: uppercase;
  text-decoration: none;
  color: #2C3032;
  font-weight: 700;
}

.skip-to-content-link {
  background: #fff;
  left: 50%;
  padding: 10px;
  position: absolute;
  transform: translate(-50%, -100%);
  transition: transform 0.3s;
  z-index: 999999;
}

.skip-to-content-link:focus {
  transform: translate(-50%, 0%);
}

.mobile-only {
  display: block;
}
@media (min-width: 769px) {
  .mobile-only {
    display: none;
  }
}

.desktop-only {
  display: none;
}
@media (min-width: 769px) {
  .desktop-only {
    display: block;
  }
}

.grecaptcha-badge {
  display: none;
}

.play {
  transition: transform 3s;
  position: relative;
  margin: 0 auto;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
.play:before {
  background: url(/wp-content/themes/surge/assets/images/play.svg) no-repeat center center/85px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 400;
  content: "";
  scale: 1;
  -webkit-transition: all 0.7s ease-in;
  -moz-transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
}
@media (max-width: 767px) {
  .play:before {
    background-size: 45px;
  }
}
.play:hover {
  cursor: pointer;
}
.play:hover:before {
  -ms-transform: scale(1.25, 1.25);
  -webkit-transform: scale(1.25, 1.25);
  transform: scale(1.25, 1.25);
}
.play img {
  border-radius: 10px;
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.languagetab .container .language-switcher {
  border-left: 1px solid #8A2624;
  border-right: 1px solid #8A2624;
  border-bottom: 1px solid #8A2624;
  z-index: 99999;
  position: absolute;
  right: 10px;
  top: 0;
  background: #fff;
  padding: 5px 15px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}
.languagetab .container .language-switcher .wpml-ls-legacy-list-horizontal {
  padding: 0;
}
.languagetab .container .language-switcher ul {
  padding: 0;
  margin: 0;
  display: flex;
  align-items: center;
}
.languagetab .container .language-switcher ul li {
  display: flex;
  align-items: center;
  font-size: 16px;
  line-height: 16px;
}
.languagetab .container .language-switcher ul li.wpml-ls-current-language {
  font-weight: 700;
}
.languagetab .container .language-switcher ul li:first-child:after {
  content: "|";
  color: #8A2624;
  font-weight: 300;
}
.languagetab .container .language-switcher ul li a {
  padding: 0 5px;
  color: #8A2624;
}
.languagetab .container .language-switcher ul li a:hover {
  color: #2C3032;
  cursor: pointer;
}
.languagetab .container .language-switcher ul li a span {
  display: flex;
  padding: 0;
}

/*
Theme Name: Surge Food Service

*/
footer {
  background: #8A2624;
  color: #fff;
  padding: 0;
}
footer .container {
  align-items: center;
  justify-content: space-between;
}
footer .container .logo {
  width: 250px;
  height: 100px;
}
footer .container .logo svg {
  object-fit: contain;
  width: 100%;
  height: 100%;
}
footer .container .logo svg path {
  fill: #fff;
}
footer .container .footernav ul {
  display: flex;
}
footer .container .footernav ul li {
  display: inline-block;
  list-style: none;
  padding: 0;
  margin: 0;
}
footer .container .footernav ul li a {
  color: #fff;
  text-decoration: underline;
}

/*
Theme Name: Surge Food Service

*/
section.hero {
  position: relative;
  height: calc(100vh - 90px);
  max-height: 725px;
  display: flex;
  flex-direction: column;
}
@media (max-width: 1159px) {
  section.hero {
    height: calc(100vh - 180px);
  }
}
@media (max-width: 767px) {
  section.hero {
    min-height: 520px;
  }
}
section.hero .backgroundimage {
  position: absolute;
  width: 65%;
  height: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  overflow: hidden;
}
@media (max-width: 767px) {
  section.hero .backgroundimage {
    width: 100%;
    top: 40%;
    height: unset;
  }
}
section.hero .container {
  padding: 50px 0px;
  flex-direction: column;
}
@media (max-width: 767px) {
  section.hero .container {
    padding: 40px 0;
  }
}
section.hero .container.fullwidth {
  width: 100%;
  max-width: unset;
  margin: 0;
}
@media (max-width: 767px) {
  section.hero .container.fullwidth {
    padding: unset;
  }
}
section.hero .container .content {
  width: 50%;
  margin: auto 0;
  background: #8A2624;
  padding: 50px 80px 50px 0;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}
@media (max-width: 1279px) {
  section.hero .container .content {
    padding-left: 20px;
  }
}
@media (max-width: 767px) {
  section.hero .container .content {
    width: 90%;
    padding: 50px 20px;
  }
}
section.hero .container .logo {
  flex-basis: 0;
  position: relative;
  max-width: 250px;
}
section.hero .container .logo img {
  object-fit: contain;
  width: 100%;
  max-width: 150px;
}
@media (max-width: 767px) {
  section.hero .container .logo {
    max-height: 40px;
  }
  section.hero .container .logo img {
    height: 40px;
  }
}
section.hero .container .title {
  max-width: 540px;
  width: 100%;
  font-weight: 700;
  font-size: 64px;
  line-height: 70px;
  text-transform: uppercase;
  color: #E3E0DB;
  margin-bottom: 10px;
}
@media (max-width: 1279px) {
  section.hero .container .title {
    font-size: 5vw;
    line-height: 5.2vw;
  }
}
@media (max-width: 767px) {
  section.hero .container .title {
    font-size: 8vw;
    line-height: 8.2vw;
  }
}
section.hero .container .text {
  max-width: 540px;
  width: 100%;
  color: #fff;
  font-size: 20px;
  font-weight: 300;
  line-height: 30px;
}
@media (max-width: 1279px) {
  section.hero .container .text {
    font-size: 1.5vw;
    line-height: 2vw;
  }
}
@media (max-width: 767px) {
  section.hero .container .text {
    font-size: 4vw;
    line-height: 5.2vw;
  }
}
section.hero .bars {
  content: "";
  display: block;
  z-index: 999;
  width: 455px;
  height: 178px;
  position: absolute;
  right: 0;
  bottom: 0;
  transform: translate(50%, 50%);
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='456.596' height='177.107' viewBox='0 0 456.596 177.107'%3E%3Cdefs%3E%3CclipPath id='clip-path'%3E%3Cpath id='Path_23' data-name='Path 23' d='M0-33.677H456.6V-210.784H0Z' transform='translate(0 210.784)' fill='none'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg id='Group_37' data-name='Group 37' transform='translate(0 210.784)'%3E%3Cg id='Group_33' data-name='Group 33' transform='translate(0 -210.784)' clip-path='url(%23clip-path)'%3E%3Cg id='Group_29' data-name='Group 29' transform='translate(122.673 0)'%3E%3Cpath id='Path_19' data-name='Path 19' d='M-.959,0A5.041,5.041,0,0,0-6,5.041V39.235A5.041,5.041,0,0,0-.959,44.277h323.84a5.041,5.041,0,0,0,5.041-5.041V5.041A5.041,5.041,0,0,0,322.881,0Z' transform='translate(6)' fill='%23892623'/%3E%3C/g%3E%3Cg id='Group_30' data-name='Group 30' transform='translate(0 44.276)'%3E%3Cpath id='Path_20' data-name='Path 20' d='M-.959,0A5.041,5.041,0,0,0-6,5.041V39.235A5.041,5.041,0,0,0-.959,44.277H312.956A5.041,5.041,0,0,0,318,39.235V5.041A5.041,5.041,0,0,0,312.956,0Z' transform='translate(6)' fill='%23c17775'/%3E%3C/g%3E%3Cg id='Group_31' data-name='Group 31' transform='translate(63.017 88.553)'%3E%3Cpath id='Path_21' data-name='Path 21' d='M-.959,0A5.041,5.041,0,0,0-6,5.041V39.235A5.041,5.041,0,0,0-.959,44.277H168.734a5.042,5.042,0,0,0,5.041-5.041V5.041A5.042,5.042,0,0,0,168.734,0Z' transform='translate(6)' fill='%238ca39e'/%3E%3C/g%3E%3Cg id='Group_32' data-name='Group 32' transform='translate(175.977 132.83)'%3E%3Cpath id='Path_22' data-name='Path 22' d='M-.959,0A5.041,5.041,0,0,0-6,5.041V39.235A5.041,5.041,0,0,0-.959,44.277H168.734a5.042,5.042,0,0,0,5.041-5.041V5.041A5.042,5.042,0,0,0,168.734,0Z' transform='translate(6)' fill='%23d1a34c'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A") no-repeat center center/contain;
}
@media (max-width: 767px) {
  section.hero .bars {
    width: 375px;
  }
}

section.texthero .logo {
  padding: 50px 0;
}
section.texthero .title {
  max-width: 1000px;
  width: calc(100% - 40px);
  font-weight: 700;
  font-size: 48px;
  line-height: 55px;
  color: #2C3032;
  margin: 100px auto;
}
@media (max-width: 1279px) {
  section.texthero .title {
    font-size: 4vw;
    line-height: 5.2vw;
  }
}
@media (max-width: 767px) {
  section.texthero .title {
    font-size: 5vw;
    line-height: 5.2vw;
  }
}
section.texthero .text {
  width: 100%;
  color: #2C3032;
  font-size: 20px;
  font-weight: 300;
  line-height: 30px;
}
@media (max-width: 1279px) {
  section.texthero .text {
    font-size: 1.5vw;
    line-height: 2vw;
  }
}

/*
Theme Name: Surge Food Service

*/
section.centered-text {
  padding: 100px 0;
}
@media (max-width: 767px) {
  section.centered-text {
    padding: 100px 0 50px;
  }
}
section.centered-text.grey {
  background-color: #E3E0DB;
}
section.centered-text .container {
  text-align: center;
  max-width: 900px;
}
section.centered-text .container h2 {
  text-align: center;
  font-size: 48px;
  line-height: 50px;
  font-weight: 700;
  text-transform: uppercase;
  margin: 0 auto;
}
@media (max-width: 767px) {
  section.centered-text .container h2 {
    font-size: 38px;
    line-height: 40px;
  }
}

/*
Theme Name: Surge Food Service

*/
section.video-player {
  padding-bottom: 100px;
}
section.video-player.grey {
  background: #E3E0DB;
}
section.video-player .container {
  max-width: 1075px;
  max-height: 605px;
}
@media (max-width: 767px) {
  section.video-player .container {
    max-width: 100%;
  }
}

/*
Theme Name: Surge Food Service

*/
section.icon-grid {
  padding: 90px 0;
}
@media (max-width: 767px) {
  section.icon-grid {
    padding: 50px 0;
  }
}
section.icon-grid .container {
  flex-direction: column;
}
section.icon-grid .container > .title {
  width: 100%;
  flex-basis: 100%;
  text-align: center;
}
section.icon-grid .container > .title h2 {
  font-size: 48px;
  line-height: 50px;
  font-weight: 700;
  text-transform: uppercase;
}
@media (max-width: 767px) {
  section.icon-grid .container > .title h2 {
    font-size: 38px;
    line-height: 40px;
  }
}
section.icon-grid .container > .text {
  flex-basis: 100%;
  text-align: center;
  margin-bottom: 50px;
  font-weight: 700;
}
@media (max-width: 767px) {
  section.icon-grid .container > .text {
    margin-bottom: 20px;
  }
}
section.icon-grid .container > .text p {
  font-size: 24px;
  line-height: 28px;
  font-weight: 700;
}
@media (max-width: 767px) {
  section.icon-grid .container > .text p {
    font-size: 22px;
    line-height: 26px;
  }
}
section.icon-grid .container .icons {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-start;
}
@media (max-width: 767px) {
  section.icon-grid .container .icons {
    flex-direction: column;
  }
}
section.icon-grid .container .icons .iconwrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 28%;
  margin: 0 2% 60px;
  text-align: center;
}
@media (max-width: 767px) {
  section.icon-grid .container .icons .iconwrapper {
    flex-direction: column;
    width: 100%;
    text-align: center;
    margin-bottom: 50px;
  }
}
section.icon-grid .container .icons .iconwrapper .icon {
  margin-right: 20px;
  margin-bottom: 30px;
  width: 135px;
  min-width: 135px;
  max-width: 135px;
  height: 140px;
}
section.icon-grid .container .icons .iconwrapper .icon img {
  object-fit: contain;
  width: 100%;
  height: 100%;
}
@media (max-width: 767px) {
  section.icon-grid .container .icons .iconwrapper .icon {
    min-width: 100px;
    max-width: 100px;
    margin: 0;
  }
}
section.icon-grid .container .icons .iconwrapper .title h3 {
  font-size: 18px;
  line-height: 28px;
  font-weight: 700;
  text-transform: none;
}
section.icon-grid .container .icons .iconwrapper .text {
  font-size: 16px;
  line-height: 22px;
  margin: 5px 0 10px;
}
@media (max-width: 767px) {
  section.icon-grid .container .icons .iconwrapper .text {
    font-size: 16px;
    line-height: 20px;
  }
}
section.icon-grid .container .icons .iconwrapper .text p {
  font-size: 16px;
  line-height: 22px;
  margin: 5px 0 10px;
}
@media (max-width: 767px) {
  section.icon-grid .container .icons .iconwrapper .text p {
    font-size: 16px;
    line-height: 20px;
  }
}

/*
Theme Name: Surge Food Service

*/
section.image-grid {
  position: relative;
  padding: 90px 0 50px;
  background-color: #8A2624;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1636.023' height='1450.377' viewBox='0 0 1636.023 1450.377'%3E%3Cg id='Group_64' data-name='Group 64' transform='translate(0.434 0.375)'%3E%3Cpath id='Path_39' data-name='Path 39' d='M-1723.157-881.978l-252.472-77.955a11.915,11.915,0,0,1-7.99-12.812l13.844-130.351c1.1-10.4-9.849-17.12-17.867-10.969l-508.432,390.076,451.935-616.262c5.791-8.931-3.92-19.364-15.584-16.741l-202.331,45.5c-6.214,1.4-12.746-1.031-15.716-5.842l-241.415-391.214c-5.128-8.311-19.229-8.311-24.357,0l-241.416,391.214c-2.969,4.811-9.5,7.239-15.715,5.842l-202.331-45.5c-11.663-2.623-21.375,7.81-15.583,16.741l455.294,620.842-514.4-394.656c-8.017-6.151-18.969.573-17.866,10.969l13.844,130.351a11.915,11.915,0,0,1-7.99,12.812l-252.472,77.955c-8.006,2.472-10.727,13.023-5.074,19.667L-3158.414-640.4l599.289-42.047-433.741,218.923c-11.362,5.735-5.76,20.5,7.431,19.59l325.167-22.584c5.164-.358,10.054,2.013,12.293,5.961l107.555,189.669c4.335,7.646,17.217,7.646,21.552,0l107.552-189.668c2.238-3.948,7.128-6.32,12.292-5.962l325.167,22.584c13.19.915,18.793-13.854,7.431-19.59l-432.763-218.431,592.268,41.555,188.837-221.908C-1712.429-868.955-1715.15-879.506-1723.157-881.978Z' transform='translate(3350.245 1714.784)' fill='none' stroke='%23fff' stroke-width='0.75'/%3E%3C/g%3E%3C/svg%3E%0A");
  background-position: top -50px left -30vw;
  background-size: cover;
  background-repeat: no-repeat;
}
@media (max-width: 767px) {
  section.image-grid {
    padding: 120px 0 50px;
    background-image: none;
  }
}
section.image-grid .fleur {
  display: inline-block;
  width: 35vw;
  max-width: 545px;
  height: 100%;
  max-height: 480px;
  position: absolute;
  right: -10vw;
  top: -150px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='544.622' height='482.564' viewBox='0 0 544.622 482.564'%3E%3Cdefs%3E%3CclipPath id='clip-path'%3E%3Crect id='Rectangle_20219' data-name='Rectangle 20219' width='544.622' height='482.565' fill='%23262b2b'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg id='Group_49' data-name='Group 49' transform='translate(96.511 43.237)'%3E%3Cg id='Group_35' data-name='Group 35' transform='translate(-96.511 -43.237)' clip-path='url(%23clip-path)'%3E%3Cpath id='Path_24' data-name='Path 24' d='M541.936,277.231l-84.094-25.949a3.968,3.968,0,0,1-2.661-4.268l4.608-43.393a3.762,3.762,0,0,0-5.949-3.65L284.5,329.822,435.024,124.68c1.928-2.974-1.3-6.447-5.19-5.577l-67.388,15.145a4.917,4.917,0,0,1-5.237-1.943L276.8,2.073a5,5,0,0,0-8.112,0L188.278,132.3a4.91,4.91,0,0,1-5.232,1.943L115.658,119.1c-3.885-.87-7.122,2.6-5.194,5.577L262.1,331.343,90.78,199.971a3.762,3.762,0,0,0-5.95,3.65l4.609,43.393a3.969,3.969,0,0,1-2.661,4.268L2.684,277.231A4.094,4.094,0,0,0,1,283.777l62.895,73.872,199.607-14L119.03,416.53c-3.781,1.906-1.917,6.823,2.477,6.519l108.3-7.515a4.341,4.341,0,0,1,4.095,1.98l35.82,63.142a4.331,4.331,0,0,0,7.18,0l35.82-63.142a4.341,4.341,0,0,1,4.095-1.98l108.3,7.515c4.394.3,6.258-4.613,2.477-6.519L283.456,343.816l197.271,13.833,62.895-73.872a4.094,4.094,0,0,0-1.686-6.546' transform='translate(0 0)' fill='%23262b2b'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A") no-repeat center center/contain;
}
@media (max-width: 767px) {
  section.image-grid .fleur {
    width: 65vw;
    top: -200px;
    right: -30vw;
  }
}
section.image-grid .container {
  flex-direction: column;
}
section.image-grid .container > .title {
  width: 100%;
  flex-basis: 100%;
  text-align: center;
}
section.image-grid .container > .title h2 {
  font-size: 48px;
  line-height: 50px;
  font-weight: 700;
  text-transform: uppercase;
  color: #E3E0DB;
}
@media (max-width: 767px) {
  section.image-grid .container > .title h2 {
    font-size: 38px;
    line-height: 40px;
    margin: 30px 0;
  }
}
section.image-grid .container > .text {
  flex-basis: 100%;
  text-align: center;
  margin-bottom: 50px;
  display: none;
}
@media (max-width: 767px) {
  section.image-grid .container > .text {
    margin-bottom: 10px;
  }
}
section.image-grid .container > .text p {
  font-size: 24px;
  line-height: 28px;
  font-weight: 500;
}
section.image-grid .container .images {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-start;
}
@media (max-width: 767px) {
  section.image-grid .container .images {
    flex-direction: column;
  }
}
section.image-grid .container .images .imagewrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 30%;
  margin: 0 1% 30px;
  text-align: center;
  flex-grow: 1;
}
@media (max-width: 767px) {
  section.image-grid .container .images .imagewrapper {
    flex-direction: column;
    width: 100%;
    text-align: center;
    margin: 0 0 50px;
  }
}
section.image-grid .container .images .imagewrapper .image {
  margin-right: 20px;
  margin-bottom: 30px;
  width: 85%;
  max-width: 335px;
  height: 465px;
  margin: 0 auto;
  z-index: 1;
  overflow: hidden;
  border-radius: 10px;
}
section.image-grid .container .images .imagewrapper .image img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
@media (max-width: 1023px) {
  section.image-grid .container .images .imagewrapper .image {
    height: 325px;
  }
}
@media (max-width: 767px) {
  section.image-grid .container .images .imagewrapper .image {
    height: 250px;
  }
}
section.image-grid .container .images .imagewrapper .copy {
  background: #fff;
  border-radius: 10px;
  padding: 80px 8% 30px;
  margin-top: -50px;
}
section.image-grid .container .images .imagewrapper .title {
  margin-bottom: 10px;
}
section.image-grid .container .images .imagewrapper .title h3 {
  font-size: 24px;
  line-height: 28px;
  font-weight: 700;
  text-transform: none;
  color: #8A2624;
}
section.image-grid .container .images .imagewrapper .text p {
  font-size: 16px;
  line-height: 22px;
  margin: 5px 0 10px;
  font-weight: 300;
}

/*
Theme Name: Surge Food Service

*/
section.map .container {
  max-width: 1100px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 767px) {
  section.map .container {
    flex-direction: column;
  }
}
section.map .container h2 {
  font-size: 48px;
  line-height: 50px;
  font-weight: 500;
  text-transform: uppercase;
}
@media (max-width: 767px) {
  section.map .container h2 {
    font-size: 38px;
    line-height: 40px;
  }
}
section.map .container .legend {
  width: 40%;
  display: flex;
  flex-direction: column;
}
@media (max-width: 767px) {
  section.map .container .legend {
    width: 100%;
  }
}
section.map .container .legend .divisions ul {
  list-style: none;
  padding: 0;
}
section.map .container .legend .divisions ul li {
  display: flex;
  align-items: center;
  margin-bottom: 5px;
  line-height: 18px;
  font-weight: 700;
}
section.map .container .legend .divisions ul li span.colour {
  margin-right: 8px;
  display: block;
  width: 36px;
  height: 36px;
  min-width: 36px;
  border-radius: 6px;
}
section.map .container .legend .divisions ul li span.colour.green {
  background-color: #8DA49E;
}
section.map .container .legend .divisions ul li span.colour.yellow {
  background-color: #D1A34D;
}
section.map .container .legend .divisions ul li span.colour.pink {
  background-color: #C37875;
}
section.map .container .legend .divisions ul li span.colour.rust {
  background-color: #8A2624;
}
section.map .container .mapimage {
  width: 60%;
}
@media (max-width: 767px) {
  section.map .container .mapimage {
    width: 100%;
  }
}
section.map .container .mapimage img {
  object-fit: contain;
  width: 100%;
  height: 100%;
}

/*
Theme Name: Surge Food Service

*/
section.logo-bar {
  padding: 50px 0 100px;
}
section.logo-bar .container .logowrapper {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
@media (max-width: 767px) {
  section.logo-bar .container .logowrapper {
    flex-direction: column;
  }
}
section.logo-bar .container .logowrapper .logo {
  width: 25%;
  padding: 10px;
  flex-direction: column;
  display: flex;
  justify-content: flex-end;
}
@media (max-width: 1023px) {
  section.logo-bar .container .logowrapper .logo {
    width: 45%;
  }
}
@media (max-width: 767px) {
  section.logo-bar .container .logowrapper .logo {
    width: 100%;
  }
}
section.logo-bar .container .logowrapper .logo .image {
  max-height: 85px;
  max-width: 200px;
  margin: 0 auto 20px;
}
section.logo-bar .container .logowrapper .logo .image img {
  object-fit: contain;
  width: 100%;
  height: 100%;
}
section.logo-bar .container .logowrapper .logo .text {
  flex: 1;
}
section.logo-bar .container .logowrapper .logo .link {
  margin: 0 auto;
}
section.logo-bar .container .logowrapper .logo .link a {
  text-transform: none;
  font-size: 16px;
  line-height: 22px;
  color: #fff;
}

/*
Theme Name: Surge Food Service

*/
section.callout {
  padding: 178px 0;
  position: relative;
  background-color: #E3E0DB;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='576.688' height='510.977' viewBox='0 0 576.688 510.977'%3E%3Cdefs%3E%3CclipPath id='clip-path'%3E%3Crect id='Rectangle_20219' data-name='Rectangle 20219' width='576.688' height='510.977' fill='none'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg id='Group_35' data-name='Group 35' clip-path='url(%23clip-path)'%3E%3Cpath id='Path_24' data-name='Path 24' d='M573.844,293.554,484.8,266.077a4.2,4.2,0,0,1-2.817-4.519l4.88-45.948a3.983,3.983,0,0,0-6.3-3.865l-179.311,137.5L460.637,132.02c2.041-3.15-1.38-6.826-5.5-5.906l-71.355,16.036a5.207,5.207,0,0,1-5.545-2.057L293.1,2.2c-1.807-2.928-6.781-2.928-8.589,0l-85.146,137.9a5.2,5.2,0,0,1-5.54,2.057l-71.356-16.036c-4.114-.921-7.542,2.756-5.5,5.906L277.536,350.851,96.125,211.745a3.984,3.984,0,0,0-6.3,3.865l4.881,45.948a4.2,4.2,0,0,1-2.817,4.519L2.842,293.554a4.335,4.335,0,0,0-1.784,6.931l66.6,78.221,211.359-14.821L126.038,441.054c-4,2.018-2.03,7.225,2.623,6.9L243.341,440a4.6,4.6,0,0,1,4.336,2.1l37.929,66.859a4.586,4.586,0,0,0,7.6,0L331.139,442.1a4.6,4.6,0,0,1,4.336-2.1l114.681,7.957c4.653.322,6.626-4.885,2.623-6.9l-152.633-77,208.885,14.647,66.6-78.221a4.335,4.335,0,0,0-1.785-6.931' transform='translate(0 0)' fill='%238ca39e'/%3E%3C/g%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: bottom -100px left -300px;
}
section.callout .container {
  max-width: unset;
  width: calc(65vw - 20px);
  margin: 0 0 0 20px;
  justify-content: flex-end;
}
@media (max-width: 767px) {
  section.callout .container {
    flex-direction: column;
  }
}
section.callout .container .content {
  max-width: 810px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
  align-self: flex-start;
  position: relative;
  background: #2C3032;
  color: #E3E0DB;
  padding: 125px 100px;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}
@media (max-width: 767px) {
  section.callout .container .content {
    max-width: unset;
    width: 100%;
    padding: 50px 20px;
  }
}
section.callout .container .content .title h2 {
  font-size: 48px;
  line-height: 50px;
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 20px;
}
@media (max-width: 1023px) {
  section.callout .container .content .title h2 {
    font-size: 4vw;
    line-height: 4.2vw;
  }
}
@media (max-width: 767px) {
  section.callout .container .content .title h2 {
    font-size: 30px;
    line-height: 35px;
  }
}
section.callout .container .content .text p {
  margin: 0 0 20px 0;
  font-size: 16px;
  line-height: 22px;
  font-weight: 300;
}
section.callout .image {
  position: absolute;
  right: 0;
  bottom: 0;
  top: 0;
  left: 65vw;
  height: 100%;
}
section.callout .image img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
section.callout .bars {
  position: absolute;
  left: 65vw;
  transform: translateX(-50%);
  top: 0;
  width: 430px;
  min-height: 178px;
  z-index: 999;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='429.891' height='177.675' viewBox='0 0 429.891 177.675'%3E%3Cdefs%3E%3CclipPath id='clip-path'%3E%3Cpath id='Path_38' data-name='Path 38' d='M0-33.109H429.891V-210.784H0Z' transform='translate(0 210.784)' fill='%238ca39e'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg id='Group_58' data-name='Group 58' transform='translate(429.891 -33.109) rotate(180)'%3E%3Cg id='Group_57' data-name='Group 57' transform='translate(0 -210.784)' clip-path='url(%23clip-path)'%3E%3Cg id='Group_53' data-name='Group 53' transform='translate(0 0)'%3E%3Cpath id='Path_34' data-name='Path 34' d='M-.942,0A5.057,5.057,0,0,0-6,5.058v34.3A5.057,5.057,0,0,0-.942,44.419H323.936a5.057,5.057,0,0,0,5.058-5.058V5.058A5.057,5.057,0,0,0,323.936,0Z' transform='translate(6)' fill='%23d1a34d'/%3E%3C/g%3E%3Cg id='Group_54' data-name='Group 54' transform='translate(104.855 44.418)'%3E%3Cpath id='Path_35' data-name='Path 35' d='M-.942,0A5.057,5.057,0,0,0-6,5.058v34.3A5.057,5.057,0,0,0-.942,44.419H313.979a5.057,5.057,0,0,0,5.058-5.058V5.058A5.057,5.057,0,0,0,313.979,0Z' transform='translate(6)' fill='%23c17775'/%3E%3C/g%3E%3Cg id='Group_55' data-name='Group 55' transform='translate(171.211 88.837)'%3E%3Cpath id='Path_36' data-name='Path 36' d='M-.942,0A5.057,5.057,0,0,0-6,5.058v34.3A5.057,5.057,0,0,0-.942,44.419H169.294a5.058,5.058,0,0,0,5.058-5.058V5.058A5.058,5.058,0,0,0,169.294,0Z' transform='translate(6)' fill='%23892623'/%3E%3C/g%3E%3Cg id='Group_56' data-name='Group 56' transform='translate(77.321 133.256)'%3E%3Cpath id='Path_37' data-name='Path 37' d='M-.942,0A5.057,5.057,0,0,0-6,5.058v34.3A5.057,5.057,0,0,0-.942,44.419H169.294a5.058,5.058,0,0,0,5.058-5.058V5.058A5.058,5.058,0,0,0,169.294,0Z' transform='translate(6)' fill='%238ca39e'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A") no-repeat top center/contain;
}
@media (max-width: 767px) {
  section.callout .bars {
    width: 300px;
  }
}

/*
Theme Name: Surge Food Service

*/
section.pagecontent {
  padding: 50px 0;
}
section.pagecontent .container {
  flex-direction: column;
  max-width: 1000px;
}

/*
Theme Name: Surge Food Service

*/
section.cta {
  color: #2C3032;
  padding: 45px 0;
  background-color: #fff;
  background-position: bottom -250px right -350px;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg id='Group_42' data-name='Group 42' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='1299.488' height='1151.55' viewBox='0 0 1299.488 1151.55'%3E%3Cdefs%3E%3CclipPath id='clip-path'%3E%3Crect id='Rectangle_20222' data-name='Rectangle 20222' width='1299.488' height='1151.55' fill='none' stroke='%23c17775' stroke-width='1'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg id='Group_39' data-name='Group 39' clip-path='url(%23clip-path)'%3E%3Cpath id='Path_25' data-name='Path 25' d='M1292.162,661.137l-200.469-61.859a9.459,9.459,0,0,1-6.343-10.174l10.986-103.445c.889-8.24-7.813-13.581-14.182-8.7L678.465,786.508,1037.3,297.472c4.6-7.091-3.107-15.368-12.371-13.3l-160.645,36.1c-4.945,1.111-10.125-.811-12.484-4.631L660.115,5.193c-4.068-6.591-15.267-6.591-19.338,0L449.084,315.649c-2.347,3.82-7.541,5.743-12.472,4.631l-160.647-36.1c-9.262-2.073-16.979,6.2-12.383,13.3L625.076,790.133,216.66,476.957c-6.369-4.88-15.07.462-14.184,8.7L213.464,589.1a9.462,9.462,0,0,1-6.343,10.174L6.649,661.137c-6.354,1.96-8.512,10.336-4.017,15.6l149.933,176.1,475.839-33.367L284,993.21c-9.014,4.544-4.57,16.266,5.9,15.542l258.185-17.915c4.094-.286,7.977,1.587,9.762,4.72l85.392,150.522c3.447,6.066,13.67,6.066,17.117,0l85.392-150.522c1.785-3.133,5.668-5.006,9.762-4.72l258.185,17.915c10.474.725,14.918-11,5.9-15.542L675.977,819.868l470.271,32.975,149.933-176.1C1300.676,671.473,1298.519,663.1,1292.162,661.137Z' transform='translate(0.336 0.336)' fill='none' stroke='%23c17775' stroke-width='0.5'/%3E%3C/g%3E%3C/svg%3E%0A");
}
@media (max-width: 767px) {
  section.cta {
    padding: 50px 0;
    background-image: none;
  }
}
section.cta .container {
  flex-direction: column;
}
section.cta .container .formlogo {
  width: 80px;
  height: 70px;
  margin-bottom: 35px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='79.622' height='70.549' viewBox='0 0 79.622 70.549'%3E%3Cdefs%3E%3CclipPath id='clip-path'%3E%3Crect id='Rectangle_20219' data-name='Rectangle 20219' width='79.622' height='70.549' fill='none'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg id='Group_63' data-name='Group 63' transform='translate(96.511 43.236)'%3E%3Cg id='Group_35' data-name='Group 35' transform='translate(-96.511 -43.237)' clip-path='url(%23clip-path)'%3E%3Cpath id='Path_24' data-name='Path 24' d='M79.229,40.53,66.935,36.736a.58.58,0,0,1-.389-.624l.674-6.344a.55.55,0,0,0-.87-.534L41.593,48.219,63.6,18.228c.282-.435-.191-.942-.759-.815l-9.852,2.214a.719.719,0,0,1-.766-.284L40.467.3a.731.731,0,0,0-1.186,0L27.526,19.342a.718.718,0,0,1-.765.284l-9.852-2.214c-.568-.127-1.041.38-.759.815L38.319,48.441,13.272,29.235a.55.55,0,0,0-.87.534l.674,6.344a.58.58,0,0,1-.389.624L.392,40.53a.6.6,0,0,0-.246.957l9.195,10.8,29.182-2.046L17.4,60.9c-.553.279-.28,1,.362.953L33.6,60.75a.635.635,0,0,1,.6.289l5.237,9.231a.633.633,0,0,0,1.05,0l5.237-9.231a.635.635,0,0,1,.6-.289l15.834,1.1c.642.044.915-.674.362-.953L41.44,50.265l28.84,2.022,9.2-10.8a.6.6,0,0,0-.246-.957' transform='translate(0 0)' fill='%238a2624'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A") no-repeat center center/contain;
}
section.cta .container .title {
  margin: 0 auto;
  max-width: 820px;
  text-align: center;
  text-transform: uppercase;
}
section.cta .container .title h2 {
  font-weight: 700;
}
section.cta .container .text {
  margin: 0 auto;
  max-width: 820px;
  font-size: 1.125rem;
  line-height: 1.75rem;
  text-align: center;
}
@media (max-width: 767px) {
  section.cta .container .text {
    font-size: 1rem;
    line-height: 1.25rem;
    text-align: center;
  }
}
section.cta .container .btn:hover {
  cursor: pointer;
}

/*
Theme Name: Surge Food Service

*/
form {
  max-width: 1160px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media (max-width: 1023px) {
  form {
    margin: 0 auto;
  }
}
form p {
  color: #2C3032;
}
form span#errors {
  padding: 30px 0;
}
form span.errors, form label.error {
  color: red;
  font-weight: bold;
}
@media (max-width: 767px) {
  form span.errors, form label.error {
    color: red;
    padding: 20px 0;
  }
}
form .fieldgroup {
  margin-bottom: 40px;
  width: 100%;
}
@media (max-width: 767px) {
  form .fieldgroup {
    margin-bottom: 20px;
  }
}
form .fieldgroup.hiddengroup {
  margin: 0;
}
form .fieldgroup.fifty {
  width: 48%;
}
@media (max-width: 767px) {
  form .fieldgroup.fifty {
    width: 100%;
  }
}
form .fieldgroup span.error {
  color: #8A2624;
  font-style: italic;
  padding: 5px 10px;
  font-weight: bold;
}
form .fieldgroup label {
  display: none;
  font-size: 1.125rem;
  line-height: 1.9375rem;
  width: 100%;
  margin-bottom: 10px;
}
@media (max-width: 767px) {
  form .fieldgroup label {
    font-size: 1rem;
    line-height: 1.3125rem;
  }
}
form .fieldgroup ::placeholder {
  color: #2C3032;
  font-weight: 300;
}
form .fieldgroup input {
  font-family: "greycliff-cf", sans-serif;
  width: 100%;
  min-height: 60px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: #E3E0DB;
  border: 1px solid #fff;
  border-radius: 5px;
  padding: 0 20px;
  font-size: 1.125rem;
  line-height: 1.375rem;
  font-weight: 300;
}
form .fieldgroup input[type=submit], form .fieldgroup button.btn {
  font-family: "greycliff-cf", sans-serif;
  display: inline-block;
  padding: 10px 40px;
  background: #8A2624;
  color: #E3E0DB;
  text-transform: none;
  text-decoration: none;
  transition: background 0.5s;
  width: auto;
}
form .fieldgroup input[type=submit]:hover, form .fieldgroup button.btn:hover {
  background: #000;
  cursor: pointer;
  color: #E3E0DB;
}
form .fieldgroup input[type=submit].black, form .fieldgroup button.btn.black {
  background-color: #000;
  border-color: #fff;
  color: #fff;
}
form .fieldgroup input[type=submit].black:hover, form .fieldgroup button.btn.black:hover {
  background-color: #fff;
  color: #000;
}
form .fieldgroup textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: #E3E0DB;
  width: 100%;
  border: 1px solid #fff;
  border-radius: 5px;
  min-height: 125px;
  padding: 20px;
  font-family: "greycliff-cf", sans-serif;
  font-size: 1.125rem;
  line-height: 1.375rem;
}
form .fieldgroup button {
  border: none;
  font-weight: 700;
}
@media (max-width: 1023px) {
  form .fieldgroup button {
    margin: 0 auto;
    display: block;
  }
}
form .fieldgroup .checkboxcontainer {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 1.375rem;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
@media (max-width: 767px) {
  form .fieldgroup .checkboxcontainer {
    font-size: 1rem;
    line-height: 1.375rem;
  }
}
form .fieldgroup .checkboxcontainer p {
  font-size: 18px;
  line-height: 30px;
}
@media (max-width: 767px) {
  form .fieldgroup .checkboxcontainer p {
    font-size: 18px;
    line-height: 30px;
  }
}
form .fieldgroup .checkboxcontainer p a {
  color: #8A2624;
}
form .fieldgroup .checkboxcontainer label {
  display: inline-block;
}
form .fieldgroup .checkboxcontainer input {
  display: inline-block;
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  border: 0;
  min-height: 25px;
  background: transparent;
}
form .fieldgroup .checkboxcontainer input:checked ~ .checkmark:after {
  display: block;
}
form .fieldgroup .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #fff;
  border: 1px solid #fff;
}
form .fieldgroup .checkmark.black {
  border: 1px solid #2C3032;
}
form .fieldgroup .checkmark.black:after {
  border: solid #8A2624;
  border-width: 0 3px 3px 0;
}
form .fieldgroup .checkmark:after {
  content: "";
  position: absolute;
  display: none;
  left: 8px;
  top: 4px;
  width: 5px;
  height: 10px;
  border: solid #fff;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.contactsuccess {
  flex: 1;
  display: block;
  width: 100%;
  color: #fff;
  text-align: center;
}

/*
Theme Name: Surge Food Service

*/
#thankyoumodal {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #E3E0DB;
  z-index: 99999;
  overflow-y: scroll;
}
#thankyoumodal.open {
  display: flex;
  align-items: center;
  justify-content: center;
}
#thankyoumodal .thankyoumodalcontainer {
  position: relative;
  width: 100%;
}
#thankyoumodal .thankyoumodalcontainer .close {
  position: absolute;
  z-index: 2;
  top: 15px;
  right: 15px;
  display: inline-block;
  width: 30px;
  height: 30px;
  overflow: hidden;
  border: none;
  border-radius: 50%;
  padding: 4px;
  background: transparent;
}
#thankyoumodal .thankyoumodalcontainer .close:hover {
  cursor: pointer;
}
#thankyoumodal .thankyoumodalcontainer .close:before, #thankyoumodal .thankyoumodalcontainer .close:after {
  content: "";
  position: absolute;
  height: 4px;
  width: 50%;
  top: 50%;
  left: 50%;
  margin-top: -1px;
  background: #2C3032;
  border-radius: 5px;
  margin-top: -2px;
}
#thankyoumodal .thankyoumodalcontainer .close:before {
  transform: translateX(-50%) rotate(-45deg);
}
#thankyoumodal .thankyoumodalcontainer .close:after {
  transform: translateX(-50%) rotate(45deg);
}
#thankyoumodal .thankyoumodalcontainer .thankyoumodalcontent {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  background: #fff;
  width: 80vw;
  max-width: 670px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: column;
  overflow-x: clip;
  overflow-y: scroll;
  padding: 50px;
  max-height: 100vh;
}
@media (max-width: 767px) {
  #thankyoumodal .thankyoumodalcontainer .thankyoumodalcontent {
    width: 100%;
  }
}
#thankyoumodal .thankyoumodalcontainer .thankyoumodalcontent h2 {
  color: #2C3032;
  font-weight: bold;
}
#thankyoumodal .thankyoumodalcontainer .thankyoumodalcontent .title {
  font-style: italic;
}
#thankyoumodal .thankyoumodalcontainer .thankyoumodalcontent p {
  color: #2C3032;
  text-align: center;
  max-width: 515px;
}
#thankyoumodal .thankyoumodalcontainer .thankyoumodalcontent .closebtn {
  text-transform: none;
  color: #E3E0DB;
  transition: all 0.5s;
}
#thankyoumodal .thankyoumodalcontainer .thankyoumodalcontent .closebtn:hover {
  background: #2C3032;
}

/*# sourceMappingURL=style.css.map */