/* custom styles  */

/* typography */
.garamond h1,
.garamond h3,
.garamond h2,
.garamond h4,
.garamond h5,
.garamond h6,
.garamond p {
  font-family: "adobe-garamond-pro", serif !important;
}
body {
  background-color: #fff;
  box-sizing: border-box;
  margin: 0 auto;
  max-width: 1920px;
}
/* language translate  */
.site-translate {
  display: -webkit-flex;
  display: flex;
  padding: 0.5rem;
  background: #c41230;
  color: #fff;
  position: absolute;
  top: 100%;
  left: 100%;
  right: 0;
  z-index: 500;
  -webkit-transition: left 0.2s, right 0.2s;
  -moz-transition: left 0.2s, right 0.2s;
  -o-transition: left 0.2s, right 0.2s;
  transition: left 0.2s, right 0.2s;
}
.site-translate {
  display: none;
  opacity: 0;
}
.open.site-language {
  opacity: 1;
}
.open.site-language .site-translate {
  left: -140px;
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.07), 0 2px 23px 0 rgba(0, 0, 0, 0.1);
  opacity: 1;
  top: 77px;
  display: block;
}
.site-language {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: stretch;
  align-items: stretch;
}

button.site-language-toggle {
  padding: 0;
}

button.site-language-toggle i {
  font-size: 19px;
}
button.site-language-toggle:hover i {
  color: #000000a6;
}
/* button.site-language-toggle:hover img {
  opacity: 0.7;
} */
button.site-language-toggle img {
  transition: 0.3s ease-in-out;
}
.footer-form input#gform_submit_button_4 {
  border-radius: 10px !important;
  background-color: #e27334 !important;
  width: 100%;
  border: 2px solid #e27334 !important;
  transition: 0.3s ease-in-out;
  font-size: 20px !important;
  letter-spacing: 0px !important;
  line-height: 30px !important;
  text-transform: uppercase;
  color: #ffffff !important;
  font-weight: bold !important;
  font-family: "Radio Canada Big" !important;
  text-align: left;
  padding: 16px 27px !important;
  appearance: none;
  background-image: url(../images/send.svg) !important;
  background-size: 27px !important;
  background-position: 95% !important;
  position: relative;
  background-repeat: no-repeat !important;
}

.footer-form input#gform_submit_button_4:hover {
  background-color: transparent !important;
  border-color: #fff !important;
  background-image: url(../images/select-icon.png) !important;
  background-size: 27px !important;
  background-position: 95% !important;
  position: relative;
  background-repeat: no-repeat !important;
}
/* search form  */
.search-container {
  transition: all 0.5s ease;
  transform: scale(0);
  opacity: 0;
  position: absolute;
  top: 78px;
  right: 210px;
  width: 100%;
  max-width: 280px;
  /* border-bottom: 2px solid #000; */
  z-index: 9;
  display: none;
}
.search-container.opened {
  transform: scale(1);
  opacity: 1;
  background: #fff;
  position: absolute;
  display: block;
}
.search-container form.is-search-form {
  width: 300px;
}
input,
textarea,
.is-form-style input.is-search-input,
.footer-form label {
  font-family: "Radio Canada Big", Sans-serif !important;
  font-size: 18px !important;
  line-height: 28px !important;
  font-weight: 400 !important;
}
button.site-language-toggle:hover {
  background: transparent;
}
/* footer form  */
.footer-form li#field_4_13 {
  width: 100%;
}
.footer-form .gform_heading {
  display: none;
}

.footer-form input,
.footer-form select {
  background: transparent !important;
  border: none !important;
  border-bottom: 1px solid #f7f5f7 !important;
  border-radius: 0 !important;
  font-size: 18px !important;
  letter-spacing: 0px !important;
  line-height: 28px !important;
  color: #ffffff !important;
  font-family: "Radio Canada Big" !important;
  padding: 12px 0 !important;
  margin: 0 !important;
}
.footer-form select {
  appearance: none;
  background-image: url(../images/arrow-new.png) !important;
  background-repeat: no-repeat !important;
  background-position: 95% !important;
  background-size: 10px !important;
}
.footer-form input::placeholder {
  opacity: 0.7;
}

.footer-form label {
  opacity: 0.5;
}
.footer-form input:focus,
.footer-form select:focus {
  outline: none;
}
.footer-form li#field_4_19 {
  width: 100%;
  display: flex;
  align-items: center;
  margin-top: 33px;
  gap: 16px;
}
.footer-form select option {
  color: #000 !important;
}
.footer-form li#field_4_19 label {
  width: 50%;
  display: inline-block;
  vertical-align: top;
  color: #fff;
  opacity: 0.6;
}

.footer-form li#field_4_19 .ginput_container {
  width: 50%;
  display: inline-block;
  vertical-align: top;
  margin-top: 0;
}

