/* BROWSER SCROLL BAR */ ::-webkit-scrollbar {width:10px;} ::-webkit-scrollbar-track {background: #081018;} ::-webkit-scrollbar-thumb {background: #645ca5;} ::-webkit-scrollbar-thumb:hover {background: #c5908b;} /* BASIC FORM STYLES */ input {font-size:1em; font-family:DefaultMedium; padding:16px; border-radius:0px; -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:0px; -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:0px; -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: #645ca5;} .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:#060606; 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:DefaultBlack; letter-spacing:-2px; position:relative; width:100%; float:left; } h2 { padding:0 0 10px 0; font-size:2.60em; font-weight:normal; font-family:DefaultBlack; letter-spacing:-1px; position:relative; width:100%; float:left; } h3 { padding:0 0 10px 0; font-size:1.60em; font-weight:normal; font-family:DefaultBlack;} h4 { padding:0 0 10px 0; font-size:1.20em; font-weight:normal; font-family:DefaultBold;} h1.Titleleft:after {bottom:0px; content: ""; display:block; height:6px; position:relative; width:80px;} h1.Titlecenter:after {bottom:6px; right:0px; left:0px; content: ""; display:block; height:5px; position:absolute; width:80px; margin:0 auto 0 auto;} h2.Titleleft:after {bottom:0px; content: ""; display:block; height:5px; position:relative; width:50px;} h2.Titlecenter:after {bottom:6px; right:0px; left:0px; content: ""; display:block; height:5px; position:absolute; width:50px; margin:0 auto 0 auto;} 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:#000000; font-family:DefaultBold; margin-bottom:40px; padding-top:3px; padding-bottom:7px; float:left; display:inline-block;} .textcolourbrand {color:#645ca5;} .textcolourbrandalt {color:#c5908b;} .textcolourgreen {color:#34c602;} .textcolourblue {color:#026ed3;} .textcolourred {color:#d30210;} .textcolouryellow {color:#d3b802;} .textcolourorange {color:#ff9900;} .textcolourblack {color:#000000;} .textcolourwhite {color:#ffffff;} .textcolourpink {color:#fd60da;} .textcolourgrey {color:#555555;} .textcolourpurple {color:#7513fb;} ::selection {color:#ffffff; background-color:#645ca5;} ::-moz-selection {color:#ffffff; background-color:#645ca5;} /* 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:#000000; position:fixed; border-radius:0px; 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:#645ca5; --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:#ffffff !important;} header.TopHeadInner #HeadSocial .SocialIcon svg:hover path {fill:#000000 !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:#ffffff !important;} .TopIcon svg:hover path {fill:#ffffff !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; font-family:DefaultBold;} .TopText a {color:#ffffff;} .TopText a:hover {color:#000000;} .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:#ffffff !important;} .TopIconEmail svg:hover path {fill:#ffffff !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; font-family:DefaultBold; } .TopTextEmail a {color:#ffffff;} .TopTextEmail a:hover {color:#000000;} /* ALERT STYLES */ #SiteAlert {float:left; width:100%; padding:10px 100px; background-color:#645ca5;} #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-color:#000000;} .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:20px 30px 20px 30px; margin:0 auto; position:relative; } #HeadLeft {float:left; width:30%; position:relative;} #Logo {width:100%; max-width:130px; height:auto; float:left; border:none;} #HeadRight {float:right; width:70%; position:relative;} nav#MainNavigation {width:100%; height:30px; float:right; clear:both; margin-top:30px;} .HeadPhone { height:40px; float:right; } .HeadPhoneRow {margin:0 auto 10px auto; width:100%;} .HeadPhoneIcon {width:35px; float:right;} .HeadPhoneIcon img {width:35px;} .HeadPhoneIcon svg {width:100%; height:auto; padding:0; float:left; display:block; position:relative;} .HeadPhoneIcon svg path {fill:#645ca5 !important; -o-transition: 1s; -moz-transition: 1s; -khtml-transition: 1s; -webkit-transition: 1s; -ms-transition: 1s; transition: 1s; } .HeadPhoneRow:hover .HeadPhoneIcon svg path {fill:#c5908b !important;} .HeadPhoneText {display:inline-block; padding-left:10px; float:right; } .HeadPhoneText p {font-family:DefaultBold; text-align:left; font-size:1.80em; margin-bottom:0px !important; line-height:35px !important;} .HeadPhoneText a {color:#645ca5; -o-transition: 1s; -moz-transition: 1s; -khtml-transition: 1s; -webkit-transition: 1s; -ms-transition: 1s; transition: 1s; } .HeadPhoneRow:hover .HeadPhoneText a {color:#c5908b;} /* HOME HERO STYLES */ .SectionInnerPageHero {padding:30px 0 80px 0;} .SectionInnerPageHero .SectionTextFull {max-width:700px;} .SectionOuterStyleBlack .SectionInnerMedium {max-width:900px;} .SectionInnerPageHero h1 {background: -webkit-linear-gradient(-42deg, #d7b3b0, #d7b3b0, #66bee0, #ada4da, #ada4da); -webkit-background-clip: text; -webkit-text-fill-color: transparent;} .SectionInnerPageHero p {font-family:DefaultMedium; font-size:1.30em;} #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:#645ca5; 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:#c5908b;} /* SLIDER / BANNER */ .HomeSlide {float:left; position:relative; overflow:hidden; background-color:#ff99cc;} .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:40px; z-index:6; width:100%; padding-right:40px;} .HomeBannerText h2 {color:#ffffff; font-size:2em; } .HomeBannerText p {color:#ffffff;} .SliderTextBlock1 {float:left; background-color:#519ab0; display:inline-block; padding:6px 15px 2px 15px;} .SliderTextBlock2 {float:left; background-color:#000000; max-width:480px; width:92%; padding:6px 15px 2px 15px; clear:both;} .HomeBannerBTN {background-color:#645ca5; color:#ffffff; border-radius:0px; line-height:55px; padding:0 70px 0 20px; -o-transition: 1s; -moz-transition: 1s; -khtml-transition: 1s; -webkit-transition: 1s; -ms-transition: 1s; transition: 1s; font-family:DefaultBold; background-image:url('../../images/circle-arrow-white.png'); background-repeat:no-repeat; font-size:1.10em; background-size:30px; background-position:right 18px center;} .HomeBannerBTN:hover {background-color:#c5908b; color:#ffffff;} .SliderTextleft {text-align:left; max-width:900px; } .SliderTextcenter {text-align:center;} .SliderBTNleft {margin:30px 0; float:left; } .SliderBTNcenter {margin:30px auto; } .BannerAlignleft {float:left; width:100%;} .BannerAligncenter {display: flex; align-items: center; justify-content: center;} .SliderBTNcenter {margin:auto;} #ArrowShow {float:left; width:100%; height:0px; position:relative;} section.repHead .slick-prev {right: auto; left: 30px !important; bottom: 275px; width: 50px; height: 50px; background-image:url('../../images/prevwhite.png'); } section.repHead .slick-next {right: 30px !important; left: auto; bottom: 275px; width: 50px; height: 50px; background-image:url('../../images/nextwhite.png');} section.repHead .slick-dots {bottom: 50px !important;} section.repHead .slick-prev {background-color:#000000; } section.repHead .slick-next {background-color:#000000; } section.repHead .slick-prev:hover, section.repHead .slick-prev:focus {background-color:#c5908b; } section.repHead .slick-next:hover, section.repHead .slick-next:focus {background-color:#c5908b; } section.repHead .slick-dots li button {background-color:#f2f2f2;} section.repHead .slick-dots li button:hover, section.repHead .slick-dots li button:focus {background-color:#645ca5;} section.repHead .slick-dots li button:hover:before, section.repHead .slick-dots li button:focus:before {background-color:#645ca5;} section.repHead .slick-dots li.slick-active button:before {background-color:#645ca5;} .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:100; top: 0; right: 0; background-color:#000000; 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:100px; 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 #645ca5; position:relative;position:relative;} .sidenav .NavLink:hover {color:#645ca5;} .sidenav .SubNavLink {color:#ffffff; width:100%; float:left; padding:7px 0 7px 40px; font-family:DefaultBold; font-size:1.10em;} .sidenav .SubNavLink:hover {color:#645ca5;} .sidenav .Sub2NavLink {color:#ffffff; width:100%; float:left; padding:7px 0 7px 50px; font-family:DefaultBold; font-size:0.90em;} .sidenav .Sub2NavLink:hover {color:#645ca5;} #MenuSocial {width:100%; margin:15px 0 0 0; float:left; border-top:1px solid #645ca5; 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:#645ca5 !important;} #MenuSocial .SocialIcon svg:hover path {fill:#000000 !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:0px;} #dropnav .dir li:hover {display:block;} a.btn {display:block; font-size:1.05em; color:#ffffff; float:left; margin:0 0 0 25px; text-align:center; line-height:30px; font-family:DefaultBold; } a.btn:hover {display:block; color:#ffffff; border-bottom:4px solid #c5908b; } a.btnActive {display:block; font-size:1.05em; color:#ffffff; float:left; margin:0 0 0 25px; text-align:center; border-bottom:4px solid #c5908b; line-height:30px; font-family:DefaultBold; } a.btnActive:hover {display:block; color:#ffffff; border-bottom:4px solid #c5908b;} a.btn2 {display:block; font-size:1em; color:#ffffff; padding:8px; background-color:#000000; -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:#645ca5;} /* CTA STYLES */ .FootCTAOuter {width:100%; height:auto; position: relative; float:left; background-color:#f4f4f5;} footer.FootCTAInner { max-width:1000px; padding:50px 30px; margin:0 auto; position:relative; } footer.FootCTAInner h2 {color:#000000; } footer.FootCTAInner h3 {color:#000000; } footer.FootCTAInner p {color:#645ca5; } footer.FootCTAInner a {color:#645ca5; } footer.FootCTAInner big {color:#645ca5; font-size:1.60em;} .CTARowOuter {margin:0; width:100%; } .CTARow {margin:0 auto 10px auto; width:100%; display: flex; justify-content:center; flex-wrap:wrap; } .CTAIcon {width:35px; } .CTAIcon img {width:35px;} .CTAIcon svg {width:100%; height:auto; padding:0; float:left; display:block; position:relative;} .CTAIcon svg path {fill:#645ca5 !important;} .CTAIcon svg:hover path {fill:#645ca5 !important;} .CTAText {display:inline-block; padding-left:10px; } .CTAText p {font-size:2em !important; margin-bottom:0px !important; line-height:35px !important;} .CTARowEmail {margin:0 auto 10px auto; width:100%; display: flex; justify-content:center; flex-wrap:wrap; } .CTAIconEmail {width:25px; } .CTAIconEmail img {width:25px;} .CTAIconEmail svg {width:100%; height:auto; padding:0; float:left; display:block; position:relative;} .CTAIconEmail svg path {fill:#645ca5 !important;} .CTAIconEmail svg:hover path {fill:#645ca5 !important;} .CTATextEmail {display:inline-block; padding-left:10px; } .CTATextEmail p {font-size:1.20em !important; margin-bottom:0px !important; line-height:25px !important;} /* FOOTER STYLES */ #RainbowStrip {width:100%; float:left; height:30px; background: #E8A5A5; background: linear-gradient(87deg,rgba(232, 165, 165, 0.95) 0%, rgba(162, 193, 201, 1) 30%, rgba(100, 92, 165, 1) 60%, rgba(129, 193, 217, 1) 100%);} .FootOuter {width:100%; height:auto; position: relative; float:left; background-color:#000000;} footer.FootInner {max-width:1300px; padding:110px 30px 80px 30px; margin:0 auto; position:relative; } footer.FootInner h1 {color:#ffffff;} footer.FootInner h2 {color:#ffffff;} footer.FootInner h3 {color:#ffffff; margin-bottom:10px;} footer.FootInner h4 {color:#ffffff;} footer.FootInner p {color:#ffffff; } footer.FootInner a { color:#ffffff;} footer.FootInner a:hover { color:#645ca5; } #FootContact {width:26%; 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:#645ca5 !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; display:none;} .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:#645ca5 !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:#645ca5 !important;} #FootSocial .SocialIcon svg:hover path {fill:#ffffff !important;} #FootNavigation {width:56%; float:left; margin-bottom:30px; position:relative;} .FootLinks {margin:0 1% 5px 0; line-height:30px; width:32.1%; 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;} /* 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:0px;} .SideBarDefault .ItemBG {background-color:#f4f4f5;} .SideBarAlternate {float:left; width:100%; background-color:#f4f4f5; padding:30px; border-radius:0px;} .SideBarAlternate .ItemBG {background-color:#ffffff;} .SideBarBrand {float:left; width:100%; background-color:#645ca5; padding:30px; border-radius:0px;} .SideBarBrand .ItemBG {background-color:#ffffff;} .SideBarBrandAlt {float:left; width:100%; background-color:#c5908b; padding:30px; border-radius:0px;} .SideBarBrandAlt .ItemBG {background-color:#ffffff;} .SideImage {width:100%; float:left; overflow:hidden; border-radius:0px;} .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 #645ca5; padding:10px; color:#333333;} .SubLink2 {color:#000000;} .SubLink2:hover {color:#645ca5 !important;} .SubLink3 {float:left; width:100%; margin:0 0 2px 0; border-bottom:1px solid #645ca5; padding:10px 10px 10px 30px; color:#333333;} .SubLink3 {color:#000000;} .SubLink3:hover {color:#645ca5 !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; } .SectionInnerCollapse {max-width:100%; } /* DEFAULT */ .color-Default {background-color: #ffffff;} .StaticColourDefault {background-color: #ffffff;} .PanelColourDefault h1 {color:#000000;} .PanelColourDefault h2 {color:#000000;} .PanelColourDefault h3 {color:#000000;} .PanelColourDefault h4 {color:#000000;} .PanelColourDefault p {color:#000000;} .PanelColourDefault li {color:#000000;} .PanelColourDefault a { color:#c5908b;} .PanelColourDefault a:hover { color:#000000;} .SectionOuterStyleDefault .PanelInnerOutline {border:1px solid #000000;} .StaticColourDefault h1:after {background: none repeat scroll 0 0 #645ca5;} .StaticColourDefault h2:after {background: none repeat scroll 0 0 #645ca5;} /* DEFAULT - ITEMS: CHILD PAGES, FAQS, TESTIMONIALS, DOWNLOADS, LISTINGS */ .PanelColourDefault .ItemBG {background-color:#000000;} .PanelColourDefault .ItemHoverBG {background-color:#000000; -o-transition: 1s; -moz-transition: 1s; -khtml-transition: 1s; -webkit-transition: 1s; -ms-transition: 1s; transition: 1s;} .PanelColourDefault article:hover .ItemHoverBG {background-color:#000000;} .PanelColourDefault .Item h1 {color:#ffffff;} .PanelColourDefault .Item h2 {color:#ffffff;} .PanelColourDefault .Item h3 {color:#ffffff;} .PanelColourDefault .Item h4 {color:#ffffff;} .PanelColourDefault .Item p {font-size:0.90em; color:#ffffff;} .PanelColourDefault .Item li {color:#ffffff;} .PanelColourDefault .Item a { color:#ffffff;} .PanelColourDefault .Item a:hover { color:#645ca5;} /* DEFAULT - ALT ITEMS: INFOGRAPHICS */ .PanelColourDefault .ItemAltBG {background-color:#645ca5;} .PanelColourDefault .ItemAltHoverBG {background-color:#645ca5; -o-transition: 1s; -moz-transition: 1s; -khtml-transition: 1s; -webkit-transition: 1s; -ms-transition: 1s; transition: 1s;} .PanelColourDefault article:hover .ItemAltHoverBG {background-color:#000000;} .PanelColourDefault .ItemAlt h1 {color:#ffffff;} .PanelColourDefault .ItemAlt h2 {color:#ffffff;} .PanelColourDefault .ItemAlt h3 {color:#ffffff;} .PanelColourDefault .ItemAlt h4 {color:#ffffff;} .PanelColourDefault .ItemAlt p {color:#ffffff;} .PanelColourDefault .ItemAlt li {color:#ffffff;} /* DEFAULT - BUTTONS */ .PanelColourDefault .SectionCTABTN {background-color:#645ca5; color:#ffffff; border-radius:0px; margin-top:20px; line-height:55px; padding:0 70px 0 20px; -o-transition: 1s; -moz-transition: 1s; -khtml-transition: 1s; -webkit-transition: 1s; -ms-transition: 1s; transition: 1s; font-family:DefaultBold; background-image:url('../../images/circle-arrow-white.png'); background-repeat:no-repeat; font-size:1.10em; background-size:30px; background-position:right 18px center;} .PanelColourDefault .SectionCTABTN:hover {background-color:#c5908b; color:#ffffff; } /* DEFAULT - SLIDER ARROWS */ .PanelColourDefault .slick-prev {background-color:#645ca5; bottom: 48%; width: 50px; height: 50px; background-image:url('../../images/prevwhite.png'); } .PanelColourDefault .slick-next {background-color:#645ca5; bottom: 48%; width: 50px; height: 50px; background-image:url('../../images/nextwhite.png');} .PanelColourDefault .slick-prev:hover, .PanelColourDefault .slick-prev:focus {background-color:#c5908b; } .PanelColourDefault .slick-next:hover, .PanelColourDefault .slick-next:focus {background-color:#c5908b; } .PanelColourDefault .slick-dots li button {background-color:#f4f4f5;} .PanelColourDefault .slick-dots li button:hover, .PanelColourDefault .slick-dots li button:focus {background-color:#645ca5;} .PanelColourDefault .slick-dots li button:hover:before, .PanelColourDefault .slick-dots li button:focus:before {background-color:#645ca5;} .PanelColourDefault .slick-dots li.slick-active button:before {background-color:#645ca5;} /* DEFAULT - FAQS */ .PanelColourDefault section#FAQListing .accordion .FAQAW {background-color:#645ca5; background-image:url('../../images/nextwhite.png'); } .PanelColourDefault section#FAQListing .accordion:hover .FAQAW {background-color:#c5908b;} .PanelColourDefault section#FAQListing .accordion.active {background-color:#c5908b; } .PanelColourDefault section#FAQListing .accordion.active .FAQAW {background-color:#c5908b;} /* DEFAULT - FORM STYLES */ .PanelColourDefault input {color:#000000; background-color:#f4f4f5; border: 1px solid #f4f4f5;} .PanelColourDefault select {color:#000000; background-color:#f4f4f5; border: 1px solid #f4f4f5;} .PanelColourDefault textarea {color:#000000; background-color:#f4f4f5; border:1px solid #f4f4f5;} .PanelColourDefault input[type=checkbox] {background-color:#f4f4f5; border:1px solid #f4f4f5;} .PanelColourDefault input[type=checkbox]:checked {background: #645ca5; border:1px solid #645ca5; background-image:url('../../images/tick.png'); } .PanelColourDefault input[type=radio] {background-color:#f4f4f5; border:1px solid #f4f4f5;} .PanelColourDefault input[type=radio]:checked {background: #645ca5; border:1px solid #645ca5;} .PanelColourDefault input:focus {background:#ffffff; border: 1px solid #645ca5;} .PanelColourDefault textarea:focus {background:#ffffff; border: 1px solid #645ca5;} .PanelColourDefault select:focus {background:#ffffff; border: 1px solid #645ca5;} .PanelColourDefault .SubmitButton {background-color:#645ca5; color:#ffffff; border: 1px solid #645ca5;} .PanelColourDefault .SubmitButton:hover {background-color:#c5908b; border: 1px solid #c5908b; } .PanelColourDefault ::-webkit-input-placeholder {color: #c0c0c0;} .PanelColourDefault :-ms-input-placeholder { color: #c0c0c0;} .PanelColourDefault ::-moz-placeholder { color: #c0c0c0; opacity: 1;} .PanelColourDefault :-moz-placeholder {color: #c0c0c0; opacity: 1;} /* DEFAULT - TABLE SYTLE */ .PanelColourDefault tr {border-bottom:#cccccc 1px solid;} .PanelColourDefault tr{background: #f2f2f2;} .PanelColourDefault tr:nth-child(odd){background: #f2f2f2;} .PanelColourDefault tr:nth-child(even){background: #ffffff;} /* DEFAULT - FOLDER STYLES SYTLE */ .PanelColourDefault .tablink p {color:#000000;} .PanelColourDefault .tabcontent p {color:#000000;} .PanelColourDefault .tabcontent h3 {color:#000000;} /* DEFAULT - INDEX STYLES */ .PanelColourDefault section#SectionIndex .IndexRow {border-bottom:1px solid rgba(0, 0, 0, 0.5); } .PanelColourDefault section#SectionIndex .IndexArrow {color:#000000; } /* DEFAULT - CONTACT DETAILS ALTERNATIVE */ .PanelColourDefault .ContactBoxRowIcon svg path {fill:#645ca5 !important;} .PanelColourDefault .ContactBoxRowIcon svg:hover path {fill:#645ca5 !important;} .PanelColourDefault .ContactBoxRowText p {color:#000000;} .PanelColourDefault p.ContactAltBig {color:#645ca5;} /* DEFAULT - BREADCRUMBS */ .StaticColourDefault .Breadcrumbs p {color:#000000;} .StaticColourDefault .Breadcrumbs a { color:#645ca5;} .StaticColourDefault .Breadcrumbs a:hover {color:#000000 } /* ALTERNATE */ .color-Alternate {background-color: #f4f4f5;} .StaticColourAlternate {background-color: #f4f4f5;} .PanelColourAlternate h1 {color:#000000;} .PanelColourAlternate h2 {color:#000000;} .PanelColourAlternate h3 {color:#000000;} .PanelColourAlternate h4 {color:#000000;} .PanelColourAlternate p {color:#000000; font-size:0.90em;} .PanelColourAlternate li {color:#000000;} .PanelColourAlternate a { color:#c5908b;} .PanelColourAlternate a:hover { color:#000000;} .SectionOuterStyleAlternate .PanelInnerOutline {border:1px solid #000000;} .StaticColourAlternate h1:after {background: none repeat scroll 0 0 #645ca5;} .StaticColourAlternate h2:after {background: none repeat scroll 0 0 #645ca5;} /* ALTERNATE - ITEMS: CHILD PAGES, FAQS, TESTIMONIALS, DOWNLOADS, LISTINGS */ .PanelColourAlternate .ItemBG {background-color:#ffffff;} .PanelColourAlternate .ItemHoverBG {background-color:#ffffff; -o-transition: 1s; -moz-transition: 1s; -khtml-transition: 1s; -webkit-transition: 1s; -ms-transition: 1s; transition: 1s;} .PanelColourAlternate article:hover .ItemHoverBG {background-color:#f2f2f2;} .PanelColourAlternate .Item h1 {color:#000000;} .PanelColourAlternate .Item h2 {color:#000000;} .PanelColourAlternate .Item h3 {color:#000000;} .PanelColourAlternate .Item h4 {color:#000000;} .PanelColourAlternate .Item p {color:#000000;} .PanelColourAlternate .Item li {color:#000000;} .PanelColourAlternate .Item a { color:#c5908b;} .PanelColourAlternate .Item a:hover { color:#000000;} /* ALTERNATE - ALT ITEMS: INFOGRAPHICS */ .PanelColourAlternate .ItemAltBG {background-color:#c5908b;} .PanelColourAlternate .ItemAltHoverBG {background-color:#c5908b; -o-transition: 1s; -moz-transition: 1s; -khtml-transition: 1s; -webkit-transition: 1s; -ms-transition: 1s; transition: 1s;} .PanelColourAlternate article:hover .ItemAltHoverBG {background-color:#000000;} .PanelColourAlternate .ItemAlt h1 {color:#ffffff;} .PanelColourAlternate .ItemAlt h2 {color:#ffffff;} .PanelColourAlternate .ItemAlt h3 {color:#ffffff;} .PanelColourAlternate .ItemAlt h4 {color:#ffffff;} .PanelColourAlternate .ItemAlt p {color:#ffffff;} .PanelColourAlternate .ItemAlt li {color:#ffffff;} /* ALTERNATE - BUTTONS */ .PanelColourAlternate .SectionCTABTN {background-color:#645ca5; color:#ffffff; border-radius:0px; margin-top:20px; line-height:55px; padding:0 70px 0 20px; -o-transition: 1s; -moz-transition: 1s; -khtml-transition: 1s; -webkit-transition: 1s; -ms-transition: 1s; transition: 1s; font-family:DefaultBold; background-image:url('../../images/circle-arrow-white.png'); background-repeat:no-repeat; font-size:1.10em; background-size:30px; background-position:right 18px center;} .PanelColourAlternate .SectionCTABTN:hover {background-color:#c5908b; color:#ffffff; } /* ALTERNATE - SLIDER ARROWS */ .PanelColourAlternate .slick-prev {background-color:#645ca5; bottom: 48%; width: 50px; height: 50px; background-image:url('../../images/prevwhite.png');} .PanelColourAlternate .slick-next {background-color:#645ca5; bottom: 48%; width: 50px; height: 50px; background-image:url('../../images/nextwhite.png');} .PanelColourAlternate .slick-prev:hover, .PanelColourAlternate .slick-prev:focus {background-color:#c5908b; } .PanelColourAlternate .slick-next:hover, .PanelColourAlternate .slick-next:focus {background-color:#c5908b; } .PanelColourAlternate .slick-dots li button {background-color:#ffffff;} .PanelColourAlternate .slick-dots li button:hover, .PanelColourAlternate .slick-dots li button:focus {background-color:#645ca5;} .PanelColourAlternate .slick-dots li button:hover:before, .PanelColourAlternate .slick-dots li button:focus:before {background-color:#645ca5;} .PanelColourAlternate .slick-dots li.slick-active button:before {background-color:#645ca5;} /* ALTERNATE - FAQS */ .PanelColourAlternate section#FAQListing .accordion .FAQAW {background-color:#645ca5; background-image:url('../../images/nextwhite.png'); } .PanelColourAlternate section#FAQListing .accordion:hover .FAQAW {background-color:#c5908b;} .PanelColourAlternate section#FAQListing .accordion.active {background-color:#c5908b; } .PanelColourAlternate section#FAQListing .accordion.active .FAQAW {background-color:#c5908b;} /* ALTERNATE - FORM STYLES */ .PanelColourAlternate input {color:#000000; background-color:#ffffff; border: 1px solid #ffffff;} .PanelColourAlternate select {color:#000000; background-color:#ffffff; border: 1px solid #ffffff;} .PanelColourAlternate textarea {color:#000000; background-color:#ffffff; border:1px solid #ffffff;} .PanelColourAlternate input[type=checkbox] {background-color:#ffffff; border:1px solid #ffffff;} .PanelColourAlternate input[type=checkbox]:checked {background: #645ca5; border:1px solid #645ca5; background-image:url('../../images/tick.png'); } .PanelColourAlternate input[type=radio] {background-color:#ffffff; border:1px solid #ffffff;} .PanelColourAlternate input[type=radio]:checked {background: #645ca5; border:1px solid #645ca5;} .PanelColourAlternate input:focus {background:#ffffff; border: 1px solid #645ca5;} .PanelColourAlternate textarea:focus {background:#ffffff; border: 1px solid #645ca5;} .PanelColourAlternate select:focus {background:#ffffff; border: 1px solid #645ca5;} .PanelColourAlternate .SubmitButton {background-color:#645ca5; color:#ffffff; border: 1px solid #645ca5;} .PanelColourAlternate .SubmitButton:hover {background-color:#c5908b; border: 1px solid #c5908b; } .PanelColourAlternate ::-webkit-input-placeholder {color: #c0c0c0;} .PanelColourAlternate :-ms-input-placeholder { color: #c0c0c0;} .PanelColourAlternate ::-moz-placeholder { color: #c0c0c0; opacity: 1;} .PanelColourAlternate :-moz-placeholder {color: #c0c0c0; opacity: 1;} /* ALTERNATE - TABLE SYTLE */ .PanelColourAlternate tr {border-bottom:#cccccc 1px solid;} .PanelColourAlternate tr{background: #f2f2f2;} .PanelColourAlternate tr:nth-child(odd){background: #f2f2f2;} .PanelColourAlternate tr:nth-child(even){background: #ffffff;} /* ALTERNATE - FOLDER STYLES SYTLE */ .PanelColourAlternate .tablink p {color:#000000;} .PanelColourAlternate .tabcontent p {color:#000000;} .PanelColourAlternate .tabcontent h3 {color:#000000;} /* ALTERNATE - INDEX STYLES */ .PanelColourAlternate section#SectionIndex .IndexRow {border-bottom:1px solid rgba(0, 0, 0, 0.5); } .PanelColourAlternate section#SectionIndex .IndexArrow {color:#000000; } /* ALTERNATE - CONTACT DETAILS ALTERNATIVE */ .PanelColourAlternate .ContactBoxRowIcon svg path {fill:#645ca5 !important;} .PanelColourAlternate .ContactBoxRowIcon svg:hover path {fill:#645ca5 !important;} .PanelColourAlternate .ContactBoxRowText p {color:#000000;} .PanelColourAlternate p.ContactAltBig {color:#645ca5;} /* ALTERNATE - BREADCRUMBS */ .StaticColourAlternate .Breadcrumbs p {color:#000000;} .StaticColourAlternate .Breadcrumbs a { color:#645ca5;} .StaticColourAlternate .Breadcrumbs a:hover {color:#000000 } /* Purple COLOUR */ .color-Purple {background-color: #645ca5;} .StaticColourPurple {background-color: #645ca5;} .PanelColourPurple h1 {color:#ffffff;} .PanelColourPurple h2 {color:#ffffff;} .PanelColourPurple h3 {color:#ffffff;} .PanelColourPurple h4 {color:#ffffff;} .PanelColourPurple p {color:#ffffff;} .PanelColourPurple li {color:#ffffff;} .PanelColourPurple a { color:#c5908b;} .PanelColourPurple a:hover { color:#ffffff;} .SectionOuterStylePurple .PanelInnerOutline {border:1px solid #ffffff;} .StaticColourPurple h1:after {background: none repeat scroll 0 0 #ffffff;} .StaticColourPurple h2:after {background: none repeat scroll 0 0 #ffffff;} /* Purple COLOUR - 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:#000000;} .PanelColourPurple .Item h2 {color:#000000;} .PanelColourPurple .Item h3 {color:#000000;} .PanelColourPurple .Item h4 {color:#000000;} .PanelColourPurple .Item p {font-size:0.90em; color:#000000;} .PanelColourPurple .Item li {color:#000000;} .PanelColourPurple .Item a { color:#c5908b;} .PanelColourPurple .Item a:hover { color:#000000;} /* Purple COLOUR - ALT ITEMS: INFOGRAPHICS */ .PanelColourPurple .ItemAltBG {background-color:#c5908b;} .PanelColourPurple .ItemAltHoverBG {background-color:#c5908b; -o-transition: 1s; -moz-transition: 1s; -khtml-transition: 1s; -webkit-transition: 1s; -ms-transition: 1s; transition: 1s;} .PanelColourPurple article:hover .ItemAltHoverBG {background-color:#000000;} .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 COLOUR - BUTTONS */ .PanelColourPurple .SectionCTABTN {background-color:#c5908b; color:#ffffff; border-radius:0px; margin-top:20px; line-height:55px; padding:0 70px 0 20px; -o-transition: 1s; -moz-transition: 1s; -khtml-transition: 1s; -webkit-transition: 1s; -ms-transition: 1s; transition: 1s; font-family:DefaultBold; background-image:url('../../images/circle-arrow-white.png'); background-repeat:no-repeat; font-size:1.10em; background-size:30px; background-position:right 18px center;} .PanelColourPurple .SectionCTABTN:hover {background-color:#000000; color:#ffffff; } /* Purple COLOUR - SLIDER ARROWS */ .PanelColourPurple .slick-prev {background-color:#c5908b; bottom: 48%; width: 50px; height: 50px; background-image:url('../../images/prevwhite.png');} .PanelColourPurple .slick-next {background-color:#c5908b; bottom: 48%; width: 50px; height: 50px; background-image:url('../../images/nextwhite.png');} .PanelColourPurple .slick-prev:hover, .PanelColourPurple .slick-prev:focus {background-color:#000000; } .PanelColourPurple .slick-next:hover, .PanelColourPurple .slick-next:focus {background-color:#000000; } .PanelColourPurple .slick-dots li button {background-color:#ffffff;} .PanelColourPurple .slick-dots li button:hover, .PanelColourPurple .slick-dots li button:focus {background-color:#c5908b;} .PanelColourPurple .slick-dots li button:hover:before, .PanelColourPurple .slick-dots li button:focus:before {background-color:#c5908b;} .PanelColourPurple .slick-dots li.slick-active button:before {background-color:#c5908b;} /* Purple COLOUR - FAQS */ .PanelColourPurple section#FAQListing .accordion .FAQAW {background-color:#c5908b; background-image:url('../../images/nextwhite.png'); } .PanelColourPurple section#FAQListing .accordion:hover .FAQAW {background-color:#000000;} .PanelColourPurple section#FAQListing .accordion.active {background-color:#000000; } .PanelColourPurple section#FAQListing .accordion.active .FAQAW {background-color:#000000;} /* Purple COLOUR - FORM STYLES */ .PanelColourPurple input {color:#000000; background-color:#ffffff; border: 1px solid #ffffff;} .PanelColourPurple select {color:#000000; background-color:#ffffff; border: 1px solid #ffffff;} .PanelColourPurple textarea {color:#000000; background-color:#ffffff; border:1px solid #ffffff;} .PanelColourPurple input[type=checkbox] {background-color:#ffffff; border:1px solid #ffffff;} .PanelColourPurple input[type=checkbox]:checked {background: #c5908b; border:1px solid #c5908b; background-image:url('../../images/tick.png'); } .PanelColourPurple input[type=radio] {background-color:#ffffff; border:1px solid #ffffff;} .PanelColourPurple input[type=radio]:checked {background: #c5908b; border:1px solid #c5908b;} .PanelColourPurple input:focus {background:#ffffff; border: 1px solid #c5908b;} .PanelColourPurple textarea:focus {background:#ffffff; border: 1px solid #c5908b;} .PanelColourPurple select:focus {background:#ffffff; border: 1px solid #c5908b;} .PanelColourPurple .SubmitButton {background-color:#c5908b; color:#ffffff; border: 1px solid #c5908b;} .PanelColourPurple .SubmitButton:hover {background-color:#000000; border: 1px solid #000000; } .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 COLOUR - 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 COLOUR - FOLDER STYLES SYTLE */ .PanelColourPurple .tablink p {color:#000000;} .PanelColourPurple .tabcontent p {color:#000000;} .PanelColourPurple .tabcontent h3 {color:#000000;} /* Purple COLOUR - INDEX STYLES */ .PanelColourPurple section#SectionIndex .IndexRow {border-bottom:1px solid rgba(255, 255, 255, 0.5); } .PanelColourPurple section#SectionIndex .IndexArrow {color:#000000; } /* Purple COLOUR - CONTACT DETAILS ALTERNATIVE */ .PanelColourPurple .ContactBoxRowIcon svg path {fill:#645ca5 !important;} .PanelColourPurple .ContactBoxRowIcon svg:hover path {fill:#645ca5 !important;} .PanelColourPurple .ContactBoxRowText p {color:#000000;} .PanelColourPurple p.ContactAltBig {color:#645ca5;} /* Purple COLOUR - BREADCRUMBS */ .StaticColourPurple .Breadcrumbs p {color:#ffffff;} .StaticColourPurple .Breadcrumbs a { color:#c5908b;} .StaticColourPurple .Breadcrumbs a:hover {color:#ffffff } /* Pink COLOUR */ .color-Pink {background-color: #c5908b;} .StaticColourPink {background-color: #c5908b;} .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:#000000;} .PanelColourPink a:hover { color:#ffffff;} .SectionOuterStylePink .PanelInnerOutline {border:1px solid #ffffff;} .StaticColourPink h1:after {background: none repeat scroll 0 0 #ffffff;} .StaticColourPink h2:after {background: none repeat scroll 0 0 #ffffff;} /* Pink 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:#000000;} .PanelColourPink .Item h2 {color:#000000;} .PanelColourPink .Item h3 {color:#000000;} .PanelColourPink .Item h4 {color:#000000;} .PanelColourPink .Item p {color:#000000; font-size:0.90em;} .PanelColourPink .Item li {color:#000000;} .PanelColourPink .Item a { color:#c5908b;} .PanelColourPink .Item a:hover { color:#000000;} /* Pink COLOUR - ALT ITEMS: INFOGRAPHICS */ .PanelColourPink .ItemAltBG {background-color:#000000;} .PanelColourPink .ItemAltHoverBG {background-color:#000000; -o-transition: 1s; -moz-transition: 1s; -khtml-transition: 1s; -webkit-transition: 1s; -ms-transition: 1s; transition: 1s;} .PanelColourPink article:hover .ItemAltHoverBG {background-color:#000000;} .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; font-size:0.95em; line-height:22px;} .PanelColourPink .ItemAlt li {color:#ffffff;} .PanelColourPink .ItemAlt a { color:#c5908b;} .PanelColourPink .ItemAlt a:hover { color:#ffffff;} /* Pink COLOUR - BUTTON STYLES */ .PanelColourPink .SectionCTABTN {background-color:#000000; color:#ffffff; border-radius:0px; margin-top:20px; line-height:55px; padding:0 70px 0 20px; -o-transition: 1s; -moz-transition: 1s; -khtml-transition: 1s; -webkit-transition: 1s; -ms-transition: 1s; transition: 1s; font-family:DefaultBold; background-image:url('../../images/circle-arrow-white.png'); background-repeat:no-repeat; font-size:1.10em; background-size:30px; background-position:right 18px center;} .PanelColourPink .SectionCTABTN:hover {background-color:#000000; color:#ffffff; } /* Pink COLOUR - SLIDER ARROWS */ .PanelColourPink .slick-prev {background-color:#000000; bottom: 48%; width: 50px; height: 50px; background-image:url('../../images/prevwhite.png');} .PanelColourPink .slick-next {background-color:#000000; bottom: 48%; width: 50px; height: 50px; background-image:url('../../images/nextwhite.png');} .PanelColourPink .slick-prev:hover, .PanelColourPink .slick-prev:focus {background-color:#000000; } .PanelColourPink .slick-next:hover, .PanelColourPink .slick-next:focus {background-color:#000000; } .PanelColourPink .slick-dots li button {background-color:#ffffff;} .PanelColourPink .slick-dots li button:hover, .PanelColourPink .slick-dots li button:focus {background-color:#000000;} .PanelColourPink .slick-dots li button:hover:before, .PanelColourPink .slick-dots li button:focus:before {background-color:#000000;} .PanelColourPink .slick-dots li.slick-active button:before {background-color:#000000;} /* Pink COLOUR - FAQS */ .PanelColourPink section#FAQListing .accordion .FAQAW {background-color:#000000; background-image:url('../../images/nextwhite.png'); } .PanelColourPink section#FAQListing .accordion:hover .FAQAW {background-color:#000000;} .PanelColourPink section#FAQListing .accordion.active {background-color:#000000; } .PanelColourPink section#FAQListing .accordion.active .FAQAW {background-color:#000000;} /* Pink COLOUR - FORM STYLES */ .PanelColourPink input {color:#000000; background-color:#ffffff; border: 1px solid #ffffff;} .PanelColourPink select {color:#000000; background-color:#ffffff; border: 1px solid #ffffff;} .PanelColourPink textarea {color:#000000; background-color:#ffffff; border:1px solid #ffffff;} .PanelColourPink input[type=checkbox] {background-color:#ffffff; border:1px solid #ffffff;} .PanelColourPink input[type=checkbox]:checked {background: #000000; border:1px solid #000000; background-image:url('../../images/tick.png'); } .PanelColourPink input[type=radio] {background-color:#ffffff; border:1px solid #ffffff;} .PanelColourPink input[type=radio]:checked {background: #000000; border:1px solid #000000;} .PanelColourPink input:focus {background:#ffffff; border: 1px solid #000000;} .PanelColourPink textarea:focus {background:#ffffff; border: 1px solid #000000;} .PanelColourPink select:focus {background:#ffffff; border: 1px solid #000000;} .PanelColourPink .SubmitButton {background-color:#000000; color:#ffffff; border: 1px solid #000000;} .PanelColourPink .SubmitButton:hover {background-color:#000000; border: 1px solid #000000; } .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 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 COLOUR - FOLDER STYLES SYTLE */ .PanelColourPink .tablink p {color:#ffffff;} .PanelColourPink .tabcontent p {color:#ffffff;} .PanelColourPink .tabcontent h3 {color:#ffffff;} /* Pink COLOUR - INDEX STYLES */ .PanelColourPink section#SectionIndex .IndexRow {border-bottom:1px solid rgba(255, 255, 255, 0.5); } .PanelColourPink section#SectionIndex .IndexArrow {color:#ffffff; } /* Pink COLOUR - CONTACT DETAILS ALTERNATIVE */ .PanelColourPink .ContactBoxRowIcon svg path {fill:#c5908b !important;} .PanelColourPink .ContactBoxRowIcon svg:hover path {fill:#c5908b !important;} .PanelColourPink .ContactBoxRowText p {color:#000000;} .PanelColourPink p.ContactAltBig {color:#c5908b;} /* Pink COLOUR - BREADCRUMBS */ .StaticColourPink .Breadcrumbs p {color:#ffffff;} .StaticColourPink .Breadcrumbs a { color:#000000;} .StaticColourPink .Breadcrumbs a:hover {color:#ffffff } /* Pink COLOUR */ .color-Blue {background-color: #519ab0;} .StaticColourBlue {background-color: #519ab0;} .PanelColourBlue h1 {color:#ffffff;} .PanelColourBlue h2 {color:#ffffff;} .PanelColourBlue h3 {color:#ffffff;} .PanelColourBlue h4 {color:#ffffff;} .PanelColourBlue p {color:#ffffff;} .PanelColourBlue li {color:#ffffff;} .PanelColourBlue a { color:#645ca5;} .PanelColourBlue a:hover { color:#ffffff;} .SectionOuterStyleBlue .PanelInnerOutline {border:1px solid #ffffff;} .StaticColourBlue h1:after {background: none repeat scroll 0 0 #ffffff;} .StaticColourBlue h2:after {background: none repeat scroll 0 0 #ffffff;} /* Blue COLOUR - ITEMS: CHILD PAGES, FAQS, TESTIMONIALS, DOWNLOADS, LISTINGS */ .PanelColourBlue .ItemBG {background-color:#ffffff;} .PanelColourBlue .ItemHoverBG {background-color:#ffffff; -o-transition: 1s; -moz-transition: 1s; -khtml-transition: 1s; -webkit-transition: 1s; -ms-transition: 1s; transition: 1s;} .PanelColourBlue article:hover .ItemHoverBG {background-color:#f2f2f2;} .PanelColourBlue .Item h1 {color:#000000;} .PanelColourBlue .Item h2 {color:#000000;} .PanelColourBlue .Item h3 {color:#000000;} .PanelColourBlue .Item h4 {color:#000000;} .PanelColourBlue .Item p {color:#000000; font-size:0.90em;} .PanelColourBlue .Item li {color:#000000;} .PanelColourBlue .Item a { color:#519ab0;} .PanelColourBlue .Item a:hover { color:#000000;} /* Blue COLOUR - ALT ITEMS: INFOGRAPHICS */ .PanelColourBlue .ItemAltBG {background-color:#645ca5;} .PanelColourBlue .ItemAltHoverBG {background-color:#645ca5; -o-transition: 1s; -moz-transition: 1s; -khtml-transition: 1s; -webkit-transition: 1s; -ms-transition: 1s; transition: 1s;} .PanelColourBlue article:hover .ItemAltHoverBG {background-color:#000000;} .PanelColourBlue .ItemAlt h1 {color:#ffffff;} .PanelColourBlue .ItemAlt h2 {color:#ffffff;} .PanelColourBlue .ItemAlt h3 {color:#ffffff;} .PanelColourBlue .ItemAlt h4 {color:#ffffff;} .PanelColourBlue .ItemAlt p {color:#ffffff;} .PanelColourBlue .ItemAlt li {color:#ffffff;} /* Blue COLOUR - BUTTON STYLES */ .PanelColourBlue .SectionCTABTN {background-color:#645ca5; color:#ffffff; border-radius:0px; margin-top:20px; line-height:55px; padding:0 70px 0 20px; -o-transition: 1s; -moz-transition: 1s; -khtml-transition: 1s; -webkit-transition: 1s; -ms-transition: 1s; transition: 1s; font-family:DefaultBold; background-image:url('../../images/circle-arrow-white.png'); background-repeat:no-repeat; font-size:1.10em; background-size:30px; background-position:right 18px center;} .PanelColourBlue .SectionCTABTN:hover {background-color:#000000; color:#ffffff; } /* Blue COLOUR - SLIDER ARROWS */ .PanelColourBlue .slick-prev {background-color:#645ca5; bottom: 48%; width: 50px; height: 50px; background-image:url('../../images/prevwhite.png');} .PanelColourBlue .slick-next {background-color:#645ca5; bottom: 48%; width: 50px; height: 50px; background-image:url('../../images/nextwhite.png');} .PanelColourBlue .slick-prev:hover, .PanelColourBlue .slick-prev:focus {background-color:#000000; } .PanelColourBlue .slick-next:hover, .PanelColourBlue .slick-next:focus {background-color:#000000; } .PanelColourBlue .slick-dots li button {background-color:#ffffff;} .PanelColourBlue .slick-dots li button:hover, .PanelColourBlue .slick-dots li button:focus {background-color:#645ca5;} .PanelColourBlue .slick-dots li button:hover:before, .PanelColourBlue .slick-dots li button:focus:before {background-color:#645ca5;} .PanelColourBlue .slick-dots li.slick-active button:before {background-color:#645ca5;} /* Blue COLOUR - FAQS */ .PanelColourBlue section#FAQListing .accordion .FAQAW {background-color:#645ca5; background-image:url('../../images/nextwhite.png'); } .PanelColourBlue section#FAQListing .accordion:hover .FAQAW {background-color:#000000;} .PanelColourBlue section#FAQListing .accordion.active {background-color:#000000; } .PanelColourBlue section#FAQListing .accordion.active .FAQAW {background-color:#000000;} /* Blue COLOUR - FORM STYLES */ .PanelColourBlue input {color:#000000; background-color:#ffffff; border: 1px solid #ffffff;} .PanelColourBlue select {color:#000000; background-color:#ffffff; border: 1px solid #ffffff;} .PanelColourBlue textarea {color:#000000; background-color:#ffffff; border:1px solid #ffffff;} .PanelColourBlue input[type=checkbox] {background-color:#ffffff; border:1px solid #ffffff;} .PanelColourBlue input[type=checkbox]:checked {background: #645ca5; border:1px solid #645ca5; background-image:url('../../images/tick.png'); } .PanelColourBlue input[type=radio] {background-color:#ffffff; border:1px solid #ffffff;} .PanelColourBlue input[type=radio]:checked {background: #645ca5; border:1px solid #645ca5;} .PanelColourBlue input:focus {background:#ffffff; border: 1px solid #645ca5;} .PanelColourBlue textarea:focus {background:#ffffff; border: 1px solid #645ca5;} .PanelColourBlue select:focus {background:#ffffff; border: 1px solid #645ca5;} .PanelColourBlue .SubmitButton {background-color:#645ca5; color:#ffffff; border: 1px solid #645ca5;} .PanelColourBlue .SubmitButton:hover {background-color:#000000; border: 1px solid #000000; } .PanelColourBlue ::-webkit-input-placeholder {color: #c0c0c0;} .PanelColourBlue :-ms-input-placeholder { color: #c0c0c0;} .PanelColourBlue ::-moz-placeholder { color: #c0c0c0; opacity: 1;} .PanelColourBlue :-moz-placeholder {color: #c0c0c0; opacity: 1;} /* Blue COLOUR - TABLE SYTLE */ .PanelColourBlue tr {border-bottom:#cccccc 1px solid;} .PanelColourBlue tr{background: #f2f2f2;} .PanelColourBlue tr:nth-child(odd){background: #f2f2f2;} .PanelColourBlue tr:nth-child(even){background: #ffffff;} /* Blue COLOUR - FOLDER STYLES SYTLE */ .PanelColourBlue .tablink p {color:#ffffff;} .PanelColourBlue .tabcontent p {color:#ffffff;} .PanelColourBlue .tabcontent h3 {color:#ffffff;} /* Blue COLOUR - INDEX STYLES */ .PanelColourBlue section#SectionIndex .IndexRow {border-bottom:1px solid rgba(255, 255, 255, 0.5); } .PanelColourBlue section#SectionIndex .IndexArrow {color:#ffffff; } /* Blue COLOUR - CONTACT DETAILS ALTERNATIVE */ .PanelColourBlue .ContactBoxRowIcon svg path {fill:#519ab0 !important;} .PanelColourBlue .ContactBoxRowIcon svg:hover path {fill:#519ab0 !important;} .PanelColourBlue .ContactBoxRowText p {color:#000000;} .PanelColourBlue p.ContactAltBig {color:#519ab0;} /* Blue COLOUR - BREADCRUMBS */ .StaticColourBlue .Breadcrumbs p {color:#ffffff;} .StaticColourBlue .Breadcrumbs a { color:#645ca5;} .StaticColourBlue .Breadcrumbs a:hover {color:#ffffff } /* Black COLOUR */ .color-Black {background-color: #000000;} .StaticColourBlack {background-color: #000000;} .PanelColourBlack h1 {color:#ffffff;} .PanelColourBlack h2 {color:#ffffff;} .PanelColourBlack h3 {color:#ffffff;} .PanelColourBlack h4 {color:#ffffff;} .PanelColourBlack p {color:#ffffff;} .PanelColourBlack li {color:#ffffff;} .PanelColourBlack a { color:#645ca5;} .PanelColourBlack a:hover { color:#ffffff;} .SectionOuterStyleBlack .PanelInnerOutline {border:1px solid #ffffff;} .StaticColourBlack h1:after {background: none repeat scroll 0 0 #ffffff;} .StaticColourBlack h2:after {background: none repeat scroll 0 0 #ffffff;} /* Black COLOUR - ITEMS: CHILD PAGES, FAQS, TESTIMONIALS, DOWNLOADS, LISTINGS */ .PanelColourBlack .ItemBG {background-color:#ffffff;} .PanelColourBlack .ItemHoverBG {background-color:#ffffff; -o-transition: 1s; -moz-transition: 1s; -khtml-transition: 1s; -webkit-transition: 1s; -ms-transition: 1s; transition: 1s;} .PanelColourBlack article:hover .ItemHoverBG {background-color:#f2f2f2;} .PanelColourBlack .Item h1 {color:#000000;} .PanelColourBlack .Item h2 {color:#000000;} .PanelColourBlack .Item h3 {color:#000000;} .PanelColourBlack .Item h4 {color:#000000;} .PanelColourBlack .Item p {color:#000000; font-size:0.90em;} .PanelColourBlack .Item li {color:#000000;} .PanelColourBlack .Item a { color:#c5908b;} .PanelColourBlack .Item a:hover { color:#000000;} /* Black COLOUR - ALT ITEMS: INFOGRAPHICS */ .PanelColourBlack .ItemAltBG {background-color:#645ca5;} .PanelColourBlack .ItemAltHoverBG {background-color:#645ca5; -o-transition: 1s; -moz-transition: 1s; -khtml-transition: 1s; -webkit-transition: 1s; -ms-transition: 1s; transition: 1s;} .PanelColourBlack article:hover .ItemAltHoverBG {background-color:#000000;} .PanelColourBlack .ItemAlt h1 {color:#ffffff;} .PanelColourBlack .ItemAlt h2 {color:#ffffff;} .PanelColourBlack .ItemAlt h3 {color:#ffffff;} .PanelColourBlack .ItemAlt h4 {color:#ffffff;} .PanelColourBlack .ItemAlt p {color:#ffffff;} .PanelColourBlack .ItemAlt li {color:#ffffff;} /* Black COLOUR - BUTTON STYLES */ .PanelColourBlack .SectionCTABTN {background-color:#645ca5; color:#ffffff; border-radius:0px; margin-top:20px; line-height:55px; padding:0 70px 0 20px; -o-transition: 1s; -moz-transition: 1s; -khtml-transition: 1s; -webkit-transition: 1s; -ms-transition: 1s; transition: 1s; font-family:DefaultBold; background-image:url('../../images/circle-arrow-white.png'); background-repeat:no-repeat; font-size:1.10em; background-size:30px; background-position:right 18px center;} .PanelColourBlack .SectionCTABTN:hover {background-color:#000000; color:#ffffff; } /* Black COLOUR - SLIDER ARROWS */ .PanelColourBlack .slick-prev {background-color:#645ca5; bottom: 48%; width: 50px; height: 50px; background-image:url('../../images/prevwhite.png');} .PanelColourBlack .slick-next {background-color:#645ca5; bottom: 48%; width: 50px; height: 50px; background-image:url('../../images/nextwhite.png');} .PanelColourBlack .slick-prev:hover, .PanelColourBlack .slick-prev:focus {background-color:#000000; } .PanelColourBlack .slick-next:hover, .PanelColourBlack .slick-next:focus {background-color:#000000; } .PanelColourBlack .slick-dots li button {background-color:#ffffff;} .PanelColourBlack .slick-dots li button:hover, .PanelColourBlack .slick-dots li button:focus {background-color:#645ca5;} .PanelColourBlack .slick-dots li button:hover:before, .PanelColourBlack .slick-dots li button:focus:before {background-color:#645ca5;} .PanelColourBlack .slick-dots li.slick-active button:before {background-color:#645ca5;} /* Black COLOUR - FAQS */ .PanelColourBlack section#FAQListing .accordion .FAQAW {background-color:#645ca5; background-image:url('../../images/nextwhite.png'); } .PanelColourBlack section#FAQListing .accordion:hover .FAQAW {background-color:#000000;} .PanelColourBlack section#FAQListing .accordion.active {background-color:#000000; } .PanelColourBlack section#FAQListing .accordion.active .FAQAW {background-color:#000000;} /* Black COLOUR - FORM STYLES */ .PanelColourBlack input {color:#000000; background-color:#ffffff; border: 1px solid #ffffff;} .PanelColourBlack select {color:#000000; background-color:#ffffff; border: 1px solid #ffffff;} .PanelColourBlack textarea {color:#000000; background-color:#ffffff; border:1px solid #ffffff;} .PanelColourBlack input[type=checkbox] {background-color:#ffffff; border:1px solid #ffffff;} .PanelColourBlack input[type=checkbox]:checked {background: #645ca5; border:1px solid #645ca5; background-image:url('../../images/tick.png'); } .PanelColourBlack input[type=radio] {background-color:#ffffff; border:1px solid #ffffff;} .PanelColourBlack input[type=radio]:checked {background: #645ca5; border:1px solid #645ca5;} .PanelColourBlack input:focus {background:#ffffff; border: 1px solid #645ca5;} .PanelColourBlack textarea:focus {background:#ffffff; border: 1px solid #645ca5;} .PanelColourBlack select:focus {background:#ffffff; border: 1px solid #645ca5;} .PanelColourBlack .SubmitButton {background-color:#645ca5; color:#ffffff; border: 1px solid #645ca5;} .PanelColourBlack .SubmitButton:hover {background-color:#000000; border: 1px solid #000000; } .PanelColourBlack ::-webkit-input-placeholder {color: #c0c0c0;} .PanelColourBlack :-ms-input-placeholder { color: #c0c0c0;} .PanelColourBlack ::-moz-placeholder { color: #c0c0c0; opacity: 1;} .PanelColourBlack :-moz-placeholder {color: #c0c0c0; opacity: 1;} /* Black COLOUR - TABLE SYTLE */ .PanelColourBlack tr {border-bottom:#cccccc 1px solid;} .PanelColourBlack tr{background: #f2f2f2;} .PanelColourBlack tr:nth-child(odd){background: #f2f2f2;} .PanelColourBlack tr:nth-child(even){background: #ffffff;} /* Black COLOUR - FOLDER STYLES SYTLE */ .PanelColourBlack .tablink p {color:#ffffff;} .PanelColourBlack .tabcontent p {color:#ffffff;} .PanelColourBlack .tabcontent h3 {color:#ffffff;} /* Black COLOUR - INDEX STYLES */ .PanelColourBlack section#SectionIndex .IndexRow {border-bottom:1px solid rgba(255, 255, 255, 0.5); } .PanelColourBlack section#SectionIndex .IndexArrow {color:#ffffff; } /* Black COLOUR - CONTACT DETAILS ALTERNATIVE */ .PanelColourBlack .ContactBoxRowIcon svg path {fill:#c5908b !important;} .PanelColourBlack .ContactBoxRowIcon svg:hover path {fill:#c5908b !important;} .PanelColourBlack .ContactBoxRowText p {color:#000000;} .PanelColourBlack p.ContactAltBig {color:#c5908b;} /* Black COLOUR - BREADCRUMBS */ .StaticColourBlack .Breadcrumbs p {color:#ffffff;} .StaticColourBlack .Breadcrumbs a { color:#645ca5;} .StaticColourBlack .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:#645ca5;} .PanelColourDarkTrans a:hover { color:#ffffff;} .PanelColourDarkTrans .SectionCTABTN {background-color:#645ca5; color:#ffffff; text-align:center; border-radius:0px; 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:#000000; 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:#000000;} .PanelColourLightTrans h2 {color:#000000;} .PanelColourLightTrans h3 {color:#000000;} .PanelColourLightTrans h4 {color:#000000;} .PanelColourLightTrans p {color:#000000;} .PanelColourLightTrans li {color:#000000;} .PanelColourLightTrans a { color:#645ca5;} .PanelColourLightTrans a:hover { color:#000000;} .PanelColourLightTrans .SectionCTABTN {background-color:#645ca5; color:#ffffff; text-align:center; border-radius:0px; 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:#000000; 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:#f4f4f5;} .SectionOuterStyleBackground .ItemAltBG {background-color:#645ca5;} .SectionOuterStyleBackground .ItemAltHoverBG {background-color:#645ca5; -o-transition: 1s; -moz-transition: 1s; -khtml-transition: 1s; -webkit-transition: 1s; -ms-transition: 1s; transition: 1s;} .SectionOuterStyleBackground article:hover .ItemAltHoverBG {background-color:#000000;} /* MAIN SECTION LAYOUT */ .FloatLeft50 {width:50%; float:left; padding-right:15px;} .FloatRight50 {width:50%; float:left; padding-left:15px;} .FloatLeft30 {width:33.3%; float:left; padding-right:15px;} .FloatRight30 {width:66.6%; float:left; padding-left:15px;} .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:0px; 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:0px;} .InnerPadding30 {padding:30px 60px; border-radius:0px;} .InnerPadding40 {padding:40px 80px; border-radius:0px;} .InnerPadding50 {padding:50px 100px; border-radius:0px;} .InnerPadding60 {padding:60px 100px; border-radius:0px;} .InnerPadding70 {padding:70px 100px; border-radius:0px;} .InnerPadding80 {padding:80px 100px; border-radius:0px;} .InnerPadding90 {padding:90px 100px; border-radius:0px;} .InnerPadding100 {padding:100px 100px; border-radius:0px;} .SectionImageFoot {width:100%; float:left; padding:10px 10px 10px 10px;} .SectionImageFoot p {font-size:0.75em; line-height:20px; padding:0; margin:0;} .SectionInnerBorderToptrue {border-top:1px solid #000000;} .SectionInnerBorderBottomtrue {border-bottom:1px solid #000000;} .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:320px; position:relative; border-top-left-radius:0px; border-top-right-radius:0px;} 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:0px; border-bottom-right-radius:0px;} section#ChildPages article .Text h3 {text-align:center; line-height:50px; padding:0; margin:0px;} section#ChildPages article:hover .ImageInner {transform: scale(1.05);} .SectionInnerIndividual18 section#ChildPages { padding:0 0px !important; } .SectionInnerIndividual18 section#ChildPages article {padding:0px !important;} .SectionInnerIndividual18 section#ChildPages article .Image { height:420px; } /* 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:0px; border-bottom-left-radius:0px; display: flex; align-items: center; justify-content: center;} section#ChildDetailPages article .IntroTextAlt {width:50%; float:right; padding:30px; height:400px; border-top-right-radius:0px; border-bottom-right-radius:0px; display: flex; align-items: center; justify-content: center;} section#ChildDetailPages article .IntroImage {width:50%; float:right; height:400px; border-top-right-radius:0px; border-bottom-right-radius:0px; overflow:hidden; } section#ChildDetailPages article .IntroImageAlt {width:50%; float:left; height:400px; border-top-left-radius:0px; border-bottom-left-radius:0px; 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:0px;} 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 0; position:relative;} .ContactDetailsRow {width:100%; float:left; margin-bottom:10px;} .ContactDetailsRowIcon {float:left; width:20%; max-width:30px;} .ContactDetailsRowIcon img {width:30px;} .ContactDetailsRowIcon svg {width:100%; height:auto; padding:0; float:left; display:block; position:relative;} .ContactDetailsRowIcon svg path {fill:#175467 !important;} .ContactDetailsRowIcon svg:hover path {fill:#175467 !important;} .ContactDetailsRowText {float:left; width:80%; padding-left:20px;} .ContactDetailsRowText p {font-size:1.25em; font-family:DefaultBold;} .ContactDetailsRowText a {color:#ffffff; text-decoration:none !important; font-family:DefaultBold;} .ContactDetailsRowText a:hover {color:#000000;} #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:#645ca5;} /* 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:0px;} .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;} p.ContactAltBig {font-size:1.50em !important;} /* INFOGRAPHICS */ article.InfographicsSideBarfalse {margin:0px; width:25%; } article.InfographicsSideBartrue {margin:0px; width:33.3%; } section#Infographics {float:left; width:100%; margin:0 0 0 0; padding:0 15px; position:relative;} section#Infographics article {height:auto; float:left; position:relative; padding:15px;} section#Infographics 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#Infographics article .Text {width:100%; height:150px; overflow:hidden; } section#Infographics article h3 {text-align:center;} section#Infographics article p {text-align:center;} section#Infographics 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; } /* INFOGRAPHICS ALTERNATIVE */ article.InfographicsAltSideBarfalse {margin:0px; width:50%; } article.InfographicsAltSideBartrue {margin:0px; width:50%; } section#InfographicsAlt {float:left; width:100%; margin:0 0 0 0; padding:0 15px; position:relative;} section#InfographicsAlt article {height:auto; float:left; position:relative; padding:15px;} section#InfographicsAlt article .InfographicAltOuter {border-radius:0px; width:100%; padding:30px; height:310px; overflow:hidden; } section#InfographicsAlt article .Image {width:100px; height:100px; -o-transition: 1s; -moz-transition: 1s; -khtml-transition: 1s; -webkit-transition: 1s; -ms-transition: 1s; transition: 1s; background-size:100px; background-position:center center; background-repeat:no-repeat;} section#InfographicsAlt article .Text {width:100%; clear:both; } section#InfographicsAlt article .TextFull {width:100%; clear:both; height:250px; display: flex; align-items: center; justify-content: center;} section#InfographicsAlt article .TextFullInner {width:100%; } section#InfographicsAlt article:hover .Image {transform: scale(1.05);} .responsive1 .InfographicAltOuter {width:100%; height:auto!important; overflow:hidden; } .responsive2 .InfographicAltOuter {height:auto!important; } .responsive3 .InfographicAltOuter {height:auto!important; } .responsive4 .InfographicAltOuter {height:auto!important; } section#InfographicsAlt big {font-size:420%; font-family:DefaultBold; padding:0 !important; } section#InfographicsAlt medium {font-size:160%; font-family:DefaultBold; } section#InfographicsAlt small {font-size:90%;} section#InfographicsAlt .Alignleft .TextFullInner p {padding:0 0 0 0; font-size:1.20em; line-height:1.30em;} section#InfographicsAlt .Aligncenter .TextFullInner p {padding:0 0 0 0; font-size:1.20em; line-height:1.30em; text-align:center;} section#InfographicsAlt .Alignleft .Image {margin:0 0 10px 0; float:left; } section#InfographicsAlt .Aligncenter .Image {margin:0 auto 10px auto; } section#InfographicsAlt .Aligncenter h3 {text-align:center;} section#InfographicsAlt .Aligncenter p {text-align:center;} /* 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:0px; border-top-right-radius:0px;} .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:0px;} .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:0px; -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:#c5908b;} section#FAQListing .accordion.active {background-color:#c5908b; } section#FAQListing .accordion.active .FAQAW {background-color:#c5908b;} 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:0px;} 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:#645ca5; font-family:DefaultBold; font-size:0.80em; } section#Testimonials .slick-dots li button:hover, section#Testimonials .slick-dots li button:focus {color:#645ca5 !important;} section#Testimonials .slick-dots li button:hover:before, section#Testimonials .slick-dots li button:focus:before {color:#645ca5;} 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:#000000;} section#Testimonials .slick-dots li.slick-active button:before {color:#645ca5;} /* 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:0px;} 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:#645ca5; border-radius: 10px;} section#TestimonialsAlt .Quote ::-webkit-scrollbar-thumb:hover {background: #645ca5; } section#TestimonialsAlt .Name {width:100%; float:left;} section#TestimonialsAlt .Name p {color:#645ca5; 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:#000000;} /* 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;} /* 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:#000000; float:left; position:relative; overflow:hidden; border-top-left-radius:0px; border-top-right-radius:0px;} 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:0px; border-bottom-right-radius:0px;} 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:#645ca5; width:100px; height:100px; position:absolute; top:-80px; z-index:2; left:20px; padding:10px 5px; border-radius:0px; } 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:0px; } #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:0px; overflow:hidden; } #SectionMapOuter {width:100%; padding:30px; float:left;} #SectionMapOuter #map {height:450px; width:100%; display:block; float:left; border-radius:0px; overflow:hidden; } #VenuesMapOuter {width:100%; padding:30px 0; float:left;} #VenuesMapOuter #map {height:600px; width:100%; display:block; float:left; border-radius:0px; 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:#000000; float:left; position:relative; border-top-left-radius:0px; border-top-right-radius:0px; 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:0px; border-bottom-right-radius:0px;} 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:#000000; float:left; position:relative; overflow:hidden; border-top-left-radius:0px; border-bottom-left-radius:0px;} 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:0px; border-bottom-right-radius:0px;} section#ProjectListing article:hover .ImageInner {transform: scale(1.05);} .ProjectDateCal {background-color:#645ca5; width:70px; height:70px; position:absolute; bottom:20px; z-index:2; left:-60px; padding:5px 5px; border-radius:0px; } .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:33.3%; } .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:450px; background-color:#000000; float:left; position:relative; overflow:hidden; border-top-left-radius:0px; border-top-right-radius:0px;} 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:auto; overflow:hidden; padding:20px 20px 10px 20px; border-bottom-left-radius:0px; border-bottom-right-radius:0px;} section#ProfileListing article:hover .ImageInner {transform: scale(1.05);} section#ProfileListing article .Text h3 {font-size:1.10em !important;} /* 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:370px; background-color:#000000; float:left; position:relative; overflow:hidden; border-top-left-radius:0px; border-top-right-radius:0px;} 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:230px; padding:30px 20px 20px 20px; border-bottom-left-radius:0px; border-bottom-right-radius:0px; position:relative;} #EventsBreak {width:100%; float:left; padding:15px;} section#EventListing article:hover .ImageInner {transform: scale(1.05);} section#EventListing .DateCal {background-color:#645ca5; width:100px; height:100px; position:absolute; top:-80px; z-index:2; left:20px; padding:10px 5px; border-radius:0px; } 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:#000000; 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:#000000; 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 #f4f4f5; border-right:1px solid #f4f4f5; background:#f4f4f5;} section#CalendarListing td.cal-weekday { border-bottom:1px solid #f4f4f5; border-right:1px solid #f4f4f5; background:#ffffff; } section#CalendarListing td.cal-weekend { border-bottom:1px solid #f4f4f5; border-right:1px solid #f4f4f5; background:#f4f4f5; } /* 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:0px; 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);} .SectionInnerCollapse section#MultimediaListingThumbs {padding:0 0 !important;} .SectionInnerCollapse section#MultimediaListingThumbs .Block {border-radius:0px !important; } .SectionInnerCollapse section#MultimediaListingThumbs .BlockOuter10 {padding:0px !important;} .SectionInnerCollapse section#MultimediaListingThumbs .BlockOuter11 {padding:0px !important;} .SectionInnerCollapse section#MultimediaListingThumbs .BlockOuter12 {padding:0px !important;} /* 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:0px; overflow:hidden;} section#MultimediaListingBlocks img {border-radius:0px; overflow:hidden;} section#MultimediaListingBlocks .Description {width:100%; padding:5px; float:left;} section#MultimediaListingBlocks p {color:#000000; 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; } .ImageColumns1 {margin:0; width:100%;} .ImageColumns1 p {-webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid-column; display:table;} .ImageColumns1 div {-webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid-column; display:table;} .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;} .SectionInnerCollapse section#MultimediaListingBlocks {padding:0 0 !important;} .SectionInnerCollapse section#MultimediaListingBlocks img {border-radius:0px !important; } .SectionInnerCollapse section#MultimediaListingBlocks .ImageFullBlock {padding:0px !important;} /* 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:0px; } 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);} .SectionInnerCollapse section#MultimediaListingSlider {padding:0 0 !important;} .SectionInnerCollapse section#MultimediaListingSlider .Block {border-radius:0px !important; } .SectionInnerCollapse section#MultimediaListingSlider .MediaSlideBlock {padding:0px !important;} /* 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; float:right; padding:15px 15px 15px 15px; clear:both; } section#SiteMap .SiteMap2 {width:95%; margin:0 0 1px 0; float:right; padding:15px 15px 15px 15px; clear:both; } section#SiteMap .SiteMap3 {width:90%; margin:0 0 1px 0; float:right; padding:15px 15px 15px 15px; clear:both; } section#SiteMap .SiteMap4 {width:85%; margin:0 0 1px 0; 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;} /* ERROR ALERT MESSAGE */ #AlertPanel {width:80%; position:fixed; top:20px; left:0; right:0; margin:auto; z-index:9999999999999999999999999999; background-color:#e0310f; border-radius:0px; 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:0px; padding:20px; text-align:center; font-size:1em; } @media only screen and (max-width: 1024px) { /* FOR IPAD AND SMALLER */ .FootLinks {width:49%;} #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:#645ca5 !important;} #MegaMenuIcon svg:hover path {fill:#000000 !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.InfographicsSideBarfalse {width:50%; } article.InfographicsSideBartrue {width:50%; } article.InfographicsAltSideBarfalse {width:50%; } article.InfographicsAltSideBartrue {width:50%; } section#ChildDetailPages article .IntroImage {width:100%; border-top-left-radius:0px; border-top-right-radius:0px; border-bottom-left-radius:0px; border-bottom-right-radius:0px; height:250px;} section#ChildDetailPages article .IntroImageAlt {width:100%; border-top-left-radius:0px; border-top-right-radius:0px; 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:0px; border-bottom-right-radius:0px; height:auto;} section#ChildDetailPages article .IntroTextAlt {width:100%; height:auto; border-top-left-radius:0px; border-top-right-radius:0px; border-bottom-left-radius:0px; border-bottom-right-radius:0px; 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;} .FloatLeft50 {width:100%; float:left; padding-right:0;} .FloatRight50 {width:100%; float:left; padding-left:0;} .FloatLeft30 {width:100%; float:left; padding-right:0;} .FloatRight30 {width:100%; float:left; padding-left:0;} .SectionInnerImageWidth25 .SectionText {width:100%; padding:0 30px; margin-bottom:30px;} .SectionInnerImageWidth25 .SectionImage {width:100%; } .SectionInnerImageWidth33 .SectionText {width:100%; padding:0 30px; margin-bottom:30px;} .SectionInnerImageWidth33 .SectionImage {width:100%; } .SectionInnerImageWidth50 .SectionText {width:100%; padding:0 30px; margin-bottom:30px;} .SectionInnerImageWidth50 .SectionImage {width:100%;} .SectionInnerImageWidth66 .SectionText {width:100%; padding:0 30px; margin-bottom:30px;} .SectionInnerImageWidth66 .SectionImage {width:100%;} .SectionInnerImageWidth75 .SectionText {width:100%; padding:0 30px; margin-bottom: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:0px;} .InnerPadding30 {padding:30px 30px; border-radius:0px;} .InnerPadding40 {padding:40px 30px; border-radius:0px;} .InnerPadding50 {padding:50px 30px; border-radius:0px;} .InnerPadding60 {padding:60px 30px; border-radius:0px;} .InnerPadding70 {padding:70px 30px; border-radius:0px;} .InnerPadding80 {padding:80px 30px; border-radius:0px;} .InnerPadding90 {padding:90px 30px; border-radius:0px;} .InnerPadding100 {padding:100px 30px; border-radius:0px;} #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:50%; } section#MultimediaListingThumbs .BlockOuter12 {float:left; width:50%;} .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;} } @media only screen and (max-width: 667px) { /* FOR IPHONE 6 PORTRAIT AND SMALLER */ .FixImageHeightYes {height:330px !important;} #HeadLeft { width:90%; } #HeadRight {width:10%; } .HeadPhone { display:none;} #Logo {width:40%; max-width:120px; 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:0px; border-top-right-radius:0px; 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:0px;} .ProjectDateCal {background-color:#645ca5; width:70px; height:70px; position:absolute; bottom:auto; top:-60px; z-index:2; left:20px; padding:5px 5px; border-radius:0px; } .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:380px;} 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.InfographicsSideBarfalse {width:100%; } article.InfographicsSideBartrue {width:100%; } article.InfographicsAltSideBarfalse {width:100%; } article.InfographicsAltSideBartrue {width:100%; } section#InfographicsAlt article .InfographicAltOuter {height:auto!important; ; } section#InfographicsAlt article .TextFull {height:auto!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:100%; } section#MultimediaListingThumbs .BlockOuter11 {float:left; width:100%; } section#MultimediaListingThumbs .BlockOuter12 {float:left; width:100%;} .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:0px;} .tablink img {width:30%; padding:0 0% 0px 0%; float:left; max-width:30px;} .tablink p {text-align:left; color:#000000; 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;} } /* 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 */ .responsiveHead3 { width:100%; margin:0 !important; padding:0 !important; float:left; position:relative; } .responsiveHead2 { width:100%; margin:0 !important; padding:0 !important; float:left; position:relative; } .responsiveHead1 { 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: 'PrimeBold'; src: url('../fonts/PrimeformProDemo-Bold.eot'); src: url('../fonts/PrimeformProDemo-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/PrimeformProDemo-Bold.woff') format('woff'), url('../fonts/PrimeformProDemo-Bold.ttf') format('truetype'), url('../fonts/PrimeformProDemo-Bold.svg#nexa_boldregular') format('svg'); font-weight: normal; font-style: normal;} @font-face {font-family: 'PrimeSemiBold'; src: url('../fonts/PrimeformProDemo-SemiBold.eot'); src: url('../fonts/PrimeformProDemo-SemiBold.eot?#iefix') format('embedded-opentype'), url('../fonts/PrimeformProDemo-SemiBold.woff') format('woff'), url('../fonts/PrimeformProDemo-SemiBold.ttf') format('truetype'), url('../fonts/PrimeformProDemo-SemiBold.svg#nexa_boldregular') format('svg'); font-weight: normal; font-style: normal;} @font-face {font-family: 'PrimeMedium'; src: url('../fonts/PrimeformProDemo-Medium.eot'); src: url('../fonts/PrimeformProDemo-Medium.eot?#iefix') format('embedded-opentype'), url('../fonts/PrimeformProDemo-Medium.woff') format('woff'), url('../fonts/PrimeformProDemo-Medium.ttf') format('truetype'), url('../fonts/PrimeformProDemo-Medium.svg#nexa_boldregular') format('svg'); font-weight: normal; font-style: normal;} @font-face {font-family: 'PrimeLight';src: url('../fonts/PrimeformProDemo-Light.eot');src: url('../fonts/PrimeformProDemo-Light.eot?#iefix') format('embedded-opentype'),url('../fonts/PrimeformProDemo-Light.woff') format('woff'),url('../fonts/PrimeformProDemo-Light.ttf') format('truetype'),url('../fonts/PrimeformProDemo-Light.svg#nexa_boldregular') format('svg');font-weight: normal;font-style: normal;} @font-face {font-family: 'GeoformBold'; src: url('../fonts/Geoform-Bold.eot'); src: url('../fonts/Geoform-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/Geoform-Bold.woff') format('woff'), url('../fonts/Geoform-Bold.ttf') format('truetype'), url('../fonts/Geoform-Bold.svg#nexa_boldregular') format('svg'); font-weight: normal; font-style: normal;} @font-face {font-family: 'GeoformMedium'; src: url('../fonts/Geoform-Regular.eot'); src: url('../fonts/Geoform-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/Geoform-Regular.woff') format('woff'), url('../fonts/Geoform-Regular.ttf') format('truetype'), url('../fonts/Geoform-Regular.svg#nexa_boldregular') format('svg'); font-weight: normal; font-style: normal;} @font-face {font-family: 'GeoformLight';src: url('../fonts/Geoform-Light.eot');src: url('../fonts/Geoform-Light.eot?#iefix') format('embedded-opentype'),url('../fonts/Geoform-Light.woff') format('woff'),url('../fonts/Geoform-Light.ttf') format('truetype'),url('../fonts/Geoform-Light.svg#nexa_boldregular') format('svg');font-weight: normal;font-style: normal;} @font-face {font-family: 'xxBold'; src: url('../fonts/ReadexPro-bold.eot'); src: url('../fonts/ReadexPro-bold.eot?#iefix') format('embedded-opentype'), url('../fonts/ReadexPro-bold.woff') format('woff'), url('../fonts/ReadexPro-bold.ttf') format('truetype'), url('../fonts/ReadexPro-bold.svg#nexa_boldregular') format('svg'); font-weight: normal; font-style: normal;} @font-face {font-family: 'xxMedium'; src: url('../fonts/ReadexPro-Medium.eot'); src: url('../fonts/ReadexPro-Medium.eot?#iefix') format('embedded-opentype'), url('../fonts/ReadexPro-Medium.woff') format('woff'), url('../fonts/ReadexPro-Medium.ttf') format('truetype'), url('../fonts/ReadexPro-Medium.svg#nexa_boldregular') format('svg'); font-weight: normal; font-style: normal;} @font-face {font-family: 'xxLight';src: url('../fonts/ReadexPro-Light.eot');src: url('../fonts/ReadexPro-Light.eot?#iefix') format('embedded-opentype'),url('../fonts/ReadexPro-Light.woff') format('woff'),url('../fonts/ReadexPro-Light.ttf') format('truetype'),url('../fonts/ReadexPro-Light.svg#nexa_boldregular') format('svg');font-weight: normal;font-style: normal;} @font-face {font-family: 'DefaultBlack'; src: url('../fonts/Lato-Black.eot'); src: url('../fonts/Lato-Black.eot?#iefix') format('embedded-opentype'),url('../fonts/Lato-Black.woff') format('woff'),url('../fonts/Lato-Black.ttf') format('truetype'),url('../fonts/Lato-Black.svg#nexa_boldregular') format('svg');font-weight: normal; font-style: normal;} @font-face {font-family: 'DefaultBold'; src: url('../fonts/Lato-Bold.eot'); src: url('../fonts/Lato-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/Lato-Bold.woff') format('woff'), url('../fonts/Lato-Bold.ttf') format('truetype'), url('../fonts/Lato-Bold.svg#nexa_boldregular') format('svg'); font-weight: normal; font-style: normal;} @font-face {font-family: 'DefaultMedium';src: url('../fonts/Lato-Regular.eot');src: url('../fonts/Lato-Regular.eot?#iefix') format('embedded-opentype'),url('../fonts/Lato-Regular.woff') format('woff'),url('../fonts/Lato-Regular.ttf') format('truetype'),url('../fonts/Lato-Regular.svg#nexa_boldregular') format('svg');font-weight: normal;font-style: normal;} @font-face {font-family: 'DefaultLight';src: url('../fonts/Lato-Light.eot');src: url('../fonts/Lato-Light.eot?#iefix') format('embedded-opentype'),url('../fonts/Lato-Light.woff') format('woff'),url('../fonts/Lato-Light.ttf') format('truetype'),url('../fonts/Lato-Light.svg#nexa_boldregular') format('svg');font-weight: normal;font-style: normal;}