@charset "utf-8";
/* Style UI UX */

/* Custom fonts */
@font-face {
font-family: 'Averta';
font-style: normal;
font-weight: 400;
src: local('Averta'), 
 url('https://www.avantiwestcoast.co.uk/Assets/fonts/Averta.woff') format('woff'),
 url('https://www.avantiwestcoast.co.uk/Assets/fonts/Averta.woff2') format('woff2'),
 url('https://www.avantiwestcoast.co.uk/Assets/fonts/Averta.otf') format('otf'),
 url('https://www.avantiwestcoast.co.uk/Assets/fonts/Averta.ttf') format('ttf');
}
@font-face {
font-family: 'Averta';
font-style: normal;
font-weight: 600;
src: local('Averta Semibold'), 
 url('https://www.avantiwestcoast.co.uk/Assets/fonts/AvertaSemibold.woff') format('woff'),
 url('https://www.avantiwestcoast.co.uk/Assets/fonts/AvertaSemibold.woff2') format('woff2'),
 url('https://www.avantiwestcoast.co.uk/Assets/fonts/AvertaSemibold.otf') format('otf'),
 url('https://www.avantiwestcoast.co.uk/Assets/fonts/AvertaSemibold.ttf') format('ttf');
}


/* please add new css here */
div.footer-logo img { display: block; height: auto; max-width: 88px; }
footer div .footer-social a:nth-child(2) { padding-left:30px; padding-right:30px; }
footer div img.footer-icon { width:30px; height:auto; }
.mt-14 { margin-top:14px; }
.invalid-feedback { color: #FFFFFF; }
.invalid-feedback span { background-color: #E42B00; display: inline-block; border-radius: 0.25em; padding: 0.125em 0.5em; }
.form-label { font-size: 1.125em; line-height:1.3; margin-bottom:1rem; }
.form-control { padding: .75rem .75rem; border-color: #E2F5E9; box-shadow: none !important; font-size: 1.125em; line-height:1em; color: #131E29; }
.form-check-input.is-invalid~.form-check-label, .was-validated .form-check-input:invalid~.form-check-label { color: #FFFFFF; }
.form-check-input.is-valid:focus, .was-validated .form-check-input:valid:focus { box-shadow: none !important; }
.mw90 { width: 90%; }
.img-barcode {width:40%; max-width:250px !important; padding:12px; height:auto; background-color:#FFFFFF; border-radius:10px; }
div .ty-cta-box { background-color:#E2F5E9; border-radius:24px; padding:30px 20px; color:#004F59; text-align: center; }
div .ty-cta-box a img.share-icon-img { width:34px; height:34px; margin:10px 14px;}

@media (max-width: 900px) {
 footer div .footer-social { margin-top:20px; }
}
@media (max-width: 767px) {
 footer div .footer-social { margin-top:20px; }
 .mb-default-m { margin-bottom: 30px; }
 .img-barcode {width:70%; max-width:300px !important; height:auto; }
}

/* please don't change the below */
body {font-family: 'Averta', Arial, Helvetica, sans-serif; background-color: #004F59; color: #FFFFFF;}
h1, h2, h3 {font-weight: 600; color: #004F59;}
h1, .h1 {font-size: 3.75rem; line-height: 4rem;}
h2, .h2 {font-size: 2.0rem; line-height: 2.25rem;}
.bg-confirmation h1, .bg-confirmation h2, .grey h1 {color: #204555; font-weight: bold; margin-bottom: 1.5rem;}
p, ul, .btn {font-size: 1.25rem; line-height: 1.5rem;}
div p:last-child, footer.main p:last-child, section.green p:last-child, .disclaimer p, .disclaimer p:last-child {margin-bottom: 0;}
.container {max-width: 1200px;}
.container .boxed {max-width: 640px; margin-left: auto; margin-right: auto;}
section.top {background-color: #004F59; color: #FFFFFF;}
section.top .btn {padding: 0.813rem 1.25rem; font-size: 0.875rem; line-height: 1rem; font-weight: 600; border-radius: 5px;}
section.top .btn-primary, section.top .btn-primary:hover, section.top .btn-check:checked+.btn, section.top .btn.active, section.top .btn.show, section.top .btn:first-child:active {background-color: #FFFFFF; border-color: #FFFFFF; color: #131E29;}
header.hero {padding-top: 124px; padding-bottom: 106px; text-align: center;}
section.scratch-to-win-section {text-align: center;}
footer.main {padding-top: 0px; padding-bottom: 0px; text-align:left; background-color: #131E29; color: #FFF;}
footer.main p {font-size: 0.875rem; line-height: 1.125rem; margin-bottom: 0;}
.disclaimer p {font-size: 0.875rem; line-height: 1.125rem;}
.disclaimer a {color: #131E29; text-decoration: underline;}
.mb-default {margin-bottom: 70px;}
.mb-20 {margin-bottom: 30px;}
.default-py {padding-top: 25px; padding-bottom: 25px;}
.default-pt {padding-top: 25px;}
.default-pb {padding-bottom: 25px;}
.large-py {padding: 50px 70px;}
.logo img {display: block; height: auto; max-width: 120px; margin-left:10px;}
.turbo img {display: block; height: auto; max-width: 217px}
.warning {color: #FFFFFF;}
.btn {padding: 0.875rem 1.875rem; font-weight: bold;}
.btn-primary {background-color: #ff4713; border-color: #ff4713; color: #FFF;}
.btn-primary:hover {background-color: #ff4713; border-color: #ff4713; color: #FFF;}
.btn-check:checked+.btn, .btn.active, .btn.show, .btn:first-child:active, :not(.btn-check)+.btn:active {background-color: #ff4713; border-color: #ff4713; color: #FFF;}
img.img-mobile-fluid {display: none;}

.form-check-input.is-valid~.form-check-label, .was-validated .form-check-input:valid~.form-check-label {color: #FFFFFF; }
.form-check-input.is-valid:checked[type=checkbox], .was-validated .form-check-input:valid:checked[type=checkbox] {background-color: #ff4713; border-color: #ff4713}
.form-check-input.is-valid:checked[type=radio], .was-validated .form-check-input:valid:checked[type=radio] {background-color: #FFF; border-color: #E42B00;}
.form-check-input {background-color: #FFFFFF;}
.form-check-input.is-valid, .was-validated .form-check-input:valid { border-color: #ffffff; }
.form-check-input.is-valid:focus, .was-validated .form-check-input:valid:focus, .form-control.is-valid:focus, .was-validated .form-control:valid:focus, .form-control:focus {box-shadow: 0 0 0 .25rem rgb(0 79 89 / 25%);  }
.form-check-input:focus {outline: 0; box-shadow: none;}
.form-check-inline, .form-check-inline label, .form-check label {vertical-align: middle;}
.form-check-input[type=radio] {width: 1.5rem; height: 1.5rem; background-color: #FFFFFF; border-color: #E2F5E9; margin-right: 0.5rem;}
.form-check-input[type=radio].invalid {border-color: #E42B00 !important;}
.form-check-input:checked[type=radio] {background-color: #FFF; border-color: #ff4713; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23FF4700'/%3e%3c/svg%3e");}
.form-check-input[type=checkbox] {width: 1.5rem; height: 1.5rem; border-color: #E2F5E9; margin-right: 0.5rem;}
.form-check-input:checked[type=checkbox] {background-color: #ff4713; border-color: #ff4713;}

.system-hint {position: relative; display: inline-block; cursor: pointer; border-bottom: none; width: 18px; height: 18px; text-align: center; color: #FFF; background-color: transparent; font-size: 14px; margin-left: 0.5rem; font-weight: bold; line-height: 18px; border-radius: 50%; background-repeat: no-repeat; background-position: center center;}
.system-hint {position: relative; display: inline-block; cursor: pointer; border-bottom: none; width: 24px; height: 24px; text-align: center; color: #FFF; background-color: transparent; font-size: 16px; margin-left: 0.5rem; font-weight: bold; line-height: 24px; background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Layer_1' xmlns='http://www.w3.org/2000/svg' width='18' height='18' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 18 18'%3E%3Cdefs%3E%3Cstyle%3E .st0 %7B fill: %23fff; %7D .st1 %7B fill: %23131e29; %7D %3C/style%3E%3C/defs%3E%3Ccircle class='st1' cx='9' cy='9' r='8.5'/%3E%3Ccircle class='st0' cx='9' cy='4.8' r='1.3'/%3E%3Cpath class='st0' d='M8.7,7.3h.6c.5,0,.8.4.8.8v5.2c0,.5-.4.8-.8.8h-.6c-.5,0-.8-.4-.8-.8v-5.1c0-.5.3-.9.8-.9Z'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center center;}
.system-hint .system-hint-text {visibility: hidden; width: 260px; background-color: #fff; color: #213038; font-size: 14px;  line-height: 20px; font-weight: normal; text-align: left; border-radius: 8px; padding: 20px; position: absolute; z-index: 1; top: -135px; right: -120px; opacity: 0; transition: opacity 0.3s; -webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.2); box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.2);}
.system-hint-text::after {content: ""; position: absolute; bottom: -10px; right: 128px; margin-top: -5px; border-width: 5px; border-style: solid; border-color: #FFFFFF transparent transparent transparent;}
.system-hint.aptoggle .system-hint-text {visibility: visible; opacity: 1;}

/* Scratch card settings */
.scratch-container {position: relative; width: 640px; height: 522px; margin: 0 auto; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none;  -o-user-select: none; user-select: none;}
.canvas {position: absolute; top: 0; left: 0;}
.scratch-card {display: flex; align-items: center!important; justify-content: center!important;}
.inner {flex: 0 0 auto; width: 100%; text-align: center;}
.scratch-card a {color: #FFF; text-decoration: underline;}

/* Mobile Devices */
@media (max-width: 767px) {
  .logo img {height: auto; max-width: 105px; margin-left:0;}
 .turbo {overflow: hidden;}
 .turbo img {display: block; height: auto; max-width: 160px;}
 section.top .btn {padding: 0.5rem 0.75rem; font-size: 0.875rem; line-height: 1rem;}
 header.hero {padding-top: 52px; padding-bottom: 34px; text-align: center;}
 h1, .h1 {font-size: 2.25rem; line-height: 2.5rem;}
 h1 span, .h1 span, h2 span, .h2 span {display: block;}
 .down-arrow {width: 50px; height: 100px; margin-left: auto; margin-right: auto;}
 footer.main {padding-top:0; padding-bottom:0;}
 footer.main svg {max-width: 50px; height: auto; margin-left: auto; margin-right: auto; left: 0;}
 img.img-mobile-fluid {display: block !important; width: 100%; height: auto; }
 img.img-desktop {display: none !important;}
}

@media (max-width: 365px) {
    h1, .h1 {font-size: 2.15rem; line-height: 2.5rem;}
}