.footer-form li#field_4_19 .ginput_container ul {
  display: flex;
  align-items: center;
  margin: 0;
}
.footer-form li#field_4_19 .ginput_container ul li {
  margin: 0;
}
.footer-form .gform_legacy_markup_wrapper .gform_footer {
  margin-top: 23px;
  padding-bottom: 0;
}
.footer-form .gform_legacy_markup_wrapper {
  margin-bottom: 0;
}
.elementor-location-footer .footer-form.e-con {
  overflow: hidden !important;
}
.footer-bottom {
  position: relative !important;
}
/* .footer-bottom::before {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  background: #f7f5f7;
  height: 1px;
  content: "";
  max-width: 1380px;
  margin: 0 auto;
} */
.footer-bottom::before {
  position: absolute !important;
  content: "" !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  max-width: 1380px !important;
  margin: 0 auto !important;
  background: #f7f5f7 !important;
  height: 2px !important;
  opacity: 0.302 !important;
}
.footer-bottom .m-0 p {
  margin: 0;
}
.m-0 p {
  margin-bottom: 0;
}

.elementor-button-wrapper br {
  display: none;
}
p:empty {
  display: none;
  margin: 0 !important;
}
.good-living-heading {
  max-width: 729px;
}
.good-living p {
  margin: 0;
}
h2 span {
  color: #e27334;
}
#sync1 {
  display: block;
}
#sync1 .wrapper-div {
  margin: 0 auto;
  max-width: 1380px;
  position: relative;
}

#sync1 .wrapper-div .owl-dots {
  position: absolute;
  right: 0;
  bottom: 80px;
  display: flex;
  gap: 10px;
}

#sync1 .wrapper-div .owl-dots button.owl-dot span {
  background: transparent !important;
  transition: 0.3s ease-in-out;
}

#sync1 .wrapper-div .owl-dots button.owl-dot span {
  background: transparent !important;
  border: 2px solid #fff;
  width: 11px;
  height: 11px;
  margin: 0;
}

#sync1 .wrapper-div .owl-dots button.owl-dot.active span,
#sync1 .wrapper-div .owl-dots button.owl-dot span:hover {
  background: #fff !important;
}
.benefits h3.elementor-icon-box-title span {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  position: relative;
  padding-bottom: 27px !important;
}

.benefits h3.elementor-icon-box-title span::before {
  position: absolute;
  content: "";
  left: 0;
  right: 0;
  bottom: 0;
  background: #0091cc;
  height: 2px;
}
.benefits p.elementor-icon-box-description {
  font-family: "adobe-garamond-pro", serif !important;
}
.benefits p.elementor-icon-box-description span {
  color: #0091cc;
  position: relative;
  font-weight: 700;
}
.benefits p.elementor-icon-box-description span::before {
  position: absolute;
  content: "";
  background-image: url(../images/arrow.png);
  background-size: 86px;
  background-repeat: no-repeat;
  right: -94px;
  top: -14px;
  width: 86px;
  height: 38px;
}
.benefits .pr-30 p.elementor-icon-box-description {
  padding-right: 33px;
}
a.elementor-button {
  transition: 0.3s ease-in-out;
}

.gform_legacy_markup_wrapper li.gfield.gfield_error,
.gform_legacy_markup_wrapper
  li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning {
  background: transparent !important;
  border: none !important;
}
.gform_legacy_markup_wrapper div.validation_error,
.validation_message.gfield_validation_message {
  display: none !important;
}
.footer-form .gfield_error input {
  border-bottom: 2px solid red !important;
}
div#gform_confirmation_message_4 {
  color: #fff !important;
  font-family: "Radio Canada Big";
}

div#gform_confirmation_message_4 br {
  display: none;
}
.search-toggle svg {
  cursor: pointer;
}
button.site-language-toggle {
  position: relative !important;
  transition: 0.3s ease-in-out;
  border: none;
  background: transparent;
}
.search-toggle svg {
  transition: 0.3s ease-in-out;
}
button.site-language-toggle::before {
  content: "";
  position: absolute !important;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  mix-blend-mode: screen;
  background-color: transparent;
  opacity: 1;
  transition: 0.3s ease-in-out;
}
button.site-language-toggle:hover::before {
  background-color: #e27334;
}
.elementor-nav-menu .sub-arrow {
  padding: 2px !important;
  font-size: 12px !important;
}
.pr-40 h3.elementor-icon-box-title span {
  padding-right: 40px;
}
.phr-5 h3.elementor-icon-box-title {
  padding-right: 5px;
}
.gform_legacy_markup_wrapper,
.gform_legacy_markup_wrapper ul.gform_fields li.gfield#field_4_13 {
  margin: 0;
}
.footer-form #field_4_13 input {
  padding-top: 0 !important;
}
.footer-form input:focus::placeholder {
  color: #fff;
  opacity: 1;
}
.footer-form select {
  padding: 10px 0 14px 0 !important;
}
li#field_4_9 .ginput_container.ginput_container_select::after {
  content: none;
}
.header-main .elementor-menu-toggle {
  padding: 0;
  margin-top: -4px;
}
.elementor-nav-menu__align-center .elementor-widget-container {
  justify-content: center;
}
/* play button */
/* .video-container {
  position: relative;
  width: 560px;
  height: 315px;
}

.video-placeholder {
  position: absolute;
  width: 100%;
  height: 100%;
  cursor: pointer;
}

.video-placeholder img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.play-button {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: rgba(0, 0, 0, 0.6);
  color: white;
  padding: 10px 20px;
  border: none;
  cursor: pointer;
  font-size: 16px;
} */
/* animate image  */
@keyframes slow-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.iframe-sec .elementor-widget-container {
  border: 20px solid #000 !important;
  border-radius: 30px !important;
  background-color: #000 !important;
}
.iframe-sec-home .elementor-widget-container {
  border: 13px solid #000 !important;
  border-radius: 30px !important;
  background-color: #000 !important;
}

