.elementor-873 .elementor-element.elementor-element-3bd469b img{width:100%;}.elementor-873 .elementor-element.elementor-element-57e2fc6 img{width:100%;}.elementor-873 .elementor-element.elementor-element-78159b3 img{width:100%;}.elementor-873 .elementor-element.elementor-element-9c35326 img{width:100%;}.elementor-873 .elementor-element.elementor-element-7ea0765 img{width:100%;}.elementor-873 .elementor-element.elementor-element-391a5bfd .elementor-button{background-color:#02010100;font-family:"Roboto Condensed", Sans-serif;font-size:14px;font-weight:600;text-transform:uppercase;fill:var( --e-global-color-secondary );color:var( --e-global-color-secondary );border-style:solid;border-color:var( --e-global-color-accent );border-radius:0px 0px 0px 0px;padding:12px 24px 12px 24px;}.elementor-873 .elementor-element.elementor-element-391a5bfd .elementor-button:hover, .elementor-873 .elementor-element.elementor-element-391a5bfd .elementor-button:focus{background-color:var( --e-global-color-accent );color:var( --e-global-color-7afa830 );}.elementor-873 .elementor-element.elementor-element-391a5bfd{margin:40px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-873 .elementor-element.elementor-element-391a5bfd .elementor-button:hover svg, .elementor-873 .elementor-element.elementor-element-391a5bfd .elementor-button:focus svg{fill:var( --e-global-color-7afa830 );}.elementor-873 .elementor-element.elementor-element-661158bf .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(0px/2);}.elementor-873 .elementor-element.elementor-element-661158bf .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(0px/2);}.elementor-873 .elementor-element.elementor-element-661158bf .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(0px/2);}.elementor-873 .elementor-element.elementor-element-661158bf .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-0px/2);}.elementor-873 .elementor-element.elementor-element-661158bf .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-0px/2);}.elementor-873 .elementor-element.elementor-element-661158bf .elementor-icon-list-icon i{color:var( --e-global-color-primary );transition:color 0.3s;}.elementor-873 .elementor-element.elementor-element-661158bf .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );transition:fill 0.3s;}.elementor-873 .elementor-element.elementor-element-661158bf{--e-icon-list-icon-size:15px;--icon-vertical-offset:0px;}.elementor-873 .elementor-element.elementor-element-661158bf .elementor-icon-list-item > .elementor-icon-list-text, .elementor-873 .elementor-element.elementor-element-661158bf .elementor-icon-list-item > a{font-size:12px;font-weight:700;text-transform:uppercase;line-height:50px;}.elementor-873 .elementor-element.elementor-element-661158bf .elementor-icon-list-text{transition:color 0.3s;}.elementor-873 .elementor-element.elementor-element-2d3fecf9 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(0px/2);}.elementor-873 .elementor-element.elementor-element-2d3fecf9 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(0px/2);}.elementor-873 .elementor-element.elementor-element-2d3fecf9 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(0px/2);}.elementor-873 .elementor-element.elementor-element-2d3fecf9 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-0px/2);}.elementor-873 .elementor-element.elementor-element-2d3fecf9 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-0px/2);}.elementor-873 .elementor-element.elementor-element-2d3fecf9 .elementor-icon-list-icon i{color:var( --e-global-color-primary );transition:color 0.3s;}.elementor-873 .elementor-element.elementor-element-2d3fecf9 .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );transition:fill 0.3s;}.elementor-873 .elementor-element.elementor-element-2d3fecf9{--e-icon-list-icon-size:15px;--icon-vertical-offset:0px;}.elementor-873 .elementor-element.elementor-element-2d3fecf9 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-873 .elementor-element.elementor-element-2d3fecf9 .elementor-icon-list-item > a{font-size:12px;font-weight:700;text-transform:uppercase;line-height:50px;}.elementor-873 .elementor-element.elementor-element-2d3fecf9 .elementor-icon-list-text{transition:color 0.3s;}.elementor-873 .elementor-element.elementor-element-7811abf6 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(0px/2);}.elementor-873 .elementor-element.elementor-element-7811abf6 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(0px/2);}.elementor-873 .elementor-element.elementor-element-7811abf6 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(0px/2);}.elementor-873 .elementor-element.elementor-element-7811abf6 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-0px/2);}.elementor-873 .elementor-element.elementor-element-7811abf6 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-0px/2);}.elementor-873 .elementor-element.elementor-element-7811abf6 .elementor-icon-list-icon i{color:var( --e-global-color-primary );transition:color 0.3s;}.elementor-873 .elementor-element.elementor-element-7811abf6 .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );transition:fill 0.3s;}.elementor-873 .elementor-element.elementor-element-7811abf6{--e-icon-list-icon-size:15px;--icon-vertical-offset:0px;}.elementor-873 .elementor-element.elementor-element-7811abf6 .elementor-icon-list-icon{padding-inline-end:0px;}.elementor-873 .elementor-element.elementor-element-7811abf6 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-873 .elementor-element.elementor-element-7811abf6 .elementor-icon-list-item > a{font-size:12px;font-weight:700;text-transform:uppercase;line-height:50px;}.elementor-873 .elementor-element.elementor-element-7811abf6 .elementor-icon-list-text{transition:color 0.3s;}.elementor-873 .elementor-element.elementor-element-7862ff9a .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(0px/2);}.elementor-873 .elementor-element.elementor-element-7862ff9a .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(0px/2);}.elementor-873 .elementor-element.elementor-element-7862ff9a .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(0px/2);}.elementor-873 .elementor-element.elementor-element-7862ff9a .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-0px/2);}.elementor-873 .elementor-element.elementor-element-7862ff9a .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-0px/2);}.elementor-873 .elementor-element.elementor-element-7862ff9a .elementor-icon-list-icon i{color:var( --e-global-color-primary );transition:color 0.3s;}.elementor-873 .elementor-element.elementor-element-7862ff9a .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );transition:fill 0.3s;}.elementor-873 .elementor-element.elementor-element-7862ff9a{--e-icon-list-icon-size:15px;--icon-vertical-offset:0px;}.elementor-873 .elementor-element.elementor-element-7862ff9a .elementor-icon-list-item > .elementor-icon-list-text, .elementor-873 .elementor-element.elementor-element-7862ff9a .elementor-icon-list-item > a{font-size:12px;font-weight:700;text-transform:uppercase;line-height:50px;}.elementor-873 .elementor-element.elementor-element-7862ff9a .elementor-icon-list-text{transition:color 0.3s;}.elementor-873 .elementor-element.elementor-element-face9db .elementor-button{background-color:var( --e-global-color-accent );font-family:"Roboto Condensed", Sans-serif;font-size:14px;font-weight:600;text-transform:uppercase;fill:var( --e-global-color-7afa830 );color:var( --e-global-color-7afa830 );border-style:solid;border-color:var( --e-global-color-accent );border-radius:0px 0px 0px 0px;padding:12px 24px 12px 24px;}.elementor-873 .elementor-element.elementor-element-face9db .elementor-button:hover, .elementor-873 .elementor-element.elementor-element-face9db .elementor-button:focus{background-color:#F5822000;color:var( --e-global-color-7afa830 );}.elementor-873 .elementor-element.elementor-element-face9db{margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-873 .elementor-element.elementor-element-face9db .elementor-button:hover svg, .elementor-873 .elementor-element.elementor-element-face9db .elementor-button:focus svg{fill:var( --e-global-color-7afa830 );}.elementor-873 .elementor-element.elementor-element-3267c175.elementor-skin-slideshow .elementor-main-swiper:not(.elementor-thumbnails-swiper){margin-bottom:10px;}.elementor-873 .elementor-element.elementor-element-3267c175 .swiper-pagination-bullet-active, .elementor-873 .elementor-element.elementor-element-3267c175 .swiper-pagination-progressbar-fill{background-color:var( --e-global-color-accent );}.elementor-873 .elementor-element.elementor-element-3267c175 .swiper-pagination-fraction{color:var( --e-global-color-accent );}.elementor-873 .elementor-element.elementor-element-3267c175{margin:25px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-873 .elementor-element.elementor-element-3267c175 .elementor-swiper-button{font-size:40px;color:var( --e-global-color-bf30723 );}.elementor-873 .elementor-element.elementor-element-3267c175 .elementor-swiper-button svg{fill:var( --e-global-color-bf30723 );}.elementor-873 .elementor-element.elementor-element-3267c175 .swiper-pagination-bullet{height:10px;width:10px;}.elementor-873 .elementor-element.elementor-element-3267c175 .swiper-horizontal .swiper-pagination-progressbar{height:10px;}.elementor-873 .elementor-element.elementor-element-2172ce9a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;border-style:none;--border-style:none;--padding-top:40px;--padding-bottom:40px;--padding-left:40px;--padding-right:40px;}.elementor-873 .elementor-element.elementor-element-2172ce9a:not(.elementor-motion-effects-element-type-background), .elementor-873 .elementor-element.elementor-element-2172ce9a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#DDDDDD;}.elementor-873 .elementor-element.elementor-element-7692faf .elementor-field-group{padding-right:calc( 60px/2 );padding-left:calc( 60px/2 );margin-bottom:16px;}.elementor-873 .elementor-element.elementor-element-7692faf .elementor-form-fields-wrapper{margin-left:calc( -60px/2 );margin-right:calc( -60px/2 );margin-bottom:-16px;}.elementor-873 .elementor-element.elementor-element-7692faf .elementor-field-group.recaptcha_v3-bottomleft, .elementor-873 .elementor-element.elementor-element-7692faf .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-873 .elementor-element.elementor-element-7692faf .elementor-labels-inline .elementor-field-group > label{padding-left:2px;}body:not(.rtl) .elementor-873 .elementor-element.elementor-element-7692faf .elementor-labels-inline .elementor-field-group > label{padding-right:2px;}body .elementor-873 .elementor-element.elementor-element-7692faf .elementor-labels-above .elementor-field-group > label{padding-bottom:2px;}.elementor-873 .elementor-element.elementor-element-7692faf .elementor-field-group > label, .elementor-873 .elementor-element.elementor-element-7692faf .elementor-field-subgroup label{color:#202020;}.elementor-873 .elementor-element.elementor-element-7692faf .elementor-field-group > label{font-family:"Barlow", Sans-serif;font-size:14px;font-weight:600;text-transform:uppercase;line-height:1.2em;}.elementor-873 .elementor-element.elementor-element-7692faf .elementor-field-type-html{font-family:"Barlow", Sans-serif;font-size:13px;font-weight:400;}.elementor-873 .elementor-element.elementor-element-7692faf .elementor-field-group .elementor-field{color:#202020;}.elementor-873 .elementor-element.elementor-element-7692faf .elementor-field-group .elementor-field, .elementor-873 .elementor-element.elementor-element-7692faf .elementor-field-subgroup label{font-family:"Barlow", Sans-serif;font-size:16px;font-weight:400;line-height:1.4em;}.elementor-873 .elementor-element.elementor-element-7692faf .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#FFFFFF;border-color:#DDDDDD;border-width:1px 1px 1px 1px;border-radius:2px 2px 2px 2px;}.elementor-873 .elementor-element.elementor-element-7692faf .elementor-field-group .elementor-select-wrapper select{background-color:#FFFFFF;border-color:#DDDDDD;border-width:1px 1px 1px 1px;border-radius:2px 2px 2px 2px;}.elementor-873 .elementor-element.elementor-element-7692faf .elementor-field-group .elementor-select-wrapper::before{color:#DDDDDD;}.elementor-873 .elementor-element.elementor-element-7692faf .elementor-button{font-family:"Barlow", Sans-serif;font-size:15px;font-weight:700;text-transform:uppercase;border-radius:2px 2px 2px 2px;padding:17px 24px 17px 24px;}.elementor-873 .elementor-element.elementor-element-7692faf .e-form__buttons__wrapper__button-next{background-color:#F58220;color:#FFFFFF;}.elementor-873 .elementor-element.elementor-element-7692faf .elementor-button[type="submit"]{background-color:#F58220;color:#FFFFFF;}.elementor-873 .elementor-element.elementor-element-7692faf .elementor-button[type="submit"] svg *{fill:#FFFFFF;}.elementor-873 .elementor-element.elementor-element-7692faf .e-form__buttons__wrapper__button-previous{color:#ffffff;}.elementor-873 .elementor-element.elementor-element-7692faf .e-form__buttons__wrapper__button-next:hover{color:#FFFFFF;}.elementor-873 .elementor-element.elementor-element-7692faf .elementor-button[type="submit"]:hover{color:#FFFFFF;}.elementor-873 .elementor-element.elementor-element-7692faf .elementor-button[type="submit"]:hover svg *{fill:#FFFFFF;}.elementor-873 .elementor-element.elementor-element-7692faf .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-873 .elementor-element.elementor-element-7692faf{--e-form-steps-indicators-spacing:20px;--e-form-steps-indicator-padding:30px;--e-form-steps-indicator-inactive-secondary-color:#ffffff;--e-form-steps-indicator-active-secondary-color:#ffffff;--e-form-steps-indicator-completed-secondary-color:#ffffff;--e-form-steps-divider-width:1px;--e-form-steps-divider-gap:10px;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-873 .elementor-element.elementor-element-2172ce9a{--content-width:1180px;}}@media(max-width:1300px){.elementor-873 .elementor-element.elementor-element-661158bf .elementor-icon-list-item > .elementor-icon-list-text, .elementor-873 .elementor-element.elementor-element-661158bf .elementor-icon-list-item > a{font-size:8px;}.elementor-873 .elementor-element.elementor-element-2d3fecf9 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-873 .elementor-element.elementor-element-2d3fecf9 .elementor-icon-list-item > a{font-size:8px;}.elementor-873 .elementor-element.elementor-element-7811abf6 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-873 .elementor-element.elementor-element-7811abf6 .elementor-icon-list-item > a{font-size:8px;}.elementor-873 .elementor-element.elementor-element-7862ff9a .elementor-icon-list-item > .elementor-icon-list-text, .elementor-873 .elementor-element.elementor-element-7862ff9a .elementor-icon-list-item > a{font-size:8px;}.elementor-873 .elementor-element.elementor-element-3267c175.elementor-skin-slideshow .elementor-main-swiper:not(.elementor-thumbnails-swiper){margin-bottom:10px;}.elementor-873 .elementor-element.elementor-element-2172ce9a{--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}}@media(max-width:767px){.elementor-873 .elementor-element.elementor-element-3bd469b img{max-width:25%;}.elementor-873 .elementor-element.elementor-element-57e2fc6 img{max-width:25%;}.elementor-873 .elementor-element.elementor-element-78159b3 img{max-width:25%;}.elementor-873 .elementor-element.elementor-element-9c35326 img{max-width:25%;}.elementor-873 .elementor-element.elementor-element-7ea0765 img{max-width:25%;}.elementor-873 .elementor-element.elementor-element-3267c175.elementor-skin-slideshow .elementor-main-swiper:not(.elementor-thumbnails-swiper){margin-bottom:10px;}.elementor-873 .elementor-element.elementor-element-2172ce9a{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}}/* Start custom CSS for form, class: .elementor-element-7692faf */.elementor-873 .elementor-element.elementor-element-7692faf,
.elementor-873 .elementor-element.elementor-element-7692faf .elementor-form,
.elementor-873 .elementor-element.elementor-element-7692faf .elementor-form-fields-wrapper {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  box-sizing: border-box;
}

.elementor-873 .elementor-element.elementor-element-7692faf .elementor-form-fields-wrapper {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.elementor-873 .elementor-element.elementor-element-7692faf .elementor-field-group {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  box-sizing: border-box;
}

.elementor-873 .elementor-element.elementor-element-7692faf .elementor-field,
.elementor-873 .elementor-element.elementor-element-7692faf input,
.elementor-873 .elementor-element.elementor-element-7692faf textarea,
.elementor-873 .elementor-element.elementor-element-7692faf select {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  box-sizing: border-box;
}
.elementor-873 .elementor-element.elementor-element-7692faf .elementor-field-group-full_name input,
.elementor-873 .elementor-element.elementor-element-7692faf .elementor-field-group-phone input,
.elementor-873 .elementor-element.elementor-element-7692faf .elementor-field-group-email input,
.elementor-873 .elementor-element.elementor-element-7692faf .elementor-field-group-postcode input,
.elementor-873 .elementor-element.elementor-element-7692faf .elementor-field-group-business_name input {
  height: 36px;
  padding: 6px 16px;
}
.elementor-873 .elementor-element.elementor-element-7692faf .elementor-field-group-message .elementor-field-label {
  width: 100%;
  text-align: left;
}

.elementor-873 .elementor-element.elementor-element-7692faf .elementor-field-type-radio .elementor-field-subgroup {
  display: flex;
  min-height: 20px;
  padding: 0;
}

.elementor-873 .elementor-element.elementor-element-7692faf .elementor-field-type-radio .elementor-field-option {
  position: relative;
  display: block;
  flex: 1 1 0;
  min-width: 0;
  padding: 0;
}

.elementor-873 .elementor-element.elementor-element-7692faf .elementor-field-type-radio .elementor-field-option + .elementor-field-option {
  margin-left: 10px;
}

.elementor-873 .elementor-element.elementor-element-7692faf .elementor-field-type-radio input[type="radio"] {
  position: absolute;
  width: 1px;
  height: 1px;
  opacity: 0;
  pointer-events: none;
}

.elementor-873 .elementor-element.elementor-element-7692faf .elementor-field-type-radio .elementor-field-option label {
  display: flex;
  width: 100%;
  min-height: 54px;
  align-items: center;
  justify-content: center;
  padding: 0 16px;
  border: 1px solid #DDDDDD;
  background: #FFFFFF;
  color: #202020;
  font-family: Barlow, sans-serif;
  font-size: 15px;
  font-weight: 700;
  line-height: 1;
  text-transform: uppercase;
  cursor: pointer;
  box-sizing: border-box;
  transition: background-color 160ms ease, border-color 160ms ease, color 160ms ease;
}

.elementor-873 .elementor-element.elementor-element-7692faf .elementor-field-type-radio .elementor-field-option label:hover {
  border-color: #F58220;
}

.elementor-873 .elementor-element.elementor-element-7692faf .elementor-field-type-radio input[type="radio"]:checked + label {
  border-color: #F58220;
  background: #F58220;
  color: #FFFFFF;
}

.elementor-873 .elementor-element.elementor-element-7692faf .elementor-field-type-radio input[type="radio"]:focus-visible + label {
  outline: 2px solid #202020;
  outline-offset: 2px;
}

.elementor-873 .elementor-element.elementor-element-7692faf .elementor-field-group-enquiry_type {
  grid-column: 1;
  grid-row: 1;
}

.elementor-873 .elementor-element.elementor-element-7692faf .elementor-field-group-full_name {
  grid-column: 1;
  grid-row: 2;
}

.elementor-873 .elementor-element.elementor-element-7692faf .elementor-field-group-phone {
  grid-column: 1;
  grid-row: 3;
}

.elementor-873 .elementor-element.elementor-element-7692faf .elementor-field-group-email {
  grid-column: 1;
  grid-row: 4;
}

.elementor-873 .elementor-element.elementor-element-7692faf .elementor-field-group-postcode {
  grid-column: 2;
  grid-row: 1;
}

.elementor-873 .elementor-element.elementor-element-7692faf .elementor-field-group-business_name {
  grid-column: 2;
  grid-row: 2;
}

.elementor-873 .elementor-element.elementor-element-7692faf .elementor-field-group-message {
  display: flex;
  flex-direction: column;
  grid-column: 2;
  grid-row: 3 / span 2;
}

.elementor-873 .elementor-element.elementor-element-7692faf .elementor-field-group-message textarea {
  flex: 1 1 auto;
  min-height: 146px;
  resize: vertical;
}

.elementor-873 .elementor-element.elementor-element-7692faf .elementor-field-type-honeypot {
  display: none;
}

.elementor-873 .elementor-element.elementor-element-7692faf .elementor-field-type-submit,
.elementor-873 .elementor-element.elementor-element-7692faf .e-form__buttons {
  grid-column: 2;
  grid-row: 5;
}

.elementor-873 .elementor-element.elementor-element-7692faf .elementor-field-type-submit .elementor-button,
.elementor-873 .elementor-element.elementor-element-7692faf .e-form__buttons .elementor-button {
  width: 100%;
  min-height: 54px;
}

@media (max-width: 767px) {
  .elementor-873 .elementor-element.elementor-element-7692faf .elementor-form-fields-wrapper {
    grid-template-columns: minmax(0, 1fr);
  }

  .elementor-873 .elementor-element.elementor-element-7692faf .elementor-field-group,
  .elementor-873 .elementor-element.elementor-element-7692faf .elementor-field-type-submit,
  .elementor-873 .elementor-element.elementor-element-7692faf .e-form__buttons {
    grid-column: 1;
    grid-row: auto;
  }

  .elementor-873 .elementor-element.elementor-element-7692faf .elementor-field-group-message textarea {
    min-height: 140px;
  }
}/* End custom CSS */
/* Start custom CSS *//* =========================================================
   SHANTUI HOMEPAGE — ROTATING HERO MESSAGES ONLY
   ========================================================= */


/* ---------------------------------------------------------
   ROTATING MESSAGE WRAPPER
   --------------------------------------------------------- */

.shantui-hero-messages {
    position: absolute;
    z-index: 2;

    display: grid;
    box-sizing: border-box;
}


/* ---------------------------------------------------------
   MESSAGE CARDS
   --------------------------------------------------------- */

.message-1,
.message-2,
.message-3 {
    grid-column: 1;
    grid-row: 1;

    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;

    width: 600px;
    max-width: 600px;

    box-sizing: border-box;

    background: rgba(0, 0, 0, 0.40);
    padding: 25px;

    opacity: 0;
    animation: shantui-message-cycle 18s infinite;
}


/* ---------------------------------------------------------
   HEADINGS
   --------------------------------------------------------- */

.banner-heading {
    display: block;
    width: 100%;
    min-height: 36px;

    margin: 0;
    padding: 0;

    font-family: "Roboto Condensed", sans-serif;
    font-size: 34px;
    font-weight: 700;
    line-height: 36px;
    letter-spacing: 0;
    text-transform: uppercase;

    color: #ffffff;
}


/* ---------------------------------------------------------
   PARAGRAPH
   --------------------------------------------------------- */

.banner-paragraph {
    display: block;
    width: 100%;

    margin: 12px 0 16px 0;
    padding: 0;

    font-family: Arial, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.45;

    color: #ffffff;
}


/* ---------------------------------------------------------
   CTA BUTTON
   --------------------------------------------------------- */

.banner-button {
    display: inline-block;

    margin: 0;
    padding: 12px 24px;

    font-family: "Roboto Condensed", sans-serif;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.2;
    text-transform: uppercase;

    color: #ffffff;
    background: #F58220;

    border: none;
    border-radius: 2px;

    text-decoration: none;
}


/* ---------------------------------------------------------
   MESSAGE TIMING
   --------------------------------------------------------- */

.message-1 {
    animation-delay: 0s;
}

.message-2 {
    animation-delay: 6s;
}

.message-3 {
    animation-delay: 12s;
}


/* ---------------------------------------------------------
   FADE ANIMATION
   --------------------------------------------------------- */

@keyframes shantui-message-cycle {

    0% {
        opacity: 0;
    }

    3% {
        opacity: 1;
    }

    30% {
        opacity: 1;
    }

    33.333% {
        opacity: 0;
    }

    100% {
        opacity: 0;
    }
}/* End custom CSS */