/* Minification failed. Returning unminified contents.
(53,81): run-time error CSS1039: Token not allowed after unary operator: '-unnamed-character-spacing--1-25'
 */
@import url("styles/Nav.css");
@import url("styles/Btn.css");


html { -webkit-font-smoothing: antialiased; scroll-behavior: smooth; }
body { overflow-x: hidden; font-size: 0.8em; font-family: poppins, sans-serif; color: #000; background-color: #fff; margin: 0; padding: 0; -webkit-text-size-adjust: 100%; position: relative; max-width: 2560px; margin: 0 auto; }

* { -webkit-transition: transform .1s ease-in-out; -ms-transition: transform .1s ease-in-out; transition: background-color .1s linear, color .1s, transform .1s ease-in-out, max-height 0.1s ease-in-out, opacity .2s ease-in-out, background-image 0.2s ease-in-out; }

.no-transition { transition: none !important; }

.lazy { opacity: 0; }

.hide-overflow { overflow: hidden; }
.hide-overflow.trackman { margin-top: 75px; }
.trackman-grid { display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 15px; margin-bottom: 15px; padding: 0 90px; }

.track-card { border: 2px solid #FF8103; border-radius: 20px; background-color: #FF8103; display: flex; flex-direction: column; }

.track-title { text-align: center; color: #fff; padding: 10px; font-size: 2em; }

.track-content { position: relative; display: flex; flex-direction: column; justify-content: space-between; align-items: center; padding: 15px; background-color: #fff; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; color: #000; height: 100%; }
.track-text { text-align: center; font-size: 1.24em; }
.track-cost { font-size: 2em; text-align: center; }
.track-cost span.value { font-family: balboa-plus-fill, sans-serif; font-size: 1.3em; color: #FF8103; }
.track-terms { font-size: 1.2em; }
.track-cost span.in-span { font-size: 0.80em; }

.left-title { text-align: left; color: #000 !important; }

.marg-top-60 { margin-top: 60px; }
.fnt-scale-13 { font-size: 1.3em; }
.fnt-w-500 { font-weight: 500; }
.page-txt .orange-wrapper a { color: #ff8103; }

.scrollhide { transition: background-color .3s linear, color .3s, transform .5s ease-in-out, opacity .5s linear; }
.scrollhide.hidden { opacity: 0; }
.scrollhide.from-right.hidden { transform: translateX(100%); }
.scrollhide.from-left.hidden { transform: translateX(-100%); }
.scrollhide.from-below.hidden { transform: translateY(50%); }
.scrollhide.rotate-in.hidden { transform: translateY(50%) rotate(-60deg); transform-origin: bottom right; }
.scrollhide.from-left.hidden.subtle { transform: translateX(20%); }
.scrollhide.from-left.subtle { transition: background-color .3s linear, color .3s, transform .5s ease-in-out, opacity .5s linear; }

.caps { text-transform: uppercase; }
.rel { position: relative; }
img { border: 0; max-width: 100%; height: auto; }
input[type="text"], input[type="password"], input[type="email"], input[type="tel"] { -webkit-appearance: none; padding: 0 0 0 10px; font-family: inherit; }
textarea { font-family: inherit; }
input[type="submit"] { cursor: pointer; -webkit-appearance: none; }
textarea { display: block; padding: 10px 0 0 10px; }
h1 { margin: 10px 0 15px 0; color: #333; font-size: 1.5em; }
h2 { margin: 10px 0 10px 0; color: #333; font-size: 1.3em; letter-spacing: var(--unnamed-character-spacing--1-25); letter-spacing: -1.25px; }
h4 { margin: 0 0 10px; color: #000; font-size: 1.8em; text-transform: uppercase; }
.fa, .fab, .fal, .far, .fas { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 1; text-rendering: optimizeLegibility; }
.no-bord { border: none; }
.fl-right { float: right !important; }
.fl-left { float: left; }

/*A Hover Visited Active Focus Styles */
a { text-decoration: none; cursor: pointer; }


.user-message { text-align: center; }
.OK { padding: 10px; border: 1px solid #339933; color: #339933; background-color: #eeffee; }
.KO { padding: 10px; border: 1px solid #993333; color: #993333; background-color: #ffeeee; }
.Generic { padding: 10px; border: 1px solid #333; color: #333; background-color: #ccc; margin: 10px 0; }

.ajaxLoader { min-height: 40px; line-height: 35px; text-align: center; }
.ajaxLoader i { display: inline-block; color: #729bef; font-size: 5px; margin: 0; width: 1em; height: 1em; border-radius: 50%; -o-animation: load4 1.3s infinite linear; -moz-animation: load4 1.3s infinite linear; -webkit-animation: load4 1.3s infinite linear; animation: load4 1.3s infinite linear; content: ""; }

@-ms-keyframes load4 {
0%,100% { box-shadow: 0 -3em 0 0.2em, 2em -2em 0 0em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 0; }
12.5% { box-shadow: 0 -3em 0 0, 2em -2em 0 0.2em, 3em 0 0 0, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em; }
25% { box-shadow: 0 -3em 0 -0.5em, 2em -2em 0 0, 3em 0 0 0.2em, 2em 2em 0 0, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em; }
37.5% { box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 0, 2em 2em 0 0.2em, 0 3em 0 0em, -2em 2em 0 -1em, -3em 0em 0 -1em, -2em -2em 0 -1em; }
50% { box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 0em, 0 3em 0 0.2em, -2em 2em 0 0, -3em 0em 0 -1em, -2em -2em 0 -1em; }
62.5% { box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 0, -2em 2em 0 0.2em, -3em 0 0 0, -2em -2em 0 -1em; }
75% { box-shadow: 0em -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0.2em, -2em -2em 0 0; }
87.5% { box-shadow: 0em -3em 0 0, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0, -2em -2em 0 0.2em; }
}

@-o-keyframes load4 {
0%,100% { box-shadow: 0 -3em 0 0.2em, 2em -2em 0 0em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 0; }
12.5% { box-shadow: 0 -3em 0 0, 2em -2em 0 0.2em, 3em 0 0 0, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em; }
25% { box-shadow: 0 -3em 0 -0.5em, 2em -2em 0 0, 3em 0 0 0.2em, 2em 2em 0 0, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em; }
37.5% { box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 0, 2em 2em 0 0.2em, 0 3em 0 0em, -2em 2em 0 -1em, -3em 0em 0 -1em, -2em -2em 0 -1em; }
50% { box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 0em, 0 3em 0 0.2em, -2em 2em 0 0, -3em 0em 0 -1em, -2em -2em 0 -1em; }
62.5% { box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 0, -2em 2em 0 0.2em, -3em 0 0 0, -2em -2em 0 -1em; }
75% { box-shadow: 0em -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0.2em, -2em -2em 0 0; }
87.5% { box-shadow: 0em -3em 0 0, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0, -2em -2em 0 0.2em; }
}

@-moz-keyframes load4 {
0%,100% { box-shadow: 0 -3em 0 0.2em, 2em -2em 0 0em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 0; }
12.5% { box-shadow: 0 -3em 0 0, 2em -2em 0 0.2em, 3em 0 0 0, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em; }
25% { box-shadow: 0 -3em 0 -0.5em, 2em -2em 0 0, 3em 0 0 0.2em, 2em 2em 0 0, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em; }
37.5% { box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 0, 2em 2em 0 0.2em, 0 3em 0 0em, -2em 2em 0 -1em, -3em 0em 0 -1em, -2em -2em 0 -1em; }
50% { box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 0em, 0 3em 0 0.2em, -2em 2em 0 0, -3em 0em 0 -1em, -2em -2em 0 -1em; }
62.5% { box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 0, -2em 2em 0 0.2em, -3em 0 0 0, -2em -2em 0 -1em; }
75% { box-shadow: 0em -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0.2em, -2em -2em 0 0; }
87.5% { box-shadow: 0em -3em 0 0, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0, -2em -2em 0 0.2em; }
}

@-webkit-keyframes load4 {
0%,100% { box-shadow: 0 -3em 0 0.2em, 2em -2em 0 0em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 0; }
12.5% { box-shadow: 0 -3em 0 0, 2em -2em 0 0.2em, 3em 0 0 0, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em; }
25% { box-shadow: 0 -3em 0 -0.5em, 2em -2em 0 0, 3em 0 0 0.2em, 2em 2em 0 0, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em; }
37.5% { box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 0, 2em 2em 0 0.2em, 0 3em 0 0em, -2em 2em 0 -1em, -3em 0em 0 -1em, -2em -2em 0 -1em; }
50% { box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 0em, 0 3em 0 0.2em, -2em 2em 0 0, -3em 0em 0 -1em, -2em -2em 0 -1em; }
62.5% { box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 0, -2em 2em 0 0.2em, -3em 0 0 0, -2em -2em 0 -1em; }
75% { box-shadow: 0em -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0.2em, -2em -2em 0 0; }
87.5% { box-shadow: 0em -3em 0 0, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0, -2em -2em 0 0.2em; }
}

@keyframes load4 {
0%,100% { box-shadow: 0 -3em 0 0.2em, 2em -2em 0 0em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 0; }
12.5% { box-shadow: 0 -3em 0 0, 2em -2em 0 0.2em, 3em 0 0 0, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em; }
25% { box-shadow: 0 -3em 0 -0.5em, 2em -2em 0 0, 3em 0 0 0.2em, 2em 2em 0 0, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em; }
37.5% { box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 0, 2em 2em 0 0.2em, 0 3em 0 0em, -2em 2em 0 -1em, -3em 0em 0 -1em, -2em -2em 0 -1em; }
50% { box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 0em, 0 3em 0 0.2em, -2em 2em 0 0, -3em 0em 0 -1em, -2em -2em 0 -1em; }
62.5% { box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 0, -2em 2em 0 0.2em, -3em 0 0 0, -2em -2em 0 -1em; }
75% { box-shadow: 0em -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0.2em, -2em -2em 0 0; }
87.5% { box-shadow: 0em -3em 0 0, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0, -2em -2em 0 0.2em; }
}

.img-w-txt .img-boot.ab-left { position: absolute; left: 15px; bottom: 0px; }
.img-w-txt img { display: block; }
.img-w-txt .txt-bx-width { max-width: 680px; margin: 0 auto; }
.img-w-txt .lines { position: absolute; width: 30px; height: 30px; left: 79%; bottom: 24%; }
.img-w-txt .lines .inner { width: 100%; height: 100%; position: relative; transition: none; }
.img-w-txt .lines .inner:before, .img-w-txt .lines .inner:after { transform-origin: top; transform: rotate(52deg); content: ""; position: absolute; width: 26px; height: 285px; display: block; background-color: #ff8103; }
.img-w-txt .lines .inner:before { top: 0px; left: -45px; }
.img-w-txt .lines .inner:after { top: 0px; right: -20px; }

.grey-bg { background-color: #ECECEC; }
.left-txt { text-align: left; }
.left-txt h2 { text-align: left !important; }

.vert-padd { padding: 30px 0px; }
.vert-padd-60 { padding: 60px 0px; }
.vert-padd-sm { padding: 25px 0px; }
.txt-bx { font-size: 1.2em; color: #000; }
.orng-txt, .orange-txt { color: #ff8103; }
.vert-marg { margin: 30px 0px; }
.vert-marg.lg { margin: 30px 0px; }
.vert-marg.xlg { margin: 100px 0px; }
.vert-marg.xxlg { margin: 150px 0px; }
.white-txt { color: #fff; }
.top-marg.xlg { margin-top: 100px; }



.grad-bg { background: transparent linear-gradient(90deg, #000 0%, #54545400 100%) 0% 0% no-repeat padding-box; }

.shop-grid { display: grid; grid-template-columns: 1fr 1fr; grid-gap: 15px; margin: 30px 0 75px; }

.newsletter-form { background-color: #000; padding: 15px 0; }
.newsletter-flex { display: flex; align-items: center; justify-content: center; grid-gap: 15px; }
.newsletter-flex .inner-flex { display: flex; grid-gap: 15px; justify-content: center; }
.newsletter-flex .editor-field { display: flex; align-items: center; margin: 0; flex-direction: column; justify-content: center; color: red; }
.newsletter-flex .newsletter-text { color: #fff; }
.newsletter-text .lg { font-weight: 600; font-size: 1.6em; }
.newsletter-text .sml { font-size: 1.6em; font-weight: 100; }
.newsletter-form .editor-field input[type="text"] { border-radius: 50px; border: none; height: 50px; width: 300px; text-align: center; padding: 0; }


.dashed-box { border: dashed 8px #ff8103; max-width: 620px; display: flex; align-items: center; justify-content: center; border-radius: 25px; }
.dashed-box #newsletterform { width: 100%; }
.newsletter-form .btn.orange { border: none; }
.dashed-box .newsletter-form { background-color: transparent; }
.dashed-box .newsletter-flex { flex-direction: column; }
.dashed-box .newsletter-flex .inner-flex { width: 100%; }
.dashed-box .newsletter-flex .newsletter-text { text-align: center; }
.dashed-box .newsletter-form .editor-field input[type="text"] { width: 430px }

#lightboxform { z-index: 999; }
#lightbox { background-color: #000000E8; position: fixed; top: 0; width: 100%; height: 100vh; z-index: 999; display: none; }
#lightbox .overlay { width: 100%; height: 100vh; position: absolute; top: 0; }
#lightbox .newsletter-form { background-color: transparent; padding: 15px 0; z-index: 999; }
#lightbox .lightbox-inner { height: 100%; display: flex; align-items: center; justify-content: center; }
#lightbox .lightbox-inner > form { z-index: 999; }
#lightbox .newsletter-flex { display: flex; align-items: center; justify-content: center; grid-gap: 30px; flex-direction: column; }
#lightbox .newsletter-flex .newsletter-text { text-align: center; }
#lightbox .newsletter-text .lg { font-weight: 600; font-size: 2.8em; }
#lightbox .newsletter-text .sml { font-size: 2.8em; font-weight: 100; }
#lightbox .newsletter-form .editor-field input[type="text"] { width: 500px; height: 80px; font-size: 2em; }
#lightbox .newsletter-form .btn.orange { height: 80px; font-size: 1.8em; }
#lightbox .light-close { position: absolute; top: 30px; right: 30px; }
#lightbox .light-close i { color: #fff; font-size: 2.5em; display: flex; height: 50px; width: 50px; align-items: center; justify-content: center; cursor: pointer; }

.pro-flex { display: flex; align-items: center; margin-top: 45px; }
.pro-flex > div:last-child { max-width: 690px; order: -1; }
.pro-flex > div:first-child { padding: 0 45px; }
.pro-flex .left-txt.lg { font-size: 1.25em; }

.voucher-outer {padding-top: 115px;overflow: hidden;}
.voucher-grid { display: grid; grid-template-columns: 0.8fr 1.5fr; padding: 45px 0; }

.voucher-grid .artwork.voucher { position: relative; }
.voucher-grid .artwork.voucher > img { position: absolute; }
.voucher-grid .content .txt { font-size: 1.25em; }
.voucher-grid .content h2 { font-size: 3.8em; text-align: left; }
.voucher-grid .voucher-buttons { display: flex; grid-gap: 15px; flex-wrap: wrap; margin-top: 15px; }

.voucher-grid .artwork.voucher > img { position: absolute; -webkit-filter: drop-shadow(0px 3px 9px #00000075); filter: drop-shadow(0px 3px 9px #00000075); }

.voucher-grid .artwork.voucher img.second { right: 125px; transform: rotate(8deg); }

.voucher-grid .artwork.voucher img { right: 0; bottom: 0; }

.voucher-grid .artwork.voucher img.dashes { right: 460px; bottom: -25px; }
/* Carousel base class */
.carousel { height: 500px; margin-bottom: 60px; }
.carousel-caption { z-index: 10; }
.carousel .item { height: 500px; background-color: #777; }
.carousel-inner > .item > img { position: absolute; top: 0; left: 0; min-width: 100%; height: 500px; }


.masthead { position: absolute; top: 0px; left: 0px; width: 100%; z-index: 10; padding: 45px 0px; }
.masthead svg { max-width: 230px; }

.masthead .light-logo { }
.masthead .dark-logo .st1 { fill: #000; }
.masthead .dark-logo .st0 { fill: #000; }

.footer .white-logo { max-width: 200px; display: block; margin-bottom: 30px; }
.footer .white-logo .st1 { fill: #fff; }
.footer .white-logo .st2 { fill: #fff; }
.footer .white-logo .st3 { fill: #ff8103; }
.footer .line { background-color: #fff; height: 1px; margin: 60px 0px 15px 0px; }
.footer { color: #fff; }
.footer .title { font-size: 1.3em; margin-bottom: 10px; }
.footer ul { padding: 0px; margin: 0px; }
.footer ul li { list-style: none; }
.footer ul li a { color: #fff; font-size: 1.3em; margin-bottom: 5px; font-weight: 100; }
.footer .dw-link a { color: #fff; text-decoration: underline; }
.footer .dw-link a:hover { text-decoration: none; }

.masthead .fixed .st1 { fill: #fff; }
.masthead .fixed .st0 { fill: #fff; }

.inner-rel { position: relative; }

.banner.home { background-color: #86AC49; background-position: center; background-size: cover; position: relative; margin-bottom: 30px; }
.banner .angle { width: 100%; height: 0; padding-top: 300px; overflow: hidden; position: absolute; bottom: 0px; right: 0px; }
.banner .angle:before { content: ""; display: block; width: 0; height: 0; margin-top: -150px; border-top: 150px solid transparent; border-right: 2560px solid #fff; }
.banner h1 { font-family: balboa-plus-fill, sans-serif; font-weight: 400; font-style: normal; color: #fff; }
.banner .txt { font-family: poppins, sans-serif; margin-bottom: 40px; }
.banner.terms { background-image: url(../../Content/images/standard-bg.jpg); background-position: center; background-size: cover; }
.banner.terms h1 { font-family: balboa-plus-fill, sans-serif; font-weight: 400; font-style: normal; color: #fff; font-size: 6em; line-height: .9; max-width: 830px; position: absolute; bottom: 30px; left: 0px; }
.banner.terms .content { height: 350px; position: relative; }
.banner.terms.thanks .content { height: 500px; position: relative; }
.banner.page { padding-top: 240px; min-height: 577px; position: relative; }
.banner.page.voucher-terms { padding-top: 240px; min-height: initial; position: static; }
.banner.page .content { max-width: 655px; }
.banner.page .content .btn { margin-right: 10px; margin-bottom: 10px; }
.banner.page h1 { color: #000; font-size: 4.5em; }
.banner.page .txt { color: #000; font-size: 1.5em; line-height: 1.3; }
.banner .artwork { position: absolute; width: 50%; bottom: 0px; right: 0%; }
.banner .artwork img { position: absolute; bottom: 0px; right: 0px; display: block; -webkit-filter: drop-shadow(0px 3px 9px #00000075); filter: drop-shadow(0px 3px 9px #00000075); }
.banner .artwork .inner { max-width: 790px; position: relative; height: 435px; }
.banner .artwork .inner .dot { width: 425px; position: absolute; right: 0px; bottom: -10%; }
.banner .artwork .inner .dot .inn { padding-top: 100%; background-color: #ff8103; border-radius: 100%; }
.banner .artwork.voucher img { width: 569px; top: 50%; max-width: 569px; transform: translateY(-50%); }
.banner .artwork.voucher img.dashes { width: initial; max-width: initial; right: 400px; top: 328px; }
.banner .artwork.voucher img.second { top: 50%; transform: translateY(-56%) rotate(5deg); right: 120px; }
.banner .artwork.voucher img.hidden { transform: translateY(-50%) translateX(20%); }
.banner .artwork.lessons img { width: 650px; max-width: 650px; }
.banner.shop-banner .artwork .inner .dot { bottom: -96px; right: 59px; }
.banner .artwork.enquiries img { width: 367px; max-width: 367px; bottom: 0px; right: 150px; }
.banner .artwork.fitting .dot { bottom: -25%; }
.banner .artwork.fitting img { width: 699px; max-width: 699px; bottom: 18px; right: -114px; }
.banner .artwork.repairs img { width: 584px; bottom: -20px; max-width: 584px; right: -70px; }
.banner .artwork.repairs .dot { bottom: -15%; }

.radio-list .item { float: left; border-radius: 3px; border: 2px solid #000; font-size: 1.3em; cursor: pointer; background-color: #fff; line-height: 50px; padding: 0px 15px; display: block; float: left; margin-right: 10px; margin-bottom: 10px; }
.radio-list .item:hover { transform: translateY(-5px); }
.radio-list .item.on { background-color: #ff8103; color: #fff; }
.radio-list .item input { display: none; }
.radio-list .item.btn { text-transform: uppercase; border-radius: 30px; padding: 0px 30px; border: none !important; color: #fff; background-color: #000; }
.radio-list .item.btn.on { background-color: #ff8103; }

.term { padding: 60px 0; }
.term-title { font-size: 4em; margin-bottom: 30px; font-family: balboa-plus-fill, sans-serif; }

.editor-label { text-transform: uppercase; color: #000; font-weight: 700; font-size: 1.6em; margin-bottom: 10px; }
.editor-field { margin-bottom: 15px; }
.editor-field input[type="text"] { border-radius: 3px; border: 2px solid #B6B6B6; height: 50px; width: 100%; }
.editor-field textarea { width: 100%; border-radius: 3px; min-height: 110px; border: 2px solid #b6b6b6; }


.ab-vert { position: relative; height: 60px; margin: 10px 0px; font-size: 0.9em; }
.ab-vert h4 { margin: 0px; line-height: 30px; position: absolute; left: 0px; width: 100%; display: block; top: 50%; transform: translateY(-50%); }

.lg-orange-txt { color: #ff8103; font-family: balboa-plus-fill, sans-serif; font-weight: 400; font-size: 9.0em; display: block; position: relative; }
.lg-orange-txt:before { width: 90px; height: 10px; content: ""; background-color: #ff8103; position: absolute; left: 0px; bottom: -0px; }

.selling-points { background-color: #ff8103; border-radius: 12px; padding: 25px 50px; transform: translateY(-50%); position: relative; z-index: 10; }
.selling-points .point { max-width: 353px; margin: 25px auto; color: #fff; }
.selling-points .point .title { font-size: 1.6em; font-weight: 700; }
.selling-points .point .txt { font-size: 1.3em; margin-top: 15px; }

.narr-510 { max-width: 510px; }
.narr-530 { max-width: 530px; }
.narr-630 { max-width: 630px; }

.center-div { margin: 0 auto; }

.greybg { background-color: #ECECEC; }
.signupform { max-width: 1030px; margin: 50px auto 60px; }
.narr-container { max-width: 1060px; margin: 0 auto; padding-top: 35px; }
h2 { font-family: balboa-plus-fill, sans-serif; text-align: center; display: block; font-size: 3.8em; font-weight: 500; color: #000; margin: 10px 0px 10px 0px; }
h3 { color: #000; font-weight: 600; text-align: center; display: block; margin: 0px; font-size: 1.6em; }
.title-subtxt { color: #000; font-size: 1.5em; text-align: center; margin-top: 15px; }
.title-subtxt.narr { max-width: 818px; margin: 0 auto; }

.signupform h3 strong { font-size: 1.3em; }
.signupform h3 span { font-weight: 400; }
.signupform .form { position: relative; height: 48px; box-shadow: 0px 3px 6px #00000029; border-radius: 50px; }
.signupform .form input[type="text"] { height: 48px; width: 100%; border-radius: 50px; border: none; padding: 0px 30px; font-weight: 200; }
.signupform .btn { border: none; position: absolute; top: 0px; right: 0px; width: 135px; text-align: center; }

.footer { padding: 60px 0px 15px 0px; background-color: #ff8103; }
.footer .sml-links { color: #fff; line-height: 25px; }
.footer .sml-links a { color: #fff; display: inline-block; font-weight: 300; }
.footer .sml-links a:after { content: ''; width: 0px; height: 1px; display: block; background: #fff; transition: 300ms; }
.footer .sml-links a:hover:after { width: 100%; }
.footer ul li a { display: inline-block; }
.footer ul li a:after { content: ''; width: 0px; height: 1px; display: block; background: #fff; transition: 300ms; }
.footer ul li a:hover:after { width: 100%; }


.signupform .editor-field { position: relative; }
.signupform .editor-field .field-validation-error { position: absolute; top: -20px; left: 0px; font-weight: 600; color: #ff0000; }
.signupform .KO { position: absolute; top: 105%; left: 0px; }
.signupform .OK { position: absolute; top: 105%; left: 0px; background-color: #fff; border-radius: 50px; width: 100%; text-align: center; font-weight: 600; }

.page-txt { color: #333; font-size: 1.2em; margin: 30px 0px; }
.page-txt h2 { color: #ff8103; }
.page-txt .inline-link { color: #ff8103; font-weight: 600; display: inline-block; }
.page-txt .inline-link:after { content: ''; width: 0px; height: 1px; display: block; background: #ff8103; transition: 300ms; }
.page-txt .inline-link:hover:after { width: 100%; }
#content {min-height: calc(100vh - 290px);}


.footer .footer-soc .soc-link { color: #fff; display: inline-block; width: 30px; font-size: 1.3em; text-align: left; }
.footer .footer-soc .soc-link:hover { color: #000; }


.services .outer { border-radius: 10px; margin-top: 60px; border: solid 5px #ff8103; background-color: #ff8103; }
.services .inner { padding: 60px 15px; border-radius: 10px; display: flex; justify-content: space-evenly; grid-gap: 30px; }
.services .inner > div { flex-grow: 1; }
.services .more-info { width: 100%; background-color: #fff; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; padding: 20px 0; text-align: center; font-size: 1.6em; color: #000; }
.services .item { max-width: 433px; margin: 0 auto; }
.services .title { color: #000; font-size: 1.5em; font-weight: 700; padding-left: 50px; margin-bottom: 15px; position: relative; }
.services .title img { position: absolute; left: 0px; top: 50%; transform: translateY(-50%); }
.services .txt { color: #000; font-size: 1.3em; }

.golf-lessons { background-color: #ECECEC; padding-bottom: 15px; margin-top: 60px; }

.book-tel-wrapper { color: #FF8103; font-size: 1.5em; }

.book-tel-wrapper .book-tel { color: #000; margin-top: 15px; }

.book-tel-wrapper .book-tel span { color: #FF8103; }

.book-tel-wrapper a { color: #FF8103; }

.banner.page.home-vouchers { background-image: none !important; }
.gray-bg-abs { position: absolute; width: 100%; background-color: #ECECEC; padding: 45px; bottom: 0; z-index: -1; }

.block-img-link { cursor: pointer; position: relative; max-height: 437px; text-align: center; border-radius: 5px; box-shadow: 0px 3px 6px #00000029; max-width: 375px; overflow: hidden; margin: 30px auto; background-color: #f1f1f1; padding: 60px 30px; display: block; }

.block-img-link:before { transition: background-color .2s linear, opacity .2s ease-in-out; content: ""; width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; background-color: #000; opacity: 0.45; }
.block-img-link .title { position: relative; margin-bottom: 85px; height: 80px; }
.block-img-link .title span { text-align: center; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; display: block; font-family: balboa-plus-fill, sans-serif; color: #fff; font-weight: 500; font-size: 2.8em; }
.block-img-link .title:before { content: ""; width: 79px; height: 8px; background-color: #fff; position: absolute; left: 50%; transform: translateX(-50%); bottom: -25px; }
.block-img-link .txt { color: #fff; text-align: center; max-width: 297px; font-size: 1.2em; margin: 0 auto; position: relative; z-index: 10; min-height: 105px; }
.block-img-link .btn { margin: 0 auto; position: relative; z-index: 10; }
.block-img-link:hover .btn { background-color: #000; }
.block-img-link:hover:before { background-color: #000; opacity: 0.35; }

.block-img-link#beg { background-image: url(images/golf-lessons-for-beginners.jpg); }
.block-img-link#jun { background-image: url(images/junior-golf-academy.jpg); }
.block-img-link#adu { background-image: url(images/adult-group-lessons.jpg); }
.block-img-link#one { background-image: url(images/one-to-one-coaching.jpg); }
.block-img-link#latestclubs { background-image: url(images/latest-golf-clubs.jpg); }
.block-img-link#membershirts { background-image: url(images/member-polos.jpg); }
.block-img-link#memberaccessories { background-image: url(images/member-accessories.jpg); }
.block-img-link#membergilets { background-image: url(images/member-gilets.jpg); }

.block-img-link.nolink { min-height: 438px; position: relative; }

.block-img-link.nolink .title { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; }

.lesson-tabs .outter-opacity { opacity: 0.35; }
.lesson-tabs .outter-opacity:hover { opacity: 0.8; }
.lesson-tabs .outter-opacity.active { opacity: 1; }
.lesson-tabs .outter-opacity.active:hover { opacity: 1 !important; }


.img-w-txt { box-shadow: 0px 3px 6px #00000029; }
.trackman-graphic { padding-top: 63%; background-position: -50% -55%; background-image: linear-gradient(#EEEEEE 1px, transparent 1px), linear-gradient(90deg,#EEEEEE 1px, transparent 1px); background-size: 150px 150px; position: relative; }
.tracked-items { padding: 30px 0; }
.trackman-graphic .tman { position: absolute; right: 0px; top: 50%; transform: translateY(-50%); max-width: 56%; z-index: 30; }
.trackman-graphic .scores { height: 200px; width: 71%; position: absolute; left: -40px; bottom: 17%; z-index: 20; }
.trackman-graphic .red { position: absolute; left: 0px; bottom: -12px; width: 91%; z-index: 5; }
.trackman-graphic .yellow { position: absolute; left: 66px; bottom: -15px; width: 55%; z-index: 10; }

.trackman-txt { padding: 60px; }
.trackman-txt h4 { margin: 0; }

.testimonial-slider { position: relative; }
.testimonial-slider:before { content: ""; width: 50%; height: 100%; left: 0px; top: 0px; background-color: #fafafa; position: absolute; }
.testimonial-slider .title .inner { width: 100%; max-width: 500px; margin: 0 auto; }
.testimonial-slider .title .inner h2, .testimonial-slider .title .inner .title-subtxt { text-align: left; }

.testimonial-slider .slide-container { max-width: 484px; margin: 0 auto; }
.testimonial-slider .slide-container .slide .txt { color: #000; font-size: 1.2em; }
.testimonial-slider .slide-container .slide .name { color: #000; font-size: 1.6em; font-weight: 700; margin-top: 25px; }
.testimonial-slider .bx-controls .bx-pager-item { margin-right: 10px; display: inline-block; }
.testimonial-slider .bx-controls .bx-pager-item .bx-pager-link { font-size: 0px; width: 11px; height: 11px; display: inline-block; border: 1px solid #ff8103; border-radius: 100%; background-color: transparent; }
.testimonial-slider .bx-controls .bx-pager-item .bx-pager-link.active { background-color: #ff8103; }

.left-bg-img { position: relative; }
.left-bg-img .img { position: absolute; left: 0px; top: 0px; height: 100%; width: 50%; }
.left-bg-img.shop .img { background-image: url(images/golf-shop.jpg); background-size: cover; background-position: center; }


.left-bg-img .img .inner-rel { width: 100%; height: 100%; position: relative; }
.left-bg-img .img .trackman-club-graphic { width: 100%; max-width: 734px; position: absolute; top: 50%; transform: translateY(-50%) translateX(-50%); left: 50%; }
.left-bg-img .img .trackman-club-graphic .inner { padding-top: 77%; }
.left-bg-img .img .trackman-club-graphic .inner .swoosh { position: absolute; left: 0px; top: 50%; z-index: 2; transform: translateY(-50%); }
.left-bg-img .img .trackman-club-graphic .inner .tman { position: absolute; left: 1%; bottom: 0%; width: 41%; z-index: 3; }
.left-bg-img .img .trackman-club-graphic .inner .tman-screen { position: absolute; right: 0%; bottom: 7%; z-index: 1; width: 82%; }


.shop-logos { }
.shop-logos .logo-bx { height: 120px; background-color: #fff; position: relative; margin-top: 20px; }
.shop-logos .logo-bx img { position: absolute; max-width: calc(100% - 20px); left: 50%; top: 50%; transform: translate(-50%, -50%); }

.section.narr-gap { margin: 0px -10px; }
.section.narr-gap .boot { padding: 0px 10px; }

.lesson-pricing { position: relative; min-height: 315px; overflow: hidden; }
.lesson-pricing .container { position: relative; }
.lesson-pricing .toleft { float: left; width: 415px; position: relative; }

.lesson-pricing .title h2 { position: relative; display: block; text-align: left; color: #ff8103; font-size: 2.9em; max-width: 230px; }
.hor-line { height: 5px; width: 70px; background-color: #000; }



.lesson-pricing .toright { float: right; width: calc(100% - 415px); position: relative; }



.lesson-pricing .title { transition: none !important; top: 0px; left: 0px; opacity: 1; transform: translateX(0%); -webkit-transition: transform .1s ease-in-out; -ms-transition: transform .1s ease-in-out; transition: background-color .1s linear, color .1s, transform .4s ease-in-out, max-height 0.4s ease-in-out, opacity 0.4s ease-in-out; }
.lesson-pricing .table { transition: none !important; top: 0px; right: 0px; width: 100%; opacity: 1; transform: translateX(0%); -webkit-transition: transform .1s ease-in-out; -ms-transition: transform .1s ease-in-out; transition: background-color .1s linear, color .1s, transform .4s ease-in-out, max-height 0.4s ease-in-out, opacity 0.2s ease-in-out; }




.lesson-pricing .row:nth-child(odd) { background-color: #ECECEC; border-radius: 5px; }
.lesson-pricing .row { padding: 15px; }
.lesson-pricing .row .time { width: 35%; line-height: 44px; }
.lesson-pricing .row .time.accord { width: 51%; line-height: 44px; }
.lesson-pricing .row .time i { color: #ff8103; font-size: 1.8em; margin-right: 15px; }
.lesson-pricing .row .time span { color: #000; font-weight: 700; font-size: 1.9em; text-transform: uppercase; }
.lesson-pricing .row .location { width: 26%; line-height: 44px; }
.lesson-pricing .row .location i { color: #ff8103; font-size: 1.8em; margin-right: 15px; }
.lesson-pricing .row .location span { color: #000; font-weight: 500; font-size: 1.4em; }
.lesson-pricing .row .cost {width: 25%;text-align: left;line-height: 44px;}
.lesson-pricing .row .cost strong { display: inline-block; vertical-align: top; line-height: 44px; color: #ff8103; font-size: 3.0em; margin-right: 15px; font-family: balboa-plus-fill, sans-serif; font-weight: 500; }
.lesson-pricing .row .cost span { display: inline-block; vertical-align: top; line-height: 44px; color: #000; font-weight: 500; font-size: 1.4em; margin-right: 15px; }
.lesson-pricing .row .action { float: right; width: 180px; }
.lesson-pricing .row .action.double { width: 100%; max-width: 350px; text-align: right; }
.lesson-pricing .row .action.double .btn { display: inline-block; }
.lesson-pricing .row .action.double .btn.orange { float: left; }
.lesson-pricing.accord .row .cost { text-align: right; width: 27%; padding-right: 0px; }

.lesson-pricing.accord .row { background-color: #ffffff !important; padding: 0px; }
.lesson-pricing.accord .row:nth-child(odd) .top { background-color: #ECECEC !important; }
.lesson-pricing.accord .row .top { border-radius: 5px; padding: 15px; }
.lesson-pricing.accord .row .body { overflow: hidden; }
.lesson-pricing.accord .row .body .inner { height: 100%; padding: 20px 30px; }
.lesson-pricing.accord .row .body .inner .title { color: #000; font-size: 1.8em; margin-bottom: 15px; }
.lesson-pricing.accord .row.shut .body { max-height: 0px; }

.enquire-cta { background-color: #000; color: #fff; }
.enquire-cta .inner { padding: 24px; text-align: center; }
.enquire-cta .inner .txt { display: inline-block; text-align: left; vertical-align: top; }
.enquire-cta .inner .txt .lg { display: block; font-weight: 700; font-size: 1.6em; }
.enquire-cta .inner .txt .sml { display: block; font-size: 1.2em; font-weight: 100; }
.enquire-cta .btn { margin: 0px 30px; }
.enquire-cta.orange { background-color: #ff8103; }

.side-50-img { position: relative; }
.side-50-img .img { position: absolute; height: 100%; width: 50%; background-position: center; background-size: cover; }
.side-50-img .img#proshop { display: flex; align-items: center; justify-content: center; }
.side-50-img.img-left .img { left: 0px; }
.side-50-img .side-txt { max-width: 626px; margin: 0 auto; }

.wenvoe-bg { background-image: url(images/banners/wenvoe-banner.jpg); background-size: cover; background-position: center; background-color: #000; transition: background-image 0.2s ease-in-out; }
.wenvoe-bg1 { background-image: url(images/banners/wenvoe-golf-club-02.jpg); background-size: cover; background-position: center; background-color: #000; transition: background-image 0.2s ease-in-out; }

.achievs .achiev { max-width: 330px; margin: 0 auto; }

.jason-approach { position: relative; }
.jason-approach .left-img { position: absolute; bottom: 0px; left: 0px; width: 50%; height: 100%; }
.jason-approach .left-img .inner { max-width: 820px; height: 100%; float: right; width: 100%; position: relative; }
.jason-approach .left-img .inner img { display: inline-block; position: absolute; bottom: 0px; left: 50%; transform: translateX(-50%); max-width: calc(100% - 30px); }
.jason-approach .left-img .inner .dot { width: 50%; bottom: -10%; left: -0%; position: absolute; }
.jason-approach .left-img .inner .dot .inn { padding-top: 100%; background-color: #ff8103; border-radius: 100%; }

.white-bg { background-color: #fff; }

.banner .z-up { position: relative; z-index: 1; }

.voucher-points { max-width: 630px; margin: 93px auto; /* top: 65px; */ }
.voucher-point { font-size: 1.3em; padding: 10px 0px 10px 50px; position: relative; color: #707070; }
.voucher-point span { border-radius: 100%; position: absolute; width: 30px; height: 30px; background-color: #ff8103; left: 0px; top: 50%; transform: translateY(-50%); }
.voucher-point span i { width: 30px; line-height: 30px; color: #fff; text-align: center; }

.enquiry-page .info-boot { width: calc(100% - 907px); float: left; padding: 0px 15px; }
.enquiry-page .form-boot { width: 907px; float: left; padding: 0px 15px; }
.enquiry-page .enqu-frm { padding: 50px; }
.enquiry-page .enqu-frm .editor-field input { border: 1px solid #000; width: 100%; height: 55px; margin-bottom: 14px; }
.enquiry-page .enqu-frm .editor-field select { border: 1px solid #000; width: 100%; height: 55px; margin-bottom: 14px; }
.enquiry-page .enqu-frm .editor-field textarea { }
.enquiry-page .enqu-frm .editor-label label { display: block; margin-bottom: 10px; color: #000; font-weight: 700; text-transform: uppercase; }

.inline-link { font-weight: 700; color: #ff8103; }
.inline-link:hover { color: #000; }

.no-marg { margin: 0px !important; }

.enqu-frm .editor-field { position: relative; }
.enqu-frm .editor-field .field-validation-error { color: #ff0000; }


.blk-txt { color: #000; }
.blk-txt a { color: #000; }

.vert-marg.achievs .center-div { margin: 0; }

.error-section {padding-top:200px;}

@media screen and (min-width: 1670px) {
.term .container { padding-left: 110px }
.voucher-terms h1 { padding-left: 110px }
.banner .content { margin-left: 110px; }
.enquiry-page .enquiry-info { padding-left: 110px; }
}

@media screen and (max-width: 1669px) {
.term { padding: 45px 0; }
.lesson-pricing .toleft { float: none; width: 100%; position: relative; }
.lesson-pricing .toright { float: none; width: 100%; position: relative; }
.lesson-pricing .title h2 { width: 100%; max-width: 100% !important; margin-bottom: 30px; text-align: center; }
.lesson-pricing .title h2:before { left: 50%; transform: translateX(-50%); bottom: -15px; }
.trackman-grid { padding: 0px; }
}

@media screen and (max-width: 1669px) and (min-width: 1231px) {
.banner .artwork.voucher img { right: -100px; }
.banner .artwork.voucher img.second { right: -25px; }
.banner .artwork.voucher img.dashes { right: 270px; }
.banner .artwork.voucher img.hidden { }
}



@media screen and (min-width:992px) and (max-width:1315px) {
.track-title { min-height: 90px; padding-bottom: -2px; display: flex; align-items: center; justify-content: center; }
}

@media screen and (min-width: 992px) and (max-width: 1270px) {
.banner.home .inner-rel .lin { height: 320px !important; width: 35px !important; bottom: -120px !important; }
.banner.home .inner-rel .lin.long { height: 420px !important; width: 35px !important; bottom: -120px !important; }
.banner.home .inner-rel .lin .inner { }
.banner.home .inner-rel .lin.long .inner { }
}


@media screen and (min-width: 1231px) {

.banner.home .inner-rel .lin { display: block; position: absolute; bottom: -160px; right: -66px; height: 410px; width: 42px; }
.banner.home .inner-rel .lin.long { display: block; position: absolute; bottom: -160px; right: -66px; height: 540px; width: 42px; transform: translateX(-110px); }
.banner.home .inner-rel .lin .inner { transform-origin: bottom left; display: block; height: 100%; width: 40px; background-color: #ff8103; transform: rotate(-50deg); }
.banner.home .inner-rel .lin.long .inner { transform-origin: bottom left; display: block; height: 100%; width: 40px; background-color: #ff8103; transform: rotate(-50deg); }
.testimonial-slider .vert-marg { margin: 100px 0px; }


.lesson-pricing.repairs .dw-xs-2.time {width: 75%;}
}


@media screen and (max-width: 1230px) {
.shop-grid { margin: 30px 0; }
.voucher-outer { padding-top: 90px; }
.pro-flex > div:first-child { margin-bottom: 15px; }
.pro-flex { flex-direction: column; }
.pro-flex > div:last-child { order: initial; max-width: 80%; }
.voucher-grid .artwork.voucher img { right: -300px; }
.voucher-grid .artwork.voucher img.second { right: -125px; transform: rotate(8deg); }
.voucher-grid .artwork.voucher img.dashes { right: 140px; }

.banner.home .inner-rel .lin .inner { display: none; }
.banner.home .inner-rel .lin.long .inner { display: none; }
.term-title { font-size: 3em; }
.term { padding: 30px 0; }
.side-50-img { position: relative; }
.side-50-img .img { position: static; padding-top: 50%; width: 100%; }
.side-50-img .side-txt { max-width: 626px; margin: 0 auto; }

.trackman-graphic .tman { position: absolute; right: -7%; }
.trackman-graphic .scores { left: 0px; }

.banner .artwork .inner .dot { right: -16%; bottom: -20%; }
.banner .artwork .inner { float: right; width: 100%; }
.banner .artwork { width: 100%; }
.banner.page.voucher-banner .content { width: 50%; }
.banner .artwork.voucher img { right: -350px; transform: translateY(-50%) rotate(-5deg); }
.banner .artwork.voucher img.second { right: -250px; }
.banner .artwork.voucher img.dashes { right: 50px; }
.banner .artwork.lessons img { right: -150px; }
.lesson-pricing .row .time { width: 100%; }
.lesson-pricing .row .location { width: 300px; }
.lesson-pricing .row .cost { width: 240px; }
.lesson-pricing.accord .row .cost { width: 50%; text-align: left; }
.banner .artwork.fitting .dot { bottom: -25%; }
.banner .artwork.fitting img { width: 699px; max-width: 699px; bottom: 18px; right: -240px; }
.banner .artwork.repairs img { right: -228px; }
}

@media screen and (min-width: 992px) and (max-width: 1230px) {
      a.nav-btn {margin-left:15px;}
.wenvoe-bg.w-selling-points .btn { margin-bottom: 30px; }
.masthead .contact .soc-link { margin-right: 0px; }
.banner .artwork img { right: -125px; }

.banner.shop-banner .artwork .inner .dot { right: -200px; }
.banner.shop-banner .artwork .inner img { right: -220px; }
.enquiry-page .info-boot { width: 50%; }
.enquiry-page .info-boot .enquiry-info { width: 310px; margin: 0 auto; }
.enquiry-page .form-boot { width: 50%; }
.enquiry-page.container { padding: 0px; max-width: 100%; }
.banner .artwork.enquiries .inner .dot { right: -150px !important; }
.banner .artwork.enquiries img { right: -35px !important; }
}


@media screen and (min-width:992px) {
.lesson-pricing { padding-top: 105px; }
.container.selling-rel { position: relative; margin-bottom: 130px; }
.selling-points { position: absolute; }
.banner.home .contact { display: none; }
.banner.home .inner-rel { min-height: 970px; }
.banner.home .content { position: absolute; bottom: 115px; left: 0px; }
.banner.home .content h1 { font-size: 9em; line-height: .9; max-width: 830px; }
.banner.home .content .txt { color: #fff; font-size: 1.8em; max-width: 650px; line-height: 1.3; }


.footer .cl1 { width: 310px !important; }

.footer .section.flex-end { display: flex; justify-content: end; }
.footer .section.flex-end > div { float: none; width: auto; }
}

@media screen and (max-width:991px) {
    .voucher-outer { padding-top: 0; }
    a.nav-btn { position: fixed; z-index: 30; display: block; top: 300px; left: 50%; transform: translateX(-50%); }
    .newsletter-flex { flex-direction: column; }
        .newsletter-flex .newsletter-text { text-align: center; }
    .trackman-grid { grid-template-columns: 1fr; grid-gap: 15px; margin-bottom: 30px; padding: 0; }
    .services .inner { padding: 60px 15px; flex-direction: column; }
    .masthead .contact .btn { display: none; }
    .masthead a { max-width: 180px; display: block; }
    .banner { background-position: center right; background-size: cover; }
        .banner.home .contact { margin-bottom: 15px; }
        .banner.home .btn { max-width: 400px; width: 100%; text-align: center; }
        .banner.home .inner-rel { padding-bottom: 60px; }
        .banner.home .content h1 { font-size: 5.5em; line-height: .9; display: block; max-width: 370px; margin-top: 150px; }
        .banner.home .sig { max-width: 215px; margin-top: 100px; }
        .banner.home .content .txt { color: #fff; font-size: 1.25em; max-width: 650px; line-height: 1.3; margin-top: 55px; margin-bottom: 15px; max-width: 400px; }
            .banner.home .content .txt strong { max-width: 650px; font-weight: 600; }
    .signupform { max-width: 500px; padding: 0px 15px; }
        .signupform h2 { font-size: 3.5em; margin: 0px 0px 25px; }
        .signupform h3 span { max-width: 300px; display: inline-block; margin-top: 10px; margin-bottom: 20px; }
        .signupform h3 { text-align: center; margin: 0 auto 15px; }
    .testimonial-slider:before { width: 100%; top: 0px; }
    .testimonial-slider .white-bg-sm { padding: 1px 0px; position: relative; }
        .testimonial-slider .white-bg-sm:before { position: absolute; left: 50%; transform: translateX(-50%); top: 0px; height: 100%; width: 100vw; content: ""; background-color: #fff; z-index: 1; }
        .testimonial-slider .white-bg-sm .vert-marg { position: relative; z-index: 10; }
    .jason-approach .left-img { display: none; }
    .banner .artwork img { right: -125px; }
    .banner .artwork .dot { right: -125px !important; }
    .banner.page .content { max-width: calc(100% - 202px); }
    .banner .artwork.voucher img { right: -350px; }
        .banner .artwork.voucher img.second { right: -300px; }
    .banner .artwork.lessons img { right: -314px; }
    .banner.page.lessons-banner .content { max-width: calc(100% - 250px); }

    .left-bg-img { position: relative; }
        .left-bg-img .img { position: static; left: 0px; top: 0px; height: auto; width: 100%; padding-top: 66.71%; }
        .left-bg-img.shop .img { background-image: url(images/golf-shop.jpg); background-size: cover; background-position: center; }
    .selling-points { transform: none; margin-top: 30px; margin-bottom: 30px; }
    .enquiry-page .info-boot { width: 100%; }
        .enquiry-page .info-boot .enquiry-info { }
    .enquiry-page .form-boot { width: 100%; }
    .enquiry-page.container { }
    .no-padd-sm-xs { padding: 0px !important; }
    .no-marg-sm-xs { margin: 0px !important; }
    .left-bg-img .img .trackman-club-graphic { position: static; transform: none; }
    .lesson-pricing .row { text-align: center; }
        .lesson-pricing .row .time { width: 100%; }
        .lesson-pricing .row .location { width: 100%; }
        .lesson-pricing .row .cost { width: 100%; }
        .lesson-pricing .row .action { width: 100%; margin-top: 15px; }
    .lesson-pricing .row { max-width: 400px; margin: 0 auto; }

    .lesson-pricing.accord .row .cost { width: 100%; text-align: center; }
    .lesson-pricing .row .action.double { max-width: 100%; }


    .banner .artwork.fitting .dot { bottom: -25%; right: -36% !important; }
    .banner .artwork.fitting img { display: none; }

    .banner .artwork.repairs img { width: 584px; bottom: -20px; max-width: 584px; right: -340px; }
    .banner .artwork.repairs .dot { bottom: -15%; right: -35% !important; }

    .footer .cl1 { width: 100% !important; max-width: 310px; }

    .footer .section.flex-end { display: flex; justify-content: flex-start; }
        .footer .section.flex-end .clear { display: none; }
        .footer .section.flex-end > div { float: none; width: auto; }


    .voucher-points { max-width: 630px; margin: 5px auto; }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .hidden-sm { display: none !important; }
    .banner.home .inner-rel .lin { display: block; position: absolute; bottom: -75px; right: -66px; height: 200px; width: 15px; }
        .banner.home .inner-rel .lin.long { display: block; position: absolute; bottom: -75px; right: -66px; height: 230px; width: 15px; transform: translateX(-35px); }


    .banner.shop-banner .content { width: 100%; max-width: calc(100% - 250px); }
    .banner.shop-banner .artwork .inner .dot { right: -200px; }
    .banner.shop-banner .artwork .inner img { right: -220px; }
    .banner .artwork.enquiries img { right: 15px; }
    .banner .artwork.enquiries .inner .dot { right: -150px !important; }
    .banner .artwork.enquiries img { right: -35px !important; }
}

@media screen and (min-width: 768px) {
    .sm-fl-right { float: right !important; font-weight: 100; }
}

@media screen and (max-width: 767px) {
    .banner.terms h1 { font-size: 4em; }
    .banner.terms.thanks .content { height: 350px; }
    .banner.terms .content { height: 300px; }
    .left-title {
font-size:2.5em!important;
}
    .selling-points { margin-bottom: 15px; }
    .selling-points { padding: 15px; }
        .selling-points .point { margin: 15px auto; }
    br.responsive { display: none; }
    .vert-marg.responsive { margin: 0; }
    .vert-padd.responsive { padding: 15px 0; }
    .vert-marg.achievs { margin: 0; }

    .footer .line { background-color: #fff; height: 1px; margin: 0 0 15px; }
    .pro-flex { margin-top: 30px; }
    .tracked-items { padding: 15px 0; }
    .services .outer { margin-top: 30px; }
    .services .inner { padding: 15px; }
    .services .more-info a { display: block; }
    .golf-lessons { margin-top: 30px; }
    .hide-overflow.trackman { margin-top: 30px; }

    .voucher-grid { display: grid; grid-template-columns: 1fr; padding: 15px 0 45px; }
        .voucher-grid .artwork { margin-top: 60px; }
            .voucher-grid .artwork.voucher img { right: -50px; }
                .voucher-grid .artwork.voucher img.second { position: static; transform: translateX(14%) rotate(8deg); }

                .voucher-grid .artwork.voucher img.dashes { display: none; }
    .pro-flex > div:last-child { max-width: 100%; }
    #lightbox .newsletter-text .lg { font-size: 2em; }
    #lightbox .newsletter-text .sml { font-size: 2em; }
    #lightbox .newsletter-form .editor-field input[type="text"] { width: 300px; height: 50px; font-size: 1em; }
    #lightbox .newsletter-form .btn.orange { height: 50px; font-size: 1em; }
    .dashed-box .newsletter-form .editor-field input[type="text"] { width: 300px }
    .shop-grid { display: grid; grid-template-columns: 1fr; margin: 15px 0 30px; }
    .hidden-xs { display: none !important; }
    .signupform h2 { margin: 80px 0px 10px 0px !important; }
    .center-xs { text-align: center; }
    .footer .footer-soc { margin-bottom: 10px; }
        .footer .footer-soc .soc-link { margin: 0px 10px 5px 10px; }
    .banner .artwork.about img { right: -210px; width: 652px; max-width: 652px; }
    .banner .artwork.about .dot { right: -195px !important; }
    .banner.page .content { max-width: calc(100% - 202px); padding-bottom: 60px; }
    .banner.page { padding-top: 190px; }
        .banner.page h1 .orange-txt { display: block; }

    .banner .artwork.voucher img { right: -400px; }
        .banner .artwork.voucher img.second { right: -350px; }

    .banner.shop-banner .content { width: 100%; max-width: calc(100% - 250px); }
    .banner.shop-banner .artwork.shop .inner .dot { right: -240px !important; }
    .banner.shop-banner .artwork .inner img { right: -340px; width: 582px; max-width: 582px; }
    .banner.enquiries-banner .artwork.enquiries .inner .dot { right: -290px !important; }
    .banner.enquiries-banner .artwork.enquiries img { right: -142px !important; }

    .footer .foot-col.cl1 { width: calc(100% / 3); min-height: 180px; }
    .footer .foot-col.cl2 { width: calc(100% / 3); min-height: 180px; }
    .footer .foot-col.cl3 { width: calc(100% / 3); min-height: 180px; }
    .footer .foot-col.cl4 { width: 100%; }

    .block-img-link.nolink { min-height: 200px; position: relative; }


    .footer .section.flex-end { display: block; }
        .footer .section.flex-end > div { width: 100% !important; max-width: 400px; min-height: 10px; padding-bottom: 0; }
    .footer { padding: 30px 0px 15px 0px; background-color: #ff8103; }

    .narr-container { padding-top: 10px; }
    .vert-marg.lg { margin: 15px 0px; }
}

@media screen and (max-width:620px) {
.banner .artwork { position: static !important; width: 50%; bottom: 0px; right: 0%; }
.banner.page.voucher-banner .content .txt, .banner.shop-banner .content, .banner.page .content { max-width: initial !important; padding-bottom: 0; width: 100% !important; }
.banner .artwork .inner { max-width: 790px; position: relative; height: 375px; }
.banner .artwork.voucher img.dashes { display: none; }
.enquire-cta .txt { display: block; text-align: center !important; margin-bottom: 15px; }
.trackman-txt { padding: 0px; }

.banner .artwork.voucher img { right: -450px; }
.banner .artwork.voucher img.second { right: -415px; }
.banner.page.voucher-banner .content { max-width: 100%; width: 100%; }
.banner.page.voucher-banner .content .txt { max-width: calc(100% - 150px); margin-top: 30px; }
.banner.page.lessons-banner .content { max-width: 100%; }
.banner.page.lessons-banner .content .txt { max-width: calc(100% - 250px); margin-top: 30px; }

.banner.shop-banner .content { width: 100%; max-width: calc(100% - 139px); }
.banner.shop-banner .artwork.shop .inner .dot { right: -290px; }
.banner.shop-banner .artwork .inner img { right: -422px; }
}

@media screen and (max-width: 530px) {
.newsletter-flex .inner-flex { flex-direction: column; align-items: center; }
.banner.page.about-banner .content { max-width: 100%; }
.banner.page.about-banner .content h1 { font-size: 3.6em; margin-bottom: 15px; }
.banner.page.about-banner .content .txt { font-size: 1.3em; width: calc(100% - 110px); margin-bottom: 70px; }
.banner .artwork.about img { right: -242px; }
.banner .artwork.about .dot { right: -293px !important; }
.banner .artwork.lessons img { right: -407px; }
.banner .artwork.lessons .dot { right: -230px !important; }
.banner.page.lessons-banner .content .txt { max-width: calc(100% - 150px); margin-top: 30px; }
}

@media screen and (min-width: 501px) {
}

@media screen and (max-width: 500px) {
.banner.home .content h1 { font-size: 5.0em; max-width: 330px; }
.banner.home { padding: 0px 15px }
.banner.home .btn { width: 100%; text-align: center; }
.signupform .btn { width: auto !important; }
.banner { background-position: 500px center; background-size: cover; }
.masthead .contact .soc-link { display: none; }
.enquiry-page .form-boot .enqu-frm { padding: 15px; }

.footer .foot-col.cl1 { width: calc(100% / 2); min-height: 180px; }
.footer .foot-col.cl2 { width: calc(100% / 2); min-height: 180px; }
.footer .foot-col.cl3 { width: calc(100% / 2); min-height: 180px; }
.footer .foot-col.cl4 { width: 50%; }
}


@media screen and (max-width: 419px) {
.voucher-grid .voucher-buttons { justify-content: center; }
.dashed-box .newsletter-form .editor-field input[type="text"] { width: 230px; }
.banner.home .content h1 { font-size: 4.5em; max-width: 330px; }
.banner.page.about-banner .content h1 { margin-bottom: 30px; }
.banner.page { padding-top: 160px; }
.banner .artwork.voucher img { right: -480px; }
.banner .artwork.voucher img.second { right: -460px; }
.banner.page.voucher-banner .content .txt { max-width: calc(100% - 110px); margin-top: 30px; }
.banner .artwork.lessons img { right: -430px; }
.banner .artwork.lessons .dot { right: -290px !important; }
.banner.page.lessons-banner .content .txt { max-width: calc(100% - 100px); margin-top: 30px; }
.lesson-pricing .row .action.double .btn { display: block; float: none !important; text-align: center; margin-top: 15px; }
}



@media screen and (min-width: 419px) and (max-width: 320px) {
.bg-lazy { background-image: none !important; }
}

/**
 * DW Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/DWCarousel2/DWCarousel2/blob/master/LICENSE
 */
/*
 *  DW Carousel - Core
 */
.dw-carousel {
  display: none;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  /* position relative and z-index fix webkit rendering fonts issue */
  position: relative;
  z-index: 1; }
  .dw-carousel .dw-stage {
    position: relative;
    -ms-touch-action: pan-Y;
    touch-action: manipulation;
    -moz-backface-visibility: hidden;
    /* fix firefox animation glitch */ }
  .dw-carousel .dw-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0; }
  .dw-carousel .dw-stage-outer {
    position: relative;
    overflow: hidden;
    /* fix for flashing background */
    -webkit-transform: translate3d(0px, 0px, 0px); }
  .dw-carousel .dw-wrapper,
  .dw-carousel .dw-item {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0); }
  .dw-carousel .dw-item {
    position: relative;
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none; }
  .dw-carousel .dw-item img {
    display: block;
    width: 100%; }
  .dw-carousel .dw-nav.disabled,
  .dw-carousel .dw-dots.disabled {
    display: none; }
  .dw-carousel .dw-nav .dw-prev,
  .dw-carousel .dw-nav .dw-next,
  .dw-carousel .dw-dot {
    cursor: pointer;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  .dw-carousel .dw-nav button.dw-prev,
  .dw-carousel .dw-nav button.dw-next,
  .dw-carousel button.dw-dot {
    background: none;
    color: inherit;
    border: none;
    padding: 0 !important;
    font: inherit; }
  .dw-carousel.dw-loaded {
    display: block; }
  .dw-carousel.dw-loading {
    opacity: 0;
    display: block; }
  .dw-carousel.dw-hidden {
    opacity: 0; }
  .dw-carousel.dw-refresh .dw-item {
    visibility: hidden; }
  .dw-carousel.dw-drag .dw-item {
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  .dw-carousel.dw-grab {
    cursor: move;
    cursor: grab; }
  .dw-carousel.dw-rtl {
    direction: rtl; }
  .dw-carousel.dw-rtl .dw-item {
    float: right; }

/* No Js */
.no-js .dw-carousel {
  display: block; }

/*
 *  DW Carousel - Animate Plugin
 */
.dw-carousel .animated {
  animation-duration: 1000ms;
  animation-fill-mode: both; }

.dw-carousel .dw-animated-in {
  z-index: 0; }

.dw-carousel .dw-animated-out {
  z-index: 1; }

.dw-carousel .fadeOut {
  animation-name: fadeOut; }

@keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

/*
 * 	DW Carousel - Auto Height Plugin
 */
.dw-height {
  transition: height 500ms ease-in-out; }

/*
 * 	DW Carousel - Lazy Load Plugin
 */
.dw-carousel .dw-item {
  /**
			This is introduced due to a bug in IE11 where lazy loading combined with autoheight plugin causes a wrong
			calculation of the height of the dw-item that breaks page layouts
		 */ }
  .dw-carousel .dw-item .dw-lazy {
    opacity: 0;
    transition: opacity 400ms ease; }
  .dw-carousel .dw-item .dw-lazy[src^=""], .dw-carousel .dw-item .dw-lazy:not([src]) {
    max-height: 0; }
  .dw-carousel .dw-item img.dw-lazy {
    transform-style: preserve-3d; }

/*
 * 	DW Carousel - Video Plugin
 */
.dw-carousel .dw-video-wrapper {
  position: relative;
  height: 100%;
  background: #000; }

.dw-carousel .dw-video-play-icon {
  position: absolute;
  height: 80px;
  width: 80px;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  background: url("dw.video.play.png") no-repeat;
  cursor: pointer;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  transition: transform 100ms ease; }

.dw-carousel .dw-video-play-icon:hover {
  -ms-transform: scale(1.3, 1.3);
      transform: scale(1.3, 1.3); }

.dw-carousel .dw-video-playing .dw-video-tn,
.dw-carousel .dw-video-playing .dw-video-play-icon {
  display: none; }

.dw-carousel .dw-video-tn {
  opacity: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  transition: opacity 400ms ease; }

.dw-carousel .dw-video-frame {
  position: relative;
  z-index: 1;
  height: 100%;
  width: 100%; }

.dw-theme .dw-nav {
  margin-top: 10px;
  text-align: center;
  -webkit-tap-highlight-color: transparent; }
  .dw-theme .dw-nav [class*='dw-'] {
    color: #FFF;
    font-size: 14px;
    margin: 5px;
    padding: 4px 7px;
    background: #D6D6D6;
    display: inline-block;
    cursor: pointer;
    border-radius: 3px; }
    .dw-theme .dw-nav [class*='dw-']:hover {
      background: #869791;
      color: #FFF;
      text-decoration: none; }
  .dw-theme .dw-nav .disabled {
    opacity: 0.5;
    cursor: default; }

.dw-theme .dw-nav.disabled + .dw-dots {
  margin-top: 10px; }

.dw-theme .dw-dots {
  text-align: center;
  -webkit-tap-highlight-color: transparent; }
  .dw-theme .dw-dots .dw-dot {
    display: inline-block;
    zoom: 1;
    *display: inline; }
    .dw-theme .dw-dots .dw-dot span {
      width: 10px;
      height: 10px;
      margin: 5px 7px;
      background: #D6D6D6;
      display: block;
      -webkit-backface-visibility: visible;
      transition: opacity 200ms ease;
      border-radius: 30px; }
    .dw-theme .dw-dots .dw-dot.active span, .dw-theme .dw-dots .dw-dot:hover span {
      background: #869791; }
*,*:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.container {width:100%; margin:0 auto;padding:0 15px;}
.section {margin:0 -15px;}
.container:before,.container:after,.section:before,.section:after{ display: table; content: " "; }
.container:after,.section:after { clear: both; }
.clear { display:block;clear:both; }
@-ms-viewport {width: device-width;} 

/* Awesome */
/*@font-face {font-family: 'Font Awesome 5 Brands';font-style: normal;font-weight: normal; src: url("fonts/fa-brands-400.eot"); src: url("fonts/fa-brands-400.eot?#iefix") format("embedded-opentype"), url("fonts/fa-brands-400.ttf") format("truetype"), url(fonts/fa-brands-400.svg#fontawesome) format("svg"); }
@font-face {font-family: 'Font Awesome 5 Free';font-style: normal;font-weight: 400;src: url("fonts/fa-regular-400.eot"); src: url("fonts/fa-regular-400.eot?#iefix") format("embedded-opentype"), url("fonts/fa-regular-400.ttf") format("truetype"), url(fonts/fa-regular-400.svg#fontawesome) format("svg"); }
@font-face {font-family: 'Font Awesome 5 Free';font-style: normal;font-weight: 900;src: url("fonts/fa-solid-900.eot"); src: url("fonts/fa-solid-900.eot?#iefix") format("embedded-opentype"), url("fonts/fa-solid-900.ttf") format("truetype"), url(fonts/fa-solid-900.svg#fontawesome) format("svg"); }*/
@font-face {font-family: 'Font Awesome 5 Brands';font-style: normal;font-weight: normal; src: url("fonts/fa-brands-400.ttf") format("truetype"), url(fonts/fa-brands-400.svg#fontawesome) format("svg"); }
@font-face {font-family: 'Font Awesome 5 Free';font-style: normal;font-weight: 400; src: url("fonts/fa-regular-400.ttf") format("truetype"), url(fonts/fa-regular-400.svg#fontawesome) format("svg"); }
@font-face {font-family: 'Font Awesome 5 Free';font-style: normal;font-weight: 900; src: url("fonts/fa-solid-900.ttf") format("truetype"), url(fonts/fa-solid-900.svg#fontawesome) format("svg"); }
.fas,.far,.fab {-moz-osx-font-smoothing: grayscale;-webkit-font-smoothing: antialiased;display: inline-block;font-style: normal;font-variant: normal;text-rendering:auto;text-rendering:optimizeLegibility; line-height: 1; }
.fab,.fab.btn { font-family: 'Font Awesome 5 Brands'; }
.far,.far.btn { font-family: 'Font Awesome 5 Free'; font-weight: 400; }
.fas,.fas.btn { font-family: 'Font Awesome 5 Free'; font-weight: 900; }

/*.fab*/
/*

.fa-google-plus-g:before {content: "\f0d5";}*/
.fa-facebook-f:before {content: "\f39e";}
.fa-twitter:before {content: "\f099";}
.fa-youtube:before {content: "\f099";}
/*.fas*/
.fa-bars:before {content: "\f0c9";}
.fa-times:before {content: "\f00d";}
.fa-search:before {content: "\f002";}
.fa-chevron-up:before,#headerright .on .atag i:before,#headerright .top-div .on span.top i:before {content: "\f077";}
.fa-chevron-down:before,#headerright .atag i:before,#headerright span.top i:before {content: "\f078";}
.fa-info:before {content: "\f129";}
.fa-arrow-circle-right:before {content: "\f0a9";}
.fa-arrow-circle-left:before {content: "\f0a8";}
.fa-arrow-right:before {content: "\f00c";}
.fa-youtube:before {content: "\f167";}
.fa-chevron-circle-up:before {content: "\f139";}
.fa-chevron-circle-down:before {content: "\f13a";}
.fa-envelope:before {content: "\f0e0";}
.fa-copy:before {content: "\f0c5";}
.fa-mobile-alt:before {content: "\f3cd";}
.fa-times:before {content: "\f00d";}
.fa-map-marker-alt:before {content: "\f3c5";}
.fa-chart-line:before {content: "\f201";}
.fa-users:before {content: "\f0c0";}
.fa-trophy:before {content: "\f091";}
.fa-comments:before {content: "\f086";}
.fa-phone:before {content: "\f095";}
.fa-youtube-play:before { content: "\f16a"; }
.fa-exclamation-triangle:before { content: "\f071";}

.dw-xs-1,.dw-xs-2,.dw-xs-3,.dw-xs-4,.dw-xs-5,.dw-xs-6,.dw-xs-7,.dw-xs-8,.dw-xs-9,.dw-xs-10,.dw-xs-11,.dw-xs-12,
.dw-sm-1,.dw-sm-2,.dw-sm-3,.dw-sm-4,.dw-sm-5,.dw-sm-6,.dw-sm-7,.dw-sm-8,.dw-sm-9,.dw-sm-10,.dw-sm-11,.dw-sm-12,
.dw-md-1,.dw-md-2,.dw-md-3,.dw-md-4,.dw-md-5,.dw-md-6,.dw-md-7,.dw-md-8,.dw-md-9,.dw-md-10,.dw-md-11,.dw-md-12,
.dw-lg-1,.dw-lg-2,.dw-lg-3,.dw-lg-4,.dw-lg-5,.dw-lg-6,.dw-lg-7,.dw-lg-8,.dw-lg-9,.dw-lg-10,.dw-lg-11,.dw-lg-12,
.dw-xl-1,.dw-xl-2,.dw-xl-3,.dw-xl-4,.dw-xl-5,.dw-xl-6,.dw-xl-7,.dw-xl-8,.dw-xl-9,.dw-xl-10,.dw-xl-11,.dw-xl-12,
.dw-xxl-1,.dw-xxl-2,.dw-xxl-3,.dw-xxl-4,.dw-xxl-5,.dw-xxl-6,.dw-xxl-7,.dw-xxl-8,.dw-xxl-9,.dw-xxl-10,.dw-xxl-11,.dw-xxl-12 {position: relative;min-height: 1px;padding:0 15px;}

.dw-xs-1,.dw-xs-2,.dw-xs-3,.dw-xs-4,.dw-xs-5,.dw-xs-6,.dw-xs-7,.dw-xs-8,.dw-xs-9,.dw-xs-10,.dw-xs-11 {float: left;}
.dw-xs-12 {width: 100%;}
.dw-xs-11 {width: 91.66666666666666%;}
.dw-xs-10 {width: 83.33333333333334%;}
.dw-xs-9 {width: 75%;}
.dw-xs-8 {width: 66.66666666666666%;}
.dw-xs-7 {width: 58.333333333333336%;}
.dw-xs-6 {width: 50%;}
.dw-xs-5 {width: 41.66666666666667%;}
.dw-xs-4 {width: 33.33333333333333%;}
.dw-xs-3 {width: 25%;}
.dw-xs-2 {width: 16.666666666666664%;}
.dw-xs-1 {width: 8.333333333333332%;}

@media (min-width:768px) {
.dw-sm-1,.dw-sm-2,.dw-sm-3,.dw-sm-4,.dw-sm-5,.dw-sm-6,.dw-sm-7,.dw-sm-8,.dw-sm-9,.dw-sm-10,.dw-sm-11 {float: left;}
.dw-sm-12 {width: 100%;}
.dw-sm-11 {width: 91.66666666666666%;}
.dw-sm-10 {width: 83.33333333333334%;}
.dw-sm-9 {width: 75%;}
.dw-sm-8 {width: 66.66666666666666%;}
.dw-sm-7 {width: 58.333333333333336%;}
.dw-sm-6 {width: 50%;}
.dw-sm-5 {width: 41.66666666666667%;}
.dw-sm-4 {width: 33.33333333333333%;}
.dw-sm-3 {width: 25%;}
.dw-sm-2 {width: 16.666666666666664%;}
.dw-sm-1 {width: 8.333333333333332%;}
}

@media (min-width: 768px) and (max-width: 991px) {
.container {max-width:750px;}
}

@media (min-width:992px) {
.dw-md-1,.dw-md-2,.dw-md-3,.dw-md-4,.dw-md-5,.dw-md-6,.dw-md-7,.dw-md-8,.dw-md-9,.dw-md-10,.dw-md-11 {float: left;}
.dw-md-12 {width: 100%;}
.dw-md-11 {width: 91.66666666666666%;}
.dw-md-10 {width: 83.33333333333334%;}
.dw-md-9 {width: 75%;}
.dw-md-8 {width: 66.66666666666666%;}
.dw-md-7 {width: 58.333333333333336%;}
.dw-md-6 {width: 50%;}
.dw-md-5 {width: 41.66666666666667%;}
.dw-md-4 {width: 33.33333333333333%;}
.dw-md-3 {width: 25%;}
.dw-md-2 {width: 16.666666666666664%;}
.dw-md-1 {width: 8.333333333333332%;}
}

@media (min-width: 992px) and (max-width: 1229px) {
.container {max-width:970px;}
}

@media (min-width: 1230px) {
.container.console {width: auto !important;}

.dw-lg-1,.dw-lg-2,.dw-lg-3,.dw-lg-4,.dw-lg-5,.dw-lg-6,.dw-lg-7,.dw-lg-8,.dw-lg-9,.dw-lg-10,.dw-lg-11 {float: left;}
.dw-lg-12 {width: 100%;}
.dw-lg-11 {width: 91.66666666666666%;}
.dw-lg-10 {width: 83.33333333333334%;}
.dw-lg-9 {width: 75%;}
.dw-lg-8 {width: 66.66666666666666%;}
.dw-lg-7 {width: 58.333333333333336%;}
.dw-lg-6 {width: 50%;}
.dw-lg-5 {width: 41.66666666666667%;}
.dw-lg-4 {width: 33.33333333333333%;}
.dw-lg-3 {width: 25%;}
.dw-lg-2 {width: 16.666666666666664%;}
.dw-lg-1 {width: 8.333333333333332%;}
}

@media (min-width:1230px) and (max-width:1474px) {
.container {max-width: 1230px;}
}

@media (min-width: 1671px) {
.dw-xl-1,.dw-xl-2,.dw-xl-3,.dw-xl-4,.dw-xl-5,.dw-xl-6,.dw-xl-7,.dw-xl-8,.dw-xl-9,.dw-xl-10,.dw-xl-11 {float: left;}
.dw-xl-12 {width: 100%;}
.dw-xl-11 {width: 91.66666666666666%;}
.dw-xl-10 {width: 83.33333333333334%;}
.dw-xl-9 {width: 75%;}
.dw-xl-8 {width: 66.66666666666666%;}
.dw-xl-7 {width: 58.333333333333336%;}
.dw-xl-6 {width: 50%;}
.dw-xl-5 {width: 41.66666666666667%;}
.dw-xl-4 {width: 33.33333333333333%;}
.dw-xl-3 {width: 25%;}
.dw-xl-2 {width: 16.666666666666664%;}
.dw-xl-1 {width: 8.333333333333332%;}
}

@media (min-width:1230px) and (max-width:1670px) {
.container,.course .masthead .container,.info-page .masthead .container {max-width: 1500px;}
}

@media (min-width:1671px) {
.container,.course .masthead .container,.info-page .masthead .container {max-width: 1640px;}

.dw-xxl-1,.dw-xxl-2,.dw-xxl-3,.dw-xxl-4,.dw-xxl-5,.dw-xxl-6,.dw-xxl-7,.dw-xxl-8,.dw-xxl-9,.dw-xxl-10,.dw-xxl-11 {float: left;}
.dw-xxl-12 {width: 100%;}
.dw-xxl-11 {width: 91.66666666666666%;}
.dw-xxl-10 {width: 83.33333333333334%;}
.dw-xxl-9 {width: 75%;}
.dw-xxl-8 {width: 66.66666666666666%;}
.dw-xxl-7 {width: 58.333333333333336%;}
.dw-xxl-6 {width: 50%;}
.dw-xxl-5 {width: 41.66666666666667%;}
.dw-xxl-4 {width: 33.33333333333333%;}
.dw-xxl-3 {width: 25%;}
.dw-xxl-2 {width: 16.666666666666664%;}
.dw-xxl-1 {width: 8.333333333333332%;}
.container.console{max-width: 1645px!important;}
}