/* .animate-img img {
  animation: slow-spin 30s linear infinite;
}
.animate-img img :hover{
  animation: none;
} */
.animate-img .elementor-widget-container {
  position: relative !important;
}
.animate-img .elementor-widget-container::before {
  position: absolute !important;
  content: "" !important;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  margin: 0 auto;
  background-image: url(../images/Reserve-Your-Exhibit.png);
  background-repeat: no-repeat;
  background-size: 282px;
  background-position: center;
  animation: rotate-bg 30s linear infinite;
  z-index: -1;
  width: 282px;
}
.site-language-toggle img {
  width: 20px;
}
.footer-form .gform_legacy_markup_wrapper ul li.gfield {
  margin-top: 13px;
}
/* Style the select field when the default option is selected */
.footer-form .gform_wrapper .gfield select.default-selected {
  color: #fff;
  opacity: 0.6;
}

@keyframes rotate-bg {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.footer-form span.gfield_required.gfield_required_asterisk {
  margin: 0;
}

.footer-form .gform_legacy_markup_wrapper {
  display: block !important;
}

.reminder h3 {
  margin: 0;
}

/* all pending pages css  */
.premiere .page h1,
.premiere .page h2,
.premiere .page h3 {
  font-family: "adobe-garamond-pro", serif !important;
  color: #242324 !important;
  letter-spacing: -2px;
  text-transform: capitalize;
  text-align: center !important;
}
.premiere .page h2,
.premiere .page h3 {
  letter-spacing: 0;
}
p.has-text-align-left {
  text-align: center;
}
.premiere .page h1 {
  font-size: 70px !important;
  line-height: 80px !important;
  text-transform: capitalize;
}
.premiere .page h2 {
  font-size: 60px !important;
  line-height: 70px !important;
  text-align: left;
}
.premiere .page h3 {
  font-size: 30px !important;
  line-height: 40px !important;
  margin-top: 0;
  text-align: center;
  letter-spacing: 0;
}
.premiere .page h4 {
  font-size: 24px !important;
  line-height: 34px !important;
  margin: 0;
  text-align: center;
}
.wp-block-image .alignleft {
  text-align: center;
  float: none;
  width: 100%;
}
.premiere .page h5 {
  font-size: 20px !important;
  line-height: 30px !important;
}
.wp-block-group.home-section#form {
  display: none;
}
.page-content-inner,
.entry-block-inner,
.entry-actions-inner,
.entry-tiles-inner,
.entry-columns-inner,
.entry-content-inner {
  max-width: 100% !important;
  text-align: center;
}
.banner-space > .banner-space-inner {
  max-width: 1380px !important;
}
.banner-space > .banner-space-inner p {
  padding: 0 30px;
}
.page-id-1475 .banner-space > .banner-space-inner p {
  padding: 0 60px;
}
.premiere .page p,
.premiere .page span,
.premiere .page li,
section.banner-space td {
  font-family: "Radio Canada Big", Sans-serif;
  font-size: 20px;
  line-height: 30px;
}
/* .premiere .page p,
.premiere .page span,
.premiere .page li {
  text-align: center !important;
} */
.premiere .page h4,
.premiere .page h5,
.premiere .page h6,
.premiere .page p,
section.banner-space td {
  font-family: "Radio Canada Big", Sans-serif;
}

.page-content,
.entry-block,
.entry-actions,
.entry-columns,
.entry-content,
.wp-block-media-text .wp-block-media-text__content {
  padding: 0 !important;
}
.wp-block-media-text {
  gap: 50px;
}
.premiere .full-width .wp-block-group__inner-container {
  max-width: 1380px;
  margin: 0 auto;
  padding: 80px 0;
}
main article.entry {
  overflow: hidden;
}
.premiere .wp-block-separator {
  border: none !important;
  outline: none;
  background: none;
}
a {
  color: #f36f21;
  text-decoration: none;
  transition: 0.5s ease-in-out;
}
a:visited {
  color: #f36f21;
}
a:hover {
  color: #0094d2;
}
.premiere .full-width,
.premiere .section-stay-connected {
  position: relative;
}

