/* font-family:'Merge'; font-family:lato, sans-serif; */
@font-face { font-family: 'Merge'; src: url('/SiteFiles/Fonts/font.woff2') format('woff2'), /* Super Modern Browsers */ url('/SiteFiles/Fonts/font.woff') format('woff'); /* Pretty Modern Browsers */ }


html { margin: 0px; padding: 0px; -webkit-font-smoothing: antialiased; }
body { height: auto !important; width: 100%; margin: 0px; padding: 0px; font-family: lato, sans-serif; font-weight: 400; font-size: 15px; color: #707070; line-height: 1.3em; position: relative; }
h1 { font-size: 33px; font-weight: normal; font-family: 'Merge'; font-weight: normal; line-height: 1.1em; color: #525252; margin: 0; }
h2 { font-size: 30px; font-weight: normal; font-family: 'Merge'; font-weight: normal; line-height: 1.1em; color: #525252; margin: 0; }
h3 { font-size: 19px; font-weight: normal; font-family: 'Merge'; font-weight: normal; line-height: 1.1em; color: #363636; margin: 0; }
h4 { font-size: 22px; font-weight: normal; font-family: 'Merge'; font-weight: normal; line-height: 1.1em; color: #363636; margin: 0; }
img { border: 0px; }
a:focus { outline: none; -moz-outline-style: none; text-decoration: none; }
a { cursor: pointer; text-decoration: none; color: #707070; }
a:hover { text-decoration: none; }
strong { font-family: lato, sans-serif; font-weight: 700; }
img { max-width: 100%; }
.clear { clear: both; height: 0px; padding: 0px; margin: 0px; overflow: hidden; }
.hidden { display: none; }
input, textarea { font-family: lato, sans-serif; font-weight: 400; }
input[type=submit] { cursor: pointer; }

.purple h1,
.purple h2,
.purple h3,
.purple a { color: #cd8fbd; }
.purple .mhBtn { background: #cd8fbd; }

.green h1,
.green h2,
.green h3,
.green a { color: #1ba92a; }
.green .mhBtn { background: #1ba92a; }

.pink h1,
.pink h2,
.pink h3,
.pink a { color: #e5007c; }
.pink .mhBtn { background: #e5007c; }

.orange h1,
.orange h2,
.orange h3,
.orange a { color: #ed8b00; }
.orange .mhBtn { background: #ed8b00; }

.blue h1,
.blue h2,
.blue h3,
.blue a { color: #62b5e5; }
.blue .mhBtn { background: #62b5e5; }

.button,
.mhBtn { border-radius: 6px; height: 44px; line-height: 46px; font-size: 20px; font-family: 'Merge'; display: inline-block; text-align: center; border: none; }
span.mhBtn > a,
a > span.mhBtn { color: #fff; display: inline-block; padding: 0 30px; }
.mhBtn:hover { opacity: .8; }

.ui-datepicker { border-radius: 4px; border: 1px solid #cccccc; color: #525252; background: url(/SiteImages/textbox.jpg) repeat-x #fff; }
.DesignMode #HeaderHolder, .EditMode #HeaderHolder { position: relative; }
#HeaderHolder { position: fixed; top: 0; width: 100%; height: 141px; z-index: 1000; }
html.translated-ltl #HeaderHolder,
html.translated-rtl #HeaderHolder { top: auto }
/*.DesignMode  #HeaderSpacer, .EditMode  #HeaderSpacer {height:0;}*/
#HeaderSpacer { position: relative; height: 141px; overflow: hidden; }
#HeaderRepeater { background: url(/SiteImages/headerRepeater.jpg); height: 6px; width: 100%; overflow: hidden; position: fixed; z-index: 1001; }
#Header { height: 135px; background-color: #fff; }
#Header #HeaderSocial { padding: 10px 0 0 16px; text-align: right; }
#Header #HeaderSocial a { display: inline-block; margin-left: 8px; }
#Header #HeaderSocial a:hover { opacity: 0.6; filter: alpha(opacity=6); }
#Header #AccountOptions { padding: 12px 0 0 20px; text-align: right; color: #999999; }
#Header #AccountOptions a { color: #999999; }
#Header #AccountOptions a:hover { opacity: 0.6; filter: alpha(opacity=6); }
#Header #SearchHolder { padding-top: 10px; }
#Header #SearchHolder .textbox { float: left; height: 28px; line-height: 28px; width: 85%; padding: 0 5px; border: none; border-bottom: 1px solid #999999; color: #4c4c4c; font-family: lato, sans-serif; background: none; border-radius: 0; }
#Header #SearchHolder .button { float: left; height: 28px; width: 25px; font-size: 0; background: url(/SiteImages/searchButton.jpg) no-repeat top left; padding: 0; border-bottom: 1px solid #999999; border-radius: 0; }

#Logo { display: block; padding: 30px 0; position: absolute; width: 120%; z-index: 2; }
#Logo img { max-width: 100%; }

#TopNav { padding: 60px 0 0 0; text-align: right; font-family: lato, sans-serif; font-weight: 400; }
#TopNav ul { margin: 0; padding: 0; list-style-type: none; }
#TopNav ul li { display: inline-block; }
#TopNav ul li a { padding: 0 12px 93px; line-height: 21px; font-weight: 700; color: #4c4c4c; display: block; }
html.translated-ltr #TopNav ul li a,
html.translated-rtl #TopNav ul li a { padding-left: 8px; padding-right: 8px; font-size: 13px; }
#TopNav ul li a.levelOne { height: 21px; }
#TopNav ul li.purple:hover a.levelOne, #TopNav ul li.purple.current a.levelOne, #TopNav ul li.purple a.levelTwo { color: #cd8fbd; }
#TopNav ul li.green:hover a.levelOne, #TopNav ul li.green.current a.levelOne, #TopNav ul li.green a.levelTwo { color: #1ba92a; }
#TopNav ul li.pink:hover a.levelOne, #TopNav ul li.pink.current a.levelOne, #TopNav ul li.pink a.levelTwo { color: #e5007c; }
#TopNav ul li.orange:hover a.levelOne, #TopNav ul li.orange.current a.levelOne, #TopNav ul li.orange a.levelTwo { color: #ed8b00; }
#TopNav ul li.blue:hover a.levelOne, #TopNav ul li.blue.current a.levelOne, #TopNav ul li.blue a.levelTwo { color: #62b5e5; }
#TopNav ul li.donate a { height: auto; padding: 12px 30px; background: #e5007c; border-radius: 25px; color: #fff !important; margin-left: 15px; font-family: 'Merge' }
#TopNav ul li.donate a:hover { background: #f06eaa; }
#TopNav ul .subNav { display: none; position: fixed; left: 0; top: 114px; width: 100%; text-align: left; background: #ebebeb; z-index: -1; padding-bottom: 35px; overflow: hidden; -webkit-box-shadow: 0px px 5px 0px rgba(50, 50, 50, 0.2); -moz-box-shadow: 0px 5px 5px 0px rgba(50, 50, 50, 0.2); box-shadow: 0px 5px 5px 0px rgba(50, 50, 50, 0.2); }
#TopNav ul .subNav .leftSide { padding-top: 75px; }
#TopNav ul .subNav a { padding: 0; }
#TopNav ul .subNav .image { position: absolute; border: 24px solid #fff; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; background: #fff; margin-top: -10px; overflow: hidden; }
#TopNav ul .subNav .image img { max-width: none; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; }
#TopNav ul .subNav a.levelTwo { font-size: 21px; line-height: 21px; margin-bottom: 15px; }
#TopNav ul .subNav a.levelTwo:hover { opacity: 0.6; filter: alpha(opacity=6); }
#TopNav ul .subNav a.levelThree { margin-bottom: 2px; color: #525252; }
#TopNav ul .subNav .subText { color: #525252; line-height: 22px; }
#TopNav ul .subNav .bottomImage { height: 80px; }
#TopNav ul .subNav .bottomImage img { position: absolute; bottom: 0; z-index: -1; }
#TopNav ul li.purple a.levelThree:hover, #TopNav ul li.purple .subText a:hover { color: #cd8fbd; }
#TopNav ul li.green a.levelThree:hover, #TopNav ul li.green .subText a:hover { color: #1ba92a; }
#TopNav ul li.pink a.levelThree:hover, #TopNav ul li.pink .subText a:hover { color: #e5007c; }
#TopNav ul li.orange a.levelThree:hover, #TopNav ul li.orange .subText a:hover { color: #ed8b00; }
#TopNav ul li.blue a.levelThree:hover, #TopNav ul li.blue .subText a:hover { color: #62b5e5; }
.goog-te-banner-frame { top: auto; bottom: 0 }

#HomepageBanners { height: 700px; overflow: hidden; position: relative; }
#HomepageBanners ul { height: 100%; list-style-type: none; margin: 0; padding: 0; }
#HomepageBanners ul li { height: 100%; overflow: hidden; background-position: center; background-size: cover; background-repeat: no-repeat; }
#HomepageBanners .bx-controls { display: none; }
#HomepageBanners .bx-wrapper,
#HomepageBanners .bx-viewport { height: 100%; }
#HomepageBanners:hover .bx-controls { display: block; }
#HomepageBanners::after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(38, 37, 36, 0.25); }

.bannerItem .container { height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; }
.bannerItem .row { -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; text-align: center; width: 100%; }
.bannerItem .info { text-align: center; }
.bannerItem h1,
.bannerItem h2 { color: #fff; font-size: 72px; line-height: 60px; letter-spacing: 2px; margin-bottom: 35px; font-family: 'Merge'; }
.bannerItem .text { margin-bottom: 35px; font-size: 28px; line-height: 1; color: #fff; }
.bannerItem .button { height: auto; min-width: 210px; font-size: 15px; line-height: 1; padding: 18px 30px; background: #62b5e5; border-radius: 25px; color: #fff !important; margin-left: 15px; }
.bannerItem .button:hover { background: #6fc9ee; }
.bannerItem .image { position: absolute; border: 24px solid #fff; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; background: #fff; overflow: hidden; }
.bannerItem .image img { max-width: none; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; }
.bannerItem .bannerContent { position: relative; text-align: center; width: 75%; margin: auto; margin: auto; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); }
.bannerItem .inner { width: 100%; position: absolute; top: 0; left: 0; }
.bannerItem .cntStart { text-align: center; }

.HomeBanner.hasVideo { position: relative; }
.HomeBanner.hasVideo ul li { background-image: none !important; }
.HomeBanner.hasVideo .vimeo { position: absolute; top: 0; left: 0; right: 0; bottom: 0; overflow: hidden; }
.HomeBanner.hasVideo .vimeo iframe { position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); }
.HomeBanner.hasVideo .items { height: 100%; overflow: hidden; background-position: center; background-size: cover; background-repeat: no-repeat; }
.HomeBanner.hasVideo.videoLoaded svg { opacity: 0; }
.HomeBanner.noVideo .vimeo { display: none; }
/*.homeBanner .text, .homeBanner .button, .homeBanner h1, .homeBanner h2 {z-index:150;}*/

.HomeBanner.hasVideo .homeBanner a { color: #fff; }
.HomeBanner.hasVideo .homeBanner.orange .button { background-color: #ed8b00 }
.HomeBanner.hasVideo .homeBanner.blue .button { background-color: #0ca6e6 }
.HomeBanner.hasVideo .homeBanner.pink .button { background-color: #e5007c }
.HomeBanner.hasVideo .homeBanner.green .button { background-color: #1ba92a }
.HomeBanner.hasVideo .homeBanner.purple .button { background-color: #92278f }

.HomeBanner.hasVideo .homeBanner.orange .button:hover { background-color: #f26522 }
.HomeBanner.hasVideo .homeBanner.blue .button:hover { background-color: #0fb6fc }
.HomeBanner.hasVideo .homeBanner.pink .button:hover { background-color: #f06eaa }
.HomeBanner.hasVideo .homeBanner.green .button:hover { background-color: #39b54a }
.HomeBanner.hasVideo .homeBanner.purple .button:hover { background-color: #662d91 }

.homeBanner.orange svg .st0 { fill: #ed8b00 }
.homeBanner.blue svg .st0 { fill: #0ca6e6 }
.homeBanner.pink svg .st0 { fill: #e5007c }
.homeBanner.green svg .st0 { fill: #1ba92a }
.homeBanner.purple svg .st0 { fill: #92278f }

.contentCurl { background-position: bottom center; background-size: 100% auto; background-repeat: no-repeat; width: 100%; background-image: url(/SiteImages/footercurl-grey.png); height: 40px; position: absolute; top: -39px; left: 0; right: 0; text-align: center; z-index: 105; }
.grey { position: relative; }

#Footer { background-color: #ba006a; }

#Footer .newsletter { background-color: #e5007c; position: relative; }
#Footer .newsletter .footerBorder { background-position: bottom center; background-size: 100% auto; background-repeat: no-repeat; width: 100%; background-image: url(/SiteImages/footercurl.png); height: 40px; position: absolute; top: -39px; left: 0; right: 0; text-align: center; }

#Footer .formContent .title { font-size: 30px; line-height: 30px; color: #fff; font-family: 'Merge'; letter-spacing: 1px; }
#Footer .formContent .subTitle { font-size: 21px; line-height: 21px; font-weight: 700; padding-bottom: 34px; color: #a3e0e1; }
#Footer .formContent .email .input input { height: 49px; width: 322px; padding: 0 12px 0 24px; line-height: 49px; font-size: 21px; color: #333; margin-right: 13px; border: 0; border-radius: 25px 0 0 25px; outline: none; }
#Footer .formContent .btn input { height: 49px; width: 134px; color: #fff; margin: auto; margin-left: -17px; background-color: #62b5e5; border: 0; font-family: 'Merge'; border-radius: 0 25px 25px 0; }
#Footer .formContent .title,
#Footer .formContent .email,
#Footer .formContent .btn { display: inline-block; vertical-align: middle; }
#Footer .formContent { text-align: center; padding: 48px 0; }
#Footer .formContent div:last-child { display: inline-block; }
#Footer #GoogleTranslate { padding-bottom: 20px }
#Footer #GoogleTranslate a { color: inherit }

.cqcWebPart { overflow: hidden; background-color: #f5f5f5 }
.cqcWebPart .txtCol { padding-top: 80px; padding-left: 30px; padding-bottom: 60px; }
.cqcWebPart .txtCol h2 { margin-top: 30px; margin-bottom: 30px; color: #92278f; font-family: 'Merge'; letter-spacing: 1px; }
.cqcWebPart .txtCol .subHeading { width: 90%; }
.cqcWebPart .txtCol .cqcBtn { margin-top: 28px; margin-bottom: 50px; background-color: #92278f; color: #fff; padding: 14px 30px 12px; border-radius: 25px; font-size: 15px; line-height: 1; }
.cqcWebPart .txtCol .cqcBtn:hover { background: #924f90; }
.cqcTitle { font-weight: 700; }
.cqcImg { padding-bottom: 60px; }
.cqcLogo,
.cqcInfo, .cqcRating { display: inline-block; vertical-align: middle; margin-right: 10px; }
.cqcRating { height: 46px; padding: 0 20px; background-color: #6a1f5f; color: #fff; font-size: 20px; line-height: 46px; text-transform: uppercase; font-weight: 700; letter-spacing: 0.5px; text-align: center; }
.cqcDummy { display: none; }

.purple.contentItem { background-color: #92278f }
.green.contentItem { background-color: #1ba92a }
.pink.contentItem { background-color: #e5007c }
.blue.contentItem { background-color: #0ca6e6 }
.orange.contentItem { background-color: #ed8b00 }

#ContentSlider ul { list-style-type: none; margin: 0; padding: 0; }
#ContentSlider .bx-next { right: 200px; width: 50px; background: url('/SiteImages/svg/arrow-right.svg') center no-repeat; }
#ContentSlider .bx-prev { left: 200px; width: 50px; background: url('/SiteImages/svg/arrow-left.svg') center no-repeat; }
.contentItem { overflow: hidden; padding: 25px; }
.contentItem h2 { color: #fbff23; margin-bottom: 8px; margin-top: 80px; font-family: 'Merge'; letter-spacing: 1px; }
.contentItem .text { font-size: 20px; line-height: 20px; color: #fff; font-family: lato, sans-serif; font-weight: 400; }
.contentItem .button { margin-top: 28px; margin-bottom: 50px; background-color: #fff; color: #62b5e5; padding: 14px 30px 12px; border-radius: 25px; font-size: 15px; line-height: 1; }

.contentItem .button:hover { background: #fbff23; }
.contentItem .image { overflow: hidden; }

.cookie__wrapper { padding: 20px 0 20px 0; background: #1ba92a; color: #fff; text-align: center; }
.cookie__wrapper .cookie__header { font-size: 28px; font-family: 'Merge'; line-height: 28px; color: #fff; padding-bottom: 10px; }
.cookie__wrapper .cookie__copy { font-size: 18px; font-family: lato, sans-serif; font-weight: 400; line-height: 18px; width: 62.5%; margin: auto; padding-bottom: 10px; }
.cookie__wrapper .cookie__close-button,
.cookie__wrapper .button.findOutMore { color: #1ba92a; background: #fff; width: 220px; height: 48px; line-height: 48px; margin: 5px 15px; }
.cookie__wrapper .cookie__close-button:hover,
.cookie__wrapper .button.findOutMore:hover { background: #ccc; }


#FooterTop { height: 550px; }
.footerBody { background-color: #ba006a; }
#FooterBottom { margin-top: 50px; color: #fff; font-size: 14px; line-height: 14px; }
#FooterBottom a { color: #fff; }
#FooterBottom a:hover { color: #f06eaa; }
#FooterBottom strong { font-family: 'Merge'; font-size: 18px; font-weight: normal; }
#FooterBottom #FooterBottomRight { padding-left: 28px; }
#FooterBottom #FooterBottomRight .line { line-height: 22px; }
#FooterBottomLower { font-size: 14px; margin-top: 10px; color: #fff; margin-bottom: 20px; }
#FooterBottomLower a { color: #fff; }
#FooterBottomLower a:hover { color: #f06eaa; }
#FooterBottomLower #FooterBottomLowerRight { text-align: right; }
.footer .info { padding-left: 50px; }
.footer h3 { color: #fbff23; font-size: 34px; line-height: 34px; margin-bottom: 20px; margin-top: 120px; font-family: lato, sans-serif; font-weight: 400; }
.footer .text { margin-bottom: 20px; font-size: 20px; line-height: 27px; color: #fff; }
.footer .button { color: #fff; font-size: 20px; font-family: 'Merge'; height: 44px; line-height: 46px; padding: 0 15px; background: #e0e328; color: #62b5e5; }
.footer .button:hover { background: #fff; }
.footer .image { position: absolute; right: 0; border: 24px solid #fff; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; background: #fff; margin-top: -55px; overflow: hidden; }
.footer .image img { max-width: none; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; }

.grey { background: #efebe7; padding: 25px 0; }

#HomePromos { background-color: #f5f5f5; overflow: hidden; }

#HomePromos .promo:first-child::before { content: ''; position: absolute; top: -35px; left: -120px; height: 110%; width: 110%; background: url('/SiteImages/smudge.png') left top / 100% no-repeat; z-index: -1; }
#HomePromos .promo:last-child::before { content: ''; position: absolute; bottom: -15px; right: -120px; height: 110%; width: 110%; background: url('/SiteImages/smudge.png') left bottom / 100% no-repeat; z-index: -1; }

.promo { position: relative; padding-top: 10px; padding-bottom: 30px; z-index: 1; }
.EditMode .promo .EditableImageEdit { margin-top: 50px; }
.promo .inner { float: left; height: 100%; box-shadow: 0 0 10px 0 #cacaca; }
.promo.large { height: 400px; }
.promo .image { float: left; width: 100%; }
.promo.large .image { width: 38%; height: 100%; overflow: hidden; }
.promo .image img { max-width: 100%; }
.promo .flag { position: absolute; top: 10px; left: 15px; width: 120px; text-align: center; color: #fff; font-weight: 700; padding: 15px 15px 0; background-color: #e5007c; }
.EditMode .promo .flag { color: #000; right: 15px; left: auto; }
.promo .flag::after { content: ''; position: absolute; top: calc(100% - 1px); left: 0; width: 100%; border-style: solid; border-width: 17px 60px; border-color: #e5007c transparent transparent transparent; }
.promo.green .flag { background-color: #1ba92a; }
.promo.green .flag::after { border-color: #1ba92a transparent transparent transparent; }
.promo.purple .flag { background-color: #92278f; }
.promo.purple .flag::after { border-color: #92278f transparent transparent transparent; }
.promo.orange .flag { background-color: #ed8b00; }
.promo.orange .flag::after { border-color: #ed8b00 transparent transparent transparent; }
.promo.blue .flag { background-color: #62b5e5; }
.promo.blue .flag::after { border-color: #62b5e5 transparent transparent transparent; }
.promo .bottom { float: left; background: #fff; padding: 25px 20px 28px; text-align: center; height: 200px; width: 100%; position: relative; }
.promo.large .bottom { display: -webkit-box; display: -ms-flexbox; display: flex; width: 62%; height: 100%; color: #fff; background: url('/SiteImages/svg/background-splodge.svg') center / auto 90% no-repeat #e5007c; }
.promo.large .bottom .content { -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; }

.promo .bottom h2 { font-size: 30px; line-height: 30px; margin-bottom: 10px; font-family: 'Merge'; letter-spacing: 1px; }
.promo.green .bottom h2 { color: #1ba92a; }
.promo.purple .bottom h2 { color: #92278f; }
.promo.pink .bottom h2 { color: #e5007c; }
.promo.orange .bottom h2 { color: #ed8b00; }
.promo.blue .bottom h2 { color: #62b5e5; }
.promo.large .bottom h2 { color: #fff; }
.EditMode .promo.large .bottom h2 { color: #fff; }
.promo .bottom .link a { border-radius: 23px; height: 46px; font-family: 'Merge'; display: inline-block; padding: 14px 30px 12px; color: #fff; margin: 12px 10px 0 10px; }
.promo.green .bottom .link a { background: #1ba92a; }
.promo.purple .bottom .link a { background: #92278f; }
.promo.pink .bottom .link a { background: #e5007c; }
.promo.orange .bottom .link a { background: #ed8b00; }
.promo.blue .bottom .link a { background: #62b5e5; }
.promo.large .bottom .link a { color: #e5007c; background-color: #fff; }
.promo.green .bottom .link a:hover { background: #39b54a; }
.promo.purple .bottom .link a:hover { background: #935d91; }
.promo.pink .bottom .link a:hover { background: #f06eaa; }
.promo.orange .bottom .link a:hover { background: #f1aa54; }
.promo.blue .bottom .link a:hover { background: #76caed; }
.promo.large .bottom .link a:hover { background-color: #e9b4d2; }

.purple .promo .bottom h2 { color: #cd8fbd; }
.green .promo .bottom h2 { color: #1ba92a; }
.pink .promo .bottom h2 { color: #e5007c; }
.orange .promo .bottom h2 { color: #ed8b00; }
.blue .promo .bottom h2 { color: #62b5e5; }

.purple .promo .link a { background: #cd8fbd !important; color: #fff; }
.green .promo .link a { background: #1ba92a !important; color: #fff; }
.pink .promo .link a { background: #e5007c !important; color: #fff; }
.orange .promo .link a { background: #ed8b00 !important; color: #fff; }
.blue .promo .link a { background: #62b5e5 !important; color: #fff; }

.purple .promo .link a:hover { background: #92278F !important; }
.green .promo .link a:hover { background: #39b54a !important; }
.pink .promo .link a:hover { background: #f06eaa !important; }
.orange .promo .link a:hover { background: #f26522 !important; }
.blue .promo .link a:hover { background: #0fb6fc !important; }

.homePromosLower { background-color: #f5f5f5; padding: 35px 0 20px 0; overflow: hidden; }
.homePromosLower .promo:last-child::before { content: ''; position: absolute; bottom: 0px; right: -125px; height: 110%; width: 110%; -webkit-transform: rotate(-10deg); transform: rotate(-10deg); background: url('/SiteImages/smudge-blue.png') left bottom / 100% no-repeat; z-index: -1; }

.homeLargePromo { background-image: url('/SiteImages/svg/background-curve-to-white.svg'); background-position: center top; background-size: 100% auto; background-repeat: no-repeat; padding: 100px 0 30px 0; }
.homeLargePromo .promo::before { content: ''; position: absolute; top: -35px; left: -115px; height: 110%; width: 50%; -webkit-transform: rotate(7deg); transform: rotate(7deg); background: url('/SiteImages/smudge-grey.png') left top / 100% no-repeat; z-index: -1; }

#LatestTweetHolder { margin-top: 20px; margin-bottom: 20px; }
#LatestTweet { background: #fff; padding: 20px 0; }
#LatestTweet a { color: #62b5e5; }
#LatestTweet img { float: left; margin: 0 3.0883% 0 2.7689%; width: 8.3067%; }
#LatestTweet #TweetRight { float: left; width: 85.8359%; }
#LatestTweet #TweetRight .title { float: left; width: 77.9156%; font-size: 30px; line-height: 30px; color: #62b5e5; margin-bottom: 5px; }
#LatestTweet #TweetRight .follow { float: left; width: 22.0843%; }
#LatestTweet #TweetRight .tweet { float: left; width: 65.8808%; margin-right: 3.7220%; font-size: 19px; line-height: 21px; }
#LatestTweet #TweetRight .options { float: left; width: 30.3970%; margin-top: 22px; }
#LatestTweet #TweetRight .options a { float: left; margin-right: 15px; font-size: 20px; font-family: 'Merge'; }

#HomeTitles { text-align: center; font-size: 1.5em; margin: 25px 0 55px 0; line-height: 1.2; }
#HomeTitles h2 { font-size: 40px; line-height: 1; margin-bottom: 20px; font-family: 'Merge'; letter-spacing: 1px; }

#HomeEvents { overflow: hidden; position: relative; background-image: url('/SiteImages/svg/background-curve-to-white.svg'), url('/SiteImages/svg/background-curve-to-grey.svg'); background-position: center top, center bottom; background-size: 100% auto; background-repeat: no-repeat; padding: 100px 0 75px 0; }
#HomeEvents ul { height: 400px; margin: 0; padding: 0; list-style-type: none; }
#HomeEvents .homeEvent { padding-bottom: 37px; }
#HomeEvents .homeEvent .image { }
#HomeEvents .homeEvent .sponsor { height: 81px; margin-top: 15px; overflow: hidden; }
#HomeEvents .homeEvent .sponsor img { display: inline-block; max-height: 81px; }
#HomeEvents .homeEvent .title { font-size: 30px; line-height: 27px; color: #1ba92a; font-family: 'Merge'; letter-spacing: 1px; margin-bottom: 25px; }
#HomeEvents .homeEvent h2 { font-size: 25px; line-height: 25px; color: #525252; font-family: lato, sans-serif; font-weight: 400; font-weight: 400; }
#HomeEvents .homeEvent .date { font-size: 18px; line-height: 18px; color: #acacac; margin-bottom: 12px; }
#HomeEvents .homeEvent .summary { margin-bottom: 20px; }
#HomeEvents .homeEvent .button { background: #1ba92a; color: #fff; padding: 14px 30px 12px; border-radius: 25px; font-size: 15px; line-height: 1; }
#HomeEvents .homeEvent .button:hover { background: #6cb663; }
#HomeEvents .bx-controls { position: absolute; bottom: 15px; left: 50%; z-index: 100; -webkit-transform: translateX(-50%); transform: translateX(-50%); }
#HomeEvents .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto { position: relative; bottom: 0; }
#HomeEvents .bx-controls a { height: 9px; width: 9px; background: #cccccc; }
#HomeEvents .bx-controls .active { background: #6a6a6a; }
#HomeEvents .bx-loading { display: none; }

#Breadcrumb { margin-top: -47px; background: #ebebeb; height: auto; padding: 55px 0 25px; }
#Breadcrumb .left { padding-top: 8px; }
#Breadcrumb a { float: left; }
#Breadcrumb a, .ForumBreadCrumbs a, .ForumBreadCrumbs span { margin: 0 10px; color: #acacac; line-height: 18px; height: 20px; }
#Breadcrumb img { float: left; }
#Breadcrumb a.CMSBreadCrumbsCurrentItem, #Breadcrumb a:hover, .ForumBreadCrumbs span { color: #525252; }
#Breadcrumb .st_email_large { float: right; }
#Breadcrumb .st_sharethis_large { float: right; }
#Breadcrumb .st_email_large .stLarge { background: url(/SiteImages/shareEmail.jpg) no-repeat !important; width: 30px; height: 27px; }
#Breadcrumb #Print { float: right; background: url(/SiteImages/sharePrint.jpg) no-repeat; width: 27px; height: 31px; display: block; }
#Breadcrumb #Print:hover { opacity: 0.6; filter: alpha(opacity=6); }
#Breadcrumb .st_sharethis_large .stLarge { background: url(/SiteImages/shareThis.jpg) no-repeat !important; width: 29px; height: 30px; }

#Inner { padding-top: 5px; overflow: hidden; }
#Inner.noPadd { padding-top: 0; }
#Inner .left { padding-top: 75px; padding-bottom: 55px; }
#Inner .right .images { padding-top: 30px; }
#Inner .right .image { position: absolute; left: 48px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; background: #fff; overflow: hidden; margin-top: -35px; }
#Inner .right .image img { max-width: none; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; }
#Inner .right .lowerImage { margin-top: 420px; padding-left: 48px; }
.EditMode #Inner .right .image, .DesignMode #Inner .right .image { border-radius: 0; position: relative; margin-top: 0; }
.EditMode #Inner .right .lowerImage { margin-top: 0; }

#DonateForm h3 { font-size: 22px; font-family: lato, sans-serif; font-weight: 400; font-weight: 400; }
#DonateForm .donateCircle { background: #e5007c; color: #fff; font-size: 56px; border-radius: 70px; border: none; width: 100%; height: 140px; line-height: 140px; font-family: 'Merge'; padding: 0; }
#DonateForm .donateCircleHolder .help { position: absolute; top: 0; left: 0; opacity: 0; color: #fff; filter: alpha(opacity=0); padding: 0 10px; width: 100%; height: 100%; border-radius: 50%; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; -webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-backface-visibility: hidden; }
#DonateForm .donateCircleHolder:hover .help { opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }
#DonateForm .donateCircleHolder .help .helpInner { display: block; border: none; width: 100%; height: 100%; text-align: center; box-shadow: inset 0 0 0 200px rgba(229,0,130, 0.8); -webkit-box-shadow: inset 0 0 0 200px rgba(229,0,130, 0.8); -moz-box-shadow: inset 0 0 0 200px rgba(229,0,130, 0.8); border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; }
#DonateForm .donateCircleHolder .help input { border: none; width: 100%; height: 100%; background: none; white-space: normal; }

#DonateForm .large { font-size: 22px; }
#DonateForm a { font-size: 16px; color: #a1a1a1; text-decoration: underline; }
#DonateForm .button { width: 100%; background: #e5007c; color: #fff; height: 58px; line-height: 58px; font-size: 26px; }
#DonateForm .button:hover { background: #f06eaa; }
#DonateForm .button.contact { width: 100%; background: #62b5e5; color: #fff; margin-top: 25px; }
#DonateForm .line { border-bottom: 1px solid #dedede; height: 0; overflow: hidden; margin: 30px 0; }
#DonateForm .line.bottom { margin-top: 10px; }

#DonateForm .giftAidHolder .checkbox { text-align: left; }

#EventBookingForm { }
#EventBookingForm .ticketTitle { text-align: center; color: #ed8b00; }
#EventBookingForm .bookingSection { padding: 75px 0 50px; position: relative; }
#EventBookingForm .bookingSection.posterBottom { padding-top: 30px; padding-bottom: 70px; }
#EventBookingForm .bookingSection.grey { background: #F5F5F5; }
#EventBookingForm .bookingSection.bookingTop.downArrow::after { content: none; }
#EventBookingForm .bookingSection.downArrow::after { content: ""; width: 33px; height: 33px; background: #fff; position: absolute; bottom: -28px; left: 50%; z-index: 100; -webkit-transform: rotate(45deg) translateX(-50%); -moz-transform: rotate(45deg) translateX(-50%); transform: rotate(45deg) translateX(-50%); }
#EventBookingForm .bookingSection.upArrow::before { content: ""; width: 33px; height: 33px; background: #fff; position: absolute; top: -5px; left: 50%; z-index: 100; -webkit-transform: rotate(45deg) translateX(-50%); -moz-transform: rotate(45deg) translateX(-50%); transform: rotate(45deg) translateX(-50%); }
#EventBookingForm .bookingSection.grey.downArrow::after,
#EventBookingForm .bookingSection.grey.upArrow::before { background: #F5F5F5; }
#EventBookingForm .bookingTop { padding-top: 0; }
#EventBookingForm.supporterForm .bookingTop { padding-top: 75px; }
#Inner #EventBookingForm.supporterForm .left { padding-top: 0; padding-bottom: 0; }
#EventBookingForm .image { margin-top: -30px; }
#EventBookingForm h3 { font-size: 22px; font-family: lato, sans-serif; font-weight: 400; }
#EventBookingForm .large { font-size: 22px; }
#EventBookingForm .button { width: 100%; background: #ed8b00; color: #fff; height: 58px; line-height: 58px; font-size: 26px; }
#EventBookingForm .button:hover { background: #f26522; }
#EventBookingForm .button.attendee { font-family: lato, sans-serif; font-weight: 400; font-size: 20px; height: 44px; line-height: 46px; background: #ebebeb; color: #4c4c4c; margin-bottom: 25px; }
#EventBookingForm .eventInfo h2 { margin: 0 0 5px; font-size: 30px; line-height: 32px; color: #525252; }
#EventBookingForm .eventInfo .sponsorImage { display: none; margin-top: 5px; text-align: right; }
#EventBookingForm .eventInfo .info { color: #a1a1a1; }
#EventBookingForm .eventInfo .summary { margin-top: 10px; }

/*#EventBookingForm .previewDownload { display:block; width:100%; margin-top:80px; }*/
#EventBookingForm .previewDownload .button.preButt { width: 340px; margin: auto; display: block; background: #1ba92a }
#EventBookingForm .previewDownload .button.preButt:hover { background: #39b54a; }

#EventBookingForm .ticketType { display: block; width: 100%; }
#EventBookingForm .ticketType .ticketInfo { display: block; text-align: center; margin-bottom: 10px; }
#EventBookingForm .ticketType .ticketSubText { margin-bottom: 20px; font-size: 20px; line-height: 20px; text-align: center; display: block; }
#EventBookingForm .ticketType .button { display: block; width: 320px; margin: auto; }

#EventBookingForm .bookingOptions { text-align: center; }
#EventBookingForm .groupBooking { margin-top: 20px; }
#EventBookingForm .groupBooking .groupAtt { font-size: 24px; line-height: 24px; margin-bottom: 10px; }
#EventBookingForm .groupBooking select.dropdown { font-size: 20px; margin-top: 15px; }
#EventBookingForm .basketItem { margin-top: 20px; }
#EventBookingForm .basketItem .price { margin-top: 20px; margin-bottom: 20px; }
#EventBookingForm .basketItem.noPrice .price { display: none; }
#EventBookingForm .basketItem .price .heading { font-size: 24px; line-height: 24px; }
#EventBookingForm .basketItem .price .value > div { font-size: 24px; line-height: 24px; display: inline-block; }
#EventBookingForm .basketItem .quantity .heading { font-size: 24px; line-height: 24px; }

#EventBookingForm .button.nextButton { width: 320px; display: block; margin: 20px auto; }

#EventBookingForm input.attendeeControl { width: 37px; height: 37px; text-align: center; line-height: 0px; font-size: 14px; color: #fff; border-radius: 3px; cursor: pointer; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; display: inline-block; background-color: #e5007c; margin-bottom: 30px; margin-top: 10px; border: 0; }
#EventBookingForm .attendeeAmount { display: inline-block; margin: 10px 15px 30px 15px; font-size: 20px; }


.formRow { margin-bottom: 25px; }
.formRow.bottom { margin-bottom: 0; }
.formRow .label, .formCol .label { font-family: 'Merge'; margin-bottom: 2px; }

.validation { color: #e5007c; }
.textbox { border-radius: 4px; border: 1px solid #cccccc; height: 38px; line-height: 38px; padding: 0 10px; color: #525252; width: 100%; background: url(/SiteImages/textbox.jpg) repeat-x #fff; }
.textbox.large { border: 1px solid #8da9b0; height: 59px; line-height: 59px; font-size: 22px; background: url(/SiteImages/textboxLarge.jpg) repeat-x; }
.textbox.area { line-height: 1.2em; height: 100px; padding: 10px; }

.dropdownStyle { padding: 0px; overflow: hidden; border-radius: 4px; border: 1px solid #cccccc; height: 38px; line-height: 38px; position: relative; background: url(/SiteImages/dropdownBackground.jpg) no-repeat 100% 0%; }
.dropdownStyle:before, .dropdownStyle:after { pointer-events: none; content: ""; position: absolute; }
.dropdownStyle:before { background: url(/SiteImages/dropdownRight.jpg) no-repeat; top: 0; right: 0; width: 26px; height: 38px; z-index: 10; }
.dropdownStyle.day { width: 92px; display: inline-block; }
.dropdownStyle.month { width: 100px; display: inline-block; }
.dropdownStyle.year { width: 100px; display: inline-block; }

.drop { border-color: #cccccc; height: 37px; line-height: 21px; padding: 9px 0 8px 8px; background: none; border: none; width: 100%; outline: none; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; }
.drop:focus { outline: none; }
.drop::-ms-expand { display: none; }
.drop::-moz-focus-inner { border: 0; outline: none; }

.checkbox { width: 100%; display: block; text-align: center; }
.checkbox input { display: none; }
.checkbox label { height: 37px; line-height: 37px; padding: 0 0 0 50px; font-size: 16px; /*color:#dedede;*/ color: #707070; display: inline-block; vertical-align: middle; cursor: pointer; background: url(/SiteImages/checkbox.png) no-repeat; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.checkbox.giftAid { text-align: left; }
.checkbox.giftAid label { font-size: 22px; }
.checkbox input:checked + label, .checkbox label:hover { background-position: 0 -37px; color: #62b5e5; }
/*.checkbox.email label {height:42px; line-height:42px; padding:0 0 0 78px; background:url(/SiteImages/checkboxEmail.jpg) no-repeat;}
.checkbox.email input:checked + label, .checkbox.email label:hover {background-position: 0 -42px;}
.checkbox.telephone label {height:45px; line-height:45px; padding:0 0 0 43px; background:url(/SiteImages/checkboxTelephone.jpg) no-repeat;}
.checkbox.telephone input:checked + label, .checkbox.telephone label:hover {background-position: 0 -50px;}
.checkbox.post label {height:40px; line-height:40px; padding:0 0 0 57px; background:url(/SiteImages/checkboxPost.jpg) no-repeat;}
.checkbox.post input:checked + label, .checkbox.post label:hover {background-position: 0 -40px;}*/

.EditingFormTable { width: 100%; padding-bottom: 58px; position: relative; display: block; }
.EditingFormTable tbody { display: block; width: 100%; }
.EditingFormTable tbody:after { visibility: hidden; display: block; font-size: 0; content: ""; clear: both; height: 0; }
.EditingFormTable tr { float: left; width: 50%; padding: 0 10px; }
.EditingFormTable tr td { display: block; width: 100%; }
.EditingFormTable tr td.EditingFormValueCell { margin-bottom: 25px; }
.EditingFormTable label { font-family: 'Merge'; margin-bottom: 2px; display: block; white-space: normal; }
.EditingFormTable input[type=text] { border-radius: 4px; display: block; border: 1px solid #cccccc; height: 38px; line-height: 38px; padding: 0 10px; color: #525252; width: 100%; background: url(/SiteImages/textbox.jpg) repeat-x; }
.EditingFormTable select { border-radius: 4px; display: block; border: 1px solid #cccccc; height: 38px; line-height: 38px; padding: 0 10px; color: #525252; width: 100%; background: url(/SiteImages/textbox.jpg) repeat-x; }
.EditingFormTable input[type=submit] { position: absolute; bottom: 0; left: 25%; width: 50%; background: #e5007c; color: #fff; height: 58px; line-height: 58px; font-size: 26px; border-radius: 6px; font-family: 'Merge'; display: inline-block; text-align: center; border: none; }
.EditingFormTable textarea { width: 100%; line-height: 1.2em; height: 150px; }
.ErrorLabel { padding: 0 10px 10px; }
.EditingFormErrorLabel { color: red; }
.InfoLabel { color: red; }

#VolunteerForm { padding-bottom: 55px; }
#VolunteerForm .button { width: 100%; background: #ed8b00; color: #fff; height: 58px; line-height: 58px; font-size: 26px; }
#VolunteerForm .button:hover { background: #f26522; }
#VolunteerForm.pink .button { background: #e5007c; }
#VolunteerForm.pink .button:hover { background: #f06eaa; }

.checkboxStandard { display: block; }
.checkboxStandard input { margin: 1px 5px 0 0; }

/*Poster Changes*/
.bookingSection .templateSelector .thumbCol { width: 20% !important; }
.bookingSection .templateSelector label { padding-bottom: 5px; display: block; cursor: pointer; }

#EventsCalendar h2 { font-size: 20px; }
#EventsCalendar #EventTabs { border-bottom: 1px solid #ed8b00; }
#EventsCalendar .tabs { margin: 0; padding: 0; list-style-type: none; text-align: center; width: 100%; }
#EventsCalendar .tabs li { display: inline-block; }
#EventsCalendar .tabs li a { width: 111px; height: 111px; line-height: 111px; background: #ebebeb; color: #4c4c4c; display: block; border-radius: 56px; font-size: 30px; }
#EventsCalendar .tabs li a.selected, #EventsCalendar .tabs li a:hover { background: #ed8b00; color: #fff; }
#EventsCalendar .bx-wrapper .bx-prev { left: -40px; margin-top: -20px; background: url(/SiteImages/eventsArrows.png) no-repeat; width: 24px; height: 44px; }
#EventsCalendar .bx-wrapper .bx-prev:hover { background-position: 0px -44px; }
#EventsCalendar .bx-wrapper .bx-next { right: -40px; margin-top: -20px; background: url(/SiteImages/eventsArrows.png) no-repeat -24px 0; width: 24px; height: 44px; }
#EventsCalendar .bx-wrapper .bx-next:hover { background-position: -24px -44px; }
#EventsCalendar #NextMonth { float: right; height: 30px; line-height: 30px; padding-right: 27px; font-size: 20px; color: #4c4c4c; margin-top: 15px; background: url(/SiteImages/nextArrow.png) no-repeat 100% 0; }
#EventsCalendar #NextMonth:hover { color: #ed8b00; background-position: 100% 100%; }

#EventsCalendar #EventTypes { padding-top: 35px; }
#EventsCalendar #EventTypes .button { background: #EBEBEB; width: 100%; border-bottom-left-radius: 0; border-bottom-right-radius: 0; height: 47px; line-height: 47px; font-family: lato, sans-serif; font-weight: 400; }
#EventsCalendar #EventTypes .button.on { background: #ed8b00; color: #fff; }

.eventRow { padding: 30px 0; text-align: center; }
.eventRow.noEvents { text-align: center; }
.eventRow .image { width: 85%; margin: 0 auto; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; overflow: hidden; position: relative; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
.eventRow .image img { border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; }
.eventRow .image .didYouKnow { position: absolute; top: 0; opacity: 0; color: #fff; filter: alpha(opacity=0); width: 100%; height: 100%; border-radius: 50%; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; -webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-backface-visibility: hidden; }
.eventRow .image:hover .didYouKnow { opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }
.eventRow .image .didYouKnow a { display: block; width: 100%; height: 100%; text-align: center; box-shadow: inset 0 0 0 200px rgba(240,132,0, 0.8); -webkit-box-shadow: inset 0 0 0 200px rgba(240,132,0, 0.8); -moz-box-shadow: inset 0 0 0 200px rgba(240,132,0, 0.8); border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; }
.eventRow .image .didYouKnow .top { padding: 100px 0 20px; font-size: 32px; font-family: 'Merge'; color: #fff; }
.eventRow .image .didYouKnow .bottom { font-size: 22px; line-height: 24px; color: #fff; }
.eventRow h2 { margin: 22px 0 5px; font-size: 30px !important; line-height: 32px; color: #ed8b00; }
.eventRow .sponsorImage { margin-top: 5px; text-align: right; }
.eventRow .info { color: #a1a1a1; }
.eventRow .summary { margin-top: 10px; }
.eventRow .buttons { margin-top: 25px; }
.eventRow .buttons .button { background: #ebebeb; color: #4c4c4c; padding: 0 50px; font-family: lato, sans-serif; font-weight: 400; }
.eventRow .buttons .button:hover { background: #ccc; }
.eventRow .buttons .button.book { margin-top: 7px; padding: 0 15px; background: #ed8b00; color: #fff; font-family: 'Merge'; }
.eventRow .buttons .button.book:hover { background: #f26522; }
.eventSep { margin: 20px; border-bottom: 1px solid #ed8b00; }

#EventsCalendar h2.pinnedTitle { font-size: 30px; line-height: 30px; color: #525252; font-family: lato, sans-serif; font-weight: 400; margin-top: 28px; }


.pinnedEventRow .image .didYouKnow { position: absolute; top: 0; opacity: 0; color: #fff; filter: alpha(opacity=0); width: 100%; height: 100%; border-radius: 50%; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; -webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-backface-visibility: hidden; }
.pinnedEventRow .image:hover .didYouKnow { opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }
.pinnedEventRow .image .didYouKnow a { display: block; width: 100%; height: 100%; text-align: center; box-shadow: inset 0 0 0 200px rgba(240,132,0, 0.8); -webkit-box-shadow: inset 0 0 0 200px rgba(240,132,0, 0.8); -moz-box-shadow: inset 0 0 0 200px rgba(240,132,0, 0.8); border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; }
.pinnedEventRow .image .didYouKnow .top { padding: 100px 0 20px; font-size: 32px; font-family: 'Merge'; color: #fff; }
.pinnedEventRow .image .didYouKnow .bottom { font-size: 22px; line-height: 24px; color: #fff; }

.pinnedEventRow { padding: 30px 0; border-bottom: 1px solid #ed8b00; position: relative; }
.pinnedEventRow .right { position: static; }
.pinnedEventRow .image { width: 100%; margin: 0 auto; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; overflow: hidden; position: relative; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
.pinnedEventRow .image img { border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; }
.pinnedEventRow .sponsorImage { position: absolute; top: 30px; right: 0; }
.pinnedEventRow .pinnedEventInfo { padding-bottom: 44px; }
.pinnedEventRow .info { color: #a1a1a1; font-size: 16px; }
.pinnedEventRow h2 { margin-bottom: 15px; margin-top: 40px; width: 60%; font-size: 30px !important; line-height: 32px; color: #ed8b00; }
.pinnedEventRow .summary { font-size: 15px; margin-top: 15px; }
.pinnedEventRow .buttons { position: absolute; bottom: 30px; right: 0; }
.pinnedEventRow .buttons .button { background: #ebebeb; color: #4c4c4c; padding: 0 50px; font-family: lato, sans-serif; font-weight: 400; }
.pinnedEventRow .buttons .button:hover { background: #ccc; }
.pinnedEventRow .buttons .button.book { margin-top: 7px; padding: 0 15px; margin-left: 10px; background: #ed8b00; color: #fff; font-family: 'Merge'; }
.pinnedEventRow .buttons .button.book:hover { background: #f26522; }

.supEventOuter { top: 0px; position: absolute; z-index: 999; border-radius: 50%; height: 100px; width: 100px; right: 29px; background-color: #fff; }
.supEventInner { padding: 2px; border-radius: 50%; background-color: #ed8b00; height: 90px; width: 90px; position: absolute; top: 5px; left: 5px; }
.supEventContent { text-align: center; margin-top: 31px; font-size: 15px; font-family: 'Merge'; color: #fff; }
.eventRow .supEventOuter { top: 30px; }


#EventInner .image { margin-top: -30px; }
#EventInner h1 { margin-bottom: 5px; color: #525252; font-family: lato, sans-serif; font-weight: 400; }
#EventInner h2 { font-family: 'Merge'; color: #ed8b00; font-size: 33px; }
#EventInner .info { font-size: 16px; color: #a1a1a1; margin-bottom: 25px; }
#EventInner .sponsor { text-align: right; }
#EventInner .details { margin-bottom: 30px; }
#EventInner .eventGalleryHolder { margin: 40px 0; padding: 0 40px; }
#EventInner .eventGallery a { display: block; float: left; }
#EventInner .eventGallery a img { display: block; }
#EventInner .bx-wrapper .bx-prev { left: -40px; margin-top: -20px; background: url(/SiteImages/eventsArrows.png) no-repeat; width: 24px; height: 44px; }
#EventInner .bx-wrapper .bx-prev:hover { background-position: 0px -44px; }
#EventInner .bx-wrapper .bx-next { right: -40px; margin-top: -20px; background: url(/SiteImages/eventsArrows.png) no-repeat -24px 0; width: 24px; height: 44px; }
#EventInner .bx-wrapper .bx-next:hover { background-position: -24px -44px; }
#EventInner .button { float: left; background: #ebebeb; color: #4c4c4c; margin-right: 5px; padding: 0 38px; margin-bottom: 4px; font-family: lato, sans-serif; font-weight: 400; }
#EventInner .button:hover { background: #ccc; }
#EventInner .button.book { padding: 0 15px; background: #ed8b00; color: #fff; font-family: 'Merge'; margin-bottom: 0; }

.eventDropDownOuter, .dateDropDownOuter { display: inline-block; margin-bottom: 40px; }
.eventDropdown, .dateDropDown { height: 48px; width: 414px; text-align: center; padding-left: 20px; font-family: 'Merge'; border: none; font-size: 20px; line-height: 20px; -webkit-appearance: none; }
.eventDropdown { background-color: #ed8b00; color: #fff; }
.dateDropDown { color: #acacac; background-color: #ebebeb; margin-left: 35px; }
.eventDropdown option, .dateDropDown option { text-align: center; }

.dateDropDownOuter:before, .dateDropDownOuter:after, .eventDropDownOuter:before, .eventDropDownOuter:after { content: ''; display: block; position: absolute; pointer-events: none; border: 1px solid transparent; width: 0; height: 0; right: 16px; }
.eventDropDownOuter:before { bottom: 55%; border-width: 0 6.5px 8px 6.5px; border-bottom-color: #fff; }

.dateDropDownOuter:before { bottom: 55%; border-width: 0 6.5px 8px 6.5px; border-bottom-color: #acacac; }
.eventDropDownOuter:after { border-width: 8px 6.5px 0 6.5px; border-top-color: #fff; top: 55%; }

.dateDropDownOuter:after { border-width: 8px 6.5px 0 6.5px; border-top-color: #acacac; top: 55%; }

.eventDropDownOuter, .dateDropDownOuter { padding: 0; position: relative; }

.reloadSingle { vertical-align: middle; width: 26px; height: 26px; border-radius: 50%; border-width: 4px; border-style: solid; border-color: #acacac; border-right-color: transparent; margin: 4px; position: relative; display: inline-block; }

.reloadSingle:before { content: ''; position: absolute; width: 0; height: 0; left: 14px; bottom: 6px; border-width: 7px; border-style: solid; border-color: #acacac; border-right-color: transparent; border-left-color: transparent; border-top-color: transparent; -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); }

.reloadSinglebtn { position: absolute; height: 28px; width: 32px; top: -6px; left: -6px; -webkit-appearance: none; background-color: transparent; border: 0; }

#NewsPage { padding-top: 75px; padding-bottom: 55px; }
.newsPreview { padding: 30px 0; border-bottom: 1px solid #dedede; }
.newsPreview.last { border-bottom: none; }
.newsPreview .date { margin: 10px 0 18px; color: #a1a1a1; }
.newsPreview .image { text-align: right; }
.newsPreview .linkHolder { margin-top: 20px; text-align: center; }
.newsPreview .button { background: #ebebeb; color: #4c4c4c; font-family: lato, sans-serif; font-weight: 400; padding: 0 50px; }
#NewsPage #LoadMore { text-align: center; margin-top: 20px; }
#NewsPage #LoadMore .button { background: #ebebeb; color: #ababab; font-family: lato, sans-serif; font-weight: 400; padding: 0 50px; }
#NewsPage #LoadMore .button:hover { color: #4c4c4c; }

#NewsInner .image { margin-top: -30px; }
#NewsInner h1 { margin-bottom: 5px; color: #525252; font-family: lato, sans-serif; font-weight: 400; }
#NewsInner h2 { font-family: 'Merge'; color: #CD8FBD; font-size: 33px; }
#NewsInner .info { font-size: 16px; color: #a1a1a1; margin-bottom: 25px; }
#NewsInner .details { margin-bottom: 30px; }
#NewsInner .button { background: #ebebeb; color: #4c4c4c; padding: 0 40px; font-family: lato, sans-serif; font-weight: 400; margin-bottom: 4px; }

.button.contact { background: #EBEBEB; color: #4C4C4C; width: 100%; font-family: lato, sans-serif; font-weight: 400; margin-top: 40px; }
.button.contact:hover { background: #ccc; }

#Site { position: relative; }
.mobilePanel { width: 75%; height: 100%; overflow-x: hidden; overflow-y: scroll; position: fixed; top: 0; z-index: 1000; }
#PanelClose { display: none; width: 25%; background: none; z-index: 1000; overflow: hidden; }
#PanelClose.left { display: block; left: 0; }
#MobileNav { background: #62b5e5; left: 100%; padding: 20px; }
#MobileNav ul { padding: 0; margin: 0; list-style-type: none; }
#MobileNav ul ul { display: none; }
#MobileNav li { margin-bottom: 10px; }
#MobileNav li.hasChildren { margin-bottom: 0; }
#MobileNav li.donate a { background: #e5007c; color: #fff; }
#MobileNav li .linkHolder { background: #fff; margin-bottom: 10px; position: relative; }
#MobileNav li a { display: block; height: auto; padding: 10px 5px; width: 100%; text-align: center; font-size: 20px; line-height: 20px; }
#MobileNav li.hasChildren .linkHolder a { width: 75%; border-right: 1px solid #62b5e5; }
#MobileNav li.noChildren .linkHolder a { width: 100%; border-right: none; }
#MobileNav li.hasChildren .linkHolder a.hasChildrenDropdown { width: 25%; position: absolute; top: 0; right: 0; height: 100%; border: none; }
#MobileNav li a.levelThree { background: #fff; }
#MobileNav li.hasChildren .linkHolder a.hasChildrenDropdown .arrow, #MobileNav li.hasChildren .linkHolder a.hasChildrenDropdown .arrow:after { position: absolute; right: 36%; top: 50%; margin-top: -2px; border: 6px solid transparent; z-index: 1; -webkit-transform-origin: 50% 20%; -moz-transform-origin: 50% 20%; -ms-transform-origin: 50% 20%; transform-origin: 50% 20%; }
#MobileNav li.hasChildren .linkHolder a.hasChildrenDropdown.open .arrow { border-top: 6px solid #e5007c; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }
#MobileNav li.hasChildren .linkHolder a.hasChildrenDropdown .arrow, #MobileNav li.hasChildren .linkHolder a.hasChildrenDropdown .arrow::after { -webkit-transition: all 150ms ease-in-out; -moz-transition: all 150ms ease-in-out; -ms-transition: all 150ms ease-in-out; transition: all 150ms ease-in-out; }

#MobileNav .purple a { color: #cd8fbd; }
#MobileNav .green a { color: #1ba92a; }
#MobileNav .pink a { color: #e5007c; }
#MobileNav .orange a { color: #ed8b00; }
#MobileNav .blue a { color: #62b5e5; }
#MobileNav li.purple.hasChildren .linkHolder a.hasChildrenDropdown .arrow, #MobileNav li.purple.hasChildren .linkHolder a.hasChildrenDropdown .arrow:after { border-top: 6px solid #cd8fbd; }
#MobileNav li.green.hasChildren .linkHolder a.hasChildrenDropdown .arrow, #MobileNav li.green.hasChildren .linkHolder a.hasChildrenDropdown .arrow:after { border-top: 6px solid #1ba92a; }
#MobileNav li.pink.hasChildren .linkHolder a.hasChildrenDropdown .arrow, #MobileNav li.pink.hasChildren .linkHolder a.hasChildrenDropdown .arrow:after { border-top: 6px solid #e5007c; }
#MobileNav li.orange.hasChildren .linkHolder a.hasChildrenDropdown .arrow, #MobileNav li.orange.hasChildren .linkHolder a.hasChildrenDropdown .arrow:after { border-top: 6px solid #ed8b00; }
#MobileNav li.blue.hasChildren .linkHolder a.hasChildrenDropdown .arrow, #MobileNav li.blue.hasChildren .linkHolder a.hasChildrenDropdown .arrow:after { border-top: 6px solid #62b5e5; }

#Map { padding: 50px 0 25px; text-align: center; }
#Map h1 { margin-bottom: 25px; font-size: 38px; color: #e5007c; }
#Map #map_canvas { width: 570px; height: 270px; display: inline-block; margin-bottom: 40px; }
#Map .button { height: 44px; line-height: 44px; background: #ebebeb; font-size: 20px; color: #4c4c4c; font-family: lato, sans-serif; font-weight: 400; padding: 0 40px; margin: 0 2px; }
#Map .button.blue { background: #62b5e5; color: #fff; font-family: 'Merge'; }
#Map .button:hover { background: #ccc; }

#Inner #MyAccount .right { min-height: 263px; }
#Inner #MyAccount .right .image { margin-top: 20px; position: absolute; left: 5px; width: 413px; height: 413px; text-align: center; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; color: #fff; background: #62b5e5; overflow: hidden; }
#Inner #MyAccount .right .image #Total { padding: 50px 50px 15px; }
#Inner #MyAccount .right .image #Total .top { font-size: 22px; line-height: 26px; }
#Inner #MyAccount .right .image #Total .amount { margin: 20px 0 15px; font-size: 84px; line-height: 64px; font-family: 'Merge'; }
#Inner #MyAccount .right .image #Total .amount .small { font-size: 68px; }
#Inner #MyAccount .right .image #Total .thanks { font-size: 20px; line-height: 22px; }
#MyAccount #MyAccountTop { border-bottom: 1px solid #dedede; overflow: hidden; }
#MyAccount .accountSection { border-bottom: 1px solid #dedede; padding: 45px 0; }
#MyAccount .accountSection h3 { color: #585858; font-size: 22px; font-family: lato, sans-serif; font-weight: 400; }
#MyAccount .accountSection .right { text-align: right; min-height: 0 !important; padding-top: 30px; }
#MyAccount .accountSection .button { color: #4c4c4c; background: #ebebeb; font-family: lato, sans-serif; font-weight: 400; width: 49%; }
#MyAccount .accountSection .button.blue { background: #62b5e5; color: #fff; font-family: 'Merge'; }
#MyAccount #NextEvent { margin-top: 45px; font-size: 22px; }
#MyAccount #NextEvent .blue { color: #62b5e5; }

#MyAccountInner #MyAccountTop { border-bottom: 1px solid #dedede; }
#MyAccountInner #MyAccountTop .right { text-align: right; }
#MyAccountInner #MyAccountBottom { padding: 45px 0; }
#MyAccountInner #MyAccountBottom #BottomButtons { margin-top: 25px; text-align: right; }
#MyAccountInner .button { color: #4c4c4c; background: #ebebeb; font-family: lato, sans-serif; font-weight: 400; padding: 0 40px; }
#MyAccountInner .button.blue { background: #62b5e5; color: #fff; font-family: 'Merge'; }
#MyAccountInner #MyAccountTop .button { width: 58%; padding: 0; margin-bottom: 5px; }
#MyAccountInner #MyAccountTop #DonateOptions { margin-top: 70px; }
#MyAccountInner #MyAccountTop #DonateOptions .button.donate { height: 58px; line-height: 58px; background: #e5007c; color: #fff; font-size: 26px; font-family: 'Merge'; }
#MyAccountInner #MyAccountTop #DonateOptions .button { width: 55%; }
#MyAccountInner .section { border-top: 1px solid #dedede; }
#MyAccountInner .noResults { font-size: 24px; color: #b7b7b7; }
#MyAccountInner .eventRow { border-bottom: 1px solid #dedede; }
#MyAccountInner .eventRow h2 { color: #62b5e5; }
#MyAccountInner .eventRow .image .didYouKnow a { box-shadow: inset 0 0 0 200px rgba(0,166,235, 0.8); -webkit-box-shadow: inset 0 0 0 200px rgba(0,166,235, 0.8); -moz-box-shadow: inset 0 0 0 200px rgba(0,166,235, 0.8); }

#MyAccountInner #DonateCanvasHolder { position: relative; }
#MyAccountInner #DonateCanvas { position: relative; z-index: 2; }
#MyAccountInner #DonateCanvasOver { position: absolute; display: inline-block; z-index: 1; background: #e5007c; top: 22px; right: 22px; width: 311px; height: 311px; padding-top: 122px; text-align: center; color: #fff; font-size: 84px; line-height: 64px; font-family: 'Merge'; border-radius: 173px; -webkit-border-radius: 173px; -moz-border-radius: 173px; }
#MyAccountInner #DonateCanvasOver .small { font-size: 68px; }

#MyAccountDonate #MyAccountInner #MyAccountBottom { padding: 0 0 45px; }
#MyAccountDonate #MyAccountInner .right.left { padding: 0 10px; }
#MyAccountDonate #MyAccountInner #MyAccountTop { border-bottom: none; }
#MyAccountDonate .line { padding: 6px 0; border-bottom: 1px solid #dedede; }
#MyAccountDonate .line.top { border-top: 1px solid #dedede; }

#MyAccountDonate .donation { padding: 20px 10px; }
#MyAccountDonate .donation.first { border-right: 1px solid #dedede; }
#MyAccountDonate .donation .circle { width: 100%; height: 142px; line-height: 142px; text-align: center; display: block; font-family: 'Merge'; background: #e5007c; color: #fff; font-size: 32px; border-radius: 75px; border: none; }
#MyAccountDonate .donation .donationRight { text-align: center; }
#MyAccountDonate .donation .donationRight .title { color: #e5007c; font-family: 'Merge'; font-size: 32px; line-height: 32px; margin: 20px 0 5px; }
#MyAccountDonate .donation .donationRight .date { color: #525252; font-size: 26px; line-height: 26px; margin-bottom: 10px; }
#MyAccountDonate .donation .donationRight .giftAid { color: #000; font-size: 18px; line-height: 18px; }

#LogIn { padding: 30px 0; border-top: 1px solid #dedede; }
#LogIn .button { width: 100%; background: #62b5e5; color: #fff; }
#LogIn .loginLeft { padding: 10px 20px 10px 10px; border-right: 1px solid #dedede; }
#LogIn .loginRight { padding: 10px 10px 10px 20px; }

#Register { padding: 30px 0; border-top: 1px solid #dedede; }
#Register .button { width: 100%; background: #62b5e5; color: #fff; }

#SubPageList { margin-top: 20px; }
#SubPageList .subPage { border-top: 1px solid #dedede; padding: 15px 0; }
#SubPageList .subPage .image { text-align: center; }
#SubPageList .subPage h3 { font-size: 30px; line-height: 30px; font-family: lato, sans-serif; font-weight: 400; margin: 22px 0 15px; }
#SubPageList .subPage p { margin: 0; }
#SubPageList .subPage .button { margin-top: 30px; width: 100%; }
#SubPageList .subPage.ourShops .button { margin-top: 0; }
.purple #SubPageList .subPage .button { background: #cd8fbd; color: #fff; }
.purple #SubPageList .subPage .button:hover { background: #92278F; }
.green #SubPageList .subPage .button { background: #1ba92a; color: #fff; }
.green #SubPageList .subPage .button:hover { background: #39b54a; }
.pink #SubPageList .subPage .button { background: #e5007c; color: #fff; }
.pink #SubPageList .subPage .button:hover { background: #f06eaa; }
.orange #SubPageList .subPage .button { background: #ed8b00; color: #fff; }
.orange #SubPageList .subPage .button:hover { background: #f26522; }
.blue #SubPageList .subPage .button { background: #62b5e5; color: #fff; }
.blue #SubPageList .subPage .button:hover { background: #0fb6fc; }

/*FLEX EXAMPLE*/
/*.formPanel .formCol .checkboxList { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; }
.formPanel .formCol .checkboxList li { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-preferred-size: calc(50% - 20px); flex-basis: calc(50% - 20px); -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: flex-start; text-align: left; font-size: 15px; margin: 10px 10px; }*/

.threeColInfoBubbles { margin: 70px 0; }
.threeColInfoBubbles .items { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; margin: 0 -50px; }
.threeColInfoBubbles .item { display: -webkit-box; display: -ms-flexbox; display: flex; width: calc(33.33% - 50px); -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: flex-start; margin: 0 25px; }
.threeColInfoBubbles .circle { height: 161px; width: 161px; border-radius: 50%; background: #62b5e5; margin: auto; position: relative; }
.threeColInfoBubbles .item .circle { color: #fff; }
.threeColInfoBubbles .circle:hover .hoverText { opacity: 1; }
.threeColInfoBubbles .circle:hover .circleText { opacity: 0.1; }
.purple .threeColInfoBubbles .circle { background: #92278F; }
.green .threeColInfoBubbles .circle { background: #39b54a; }
.pink .threeColInfoBubbles .circle { background: #f06eaa; }
.orange .threeColInfoBubbles .circle { background: #f26522 }
.blue .threeColInfoBubbles .circle { background: #0fb6fc; }

.threeColInfoBubbles .hoverText { font-family: lato, sans-serif; font-weight: 400; font-weight: 300; font-size: 19px; line-height: 23px; text-align: center; position: absolute; top: 50%; left: 0; right: 0; transform: translateY(-50%); opacity: 0; margin: 0 5px; transition: opacity .2s linear; }
.threeColInfoBubbles .circleText { font-family: 'Merge'; font-size: 56px; line-height: 161px; text-align: center; transition: opacity .2s linear; }
.threeColInfoBubbles .text { font-family: 'Merge'; font-size: 20px; line-height: 24px; text-align: center; margin-top: 20px; }


#Gallery { margin-top: 20px; border-top: 1px solid #dedede; }
#Gallery .galleryPreview { padding: 30px 0; border-bottom: 1px solid #dedede; text-align: right; }
#Gallery .galleryPreview h3 { font-size: 30px; line-height: 32px; margin-bottom: 8px; font-family: lato, sans-serif; font-weight: 400; }
#Gallery .galleryPreview .button { background: #CD8FBD; color: #fff; width: 50%; }
#Gallery .galleryPreview .button:hover { background: #92278F; }
#Gallery .galleryImage { text-align: center; padding: 30px 10px 0; overflow: hidden; max-height: 220px; }

.centreStage #Gallery .galleryPreview .button { background: #ea0e4f; color: #fff; width: 50%; }
.centreStage #Gallery .galleryPreview .button:hover { background: #f26e95; }

#Jobs { margin-top: 40px; border-top: 1px solid #cd8fbd; }
#Jobs .jobPreview { border-bottom: 1px solid #cd8fbd; padding: 20px 0; }
#Jobs .jobPreview h3 { margin-bottom: 25px; font-size: 30px; line-height: 30px; font-family: lato, sans-serif; font-weight: 400; }
#Jobs .jobPreview .summary { margin-bottom: 25px; }
#Jobs .jobPreview .button { background: #ebebeb; color: #4c4c4c; font-family: lato, sans-serif; font-weight: 400; width: 50%; }

#JobsInner { margin-top: 10px; }
#JobsInner h3 { margin: 20px 0 15px; font-size: 30px; line-height: 30px; font-family: lato, sans-serif; font-weight: 400; }
#JobsInner .button { background: #ebebeb; color: #4c4c4c; font-family: lato, sans-serif; font-weight: 400; width: 50%; margin-bottom: 5px; }

#Shop { padding: 55px 0 55px; }
#Shop #ShopTop { padding-bottom: 25px; border-bottom: 1px solid #dedede; }
#Shop .basketLink { float: right; font-size: 22px; margin-top: 5px; }
#Shop .basketLink img { float: left; }
#Shop .basketLink .text { float: left; line-height: 23px; margin-left: 10px; }
#Shop .line { border-bottom: 1px solid #DEDEDE; margin: 0 10px; }

.productPreview { text-align: center; padding: 20px 10px; }
.productPreview img { max-height: 230px; padding-bottom: 15px; }
.productPreview a { font-size: 22px; line-height: 24px; color: #e5007c; }
.productPreview .price { margin-bottom: 15px; }
.productPreview .AddToCartContainer a { color: #fff; background: #e5007c; display: inline-block; height: 28px; line-height: 28px; font-size: 15px; padding: 0 18px; border-radius: 14px; -webkit-border-radius: 14px; -moz-border-radius: 14px; }
.productPreview .AddToCartContainer a:hover { background: #f06eaa; }

.productListing { border-bottom: 1px solid #dedede; padding: 25px 0; }
.productListing .image { text-align: center; }
.productListing .name { font-size: 30px; line-height: 30px; color: #e5007c; margin: 40px 0 20px; }
.productListing .price { font-size: 26px; line-height: 26px; color: #e5007c; margin-bottom: 20px; }
.productListing .AddToCartLink { width: 75%; margin-top: 20px; text-align: center; float: right; display: inline-block; height: 58px; line-height: 58px; background: #e5007c; color: #fff; border-radius: 12px; -webkit-border-radius: 12px; -moz-border-radius: 12px; font-size: 26px; font-family: 'Merge'; }
.productListing .AddToCartLink.loading { font-size: 0px; line-height: 0px; background-image: url(/SiteImages/loading-balls.gif); background-repeat: no-repeat; background-position: center; }

#ShoppingBasket { padding: 75px 0 55px; }
#ShoppingBasket #ShoppingBasketItems { border-top: 1px solid #DEDEDE; margin: 20px 0; }
#ShoppingBasket #Bottom { margin-top: 40px; }
#ShoppingBasket .button { width: 100%; background: #e5007c; color: #fff; }
#ShoppingBasket .button:hover { background: #f06eaa; }
#ShoppingBasket .button.back { background: #ebebeb; color: #4c4c4c; font-family: lato, sans-serif; font-weight: 400; }
#ShoppingBasket h3 { font-size: 22px; font-family: lato, sans-serif; font-weight: 400; }
#ShoppingBasket .line { border-bottom: 1px solid #dedede; height: 0; overflow: hidden; margin: 30px 0; }

#ShoppingBasket .image { float: left; width: 10%; min-height: 1px; }
#ShoppingBasket .name { float: left; width: 40%; }
#ShoppingBasket .units { float: left; width: 20%; }
#ShoppingBasket .price { float: left; width: 10%; }
#ShoppingBasket .subTotal { float: left; width: 10%; }
#ShoppingBasket .remove { float: left; width: 10%; }

#ShoppingBasket .basketItem { line-height: 38px; border-bottom: 1px solid #DEDEDE; padding: 20px 0; }
#ShoppingBasket .basketItem.top { line-height: 15px; padding: 10px 0 4px; font-family: 'Merge'; }
#ShoppingBasket .basketItem .name { padding: 0 20px; font-size: 22px; color: #e5007c; }
#ShoppingBasket .basketItem .name .stock { font-size: 15px; }
#ShoppingBasket .basketItem .name .stock.red { color: red; }
#ShoppingBasket .basketItem .name .stock.green { color: #1ba92a; }
#ShoppingBasket .basketItem .units .UnitCountControl { float: left; width: 50%; }
#ShoppingBasket .basketItem .units .UnitCountControl input { width: 95%; height: 38px; line-height: 38px; border-radius: 4px; border: 1px solid #cccccc; padding: 0 5px; }
#ShoppingBasket .basketItem .units .UnitCountButton { float: left; padding-top: 8px; }
#ShoppingBasket .basketItem .remove { padding-top: 6px; }
#ShoppingBasket .ItemOption { display: none; }
#ShoppingBasket .checkoutDonation { margin-bottom: 20px; padding: 20px 0; border-bottom: 1px solid #DEDEDE; }
#ShoppingBasket .checkoutDonation h2 { font-size: 33px; font-weight: normal; font-family: lato, sans-serif; font-weight: 700; line-height: 1.1em; color: #e5007c; font-weight: normal; margin: 0 0 20px; }
#ShoppingBasket .checkoutDonation label { line-height: 44px; }
#ShoppingBasket .checkoutDonation select,
#ShoppingBasket .checkoutDonation input { width: 100%; height: 44px; padding: 0 10px; }
#ShoppingBasket .TotalViewer { display: block; margin-bottom: 2px; }
#ShoppingBasket .TotalViewer .Label { display: inline-block; font-family: 'Merge'; }
#ShoppingBasket .TotalViewer .Value { display: inline-block; }
#ShoppingBasket .FormErrorLabel { color: red; }
#ShoppingBasket .ecommerce_address.address_selector { margin-bottom: 25px; }
#ShoppingBasket .ecommerce_address.address_selector .label { font-family: 'Merge'; }

.ErrorLabel { color: red; }

#ThankYous { margin-top: 20px; border-top: 1px solid #dedede; }
#ThankYous .thankYouPreview { padding: 30px 0; border-bottom: 1px solid #dedede; font-size: 20px; line-height: 24px; }
#ThankYous .thankYouPreview img { float: left; margin: auto 20px; border-radius: 137px; max-width: 274px; }

.resourcePreview { text-align: center; }

.blogComments { padding-bottom: 55px; }
.blogComments .BlogCommentsTitle { color: #CD8FBD; font-family: 'Merge'; font-size: 33px; line-height: 33px; }
.blogComments .button { font-family: lato, sans-serif; font-weight: 400; padding: 0 40px; }
.blogComments .blog-leave-comment { margin-bottom: 10px; display: block; }

.staffPreview { text-align: center; }
.staffPreview img { border-radius: 100px; }

.centreStage #HeaderRepeater { background: #ea0e4f; }
.centreStage #AccountOptions .mainSite { background: #999999; height: 21px; line-height: 22px; display: inline-block; border-radius: 10px; color: #fff !important; padding: 0 10px; font-size: 15px; }
.centreStage #AccountOptions .mainSite:hover { background: #ea0e4f; opacity: 1 !important; filter: alpha(opacity=10) !important; }
.centreStage #Footer { background: url(/SiteImages/footerTopCentreStage.jpg) no-repeat center top #ea0e4f; }
.centreStage #Footer #FooterTop { height: 143px; padding-top: 32px; }
.centreStage #Footer #FooterTop #Left { font-size: 34px; line-height: 34px; color: #252525; padding-top: 7px; }
.centreStage #Footer #FooterTop #Right a { height: 48px; line-height: 48px; background: #ea0e4f; color: #fff; font-size: 20px; font-family: 'Merge'; width: 100%; display: block; text-align: center; }
.centreStage #Footer #FooterTop #Right a:hover { background: #ec668c; }
.centreStage #Footer #FooterTop #Right span { height: 48px; line-height: 48px; background: #ea0e4f; color: #fff; font-size: 20px; font-family: 'Merge'; width: 100%; display: block; text-align: center; }
.centreStage #TopNav ul li a:hover, .centreStage #TopNav ul li.CMSListMenuHighlightedLI a { color: #ea0e4f; }
.centreStage #TopNav ul li.last a { padding: 0 12px; background: #ea0e4f; border-radius: 10px; color: #fff !important; margin-left: 15px; }
.centreStage #TopNav ul li.last a:hover { background: #f26e95; }
.centreStage #MobileMenuHolder a.register { padding: 0 12px; background: #ea0e4f; border-radius: 10px; color: #fff !important; margin-left: 15px; }
.centreStage #HomepageBanners { background: none; height: auto; }
.centreStage .homePromo { overflow: hidden; min-height: 375px; }
.centreStage .homePromo .image { position: absolute; left: 0; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; margin-top: 32px; overflow: hidden; }
.centreStage .homePromo .image img { max-width: none; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; }
.EditMode.centreStage .homePromo .image { border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; }
.centreStage .homePromo .info { padding-top: 24px; padding-bottom: 24px; }
.centreStage .homePromo .info .smallImage img { margin-bottom: 18px; }
.centreStage .homePromo .info h2, .centreStage .homePromo .info h1 { margin-bottom: 5px; color: #ea0e4f; font-size: 34px; line-height: 34px; font-family: 'Merge'; }
.centreStage .homePromo .info .subTitle { font-size: 28px; line-height: 28px; color: #525252; font-family: lato, sans-serif; font-weight: 400; margin-bottom: 10px; }
.centreStage .homePromo .info .link a { margin-top: 15px; display: inline-block; padding: 0 40px; height: 48px; line-height: 48px; color: #fff; font-size: 20px; font-family: 'Merge'; background: #ea0e4f; }
.centreStage .homePromo .info .link a:hover { background: #f26e95; }
.centreStage .homePromo.grey { padding: 0; }
.centreStage .homePromo.grey .info { padding-top: 108px; }
.centreStage .homePromo.bottom .info { padding-top: 100px; }
.centreStage h1 { color: #ea0e4f; }
.centreStage #DonateForm .button { background: #ea0e4f; margin-bottom: 40px; }
.centreStage #DonateForm .button:hover { background: #ec668c; }
.centreStage #Inner a { color: #ea0e4f; }

.anchor { position: relative; top: -161px; visibility: hidden; display: block; }

/* Forum Template */
/* main */
.ForumGroup { width: 100%; }
.ForumGroup .Table, .ForumFlat .Table { width: 100%; background-color: #fff; }
.ForumGroup .Table .Header td { padding: 8px 20px !important; }
.ForumGroup .Table .Info td { padding-bottom: 20px; padding-left: 20px; }
.ForumGroup .Table .Info td span { display: block; margin: 5px 0px; }
.ForumGroup .Table .Info td .GroupName { display: none; }

.ForumGroup .ForumName .ActionLink { display: inline-block; font-size: 30px; color: #444343; text-decoration: none; line-height: 30px; }
.ForumGroup .ForumName .ActionLink:hover { background-position: 0-48px; }

.ForumGroup .Forum { border-bottom: #e5e5e5 1px solid; }
.ForumGroup .Forum .Threads, .ForumGroup .Forum .Posts { font-size: 30px; font-family: lato, sans-serif; font-weight: 700; }

.ForumGroup .Forum .ForumImageDefault, .ForumGroup .Forum .ForumImage { display: block; background-image: none; width: 0px; }
.ForumGroup .Table .ForumInfo { padding: 15px; }
.ForumGroup .Table td { padding: 0px; color: #737373; }
.ForumGroup .Forum .ForumName { color: #000; }
.ForumGroup a { color: #2f8dc3; text-decoration: underline; }
.ForumGroup .Forum .ForumDescription { display: block; padding-top: 5px; }
.ForumManage { margin: 6px 2px 2px 0; padding: 3px 6px; vertical-align: middle; font-weight: bold; text-align: right; }
.ForumFlat .ActionLink, .ForumFlat .ActionLink a, .ForumTree .ActionLink, .ForumTree .ActionLink a, .ForumManage .ActionLink { display: inline; padding: 0 10px; font-weight: bold; }
.ForumGroup .Table .Threads { text-align: center; width: 50px; border-left: 1px dotted #818181; border-right: 1px dotted #818181; }
.ForumGroup .Table .Posts { text-align: center; width: 50px; border-right: 1px dotted #818181; }
.ForumGroup .Table .LastPost { text-align: center; width: 200px; }





/* forum topic */
.ForumFlat .Table .Info td, .ForumTree .Table .Info td { height: 20px; vertical-align: top; color: #737373; padding: 0 20px; text-transform: lowercase; }
.ForumFlat .Table .ForumName, .ForumTree .Table .ForumName { display: none; font-weight: bold; padding: 8px 0 0 4px; color: #000; }
.ForumFlat .Table .ForumDescription, .ForumFlat .Table .GroupDescription { display: block; color: #737373; padding-left: 6px; }
.ForumFlat .Table .Actions, .ForumTree .Table .Actions { color: #737373; }
.ForumFlat .Table .Actions td, .ForumTree .Table .Actions td { font-weight: bold; padding: 5px 0px; text-align: right; height: 30px; vertical-align: top; }
.ForumFlat .Table td { padding: 0px; color: #444343; font-size: 15px; }
.ForumFlat .Table .Actions .ActionLink, .ForumTree .Table .Actions .ActionLink { padding: 0 5px 0 5px; font-size: 14px; text-transform: lowercase; }
.ForumFlat .Table .ForumContent, .ForumTree .Table .ForumContent { background-color: #ffffff; padding: 0; margin: 0; }
.ForumFlat .ThreadTable .Header td, .ForumGroup .Table .Header td { background-color: #f4f4f4; color: #737373; padding: 5px 0; border: none; font-size: 13px; }
.ForumFlat .ThreadImageDefault { text-align: center; }
.ForumFlat .ForumPost table { width: 100%; }
.ForumFlat tr.Thread { height: 60px; border-bottom: dashed 1px #ebebeb; }
.ForumFlat .Table .ForumContent td.ThreadInfo p.author { display: none; }




/* forum thread */
.ForumFlat .Table .PostsTable { width: 100%; }
.ForumFlat .Table .ForumPost.FirstPost { border-bottom-style: solid; border-bottom-width: 1px; }
.ForumFlat .Table .ForumPost.Reply { border-bottom: 1px solid #e2e2e2 !important; }
.ForumFlat .Table .ForumPost td.UserAvatar { width: 15%; text-align: center; padding: 0px 0px 10px 0px !important; }
.ForumFlat .Table .ForumPost.FirstPost td.UserAvatar { border-right-style: solid; border-right-width: 1px; }
.ForumFlat .Table .ForumPost.Reply td.UserAvatar { border-right: 1px solid #e2e2e2 !important; }
.ForumFlat .Table .ForumPost td.Content { vertical-align: top; padding: 0px !important; }
.ForumFlat .Table .ForumPost .PostTime, .ForumFlat .Table .ForumPost .PostUserName { height: 30px; width: 100%; display: inline-block; font-size: 16px; line-height: 32px; font-weight: bold; margin-bottom: 10px; }

.ForumFlat .Table .ForumPost.FirstPost .PostTime, .ForumFlat .Table .ForumPost.FirstPost .PostUserName { background-color: #04A2AD; color: #ffffff; }
.ForumFlat .Table .ForumPost.FirstPost .PostTime a, .ForumFlat .Table .ForumPost.FirstPost .PostUserName a { color: #ffffff; }
.ForumFlat .Table .ForumPost .PostUserName { /*width:225px;*/ }

.ForumFlat .Table .ForumPost.Reply .PostTime, .ForumFlat .Table .ForumPost.Reply .PostUserName { background-color: #e2e2e2; color: #000000; }
.ForumFlat .UIcontrols { float: right; display: inline-block; }
.ForumFlat .UIcontrols .PostActionSeparator { width: 20px; display: inline-block; }
.ForumFlat .Table .ForumPost .PostTime, .ForumFlat .Table .ForumPost .PostText { /*padding-left:10px;padding-right: 10px;*/ }
.ForumFlat .UIcontrols .glyphiconLink { display: none; }
.ForumFlat .UIcontrols .PostActionLink { display: inline; }
.ForumFlat .PostExtendedActions a { display: inline-block; }
.ForumFlat .ForumBreadCrumbs { margin-top: 10px; display: block; color: #525252; background: #ebebeb; padding: 10px; }
.ForumFlat .post { padding: 10px 0; margin-bottom: 4px; border-top: #cccccc solid 1px; }
.ForumFlat .postbody { padding: 0; line-height: 1.48em; color: #333333; width: 76%; float: right; }
.ForumFlat .postbody h3 { font-size: 1.5em; padding: 2px 0 0 0; margin: 0 0 0.3em 0 !important; text-transform: none; border: none; line-height: 125%; }
.ForumFlat p.author { margin: 0 15em 1.5em 0; padding: 0 0 5px 0; font-size: 14px; line-height: 1.2em; }
.ForumFlat .signature { border-top-color: #CCCCCC; margin-top: 1.5em; padding-top: 0.2em; font-size: 1.1em; border-top: 1px solid #CCCCCC; clear: left; line-height: 140%; overflow: hidden; width: 100%; }
.ForumFlat .postprofile { margin: 5px 0 10px 0; min-height: 80px; color: #666666; border-left: 1px solid #FFFFFF; width: 22%; float: left; display: inline; }
.ForumFlat .postprofile .dd, .postprofile .dt, .postprofile .PostExtendedActions { line-height: 1.2em; margin-left: 8px; }

.Forum .actionButton { color: #525252; background: #ebebeb; padding: 0 12px; border-radius: 10px; margin-left: 10px; height: 21px; font-weight: normal; display: inline-block; line-height: 21px; text-decoration: none; }
.Forum .actionButton:hover { opacity: 0.75; }
.Forum .actionButton.blue { background: #00a5e7; color: #ffffff; }
.Forum .actionButton.orange { background: #e37d0e; color: #ffffff; }
.Forum .actionButton.green { background: #44983a; color: #ffffff; }
.Forum .actionButton.purple { background: #ca8fbf; color: #ffffff; }
.Forum .actionRow { display: inline-block; margin: 5px -10px; width: 100%; }

.ForumNewPost .form-control { padding: 10px; width: 100%; border: 2px solid #e2e2e2; background: transparent; font-weight: 300; font-size: 20px; height: 100%; }
.ForumNewPost textarea.form-control { height: 300px; }
.ForumNewPost .Title { font-size: 20px; font-family: lato, sans-serif; font-weight: 700; margin: 15px 0px; display: inline-block; }

.usergroupPages { margin-top: 30px; }
.usergroupPages h2 { font-family: lato, sans-serif; font-weight: 700; }
.usergroupPages ul { list-style-type: none; padding: 0; }
.usergroupPages ul li { margin-left: 20px; font-size: 28px; line-height: 56px; }
.usergroupPages ul li a { color: #444343; }

#CareReferralForm { padding-bottom: 55px; }
#CareReferralForm .alignCenter, #CareReferralForm .alignCentre { text-align: center; }
#CareReferralForm .image { margin-top: -30px; }
#CareReferralForm h2.confidential { font-size: 24px; font-family: 'Merge'; margin-bottom: 15px; color: #1ba92a }
#CareReferralForm h2.confidential span { text-decoration: underline; font-weight: 700; }
#CareReferralForm h3 { font-size: 22px; font-family: lato, sans-serif; font-weight: 400; }
#CareReferralForm .large { font-size: 22px; }
#CareReferralForm .button { padding: 0 50px; background: #1ba92a; color: #fff; height: 58px; line-height: 58px; font-size: 26px; margin: 0 10px; }
#CareReferralForm .button:hover { background: #39b54a; }
#CareReferralForm .button.back { background: #ebebeb; color: #4c4c4c; }
#CareReferralForm .button.back:hover { background: #ccc; color: #4c4c4c; }
#CareReferralForm ul { padding: 0; margin: 0; list-style-type: none; margin-top: 10px; }
#CareReferralForm ul li { display: inline-block; margin-right: 10px; }
#CareReferralForm ul li label { margin-left: 5px; }
#CareReferralForm .formCol .fieldGap input,
#CareReferralForm .formCol .fieldGap textarea,
#CareReferralForm .formCol .fieldGap table,
#CareReferralForm .formCol .fieldGap h4,
#CareReferralForm .formCol .fieldGap span.checkbox,
#CareReferralForm .fieldGap.force { margin-bottom: 12px; }
#CareReferralForm .panel { margin-top: 25px; }
#CareReferralForm table.checkbox td label { margin-left: 12px; margin-right: 12px; }
#CareReferralForm table.checkbox td:first-child label { margin-left: 0px; }
#CareReferralForm table.checkbox td:last-child label { margin-right: 0px; }
#CareReferralForm .checkbox { text-align: left; }
#CareReferralForm .textbox.area.largearea { height: 200px; }
#CareReferralForm .dropdownStyle.day.short { width: 70px; }
#CareReferralForm .dropdownStyle.month.short { width: 80px; }
#CareReferralForm .dropdownStyle.year.short { width: 75px; }
#CareReferralForm table.responsive { width: 100%; }
#CareReferralForm table.responsive > thead td { font-weight: bold; font-size: 17px; text-align: center; }
#CareReferralForm table.responsive > thead > tr > td, #CareReferralForm table.responsive > tbody > tr > td { padding: 2px 5px; }
#CareReferralForm table.responsive td > table.checkbox { text-align: center; width: 100%; }
#CareReferralForm .success { color: #1ba92a; font-size: 18px; }
#CareReferralForm .validation { display: block; }
#CareReferralForm .checkbox label { background-image: url(/SiteImages/checkboxGreen.jpg); }
#CareReferralForm .checkbox label:hover,
#CareReferralForm .checkbox input:checked + label { color: #1ba92a; }

.fb_share_button:before { content: ''; position: absolute; width: 13px; height: 54px; left: -13px; background-image: url(/SiteImages/btnFB-left.png); background-repeat: no-repeat; }
.fb_share_button { background-image: url(/SiteImages/btnFB-middle.png); background-repeat: repeat-x; height: 54px; display: inline-block; cursor: pointer; position: relative; font-size: 20px; color: #ffffff; line-height: 54px; padding: 0 25px 0 6px; width: 245px; margin-bottom: 5px; }
.fb_share_button:after { content: ''; position: absolute; width: 54px; height: 54px; right: -54px; background-image: url(/SiteImages/btnFB-right.png); background-repeat: no-repeat; }
.fb_share_button:hover { opacity: 0.75; }

.twitter_share_button:before { content: ''; position: absolute; width: 13px; height: 54px; left: -13px; background-image: url(/SiteImages/btnTwitter-left.png); background-repeat: no-repeat; }
.twitter_share_button { background-image: url(/SiteImages/btnTwitter-middle.png); background-repeat: repeat-x; height: 54px; display: inline-block; cursor: pointer; position: relative; font-size: 20px; color: #ffffff; line-height: 54px; padding: 0 25px 0 6px; width: 245px; margin-bottom: 5px; }
.twitter_share_button:after { content: ''; position: absolute; width: 54px; height: 54px; right: -54px; background-image: url(/SiteImages/btnTwitter-right.png); background-repeat: no-repeat; }
.twitter_share_button:hover { opacity: 0.75; }

.jg_share_button:before { content: ''; position: absolute; width: 13px; height: 46px; left: -13px; background-image: url(/SiteImages/btnJG-left.png); background-repeat: no-repeat; }
.jg_share_button { background-image: url(/SiteImages/btnJG-middle.png); background-repeat: repeat-x; height: 46px; display: inline-block; cursor: pointer; position: relative; font-size: 20px; color: #ffffff; line-height: 46px; padding: 0 25px 0 6px; width: 242px; margin-bottom: 5px; }
.jg_share_button:after { content: ''; position: absolute; width: 54px; height: 46px; right: -54px; background-image: url(/SiteImages/btnJG-right.png); background-repeat: no-repeat; }
.jg_share_button:hover { opacity: 0.75; color: #ffffff; }
.jg_share_button:focus { color: #fff; }

#BusinessClub #BCTop { padding: 60px 0; text-align: center; }

#BusinessClub { text-align: center; }
#BusinessClub .searchBox { margin-top: 40px; position: relative; }
#BusinessClub .searchBox .businessMemberSearch { width: 100%; height: 75px; padding: 20px; background: #ebebeb; border-radius: 40px; border: none; font-size: 26px; outline: none; }
#BusinessClub .searchBox .button { height: 65px; padding: 12px; background: #e5007c; border-radius: 50%; position: absolute; top: 5px; right: 3px; }
#BusinessClub #BCMembersList h3 { margin-bottom: 35px; font-size: 35px; color: #62b5e5; }
#BusinessClub #BCMembersList { padding: 60px 0; background: #ebebeb }
#BusinessClub .button { padding: 0 10px; background: #62b5e5; color: #fff; }
#BusinessClub .button:hover { background: #e5007c; }
.businessMemberOuter { padding: 0 10px; }
.businessMemberOuter.inner { padding: 0; }
.businessMember { height: 275px; margin-bottom: 40px; padding: 35px; background: #fff; border-radius: 40px; }
.businessMember .logo { height: 160px; position: relative; }
.businessMember img { max-height: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); }

.businessMemberOuter.inner .backLink { text-align: left; }
.businessMemberOuter.inner .businessMember { height: auto; padding: 0; background: none; border-radius: 0; }
.businessMemberOuter.inner .businessMember .logo { height: auto; margin-top: 50px; }
.businessMemberOuter.inner .businessMember img { position: static; transform: none; -webkit-transform: none; -moz-transform: none; }
.businessMemberOuter.inner .businessMember .desc { margin: 50px 0; font-size: 24px; line-height: normal; color: #4c4c4c; }
.businessMemberOuter.inner .businessMember .button { min-width: 50%; height: 88px; padding: 0 10px; background: #62b5e5; color: #fff; line-height: 88px; }
.businessMemberOuter.inner .businessMember .button:hover { background: #e5007c; }

#OurShops #Inner .left { padding-bottom: 25px; }
#OurShops #ShopListing .shop { cursor: pointer; padding: 24px 0 }
#OurShops #ShopListing .shop .icon .pin,
#OurShops #ShopListing .shop .icon .pin svg,
#OurShops #ShopListing .shop .name { -webkit-transition: color 800ms,fill 800ms, transform 800ms; -moz-transition: color 800ms,fill 800ms, transform 800ms; -ms-transition: color 800ms,fill 800ms, transform 800ms; transition: color 800ms,fill 800ms, transform 800ms; }
#OurShops #ShopListing .shop .icon { width: 65px; height: 65px; position: absolute; top: 24px; left: 0; }
#OurShops #ShopListing .shop .icon .pin { position: absolute; top: 0; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }
#OurShops #ShopListing .shop .icon .pin svg { width: 40px; height: 40px; }
#OurShops #ShopListing .shop .icon .pin svg .pinFill { fill: #a2a2a2 }
#OurShops #ShopListing .shop .name { display: inline-block; vertical-align: top; font-size: 20px; text-decoration: underline; color: #525252; padding-left: 65px; line-height: 1.4; }
#OurShops #ShopListing .shop .name .small { font-size: 80%; display: block; }

#OurShops #ShopListing .shop:hover .icon .pin { -webkit-transform: translateX(-50%) scale(1.5); -moz-transform: translateX(-50%) scale(1.5); -ms-transform: translateX(-50%) scale(1.5); transform: translateX(-50%) scale(1.5); }
#OurShops #ShopListing .shop:hover .icon .pin svg .pinFill { fill: #62b5e5 }
#OurShops #ShopListing .shop:hover .name { color: #62b5e5 }
#OurShops #ShopListingDropDown { text-align: center; margin-bottom: 25px }
#OurShops .map { position: relative; }
#OurShops .map .arrowTop { position: absolute; z-index: 1; left: 50%; top: 0; margin-left: -25px; width: 0; height: 0; border-style: solid; border-width: 26px 25px 0 25px; border-color: #ffffff transparent transparent transparent; }
#OurShops #GoogleMap { height: 575px }
#OurShops #GoogleMap #MapClose,
#OurShops #GoogleMap #MapClose svg { width: 26px !important; height: 26px !important; top: 25px !important; right: 25px !important; }
#OurShops #GoogleMap .infoWindow { width: 620px; padding: 10px; }
#OurShops #GoogleMap .infoWindow .image,
#OurShops #GoogleMap .infoWindow .info { width: 50%; display: inline-block; vertical-align: middle; }
#OurShops #GoogleMap .infoWindow .image { position: relative; background-color: #62b5e5; border-radius: 50%; padding-top: 50%; }
#OurShops #GoogleMap .infoWindow .image .imageInner { position: absolute; padding-top: 88%; width: 88%; top: 6%; left: 6%; border-radius: 50%; background-size: 100% auto; background-repeat: no-repeat; }
#OurShops #GoogleMap .infoWindow .info { padding: 20px; font-size: 22px; line-height: 26px; }
#OurShops #GoogleMap .infoWindow .info .title { font-weight: normal; font-family: lato, sans-serif; font-weight: 700; font-size: 30px; color: #62b5e5 }
#OurShops #GoogleMap .infoWindow .info .title .small { font-size: 60%; display: block; font-family: lato, sans-serif; font-weight: 400; }
#OurShops #GoogleMap .infoWindow .info .location { margin-top: 20px }
#OurShops #GoogleMap .infoWindow .info .phone { font-weight: normal; font-family: lato, sans-serif; font-weight: 700; color: #62b5e5; margin-top: 15px }
#OurShops #GoogleMap .infoWindow .info .location .icon,
#OurShops #GoogleMap .infoWindow .info .phone .icon { width: 45px; }
#OurShops #GoogleMap .infoWindow .info .location svg { width: 40px; height: 40px }
#OurShops #GoogleMap .infoWindow .info .phone svg { width: 26px; height: 26px }
#OurShops #GoogleMap .infoWindow .info .location svg path,
#OurShops #GoogleMap .infoWindow .info .phone svg path { fill: #62b5e5 }
#OurShops #GoogleMap .infoWindow .info .location span,
#OurShops #GoogleMap .infoWindow .info .phone span { vertical-align: top; display: inline-block; }
#OurShops #GoogleMap .infoWindow .info .button { margin-top: 20px; background: #EBEBEB; color: #4C4C4C; width: 100%; font-family: lato, sans-serif; font-weight: 400; }
#OurShops #GoogleMap .infoWindow .info .button:hover { background: #ccc; }

.gdprTitle { margin-bottom: 20px; }
#GDPRForm .title { margin-bottom: 20px; font-weight: 400; }
#GDPRForm .title.midTitle { margin-bottom: 0; }
.radioLists { margin-bottom: 40px; }
.radioLists .radioList { vertical-align: middle; }
.radioLists ul { list-style-type: none; list-style-position: outside; overflow: hidden; display: inline-block; margin: 0; vertical-align: middle; }
.radioLists .label { display: inline-block; vertical-align: middle; width: 100px; }
.radioLists ul li { display: inline-block; margin-left: 10px; }
#GDPRForm .button { padding: 0 20px; }

.radioLists { margin-bottom: 40px; }
.radioLists .radioList { vertical-align: middle; }
.radioLists ul { list-style-type: none; list-style-position: outside; overflow: hidden; display: inline-block; margin: 0; vertical-align: middle; }
.radioLists .label { display: inline-block; vertical-align: middle; width: 100px; }
.radioLists ul li { display: inline-block; margin-left: 10px; }

.radioLists .radioList .radioHolder { display: inline-block; padding-left: 40px; }
.radioLists.customForm .label { font-family: 'Merge'; }
.radioLists.customForm .radioList { padding: 0 10px; }
.radioLists.customForm .radioList .radioHolder input { margin-left: 10px; }

.customText .title { margin-bottom: 20px; }

.FormPanel .subtitle { font-size: 16px; color: #fff; }
.FormPanel .subtitle .underline { text-decoration: underline; color: #fff; }

.FormPanel .customBtn input[type="submit"] { -webkit-appearance: none; width: 50%; background: #e5007c; color: #fff; height: 58px; line-height: 58px; font-size: 26px; border-radius: 6px; font-family: 'Merge'; display: block; text-align: center; border: none; margin: auto; }

.styledDropdown { position: relative; display: inline-block; vertical-align: middle; }
.styledDropdown select { font-size: inherit; padding: .5em 40px; margin: 0; border-radius: 3px; text-indent: 0.01px; -webkit-appearance: button; height: 50px; border: 1px solid #dad6d3; display: block; text-overflow: ellipsis; width: 100%; text-align: left }
.styledDropdown:before,
.styledDropdown:after { content: ""; position: absolute; pointer-events: none; }

.styledDropdown:after { /*  Custom dropdown arrow */ content: "\25BC"; height: 1em; font-size: .625em; line-height: 1; right: 1.2em; top: 50%; margin-top: 2px; }

.styledDropdown:before { /*  Custom dropdown arrow cover */ content: "\25B2"; height: 1em; font-size: .625em; line-height: 1; right: 1.2em; top: 50%; margin-top: -8px; }

.styledDropdown .pin { position: absolute; left: 10px; top: 50%; margin-top: -12px; }
.styledDropdown .pin svg { width: 24px; height: 24px; }
.styledDropdown .pin svg .pinFill { fill: #62b5e5 }

.shopGalleryHolder { margin: 40px 0; padding: 0 40px; }
.shopGallery a { display: block; float: left; }
.shopGallery a img { display: block; }
.shopGalleryHolder .bx-wrapper .bx-prev { left: -40px; margin-top: -20px; background: url(/SiteImages/eventsArrows.png) no-repeat; width: 24px; height: 44px; }
.shopGalleryHolder .bx-wrapper .bx-prev:hover { background-position: 0px -44px; }
.shopGalleryHolder .bx-wrapper .bx-next { right: -40px; margin-top: -20px; background: url(/SiteImages/eventsArrows.png) no-repeat -24px 0; width: 24px; height: 44px; }
.shopGalleryHolder .bx-wrapper .bx-next:hover { background-position: -24px -44px; }

.lotteryBanner { }
.lotteryBanner .bannerHolder { position: relative; height: calc(75vh - 141px); }
.lotteryBanner .banner { position: absolute; top: 0; bottom: 0; right: 0; left: 0; background-repeat: no-repeat; background-position: center; background-size: cover; }
.lotteryBanner .content { position: absolute; top: 50%; transform: translateY(-50%) translateX(-50%); left: 50%; color: #fff; }
.lotteryBanner .title { font-size: 121px; line-height: 1; text-align: center; margin-bottom: 30px; color: #fff; }
.lotteryBanner .text { text-align: center; font-size: 1.5em; line-height: 1.2; color: #fff; font-weight: 700; margin-bottom: 15px; }
.lotteryBanner .image { max-width: 340px; margin: auto; }
.lotteryBanner .image img { max-width: 340px; }

.four-cta-area { background-color: #F5F5F5; padding: 50px 0 30px; }
.four-cta-area .textContent { text-align: center; }
.four-cta-area .textContent .title { font-size: 40px; line-height: 1.1; margin-bottom: 25px; color: #D22D88; font-weight: 400; font-family: lato, sans-serif; font-weight: 700; }
.four-cta-area .textContent .subtitle { font-size: 1.5em; line-height: 1.2; margin-bottom: 40px; color: #707070; }
.four-cta-area .ctas { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; }
.four-cta-area .cta { display: -webkit-box; display: -ms-flexbox; display: flex; width: calc(25% - 40px); -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: flex-start; text-align: center; font-size: 15px; margin: 10px 20px; }
.four-cta-area .cta .textBubble { background-color: #D22D88; color: #fff; font-size: 70px; line-height: 1; text-align: center; max-width: 237px; max-height: 237px; width: 100%; padding-top: 100%; margin-left: auto; margin-right: auto; margin-bottom: 25px; border-radius: 50%; position: relative; }
.four-cta-area .cta .textBubble .text { position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); font-weight: 700; }
.four-cta-area .cta .ctaText { font-size: 20px; line-height: 1.2; color: #707070; font-weight: 300; }

.faqList { }
.faqList .waveArea { background-repeat: no-repeat; background-size: cover; height: 157px; width: 100%; background-position: center; }
.faqList .waveAreaTop { margin-bottom: 40px; }
.faqList .waveAreaBottom { margin-top: 40px; }
.faqList .title { font-weight: 400; font-family: lato, sans-serif; font-weight: 700; color: #59A63F; font-size: 40px; line-height: 1.1; }
.faqList .faq { padding: 48px 0; border-bottom: 1.43232px dashed #DEDEDE; position: relative; padding-right: 50px; cursor: pointer; }
.faqList .faq::after { content: ''; position: absolute; top: 55px; right: 20px; width: 0; height: 0; border-style: solid; border-width: 12px 10px 0 10px; border-color: #59A63F transparent transparent transparent; pointer-events: none; }
.faqList .faq.on::after { transform: rotate(180deg); }
.faqList .faq:nth-child(1) { /*padding-top: 0;*/ }
.faqList .faq.on .answer { display: block; }
.faqList .answer { display: none; font-size: 23px; line-height: 1.2; color: #282828; font-weight: 300; margin-top: 15px; }
.faqList .question { font-size: 26px; color: #59A63F; line-height: 1.2; font-weight: 400; font-family: lato, sans-serif; font-weight: 700; }

.superDrawForm { background-color: #F5F5F5; padding: 30px 0 50px; }
.superDrawForm .giftAidHolder { margin-left: 70px; transform: translateY(-70px); }
.superDrawForm .submitNote { font-weight: 700; }

.sponsorImageAlone { padding: 50px 0 70px; text-align: center; background-color: #f5f5f5; }
.sponsorImageAlone .imageText { display: inline-block; vertical-align: middle; font-size: 26px; line-height: 1; font-family: lato, sans-serif; font-weight: 700; margin-right: 25px; }
.sponsorImageAlone .image { display: inline-block; vertical-align: middle; }
.sponsorImageAlone .image img { max-width: 405px; margin: auto; }



.donateLanding .banner { height: calc(100vh - 135px); position: relative; overflow: hidden; }
.donateLanding .banner .image { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; z-index: 0; background-size: cover; background-position: center; background-repeat: no-repeat; }
.donateLanding .banner .image.imageApplied img { display: none; }
.donateLanding .banner .image img { max-width: none; height: 100%; width: auto; }
.donateLanding .banner .image:before { content: ''; z-index: 0; position: absolute; top: 0; bottom: 0; right: 0; left: 0; opacity: 0.6; background-color: #000; }
.donateLanding .banner .bannerContent { position: absolute; left: 50%; top: 50%; transform: translateY(-50%) translateX(-50%); width: 650px; color: #fff; z-index: 1; text-align: center; }
.donateLanding .banner .bannerContent h1 { color: #fff; font-size: 55px; line-height: 1.5; letter-spacing: 1.7px; }
.donateLanding .banner .bannerContent .subtitle { font-size: 22px; line-height: 1.5; }
.donateLanding .banner .buttonArea { margin-top: 20px; }
.donateLanding .banner .buttonArea a { display: inline-block; height: 50px; line-height: 50px; text-align: center; background-color: #fff; color: #D22D80; min-width: 232px; padding: 0 25px; font-weight: 700; border-radius: 30px; }
.donateLanding .banner .buttonArea a:nth-child(2) { background-color: #D22D80; color: #fff; margin-left: 20px; }
.donateLanding .banner .buttonArea a:hover { background-color: #D22D80; color: #fff; }
.donateLanding .banner .buttonArea a:nth-child(2):hover { background-color: #fff; color: #D22D80; }
.donateLanding .banner { }

.donateLanding .donateContent { text-align: center; padding: 60px 0; }
.donateLanding .donateContent h2 { font-size: 45px; line-height: 1.5; margin-bottom: 15px; color: #D22D80; font-family: lato, sans-serif; font-weight: 700; }
.donateLanding .donateContent .subtitle { font-size: 22px; line-height: 1.5; margin: 0 auto 60px; max-width: 750px; }
.donateLanding .donateContent { }
.donateLanding .donateContent .donationStories { display: flex; margin: 0 -10px; }
.donateLanding .donateContent .donationStories .storyItem { width: calc(33% - 20px); margin: 0 10px; padding-bottom: 30px; -webkit-box-shadow: 0px 3px 5px 2px rgba(0,0,0,0.15); -moz-box-shadow: 0px 3px 5px 2px rgba(0,0,0,0.15); box-shadow: 0px 3px 5px 2px rgba(0,0,0,0.15); }
.donateLanding .donateContent .donationStories .storyItem .image { height: 250px; background-repeat: no-repeat; background-size: cover; background-position: center; margin-bottom: 25px; }
.donateLanding .donateContent .donationStories .storyItem .title { padding: 0 25px; font-size: 33px; font-family: lato, sans-serif; font-weight: 700; line-height: 1; margin-bottom: 15px; color: #D22D80; }
.donateLanding .donateContent .donationStories .storyItem .subtitle { margin-bottom: 20px; font-size: 18px; padding: 0 25px; }
.donateLanding .donateContent .donationStories .storyItem .storyButton { display: inline-block; height: 50px; line-height: 50px; text-align: center; background-color: #D22D80; color: #fff; min-width: 232px; padding: 0 25px; font-weight: 700; border-radius: 30px; }

.widget { padding: 100px 0; color: #222222; text-align: center; line-height: 1.6; }
.widget--blue { background: #62B5E5; color: #fff; }
.widget__btn { padding: 18px 30px; min-width: 200px; font-size: 15px; line-height: 1; background: #62B5E5; color: #fff; border-radius: 25px; font-family: 'Merge'; display: inline-block; text-align: center; transition: .3s; -webkit-transition: .3s; margin-top: 40px; }
.widget__btn:hover { opacity: .7; color: #fff; }
.widget__btn--white { background: #fff; color: #62B5E5; }
.widget__btn--white:hover { color: #62B5E5; }
.widget__title { font-weight: 800; font-size: 50px; line-height: 58px; font-family: 'Merge'; color: #62B5E5; margin-bottom: 30px; }
.widget--blue .widget__title { color: #fff; }

.widget-banner { padding: 0; position: relative; }
.widget-banner picture { position: relative; z-index: 1; overflow: hidden; max-height: 70vh; width: 100%; display: block; }
.widget-banner picture img { display: block; width: 100%; }
.widget-banner .container { position: absolute; z-index: 3; display: flex; align-items: center; justify-content: center; flex-direction: column; top: 0; height: 100%; left: calc(50% - 480px); }
.widget-banner__title { font-weight: 800; font-size: 60px; line-height: 68px; color: #fff; font-family: 'Merge'; }

.widget-item-listing { background: #62B5E5; }
.widget-item-listing .widget__title { color: #fff; }
.widget-item-listing__items { display: flex; flex-flow: row wrap; }
.widget-item-listing__item { width: 33.3333%; padding: 0 30px; display: flex; flex-direction: column; }
.widget-item-listing__item-text { margin-top: auto; padding-top: 30px; color: #fff; }

.widget-fifty-fifty .container { display: flex; flex-flow: row wrap; align-items: center; }
.widget-fifty-fifty__image { width: 50%; padding-right: 20px; }
.widget-fifty-fifty__right { width: 50%; padding-left: 40px; text-align: left; }



@media (min-width: 1366px) {
    .donateLanding .container, #HomeEvents .container, .cqcWebPart .container, #ContentSlider .container { width: 1170px; }
}

@media (max-width:1500px) {
    #ContentSlider .bx-next { right: 20px }
    #ContentSlider .bx-prev { left: 20px; }
}

@media (max-width:1200px) { /* refresh fixes */
    .homeBanner .inner { left: -100px; }
}

@media (max-width: 991px) { /* tablet */

    .homeBanner .inner { left: 0px; top: 250px; }
    /*.homeBanner svg {transform: rotate(315deg); -webkit-transform: rotate(315deg); -moz-transform: rotate(315deg);}*/
    .homeBanner .inner, .homeBanner svg, .homeBanner .splodge { height: 444px; width: 427px; }
    .homeBanner .inner .text { display: none; }

    #Footer .formContent .title { margin-bottom: 25px; margin-right: 0; display: block; }

    #ContentSlider .bx-controls-direction { display: none; }
    .contentItem { padding: 0; }
    .contentItem .info { padding-left: 40px; }
    .contentItem h2 { margin-top: 50px }

    body.panelopen { overflow: hidden !important; }
    #Site.open { z-index: -1; overflow: hidden !important; }

    #Logo { padding-top: 30px; display: block; }

    #HomepageBanners { height: 500px; }
    #HomepageBanners .bx-controls { display: none !important; }
    .bannerItem h1,
    .bannerItem h2 { font-size: 44px; line-height: 44px; }

    #HomeTitles h2 { font-size: 32px; }

    .promo.large { height: 300px; }

    #HomeEvents { padding: 100px 0 60px 0; }
    #HomeEvents .homeEvent .image { right: 10px; left: auto; display: none; }
    #HomeEvents .bx-viewport { overflow: visible !important; }

    #HomePromos .promo:first-child::before { left: -50%; }
    #HomePromos .promo:last-child::before { right: -13%; width: 70%; }

    .homePromosLower .promo:last-child::before { height: 80%; width: 80%; }

    .promo .bottom { height: 175px; }
    .promo .bottom h2 { font-size: 23px; line-height: 23px; }

    #LatestTweet #TweetRight .title { width: 70.916%; }
    #LatestTweet #TweetRight .follow { width: 29.0843%; }
    #LatestTweet #TweetRight .tweet { width: 100%; margin-right: 0; }
    #LatestTweet #TweetRight .options { width: 100%; margin-top: 12px; }

    #FooterBottom { font-size: 16px; }

    #MobileMenuHolder { text-align: right; padding-top: 48px; -webkit-transform: translateZ(0); transform: translateZ(0); -ms-transform: translateZ(0); }
    #MobileMenuHolder a { display: inline-block; }
    #MobileMenuHolder .donate { margin: 10px 8px 0 0; padding: 12px 30px; background: #e5007c; border-radius: 25px; color: #fff; }
    #MobileMenuHolder #MobileMenuButton { padding: 10px; -webkit-transform: translateZ(0); transform: translateZ(0); -ms-transform: translateZ(0); }
    #MobileMenuHolder #MobileMenuButton img { max-width: 65%; position: relative; }

    #DonateForm .donateCircle { height: 104px; line-height: 104px; font-size: 36px; }

    #EventTabs { text-align: center; }
    .dateDropDown { margin-left: 10px; }
    .dateDropDown, .eventDropdown { width: 289px; }
    #EventInner .sponsor { -webkit-transform: translateZ(0); transform: translateZ(0); -ms-transform: translateZ(0); }

    .pinnedEventImage .supEventOuter { right: 0; }
    .eventRow .supEventOuter { right: 10px; }

    #MobileNav li.hasChildren .linkHolder a { width: 90%; }
    #MobileNav li.hasChildren .linkHolder a.hasChildrenDropdown { width: 10%; }

    .checkbox label:hover { background-position: 0 0; color: #DEDEDE; }
    .checkbox.email label:hover { background-position: 0 0; color: #DEDEDE; }
    .checkbox.telephone label:hover { background-position: 0 0; color: #DEDEDE; }
    .checkbox.post label:hover { background-position: 0 0; color: #DEDEDE; }

    .checkbox input:checked { color: #62b5e5 !important; }
    .checkbox.email input:checked { color: #62b5e5 !important; }
    .checkbox.telephone input:checked { color: #62b5e5 !important; }
    .checkbox.post input:checked { color: #62b5e5 !important; }

    #Inner #MyAccount .right { min-height: 0; }
    #Inner #MyAccount .right .image { width: 100%; height: 308px; }
    #Inner #MyAccount .right .image #Total { padding: 50px 20px 15px; }
    #Inner #MyAccount .right .image #Total .top { font-size: 18px; line-height: 20px; }
    #Inner #MyAccount .right .image #Total .amount { font-size: 64px; line-height: 44px; }
    #Inner #MyAccount .right .image #Total .amount .small { font-size: 44px; }
    #Inner #MyAccount .right .image #Total .thanks { font-size: 18px; line-height: 20px; }

    #MyAccount .accountSection .button { font-size: 18px; }

    #MyAccountInner #MyAccountTop #DonateOptions .button { width: 65%; }
    #MyAccountInner #DonateCanvas { width: 288px !important; height: 288px !important; }
    #MyAccountInner #DonateCanvasOver { width: 252px; height: 252px; padding-top: 118px; font-size: 64px; line-height: 44px; top: 18px; right: 18px; }
    #MyAccountInner #DonateCanvasOver .small { font-size: 44px; }

    #MyAccountDonate .donation .circle { height: 103px; font-size: 22px; line-height: 103px; }
    #MyAccountDonate .donation .donationRight .title { font-size: 26px; line-height: 26px; }

    #Gallery .galleryPreview .button { width: 60%; }

    #JobsInner .button { width: 75%; }

    #EventsCalendar #EventTypes .button { font-size: 15px; }

    .centreStage #Footer #FooterTop #Left { font-size: 26px; }
    .centreStage #Footer #FooterTop #Right a { font-size: 21px; }

    .centreStage .homePromo .image { right: 10px; left: auto; }
    .centreStage .homePromo.grey .image { right: auto; left: 10px; }

    .centreStage #Footer #FooterTop #Right span { font-size: 14px; }

    /* Force table to not be like tables anymore */
    #CareReferralForm table.responsive, table.responsive > thead,
    #CareReferralForm table.responsive > tbody,
    #CareReferralForm table.responsive > thead > th,
    #CareReferralForm table.responsive > tbody > tr > td,
    #CareReferralForm table.responsive > thead > tr > td,
    #CareReferralForm table.responsive > tbody > tr,
    #CareReferralForm table.responsive > thead > tr { display: block; }

    /* Hide table headers (but not display: none;, for accessibility) */
    #CareReferralForm table.responsive > thead > tr { position: absolute; top: -9999px; left: -9999px; }
    /* Behave  like a "row" */
    #CareReferralForm table.responsive > tbody > tr > td { border: none; border-bottom: 1px solid #eee; position: relative; padding-left: 50% !important; }
    /* Now like a table header */
    #CareReferralForm table.responsive > tbody > tr > td:before { position: absolute; content: ''; top: 6px; left: 6px; width: 45%; padding-right: 10px; white-space: nowrap; }
    #CareReferralForm table.responsive span.visible-sm { display: inline-block !important; }
    #CareReferralForm table.checkbox > tbody > tr > td { display: block; margin: 5px 0; }
    #CareReferralForm table.checkbox td:first-child label { margin-left: 12px; }
    #CareReferralForm table.checkbox td:last-child label { margin-right: 12px; }
    #CareReferralForm .dropdownStyle.day, #CareReferralForm .dropdownStyle.month, #CareReferralForm .dropdownStyle.year,
    #CareReferralForm .dropdownStyle.day.short, #CareReferralForm .dropdownStyle.month.short, #CareReferralForm .dropdownStyle.year.short { width: 100%; }
    #CareReferralForm .button.back { margin-bottom: 20px; }

    #ShoppingBasket .checkoutDonation select,
    #ShoppingBasket .checkoutDonation input { margin-bottom: 20px; }

    .cqcWebPart .txtCol { padding-top: 30px; }
    .cqcWebPart .txtCol h2 { margin-bottom: 30px; }

    .donateLanding .donateContent .donationStories { display: block; margin-left: 15px; margin-right: 15px; }
    .donateLanding .donateContent .donationStories .storyItem { width: 80%; margin: 0 auto 25px; }

    .four-cta-area .cta { width: calc(50% - 40px); }
    .four-cta-area .cta .textBubble { height: 237px; padding-top: 0; }

    .superDrawForm .giftAidHolder { margin-left: 0px; transform: none; margin-top: 30px; }

    .sponsorImageAlone .imageText { margin-right: 0; margin-bottom: 15px; display: block; text-align: center; }

    .threeColInfoBubbles .items { margin: 0; }
    .threeColInfoBubbles .item { width: 100%; margin: 0 0 40px; }
    .threeColInfoBubbles .item .text { max-width: 300px; margin-left: auto; margin-right: auto; }

    .widget-banner .container { left: calc(50% - 370px); }
    .widget-banner__title { font-size: 50px; line-height: 58px; }

    .widget__title { font-size: 40px; line-height: 48px; }
}

@media (max-width: 767px) { /* mobile */

    #HomepageBanners { height: 475px; }
    #HeaderRepeater { background: url(/SiteImages/mobile-header.jpg); }
    .button { height: 30px; line-height: 30px; font-size: 15px; }

    .cqcWebPart .txtCol h2 { margin-bottom: 20px; }
    .cqcWebPart .txtCol .cqcBtn { height: auto; }

    #HomeEvents { height: 250px; }
    #HomeEvents .bx-controls { bottom: -10px; left: 50% }

    #MobileNav li.hasChildren .linkHolder a { width: 75%; }
    #MobileNav li.hasChildren .linkHolder a.hasChildrenDropdown { width: 25%; }
    #MobileNav li.noChildren .linkHolder a { width: 100%; }

    .contentItem .info { text-align: center; padding-left: 10px; }
    .contentItem h2 { margin-top: 20px; }
    .contentItem .button { height: auto; }

    .cqcWebPart { height: 420px; }
    .cqcWebPart .txtCol { padding: 0; text-align: center; }
    .cqcWebPart .txtCol .subHeading { margin: auto; }
    .cqcWebPart .imgCol img { max-width: unset; width: 470px; }
    .cqcImg { left: 50%; margin-top: 360px; transform: translateX(-50%); right: unset; }
    #Logo { padding-top: 20px; width: 100%; }

    #MobileMenuHolder { padding-top: 25px; }
    #MobileMenuHolder .donate { margin: 7% 0 0 0; padding: 0 10px; }
    #MobileMenuHolder #MobileMenuButton { padding: 10px 0; width: 100%; }

    #HeaderSpacer { height: 101px; }
    #HeaderHolder { height: 101px; }
    #Header { height: 95px; background: url(/SiteImages/headerBackground.png) no-repeat 50% 78%; }
    #Logo img { max-height: 50px; }

    #HomepageBanners .bannerItem h1,
    #HomepageBanners .bannerItem h2 { font-size: 27px; line-height: 30px; margin-top: 0px; }
    #HomepageBanners .bannerItem .button { margin-top: 12px; }
    #HomepageBanners .bannerItem .row { width: calc(100% + 20px); }

    #HomeTitles h2 { font-size: 28px; margin-bottom: 20px; }

    .cookie__wrapper { padding: 10px 0; }
    .cookie__wrapper .cookie__copy { font-size: unset; line-height: unset; padding-bottom: 15px; width: 90%; }
    .cookie__wrapper .cookie__header { font-size: 23px; line-height: 23px; padding-bottom: 20px; }
    .cookie__wrapper .cookie__close-button,
    .cookie__wrapper .button.findOutMore { height: 32px; line-height: 33px; width: 136px; }

    #Breadcrumb { padding-bottom: 15px; }
    #Breadcrumb a { min-height: 20px; }
    #Breadcrumb img { min-height: 20px; }

    #Footer { background: #e5007c; }
    #FooterTop { height: 275px; }
    .footer .info { padding: 0 10px; }
    .footer h3 { margin-top: 30px; font-size: 22px; line-height: 22px; }
    .footer a { font-size: 15px; }
    .footer .button { height: 30px; line-height: 30px; font-size: 15px; }

    #LatestTweet img { width: 15.307%; margin: 0 5.0883% 0 5.7689%; }
    #LatestTweet #TweetRight { width: 73.8359%; margin-top: 3%; }

    .button.contact { display: none; }

    .promo { float: left; }
    .promo .image { height: auto; }
    .promo .image img { width: 100%; }
    .promo .bottom { height: auto; }
    .promo .bottom .link { position: relative; bottom: auto; margin-top: 0px; }

    .promo.large { height: auto; }
    .promo.large .image { width: 100%; }
    .promo.large .bottom { width: 100%; height: auto; }

    #Footer { text-align: center; }
    #FooterTop { text-align: left; }
    #FooterTop .info { padding-left: 25px; }
    #FooterBottom #FooterBottomRight { padding: 0 10px; }
    #FooterBottom #FooterBottomRight .line { font-size: 14px; }
    #FooterBottomLower { margin-top: 20px; font-size: 11px; }
    #FooterBottomLower #FooterBottomLowerRight { text-align: center; }
    #LatestTweet #TweetRight .follow { width: 100%; font-size: 19px; }

    #Inner .left { padding-top: 30px; padding-bottom: 30px; }

    #DonateForm .donateCircleHolder { text-align: center; }
    #DonateForm .donateCircle { height: 75px; line-height: 75px; padding: 0; max-width: 75px; font-size: 26px; margin-bottom: 10px; }
    .checkbox.giftAid label { line-height: 20px; text-align: left; }

    .formRow { margin-bottom: 0; }
    .formCol { margin-bottom: 25px; }

    .checkbox { text-align: center; }

    .eventRow { border-bottom: 1px solid #ed8b00; }
    .eventRow .image img { max-width: 100%; }
    .eventRow .buttons .button { margin: 0; padding: 0 45px; font-size: 20px; height: 49px; font-family: lato, sans-serif; font-weight: 700; }

    .dateDropDownOuter, .eventDropDownOuter { margin-bottom: 20px; }
    .dateDropDown { margin-left: 0; }
    .dateDropDownOuter { margin-left: 0px; }
    .reloadSingle { display: none; }

    h2.pinnedTitle { display: none; }
    .pinnedEventRow .sponsorImage { display: none; }
    .pinnedEventRow { text-align: center; }
    .pinnedEventRow h2 { width: auto; }
    .eventRow .buttons, .pinnedEventRow .buttons { position: relative; margin-top: 40px; text-align: center; }
    .eventRow .buttons .button, .pinnedEventRow .buttons .button { font-size: 20px; height: 49px; line-height: 49px; padding: 0 45px; font-family: lato, sans-serif; font-weight: 700; }
    .eventRow .buttons .button.book, .pinnedEventRow .buttons .button.book { margin-left: 10px; }

    #EventInner .button { width: 100%; padding: 0; }
    #EventInner .button.book { margin: 10px 0 0 0; }

    #HomeEvents { height: auto; }
    #HomeEvents ul { height: 250px; }
    #HomeEvents .homeEvent { text-align: center; }
    #HomeEvents .homeEvent .button { height: auto; }

    #TopNav ul .subNav .image img { max-width: 100%; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; }
    .homeBanner .image img { max-width: 100%; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; }
    .footer .image img { max-width: 100%; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; }
    #HomeEvents .homeEvent .image img { max-width: 100%; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; }
    #Inner .right .image img { max-width: 100%; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; }

    #Inner #MyAccount .right { text-align: center; }
    #Inner #MyAccount .right .image { margin-top: 0; display: inline-block; position: relative; left: 0; width: 260px; height: 260px; }
    #Inner #MyAccount .right .image #Total { padding: 40px 20px 15px; }
    #MyAccount #MyAccountTop { padding-bottom: 30px; }
    #MyAccount .accountSection .button { width: 100%; margin-bottom: 4px; font-size: 15px; }

    #MyAccountInner #MyAccountTop #DonateOptions .button { width: 100%; }
    #Inner #MyAccountInner .right { text-align: center; }
    #MyAccountInner #DonateCanvasHolder { height: 288px; margin-bottom: 10px; }
    #MyAccountInner #DonateCanvasOver { right: auto; left: 18px; position: absolute; }
    #MyAccountInner #DonateCanvas { position: absolute; left: 0; }

    #MyAccountDonate .line { border: none; padding: 0; }
    #MyAccountDonate .donation { border-bottom: 1px solid #DEDEDE; }
    #MyAccountDonate .donation.first { border-right: none; }
    #MyAccountDonate .donation .circle { width: 83px; height: 83px; line-height: 83px; }
    #MyAccountDonate .donation .donationRight .title { font-size: 22px; line-height: 22px; margin-top: 10px; }
    #MyAccountDonate .donation .donationRight .date { font-size: 18px; line-height: 18px; }
    #MyAccountDonate .donation .donationRight .giftAid { font-size: 15px; line-height: 15px; }

    #LogIn .loginLeft { padding: 10px; border-right: none; }
    #LogIn .loginRight { padding: 10px; }

    #Gallery .galleryPreview { text-align: left; }
    #Gallery .galleryPreview .button { width: 100%; }

    #Jobs .jobPreview .button { width: 100%; }

    #JobsInner .button { width: 100%; }

    #Shop .basketLink { float: none; margin-top: 10px; display: block; }

    .productListing .AddToCartLink { width: 100%; float: none; }
    .productListing .name { margin-top: 20px; }

    #ShoppingBasket .basketItem .name { padding-left: 0; line-height: 22px; }
    #ShoppingBasket .units { width: 25%; }
    #ShoppingBasket .subTotal { width: 25%; }
    #ShoppingBasket .top .image { width: 40%; }

    #ShoppingBasket #Bottom .pull-right .button { margin-bottom: 5px; }

    #Inner .container h1,
    #Inner .container h2 { text-align: center; }
    #Inner .container h3 br { display: none; }

    div.link { position: relative; bottom: auto; margin-top: 15px; }
    div.link a.grey { height: 30px; line-height: 30px; font-size: 16px; padding: 0 15px; background: #EBEBEB !important; color: #4C4C4C; border-radius: 6px; font-family: lato, sans-serif; font-weight: 400; display: inline-block; text-align: center; }
    div.link a.grey:hover { background: #ccc !important; }
    #EventsCalendar #NextMonth { float: none; width: 240px; display: block; margin: 20px auto 0px; }
    #EventTabs .bx-wrapper { max-width: 111px !important; }
    #EventTabs .bx-wrapper .bx-viewport { width: 111px !important; }
    #EventsCalendar .bx-wrapper .bx-next { right: -90px; }
    #EventsCalendar .bx-wrapper .bx-prev { left: -90px; }
    #EventBookingForm .eventInfo h2 { text-align: left !important; }

    #EventsCalendar #EventTabs { padding-bottom: 35px; }

    .centreStage #Footer { background: #EA0E4F; }

    .centreStage .homePromo { text-align: center; min-height: 0; }
    .centreStage .homePromo .info { padding-top: 24px !important; }

    #SubPageList h3 { text-align: center; }

    .ForumGroup td.Posts,
    .ForumGroup td.LastPost,
    .ForumFlat .Table .ForumContent td.Author,
    .ForumFlat .Table .ForumContent td.Posts,
    .ForumFlat .Table .ForumContent td.Views,
    .ForumFlat .Table .ForumContent td.LastPost,
    .ForumFlat .Table .ForumContent td.ThreadImageDefault,
    .ForumFlat .postprofile,
    .ForumFlat .Table .ForumContent td.ThreadName { display: none; }
    .ForumFlat .Table .LastPost { font-size: 12px; }
    .ForumFlat .postbody { width: 100%; }
    .ForumFlat p.author { margin: 0 }
    .Forum .actionButton { margin-bottom: 10px; }
    .ForumGroup .ForumName .ActionLink { font-size: 20px; line-height: 20px; }
    .ForumFlat .Table .ForumContent td.ThreadInfo { padding-left: 5px; }
    .ForumFlat .Table .ForumContent td.ThreadInfo p.author { display: block; margin: 10px 0px; }
    .ForumFlat .Table .ForumContent td.ThreadInfo a.ThreadName { display: block; margin: 10px 0px; }

    .share_button_container { text-align: center; }
    .share_button_container .fb_share_button,
    .share_button_container .twitter_share_button,
    .share_button_container .jg_share_button { width: auto; }

    .EditingFormTable { width: 100%; padding-bottom: 58px; position: relative; display: block; }
    .EditingFormTable tr { float: none; width: 100%; padding: 0; display: block; }
    .EditingFormTable tr td { display: block; width: 100%; }
    .EditingFormTable tr td.EditingFormValueCell { margin-bottom: 25px; }
    .EditingFormTable input[type=submit] { position: relative; left: 0; width: 100%; }

    .businessMember { height: auto; }
    .businessMember .logo { height: auto; margin-bottom: 20px; }
    .businessMember img { position: static; transform: none; -webkit-transform: none; -moz-transform: none; }

    .businessMemberOuter.inner .backLink { margin-top: 20px; text-align: center; }
    .businessMemberOuter.inner .businessMember .button { width: auto; height: 44px; line-height: 44px; }

    #OurShops { background-color: #efebe7 }
    #OurShops #GoogleMap { height: 400px; }
    #OurShops #GoogleMap .infoWindow { width: 100%; max-width: 300px; }
    #OurShops #GoogleMap .infoWindow .image { display: none }
    #OurShops #GoogleMap .infoWindow .info { width: 100%; font-size: 16px; line-height: 20px; }
    #OurShops #GoogleMap .infoWindow .info { padding: 20px 0; }
    #OurShops #GoogleMap .infoWindow .info .title { font-size: 22px; text-align: center }
    #OurShops #GoogleMap #MapClose, #OurShops #GoogleMap #MapClose svg { width: 16px !important; height: 16px !important; top: 15px !important; right: 15px !important; }
    #OurShops #GoogleMap .infoWindow .info .button { display: inline-block }
    #OurShops .map .arrowTop { display: none }

    .donateLanding .banner .bannerContent { width: 100%; padding: 0 15px; }
    .donateLanding .donateContent .donationStories .storyItem { width: 100%; }
    .donateLanding .banner .buttonArea a { width: 220px; display: block; margin: auto; }
    .donateLanding .banner .buttonArea a:nth-child(2) { margin-left: auto; margin-top: 5px; }

    .lotteryBanner .title { font-size: 60px; }

    .four-cta-area .cta { width: calc(100% - 40px); }

    .widget { text-align: left; padding: 50px 0; }
    .widget-banner { padding: 0; }
    .widget__title { font-size: 28px; line-height: 34px; }
    .widget .container { padding-left: 20px; padding-right: 20px; }
    .widget-banner .container { left: 0; align-items: flex-start; }
    .widget-banner__title { font-size: 36px; line-height: 42px; }

    .widget-item-listing__item { width: 100%; padding: 0; flex-direction: row; margin-bottom: 30px; }
    .widget-item-listing__item:last-child { margin-bottom: 0; }
    .widget-item-listing__item-icon { width: 70px; margin-right: 30px; padding-top: 8px; }
    .widget-item-listing__item-text { flex: 1; padding-top: 0; }

    .widget-fifty-fifty__image { width: 100%; padding-right: 0; margin-left: -20px; margin-right: -20px; }
    .widget-fifty-fifty__image img { max-width: calc(100% + 40px); }
    .widget-fifty-fifty__right { width: 100%; padding-left: 0; padding-top: 30px; }
}

@media (max-width: 600px) {
    .homeBanner .inner { left: -100px; }
}

@media (max-width:500px) {
    .homeBanner .inner { left: -125px; }
    .pinnedEventRow .buttons .button { padding: 0 50px; }
    .pinnedEventRow .buttons .button.book { margin-left: 0; }

    .cqcWebPart .imgCol img { width: 331px; }
    .cqcImg { margin-top: 450px; }
}

@media (max-width:480px) {
    #Footer .formContent .email .input input { width: 217px; }
    #Footer .formContent .btn input { width: 90px; }
}