/* BROWSER SCROLL BAR */ ::-webkit-scrollbar {width:10px;} ::-webkit-scrollbar-track {background: #081018;} ::-webkit-scrollbar-thumb {background: #fcae18;} ::-webkit-scrollbar-thumb:hover {background: #a6cf46;} /* BASIC FORM STYLES */ input {font-size:1em; font-family:DefaultMedium; padding:16px; border-radius:30px; -o-transition: 1s; -moz-transition: 1s; -khtml-transition: 1s; -webkit-transition: 1s; -ms-transition: 1s; transition: 1s; cursor:pointer;} select {font-size:1em; font-family:DefaultMedium; padding:16px; border-radius:30px; -o-transition: 1s; -moz-transition: 1s; -khtml-transition: 1s; -webkit-transition: 1s; -ms-transition: 1s; transition: 1s; cursor:pointer;} textarea {font-size:1em; font-family:DefaultMedium; padding:16px; border-radius:30px; -o-transition: 1s; -moz-transition: 1s; -khtml-transition: 1s; -webkit-transition: 1s; -ms-transition: 1s; transition: 1s; cursor:pointer;} input[type=checkbox] {width:20px !important; height:20px !important; padding:0px; } input[type=checkbox]:checked {background-repeat:no-repeat; background-size:100%; background-position:center center;} input[type=radio] {width:20px !important; height:20px !important; border-radius:50px; padding:0px;} input[type=radio]:checked {background: #fcae18;} .SubmitButton {font-family:DefaultMedium; text-align:center; -o-transition: 1s; -moz-transition: 1s; -khtml-transition: 1s; -webkit-transition: 1s; -ms-transition: 1s; transition: 1s; cursor:pointer; text-transform:uppercase;} body {background-color:#000000; font-family:DefaultMedium,helvetica; font-size:100%; overflow-x: hidden;} #CompleteContainer {width:100%; max-width:2000px; margin:auto; overflow:clip;} .CompleteContainerScroll {background-color:#ffffff; transition: background-color 1s ease;} h1 { padding:0 0 10px 0; font-size:3.20em; font-weight:normal; font-family:DefaultTitle; letter-spacing:-2px;} h2 { padding:0 0 10px 0; font-size:2.20em; font-weight:normal; font-family:DefaultTitle; letter-spacing:-1px;} h3 { padding:0 0 10px 0; font-size:1.40em; font-weight:normal; font-family:DefaultBold;} h4 { padding:0 0 10px 0; font-size:1.20em; font-weight:normal; font-family:DefaultBold;} p { padding:0px 0px 10px 0px; font-size:1em; line-height:1.60em;} a { text-decoration:none;} a:hover { text-decoration:none; } ol { margin:0 0 15px 25px; } ul { margin:0 0 15px 25px; } li { font-size:1em; margin-bottom:8px; line-height:1.60em;} bull {font-size:1.35em; line-height:30px; background-image:url('../../images/bigtick.png'); background-repeat:no-repeat; background-size:40px; background-position:top left; padding-left:55px; color:#222222; font-family:DefaultBold; margin-bottom:40px; padding-top:3px; padding-bottom:7px; float:left; display:inline-block;} .textcolourbrand {color:#fcae18;} .textcolourbrandalt {color:#a6cf46;} .textcolourgreen {color:#a6cf46;} .textcolourblue {color:#026ed3;} .textcolourred {color:#d30210;} .textcolouryellow {color:#fcae18;} .textcolourorange {color:#ff9900;} .textcolourblack {color:#000000;} .textcolourwhite {color:#ffffff;} .textcolourpink {color:#fd60da;} .textcolourgrey {color:#555555;} .textcolourpurple {color:#7513fb;} ::selection {color:#ffffff; background-color:#fcae18;} ::-moz-selection {color:#ffffff; background-color:#fcae18;} /* POP UP */ #SubscribeOverlayOuter {width:100%; height:100%; position:fixed; left:0; top:0; z-index:999999999999999999999999999999999999999999; background-color: rgba(0, 0, 0, 0.8);} #SubscribeOverlay {width:60%; background-color:#222222; position:fixed; border-radius:30px; padding:30px 50px 50px 50px; right:0; left:0; margin-right:auto; margin-left:auto; top:30vh; z-index:99999999999999999999999999999999999999999; } .close {position:absolute; top:10px; right:10px;} #SubscribeOverlay h1 {color:#ffffff; text-align:center; } #SubscribeOverlay h2 {color:#ffffff; text-align:center; } #SubscribeOverlay h3 {color:#ffffff; text-align:center; } #SubscribeOverlay p {color:#ffffff; text-align:center; } #SubscribeOverlay a {color:#f61d07; } #SubscribeOverlay a:hover {color:#ffffff; } /* HEADER TOP STYLES */ .TopHeadOuter {width:100%; height:auto; position: relative; float:left; background-color:#fcae18; --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1); --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow); position:-webkit-sticky; position:sticky; top:0px; z-index:99;} header.TopHeadInner { max-width:1300px; padding:10px 30px 10px 30px; height:45px; margin:0 auto; position:relative; } header.TopHeadInner #HeadSocial {width:25%; max-width:200px; float:right; } header.TopHeadInner #HeadSocial .SocialIcon {float:right; width:25px; margin:0 0 0 10px; } header.TopHeadInner #HeadSocial .SocialIcon img {width:25px; } header.TopHeadInner #HeadSocial .SocialIcon svg {width:100%; height:auto; padding:0; float:left; display:block; position:relative;} header.TopHeadInner #HeadSocial .SocialIcon svg path {fill:#d63582 !important;} header.TopHeadInner #HeadSocial .SocialIcon svg:hover path {fill:#15132c !important;} .TopRowPhone {margin:0 auto 0 auto; float:left; width:30%; max-width:220px;} .TopIcon {float:left; width:20%; max-width:25px;} .TopIcon img {width:20px;} .TopIcon svg {width:100%; height:auto; padding:0; float:left; display:block; position:relative;} .TopIcon svg path {fill:#d63582 !important;} .TopIcon svg:hover path {fill:#d63582 !important;} .TopText {float:left; width:80%; padding-left:10px;} .TopText p {font-size:0.95em !important; margin-bottom:0px !important; padding-bottom:0px !important; line-height:25px !important; color:#114268;} .TopText a {color:#15132c;} .TopText a:hover {color:#d63582;} .TopRowEmail {margin:0 auto 0 auto; float:left; width:30%; } .TopIconEmail {float:left; width:20%; max-width:25px;} .TopIconEmail img {width:20px;} .TopIconEmail svg {width:100%; height:auto; padding:0; float:left; display:block; position:relative;} .TopIconEmail svg path {fill:#d63582 !important;} .TopIconEmail svg:hover path {fill:#d63582 !important;} .TopTextEmail {float:left; width:80%; padding-left:10px;} .TopTextEmail p {font-size:0.95em !important; margin-bottom:0px !important; padding-bottom:0px !important; line-height:25px !important; color:#114268;} .TopTextEmail a {color:#15132c;} .TopTextEmail a:hover {color:#d63582;} /* ALERT STYLES */ #SiteAlert {float:left; width:100%; padding:10px 100px; background-color:#fcae18;} #SiteAlert p {color:#ffffff; text-align:center; font-size:1.20em; padding:0; margin:0;} /* HEADER STYLES */ .HeadOuter {width:100%; height:auto;} .HeadCollapsefalse {position: relative; float:left; background: #15132C; background: linear-gradient(180deg,rgba(21, 19, 44, 1) 0%, rgba(38, 35, 100, 1) 100%);} .HeadCollapsetrue {position:absolute; left:0; top:0; z-index:7;} .HeadCollapsetrue .HeadOuterStretch {background: rgba(255, 255, 255, 0.9); margin:0 auto; position:relative; width:100%; max-width:2000px;} header.HeadInner { max-width:1300px; padding:50px 30px 20px 30px; margin:0 auto; position:relative; } #HeadLeft {float:left; width:30%; position:relative;} #Logo {width:100%; max-width:360px; height:auto; float:left; border:none;} #HeadRight {float:right; width:70%; position:relative;} nav#MainNavigation {width:100%; height:30px; float:right; clear:both;} #MegaMenuIcon {display:none; } .Down {position:absolute; top:-36px; left:0; right:0; margin-left:auto; margin-right:auto; z-index:1; width:60px; height:60px; background-color:#fcae18; border-radius:100%; background-image:url('../../images/downwhite.png'); background-repeat:no-repeat; background-size:50px; background-position:center center; -o-transition: 1s; -moz-transition: 1s; -khtml-transition: 1s; -webkit-transition: 1s; -ms-transition: 1s; transition: 1s;} .Down:hover {background-color:#a6cf46;} .Stars1 {background-image:url('/saltdigital/stars.png'); background-repeat:no-repeat; background-size:2400px; background-position:top -240px center;} /* HEADER STYLES */ .HomeHeadOuter {width:100%; float:left; background: #262364; background: linear-gradient(180deg,rgba(38, 35, 100, 1) 0%, rgba(113, 44, 145, 1) 100%);} .Stars2 { background-image: url('/saltdigital/stars.png'); background-repeat: no-repeat; background-size: 2400px; background-position: bottom center; padding: 10px 30px 50px 30px; } #HomeHeadHolder {max-width:1300px;margin:auto; position:relative; margin-top:60px; height:200px;} #SpaceMan {position:absolute; right:90px; top:-130px; width:40%; max-width:600px; z-index:999;} #Text {position:absolute; left:30px; top:0px; width:50%; max-width:600px; z-index:200;} #Text h1 {font-family:DefaultTitle; font-size:4.80em !important; color:#fcae18;} #Planet1 {position:absolute; left:500px; top:100px; width:160px; z-index:188;} #Planet2 {position:absolute; right:0px; bottom:-160px; width:200px; z-index:188;} #Comet {position:absolute; left:450px; top:-50px; width:50px; z-index:188;} /* SLIDER / BANNER */ #SliderOuter {float:left; width:100%; position:relative; background-color:#712e8f;} .SliderWaveTop {width:100%; position:absolute; top:-3px; z-index:90; height:100px; background-image:url('/saltdigital/topWaveSlider3.png'); background-repeat:no-repeat; background-size:2400px; background-position:top center; } .SliderWaveTop1 {width:100%; position:absolute; top:-3px; z-index:90; height:100px; background-image:url('/saltdigital/topWaveSlider.png') !important; background-repeat:no-repeat; background-size:2400px; background-position:top center; } .HomeSlide {width:100%; float:left; position:relative; overflow:hidden; display:block; } .VideoBannerOuter {width:100%; float:left; position:relative; background-size:cover; background-position:center center; overflow:hidden; } .VideoBanner {width:100%; float:left; display:block; position:relative; background-size:cover; background-position:center center; overflow:hidden; object-fit: cover;} .MobileBanner {width:100%; float:left; display:none; position:relative; background-size:cover; background-position:center center; overflow:hidden; } .HomeBanner {width:100%; float:left; display:block; position:relative; background-size:cover; background-position:center center; overflow:hidden; } .SliderFade {background: rgb(0,0,0); background: linear-gradient(0deg, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0) 46%); width:100%; position:absolute; top:0; left:0; z-index:2; height:100%;} .HomeBannerTextOuter { width:100%; position:absolute; top:0; left:0; z-index:4; height:100%;} .HomeBannerTextInner { width:100%;margin:auto; height:100%; position:relative;} .HomeBannerTextInnerWide { max-width:1300px; } .HomeBannerTextInnerMedium { max-width:1100px; } .HomeBannerTextInnerCompact { max-width:900px; } .HomeBannerText {position: absolute; bottom:60px; left:0; padding-left:30px; z-index:6; width:100%; padding-right:30px;} .HomeBannerText h1 {color:#ffffff; font-size:3em; } .HomeBannerText h2 {color:#ffffff; font-size:2em; } .HomeBannerBTN {background-color:#fcae18; color:#ffffff; border-radius:30px; width:300px; text-align:center; line-height:40px; -o-transition: 1s; -moz-transition: 1s; -khtml-transition: 1s; -webkit-transition: 1s; -ms-transition: 1s; transition: 1s; } .HomeBannerBTN:hover {background-color:#a6cf46;} .SliderTextleft {text-align:left; max-width:900px; } .SliderTextcenter {text-align:center;} .SliderBTNleft {margin:30px 0; float:left; } .SliderBTNcenter {margin:30px auto; } #ArrowShow {float:left; width:100%; height:0px; position:relative;} section.responsiveHead .slick-prev {right: auto; left: 30px !important; bottom: 100px; width: 50px; height: 50px; background-image:url('../../images/prevwhite.png'); } section.responsiveHead .slick-next {right: 30px !important; left: auto; bottom: 100px; width: 50px; height: 50px; background-image:url('../../images/nextwhite.png');} section.responsiveHead .slick-dots {bottom: 50px !important;} section.responsiveHead .slick-prev {background-color:#a6cf46; } section.responsiveHead .slick-next {background-color:#a6cf46; } section.responsiveHead .slick-prev:hover, section.responsiveHead .slick-prev:focus {background-color:#222222; } section.responsiveHead .slick-next:hover, section.responsiveHead .slick-next:focus {background-color:#222222; } section.responsiveHead .slick-dots li button {background-color:#f2f2f2;} section.responsiveHead .slick-dots li button:hover, section.responsiveHead .slick-dots li button:focus {background-color:#fcae18;} section.responsiveHead .slick-dots li button:hover:before, section.responsiveHead .slick-dots li button:focus:before {background-color:#fcae18;} section.responsiveHead .slick-dots li.slick-active button:before {background-color:#fcae18;} .SliderHeight50 {height:50vh !important; overflow:hidden; } .SliderHeight60 {height:60vh !important; overflow:hidden; } .SliderHeight70 {height:70vh !important; overflow:hidden; } .SliderHeight80 {height:80vh !important; overflow:hidden; } .SliderHeight90 {height:90vh !important; overflow:hidden; } .SliderHeight100 {height:100vh !important; overflow:hidden; } .SliderHeight300 {height:300px !important; overflow:hidden;} .SliderHeight350 {height:350px !important; overflow:hidden;} .SliderHeight400 {height:400px !important; overflow:hidden;} .SliderHeight450 {height:450px !important; overflow:hidden;} .SliderHeight500 {height:500px !important; overflow:hidden;} .SliderHeight550 {height:550px !important; overflow:hidden;} .SliderHeight600 {height:600px !important; overflow:hidden;} .SliderHeight650 {height:650px !important; overflow:hidden;} .SliderHeight700 {height:700px !important; overflow:hidden;} .SliderHeight750 {height:750px !important; overflow:hidden;} .SliderHeight800 {height:800px !important; overflow:hidden;} .SliderHeight850 {height:850px !important; overflow:hidden;} .SliderHeight890 {height:900px !important; overflow:hidden;} /* MOBILE SLIDE OUT MENU */ .sidenav {height:100%; width: 0; display:none; position: fixed; z-index:9999999999999999999999999999999999999; top: 0; right: 0; background-color:#15132c; overflow-x: hidden; padding:60px 40px; transition: 0.5s; } .sidenav .closebtn {position:absolute; top:0; right: 25px; font-size:36px; color:#ffffff;} .sidenav .accordion {padding:0 !important; margin:0 !important; background-color:none !important; position:relative; float:left; width:100%; cursor:pointer;} .Plus {position:absolute; top:12px; right:0;} .sidenav .accordion.active {background-color:none; } .sidenav .panel {display:none;} .sidenav .panel.show {display:block; padding:0px; width:100%;} #SuperMenuCenter{width:100%; max-width:500px; margin:auto;} #NavLogo {width:100%; max-width:250px; height:auto; float:left; border:none; margin-bottom:23px;} .sidenav .NavLink {color:#ffffff; width:100%; float:left; padding:15px 0 0 0; margin-top:15px; font-family:DefaultBold; font-size:1.30em; border-top:1px solid #fcae18; position:relative;position:relative;} .sidenav .NavLink:hover {color:#fcae18;} .sidenav .SubNavLink {color:#ffffff; width:100%; float:left; padding:7px 0 7px 40px; font-family:DefaultBold; font-size:1.10em;} .sidenav .SubNavLink:hover {color:#fcae18;} .sidenav .Sub2NavLink {color:#ffffff; width:100%; float:left; padding:7px 0 7px 50px; font-family:DefaultBold; font-size:0.90em;} .sidenav .Sub2NavLink:hover {color:#fcae18;} #MenuSocial {width:100%; margin:15px 0 0 0; float:left; border-top:1px solid #fcae18; padding:30px 0;} #MenuSocial .SocialIcon {float:left; width:35px; margin:0 10px 0 0; } #MenuSocial .SocialIcon img {width:35px;} #MenuSocial .SocialIcon svg {width:100%; height:auto; padding:0; float:left; display:block; position:relative;} #MenuSocial .SocialIcon svg path {fill:#fcae18 !important;} #MenuSocial .SocialIcon svg:hover path {fill:#ffffff !important;} /* STANDARD DROP DOWN MENU */ ul.dropdown, ul.dropdown li, ul.dropdown ul {list-style: none; margin: 0; padding: 0;} ul.dropdown { /*position: relative;*/ z-index: 297; float: left;} ul.dropdown li { float: left; vertical-align: middle; zoom: 1; color: #FFFFFF; } ul.dropdown li.hover, ul.dropdown li:hover { position: relative; z-index: 599; cursor: default;} ul.dropdown ul { visibility: hidden; position: absolute; left: 0; z-index: 598; width: 100%;} ul.dropdown ul li { float: none;} ul.dropdown ul ul { top: 1px; left: 99%;} ul.dropdown li:hover > ul { visibility: visible;} ul.dropdown li.rtl ul { top: 100%; right: 0; left: auto;} ul.dropdown li.rtl ul ul {top: 1px; right: 99%; left: auto; } ul.dropdown {margin:0px; padding:0px; float:right; position:relative; width:100%;} ul.dropdown li {margin:0px 0px 0px 0px; float:right; position:relative;} .dropmenu {position:absolute; top:30px; left:30px;} #dropnav .dir li {position:relative; width:200px; display:block; border-radius:30px;} #dropnav .dir li:hover {display:block;} a.btn {display:block; font-size:1em; color:#ffffff; float:left; margin:0 0 0 25px; text-align:center; line-height:30px; } a.btn:hover {display:block; color:#ffffff; border-bottom:5px solid #fcae18; } a.btnActive {display:block; font-size:1em; color:#ffffff; float:left; margin:0 0 0 25px; text-align:center; border-bottom:5px solid #fcae18; line-height:30px;} a.btnActive:hover {display:block; color:#ffffff; border-bottom:5px solid #fcae18;} a.btn2 {display:block; font-size:1em; color:#ffffff; padding:8px; background-color:#222222; -o-transition: 1s; -moz-transition: 1s; -khtml-transition: 1s; -webkit-transition: 1s; -ms-transition: 1s; transition: 1s;} a.btn2:hover {display:block; color:#ffffff; background-color:#fcae18;} .page132 {background-color:#fcae18; border-bottom:0px solid #fcae18 !important; color:#15132c !important; padding:0 30px; border-radius:40px; line-height:40px; -o-transition: 1s; -moz-transition: 1s; -khtml-transition: 1s; -webkit-transition: 1s; -ms-transition: 1s; transition: 1s;} .page132:hover {background-color:#a6cf46; } /* CTA STYLES */ .FootCTAOuter {width:100%; height:auto; position: relative; float:left; background-color:#712c91;} footer.FootCTAInner { max-width:800px; padding:20px 30px 80px 30px; margin:0 auto; position:relative; } footer.FootCTAInner h2 {color:#fcae18; } footer.FootCTAInner h3 {color:#fcae18; } footer.FootCTAInner p {color:#ffffff; } footer.FootCTAInner a {color:#ffffff; } footer.FootCTAInner big {color:#fffffff; font-size:1.60em;} /* FOOTER STYLES */ .FootOuter {width:100%; height:auto; position: relative; float:left; background-color:#15132c;} footer.FootInner {max-width:1300px; padding:50px 30px; margin:0 auto; position:relative; } footer.FootInner h1 {color:#ffffff;} footer.FootInner h2 {color:#ffffff;} footer.FootInner h3 {color:#712c91; font-family:DefaultTitle; margin-bottom:10px;} footer.FootInner h4 {color:#ffffff;} footer.FootInner p {color:#ffffff; } footer.FootInner a { color:#ffffff;} footer.FootInner a:hover { color:#fcae18; } #FootContact {width:23%; float:left; margin-bottom:30px; position:relative; padding-right:30px; } .FootRow {width:100%; float:left; margin-bottom:10px;} .FootRowIcon {float:left; width:20%; max-width:20px;} .FootRowIcon img {width:20px;} .FootRowIcon svg {width:100%; height:auto; padding:0; float:left; display:block; position:relative;} .FootRowIcon svg path {fill:#fcae18 !important;} .FootRowIcon svg:hover path {fill:#ffffff !important;} .FootRowText {float:left; width:80%; padding-left:20px;} .FootRowText p {font-size:0.80em !important; margin-bottom:0px !important; line-height:18px !important;} #FootOpening {width:23%; float:left; margin-bottom:30px; position:relative; padding-right:30px;} .FootRowOpening {width:100%; float:left; margin-bottom:0px; } .FootRowDay {float:left; width:30%;} .FootRowDay p {font-size:0.80em !important; margin-bottom:0px !important; line-height:12px !important; color:#fcae18 !important;} .FootRowTime {float:left; width:70%; padding-left:20px; } .FootRowTime p {font-size:0.80em !important; margin-bottom:0px !important; line-height:12px !important;} #FootSocial {width:18%; float:left; margin-bottom:30px; position:relative; padding-right:30px;} #FootSocial .SocialIcon {float:left; width:35px; margin:0 10px 0 0; } #FootSocial .SocialIcon img {width:35px;} #FootSocial .SocialIcon svg {width:100%; height:auto; padding:0; float:left; display:block; position:relative;} #FootSocial .SocialIcon svg path {fill:#fcae18 !important;} #FootSocial .SocialIcon svg:hover path {fill:#ffffff !important;} #FootNavigation {width:36%; float:left; margin-bottom:30px; position:relative;} .FootLinks {margin:0 1% 5px 0; line-height:30px; width:49%; float:left; border-bottom:1px solid rgba(255, 255, 255, 0.2); font-size:0.85em;} #FootSmall {width:100%; float:left; margin-bottom:30px; position:relative; border-bottom:1px solid rgba(255, 255, 255, 0.2); padding-top:30px;} #FootSmall p {text-align:center; font-size:0.85em;} .Salt {float:left; text-align:right; color:rgba(255, 255, 255, 0.5); font-size:0.75em; width:100%;} .Salt a { color:rgba(255, 255, 255, 0.5) !important; } .Salt a:hover { color:#ffffff !important; } #WhatsInAMess {background-color:#4aba32; position:fixed; z-index:999999; font-size:0.85em; right:0; bottom:100px; width:170px; border-top-left-radius:25px; border-bottom-left-radius:25px; padding:10px 20px; color:#ffffff; text-align:right;} #WhatsInAMess img {float:left; width:30px; margin-right:15px; margin-top:8px;} .Online {background-color:#038c33; border-radius:4px; float:right; color:#ffffff; padding:2px 14px; display:inline; margin-top:3px;} /* PAGE TOP STYLES */ .TopOuter {width:100%; height:auto; position: relative; float:left; } .TopInner {width:100%; padding:10px 30px 10px 30px; margin:0 auto; position:relative; } .TopInnerWide {max-width:1300px; } .TopInnerMedium {max-width:1100px; } .TopInnerCompact {max-width:900px; } .Breadcrumbs {float:left; margin:0; width:100%; } .Breadcrumbs p {font-size:0.75em; text-align:right;} /* MAIN BODY & SIDE BAR STYLES */ .PageOuter {width:100%; height:auto; position: relative; float:left;} .PageInner {max-width:1300px; padding:0 0 0 0; margin:0 auto; position:relative; } #MainLeft {float:left; width:70%; } #MainRight {float:right; width:30%; padding:0 30px 40px 30px; position:-webkit-sticky; position:sticky; top:30px;} .SideBarDefault {float:left; width:100%; padding:0; border-radius:30px;} .SideBarDefault .ItemBG {background-color:#f7f7f7;} .SideBarAlternate {float:left; width:100%; background-color:#f7f7f7; padding:30px; border-radius:30px;} .SideBarAlternate .ItemBG {background-color:#ffffff;} .SideBarBrand {float:left; width:100%; background-color:#fcae18; padding:30px; border-radius:30px;} .SideBarBrand .ItemBG {background-color:#ffffff;} .SideBarBrandAlt {float:left; width:100%; background-color:#a6cf46; padding:30px; border-radius:30px;} .SideBarBrandAlt .ItemBG {background-color:#ffffff;} .SideImage {width:100%; float:left; overflow:hidden; border-radius:30px;} .PageImageBG {background-position:center center; background-size:cover; background-repeat:no-repeat; width:100%; float:left; } .PageImageFoot {background-color:#ffffff; width:100%; float:left; padding:15px 15px 5px 15px;} .PageImageFoot p {font-size:0.80em; line-height:20px;} /* RIGHT SIDE SUB MENU STYLES */ #SubMenu {width:100%; float:left; margin-bottom:20px;} .SubLink2 {float:left; width:100%; margin:0 0 2px 0; border-bottom:1px solid #fcae18; padding:10px; color:#333333;} .SubLink2 {color:#222222;} .SubLink2:hover {color:#fcae18 !important;} .SubLink3 {float:left; width:100%; margin:0 0 2px 0; border-bottom:1px solid #fcae18; padding:10px 10px 10px 30px; color:#333333;} .SubLink3 {color:#222222;} .SubLink3:hover {color:#fcae18 !important;} /* SECTIONS */ section.SectionOuter {width:100%; height:auto; position: relative; float:left;} section.SectionInner {width:100%; margin:0 auto; position:relative; } .SectionInnerWide {max-width:1300px; } .SectionInnerMedium {max-width:1100px; } .SectionInnerCompact {max-width:900px; } /* DARK */ .WaveDark {width:100%; height:92px; position:absolute; top:-91px; left:0; right:0; margin:auto; background-image:url('../../images/topWaveDefault.png'); background-position:bottom center; background-size:2400px; background-repeat:no-repeat;} .color-Dark {background-color: #15132c;} .StaticColourDark {background-color: #15132c;} .PanelColourDark h1 {color:#fcae18;} .PanelColourDark h2 {color:#a6cf46;} .PanelColourDark h3 {color:#a6cf46;} .PanelColourDark h4 {color:#a6cf46;} .PanelColourDark p {color:#ffffff;} .PanelColourDark li {color:#ffffff;} .PanelColourDark a { color:#ffffff;} .PanelColourDark a:hover { color:#a6cf46;} .SectionOuterStyleDark .PanelInnerOutline {border:1px solid #ffffff;} /* Dark - ITEMS: CHILD PAGES, FAQS, TESTIMONIALS, DOWNLOADS, LISTINGS */ .PanelColourDark .ItemBG {background-color:#f7f7f7;} .PanelColourDark .ItemHoverBG {background-color:#f7f7f7; -o-transition: 1s; -moz-transition: 1s; -khtml-transition: 1s; -webkit-transition: 1s; -ms-transition: 1s; transition: 1s;} .PanelColourDark article:hover .ItemHoverBG {background-color:#f2f2f2;} .PanelColourDark .Item h1 {color:#222222;} .PanelColourDark .Item h2 {color:#222222;} .PanelColourDark .Item h3 {color:#222222;} .PanelColourDark .Item h4 {color:#222222;} .PanelColourDark .Item p {color:#222222;} .PanelColourDark .Item li {color:#222222;} .PanelColourDark .Item a { color:#a6cf46;} .PanelColourDark .Item a:hover { color:#222222;} /* Dark - ALT ITEMS: INFOGRAPHICS */ .PanelColourDark .ItemAltBG {background-color:#fcae18;} .PanelColourDark .ItemAltHoverBG {background-color:#fcae18; -o-transition: 1s; -moz-transition: 1s; -khtml-transition: 1s; -webkit-transition: 1s; -ms-transition: 1s; transition: 1s;} .PanelColourDark article:hover .ItemAltHoverBG {background-color:#222222;} .PanelColourDark .ItemAlt h1 {color:#ffffff;} .PanelColourDark .ItemAlt h2 {color:#ffffff;} .PanelColourDark .ItemAlt h3 {color:#ffffff;} .PanelColourDark .ItemAlt h4 {color:#ffffff;} .PanelColourDark .ItemAlt p {color:#ffffff;} .PanelColourDark .ItemAlt li {color:#ffffff;} /* Dark - BUTTONS */ .PanelColourDark .SectionCTABTN {background-color:#fcae18; color:#ffffff; text-align:center; border-radius:30px; margin-top:20px; line-height:50px; padding:0 40px; -o-transition: 1s; -moz-transition: 1s; -khtml-transition: 1s; -webkit-transition: 1s; -ms-transition: 1s; transition: 1s;} .PanelColourDark .SectionCTABTN:hover {background-color:#a6cf46; color:#ffffff; } /* Dark - SLIDER ARROWS */ .PanelColourDark .slick-prev {background-color:#fcae18; bottom: 48%; width: 50px; height: 50px; background-image:url('../../images/prevwhite.png'); } .PanelColourDark .slick-next {background-color:#fcae18; bottom: 48%; width: 50px; height: 50px; background-image:url('../../images/nextwhite.png');} .PanelColourDark .slick-prev:hover, .PanelColourDark .slick-prev:focus {background-color:#a6cf46; } .PanelColourDark .slick-next:hover, .PanelColourDark .slick-next:focus {background-color:#a6cf46; } .PanelColourDark .slick-dots li button {background-color:#f7f7f7;} .PanelColourDark .slick-dots li button:hover, .PanelColourDark .slick-dots li button:focus {background-color:#fcae18;} .PanelColourDark .slick-dots li button:hover:before, .PanelColourDark .slick-dots li button:focus:before {background-color:#fcae18;} .PanelColourDark .slick-dots li.slick-active button:before {background-color:#fcae18;} /* Dark - FAQS */ .PanelColourDark section#FAQListing .accordion .FAQAW {background-color:#fcae18; background-image:url('../../images/nextwhite.png'); } .PanelColourDark section#FAQListing .accordion:hover .FAQAW {background-color:#a6cf46;} .PanelColourDark section#FAQListing .accordion.active {background-color:#a6cf46; } .PanelColourDark section#FAQListing .accordion.active .FAQAW {background-color:#a6cf46;} /* Dark - FORM STYLES */ .PanelColourDark input {color:#222222; background-color:#f7f7f7; border: 1px solid #f7f7f7;} .PanelColourDark select {color:#222222; background-color:#f7f7f7; border: 1px solid #f7f7f7;} .PanelColourDark textarea {color:#222222; background-color:#f7f7f7; border:1px solid #f7f7f7;} .PanelColourDark input[type=checkbox] {background-color:#f7f7f7; border:1px solid #f7f7f7;} .PanelColourDark input[type=checkbox]:checked {background: #fcae18; border:1px solid #fcae18; background-image:url('../../images/tick.png'); } .PanelColourDark input[type=radio] {background-color:#f7f7f7; border:1px solid #f7f7f7;} .PanelColourDark input[type=radio]:checked {background: #fcae18; border:1px solid #fcae18;} .PanelColourDark input:focus {background:#ffffff; border: 1px solid #fcae18;} .PanelColourDark textarea:focus {background:#ffffff; border: 1px solid #fcae18;} .PanelColourDark select:focus {background:#ffffff; border: 1px solid #fcae18;} .PanelColourDark .SubmitButton {background-color:#fcae18; color:#ffffff; border: 1px solid #fcae18;} .PanelColourDark .SubmitButton:hover {background-color:#a6cf46; border: 1px solid #a6cf46; } .PanelColourDark ::-webkit-input-placeholder {color: #c0c0c0;} .PanelColourDark :-ms-input-placeholder { color: #c0c0c0;} .PanelColourDark ::-moz-placeholder { color: #c0c0c0; opacity: 1;} .PanelColourDark :-moz-placeholder {color: #c0c0c0; opacity: 1;} /* Dark - TABLE SYTLE */ .PanelColourDark tr {border-bottom:#cccccc 1px solid;} .PanelColourDark tr{background: #f2f2f2;} .PanelColourDark tr:nth-child(odd){background: #f2f2f2;} .PanelColourDark tr:nth-child(even){background: #ffffff;} /* Dark - FOLDER STYLES SYTLE */ .PanelColourDark .tablink p {color:#222222;} .PanelColourDark .tabcontent p {color:#222222;} .PanelColourDark .tabcontent h3 {color:#222222;} /* Dark - INDEX STYLES */ .PanelColourDark section#SectionIndex .IndexRow {border-bottom:1px solid rgba(0, 0, 0, 0.5); } .PanelColourDark section#SectionIndex .IndexArrow {color:#222222; } /* Dark - CONTACT DETAILS ALTERNATIVE */ .PanelColourDark .ContactBoxRowIcon svg path {fill:#fcae18 !important;} .PanelColourDark .ContactBoxRowIcon svg:hover path {fill:#fcae18 !important;} .PanelColourDark .ContactBoxRowText p {color:#222222;} .PanelColourDark p.ContactAltBig {color:#fcae18;} /* Dark - BREADCRUMBS */ .StaticColourDark h1 {color:#fcae18;} .StaticColourDark .Breadcrumbs p {color:#ffffff;} .StaticColourDark .Breadcrumbs a { color:#ffffff;} .StaticColourDark .Breadcrumbs a:hover {color:#a6cf46 } /* PURPLE */ .WavePurple {width:100%; height:92px; position:absolute; top:-91px; left:0; right:0; margin:auto; background-image:url('/saltdigital/topWaveAlternate.png'); background-position:bottom center; background-size:2400px; background-repeat:no-repeat;} .color-Purple {background-color: #712c91;} .StaticColourPurple {background-color: #712c91;} .PanelColourPurple h1 {color:#fcae18;} .PanelColourPurple h2 {color:#a6cf46;} .PanelColourPurple h3 {color:#ffffff;} .PanelColourPurple h4 {color:#ffffff;} .PanelColourPurple p {color:#ffffff;} .PanelColourPurple li {color:#ffffff;} .PanelColourPurple a { color:#ffffff;} .PanelColourPurple a:hover { color:#a6cf46;} .SectionOuterStylePurple .PanelInnerOutline {border:1px solid #ffffff;} /* Purple - ITEMS: CHILD PAGES, FAQS, TESTIMONIALS, DOWNLOADS, LISTINGS */ .PanelColourPurple .ItemBG {background-color:#ffffff;} .PanelColourPurple .ItemHoverBG {background-color:#ffffff; -o-transition: 1s; -moz-transition: 1s; -khtml-transition: 1s; -webkit-transition: 1s; -ms-transition: 1s; transition: 1s;} .PanelColourPurple article:hover .ItemHoverBG {background-color:#f2f2f2;} .PanelColourPurple .Item h1 {color:#ff9900;} .PanelColourPurple .Item h2 {color:#222222;} .PanelColourPurple .Item h3 {color:#222222;} .PanelColourPurple .Item h4 {color:#222222;} .PanelColourPurple .Item p {color:#222222;} .PanelColourPurple .Item li {color:#222222;} .PanelColourPurple .Item a { color:#a6cf46;} .PanelColourPurple .Item a:hover { color:#222222;} /* Purple - ALT ITEMS: INFOGRAPHICS */ .PanelColourPurple .ItemAltBG {background-color:#a6cf46;} .PanelColourPurple .ItemAltHoverBG {background-color:#a6cf46; -o-transition: 1s; -moz-transition: 1s; -khtml-transition: 1s; -webkit-transition: 1s; -ms-transition: 1s; transition: 1s;} .PanelColourPurple article:hover .ItemAltHoverBG {background-color:#222222;} .PanelColourPurple .ItemAlt h1 {color:#ffffff;} .PanelColourPurple .ItemAlt h2 {color:#ffffff;} .PanelColourPurple .ItemAlt h3 {color:#ffffff;} .PanelColourPurple .ItemAlt h4 {color:#ffffff;} .PanelColourPurple .ItemAlt p {color:#ffffff;} .PanelColourPurple .ItemAlt li {color:#ffffff;} /* Purple - BUTTONS */ .PanelColourPurple .SectionCTABTN {background-color:#fcae18; color:#ffffff; text-align:center; border-radius:30px; margin-top:20px; line-height:50px; padding:0 40px; -o-transition: 1s; -moz-transition: 1s; -khtml-transition: 1s; -webkit-transition: 1s; -ms-transition: 1s; transition: 1s; } .PanelColourPurple .SectionCTABTN:hover {background-color:#a6cf46; color:#ffffff; } /* Purple - SLIDER ARROWS */ .PanelColourPurple .slick-prev {background-color:#fcae18; bottom: 48%; width: 50px; height: 50px; background-image:url('../../images/prevwhite.png');} .PanelColourPurple .slick-next {background-color:#fcae18; bottom: 48%; width: 50px; height: 50px; background-image:url('../../images/nextwhite.png');} .PanelColourPurple .slick-prev:hover, .PanelColourPurple .slick-prev:focus {background-color:#a6cf46; } .PanelColourPurple .slick-next:hover, .PanelColourPurple .slick-next:focus {background-color:#a6cf46; } .PanelColourPurple .slick-dots li button {background-color:#ffffff;} .PanelColourPurple .slick-dots li button:hover, .PanelColourPurple .slick-dots li button:focus {background-color:#fcae18;} .PanelColourPurple .slick-dots li button:hover:before, .PanelColourPurple .slick-dots li button:focus:before {background-color:#fcae18;} .PanelColourPurple .slick-dots li.slick-active button:before {background-color:#fcae18;} /* Purple - FAQS */ .PanelColourPurple section#FAQListing .accordion .FAQAW {background-color:#fcae18; background-image:url('../../images/nextwhite.png'); } .PanelColourPurple section#FAQListing .accordion:hover .FAQAW {background-color:#a6cf46;} .PanelColourPurple section#FAQListing .accordion.active {background-color:#a6cf46; } .PanelColourPurple section#FAQListing .accordion.active .FAQAW {background-color:#a6cf46;} /* Purple - FORM STYLES */ .PanelColourPurple input {color:#222222; background-color:#ffffff; border: 1px solid #ffffff;} .PanelColourPurple select {color:#222222; background-color:#ffffff; border: 1px solid #ffffff;} .PanelColourPurple textarea {color:#222222; background-color:#ffffff; border:1px solid #ffffff;} .PanelColourPurple input[type=checkbox] {background-color:#ffffff; border:1px solid #ffffff;} .PanelColourPurple input[type=checkbox]:checked {background: #fcae18; border:1px solid #fcae18; background-image:url('../../images/tick.png'); } .PanelColourPurple input[type=radio] {background-color:#ffffff; border:1px solid #ffffff;} .PanelColourPurple input[type=radio]:checked {background: #fcae18; border:1px solid #fcae18;} .PanelColourPurple input:focus {background:#ffffff; border: 1px solid #fcae18;} .PanelColourPurple textarea:focus {background:#ffffff; border: 1px solid #fcae18;} .PanelColourPurple select:focus {background:#ffffff; border: 1px solid #fcae18;} .PanelColourPurple .SubmitButton {background-color:#fcae18; color:#ffffff; border: 1px solid #fcae18;} .PanelColourPurple .SubmitButton:hover {background-color:#a6cf46; border: 1px solid #a6cf46; } .PanelColourPurple ::-webkit-input-placeholder {color: #c0c0c0;} .PanelColourPurple :-ms-input-placeholder { color: #c0c0c0;} .PanelColourPurple ::-moz-placeholder { color: #c0c0c0; opacity: 1;} .PanelColourPurple :-moz-placeholder {color: #c0c0c0; opacity: 1;} /* Purple - TABLE SYTLE */ .PanelColourPurple tr {border-bottom:#cccccc 1px solid;} .PanelColourPurple tr{background: #f2f2f2;} .PanelColourPurple tr:nth-child(odd){background: #f2f2f2;} .PanelColourPurple tr:nth-child(even){background: #ffffff;} /* Purple - FOLDER STYLES SYTLE */ .PanelColourPurple .tablink p {color:#222222;} .PanelColourPurple .tabcontent p {color:#222222;} .PanelColourPurple .tabcontent h3 {color:#222222;} /* Purple - INDEX STYLES */ .PanelColourPurple section#SectionIndex .IndexRow {border-bottom:1px solid rgba(0, 0, 0, 0.5); } .PanelColourPurple section#SectionIndex .IndexArrow {color:#222222; } /* Purple - CONTACT DETAILS ALTERNATIVE */ .PanelColourPurple .ContactBoxRowIcon svg path {fill:#fcae18 !important;} .PanelColourPurple .ContactBoxRowIcon svg:hover path {fill:#fcae18 !important;} .PanelColourPurple .ContactBoxRowText p {color:#222222;} .PanelColourPurple p.ContactAltBig {color:#fcae18;} /* Purple - BREADCRUMBS */ .StaticColourPurple h1 {color:#fcae18;} .StaticColourPurple .Breadcrumbs p {color:#ffffff;} .StaticColourPurple .Breadcrumbs a { color:#ffffff;} .StaticColourPurple .Breadcrumbs a:hover {color:#a6cf46 } /* YELLOW COLOUR */ .WaveYellow {width:100%; height:92px; position:absolute; top:-91px; left:0; right:0; margin:auto; background-image:url('../../images/topWaveBrand.png'); background-position:bottom center; background-size:2400px; background-repeat:no-repeat;} .color-Yellow {background-color: #fcae18;} .StaticColourYellow {background-color: #fcae18;} .PanelColourYellow h1 {color:#15132c;} .PanelColourYellow h2 {color:#712c91;} .PanelColourYellow h3 {color:#712c91;} .PanelColourYellow h4 {color:#712c91;} .PanelColourYellow p {color:#15132c;} .PanelColourYellow li {color:#15132c;} .PanelColourYellow a { color:#15132c;} .PanelColourYellow a:hover { color:#712c91;} .SectionOuterStyleYellow .PanelInnerOutline {border:1px solid #ffffff;} /* Yellow COLOUR - ITEMS: CHILD PAGES, FAQS, TESTIMONIALS, DOWNLOADS, LISTINGS */ .PanelColourYellow .ItemBG {background-color:#ffffff;} .PanelColourYellow .ItemHoverBG {background-color:#ffffff; -o-transition: 1s; -moz-transition: 1s; -khtml-transition: 1s; -webkit-transition: 1s; -ms-transition: 1s; transition: 1s;} .PanelColourYellow article:hover .ItemHoverBG {background-color:#f2f2f2;} .PanelColourYellow .Item h1 {color:#222222;} .PanelColourYellow .Item h2 {color:#222222;} .PanelColourYellow .Item h3 {color:#222222;} .PanelColourYellow .Item h4 {color:#222222;} .PanelColourYellow .Item p {color:#222222;} .PanelColourYellow .Item li {color:#222222;} .PanelColourYellow .Item a { color:#a6cf46;} .PanelColourYellow .Item a:hover { color:#222222;} /* Yellow COLOUR - ALT ITEMS: INFOGRAPHICS */ .PanelColourYellow .ItemAltBG {background-color:#a6cf46;} .PanelColourYellow .ItemAltHoverBG {background-color:#a6cf46; -o-transition: 1s; -moz-transition: 1s; -khtml-transition: 1s; -webkit-transition: 1s; -ms-transition: 1s; transition: 1s;} .PanelColourYellow article:hover .ItemAltHoverBG {background-color:#222222;} .PanelColourYellow .ItemAlt h1 {color:#ffffff;} .PanelColourYellow .ItemAlt h2 {color:#ffffff;} .PanelColourYellow .ItemAlt h3 {color:#ffffff;} .PanelColourYellow .ItemAlt h4 {color:#ffffff;} .PanelColourYellow .ItemAlt p {color:#ffffff;} .PanelColourYellow .ItemAlt li {color:#ffffff;} /* Yellow COLOUR - BUTTONS */ .PanelColourYellow .SectionCTABTN {background-color:#a6cf46; color:#ffffff; text-align:center; border-radius:30px; margin-top:20px; line-height:50px; padding:0 40px; -o-transition: 1s; -moz-transition: 1s; -khtml-transition: 1s; -webkit-transition: 1s; -ms-transition: 1s; transition: 1s;} .PanelColourYellow .SectionCTABTN:hover {background-color:#222222; color:#ffffff; } /* Yellow COLOUR - SLIDER ARROWS */ .PanelColourYellow .slick-prev {background-color:#a6cf46; bottom: 48%; width: 50px; height: 50px; background-image:url('../../images/prevwhite.png');} .PanelColourYellow .slick-next {background-color:#a6cf46; bottom: 48%; width: 50px; height: 50px; background-image:url('../../images/nextwhite.png');} .PanelColourYellow .slick-prev:hover, .PanelColourYellow .slick-prev:focus {background-color:#222222; } .PanelColourYellow .slick-next:hover, .PanelColourYellow .slick-next:focus {background-color:#222222; } .PanelColourYellow .slick-dots li button {background-color:#ffffff;} .PanelColourYellow .slick-dots li button:hover, .PanelColourYellow .slick-dots li button:focus {background-color:#a6cf46;} .PanelColourYellow .slick-dots li button:hover:before, .PanelColourYellow .slick-dots li button:focus:before {background-color:#a6cf46;} .PanelColourYellow .slick-dots li.slick-active button:before {background-color:#a6cf46;} /* Yellow COLOUR - FAQS */ .PanelColourYellow section#FAQListing .accordion .FAQAW {background-color:#a6cf46; background-image:url('../../images/nextwhite.png'); } .PanelColourYellow section#FAQListing .accordion:hover .FAQAW {background-color:#222222;} .PanelColourYellow section#FAQListing .accordion.active {background-color:#222222; } .PanelColourYellow section#FAQListing .accordion.active .FAQAW {background-color:#222222;} /* Yellow COLOUR - FORM STYLES */ .PanelColourYellow input {color:#222222; background-color:#ffffff; border: 1px solid #ffffff;} .PanelColourYellow select {color:#222222; background-color:#ffffff; border: 1px solid #ffffff;} .PanelColourYellow textarea {color:#222222; background-color:#ffffff; border:1px solid #ffffff;} .PanelColourYellow input[type=checkbox] {background-color:#ffffff; border:1px solid #ffffff;} .PanelColourYellow input[type=checkbox]:checked {background: #a6cf46; border:1px solid #a6cf46; background-image:url('../../images/tick.png'); } .PanelColourYellow input[type=radio] {background-color:#ffffff; border:1px solid #ffffff;} .PanelColourYellow input[type=radio]:checked {background: #a6cf46; border:1px solid #a6cf46;} .PanelColourYellow input:focus {background:#ffffff; border: 1px solid #a6cf46;} .PanelColourYellow textarea:focus {background:#ffffff; border: 1px solid #a6cf46;} .PanelColourYellow select:focus {background:#ffffff; border: 1px solid #a6cf46;} .PanelColourYellow .SubmitButton {background-color:#a6cf46; color:#ffffff; border: 1px solid #a6cf46;} .PanelColourYellow .SubmitButton:hover {background-color:#222222; border: 1px solid #222222; } .PanelColourYellow ::-webkit-input-placeholder {color: #c0c0c0;} .PanelColourYellow :-ms-input-placeholder { color: #c0c0c0;} .PanelColourYellow ::-moz-placeholder { color: #c0c0c0; opacity: 1;} .PanelColourYellow :-moz-placeholder {color: #c0c0c0; opacity: 1;} /* Yellow COLOUR - TABLE SYTLE */ .PanelColourYellow tr {border-bottom:#cccccc 1px solid;} .PanelColourYellow tr{background: #f2f2f2;} .PanelColourYellow tr:nth-child(odd){background: #f2f2f2;} .PanelColourYellow tr:nth-child(even){background: #ffffff;} /* Yellow COLOUR - FOLDER STYLES SYTLE */ .PanelColourYellow .tablink p {color:#222222;} .PanelColourYellow .tabcontent p {color:#222222;} .PanelColourYellow .tabcontent h3 {color:#222222;} /* Yellow COLOUR - INDEX STYLES */ .PanelColourYellow section#SectionIndex .IndexRow {border-bottom:1px solid rgba(255, 255, 255, 0.5); } .PanelColourYellow section#SectionIndex .IndexArrow {color:#222222; } /* Yellow COLOUR - CONTACT DETAILS ALTERNATIVE */ .PanelColourYellow .ContactBoxRowIcon svg path {fill:#fcae18 !important;} .PanelColourYellow .ContactBoxRowIcon svg:hover path {fill:#fcae18 !important;} .PanelColourYellow .ContactBoxRowText p {color:#222222;} .PanelColourYellow p.ContactAltBig {color:#fcae18;} /* Yellow COLOUR - BREADCRUMBS */ .StaticColourYellow h1 {color:#15132c;} .StaticColourYellow .Breadcrumbs p {color:#15132c;} .StaticColourYellow .Breadcrumbs a { color:#15132c;} .StaticColourYellow .Breadcrumbs a:hover {color:#712c91 } /* GREEN BRAND COLOUR */ .WaveGreen {width:100%; height:92px; position:absolute; top:-91px; left:0; right:0; margin:auto; background-image:url('../../images/topWaveBrandAlt.png?v=2'); background-position:bottom center; background-size:2400px; background-repeat:no-repeat;} .color-Green {background-color: #a6cf46;} .StaticColourGreen {background-color: #a6cf46;} .PanelColourGreen h1 {color:#15132c;} .PanelColourGreen h2 {color:#712c91;} .PanelColourGreen h3 {color:#712c91;} .PanelColourGreen h4 {color:#712c91;} .PanelColourGreen p {color:#15132c;} .PanelColourGreen li {color:#15132c;} .PanelColourGreen a { color:#15132c;} .PanelColourGreen a:hover { color:#712c91;} .SectionOuterStyleGreen .PanelInnerOutline {border:1px solid #ffffff;} /* ALTERNATE BRAND COLOUR - ITEMS: CHILD PAGES, FAQS, TESTIMONIALS, DOWNLOADS, LISTINGS */ .PanelColourGreen .ItemBG {background-color:#ffffff;} .PanelColourGreen .ItemHoverBG {background-color:#ffffff; -o-transition: 1s; -moz-transition: 1s; -khtml-transition: 1s; -webkit-transition: 1s; -ms-transition: 1s; transition: 1s;} .PanelColourGreen article:hover .ItemHoverBG {background-color:#f2f2f2;} .PanelColourGreen .Item h1 {color:#222222;} .PanelColourGreen .Item h2 {color:#222222;} .PanelColourGreen .Item h3 {color:#222222;} .PanelColourGreen .Item h4 {color:#222222;} .PanelColourGreen .Item p {color:#222222;} .PanelColourGreen .Item li {color:#222222;} .PanelColourGreen .Item a { color:#a6cf46;} .PanelColourGreen .Item a:hover { color:#222222;} /* ALTERNATE BRAND COLOUR - ALT ITEMS: INFOGRAPHICS */ .PanelColourGreen .ItemAltBG {background-color:#fcae18;} .PanelColourGreen .ItemAltHoverBG {background-color:#fcae18; -o-transition: 1s; -moz-transition: 1s; -khtml-transition: 1s; -webkit-transition: 1s; -ms-transition: 1s; transition: 1s;} .PanelColourGreen article:hover .ItemAltHoverBG {background-color:#222222;} .PanelColourGreen .ItemAlt h1 {color:#ffffff;} .PanelColourGreen .ItemAlt h2 {color:#ffffff;} .PanelColourGreen .ItemAlt h3 {color:#ffffff;} .PanelColourGreen .ItemAlt h4 {color:#ffffff;} .PanelColourGreen .ItemAlt p {color:#ffffff;} .PanelColourGreen .ItemAlt li {color:#ffffff;} /* ALTERNATE BRAND COLOUR - BUTTON STYLES */ .PanelColourGreen .SectionCTABTN {background-color:#fcae18; color:#ffffff; text-align:center; border-radius:30px; margin-top:20px; line-height:50px; padding:0 40px; -o-transition: 1s; -moz-transition: 1s; -khtml-transition: 1s; -webkit-transition: 1s; -ms-transition: 1s; transition: 1s;} .PanelColourGreen .SectionCTABTN:hover {background-color:#222222; color:#ffffff; } /* ALTERNATE BRAND COLOUR - SLIDER ARROWS */ .PanelColourGreen .slick-prev {background-color:#fcae18; bottom: 48%; width: 50px; height: 50px; background-image:url('../../images/prevwhite.png');} .PanelColourGreen .slick-next {background-color:#fcae18; bottom: 48%; width: 50px; height: 50px; background-image:url('../../images/nextwhite.png');} .PanelColourGreen .slick-prev:hover, .PanelColourGreen .slick-prev:focus {background-color:#222222; } .PanelColourGreen .slick-next:hover, .PanelColourGreen .slick-next:focus {background-color:#222222; } .PanelColourGreen .slick-dots li button {background-color:#ffffff;} .PanelColourGreen .slick-dots li button:hover, .PanelColourGreen .slick-dots li button:focus {background-color:#fcae18;} .PanelColourGreen .slick-dots li button:hover:before, .PanelColourGreen .slick-dots li button:focus:before {background-color:#fcae18;} .PanelColourGreen .slick-dots li.slick-active button:before {background-color:#fcae18;} /* ALTERNATE BRAND COLOUR - FAQS */ .PanelColourGreen section#FAQListing .accordion .FAQAW {background-color:#fcae18; background-image:url('../../images/nextwhite.png'); } .PanelColourGreen section#FAQListing .accordion:hover .FAQAW {background-color:#222222;} .PanelColourGreen section#FAQListing .accordion.active {background-color:#222222; } .PanelColourGreen section#FAQListing .accordion.active .FAQAW {background-color:#222222;} /* ALTERNATE BRAND COLOUR - FORM STYLES */ .PanelColourGreen input {color:#222222; background-color:#ffffff; border: 1px solid #ffffff;} .PanelColourGreen select {color:#222222; background-color:#ffffff; border: 1px solid #ffffff;} .PanelColourGreen textarea {color:#222222; background-color:#ffffff; border:1px solid #ffffff;} .PanelColourGreen input[type=checkbox] {background-color:#ffffff; border:1px solid #ffffff;} .PanelColourGreen input[type=checkbox]:checked {background: #fcae18; border:1px solid #fcae18; background-image:url('../../images/tick.png'); } .PanelColourGreen input[type=radio] {background-color:#ffffff; border:1px solid #ffffff;} .PanelColourGreen input[type=radio]:checked {background: #fcae18; border:1px solid #fcae18;} .PanelColourGreen input:focus {background:#ffffff; border: 1px solid #fcae18;} .PanelColourGreen textarea:focus {background:#ffffff; border: 1px solid #fcae18;} .PanelColourGreen select:focus {background:#ffffff; border: 1px solid #fcae18;} .PanelColourGreen .SubmitButton {background-color:#fcae18; color:#ffffff; border: 1px solid #fcae18;} .PanelColourGreen .SubmitButton:hover {background-color:#222222; border: 1px solid #222222; } .PanelColourGreen ::-webkit-input-placeholder {color: #c0c0c0;} .PanelColourGreen :-ms-input-placeholder { color: #c0c0c0;} .PanelColourGreen ::-moz-placeholder { color: #c0c0c0; opacity: 1;} .PanelColourGreen :-moz-placeholder {color: #c0c0c0; opacity: 1;} /* ALTERNATE BRAND COLOUR - TABLE SYTLE */ .PanelColourGreen tr {border-bottom:#cccccc 1px solid;} .PanelColourGreen tr{background: #f2f2f2;} .PanelColourGreen tr:nth-child(odd){background: #f2f2f2;} .PanelColourGreen tr:nth-child(even){background: #ffffff;} /* ALTERNATE BRAND COLOUR - FOLDER STYLES SYTLE */ .PanelColourGreen .tablink p {color:#ffffff;} .PanelColourGreen .tabcontent p {color:#ffffff;} .PanelColourGreen .tabcontent h3 {color:#ffffff;} /* ALTERNATE BRAND COLOUR - INDEX STYLES */ .PanelColourGreen section#SectionIndex .IndexRow {border-bottom:1px solid rgba(255, 255, 255, 0.5); } .PanelColourGreen section#SectionIndex .IndexArrow {color:#ffffff; } /* ALTERNATE BRAND COLOUR - CONTACT DETAILS ALTERNATIVE */ .PanelColourGreen .ContactBoxRowIcon svg path {fill:#a6cf46 !important;} .PanelColourGreen .ContactBoxRowIcon svg:hover path {fill:#a6cf46 !important;} .PanelColourGreen .ContactBoxRowText p {color:#222222;} .PanelColourGreen p.ContactAltBig {color:#a6cf46;} /* ALTERNATE BRAND COLOUR - BREADCRUMBS */ .StaticColourGreen h1 {color:#15132c;} .StaticColourGreen .Breadcrumbs p {color:#15132c;} .StaticColourGreen .Breadcrumbs a { color:#15132c;} .StaticColourGreen .Breadcrumbs a:hover {color:#712c91 } /* PINK BRAND COLOUR */ .WavePink {width:100%; height:92px; position:absolute; top:-91px; left:0; right:0; margin:auto; background-image:url('../../images/topWavePink.png?v=2'); background-position:bottom center; background-size:2400px; background-repeat:no-repeat;} .color-Pink {background-color: #d63582;} .StaticColourPink {background-color: #d63582;} .PanelColourPink h1 {color:#ffffff;} .PanelColourPink h2 {color:#ffffff;} .PanelColourPink h3 {color:#ffffff;} .PanelColourPink h4 {color:#ffffff;} .PanelColourPink p {color:#ffffff;} .PanelColourPink li {color:#ffffff;} .PanelColourPink a { color:#fcae18;} .PanelColourPink a:hover { color:#ffffff;} .SectionOuterStylePink .PanelInnerOutline {border:1px solid #ffffff;} /* PINK BRAND COLOUR - ITEMS: CHILD PAGES, FAQS, TESTIMONIALS, DOWNLOADS, LISTINGS */ .PanelColourPink .ItemBG {background-color:#ffffff;} .PanelColourPink .ItemHoverBG {background-color:#ffffff; -o-transition: 1s; -moz-transition: 1s; -khtml-transition: 1s; -webkit-transition: 1s; -ms-transition: 1s; transition: 1s;} .PanelColourPink article:hover .ItemHoverBG {background-color:#f2f2f2;} .PanelColourPink .Item h1 {color:#222222;} .PanelColourPink .Item h2 {color:#222222;} .PanelColourPink .Item h3 {color:#222222;} .PanelColourPink .Item h4 {color:#222222;} .PanelColourPink .Item p {color:#222222;} .PanelColourPink .Item li {color:#222222;} .PanelColourPink .Item a { color:#a6cf46;} .PanelColourPink .Item a:hover { color:#222222;} /* PINK BRAND COLOUR - ALT ITEMS: INFOGRAPHICS */ .PanelColourPink .ItemAltBG {background-color:#fcae18;} .PanelColourPink .ItemAltHoverBG {background-color:#fcae18; -o-transition: 1s; -moz-transition: 1s; -khtml-transition: 1s; -webkit-transition: 1s; -ms-transition: 1s; transition: 1s;} .PanelColourPink article:hover .ItemAltHoverBG {background-color:#222222;} .PanelColourPink .ItemAlt h1 {color:#ffffff;} .PanelColourPink .ItemAlt h2 {color:#ffffff;} .PanelColourPink .ItemAlt h3 {color:#ffffff;} .PanelColourPink .ItemAlt h4 {color:#ffffff;} .PanelColourPink .ItemAlt p {color:#ffffff;} .PanelColourPink .ItemAlt li {color:#ffffff;} /* PINK BRAND COLOUR - BUTTON STYLES */ .PanelColourPink .SectionCTABTN {background-color:#fcae18; color:#ffffff; text-align:center; border-radius:30px; margin-top:20px; line-height:50px; padding:0 40px; -o-transition: 1s; -moz-transition: 1s; -khtml-transition: 1s; -webkit-transition: 1s; -ms-transition: 1s; transition: 1s;} .PanelColourPink .SectionCTABTN:hover {background-color:#222222; color:#ffffff; } /* PINK BRAND COLOUR - SLIDER ARROWS */ .PanelColourPink .slick-prev {background-color:#fcae18; bottom: 48%; width: 50px; height: 50px; background-image:url('../../images/prevwhite.png');} .PanelColourPink .slick-next {background-color:#fcae18; bottom: 48%; width: 50px; height: 50px; background-image:url('../../images/nextwhite.png');} .PanelColourPink .slick-prev:hover, .PanelColourPink .slick-prev:focus {background-color:#222222; } .PanelColourPink .slick-next:hover, .PanelColourPink .slick-next:focus {background-color:#222222; } .PanelColourPink .slick-dots li button {background-color:#ffffff;} .PanelColourPink .slick-dots li button:hover, .PanelColourPink .slick-dots li button:focus {background-color:#fcae18;} .PanelColourPink .slick-dots li button:hover:before, .PanelColourPink .slick-dots li button:focus:before {background-color:#fcae18;} .PanelColourPink .slick-dots li.slick-active button:before {background-color:#fcae18;} /* PINK BRAND COLOUR - FAQS */ .PanelColourPink section#FAQListing .accordion .FAQAW {background-color:#fcae18; background-image:url('../../images/nextwhite.png'); } .PanelColourPink section#FAQListing .accordion:hover .FAQAW {background-color:#222222;} .PanelColourPink section#FAQListing .accordion.active {background-color:#222222; } .PanelColourPink section#FAQListing .accordion.active .FAQAW {background-color:#222222;} /* PINK BRAND COLOUR - FORM STYLES */ .PanelColourPink input {color:#222222; background-color:#ffffff; border: 1px solid #ffffff;} .PanelColourPink select {color:#222222; background-color:#ffffff; border: 1px solid #ffffff;} .PanelColourPink textarea {color:#222222; background-color:#ffffff; border:1px solid #ffffff;} .PanelColourPink input[type=checkbox] {background-color:#ffffff; border:1px solid #ffffff;} .PanelColourPink input[type=checkbox]:checked {background: #fcae18; border:1px solid #fcae18; background-image:url('../../images/tick.png'); } .PanelColourPink input[type=radio] {background-color:#ffffff; border:1px solid #ffffff;} .PanelColourPink input[type=radio]:checked {background: #fcae18; border:1px solid #fcae18;} .PanelColourPink input:focus {background:#ffffff; border: 1px solid #fcae18;} .PanelColourPink textarea:focus {background:#ffffff; border: 1px solid #fcae18;} .PanelColourPink select:focus {background:#ffffff; border: 1px solid #fcae18;} .PanelColourPink .SubmitButton {background-color:#fcae18; color:#ffffff; border: 1px solid #fcae18;} .PanelColourPink .SubmitButton:hover {background-color:#222222; border: 1px solid #222222; } .PanelColourPink ::-webkit-input-placeholder {color: #c0c0c0;} .PanelColourPink :-ms-input-placeholder { color: #c0c0c0;} .PanelColourPink ::-moz-placeholder { color: #c0c0c0; opacity: 1;} .PanelColourPink :-moz-placeholder {color: #c0c0c0; opacity: 1;} /* PINK BRAND COLOUR - TABLE SYTLE */ .PanelColourPink tr {border-bottom:#cccccc 1px solid;} .PanelColourPink tr{background: #f2f2f2;} .PanelColourPink tr:nth-child(odd){background: #f2f2f2;} .PanelColourPink tr:nth-child(even){background: #ffffff;} /* PINK BRAND COLOUR - FOLDER STYLES SYTLE */ .PanelColourPink .tablink p {color:#ffffff;} .PanelColourPink .tabcontent p {color:#ffffff;} .PanelColourPink .tabcontent h3 {color:#ffffff;} /* PINK BRAND COLOUR - INDEX STYLES */ .PanelColourPink section#SectionIndex .IndexRow {border-bottom:1px solid rgba(255, 255, 255, 0.5); } .PanelColourPink section#SectionIndex .IndexArrow {color:#ffffff; } /* PINK BRAND COLOUR - CONTACT DETAILS ALTERNATIVE */ .PanelColourPink .ContactBoxRowIcon svg path {fill:#a6cf46 !important;} .PanelColourPink .ContactBoxRowIcon svg:hover path {fill:#a6cf46 !important;} .PanelColourPink .ContactBoxRowText p {color:#222222;} .PanelColourPink p.ContactAltBig {color:#a6cf46;} /* PINK BRAND COLOUR - BREADCRUMBS */ .StaticColourPink h1 {color:#ffffff;} .StaticColourPink .Breadcrumbs p {color:#ffffff;} .StaticColourPink .Breadcrumbs a { color:#fcae18;} .StaticColourPink .Breadcrumbs a:hover {color:#ffffff } /* DARK TRANS BRAND COLOUR */ .color-DarkTrans { background: rgba(0, 0, 0, 0.6);} .StaticColourDarkTrans { background: rgba(0, 0, 0, 0.6);} .PanelColourDarkTrans h1 {color:#ffffff;} .PanelColourDarkTrans h2 {color:#ffffff;} .PanelColourDarkTrans h3 {color:#ffffff;} .PanelColourDarkTrans h4 {color:#ffffff;} .PanelColourDarkTrans p {color:#ffffff;} .PanelColourDarkTrans li {color:#ffffff;} .PanelColourDarkTrans a { color:#fcae18;} .PanelColourDarkTrans a:hover { color:#ffffff;} .PanelColourDarkTrans .SectionCTABTN {background-color:#fcae18; color:#ffffff; text-align:center; border-radius:30px; margin-top:20px; line-height:50px; padding:0 40px; -o-transition: 1s; -moz-transition: 1s; -khtml-transition: 1s; -webkit-transition: 1s; -ms-transition: 1s; transition: 1s;} .PanelColourDarkTrans .SectionCTABTN:hover {background-color:#222222; color:#ffffff; } /* LIGHT TRANS BRAND COLOUR */ .color-LightTrans { background: rgba(255, 255, 255, 0.6);} .StaticColourLightTrans { background: rgba(255, 255, 255, 0.6);} .PanelColourLightTrans h1 {color:#222222;} .PanelColourLightTrans h2 {color:#222222;} .PanelColourLightTrans h3 {color:#222222;} .PanelColourLightTrans h4 {color:#222222;} .PanelColourLightTrans p {color:#222222;} .PanelColourLightTrans li {color:#222222;} .PanelColourLightTrans a { color:#fcae18;} .PanelColourLightTrans a:hover { color:#222222;} .PanelColourLightTrans .SectionCTABTN {background-color:#fcae18; color:#ffffff; text-align:center; border-radius:30px; margin-top:20px; line-height:50px; padding:0 40px; -o-transition: 1s; -moz-transition: 1s; -khtml-transition: 1s; -webkit-transition: 1s; -ms-transition: 1s; transition: 1s;} .PanelColourLightTrans .SectionCTABTN:hover {background-color:#222222; color:#ffffff; } /* BACKGROUND */ .SectionOuterStyleBackground {background-size:cover;} .SectionOuterStyleBackground .ItemBG {background-color:#ffffff;} .SectionOuterStyleBackground .ItemHoverBG {background-color:#ffffff; -o-transition: 1s; -moz-transition: 1s; -khtml-transition: 1s; -webkit-transition: 1s; -ms-transition: 1s; transition: 1s;} .SectionOuterStyleBackground article:hover .ItemHoverBG {background-color:#f7f7f7;} .SectionOuterStyleBackground .ItemAltBG {background-color:#fcae18;} .SectionOuterStyleBackground .ItemAltHoverBG {background-color:#fcae18; -o-transition: 1s; -moz-transition: 1s; -khtml-transition: 1s; -webkit-transition: 1s; -ms-transition: 1s; transition: 1s;} .SectionOuterStyleBackground article:hover .ItemAltHoverBG {background-color:#222222;} /* MAIN SECTION LAYOUT */ .SectionInnerImageWidth25 .SectionText {width:75%; padding:0 30px; display: flex; align-items: center; justify-content: center;} .SectionInnerImageWidth25 .SectionImage {width:25%; } .SectionInnerImageWidth33 .SectionText {width:67%; padding:0 30px; display: flex; align-items: center; justify-content: center;} .SectionInnerImageWidth33 .SectionImage {width:33%; } .SectionInnerImageWidth50 .SectionText {width:50%; padding:0 30px; display: flex; align-items: center; justify-content: center;} .SectionInnerImageWidth50 .SectionImage {width:50%;} .SectionInnerImageWidth66 .SectionText {width:34%; padding:0 30px; display: flex; align-items: center; justify-content: center;} .SectionInnerImageWidth66 .SectionImage {width:66%;} .SectionInnerImageWidth75 .SectionText {width:25%; padding:0 30px; display: flex; align-items: center; justify-content: center;} .SectionInnerImageWidth75 .SectionImage {width:75%;} .SectionTextFull {width:100%; padding:0 30px;} .SectionTextFull a {text-decoration:underline; } .SectionTextFull a:hover {text-decoration:underline;} .SectionText a {text-decoration:underline; } .SectionText a:hover { text-decoration:underline; } .BTNAligncenter {display: flex; align-items: center; justify-content: center;} .BTNAligncenter .SectionCTABTN {margin:auto;} .BTNAlignleft .SectionCTABTN {float:left; } .BTNStyle a { text-decoration:none !important; } .SectionInnerImageAlignLeft .SectionText {float:right;} .SectionInnerImageAlignLeft .SectionImage {float:left; padding:0 15px 0 30px;} .SectionInnerImageAlignRight .SectionText {float:left;} .SectionInnerImageAlignRight .SectionImage {float:right; padding:0 30px 0 15px;} .SectionImageInner {width:100%; float:left; border-radius:30px; overflow:hidden;} .SectionImageBG {background-position:center center; background-repeat:no-repeat; width:100%; float:left;} .ImageHeight80 {height:80px !important; overflow:hidden; } .ImageHeight90 {height:90px !important; overflow:hidden; } .ImageHeight100 {height:100px !important; overflow:hidden; } .ImageHeight150 {height:150px !important; overflow:hidden; } .ImageHeight200 {height:200px !important; overflow:hidden; } .ImageHeight250 {height:250px !important; overflow:hidden; } .ImageHeight300 {height:300px !important; overflow:hidden;} .ImageHeight350 {height:350px !important; overflow:hidden;} .ImageHeight400 {height:400px !important; overflow:hidden;} .ImageHeight450 {height:450px !important; overflow:hidden;} .ImageHeight500 {height:500px !important; overflow:hidden;} .ImageHeight550 {height:550px !important; overflow:hidden;} .ImageHeight600 {height:600px !important; overflow:hidden;} .ImageHeight650 {height:650px !important; overflow:hidden;} .ImageHeight700 {height:700px !important; overflow:hidden;} .ImageHeight750 {height:750px !important; overflow:hidden;} .ImageHeight800 {height:800px !important; overflow:hidden;} .TextInner {width:100%;} .TextHeight80 {min-height:80px; } .TextHeight90 {min-height:90px; } .TextHeight100 {min-height:100px; } .TextHeight150 {min-height:150px; } .TextHeight200 {min-height:200px; } .TextHeight250 {min-height:250px; } .TextHeight300 {min-height:300px; } .TextHeight350 {min-height:350px; } .TextHeight400 {min-height:400px; } .TextHeight450 {min-height:450px; } .TextHeight500 {min-height:500px; } .TextHeight550 {min-height:550px; } .TextHeight600 {min-height:600px; } .TextHeight650 {min-height:650px; } .TextHeight700 {min-height:700px; } .TextHeight750 {min-height:750px; } .TextHeight800 {min-height:800px; } .InnerPadding20 {padding:20px 40px; border-radius:30px;} .InnerPadding30 {padding:30px 60px; border-radius:30px;} .InnerPadding40 {padding:40px 80px; border-radius:30px;} .InnerPadding50 {padding:50px 100px; border-radius:30px;} .InnerPadding60 {padding:60px 100px; border-radius:30px;} .InnerPadding70 {padding:70px 100px; border-radius:30px;} .InnerPadding80 {padding:80px 100px; border-radius:30px;} .InnerPadding90 {padding:90px 100px; border-radius:30px;} .InnerPadding100 {padding:100px 100px; border-radius:30px;} .SectionImageFoot {width:100%; float:left; padding:10px 10px 10px 10px;} .SectionImageFoot p {font-size:0.75em; line-height:20px; padding:0; margin:0;} .SectionInnerPaddingTop0 {padding-top:0px;} .SectionInnerPaddingBottom0 {padding-bottom:0px;} .SectionInnerPaddingTop0 .SectionImage {padding:0 0 !important; } .SectionInnerPaddingTop0 .SectionImageInner {border-radius:0 !important; } .SectionInnerPaddingTop0 .SectionText {padding:30px 30px !important; } .SectionInnerPaddingTop10 {padding-top:10px;} .SectionInnerPaddingBottom10 {padding-bottom:10px;} .SectionInnerPaddingTop20 {padding-top:20px;} .SectionInnerPaddingBottom20 {padding-bottom:20px;} .SectionInnerPaddingTop30 {padding-top:30px;} .SectionInnerPaddingBottom30 {padding-bottom:30px;} .SectionInnerPaddingTop40 {padding-top:40px;} .SectionInnerPaddingBottom40 {padding-bottom:40px;} .SectionInnerPaddingTop50 {padding-top:50px;} .SectionInnerPaddingBottom50 {padding-bottom:50px;} .SectionInnerPaddingTop60 {padding-top:60px;} .SectionInnerPaddingBottom60 {padding-bottom:60px;} .SectionInnerPaddingTop70 {padding-top:70px;} .SectionInnerPaddingBottom70 {padding-bottom:70px;} .SectionInnerPaddingTop80 {padding-top:80px;} .SectionInnerPaddingBottom80 {padding-bottom:80px;} .SectionInnerPaddingTop90 {padding-top:90px;} .SectionInnerPaddingBottom90 {padding-bottom:90px;} .SectionInnerPaddingTop100 {padding-top:100px;} .SectionInnerPaddingBottom100 {padding-bottom:100px;} .SectionInnerPaddingTop110 {padding-top:110px;} .SectionInnerPaddingBottom110 {padding-bottom:110px;} .SectionInnerPaddingTop120 {padding-top:120px;} .SectionInnerPaddingBottom120 {padding-bottom:120px;} .SectionInnerPaddingTop130 {padding-top:130px;} .SectionInnerPaddingBottom130 {padding-bottom:130px;} .SectionInnerPaddingTop140 {padding-top:140px;} .SectionInnerPaddingBottom140 {padding-bottom:140px;} .SectionInnerPaddingTop150 {padding-top:150px;} .SectionInnerPaddingBottom150 {padding-bottom:150px;} /* CHILD PAGES - THUMBNAIL */ article.ChildSideBarfalse {margin:0px; width:33.3%; } article.ChildSideBartrue {margin:0px; width:50%; } .ChildNum1 {width:50% !important;} .ChildNum2 {width:50% !important;} section#ChildPages {float:left; width:100%; margin:0 0 0 0; padding:0 15px; position:relative;} section#ChildPages article {height:auto; float:left; position:relative; padding:15px;} section#ChildPages article .Image {overflow:hidden; width:100%; float:left; height:260px; position:relative; border-top-left-radius:30px; border-top-right-radius:30px;} section#ChildPages article .ImageInner {width:100%; height:100%;background-position:center center; background-size:cover; -o-transition: 1s; -moz-transition: 1s; -khtml-transition: 1s; -webkit-transition: 1s; -ms-transition: 1s; transition: 1s; } section#ChildPages article .Text {float:left; width:100%; height:50px; overflow:hidden; padding:0; border-bottom-left-radius:30px; border-bottom-right-radius:30px;} section#ChildPages article .Text h3 {text-align:center; line-height:50px; padding:0; margin:0px;} section#ChildPages article:hover .ImageInner {transform: scale(1.05);} /* CHILD PAGES - IMAGE AND TEXT */ section#ChildDetailPages {float:left; width:100%; margin:0 0 0 0; padding:0 15px; position:relative;} section#ChildDetailPages article {height:auto; float:left; position:relative; padding:15px; width:100%;} section#ChildDetailPages article .IntroText {width:50%; float:left; padding:30px; height:400px; border-top-left-radius:30px; border-bottom-left-radius:30px; display: flex; align-items: center; justify-content: center;} section#ChildDetailPages article .IntroTextAlt {width:50%; float:right; padding:30px; height:400px; border-top-right-radius:30px; border-bottom-right-radius:30px; display: flex; align-items: center; justify-content: center;} section#ChildDetailPages article .IntroImage {width:50%; float:right; height:400px; border-top-right-radius:30px; border-bottom-right-radius:30px; overflow:hidden; } section#ChildDetailPages article .IntroImageAlt {width:50%; float:left; height:400px; border-top-left-radius:30px; border-bottom-left-radius:30px; overflow:hidden;} section#ChildDetailPages article .IntroImageInner {width:100%; height:100%;background-position:center center; background-size:cover; -o-transition: 1s; -moz-transition: 1s; -khtml-transition: 1s; -webkit-transition: 1s; -ms-transition: 1s; transition: 1s; } section#ChildDetailPages article:hover .IntroImageInner {transform: scale(1.05);} /* CHILD PAGES - LIST */ article.ChildListSideBarfalse {margin:0px; width:33.3%; } article.ChildListSideBartrue {margin:0px; width:50%; } section#ChildPagesList {float:left; width:100%; margin:0 0 0 0; padding:0 15px; } section#ChildPagesList article {height:auto; float:left; position:relative; padding:15px;} section#ChildPagesList article .Text {float:left; width:100%; height:50px; overflow:hidden; padding:0 60px; border-radius:30px;} section#ChildPagesList article .Text h3 {text-align:left; line-height:50px; padding:0 0 0; margin:0px; font-size:1em;} section#ChildPagesList article .Icon {position:absolute; top:24px; left:30px; width:30px; height:30px; background-size:contain; background-position:center center; background-repeat:no-repeat;} /* CONTACT FORM */ section#ContactForm {float:left; width:100%; margin:0 0 0 0; padding:0 15px; display: flex; justify-content:center; flex-wrap:wrap; position:relative;} #MainRight section#ContactForm {padding:0 !important; margin-bottom:20px;} #MainRight .ContactForm {padding:0 !important;} .ContactForm {width:100%; padding:15px; max-width:900px; margin:auto;} .ContactForm input, select {width:100%; float:left; margin-bottom:10px; } .ContactForm textarea {width:100%; height:100px; margin-bottom:10px; } .ContactForm input.tick {float:left;} .ContactForm input.circle {float:left;} .Jam {display:none;} section#ContactForm .g-recaptcha {float:left; margin:0; transform:scale(0.70); transform-origin:0 0; } /* CONTACT DETAILS */ #ContactDetailsContact {float:left; width:100%; margin:0 0 0 0; padding:0 30px; position:relative;} .ContactDetailsRow {width:100%; float:left; margin-bottom:10px;} .ContactDetailsRowIcon {float:left; width:20%; max-width:20px;} .ContactDetailsRowIcon img {width:20px;} .ContactDetailsRowIcon svg {width:100%; height:auto; padding:0; float:left; display:block; position:relative;} .ContactDetailsRowIcon svg path {fill:#fcae18 !important;} .ContactDetailsRowIcon svg:hover path {fill:#ffffff !important;} .ContactDetailsRowText {float:left; width:80%; padding-left:20px;} .ContactDetailsRowText a {color:#222222;} #ContactHoursOpening {float:left; width:100%; margin:0 0 0 0; padding:0 30px; display:relative;} .ContactHoursRowOpening {width:100%; float:left; margin-bottom:0px; } .ContactHoursRowDay {float:left; width:30%; max-width:130px;} .ContactHoursRowTime {float:left; width:70%; padding-left:20px; } .ContactOpening {color:#fcae18;} /* CONTACT DETAILS ALTERNATIVE */ .ContactBoxOuter {float:left; width:100%; padding:0 15px; position:relative; } .ContactBox {float:left; width:33.3%; padding:15px; position:relative; -o-transition: 1s; -moz-transition: 1s; -khtml-transition: 1s; -webkit-transition: 1s; -ms-transition: 1s; transition: 1s; } .ContactBoxRow {width:100%; float:left; min-height:260px; padding:30px; position:relative; display: flex; align-items: center; justify-content: center; border-radius:30px;} .ContactBoxRowIcon {margin:auto; width:80px; } .ContactBoxRowIcon img {width:80px;} .ContactBoxRowIcon svg {width:100%; height:auto; padding:0; float:left; display:block; position:relative;} .ContactBoxRowText {margin:auto; clear:both; width:100%; padding-top:10px;} .ContactBoxRowText p {text-align:center; padding:0; margin:0; font-size:0.90em;} p.ContactAltBig {font-size:1.20em;} /* TICKETS */ .TicketBoxOuter {float:left; width:100%; padding:0 15px; position:relative; } .TicketBox {float:left; width:33.3%; padding:15px; position:relative; -o-transition: 1s; -moz-transition: 1s; -khtml-transition: 1s; -webkit-transition: 1s; -ms-transition: 1s; transition: 1s; } .TicketBoxRow {width:100%; float:left; min-height:260px; padding:30px; position:relative; display: flex; align-items: center; justify-content: center; border-radius:30px;} .TicketBoxRowIcon {margin:auto; width:80px; } .TicketBoxRowIcon img {width:80px;} .TicketBoxRowIcon svg {width:100%; height:auto; padding:0; float:left; display:block; position:relative;} .TicketBoxRowText {margin:auto; clear:both; width:100%; padding-top:10px;} .TicketBoxRowText p {text-align:center; padding:0; margin:0; color:#ffffff !important;} .TicketBoxOuter .TicketBoxRowIcon svg path {fill:#ffffff !important;} .TicketBoxOuter .TicketBoxRowIcon svg:hover path {fill:#ffffff !important;} /* CALLOUTS */ article.CalloutSideBarfalse {margin:0px; width:25%; } article.CalloutSideBartrue {margin:0px; width:33.3%; } section#Callouts {float:left; width:100%; margin:0 0 0 0; padding:0 15px; position:relative;} section#Callouts article {height:auto; float:left; position:relative; padding:15px;} section#Callouts article .Image {width:200px; height:200px; margin:0 auto 10px auto; border-radius:50%; -o-transition: 1s; -moz-transition: 1s; -khtml-transition: 1s; -webkit-transition: 1s; -ms-transition: 1s; transition: 1s; background-size:160px; background-position:center center; background-repeat:no-repeat;} section#Callouts article .Text {width:100%; height:150px; overflow:hidden; } section#Callouts article h3 {text-align:center;} section#Callouts article p {text-align:center;} section#Callouts article:hover .Image {transform: scale(1.05);} .responsive1 .Text {width:100%; height:auto!important; overflow:hidden; } .responsive2 .Text {height:auto!important; } .responsive3 .Text {height:auto!important; } .responsive4 .Text {height:auto!important; } /* INFO FOLDERS */ section#InfoFolders {float:left; width:100%; margin:0 0 0 0; padding:0 15px; display: flex; justify-content:center; flex-wrap:wrap; position:relative;} .tablink {background: rgba(0, 0, 0, 0); float:left; margin:0px; border: none; outline: none;cursor: pointer; padding:30px; width:15%; height:170px; border-top-left-radius:30px; border-top-right-radius:30px;} .tablink p {text-align:center; font-size:1.25em; font-family:DefaultBold; line-height:22px;} .tablink img {width:100%; max-width:60px; padding:0; margin:0 auto 10px auto;} .tablink:hover {background: rgba(0, 0, 0, 0.03);} .tabcontent {background: rgba(0, 0, 0, 0.03); display: none; float:left; padding:30px; width:100%;border-radius:30px;} .ServiceLeft {float:left; width:60%;} .ServiceRight {float:right; width:35%;} .ServiceRight img {margin-bottom:30px;} /* FAQ LISTINGS */ section#FAQListing {float:left; width:100%; margin:0 0 0 0; padding:0 15px; display: flex; justify-content:center; flex-wrap:wrap; position:relative;} section#FAQListing article {padding:15px; float:left; margin:0px; width:100%;} section#FAQListing .accordion {outline:none; margin:0; width:100%; cursor:pointer; padding:10px 30px 10px 60px; position:relative; overflow:hidden; border-radius:30px; -o-transition: 1s; -moz-transition: 1s; -khtml-transition: 1s; -webkit-transition: 1s; -ms-transition: 1s; transition: 1s;} section#FAQListing .accordion h3 {padding:0; margin:0; font-size:1.10em; -o-transition: 1s; -moz-transition: 1s; -khtml-transition: 1s; -webkit-transition: 1s; -ms-transition: 1s; transition: 1s;} section#FAQListing .accordion:hover h3 {padding-left:10px;} section#FAQListing .accordion.active h3 {padding-left:10px; color:#ffffff;} section#FAQListing .accordion .FAQAW {width:45px; height:100%; position:absolute; top:0; left:0; background-position:center center; background-size:35px 35px; background-repeat:no-repeat; -o-transition: 1s; -moz-transition: 1s; -khtml-transition: 1s; -webkit-transition: 1s; -ms-transition: 1s; transition: 1s;} section#FAQListing .accordion:hover .FAQAW {background-color:#a6cf46;} section#FAQListing .accordion.active {background-color:#a6cf46; } section#FAQListing .accordion.active .FAQAW {background-color:#a6cf46;} section#FAQListing .panel {display:none;} section#FAQListing .panel.show {display: block; padding:15px 0px; width:100%;} /* DOCUMENT LISTINGS */ article.DocumentsSideBarfalse {margin:0px; width:50%; } article.DocumentsSideBartrue {margin:0px; width:100%; } section#Documents {float:left; width:100%; margin:0 0 0 0; padding:0 15px; position:relative;} section#Documents article {padding:15px; float:left;} section#Documents article .Inner {float:left; width:100%; padding:10px 20px; border-radius:30px;} section#Documents article .Text {float:left; width:80%;} section#Documents article .Text h3 {padding:0px; line-height:30px; font-size:1.10em;} section#Documents article .Date {float:right; width:20%;} section#Documents article .Date p {padding:0px; line-height:30px; text-align:right; font-size:0.70em;} /* TESTIMONIALS */ section#Testimonials {float:left; width:100%; margin:0 0 0 0; padding:0 15px; display: flex; justify-content:center; flex-wrap:wrap; position:relative;} section#Testimonials .QuoteOuter {width:100%; float:left;} section#Testimonials .Quote {margin:0 auto; max-width:900px; padding-bottom:30px;} section#Testimonials .Quote p {text-align:center; font-size:0.80em; } section#Testimonials .Quote p.QuoteName {color:#fcae18; font-family:DefaultBold; font-size:0.80em; } section#Testimonials .slick-dots li button:hover, section#Testimonials .slick-dots li button:focus {color:#fcae18 !important;} section#Testimonials .slick-dots li button:hover:before, section#Testimonials .slick-dots li button:focus:before {color:#fcae18;} section#Testimonials .slick-dots li button:before {font-size: 40px; line-height: 10px; position: absolute; top: 0; left: 0; width: 10px; height: 10px; text-align: center; color:#222222;} section#Testimonials .slick-dots li.slick-active button:before {color:#fcae18;} /* TESTIMONIALS ALTERNATIVE */ section#TestimonialsAlt {float:left; width:100%; margin:0 0 0 0; padding:0 15px; position:relative;} section#TestimonialsAlt .QuoteOuter {width:100%; float:left; padding:15px 15px 30px 15px;} section#TestimonialsAlt .Quote {width:100%; float:left; padding:15px; border-radius:30px;} section#TestimonialsAlt .Quote ::-webkit-scrollbar {width: 6px;} section#TestimonialsAlt .Quote ::-webkit-scrollbar-track {background-color:#e1e0e0; border-radius: 10px;} section#TestimonialsAlt .Quote ::-webkit-scrollbar-thumb {background-color:#fcae18; border-radius: 10px;} section#TestimonialsAlt .Quote ::-webkit-scrollbar-thumb:hover {background: #fcae18; } section#TestimonialsAlt .Name {width:100%; float:left;} section#TestimonialsAlt .Name p {color:#fcae18; font-family:DefaultBold; font-size:0.80em; line-height:22px;} section#TestimonialsAlt .Stars {width:100%; float:left;} section#TestimonialsAlt .Stars img {max-width:120px;} section#TestimonialsAlt .Text {width:100%; float:left; height:120px; overflow:auto; overflow-x: hidden; padding-right:10px;} section#TestimonialsAlt .Text p {font-size:0.80em; font-family:DefaultMedium; color:#222222;} /* SECTION INDEX LISTING */ section#SectionIndex {float:left; width:100%; margin:0 0 0 0; padding:0 30px; position:relative;} section#SectionIndex .IndexRow {height:auto; line-height:35px; float:left; position:relative; padding:3px 3px 3px 3px; font-size:0.85em; width:100%; } section#SectionIndex .IndexArrow {font-size:2.10em; margin-right:10px;} /* NEWSLETTER FORM */ section#Newsletter {float:left; width:100%; margin:0 0 0 0; padding:20px 15px 0 15px; display: flex; justify-content:center; flex-wrap:wrap; position:relative;} .NewsletterForm {width:100%; padding:0; margin:auto; } .NewsletterForm input {width:100%; float:left; margin:0; border-radius:30px; padding-left:35px;padding-right:35px; background-color:rgba(255, 255, 255, 0.2); color:#ffffff;} .NewsletterForm .SubmitButton {background-color:#15132c; color:#ffffff; border: 1px solid #15132c; width:100%; float:left; margin:0;} .NewsletterForm .SubmitButton:hover {background-color:#fcae18; border: 1px solid #fcae18; } .NewsletterForm ::-webkit-input-placeholder {color: #ffffff;} .NewsletterForm :-ms-input-placeholder { color: #ffffff;} .NewsletterForm ::-moz-placeholder { color: #ffffff; opacity: 1;} .NewsletterForm :-moz-placeholder {color: #ffffff; opacity: 1;} .g-recaptcha {width:26%; float:left; margin:0 1% 10px 1%; transform:scale(0.70); transform-origin:0 0; } #NewsletterLeft {float:left; width:69%;} #NewsletterRight {float:right; width:29%;} /* BLOG LISTINGS */ article.BlogSideBarfalse {margin:0px; width:33.3%; } article.BlogSideBartrue {margin:0px; width:50%; } .BlogNum1 {width:50% !important; } .BlogNum2 {width:50% !important; } section#Blog {float:left; width:100%; margin:0 0 0 0; padding:0 15px; position:relative;} section#Blog article {height:auto; float:left; position:relative; padding:15px;} section#Blog article .Image {width:100%; height:300px; background-color:#222222; float:left; position:relative; overflow:hidden; border-top-left-radius:30px; border-top-right-radius:30px;} section#Blog article .ImageInner {width:100%; height:100%; background-position:center center; background-size:cover; -o-transition: 1s; -moz-transition: 1s; -khtml-transition: 1s; -webkit-transition: 1s; -ms-transition: 1s; transition: 1s; } section#Blog article .PlayBTN {width:100%; height:300px; position:absolute; top:0; left:0; background-image:url('../../images/play.png'); background-position:center center; background-size:65px 65px; background-repeat:no-repeat; } section#Blog article .Content {float:left; width:100%; position:relative; border-bottom-left-radius:30px; border-bottom-right-radius:30px;} section#Blog article .Text {float:left; width:100%; height:240px; position:relative; padding:30px 20px 5px 20px;} section#Blog article .ReadMore {float:left; width:100%; position:relative; padding:5px 20px 5px 20px;} section#Blog article .ReadMore p { text-transform:uppercase; font-size:0.70em; font-family:DefaultBold; padding:0;} section#Blog article .Tags {float:left; width:100%; height:50px; position:relative; border-top:1px solid rgba(0, 0, 0, 0.04); padding:5px 20px 20px 20px; } .TagLeft {float:left; width:15%;} .TagRight {float:left; width:85%;} section#Blog article .Tags p {float:left; line-height:16px; } section#Blog article .Tags a {font-size:0.70em; padding:0 10px 0 0; float:left; display:inline;} section#Blog article:hover .ImageInner {transform: scale(1.05);} section#Blog .DateCal {background-color:#fcae18; width:100px; height:100px; position:absolute; top:-80px; z-index:2; left:20px; padding:10px 5px; border-radius:30px; } section#Blog .DateCal p.WeekDay { text-align:center; color:#ffffff !important; line-height:20px; padding:0; margin:0;} section#Blog .DateCal p.Day {font-size:3em; font-family:DefaultBold; text-align:center; color:#ffffff !important; line-height:40px; padding:0; margin:0;} section#Blog .DateCal p.Month { text-align:center; color:#ffffff !important; line-height:20px; padding:0; margin:0;} #ShareIcons {padding:30px 0; float:left; width:100%;} #ShareIcons img {float:left; width:40px; margin-right:20px;} section#BlogPagination {float:left; clear:both; width:100%; margin:0; padding:15px 30px; } #BlogPaginationInner {background: rgba(0, 0, 0, 0.03); float:left; width:100%; padding:15px 30px; border-radius:30px; } #BlogPaginationLeft {float:left; width:70%; } section#BlogPagination select {background-color:#ffffff; float:left; margin:0 15px 0 0; padding:8px; width:120px; font-size:0.90em; } section#BlogPagination input {background-color:#ffffff; float:left; margin:0 15px 0 0; padding:8px; width:120px; font-size:0.90em; } #BlogPaginationRight {float:right; width:30%; } #BlogPaginationRight p {text-align:right; margin-top:5px;} /* VENUE LISTINGS */ #mapVenueOuter {width:100%; padding:30px; float:left;} #mapVenueOuter #map {height:450px; width:100%; display:block; float:left; border-radius:30px; overflow:hidden; } #SectionMapOuter {width:100%; padding:30px; float:left;} #SectionMapOuter #map {height:450px; width:100%; display:block; float:left; border-radius:30px; overflow:hidden; } #VenuesMapOuter {width:100%; padding:30px 0; float:left;} #VenuesMapOuter #map {height:600px; width:100%; display:block; float:left; border-radius:30px; overflow:hidden; } article.VenueSideBarfalse {margin:0px; width:33.3%; } article.VenueSideBartrue {margin:0px; width:50%; } .VenueNum1 {width:50% !important;} .VenueNum2 {width:50% !important;} section#VenueListing {float:left; width:100%; margin:0 0 0 0; padding:0 15px; position:relative;} section#VenueListing article {height:auto; float:left; position:relative; padding:15px;} section#VenueListing article .Image {width:100%; height:300px; background-color:#222222; float:left; position:relative; border-top-left-radius:30px; border-top-right-radius:30px; overflow:hidden;} section#VenueListing article .ImageInner {width:100%; height:100%; background-position:center center; background-size:cover; -o-transition: 1s; -moz-transition: 1s; -khtml-transition: 1s; -webkit-transition: 1s; -ms-transition: 1s; transition: 1s; } section#VenueListing article .Text {float:left; width:100%; height:300px; overflow:hidden; padding:20px; border-bottom-left-radius:30px; border-bottom-right-radius:30px;} section#VenueListing article:hover .ImageInner {transform: scale(1.05);} /* PROJECT LISTINGS */ article.ProjectSideBarfalse {width:50%; } article.ProjectSideBartrue {width:50%; } .ProjectNum1 {width:50% !important; } .ProjectNum2 {width:50% !important; } section#ProjectListing {float:left; width:100%; margin:0 0 0 0; padding:0 15px; position:relative;} section#ProjectListing article {height:auto; float:left; position:relative; padding:15px;} section#ProjectListing article .Image {width:35%; max-width:200%; height:200px; background-color:#222222; float:left; position:relative; overflow:hidden; border-top-left-radius:30px; border-bottom-left-radius:30px;} section#ProjectListing article .ImageInner {width:100%; height:100%; background-position:center center; background-size:cover; -o-transition: 1s; -moz-transition: 1s; -khtml-transition: 1s; -webkit-transition: 1s; -ms-transition: 1s; transition: 1s; } section#ProjectListing article .Text {float:right; width:65%; height:200px; position:relative; padding:20px; border-top-right-radius:30px; border-bottom-right-radius:30px;} section#ProjectListing article:hover .ImageInner {transform: scale(1.05);} .ProjectDateCal {background-color:#fcae18; width:70px; height:70px; position:absolute; bottom:20px; z-index:2; left:-60px; padding:5px 5px; border-radius:30px; } .ProjectDateCal p.WeekDay { text-align:center; color:#ffffff !important; line-height:16px; padding:0; margin:0; font-size:0.85em; } .ProjectDateCal p.Day {font-size:2em; font-family:DefaultBold; text-align:center; color:#ffffff !important; line-height:28px; padding:0; margin:0;} .ProjectDateCal p.Month { text-align:center; color:#ffffff !important; line-height:16px; padding:0; margin:0; font-size:0.85em;} /* PROFILE LISTINGS */ article.ProfileSideBarfalse {margin:0px; width:33.3%; } article.ProfileSideBartrue {margin:0px; width:50%; } .ProfileNum1 {width:50% !important; } .ProfileNum2 {width:50% !important; } section#ProfileListing {float:left; width:100%; margin:0 0 0 0; padding:0 15px; position:relative;} section#ProfileListing article {height:auto; float:left; position:relative; padding:15px;} section#ProfileListing article .Image {width:100%; height:300px; background-color:#222222; float:left; position:relative; overflow:hidden; border-top-left-radius:30px; border-top-right-radius:30px;} section#ProfileListing article .ImageInner {width:100%; height:100%; background-position:center center; background-size:cover; -o-transition: 1s; -moz-transition: 1s; -khtml-transition: 1s; -webkit-transition: 1s; -ms-transition: 1s; transition: 1s; } section#ProfileListing article .Text {float:left; width:100%; height:300px; overflow:hidden; padding:20px; border-bottom-left-radius:30px; border-bottom-right-radius:30px;} section#ProfileListing article:hover .ImageInner {transform: scale(1.05);} /* EVENT LISTINGS */ article.EventSideBarfalse {margin:0px; width:33.3%; } article.EventSideBartrue {margin:0px; width:50%; } .EventNum1 {width:50% !important; } .EventNum2 {width:50% !important; } section#EventListing {float:left; width:100%; margin:0 0 0 0; padding:0 15px; position:relative;} section#EventListing article {height:auto; float:left; position:relative; padding:15px;} section#EventListing article .Image {width:100%; height:300px; background-color:#222222; float:left; position:relative; overflow:hidden; border-top-left-radius:30px; border-top-right-radius:30px;} section#EventListing article .ImageInner {width:100%; height:100%; background-position:center center; background-size:cover; -o-transition: 1s; -moz-transition: 1s; -khtml-transition: 1s; -webkit-transition: 1s; -ms-transition: 1s; transition: 1s; } section#EventListing article .Text {float:left; width:100%; height:300px; padding:30px 20px 20px 20px; border-bottom-left-radius:30px; border-bottom-right-radius:30px; position:relative;} #EventsBreak {width:100%; float:left; padding:15px;} section#EventListing article:hover .ImageInner {transform: scale(1.05);} section#EventListing .DateCal {background-color:#fcae18; width:100px; height:100px; position:absolute; top:-80px; z-index:2; left:20px; padding:10px 5px; border-radius:30px; } section#EventListing .DateCal p.WeekDay { text-align:center; color:#ffffff !important; line-height:20px; padding:0; margin:0;} section#EventListing .DateCal p.Day {font-size:3em; font-family:DefaultBold; text-align:center; color:#ffffff !important; line-height:40px; padding:0; margin:0;} section#EventListing .DateCal p.Month { text-align:center; color:#ffffff !important; line-height:20px; padding:0; margin:0;} /* LISTINGS PAGINATION */ section#BlogPagination .Pagination2 {float:left; background: rgba(0, 0, 0, 0.03); border:1px solid rgba(0, 0, 0, 0.2); font-size:0.90em; color:#222222; padding:4px 10px 4px 10px; margin-right:8px; margin-bottom:8px; border-radius:4px;} section#BlogPagination .Pagination {float:left; background: rgba(0, 0, 0, 0.03); border:1px solid rgba(0, 0, 0, 0); font-size:0.90em; color:#222222; padding:4px 10px 4px 10px; margin-right:8px; margin-bottom:8px; border-radius:4px; -o-transition: 1s; -moz-transition: 1s; -khtml-transition: 1s; -webkit-transition: 1s; -ms-transition: 1s; transition: 1s;} section#BlogPagination .Pagination:hover {border:1px solid rgba(0, 0, 0, 0.2); } /* CALENDAR LISTING */ section#CalendarListing {float:left; width:100%; margin:0 0 0 0; padding:0 30px; display: flex; justify-content:center; flex-wrap:wrap; position:relative;} section#CalendarListing td.cal-head { border-bottom:1px solid #f7f7f7; border-right:1px solid #f7f7f7; background:#f7f7f7;} section#CalendarListing td.cal-weekday { border-bottom:1px solid #f7f7f7; border-right:1px solid #f7f7f7; background:#ffffff; } section#CalendarListing td.cal-weekend { border-bottom:1px solid #f7f7f7; border-right:1px solid #f7f7f7; background:#f7f7f7; } /* MULTIMEDIA LISTINGS - THUMBS */ section#MultimediaListingThumbs {float:left; width:100%; margin:0 0 0 0; padding:0 15px; display: flex; justify-content:center; flex-wrap:wrap; position:relative;} section#MultimediaListingThumbs .BlockOuter10 {float:left; width:50%; padding:15px;} section#MultimediaListingThumbs .BlockOuter11 {float:left; width:33.3%; padding:15px;} section#MultimediaListingThumbs .BlockOuter12 {float:left; width:25%; padding:15px;} section#MultimediaListingThumbs .Block {display:block; float:left; width:100%; position:relative; overflow:hidden; border-radius:30px; overflow:hidden;} section#MultimediaListingThumbs .BlockInner {float:left; width:100%; height:100%; overflow:hidden; background-size:cover; background-position:center center; -o-transition: 1s; -moz-transition: 1s; -khtml-transition: 1s; -webkit-transition: 1s; -ms-transition: 1s; transition: 1s;} section#MultimediaListingThumbs .Description {width:100%; padding:5px; position:absolute; bottom:0px; left:0px; background: rgba(0, 0, 0, 0.6);} section#MultimediaListingThumbs p {color:#ffffff; font-size:0.90em; margin:0px; padding:0px; text-align:center;} section#MultimediaListingThumbs .PlayBTN {width:100%; height:100%; position:absolute; top:0; left:0; background-image:url('../../images/play.png'); background-position:center center; background-size:50px 50px; background-repeat:no-repeat; } section#MultimediaListingThumbs .BlockOuter10:hover .BlockInner {transform: scale(1.05);} section#MultimediaListingThumbs .BlockOuter11:hover .BlockInner {transform: scale(1.05);} section#MultimediaListingThumbs .BlockOuter12:hover .BlockInner {transform: scale(1.05);} /* MULTIMEDIA LISTINGS - COLUMN BLOCKS */ section#MultimediaListingBlocks {float:left; width:100%; margin:0 0 0 0; padding:0 15px; display: flex; justify-content:center; flex-wrap:wrap; position:relative;} section#MultimediaListingBlocks .ImageFullBlock {width:100%; padding:15px; float:left; overflow:hidden;} section#MultimediaListingBlocks .VideoFullBlockOuter {width:100%; padding:15px; float:left; } section#MultimediaListingBlocks .VideoFullBlock {float:left; width:100%; position:relative; background-position:center center; background-size:cover; border-radius:30px; overflow:hidden;} section#MultimediaListingBlocks img {border-radius:30px; overflow:hidden;} section#MultimediaListingBlocks .Description {width:100%; padding:5px; float:left;} section#MultimediaListingBlocks p {color:#222222; font-size:0.75em; padding:0px; text-align:center !important;} section#MultimediaListingBlocks .PlayBTN {width:100%; height:100%; position:absolute; top:0; left:0; background-image:url('../../images/play.png'); background-position:center center; background-size:50px 50px; background-repeat:no-repeat; } .ImageColumns2 {margin:0; width:100%; -webkit-column-count:2; -moz-column-count:2; column-count:2; -webkit-column-gap: 0; -moz-column-gap: 0; column-gap: 0;} .ImageColumns2 p {-webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid-column; display:table;} .ImageColumns2 div {-webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid-column; display:table;} .ImageColumns3 {margin:0; width:100%; -webkit-column-count:3; -moz-column-count:3; column-count:3; -webkit-column-gap: 0; -moz-column-gap: 0; column-gap: 0;} .ImageColumns3 p {-webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid-column; display:table;} .ImageColumns3 div {-webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid-column; display:table;} .ImageColumns4 {margin:0; width:100%; -webkit-column-count:4; -moz-column-count:4; column-count:4; -webkit-column-gap: 0; -moz-column-gap: 0; column-gap: 0;} .ImageColumns4 p {-webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid-column; display:table;} .ImageColumns4 div {-webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid-column; display:table;} /* MULTIMEDIA LISTINGS - SLIDER */ section#MultimediaListingSlider {float:left; width:100%; margin:0 0 0 0; padding:0 15px; display: flex; justify-content:center; flex-wrap:wrap; position:relative;} section#MultimediaListingSlider .Block {float:left; width:100%; position:relative; margin:0; overflow:hidden; border-radius:30px; } section#MultimediaListingSlider .BlockInner {float:left; width:100%; height:100%; background-position:center center; background-size:cover; -o-transition: 1s; -moz-transition: 1s; -khtml-transition: 1s; -webkit-transition: 1s; -ms-transition: 1s; transition: 1s;} section#MultimediaListingSlider .Description {width:100%; padding:5px; position:absolute; bottom:0px; left:0px; background: rgba(0, 0, 0, 0.6);} section#MultimediaListingSlider p {color:#ffffff; font-size:0.90em; padding:0px; text-align:center;} section#MultimediaListingSlider .MediaSlideBlock {float:left; width:100%; padding:15px; position:relative;} section#MultimediaListingSlider .MediaSlideBlock:hover .BlockInner {transform: scale(1.05);} /* MULTIMEDIA LISTINGS - SPONSOR & PARTNER LOGOS */ section#MultimediaListingLogos {float:left; width:100%; margin:0 0 0 0; padding:0 15px; display: flex; justify-content:center; flex-wrap:wrap; position:relative;} section#MultimediaListingLogos .MediaLogoOuter {padding:15px; width:auto; position:relative;} section#MultimediaListingLogos .MediaLogo {border:1px solid #c0c0c0; background-color:#ffffff; padding:5px; } section#MultimediaListingLogos .MediaLogo img {width:auto; height:100%;} .GalleryHeight80 {height:80px !important; overflow:hidden; } .GalleryHeight90 {height:90px !important; overflow:hidden; } .GalleryHeight100 {height:100px !important; overflow:hidden; } .GalleryHeight150 {height:150px !important; overflow:hidden; } .GalleryHeight200 {height:200px !important; overflow:hidden; } .GalleryHeight250 {height:250px !important; overflow:hidden; } .GalleryHeight300 {height:300px !important; overflow:hidden;} .GalleryHeight350 {height:350px !important; overflow:hidden;} .GalleryHeight400 {height:400px !important; overflow:hidden;} .GalleryHeight450 {height:450px !important; overflow:hidden;} .GalleryHeight500 {height:500px !important; overflow:hidden;} .GalleryHeight550 {height:550px !important; overflow:hidden;} .GalleryHeight600 {height:600px !important; overflow:hidden;} .GalleryHeight650 {height:650px !important; overflow:hidden;} .GalleryHeight700 {height:700px !important; overflow:hidden;} .GalleryHeight750 {height:750px !important; overflow:hidden;} .GalleryHeight800 {height:800px !important; overflow:hidden;} /* SITE MAP */ section#SiteMap {float:left; width:100%; max-width:600px; margin:0 0 0 0; padding:0 30px; } section#SiteMap .SiteMap1 {width:100%; margin:0 0 1px 0; color:#222222; float:right; padding:15px 15px 15px 15px; clear:both; } section#SiteMap .SiteMap2 {width:95%; margin:0 0 1px 0; color:#222222; float:right; padding:15px 15px 15px 15px; clear:both; } section#SiteMap .SiteMap3 {width:90%; margin:0 0 1px 0; color:#222222; float:right; padding:15px 15px 15px 15px; clear:both; } section#SiteMap .SiteMap4 {width:85%; margin:0 0 1px 0; color:#222222; float:right; padding:15px 15px 15px 15px; clear:both; } /* SEARCH FORM STYLES */ .SearchForm select {padding:20px; width:300px; float:left; margin-bottom:10px; margin-right:10px;} .SearchForm input {padding:20px; width:300px; float:left; margin-bottom:10px; margin-right:10px;} .SearchForm .SubmitButton {width:150px;} /* INDY STYLES - HOME */ .SectionOuterIndividual1 {background: #712C91; background: linear-gradient(180deg,rgba(113, 44, 145, 1) 0%, rgba(161, 96, 121, 1) 100%);} .SectionOuterIndividual271 {background: #A16079; background: linear-gradient(180deg,rgba(161, 96, 121, 1) 0%, rgba(252, 174, 24, 1) 100%);} .SectionOuterIndividual272 .SliderWave {width:100%; position:absolute; top:-3px; z-index:90; height:100px; background-image:url('../../images/topWaveSliderYellow.png'); background-repeat:no-repeat; background-size:2400px; background-position:top center; } .SectionOuterIndividual272 {height:600px !important;} .SectionOuterIndividual277 h2 {font-size:5em;} .SectionOuterIndividual284 h2 {font-size:5em;} .Planet1 {width:130px; height:130px; background-image:url('../../images/planet-moon.png'); background-repeat:no-repeat; background-size:contain; background-position:center center; position:absolute; top:-100px; right:0; z-index:999999;} .Planet272 {width:160px; height:160px; background-image:url('../../images/planet-wavy.png'); background-repeat:no-repeat; background-size:contain; background-position:center center; position:absolute; top:-60px; right:200px; z-index:999999;} .Planet277 {width:220px; height:220px; background-image:url('../../images/spaceship.png'); background-repeat:no-repeat; background-size:contain; background-position:center center; position:absolute; top:-120px; right:0px; z-index:999999;} .Planet192 {width:130px; height:130px; background-image:url('../../images/planet-rock.png'); background-repeat:no-repeat; background-size:contain; background-position:center center; position:absolute; top:-100px; right:0; z-index:999999;} .Planet193 {width:130px; height:130px; background-image:url('../../images/planet-fire.png'); background-repeat:no-repeat; background-size:contain; background-position:center center; position:absolute; top:-100px; left:300px; z-index:999999;} .Planet278 {width:130px; height:130px; background-image:url('../../images/planet-pink.png'); background-repeat:no-repeat; background-size:contain; background-position:center center; position:absolute; top:-100px; right:50px; z-index:999999;} .Planet194 {width:130px; height:130px; background-image:url('../../images/planet-moon.png'); background-repeat:no-repeat; background-size:contain; background-position:center center; position:absolute; top:-100px; right:0; z-index:999999;} .Planet281 {width:130px; height:130px; background-image:url('../../images/planet-fire.png'); background-repeat:no-repeat; background-size:contain; background-position:center center; position:absolute; top:20px; right:100px; z-index:999999;} .Planet282 {width:130px; height:130px; background-image:url('../../images/planet-wavy.png'); background-repeat:no-repeat; background-size:contain; background-position:center center; position:absolute; top:20px; right:600px; z-index:999999;} .Planet283 {width:130px; height:130px; background-image:url('../../images/planet-rock.png'); background-repeat:no-repeat; background-size:contain; background-position:center center; position:absolute; top:20px; right:60px; z-index:999999;} .Planet286 {width:180px; height:180px; background-image:url('../../images/planet-blue.png'); background-repeat:no-repeat; background-size:contain; background-position:center center; position:absolute; top:-40px; right:-60px; z-index:999999;} .Planet279 {width:220px; height:220px; background-image:url('../../images/spaceship.png'); background-repeat:no-repeat; background-size:contain; background-position:center center; position:absolute; top:-200px; right:40px; z-index:999999;} .Planet201 {width:180px; height:180px; background-image:url('../../images/planet-blue.png'); background-repeat:no-repeat; background-size:contain; background-position:center center; position:absolute; top:-200px; right:-60px; z-index:999999;} .Planet225 {width:130px; height:130px; background-image:url('../../images/planet-rock.png'); background-repeat:no-repeat; background-size:contain; background-position:center center; position:absolute; top:20px; right:60px; z-index:999999;} .SectionInnerIndividual271 .SectionText {width:46% !important; margin-top:40px; background-color:#a6cf46; min-height:auto !important; border-radius:30px; } .SectionInnerIndividual271 .TextHeight400 {min-height:auto !important;} .SectionInnerIndividual271 .TextInner {padding:30px;} .SectionInnerIndividual271 .SectionText h2 {color:#ffffff;} .SectionInnerIndividual271 .SectionText p {color:#ffffff;} .SectionInnerIndividual271 .SectionCTABTN {background-color:#d63582; color:#ffffff; font-family:DefaultTitle; } .SectionInnerIndividual271 .SectionCTABTN:hover {background-color:#fcae18; color:#ffffff; } .Planet271 {width:180px; height:180px; background-image:url('../../images/spaceship.png'); background-repeat:no-repeat; background-size:contain; background-position:center center; position:absolute; bottom:50px; right:0px; z-index:999999;} .SectionInnerIndividual287 .SectionText {background-color:#712c91; min-height:auto !important; border-radius:30px; } .SectionInnerIndividual287 .TextHeight400 {min-height:auto !important;} .SectionInnerIndividual287 .TextInner {padding:30px;} .SectionInnerIndividual287 .SectionImage {width:46% !important; float:right !important; margin-top:-100px;} .SectionInnerIndividual287 .SectionText h2 {color:#ffffff;} .SectionInnerIndividual287 .SectionText p {color:#ffffff;} .SectionInnerIndividual287 .SectionCTABTN {background-color:#d63582; color:#ffffff; font-family:DefaultTitle;} .SectionInnerIndividual287 .SectionCTABTN:hover {background-color:#a6cf46; color:#ffffff; } .Planet287 {width:130px; height:130px; background-image:url('../../images/planet-rock.png'); background-repeat:no-repeat; background-size:contain; background-position:center center; position:absolute; bottom:50px; left:450px; z-index:999999;} /* ERROR ALERT MESSAGE */ #AlertPanel {width:80%; position:fixed; top:20px; left:0; right:0; margin:auto; z-index:9999999999999999999999999999; background-color:#e0310f; border-radius:30px; padding:10px; text-align:center; font-size:1em; } p.AlertPanelText {padding:0px; margin:0px; color:#ffffff;} #AlertPanel a {color:#ffffff; text-decoration:underline;} .closebtn {cursor:pointer; position:absolute; top:6px; right:16px;} .ErrorOuter {width:100%; height:auto; position: relative; float:left; } .ErrorInner {width:100%; max-width:1300px; padding:200px 30px 200px 30px; margin:0 auto; position:relative; } .ErrorInner #AlertPanel {width:80%; position:relative; top:0; left:0; right:0; margin:auto; z-index:9999999999999999999999999999; background-color:#e0310f; border-radius:30px; padding:20px; text-align:center; font-size:1em; } @media only screen and (max-width: 1024px) { /* FOR IPAD AND SMALLER */ .SectionInnerIndividual271 .SectionText {width:100% !important; margin-top:0 !important; margin-bottom:30px; } .SectionInnerIndividual271 .TextInner {padding:30px;} .Planet271 {width:180px; height:180px; background-image:url('../../images/spaceship.png'); background-repeat:no-repeat; background-size:contain; background-position:center center; position:absolute; bottom:50px; right:0px; z-index:999999;} .SectionInnerIndividual287 .SectionText { margin-bottom:30px; } .SectionInnerIndividual287 .TextInner {padding:30px;} .SectionInnerIndividual287 .SectionImage {width:100% !important; margin-top:0px;} .Planet287 {width:130px; height:130px; background-image:url('../../images/planet-rock.png'); background-repeat:no-repeat; background-size:contain; background-position:center center; position:absolute; bottom:50px; left:450px; z-index:999999;} #SubscribeOverlay {width:80%; padding:30px; top:10vh;} .MobileBanner { display:block; } .HomeBanner {display:none; } .VideoBanner {display:none; } nav#MainNavigation {display:none;} #MegaMenuIcon {width:40px; float:right; padding:0px; margin-left:30px; display:inline-block; z-index:99; cursor:pointer; } #MegaMenuIcon img {width:40px;} #MegaMenuIcon svg {width:100%; height:auto; padding:0; float:left; display:block; position:relative;} #MegaMenuIcon svg path {fill:#fcae18 !important;} #MegaMenuIcon svg:hover path {fill:#222222 !important;} #HeadLeft {float:left; width:50%; position:relative;} #HeadRight {float:right; width:50%; position:relative; padding-top:10px;} #MainLeft {float:left; width:100%;} #MainRight {float:right; width:100%; padding:30px 30px 40px 30px; } article.ChildSideBarfalse {width:50%; } article.ChildSideBartrue {width:50%; } article.ChildListSideBarfalse {margin:0px; width:50%; } article.ChildListSideBartrue {margin:0px; width:50%; } article.DocumentsSideBarfalse {width:100%; } article.DocumentsSideBartrue {width:100%; } article.VenueSideBarfalse {width:50%; } article.VenueSideBartrue {width:50%; } article.ProjectSideBarfalse {width:100%; } article.ProjectSideBartrue {width:100%; } article.ProfileSideBarfalse {width:50%; } article.ProfileSideBartrue {width:50%; } article.EventSideBarfalse {width:50%; } article.EventSideBartrue {width:50%; } article.ProductSideBarfalse {width:50%; } article.ProductSideBartrue {width:50%; } article.BlogSideBarfalse {width:50%; } article.BlogSideBartrue {width:50%; } article.CalloutSideBarfalse {width:50%; } article.CalloutSideBartrue {width:50%; } section#ChildDetailPages article .IntroImage {width:100%; border-top-left-radius:30px; border-top-right-radius:30px; border-bottom-left-radius:0px; border-bottom-right-radius:0px; height:250px;} section#ChildDetailPages article .IntroImageAlt {width:100%; border-top-left-radius:30px; border-top-right-radius:30px; border-bottom-left-radius:0px; border-bottom-right-radius:0px; height:250px;} section#ChildDetailPages article .IntroText {width:100%; height:auto; border-top-left-radius:0px; border-top-right-radius:0px; border-bottom-left-radius:30px; border-bottom-right-radius:30px; height:auto;} section#ChildDetailPages article .IntroTextAlt {width:100%; height:auto; border-top-left-radius:0px; border-top-right-radius:0px; border-bottom-left-radius:30px; border-bottom-right-radius:30px; height:auto;} .Columns2 { -webkit-column-count:2; -moz-column-count:2; column-count:2;} .Columns3 { -webkit-column-count:2; -moz-column-count:2; column-count:2;} .Columns4 { -webkit-column-count:2; -moz-column-count:2; column-count:2;} .SectionInnerImageWidth25 .SectionText {width:100%; padding:0 30px; } .SectionInnerImageWidth25 .SectionImage {width:100%; } .SectionInnerImageWidth33 .SectionText {width:100%; padding:0 30px; } .SectionInnerImageWidth33 .SectionImage {width:100%; } .SectionInnerImageWidth50 .SectionText {width:100%; padding:0 30px; } .SectionInnerImageWidth50 .SectionImage {width:100%;} .SectionInnerImageWidth66 .SectionText {width:100%; padding:0 30px; } .SectionInnerImageWidth66 .SectionImage {width:100%;} .SectionInnerImageWidth75 .SectionText {width:100%; padding:0 30px; } .SectionInnerImageWidth75 .SectionImage {width:100%;} .SectionInnerImageAlignLeft .SectionImage {float:left; padding:0 30px 0 30px;} .SectionInnerImageAlignRight .SectionImage {float:right; padding:0 30px 0 30px;} .TextHeight80 {min-height:auto; } .TextHeight90 {min-height:auto; } .TextHeight100 {min-height:auto; } .TextHeight150 {min-height:auto; } .TextHeight200 {min-height:auto; } .TextHeight250 {min-height:auto; } .TextHeight300 {min-height:auto; } .TextHeight350 {min-height:auto; } .TextHeight400 {min-height:auto; } .TextHeight450 {min-height:auto; } .TextHeight500 {min-height:auto; } .TextHeight550 {min-height:auto; } .TextHeight600 {min-height:auto; } .TextHeight650 {min-height:auto; } .TextHeight700 {min-height:auto; } .TextHeight750 {min-height:auto; } .TextHeight800 {min-height:auto; } .InnerPadding20 {padding:20px 40px; border-radius:30px;} .InnerPadding30 {padding:30px 30px; border-radius:30px;} .InnerPadding40 {padding:40px 30px; border-radius:30px;} .InnerPadding50 {padding:50px 30px; border-radius:30px;} .InnerPadding60 {padding:60px 30px; border-radius:30px;} .InnerPadding70 {padding:70px 30px; border-radius:30px;} .InnerPadding80 {padding:80px 30px; border-radius:30px;} .InnerPadding90 {padding:90px 30px; border-radius:30px;} .InnerPadding100 {padding:100px 30px; border-radius:30px;} #BlogPaginationLeft {width:100%; } section#BlogPagination select { float:left; margin:0 15px 0 0; width:150px; } section#BlogPagination input { float:left; margin:0 15px 0 0; width:150px; } #BlogPaginationRight {width:100%; } #BlogPaginationRight p {text-align:left; } section#SiteMap {float:left; clear:both; width:98%; margin:0 1%; } .SignupForm input {width:31.3% !important;} .SignupForm .SubmitButton {width:98% !important;} #FootContact {width:50%; float:left; margin-bottom:30px; position:relative; padding-right:15px; } #FootOpening {width:50%; float:left; margin-bottom:30px; position:relative; padding-right:0px; padding-left:15px;} #FootSocial {width:100%; float:left; margin-bottom:30px; position:relative; padding-right:30px;} #FootNavigation {width:100%; float:left; margin-bottom:30px; position:relative;} .ContactBox {float:left; width:100%; } .ContactBoxRow {min-height:auto;} section#MultimediaListingThumbs .BlockOuter10 {float:left; width:50%; } section#MultimediaListingThumbs .BlockOuter11 {float:left; width:33.3%; } section#MultimediaListingThumbs .BlockOuter12 {float:left; width:33.3%;} .ImageColumns2 {margin:0; width:100%; -webkit-column-count:2; -moz-column-count:2; column-count:2; -webkit-column-gap: 0; -moz-column-gap: 0; column-gap: 0;} .ImageColumns3 {margin:0; width:100%; -webkit-column-count:2; -moz-column-count:2; column-count:2; -webkit-column-gap: 0; -moz-column-gap: 0; column-gap: 0;} .ImageColumns4 {margin:0; width:100%; -webkit-column-count:2; -moz-column-count:2; column-count:2; -webkit-column-gap: 0; -moz-column-gap: 0; column-gap: 0;} .TopHeadOuter {display:none !important;} /* TICKETS */ .TicketBox {float:left; width:100%; padding:15px; } .TicketBoxRow {width:100%; float:left; min-height:260px; padding:30px; position:relative; display: flex; align-items: center; justify-content: center; border-radius:30px;} .TicketBoxRowIcon {margin:auto; width:80px; } .TicketBoxRowIcon img {width:80px;} .TicketBoxRowIcon svg {width:100%; height:auto; padding:0; float:left; display:block; position:relative;} .TicketBoxRowText {margin:auto; clear:both; width:100%; padding-top:10px;} .TicketBoxRowText p {text-align:center; padding:0; margin:0; color:#ffffff !important;} .TicketBoxOuter .TicketBoxRowIcon svg path {fill:#ffffff !important;} .TicketBoxOuter .TicketBoxRowIcon svg:hover path {fill:#ffffff !important;} } @media only screen and (max-width: 667px) { /* FOR IPHONE 6 PORTRAIT AND SMALLER */ .Planet271 {display:none;} .Planet287 {display:none;} .FixImageHeightYes {height:330px !important;} #HeadLeft { width:90%; } #HeadRight {width:10%; } .HeadPhone { display:none;} #Logo {width:80%; max-width:200px; float:left; border:none;} .slick-prev, .slick-next { bottom: 48%; width: 40px; height: 40px;} .slick-prev {right: auto; left: 0px !important;} .slick-next {right: 0px !important; left: auto;} .sidenav {padding-top:15px;} article.ChildSideBarfalse {width:100% !important; } article.ChildSideBartrue {width:100% !important; } article.ChildListSideBarfalse {margin:0px; width:100%; } article.ChildListSideBartrue {margin:0px; width:100%; } article.DocumentsSideBarfalse {width:100% !important; } article.DocumentsSideBartrue {width:100% !important; } article.VenueSideBarfalse {width:100% !important; } article.VenueSideBartrue {width:100% !important; } section#VenueListing article .Image {height:230px;} section#VenueListing article .Text {height:auto;} article.ProjectSideBarfalse {width:100% !important; } article.ProjectSideBartrue {width:100% !important; } section#ProjectListing article .Image {width:100%; height:230px; border-top-left-radius:30px; border-top-right-radius:30px; border-bottom-left-radius:0px; border-bottom-right-radius:0px;} section#ProjectListing article .Text {width:100%; height:auto; border-top-right-radius:0px; border-bottom-left-radius:30px;} .ProjectDateCal {background-color:#fcae18; width:70px; height:70px; position:absolute; bottom:auto; top:-60px; z-index:2; left:20px; padding:5px 5px; border-radius:30px; } .ProjectDateCal p.WeekDay { text-align:center; color:#ffffff !important; line-height:16px; padding:0; margin:0; font-size:0.85em; } .ProjectDateCal p.Day {font-size:2em; font-family:DefaultBold; text-align:center; color:#ffffff !important; line-height:28px; padding:0; margin:0;} .ProjectDateCal p.Month { text-align:center; color:#ffffff !important; line-height:16px; padding:0; margin:0; font-size:0.85em;} article.ProfileSideBarfalse {width:100% !important; } article.ProfileSideBartrue {width:100% !important; } section#ProfileListing article .Image {height:230px;} section#ProfileListing article .Text {height:auto;} article.EventSideBarfalse {width:100% !important; } article.EventSideBartrue {width:100% !important; } section#EventListing article .Image {height:230px;} section#EventListing article .Text {height:auto;} article.ProductSideBarfalse {width:100% !important; } article.ProductSideBartrue {width:100% !important; } section#ProductListing article .Image {height:230px;} section#ProductListing article .Text {height:auto;} article.BlogSideBarfalse {width:100% !important; } article.BlogSideBartrue {width:100% !important; } section#Blog article .Image {height:230px;} section#Blog article .Text {height:auto;} article.CalloutSideBarfalse {width:100% !important; } article.CalloutSideBartrue {width:100% !important; } .Columns2 { -webkit-column-count:1; -moz-column-count:1; column-count:1;} .Columns3 { -webkit-column-count:1; -moz-column-count:1; column-count:1;} .Columns4 { -webkit-column-count:1; -moz-column-count:1; column-count:1;} section#BlogPagination select { float:left; margin:0 0 10px 0; width:100%; } section#BlogPagination input { float:left; margin:0 0 10px 0; width:100%; } .NewsletterForm input {width:98% !important;} #FootContact {width:100%; float:left; margin-bottom:30px; position:relative; padding-right:0; } #FootOpening {width:100%; float:left; margin-bottom:30px; position:relative; padding-right:0px; padding-left:0;} #FootSocial {width:100%; float:left; margin-bottom:30px; position:relative; padding-right:0;} #FootNavigation {width:100%; float:left; margin-bottom:30px; position:relative;} .FootLinks {margin:0 0 5px 0; width:100%;} section#MultimediaListingThumbs .BlockOuter10 {float:left; width:50%; } section#MultimediaListingThumbs .BlockOuter11 {float:left; width:50%; } section#MultimediaListingThumbs .BlockOuter12 {float:left; width:50%;} .ImageColumns2 {margin:0; width:100%; -webkit-column-count:1; -moz-column-count:1; column-count:1; -webkit-column-gap: 0; -moz-column-gap: 0; column-gap: 0;} .ImageColumns3 {margin:0; width:100%; -webkit-column-count:1; -moz-column-count:1; column-count:1; -webkit-column-gap: 0; -moz-column-gap: 0; column-gap: 0;} .ImageColumns4 {margin:0; width:100%; -webkit-column-count:1; -moz-column-count:1; column-count:1; -webkit-column-gap: 0; -moz-column-gap: 0; column-gap: 0;} .tablink { float:left; margin:0px; border: none; outline: none;cursor: pointer; padding:10px;width:100%; height:auto; border-radius:30px;} .tablink img {width:30%; padding:0 0% 0px 0%; float:left; max-width:30px;} .tablink p {text-align:left; color:#222222; font-size:1.80em; line-height:32px; padding:0 0 0 15px; margin:0; float:left;} .FolderImages {width:100% !important;} .ServiceRight {float:right; width:100%;} .ServiceLeft {float:left; width:100%;} .GalleryHeight80 {height:80px !important; overflow:hidden; } .GalleryHeight90 {height:90px !important; overflow:hidden; } .GalleryHeight100 {height:100px !important; overflow:hidden; } .GalleryHeight150 {height:150px !important; overflow:hidden; } .GalleryHeight200 {height:200px !important; overflow:hidden; } .GalleryHeight250 {height:250px !important; overflow:hidden; } .GalleryHeight300 {height:300px !important; overflow:hidden;} .GalleryHeight350 {height:350px !important; overflow:hidden;} .GalleryHeight400 {height:350px !important; overflow:hidden;} .GalleryHeight450 {height:350px !important; overflow:hidden;} .GalleryHeight500 {height:350px !important; overflow:hidden;} .GalleryHeight550 {height:350px !important; overflow:hidden;} .GalleryHeight600 {height:350px !important; overflow:hidden;} .GalleryHeight650 {height:350px !important; overflow:hidden;} .GalleryHeight700 {height:350px !important; overflow:hidden;} .GalleryHeight750 {height:350px !important; overflow:hidden;} .GalleryHeight800 {height:350px !important; overflow:hidden;} .InnerPadding20 {padding:20px 0px; border-radius:0px;} .InnerPadding30 {padding:30px 0px; border-radius:0px;} .InnerPadding40 {padding:40px 0px; border-radius:0px;} .InnerPadding50 {padding:50px 0px; border-radius:0px;} .InnerPadding60 {padding:60px 0px; border-radius:0px;} .InnerPadding70 {padding:70px 0px; border-radius:0px;} .InnerPadding80 {padding:80px 0px; border-radius:0px;} .InnerPadding90 {padding:90px 0px; border-radius:0px;} .InnerPadding100 {padding:100px 0px; border-radius:0px;} #HomeHeadHolder {max-width:1300px;margin:auto; position:relative; margin-top:20px; height:200px;} #SpaceMan {position:relative; right:auto; float:left; top:0px; width:100%; max-width:600px; z-index:999;} #Text {position:relative; float:left; left:0px; top:0px; width:100%; max-width:600px; z-index:200;} #Text h1 {font-family:DefaultTitle; font-size:3em; color:#fcae18;} #Planet1 {display:none;} #Planet2 {position:absolute; left:-50px !important; top:20px; width:200px; z-index:188;} #Comet {position:absolute; left:450px; top:-50px; width:50px; z-index:188;} #NewsletterLeft {float:left; width:100%; margin-bottom:15px;} #NewsletterRight {float:right; width:100%;} .Planet192 {display:none;} .Planet278 {display:none;} .Planet194 {display:none;} .Planet281 {display:none;} .Planet282 {display:none;} .Planet283 {display:none;} .Planet225 {display:none;} .Planet201 {display:none;} h1 { padding:0 0 10px 0; font-size:2.80em;} .Planet279 {display:none;} } /* HTML RESET */ html {scroll-behavior: smooth;} *{margin:0px; padding:0px; border:0px;} table {border-collapse:collapse;} img {vertical-align:middle;} input {-webkit-appearance:none; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; outline:none;} select {-webkit-appearance:none; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; outline:none;} textarea {-webkit-appearance:none; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; outline:none;} header:after {content:"."; display:block; height:0; clear:both; overflow:hidden;} header {display:inline-block;} * html header {height: 0px; overflow:hidden;} header {display: block; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;} nav:after {content:"."; display:block; height:0; clear:both; overflow:hidden;} nav {display:inline-block;} * html nav {height: 0px; overflow:hidden;} nav {display: block; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;} section:after {content:"."; display:block; height:0; clear:both; overflow:hidden;} section {display:inline-block;} * html section {height: 0px; overflow:hidden;} section {display: block; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;} article:after {content:"."; display:block; height:0; clear:both; overflow:hidden;} article {display:inline-block;} * html article {height: 0px; overflow:hidden;} article {display: block; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;} aside:after {content:"."; display:block; height:0; clear:both; overflow:hidden;} aside {display:inline-block;} * html aside {height: 0px; overflow:hidden;} aside {display: block; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;} footer:after {content:"."; display:block; height:0; clear:both; overflow:hidden;} footer {display:inline-block;} * html footer {height: 0px; overflow:hidden;} footer {display: block; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;} div:after {content:"."; display:block; height:0; clear:both; overflow:hidden;} div {display:inline-block;} * html div {height: 0px; overflow:hidden;} div {display: block; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;} img {max-width:100%;} /* SLICK SLIDER STYLES */ .slick-prev { -o-transition: 1s; -moz-transition: 1s; -khtml-transition: 1s; -webkit-transition: 1s; -ms-transition: 1s; transition: 1s; font-size: 0; line-height: 0; position: absolute; display: block; padding: 0; cursor: pointer; border-radius:50%; background-size:100%; background-position:center center; z-index:3; background-repeat:no-repeat; } .slick-next { -o-transition: 1s; -moz-transition: 1s; -khtml-transition: 1s; -webkit-transition: 1s; -ms-transition: 1s; transition: 1s; font-size: 0; line-height: 0; position: absolute; display: block; padding: 0; cursor: pointer; border-radius:50%; background-size:100%; background-position:center center; z-index:3; background-repeat:no-repeat; } .slick-prev {left: 0px;} .slick-prev {left: -5px !important; right: auto;} .slick-next {right:0px;} .slick-next {left: auto; right: -5px !important;} .slick-dotted.slick-slider{margin-bottom:0;} .slick-dots {position: absolute; bottom: 0px; display: block; width: 100%; padding: 0; margin: 0; list-style: none; text-align: center; } .slick-dots li { position: relative; display: inline-block; width: 10px; height: 10px; margin: 0 3px; cursor: pointer;} .slick-dots li button {font-size: 0; line-height: 0; display: block; width: 10px; height: 10px; cursor: pointer; border: 0; outline: none; border-radius:100px;} .slick-dots li button:hover, .slick-dots li button:focus {outline: none; } .slick-dots li button:hover:before, .slick-dots li button:focus:before {} .slick-dots li button:before {border-radius:100px; font-size: 40px; line-height: 30px; position: absolute; bottom: 0; left: 0; width: 10px; height: 10px; content: ''; text-align: center; -webkit-font-smoothing: antialiased; } .slick-dots li.slick-active button:before {opacity:1 !important; z-index:9;} .slick-slide {margin:0; padding:0;} .slick-slide img {width:100%; padding:0; margin:0;} .slick-prev:before, .slick-next:before {color: black;} .slick-slide {transition: all ease-in-out .3s; opacity: .2;} .slick-active {opacity: 1;} .slick-current {opacity: 1;} /* SLICK SLIDER RESPONSIVE SETTINGS */ .responsiveHead { width:100%; margin:0 !important; padding:0 !important; float:left; position:relative; } .responsiveTestimonials { width:100%; margin:0 !important; padding:0 !important; float:left; position:relative; } .responsiveChild { width:100%; margin:0 !important; padding:0 !important; float:left; position:relative; } .responsive1 { width:100%; margin:0 !important; padding:0 !important; float:left; position:relative; } .responsive2 { width:100%; margin:0 !important; padding:0 !important; float:left; position:relative; } .responsive3 { width:100%; margin:0 !important; padding:0 !important; float:left; position:relative; } .responsive4 { width:100%; margin:0 !important; padding:0 !important; float:left; position:relative; } .responsive { width:100%; margin:0 !important; padding:0 !important; float:left; position:relative; display: flex; justify-content:center; flex-wrap:wrap; } .responsiveTestimonialsAlt1 { width:100%; margin:0 !important; padding:0 !important; float:left; position:relative; } .responsiveTestimonialsAlt2 { width:100%; margin:0 !important; padding:0 !important; float:left; position:relative; } .responsiveTestimonialsAlt3 { width:100%; margin:0 !important; padding:0 !important; float:left; position:relative; } .responsiveTestimonialsAlt4 { width:100%; margin:0 !important; padding:0 !important; float:left; position:relative; } .responsiveTestimonialsAlt { width:100%; margin:0 !important; padding:0 !important; float:left; position:relative; display: flex; justify-content:center; flex-wrap:wrap; } /* GENERAL TABLE SYTLE */ table p {margin:0; padding:0;} table {margin-top:30px; border-collapse: collapse; margin-bottom:20px; width:100%; font-size:1em; } tr td {padding:10px 10px; } tr th {padding:10px 10px; text-align:left;} /* COLUMN FORMATTING */ .Columns0 {margin:0; float:left; width:100%;} .Columns1 {margin:0; float:left; width:100%;} .Columns2 {margin:0; width:100%; -webkit-column-count:2; -moz-column-count:2; column-count:2; -webkit-column-gap: 30px; -moz-column-gap: 30px; column-gap: 30px;} .Columns2 p {-webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid-column; display:table;} .Columns2 div {-webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid-column; display:table;} .Columns3 {margin:0; width:100%; -webkit-column-count:3; -moz-column-count:3; column-count:3; -webkit-column-gap: 30px; -moz-column-gap: 30px; column-gap: 30px;} .Columns3 p {-webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid-column; display:table;} .Columns3 div {-webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid-column; display:table;} .Columns4 {margin:0; width:100%; -webkit-column-count:4; -moz-column-count:4; column-count:4; -webkit-column-gap: 30px; -moz-column-gap: 30px; column-gap: 30px;} .Columns4 p {-webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid-column; display:table;} .Columns4 div {-webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid-column; display:table;} /* BASIC FONT STYLES */ /*@font-face {font-family: 'DefaultTitle'; src: url('../fonts/spaceman.eot'); src: url('../fonts/spaceman.eot?#iefix') format('embedded-opentype'), url('../fonts/spaceman.woff') format('woff'), url('../fonts/spaceman.ttf') format('truetype'), url('../fonts/spaceman.svg#nexa_boldregular') format('svg'); font-weight: normal; font-style: normal;}*/ @font-face { font-family: 'DefaultTitle'; src: src: url('../fonts/expansiva.otf'), url('../fonts/expansiva-webfont.woff') format('woff'), url('../fonts/expansiva_bold-webfont') format('woff'); font-weight: bold; font-style: normal; } /*font-face { font-family: 'DefaultBold'; src: url('../fonts/Roboto-Bold.eot'); src: url('../fonts/Roboto-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/Roboto-Bold.woff') format('woff'), url('../fonts/Roboto-Bold.ttf') format('truetype'), url('../fonts/Roboto-Bold.svg#nexa_boldregular') format('svg'); font-weight: normal; font-style: normal; }*/ @font-face { font-family: 'DefaultMedium'; src: url('../fonts/Roboto-Medium.eot'); src: url('../fonts/Roboto-Medium.eot?#iefix') format('embedded-opentype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'DefaultLight'; src: url('../fonts/Roboto-Light.eot'); src: url('../fonts/Roboto-Light.eot?#iefix') format('embedded-opentype'),url('../fonts/Roboto-Light.woff') format('woff'),url('../fonts/Roboto-Light.ttf') format('truetype'),url('../fonts/Roboto-Light.svg#nexa_boldregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'DefaultTitleBold'; src: url('../fonts/expansiva_bold-webfont.woff2') format('woff2'), url('..fonts/expansiva_bold-webfont.woff') format('woff'); font-weight: normal; font-style: normal; }