.premiere .full-width::before,
.premiere .section-stay-connected::before {
  position: absolute;
  content: "";
  left: -50%;
  right: -50%;
  background: #dddddd;
  width: 200%;
  bottom: 0;
  top: 0;
  z-index: 0;
}

.premiere .full-width .wp-block-group__inner-container {
  z-index: 9;
  position: relative;
}
.premiere .full-width,
.premiere .section-stay-connected {
  left: 0;
}

.premiere .full-width.has-background .wp-block-group__inner-container {
  max-width: 100% !important;
}
.page-content-container,
.entry-content-container,
.page-footer,
.entry-footer {
  padding: 0 !important;
}
.wp-block-buttons.is-content-justification-right,
.wp-block-buttons.is-layout-flex {
  display: inline-block;
  text-align: center;
  width: auto;
  margin: 0 auto 20px auto;
}

.wp-block-button__link {
  font-family: "Radio Canada Big", Sans-serif;
  font-size: 20px;
  font-weight: 700;
  text-transform: uppercase;
  line-height: 30px;
  letter-spacing: 0px;
  fill: #ffffff;
  color: #ffffff !important;
  background-color: #e27334 !important;
  border-style: solid;
  border-width: 2px 2px 2px 2px;
  border-color: #02010100 !important;
  border-radius: 10px 10px 10px 10px;
  padding: 16px 30px 16px 30px !important;
}

.wp-block-button__link:hover {
  background: transparent !important;
  color: #e27334 !important;
  border-color: #e27334 !important;
}

.wp-block-buttons.is-content-justification-right:not(:last-child),
.wp-block-buttons.is-layout-flex:not(:last-child) {
  margin-right: 10px;
}
.content-wrap h1 {
  /* text-align: left; */
  text-align: center;
}
.page-template-default article,
.page-template-templates article {
  padding-bottom: 58px;
}
.page-content,
.entry-block,
.entry-actions,
.entry-columns,
.entry-content {
  padding: 0 !important;
}
.premiere .page .accordion h3 {
  font-size: 20px !important;
  line-height: 30px !important;
  letter-spacing: 0;
}
figcaption.blocks-gallery-caption.wp-element-caption {
  font-size: 16px;
  line-height: 26px;
  font-family: "Radio Canada Big";
}
.gform_wrapper.form-layout-signup_wrapper ul.gform_fields {
  margin: 0 !important;
  width: 100% !important;
  max-width: 100%;
}
figure {
  margin: 0 !important;
}
.wp-block-buttons.is-layout-flex {
  margin: 0 !important;
  margin-bottom: 20px !important;
}
.wp-container-core-group-is-layout-1.wp-container-core-group-is-layout-1 {
  flex-wrap: wrap;
}
.wp-block-image .aligncenter {
  margin-left: auto !important;
  margin-right: auto !important;
}
.ultimate-awards-winners h1,
.ultimate-awards-winners h2 {
  text-align: center !important;
}

.ultimate-awards-winners .text-center-cus {
  text-align: center;
}
.premiere .entry-header {
  background-color: transparent;
  min-height: 300px;
  overflow: hidden;
  position: relative;
}
.premiere #hero,
.premiere .sub-hero {
  border-bottom: 2px solid #fff;
  border-top: 2px solid #fff;
}

.hero-bg {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1000000;
}

.transparency:before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  background: rgba(0, 0, 0, 0.5);
  opacity: 1;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 20;
}
.onpeakStamp {
  float: none !important;
  margin: 6px auto 16px auto !important;
}
a.onpeakButton {
  font-family: "Radio Canada Big", Sans-serif;
  font-size: 20px;
  font-weight: 700;
  text-transform: uppercase;
  line-height: 30px;
  letter-spacing: 0px;
  fill: #ffffff;
  color: #ffffff !important;
  background-color: #e27334 !important;
  border-style: solid;
  border-width: 2px 2px 2px 2px;
  border-color: #02010100 !important;
  border-radius: 10px 10px 10px 10px;
  padding: 16px 30px 16px 30px !important;
}

a.onpeakButton:hover {
  background: transparent !important;
  color: #e27334 !important;
  border-color: #e27334 !important;
}
.stoves-border {
  border-bottom: 1px solid #c5c5c5 !important;
}
.background {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 0;
}
.premiere .adaptive iframe {
  border: 0;
  max-width: none !important;
}
.premiere .adaptive iframe {
  border: 0;
  max-width: none !important;
}
.home.premiere .page h2 {
  margin-top: 0;
  text-align: center;
}

.video-container > *,
.video-container:before {
  left: 0;
  max-height: none !important;
  position: absolute;
  top: 0;
}
.home.premiere .page .wp-block-group__inner-container {
  padding: 30px 0;
}

.home.premiere .page .wp-block-buttons.is-content-justification-center {
  margin: 0 auto !important;
  width: 100%;
}
.video-container {
  display: block;
  height: 100%;
  margin: 0;
  max-width: 100%;
  overflow: hidden;
  position: relative;
  width: 100%;
}
/* .transparency:before {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  background: rgba(0,0,0,.5);
  opacity: 1;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 20;
} */
.video-container > *,
.video-container:before {
  left: 0;
  max-height: none !important;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}

.home.premiere .full-width::before {
  content: none;
  background: transparent;
}

.home.premiere .full-width {
  left: 50%;
}

.premiere .home-section-highlights {
  overflow: hidden;
  padding: 0 20px;
}
.footer-socials a.elementor-icon.elementor-social-icon svg {
  transition: 0.5s ease-in-out;
}
.footer-socials a.elementor-icon.elementor-social-icon:hover svg {
  fill: #e27334 !important;
}
.onpeakBenefitEffect p.onpeakBenefitTitle,
.onpeakBenefitEffect p.onpeakBenefitInfo {
  text-align: center !important;
}
.premiere .page .wp-block-media-text__content,
.premiere .page .wp-block-media-text__content h1,
.premiere .page .wp-block-media-text__content h2,
.premiere .page .wp-block-media-text__content h3,
.premiere .page .wp-block-media-text__content h4,
.premiere .page .wp-block-media-text__content h5,
.premiere .page .wp-block-media-text__content h6,
.premiere .page .wp-block-media-text__content p {
  text-align: left !important;
}
.wp-container-core-group-is-layout-1.wp-container-core-group-is-layout-1 {
  justify-content: center !important;
}
.wp-block-image img {
  margin: 0 auto;
  text-align: center;
}
.premiere .page ul,
.premiere .page ol {
  max-width: 600px;
  margin: 0 auto;
  text-align: left;
}

.premiere .page ul li,
.premiere .page ol li {
  text-align: left !important;
}
.premiere .page ul.onpeakHelpUl {
  text-align: center !important;
  max-width: 100% !important;
}
.page-template-hpbe-singular table {
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
  margin: 0 auto;
  max-width: 70%;
}
.wp-block-media-text .wp-block-media-text__content p {
  padding: 0;
}
.home.premiere .full-width {
  left: 50%;
  width: 100%;
  max-width: 100%;
}
.slider-outer h2.elementor-heading-title {
  text-align: left;
}
.wp-block-gallery.has-nested-images figure.wp-block-image.size-medium img {
  width: 100% !important;
}
/* home page  */
.image-slider .swiper-pagination {
  bottom: 73px !important;
}
.text-right h2.elementor-heading-title {
  text-align: right;
}
.countdown-sec .elementor-countdown-item {
  position: relative;
}
.countdown-sec .elementor-countdown-item:not(:last-child)::before {
  position: absolute;
  content: "";
  top: 18px;
  right: -75px;
  width: 81px;
  height: 80px;
  background-image: url(../images/line.svg) !important;
  background-repeat: no-repeat;
}
.image-slider span.swiper-pagination-bullet {
  border: 2px solid #fff;
}
.future {
  position: relative !important;
}

.future::before {
  position: absolute !important;
  content: "" !important;
  background-image: url(../images/arrow.png) !important;
  background-size: 86px !important;
  background-repeat: no-repeat !important;
  right: -92px !important;
  bottom: 30px !important;
  width: 85px !important;
  height: 35px !important;
  top: auto !important;
  left: auto !important;
}
.premiere section.banner-space td:not(:first-child) {
  text-align: left;
}
.footer-form h2 {
  text-align: left;
}
.image-slider img.swiper-slide-image {
  height: 700px;
  width: 100%;
  object-fit: cover;
}
.premiere #form > * {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.supply-products h2 {
  text-align: left !important;
}
.good-living-heading h2.elementor-heading-title {
  text-align: left;
}
html,
body {
  scroll-behavior: smooth;
}
section.banner-space td,
section.banner-space td a {
  text-align: left !important;
}
.footer-bottom a img {
  width: 100% !important;
}
h1 {
  text-transform: capitalize;
}
.supply-products .text-center h2 {
  text-align: center !important;
}
.text-left h2 {
  text-align: left;
}
.benefits h3 span {
  color: #878787;
  font-size: 22px;
  line-height: 32px;
}
.benefits h2 span {
  display: block;
}

.text-underline a {
  /* text-decoration: underline !important; */
  color: #242324 !important;
  position: relative;
}

.text-underline a::before {
  position: absolute;
  content: "";
  background: #242324;
  width: 100%;
  height: 1px;
  left: 0;
  right: 0;
  bottom: 0px;
}

.text-underline a:hover {
  color: #e27334 !important;
}

.text-underline a::before::before {
  background-color: #e27334 !important;
}
@media (min-width: 400px) {
  .site-translate {
    right: -11rem;
    width: 11rem;
  }
  .site-translate {
    top: 90%;
    left: auto;
    right: -24rem;
    width: 10rem;
  }
}
@media (max-width: 1680px) {
  .future::before {
    right: -92px !important;
  }
}

@media (max-width: 1440px) {
  .image-slider img.swiper-slide-image {
    height: 500px;
  }
  .wp-block-button__link,
  a.onpeakButton {
    font-size: 18px;
    line-height: 28px;
    padding: 12px 26px 12px 26px !important;
  }
  .banner-space > .banner-space-inner,
  .premiere .full-width .wp-block-group__inner-container {
    max-width: 94% !important;
  }
  .e-con-inner {
    max-width: 94% !important;
  }
  .premiere .full-width.has-background .wp-block-group__inner-container {
    max-width: 100% !important;
  }
  .iframe-sec iframe {
    height: 400px !important;
  }
  #sync1 .wrapper-div {
    max-width: 94%;
  }
  .benefits p.elementor-icon-box-description span::before {
    right: -100px;
    top: -16px;
  }

  .animate-img .elementor-widget-container::before {
    background-size: 200px;
  }
  /* .benefits p.elementor-icon-box-description span{
    display: block;
  } */
  .benefits .pr-30 p.elementor-icon-box-description {
    padding-right: 35px;
  }
  .premiere .page h1 {
    font-size: 50px !important;
    line-height: 60px !important;
  }
  .premiere .page h2 {
    font-size: 40px !important;
    line-height: 50px !important;
  }
}

@media (min-width: 1367px) and (max-width: 1439px) {
  .benefits p.elementor-icon-box-description {
    font-size: 16px !important;
  }
  .benefits p.elementor-icon-box-description span {
    position: unset;
  }
  .benefits p.elementor-icon-box-description span::before {
    content: none;
  }
  .benefits .in-between-arrow p.elementor-icon-box-description {
    position: relative;
  }
  .benefits .in-between-arrow p.elementor-icon-box-description::before {
    position: absolute;
    content: "";
    background-image: url(../images/arrow.png);
    background-size: 86px;
    background-repeat: no-repeat;
    right: -44px;
    bottom: 7px;
    width: 86px;
    height: 38px;
  }
}

@media (min-width: 768px) and (max-width: 1440px) {
  .iframe-sec .e-con-inner {
    max-width: 900px !important;
    width: 94% !important;
  }
}

@media (max-width: 1366px) {
  .benefits p.elementor-icon-box-description span {
    display: block;
    width: 192px;
    margin-top: 12px;
  }
  .benefits p.elementor-icon-box-description span::before {
    right: -75px;
    top: -16px;
  }
}

@media (max-width: 1280px) {
  .premiere .page h1 {
    font-size: 40px !important;
    line-height: 50px !important;
  }
  .premiere .page h2 {
    font-size: 30px !important;
    line-height: 40px !important;
  }
  .iframe-sec-home iframe {
    height: 330px;
  }
  /* .future::before {
    background-size: 45px !important;
    right: -62px !important;
    bottom: 30px !important;
    width: 45px !important;
} */

  .future::before {
    background-size: 56px !important;
    width: 56px !important;

    right: -72px !important;
  }
}

@media (max-width: 1024px) {
  .image-slider img.swiper-slide-image {
    height: 300px;
  }
  .page-id-1475 .banner-space > .banner-space-inner p {
    padding: 0;
  }
  .footer-form li#field_4_19 {
    margin-top: 23px;
  }
  .footer-form li#field_4_19 label.gfield_label.gform-field-label {
    margin-bottom: 10px;
  }
  .pr-40 h3.elementor-icon-box-title span,
  .phr-5 h3.elementor-icon-box-title {
    padding-right: 0px;
  }
  .benefits p.elementor-icon-box-description span::before {
    width: 100%;
    top: 50px;
    background-image: url(../images/arrow-mob-removebg-preview.png);
    margin: 0 auto;
    left: 0;
    right: auto;
  }
  .future::before {
    background-image: url(../images/curved-arrow-svg.svg) !important;
    right: 0 !important;
    bottom: -164px !important;
    top: auto !important;
    left: 0 !important;
    margin: 0 auto !important;
    transform: rotate(40deg);
    width: 150px !important;
    background-size: 80px !important;
    height: 150px !important;
  }
  .benefits p.elementor-icon-box-description span {
    display: block;
  }
  .benefits .pr-30 p.elementor-icon-box-description {
    padding: 0;
  }
  .header-main .menu-item span.sub-arrow {
    fill: #fff !important;
  }
  .header-main nav.elementor-nav-menu--dropdown.elementor-nav-menu__container {
    top: 50px !important;
  }
  .footer-form li#field_4_19 {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 0px;
  }
  .footer-form li#field_4_19 .ginput_container,
  .footer-form li#field_4_19 label {
    width: 100%;
  }
  .footer-form li#field_4_19 .ginput_container {
    margin-top: 5px;
  }
  .footer-form input,
  .footer-form select {
    padding-top: 0 !important;
  }
  .animate-img .elementor-widget-container::before {
    left: -38px;
    margin: 0;
    width: 266px;
  }
  .animate-img .elementor-widget-container::before {
    background-size: 190px;
  }
  .text-right h2.elementor-heading-title {
    text-align: center !important;
  }
}
@media (max-width: 992px) {
  .premiere .full-width,
  .premiere .section-stay-connected {
    left: 0;
  }

  .premiere .page h3 {
    font-size: 22px !important;
    line-height: 32px !important;
  }

  .wp-block-table th {
    font-size: 18px;
    line-height: 24px;
  }
  .wp-block-buttons .wp-block-button:not(:last-child),
  .wp-block-buttons .wp-block-button:not(:last-child) {
    margin-bottom: 10px;
  }
  .wp-block-buttons .wp-block-button,
  .wp-block-buttons .wp-block-button {
    width: 100%;
    text-align: center;
  }
  .premiere .page h3 {
    letter-spacing: 0;
  }
  .iframe-sec iframe {
    height: 300px !important;
  }
  .page-template-hpbe-singular table {
    max-width: 100%;
  }
}
@media (max-width: 768px) {
  .benefits h3 span {
    font-size: 20px;
    line-height: 30px;
  }

  .footer-form.e-con.e-flex > .e-con-inner,
  .footer-bottom.e-con.e-flex > .e-con-inner {
    flex-direction: column !important;
  }
  .footer-form .elementor-element.e-con.e-child,
  .footer-bottom.e-con.e-flex > .e-con-inner {
    width: 100% !important;
  }
  .footer-social {
    justify-content: center;
    align-items: center;
  }

  .footer-social .elementor-widget-social-icons {
    width: 100%;
  }
  .footer-bottom ul {
    row-gap: 20px;
  }
}
@media (max-width: 767px) {
  .countdown-sec .elementor-countdown-item:not(:last-child)::before {
    /* width: 30px;
    height: 30px; */
    background-size: 50px;
    /* right: -17px;
    transform: rotate(123deg); */
  }

  .image-slider .swiper-pagination {
    bottom: 20px !important;
  }

  .banner-space > .banner-space-inner p {
    padding: 0;
  }
  .onpeak_ajaxHotelItem {
    font-size: 14px;
    line-height: 24px;
  }
  /* .premiere .page ul,
  .premiere .page ol {
    max-width: 100%;
    margin: 0 auto;
    text-align: left;
  } */
  .iframe-sec iframe {
    height: 230px !important;
  }
  .e-con-inner {
    max-width: 90% !important;
  }

  .premiere .page ul li,
  .premiere .page ol li {
    display: block;
    text-align: center !important;
  }
  .wp-block-image img {
    margin: 0 auto;
    text-align: center;
  }
  .premiere .page h4 {
    text-align: center;
  }
  .wp-block-image .alignleft {
    text-align: center;
  }
  .wp-container-core-group-is-layout-1.wp-container-core-group-is-layout-1 {
    justify-content: flex-start;
  }
  .onpeakBenefitEffect p.onpeakBenefitTitle,
  .onpeakBenefitEffect p.onpeakBenefitInfo {
    text-align: center !important;
  }
  .premiere .page p,
  .premiere .page span,
  .premiere .page li {
    text-align: left !important;
  }
  .wp-block-buttons.is-content-justification-right,
  .wp-block-buttons.is-layout-flex {
    display: inline-block;
    text-align: center;
    width: 100%;
    margin: 0 auto 20px auto;
  }
  .wp-container-core-group-is-layout-1.wp-container-core-group-is-layout-1 {
    justify-content: center;
  }
  /* .wp-block-image .aligncenter {
    margin-left: 0 !important;
    margin-right: 0 !important;
  } */
  .ultimate-awards-winners h1,
  .ultimate-awards-winners h2 {
    text-align: left !important;
  }

  .ultimate-awards-winners .text-center-cus {
    text-align: left !important;
  }

  iframe {
    max-width: 100%;
  }
  .wp-block-button__link,
  a.onpeakButton {
    font-size: 16px;
    line-height: 26px;
    padding: 12px 16px 12px 16px !important;
  }
  .premiere .page h1 {
    font-size: 32px !important;
    line-height: 42px !important;
    letter-spacing: 0;
  }
  .premiere .page h2 {
    font-size: 28px !important;
    line-height: 38px !important;
    letter-spacing: 0;
  }
  .premiere .page h1,
  .premiere .page h2,
  .premiere .page h3,
  .premiere .page h4,
  .premiere .page h5,
  .premiere .page h6,
  .premiere .page,
  .premiere .page p,
  ul.onpeakHelpUl {
    /* text-align: left !important; */
    text-align: center !important;
  }

  .onpeakStamp {
    float: none !important;
    margin: 6px auto 16px auto !important;
  }
  .onpeakButtonContainer {
    text-align: left;
  }
  .premiere .page p,
  .premiere .page span,
  .premiere .page li {
    font-family: "Radio Canada Big", Sans-serif;
    font-size: 20px;
    line-height: 30px;
    text-align: left;
  }
  .premiere .page p,
  .premiere .page span,
  .premiere .page li,
  section.banner-space td {
    font-size: 18px;
    line-height: 28px;
  }
  section.banner-space td {
    font-size: 14px;
    line-height: 18px;
  }
  #sync1 .e-con-inner.owl-carousel {
    max-width: 100% !important;
  }
  .footer-bottom ul#menu-1-0ba6f6a,
  .footer-bottom {
    justify-content: center;
    text-align: center;
  }
  .footer-form input#gform_submit_button_4 {
    padding: 12px 16px !important;
    font-size: 16px !important;
    line-height: 26px !important;
    background-size: 16px !important;
  }
  .wp-block-buttons,
  .wp-block-buttons.is-layout-flex {
    margin-bottom: 10px !important;
    text-align: left !important;
    width: 100%;
  }
  .banner-space > .banner-space-inner,
  .premiere .full-width .wp-block-group__inner-container {
    max-width: 90% !important;
  }
  .onpeakBenefitBox {
    margin: 0 auto 16px auto !important;
  }
  .onpeakPoacher {
    float: none !important;
    margin: 0 auto;
  }
}
@media (max-width: 700px) {
  .premiere .fitty {
    max-width: 100% !important;
  }
}
@media (max-width: 656px) {
  .header-main nav.elementor-nav-menu--dropdown.elementor-nav-menu__container {
    top: 30px !important;
  }
}
@media (max-width: 600px) {
  /* .onpeakBenefitEffect p.onpeakBenefitTitle,
  .onpeakBenefitEffect p.onpeakBenefitInfo,
  .onpeakBenefitEffect {
    text-align: left !important;
  } */

  .premiere .page .onpeakBenefitEffect .onpeakBenefitInfo {
    padding: 0 !important;
  }
  /* .premiere .page .onpeakIcons {
    margin: 0 !important;
  } */
  .premiere .page .onpeakStamp {
    float: none !important;
    margin: 6px auto 16px auto !important;
  }
  .premiere .page .onpeakPoacher {
    float: none !important;
    margin: 0 auto !important;
  }
  .premiere .page .onpeakBenefitBox {
    margin: 0 auto 16px auto !important;
    height: auto !important;
  }
  .premiere .page .wp-block-media-text__content,
  .premiere .page .wp-block-media-text__content h1,
  .premiere .page .wp-block-media-text__content h2,
  .premiere .page .wp-block-media-text__content h3,
  .premiere .page .wp-block-media-text__content h4,
  .premiere .page .wp-block-media-text__content h5,
  .premiere .page .wp-block-media-text__content h6,
  .premiere .page .wp-block-media-text__content p {
    text-align: center !important;
  }
}
@media (max-width: 576px) {
  .countdown-sec .elementor-countdown-item:not(:last-child)::before {
    width: 2px;
    height: 40px;
    background-size: 30px;
    right: -17px;
    background-image: none !important;
    background-color: #000;
  }

  .premiere .page span.db-mob {
    display: block;
    text-align: center !important;
    width: 100%;
  }

  .footer-bottom .elementor-nav-menu {
    text-align: center;
    justify-content: center !important;
  }
  span.hide {
    display: none;
  }
  .header-main .e-con-inner:first-child {
    justify-content: center;
    gap: 20px;
    flex-direction: column;
  }
  .footer-form li#field_4_19 .ginput_container ul {
    display: block;
  }

  .wp-block-buttons.is-content-justification-right:not(:last-child) {
    display: block;
    text-align: left;
    margin-right: 0;
  }

  .header-main .e-con-inner:first-child .elementor-element.e-con-full {
    width: 100%;
  }
  .e-con-full.header-right {
    justify-content: center;
  }
  .header-main .elementor-widget-theme-site-logo {
    text-align: center !important;
    margin: 0 auto !important;
  }
  .footer-bottom .elementor-nav-menu {
    text-align: center;
    justify-content: center !important;
  }
  .footer-bottom-inner {
    flex-wrap: wrap;
    justify-content: center;
    text-align: center;
  }
  .footer-bottom-inner .elementor-widget-container {
    text-align: center;
  }
}

@media (max-width: 400px) {
  .iframe-sec iframe {
    height: auto !important;
  }
  .countdown-sec .elementor-countdown-item span.elementor-countdown-label {
    font-size: 12px !important;
  }
  .iframe-sec-home iframe {
    height: auto;
  }
}