/* 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;} .DiscCar {width:100%; float:left; clear:both; padding-top:40px;} /* BROWSER SCROLL BAR */ ::-webkit-scrollbar {width:10px;} ::-webkit-scrollbar-track {background: #081018;} ::-webkit-scrollbar-thumb {background: #f96c00;} ::-webkit-scrollbar-thumb:hover {background: #f7ce46;} /* BASIC FORM STYLES */ input {font-size:1em; font-family:DefaultMedium; padding:16px; border-radius:10px; -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:10px; -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:10px; -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: #f96c00;} .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;} table a {text-decoration:underline;} body {background-color:#000000; font-family:DefaultMedium,helvetica; font-size:100%; overflow-x: hidden;} #CompleteContainer {width:100%; margin:auto; overflow:clip;} .CompleteContainerScroll {background-color:#ffffff; transition: background-color 1s ease;} h1 { padding:0 0 10px 0; font-size:2.60em; font-weight:normal; font-family:DefaultBold; color:#111828; letter-spacing:-2px; position:relative; width:100%; float:left; } h2 { padding:0 0 10px 0; font-size:1.80em; font-weight:normal; font-family:DefaultBold; color:#111828; letter-spacing:-1px; position:relative; width:100%; float:left; } h3 { padding:0 0 10px 0; font-size:1.20em; font-weight:normal; font-family:DefaultBold; color:#111828; } h4 { padding:0 0 10px 0; font-size:1.20em; font-weight:normal; font-family:DefaultBold; color:#111828; } .ResultsHead h1:after {background: none repeat scroll 0 0 #f96c00;} .ResultsHead h2:after {background: none repeat scroll 0 0 #f96c00;} 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:0.85em; 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:0.90em; 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:#111828; font-family:DefaultBold; margin-bottom:40px; padding-top:3px; padding-bottom:7px; float:left; display:inline-block;} .textcolourbrand {color:#f96c00;} .textcolourbrandalt {color:#f7ce46;} .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:#f96c00;} ::-moz-selection {color:#ffffff; background-color:#f96c00;} /* 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:#111828; position:fixed; border-radius:10px; 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; } /* ALERT STYLES */ #SiteAlert {float:left; width:100%; padding:10px 100px; background-color:#f96c00;} #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:#ffffff;} .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:50%; position:relative;} #Logo {width:100%; max-width:340px; height:auto; float:left; border:none; margin-top:4px;} #HeadRight {float:right; width:50%; position:relative;} nav#MainNavigation {width:100%; height:30px; float:right; clear:both;} #HeadBTNLogin {background-color:#111828; color:#ffffff; padding:0 60px 0 20px; border-radius:10px; float:right; font-size:0.85em; line-height:35px; -o-transition: 1s; -moz-transition: 1s; -khtml-transition: 1s; -webkit-transition: 1s; -ms-transition: 1s; transition: 1s; font-family:DefaultBold; background-image:url('../../images/right-arrow.png'); background-repeat:no-repeat; background-size:15px; background-position:right 10px center; } #HeadBTNLogin:hover {background-color:#99a1af; } #HeadBTNRegister {background-color:#f96c00; color:#ffffff; padding:0 60px 0 20px; border-radius:10px; float:right; margin-right:30px; font-size:0.85em; line-height:35px; -o-transition: 1s; -moz-transition: 1s; -khtml-transition: 1s; -webkit-transition: 1s; -ms-transition: 1s; transition: 1s; font-family:DefaultBold; background-image:url('../../images/right-arrow.png'); background-repeat:no-repeat; background-size:15px; background-position:right 10px center;} #HeadBTNRegister:hover {background-color:#99a1af; } #HeadBTNAccount {background-color:#99a1af; color:#ffffff; padding:0 60px 0 20px; border-radius:10px; float:right; font-size:0.85em; line-height:35px; -o-transition: 1s; -moz-transition: 1s; -khtml-transition: 1s; -webkit-transition: 1s; -ms-transition: 1s; transition: 1s; font-family:DefaultBold; background-image:url('../../images/right-arrow.png'); background-repeat:no-repeat; background-size:15px; background-position:right 10px center; } #HeadBTNAccount:hover {background-color:#111828; } #MenuBTNLogin {background-color:#111828; color:#ffffff; padding:0 60px 0 20px; margin-top:30px; border-radius:10px; float:left; font-size:0.85em; line-height:35px; -o-transition: 1s; -moz-transition: 1s; -khtml-transition: 1s; -webkit-transition: 1s; -ms-transition: 1s; transition: 1s; font-family:DefaultBold; background-image:url('../../images/right-arrow.png'); background-repeat:no-repeat; background-size:15px; background-position:right 10px center; } #MenuBTNLogin:hover {background-color:#99a1af; } #MenuBTNRegister {background-color:#f96c00; color:#ffffff; padding:0 60px 0 20px; margin-top:30px; border-radius:10px; float:left; margin-left:30px; font-size:0.85em; line-height:35px; -o-transition: 1s; -moz-transition: 1s; -khtml-transition: 1s; -webkit-transition: 1s; -ms-transition: 1s; transition: 1s; font-family:DefaultBold; background-image:url('../../images/right-arrow.png'); background-repeat:no-repeat; background-size:15px; background-position:right 10px center;} #MenuBTNRegister:hover {background-color:#99a1af; } #MenuBTNAccount {background-color:#99a1af; color:#ffffff; padding:0 60px 0 20px; margin-top:30px; border-radius:10px; float:left; font-size:0.85em; line-height:35px; -o-transition: 1s; -moz-transition: 1s; -khtml-transition: 1s; -webkit-transition: 1s; -ms-transition: 1s; transition: 1s; font-family:DefaultBold; background-image:url('../../images/right-arrow.png'); background-repeat:no-repeat; background-size:15px; background-position:right 10px center; } #MenuBTNAccount:hover {background-color:#111828; } #GetStartedBTN {background-color:#f96c00; color:#ffffff; padding:0 60px 0 20px; border-radius:10px; float:left; margin-right:30px; font-size:0.85em; line-height:35px; -o-transition: 1s; -moz-transition: 1s; -khtml-transition: 1s; -webkit-transition: 1s; -ms-transition: 1s; transition: 1s; font-family:DefaultBold; background-image:url('../../images/right-arrow.png'); background-repeat:no-repeat; background-size:15px; background-position:right 10px center;} #GetStartedBTN:hover {background-color:#99a1af; } #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:#f96c00; 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:#f7ce46;} #MobileButtonsHide {display:none;} /* SEARCH STYLES */ #SearchBar .panel {display:block;} #SearchBar .panel.show {display: block; padding:0px; width:100%;} #HeadSearch {float:left; width:100%; background-color:#f3f3f3; background: #f3f3f3; background: linear-gradient(0deg,rgba(243, 243, 243, 1) 80px, rgba(255, 255, 255, 1) 0%);} #HeadSearchInner {max-width:1000px; margin:0 auto; position:relative;} .Head1 {background-color:#f3f3f3 !important; background-image:url('../../images/headBG.jpg') !important; background-repeat:no-repeat !important; background-size:100% !important; background-position:bottom 80px center !important; } .Head1 #HeadSearchInner { min-height:300px;} #SearchBar {background-color:#111828; float:left; width:100%; border-radius:20px; padding:20px 90px; float:left; } .Head1 #SearchBar {background-color:#111828; float:left; width:100%; border-radius:20px; padding:20px 90px; float:none !important; position:absolute; bottom:0px; left:0; } #SearchBar h3 {color:#f96c00;} .SearchWhichBar {float:left; width:100%; clear:both;} .SearchWhich {float:left; width:110px; color:#ffffff; font-size:0.75em; } #SearchBar input[type=radio] {width:18px !important; height:18px !important; background-color:#ffffff; border-radius:50px; padding:0px; border:0px; margin-right:5px; float:left;} #SearchBar input[type=radio]:checked {background: #f96c00; border:0px;} #SearchBar .SearchBlock {width:28%; float:left; margin-bottom:0px; margin-right:2%; } .SearchBlock p {color:#ffffff; font-size:0.70em; padding:0; margin:0;} #SearchBar select {padding:20px; width:100%; float:left; padding:15px;} #SearchBar input {padding:20px; width:100%; float:left; padding:15px;} #SearchBar .SubmitButton {width:10%; background-color:#f96c00; margin-right:0; background-image:url('../../images/search.png'); background-repeat:no-repeat; background-size:30px; background-position:center center; -o-transition: 1s; -moz-transition: 1s; -khtml-transition: 1s; -webkit-transition: 1s; -ms-transition: 1s; transition: 1s; margin-top:18px;} #SearchBar .SubmitButton:hover { background-color:#99a1af; } /* SLIDER / BANNER */ .HomeSlide {width:100%; float:left; position:relative; overflow:hidden; display:block; } .VideoBannerOuter {width:100%; float:left; position:relative; background-size:cover; background-position:center center; overflow:hidden; } .VideoBanner {width:100%; float:left; display:block; position:relative; background-size:cover; background-position:center center; overflow:hidden; object-fit: cover;} .MobileBanner {width:100%; float:left; display:none; position:relative; background-size:cover; background-position:center center; overflow:hidden; } .HomeBanner {width:100%; float:left; display:block; position:relative; background-size:cover; background-position:center center; overflow:hidden; } .SliderFade {background: rgb(0,0,0); background: linear-gradient(0deg, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0) 46%); width:100%; position:absolute; top:0; left:0; z-index:2; height:100%;} .HomeBannerTextOuter { width:100%; position:absolute; top:0; left:0; z-index:4; height:100%;} .HomeBannerTextInner { width:100%;margin:auto; height:100%; position:relative;} .HomeBannerTextInnerWide { max-width:1300px; } .HomeBannerTextInnerMedium { max-width:1100px; } .HomeBannerTextInnerCompact { max-width:900px; } .HomeBannerText {position: absolute; bottom:60px; left:0; padding-left:30px; z-index:6; width:100%; padding-right:30px;} .HomeBannerText h1 {color:#ffffff; font-size:3em; } .HomeBannerText h2 {color:#ffffff; font-size:2em; } .HomeBannerBTN {background-color:#f96c00; color:#ffffff; border-radius:10px; 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/right-arrow.png'); background-repeat:no-repeat; font-size:1.10em; background-size:30px; background-position:right 18px center;} .HomeBannerBTN:hover {background-color:#f7ce46; 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.responsiveHead .slick-prev {right: auto; left: 30px !important; bottom: 100px; width: 50px; height: 50px; background-image:url('../../images/prevwhite.png'); } section.responsiveHead .slick-next {right: 30px !important; left: auto; bottom: 100px; width: 50px; height: 50px; background-image:url('../../images/nextwhite.png');} section.responsiveHead .slick-dots {bottom: 50px !important;} section.responsiveHead .slick-prev {background-color:#f7ce46; } section.responsiveHead .slick-next {background-color:#f7ce46; } section.responsiveHead .slick-prev:hover, section.responsiveHead .slick-prev:focus {background-color:#111828; } section.responsiveHead .slick-next:hover, section.responsiveHead .slick-next:focus {background-color:#111828; } section.responsiveHead .slick-dots li button {background-color:#f2f2f2;} section.responsiveHead .slick-dots li button:hover, section.responsiveHead .slick-dots li button:focus {background-color:#f96c00;} section.responsiveHead .slick-dots li button:hover:before, section.responsiveHead .slick-dots li button:focus:before {background-color:#f96c00;} section.responsiveHead .slick-dots li.slick-active button:before {background-color:#f96c00;} .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:#ffffff; overflow-x: hidden; padding:60px 40px; transition: 0.5s; } .sidenav .closebtn {position:absolute; top:0; right: 25px; font-size:36px; color:#111828;} .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:260px; height:auto; float:left; border:none; margin-bottom:23px;} .sidenav .NavLink {color:#111828; width:100%; float:left; padding:15px 0 0 0; margin-top:15px; font-family:DefaultBold; font-size:1.30em; border-top:1px solid #f96c00; position:relative;position:relative;} .sidenav .NavLink:hover {color:#f96c00;} .sidenav .SubNavLink {color:#111828; width:100%; float:left; padding:7px 0 7px 40px; font-family:DefaultBold; font-size:1.10em;} .sidenav .SubNavLink:hover {color:#f96c00;} .sidenav .Sub2NavLink {color:#111828; width:100%; float:left; padding:7px 0 7px 50px; font-family:DefaultBold; font-size:0.90em;} .sidenav .Sub2NavLink:hover {color:#f96c00;} #MenuSocial {width:100%; margin:15px 0 0 0; float:left; border-top:1px solid #f96c00; 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:#f96c00 !important;} #MenuSocial .SocialIcon svg:hover path {fill:#111828 !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:10px 0 0 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:10px;} #dropnav .dir li:hover {display:block;} a.btn {display:block; font-size:0.90em; color:#101828; float:left; margin:0 0 0 25px; text-align:center; line-height:25px; } a.btn:hover {display:block; color:#101828; border-bottom:3px solid #f96c00; } a.btnActive {display:block; font-size:0.90em; color:#101828; float:left; margin:0 0 0 25px; text-align:center; border-bottom:3px solid #f96c00; line-height:25px;} a.btnActive:hover {display:block; color:#101828; border-bottom:3px solid #f96c00;} a.btn2 {display:block; font-size:1em; color:#ffffff; padding:8px; background-color:#111828; -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:#f96c00;} /* FOOTER STYLES */ .FootOuter {width:100%; height:auto; position: relative; float:left; background-color:#111828;} footer.FootInner {max-width:1300px; padding:50px 30px; margin:0 auto; position:relative; } footer.FootInner h1 {color:#ffffff;} footer.FootInner h2 {color:#ffffff;} footer.FootInner h3 {color:#ffffff; margin-bottom:10px;} footer.FootInner h4 {color:#99a1af;} footer.FootInner p {color:#99a1af; } footer.FootInner a { color:#99a1af;} footer.FootInner a:hover { color:#f96c00; } #FootLeft {width:33.3%; float:left; margin-bottom:30px; position:relative; padding-right:30px;} #FootNavigation {width:33.3%; float:left; margin-bottom:30px; position:relative; padding-right:30px;} .FootLinks {line-height:25px; width:49%;margin:0 1% 0 0; float:left; font-size:0.85em;} #FootContact {width:33.3%; float:left; margin-bottom:30px; position:relative; } .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:#99a1af !important;} .FootRowIcon svg:hover path {fill:#f96c00 !important;} .FootRowText {float:left; width:80%; padding-left:20px;} .FootRowText p {font-size:0.80em !important; margin-bottom:0px !important; line-height:18px !important;} #FootBottom {width:100%; float:left; margin-top:30px; position:relative; border-top:1px solid rgba(255, 255, 255, 0.2); padding-top:30px;} #FootBottomLeft {width:70%; float:left; position:relative; } #FootBottomRight {width:30%; float:left; position:relative; } #FootBottomLeft p {text-align:left; font-size:0.75em; } #FootBottomRight p {text-align:right; font-size:0.75em;} #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; background-color:#f3f3f3; } .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:10px;} .SideBarDefault .ItemBG {background-color:#f3f3f3;} .SideBarAlternate {float:left; width:100%; background-color:#f3f3f3; padding:30px; border-radius:10px;} .SideBarAlternate .ItemBG {background-color:#ffffff;} .SideBarBrand {float:left; width:100%; background-color:#f96c00; padding:30px; border-radius:10px;} .SideBarBrand .ItemBG {background-color:#ffffff;} .SideBarBrandAlt {float:left; width:100%; background-color:#f7ce46; padding:30px; border-radius:10px;} .SideBarBrandAlt .ItemBG {background-color:#ffffff;} .SideImage {width:100%; float:left; overflow:hidden; border-radius:10px;} .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 #f96c00; padding:10px; color:#333333;} .SubLink2 {color:#111828;} .SubLink2:hover {color:#f96c00 !important;} .SubLink3 {float:left; width:100%; margin:0 0 2px 0; border-bottom:1px solid #f96c00; padding:10px 10px 10px 30px; color:#333333;} .SubLink3 {color:#111828;} .SubLink3:hover {color:#f96c00 !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; } /* DEFAULT */ .color-Default {background-color: #f3f3f3;} .StaticColourDefault {background-color: #f3f3f3;} .PanelColourDefault h1 {color:#111828;} .PanelColourDefault h2 {color:#111828;} .PanelColourDefault h3 {color:#111828;} .PanelColourDefault h4 {color:#111828;} .PanelColourDefault p {color:#111828;} .PanelColourDefault li {color:#111828;} .PanelColourDefault a { color:#f96c00;} .PanelColourDefault a:hover { color:#111828;} .SectionOuterStyleDefault .PanelInnerOutline {border:1px solid #111828;} .StaticColourDefault h1:after {background: none repeat scroll 0 0 #f96c00;} .StaticColourDefault h2:after {background: none repeat scroll 0 0 #f96c00;} /* DEFAULT - ITEMS: CHILD PAGES, FAQS, TESTIMONIALS, DOWNLOADS, LISTINGS */ .PanelColourDefault .ItemBG {background-color:#ffffff;} .PanelColourDefault .ItemHoverBG {background-color:#ffffff; -o-transition: 1s; -moz-transition: 1s; -khtml-transition: 1s; -webkit-transition: 1s; -ms-transition: 1s; transition: 1s;} .PanelColourDefault article:hover .ItemHoverBG {background-color:#f2f2f2;} .PanelColourDefault .Item h1 {color:#111828;} .PanelColourDefault .Item h2 {color:#111828;} .PanelColourDefault .Item h3 {color:#111828;} .PanelColourDefault .Item h4 {color:#111828;} .PanelColourDefault .Item p {color:#111828;} .PanelColourDefault .Item li {color:#111828;} .PanelColourDefault .Item a { color:#f96c00;} .PanelColourDefault .Item a:hover { color:#111828;} /* DEFAULT - ALT ITEMS: INFOGRAPHICS */ .PanelColourDefault .ItemAltBG {background-color:#f96c00;} .PanelColourDefault .ItemAltHoverBG {background-color:#f96c00; -o-transition: 1s; -moz-transition: 1s; -khtml-transition: 1s; -webkit-transition: 1s; -ms-transition: 1s; transition: 1s;} .PanelColourDefault article:hover .ItemAltHoverBG {background-color:#111828;} .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:#f96c00; color:#ffffff; border-radius:10px; 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/right-arrow.png'); background-repeat:no-repeat; font-size:1.10em; background-size:30px; background-position:right 18px center;} .PanelColourDefault .SectionCTABTN:hover {background-color:#f7ce46; color:#ffffff; } /* DEFAULT - SLIDER ARROWS */ .PanelColourDefault .slick-prev {background-color:#f96c00; bottom: 48%; width: 50px; height: 50px; background-image:url('../../images/prevwhite.png'); } .PanelColourDefault .slick-next {background-color:#f96c00; bottom: 48%; width: 50px; height: 50px; background-image:url('../../images/nextwhite.png');} .PanelColourDefault .slick-prev:hover, .PanelColourDefault .slick-prev:focus {background-color:#f7ce46; } .PanelColourDefault .slick-next:hover, .PanelColourDefault .slick-next:focus {background-color:#f7ce46; } .PanelColourDefault .slick-dots li button {background-color:#f3f3f3;} .PanelColourDefault .slick-dots li button:hover, .PanelColourDefault .slick-dots li button:focus {background-color:#f96c00;} .PanelColourDefault .slick-dots li button:hover:before, .PanelColourDefault .slick-dots li button:focus:before {background-color:#f96c00;} .PanelColourDefault .slick-dots li.slick-active button:before {background-color:#f96c00;} /* DEFAULT - FAQS */ .PanelColourDefault section#FAQListing .accordion .FAQAW {background-color:#f96c00; background-image:url('../../images/nextwhite.png'); } .PanelColourDefault section#FAQListing .accordion:hover .FAQAW {background-color:#f7ce46;} .PanelColourDefault section#FAQListing .accordion.active {background-color:#f7ce46; } .PanelColourDefault section#FAQListing .accordion.active .FAQAW {background-color:#f7ce46;} /* DEFAULT - FORM STYLES */ .PanelColourDefault input {color:#111828; background-color:#fffffff; border: 1px solid #fffffff;} .PanelColourDefault select {color:#111828; background-color:#fffffff; border: 1px solid #fffffff;} .PanelColourDefault textarea {color:#111828; background-color:#fffffff; border:1px solid #fffffff;} .PanelColourDefault input[type=checkbox] {background-color:#fffffff; border:1px solid #fffffff;} .PanelColourDefault input[type=checkbox]:checked {background: #f96c00; border:1px solid #f96c00; background-image:url('../../images/tick.png'); } .PanelColourDefault input[type=radio] {background-color:#fffffff; border:1px solid #fffffff;} .PanelColourDefault input[type=radio]:checked {background: #f96c00; border:1px solid #f96c00;} .PanelColourDefault input:focus {background:#fffffff; border: 1px solid #f96c00;} .PanelColourDefault textarea:focus {background:#fffffff; border: 1px solid #f96c00;} .PanelColourDefault select:focus {background:#ffffff; border: 1px solid #f96c00;} .PanelColourDefault .SubmitButton {background-color:#f96c00; color:#ffffff; border: 1px solid #f96c00;} .PanelColourDefault .SubmitButton:hover {background-color:#f7ce46; border: 1px solid #f7ce46; } .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:#111828;} .PanelColourDefault .tabcontent p {color:#111828;} .PanelColourDefault .tabcontent h3 {color:#111828;} /* DEFAULT - INDEX STYLES */ .PanelColourDefault section#SectionIndex .IndexRow {border-bottom:1px solid rgba(0, 0, 0, 0.5); } .PanelColourDefault section#SectionIndex .IndexArrow {color:#111828; } /* DEFAULT - CONTACT DETAILS ALTERNATIVE */ .PanelColourDefault .ContactBoxRowIcon svg path {fill:#f96c00 !important;} .PanelColourDefault .ContactBoxRowIcon svg:hover path {fill:#f96c00 !important;} .PanelColourDefault .ContactBoxRowText p {color:#111828;} .PanelColourDefault p.ContactAltBig {color:#f96c00;} /* DEFAULT - BREADCRUMBS */ .StaticColourDefault h1 {color:#111828;} .StaticColourDefault .Breadcrumbs p {color:#111828;} .StaticColourDefault .Breadcrumbs a { color:#f96c00;} .StaticColourDefault .Breadcrumbs a:hover {color:#111828 } /* ALTERNATE */ .color-Alternate {background-color: #ffffff;} .StaticColourAlternate {background-color: #ffffff;} .PanelColourAlternate h1 {color:#111828;} .PanelColourAlternate h2 {color:#111828;} .PanelColourAlternate h3 {color:#111828;} .PanelColourAlternate h4 {color:#111828;} .PanelColourAlternate p {color:#111828;} .PanelColourAlternate li {color:#111828;} .PanelColourAlternate a { color:#f96c00;} .PanelColourAlternate a:hover { color:#111828;} .SectionOuterStyleAlternate .PanelInnerOutline {border:1px solid #111828;} .StaticColourAlternate h1:after {background: none repeat scroll 0 0 #f96c00;} .StaticColourAlternate h2:after {background: none repeat scroll 0 0 #f96c00;} /* ALTERNATE - ITEMS: CHILD PAGES, FAQS, TESTIMONIALS, DOWNLOADS, LISTINGS */ .PanelColourAlternate .ItemBG {background-color:#f3f3f3;} .PanelColourAlternate .ItemHoverBG {background-color:#f3f3f3; -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:#111828;} .PanelColourAlternate .Item h2 {color:#111828;} .PanelColourAlternate .Item h3 {color:#111828;} .PanelColourAlternate .Item h4 {color:#111828;} .PanelColourAlternate .Item p {color:#111828;} .PanelColourAlternate .Item li {color:#111828;} .PanelColourAlternate .Item a { color:#f96c00;} .PanelColourAlternate .Item a:hover { color:#111828;} /* ALTERNATE - ALT ITEMS: INFOGRAPHICS */ .PanelColourAlternate .ItemAltBG {background-color:#f7ce46;} .PanelColourAlternate .ItemAltHoverBG {background-color:#f7ce46; -o-transition: 1s; -moz-transition: 1s; -khtml-transition: 1s; -webkit-transition: 1s; -ms-transition: 1s; transition: 1s;} .PanelColourAlternate article:hover .ItemAltHoverBG {background-color:#111828;} .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:#f96c00; color:#ffffff; border-radius:10px; 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/right-arrow.png'); background-repeat:no-repeat; font-size:1.10em; background-size:30px; background-position:right 18px center;} .PanelColourAlternate .SectionCTABTN:hover {background-color:#f7ce46; color:#ffffff; } /* ALTERNATE - SLIDER ARROWS */ .PanelColourAlternate .slick-prev {background-color:#f96c00; bottom: 48%; width: 50px; height: 50px; background-image:url('../../images/prevwhite.png');} .PanelColourAlternate .slick-next {background-color:#f96c00; bottom: 48%; width: 50px; height: 50px; background-image:url('../../images/nextwhite.png');} .PanelColourAlternate .slick-prev:hover, .PanelColourAlternate .slick-prev:focus {background-color:#f7ce46; } .PanelColourAlternate .slick-next:hover, .PanelColourAlternate .slick-next:focus {background-color:#f7ce46; } .PanelColourAlternate .slick-dots li button {background-color:#ffffff;} .PanelColourAlternate .slick-dots li button:hover, .PanelColourAlternate .slick-dots li button:focus {background-color:#f96c00;} .PanelColourAlternate .slick-dots li button:hover:before, .PanelColourAlternate .slick-dots li button:focus:before {background-color:#f96c00;} .PanelColourAlternate .slick-dots li.slick-active button:before {background-color:#f96c00;} /* ALTERNATE - FAQS */ .PanelColourAlternate section#FAQListing .accordion .FAQAW {background-color:#f96c00; background-image:url('../../images/nextwhite.png'); } .PanelColourAlternate section#FAQListing .accordion:hover .FAQAW {background-color:#f7ce46;} .PanelColourAlternate section#FAQListing .accordion.active {background-color:#f7ce46; } .PanelColourAlternate section#FAQListing .accordion.active .FAQAW {background-color:#f7ce46;} /* ALTERNATE - FORM STYLES */ .PanelColourAlternate input {color:#111828; background-color:#f3f3f3; border: 1px solid #f3f3f3;} .PanelColourAlternate select {color:#111828; background-color:#f3f3f3; border: 1px solid #f3f3f3;} .PanelColourAlternate textarea {color:#111828; background-color:#f3f3f3; border:1px solid #f3f3f3;} .PanelColourAlternate input[type=checkbox] {background-color:#f3f3f3; border:1px solid #f3f3f3;} .PanelColourAlternate input[type=checkbox]:checked {background: #f96c00; border:1px solid #f96c00; background-image:url('../../images/tick.png'); } .PanelColourAlternate input[type=radio] {background-color:#f3f3f3; border:1px solid #f3f3f3;} .PanelColourAlternate input[type=radio]:checked {background: #f96c00; border:1px solid #f96c00;} .PanelColourAlternate input:focus {background:#f3f3f3; border: 1px solid #f96c00;} .PanelColourAlternate textarea:focus {background:#f3f3f3; border: 1px solid #f96c00;} .PanelColourAlternate select:focus {background:#f3f3f3; border: 1px solid #f96c00;} .PanelColourAlternate .SubmitButton {background-color:#f96c00; color:#ffffff; border: 1px solid #f96c00;} .PanelColourAlternate .SubmitButton:hover {background-color:#f7ce46; border: 1px solid #f7ce46; } .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:#111828;} .PanelColourAlternate .tabcontent p {color:#111828;} .PanelColourAlternate .tabcontent h3 {color:#111828;} /* ALTERNATE - INDEX STYLES */ .PanelColourAlternate section#SectionIndex .IndexRow {border-bottom:1px solid rgba(0, 0, 0, 0.5); } .PanelColourAlternate section#SectionIndex .IndexArrow {color:#111828; } /* ALTERNATE - CONTACT DETAILS ALTERNATIVE */ .PanelColourAlternate .ContactBoxRowIcon svg path {fill:#f96c00 !important;} .PanelColourAlternate .ContactBoxRowIcon svg:hover path {fill:#f96c00 !important;} .PanelColourAlternate .ContactBoxRowText p {color:#111828;} .PanelColourAlternate p.ContactAltBig {color:#f96c00;} /* ALTERNATE - BREADCRUMBS */ .StaticColourAlternate h1 {color:#111828;} .StaticColourAlternate .Breadcrumbs p {color:#111828;} .StaticColourAlternate .Breadcrumbs a { color:#f96c00;} .StaticColourAlternate .Breadcrumbs a:hover {color:#111828 } /* BRAND COLOUR */ .color-Brand {background-color: #f96c00;} .StaticColourBrand {background-color: #f96c00;} .PanelColourBrand h1 {color:#ffffff;} .PanelColourBrand h2 {color:#ffffff;} .PanelColourBrand h3 {color:#ffffff;} .PanelColourBrand h4 {color:#ffffff;} .PanelColourBrand p {color:#ffffff;} .PanelColourBrand li {color:#ffffff;} .PanelColourBrand a { color:#f7ce46;} .PanelColourBrand a:hover { color:#ffffff;} .SectionOuterStyleBrand .PanelInnerOutline {border:1px solid #ffffff;} .StaticColourBrand h1:after {background: none repeat scroll 0 0 #f7ce46;} .StaticColourBrand h2:after {background: none repeat scroll 0 0 #f7ce46;} /* BRAND COLOUR - ITEMS: CHILD PAGES, FAQS, TESTIMONIALS, DOWNLOADS, LISTINGS */ .PanelColourBrand .ItemBG {background-color:#ffffff;} .PanelColourBrand .ItemHoverBG {background-color:#ffffff; -o-transition: 1s; -moz-transition: 1s; -khtml-transition: 1s; -webkit-transition: 1s; -ms-transition: 1s; transition: 1s;} .PanelColourBrand article:hover .ItemHoverBG {background-color:#f2f2f2;} .PanelColourBrand .Item h1 {color:#111828;} .PanelColourBrand .Item h2 {color:#111828;} .PanelColourBrand .Item h3 {color:#111828;} .PanelColourBrand .Item h4 {color:#111828;} .PanelColourBrand .Item p {color:#111828;} .PanelColourBrand .Item li {color:#111828;} .PanelColourBrand .Item a { color:#f7ce46;} .PanelColourBrand .Item a:hover { color:#111828;} /* BRAND COLOUR - ALT ITEMS: INFOGRAPHICS */ .PanelColourBrand .ItemAltBG {background-color:#f7ce46;} .PanelColourBrand .ItemAltHoverBG {background-color:#f7ce46; -o-transition: 1s; -moz-transition: 1s; -khtml-transition: 1s; -webkit-transition: 1s; -ms-transition: 1s; transition: 1s;} .PanelColourBrand article:hover .ItemAltHoverBG {background-color:#111828;} .PanelColourBrand .ItemAlt h1 {color:#ffffff;} .PanelColourBrand .ItemAlt h2 {color:#ffffff;} .PanelColourBrand .ItemAlt h3 {color:#ffffff;} .PanelColourBrand .ItemAlt h4 {color:#ffffff;} .PanelColourBrand .ItemAlt p {color:#ffffff;} .PanelColourBrand .ItemAlt li {color:#ffffff;} /* BRAND COLOUR - BUTTONS */ .PanelColourBrand .SectionCTABTN {background-color:#f7ce46; color:#ffffff; border-radius:10px; 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/right-arrow.png'); background-repeat:no-repeat; font-size:1.10em; background-size:30px; background-position:right 18px center;} .PanelColourBrand .SectionCTABTN:hover {background-color:#111828; color:#ffffff; } /* BRAND COLOUR - SLIDER ARROWS */ .PanelColourBrand .slick-prev {background-color:#f7ce46; bottom: 48%; width: 50px; height: 50px; background-image:url('../../images/prevwhite.png');} .PanelColourBrand .slick-next {background-color:#f7ce46; bottom: 48%; width: 50px; height: 50px; background-image:url('../../images/nextwhite.png');} .PanelColourBrand .slick-prev:hover, .PanelColourBrand .slick-prev:focus {background-color:#111828; } .PanelColourBrand .slick-next:hover, .PanelColourBrand .slick-next:focus {background-color:#111828; } .PanelColourBrand .slick-dots li button {background-color:#ffffff;} .PanelColourBrand .slick-dots li button:hover, .PanelColourBrand .slick-dots li button:focus {background-color:#f7ce46;} .PanelColourBrand .slick-dots li button:hover:before, .PanelColourBrand .slick-dots li button:focus:before {background-color:#f7ce46;} .PanelColourBrand .slick-dots li.slick-active button:before {background-color:#f7ce46;} /* BRAND COLOUR - FAQS */ .PanelColourBrand section#FAQListing .accordion .FAQAW {background-color:#f7ce46; background-image:url('../../images/nextwhite.png'); } .PanelColourBrand section#FAQListing .accordion:hover .FAQAW {background-color:#111828;} .PanelColourBrand section#FAQListing .accordion.active {background-color:#111828; } .PanelColourBrand section#FAQListing .accordion.active .FAQAW {background-color:#111828;} /* BRAND COLOUR - FORM STYLES */ .PanelColourBrand input {color:#111828; background-color:#ffffff; border: 1px solid #ffffff;} .PanelColourBrand select {color:#111828; background-color:#ffffff; border: 1px solid #ffffff;} .PanelColourBrand textarea {color:#111828; background-color:#ffffff; border:1px solid #ffffff;} .PanelColourBrand input[type=checkbox] {background-color:#ffffff; border:1px solid #ffffff;} .PanelColourBrand input[type=checkbox]:checked {background: #f7ce46; border:1px solid #f7ce46; background-image:url('../../images/tick.png'); } .PanelColourBrand input[type=radio] {background-color:#ffffff; border:1px solid #ffffff;} .PanelColourBrand input[type=radio]:checked {background: #f7ce46; border:1px solid #f7ce46;} .PanelColourBrand input:focus {background:#ffffff; border: 1px solid #f7ce46;} .PanelColourBrand textarea:focus {background:#ffffff; border: 1px solid #f7ce46;} .PanelColourBrand select:focus {background:#ffffff; border: 1px solid #f7ce46;} .PanelColourBrand .SubmitButton {background-color:#f7ce46; color:#ffffff; border: 1px solid #f7ce46;} .PanelColourBrand .SubmitButton:hover {background-color:#111828; border: 1px solid #111828; } .PanelColourBrand ::-webkit-input-placeholder {color: #c0c0c0;} .PanelColourBrand :-ms-input-placeholder { color: #c0c0c0;} .PanelColourBrand ::-moz-placeholder { color: #c0c0c0; opacity: 1;} .PanelColourBrand :-moz-placeholder {color: #c0c0c0; opacity: 1;} /* BRAND COLOUR - TABLE SYTLE */ .PanelColourBrand tr {border-bottom:#cccccc 1px solid;} .PanelColourBrand tr{background: #f2f2f2;} .PanelColourBrand tr:nth-child(odd){background: #f2f2f2;} .PanelColourBrand tr:nth-child(even){background: #ffffff;} /* BRAND COLOUR - FOLDER STYLES SYTLE */ .PanelColourBrand .tablink p {color:#111828;} .PanelColourBrand .tabcontent p {color:#111828;} .PanelColourBrand .tabcontent h3 {color:#111828;} /* BRAND COLOUR - INDEX STYLES */ .PanelColourBrand section#SectionIndex .IndexRow {border-bottom:1px solid rgba(255, 255, 255, 0.5); } .PanelColourBrand section#SectionIndex .IndexArrow {color:#111828; } /* BRAND COLOUR - CONTACT DETAILS ALTERNATIVE */ .PanelColourBrand .ContactBoxRowIcon svg path {fill:#f96c00 !important;} .PanelColourBrand .ContactBoxRowIcon svg:hover path {fill:#f96c00 !important;} .PanelColourBrand .ContactBoxRowText p {color:#111828;} .PanelColourBrand p.ContactAltBig {color:#f96c00;} /* BRAND COLOUR - BREADCRUMBS */ .StaticColourBrand h1 {color:#ffffff;} .StaticColourBrand .Breadcrumbs p {color:#ffffff;} .StaticColourBrand .Breadcrumbs a { color:#f7ce46;} .StaticColourBrand .Breadcrumbs a:hover {color:#ffffff } /* ALTERNATE BRAND COLOUR */ .color-BrandAlt {background-color: #f7ce46;} .StaticColourBrandAlt {background-color: #f7ce46;} .PanelColourBrandAlt h1 {color:#ffffff;} .PanelColourBrandAlt h2 {color:#ffffff;} .PanelColourBrandAlt h3 {color:#ffffff;} .PanelColourBrandAlt h4 {color:#ffffff;} .PanelColourBrandAlt p {color:#ffffff;} .PanelColourBrandAlt li {color:#ffffff;} .PanelColourBrandAlt a { color:#f96c00;} .PanelColourBrandAlt a:hover { color:#ffffff;} .SectionOuterStyleBrandAlt .PanelInnerOutline {border:1px solid #ffffff;} .StaticColourBrandAlt h1:after {background: none repeat scroll 0 0 #f96c00;} .StaticColourBrandAlt h2:after {background: none repeat scroll 0 0 #f96c00;} /* ALTERNATE BRAND COLOUR - ITEMS: CHILD PAGES, FAQS, TESTIMONIALS, DOWNLOADS, LISTINGS */ .PanelColourBrandAlt .ItemBG {background-color:#ffffff;} .PanelColourBrandAlt .ItemHoverBG {background-color:#ffffff; -o-transition: 1s; -moz-transition: 1s; -khtml-transition: 1s; -webkit-transition: 1s; -ms-transition: 1s; transition: 1s;} .PanelColourBrandAlt article:hover .ItemHoverBG {background-color:#f2f2f2;} .PanelColourBrandAlt .Item h1 {color:#111828;} .PanelColourBrandAlt .Item h2 {color:#111828;} .PanelColourBrandAlt .Item h3 {color:#111828;} .PanelColourBrandAlt .Item h4 {color:#111828;} .PanelColourBrandAlt .Item p {color:#111828;} .PanelColourBrandAlt .Item li {color:#111828;} .PanelColourBrandAlt .Item a { color:#f7ce46;} .PanelColourBrandAlt .Item a:hover { color:#111828;} /* ALTERNATE BRAND COLOUR - ALT ITEMS: INFOGRAPHICS */ .PanelColourBrandAlt .ItemAltBG {background-color:#f96c00;} .PanelColourBrandAlt .ItemAltHoverBG {background-color:#f96c00; -o-transition: 1s; -moz-transition: 1s; -khtml-transition: 1s; -webkit-transition: 1s; -ms-transition: 1s; transition: 1s;} .PanelColourBrandAlt article:hover .ItemAltHoverBG {background-color:#111828;} .PanelColourBrandAlt .ItemAlt h1 {color:#ffffff;} .PanelColourBrandAlt .ItemAlt h2 {color:#ffffff;} .PanelColourBrandAlt .ItemAlt h3 {color:#ffffff;} .PanelColourBrandAlt .ItemAlt h4 {color:#ffffff;} .PanelColourBrandAlt .ItemAlt p {color:#ffffff;} .PanelColourBrandAlt .ItemAlt li {color:#ffffff;} /* ALTERNATE BRAND COLOUR - BUTTON STYLES */ .PanelColourBrandAlt .SectionCTABTN {background-color:#f96c00; color:#ffffff; border-radius:10px; 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/right-arrow.png'); background-repeat:no-repeat; font-size:1.10em; background-size:30px; background-position:right 18px center;} .PanelColourBrandAlt .SectionCTABTN:hover {background-color:#111828; color:#ffffff; } /* ALTERNATE BRAND COLOUR - SLIDER ARROWS */ .PanelColourBrandAlt .slick-prev {background-color:#f96c00; bottom: 48%; width: 50px; height: 50px; background-image:url('../../images/prevwhite.png');} .PanelColourBrandAlt .slick-next {background-color:#f96c00; bottom: 48%; width: 50px; height: 50px; background-image:url('../../images/nextwhite.png');} .PanelColourBrandAlt .slick-prev:hover, .PanelColourBrandAlt .slick-prev:focus {background-color:#111828; } .PanelColourBrandAlt .slick-next:hover, .PanelColourBrandAlt .slick-next:focus {background-color:#111828; } .PanelColourBrandAlt .slick-dots li button {background-color:#ffffff;} .PanelColourBrandAlt .slick-dots li button:hover, .PanelColourBrandAlt .slick-dots li button:focus {background-color:#f96c00;} .PanelColourBrandAlt .slick-dots li button:hover:before, .PanelColourBrandAlt .slick-dots li button:focus:before {background-color:#f96c00;} .PanelColourBrandAlt .slick-dots li.slick-active button:before {background-color:#f96c00;} /* ALTERNATE BRAND COLOUR - FAQS */ .PanelColourBrandAlt section#FAQListing .accordion .FAQAW {background-color:#f96c00; background-image:url('../../images/nextwhite.png'); } .PanelColourBrandAlt section#FAQListing .accordion:hover .FAQAW {background-color:#111828;} .PanelColourBrandAlt section#FAQListing .accordion.active {background-color:#111828; } .PanelColourBrandAlt section#FAQListing .accordion.active .FAQAW {background-color:#111828;} /* ALTERNATE BRAND COLOUR - FORM STYLES */ .PanelColourBrandAlt input {color:#111828; background-color:#ffffff; border: 1px solid #ffffff;} .PanelColourBrandAlt select {color:#111828; background-color:#ffffff; border: 1px solid #ffffff;} .PanelColourBrandAlt textarea {color:#111828; background-color:#ffffff; border:1px solid #ffffff;} .PanelColourBrandAlt input[type=checkbox] {background-color:#ffffff; border:1px solid #ffffff;} .PanelColourBrandAlt input[type=checkbox]:checked {background: #f96c00; border:1px solid #f96c00; background-image:url('../../images/tick.png'); } .PanelColourBrandAlt input[type=radio] {background-color:#ffffff; border:1px solid #ffffff;} .PanelColourBrandAlt input[type=radio]:checked {background: #f96c00; border:1px solid #f96c00;} .PanelColourBrandAlt input:focus {background:#ffffff; border: 1px solid #f96c00;} .PanelColourBrandAlt textarea:focus {background:#ffffff; border: 1px solid #f96c00;} .PanelColourBrandAlt select:focus {background:#ffffff; border: 1px solid #f96c00;} .PanelColourBrandAlt .SubmitButton {background-color:#f96c00; color:#ffffff; border: 1px solid #f96c00;} .PanelColourBrandAlt .SubmitButton:hover {background-color:#111828; border: 1px solid #111828; } .PanelColourBrandAlt ::-webkit-input-placeholder {color: #c0c0c0;} .PanelColourBrandAlt :-ms-input-placeholder { color: #c0c0c0;} .PanelColourBrandAlt ::-moz-placeholder { color: #c0c0c0; opacity: 1;} .PanelColourBrandAlt :-moz-placeholder {color: #c0c0c0; opacity: 1;} /* ALTERNATE BRAND COLOUR - TABLE SYTLE */ .PanelColourBrandAlt tr {border-bottom:#cccccc 1px solid;} .PanelColourBrandAlt tr{background: #f2f2f2;} .PanelColourBrandAlt tr:nth-child(odd){background: #f2f2f2;} .PanelColourBrandAlt tr:nth-child(even){background: #ffffff;} /* ALTERNATE BRAND COLOUR - FOLDER STYLES SYTLE */ .PanelColourBrandAlt .tablink p {color:#ffffff;} .PanelColourBrandAlt .tabcontent p {color:#ffffff;} .PanelColourBrandAlt .tabcontent h3 {color:#ffffff;} /* ALTERNATE BRAND COLOUR - INDEX STYLES */ .PanelColourBrandAlt section#SectionIndex .IndexRow {border-bottom:1px solid rgba(255, 255, 255, 0.5); } .PanelColourBrandAlt section#SectionIndex .IndexArrow {color:#ffffff; } /* ALTERNATE BRAND COLOUR - CONTACT DETAILS ALTERNATIVE */ .PanelColourBrandAlt .ContactBoxRowIcon svg path {fill:#f7ce46 !important;} .PanelColourBrandAlt .ContactBoxRowIcon svg:hover path {fill:#f7ce46 !important;} .PanelColourBrandAlt .ContactBoxRowText p {color:#111828;} .PanelColourBrandAlt p.ContactAltBig {color:#f7ce46;} /* ALTERNATE BRAND COLOUR - BREADCRUMBS */ .StaticColourBrandAlt h1 {color:#ffffff;} .StaticColourBrandAlt .Breadcrumbs p {color:#ffffff;} .StaticColourBrandAlt .Breadcrumbs a { color:#f96c00;} .StaticColourBrandAlt .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:#f96c00;} .PanelColourDarkTrans a:hover { color:#ffffff;} .PanelColourDarkTrans .SectionCTABTN {background-color:#f96c00; color:#ffffff; text-align:center; border-radius:10px; 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:#111828; 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:#111828;} .PanelColourLightTrans h2 {color:#111828;} .PanelColourLightTrans h3 {color:#111828;} .PanelColourLightTrans h4 {color:#111828;} .PanelColourLightTrans p {color:#111828;} .PanelColourLightTrans li {color:#111828;} .PanelColourLightTrans a { color:#f96c00;} .PanelColourLightTrans a:hover { color:#111828;} .PanelColourLightTrans .SectionCTABTN {background-color:#f96c00; color:#ffffff; text-align:center; border-radius:10px; 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:#111828; 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:#f3f3f3;} .SectionOuterStyleBackground .ItemAltBG {background-color:#f96c00;} .SectionOuterStyleBackground .ItemAltHoverBG {background-color:#f96c00; -o-transition: 1s; -moz-transition: 1s; -khtml-transition: 1s; -webkit-transition: 1s; -ms-transition: 1s; transition: 1s;} .SectionOuterStyleBackground article:hover .ItemAltHoverBG {background-color:#111828;} /* MAIN SECTION LAYOUT */ .SectionInnerImageWidth25 .SectionText {width:75%; padding:0 30px; display: flex; align-items: center; justify-content: center;} .SectionInnerImageWidth25 .SectionImage {width:25%; } .SectionInnerImageWidth33 .SectionText {width:67%; padding:0 30px; display: flex; align-items: center; justify-content: center;} .SectionInnerImageWidth33 .SectionImage {width:33%; } .SectionInnerImageWidth50 .SectionText {width:50%; padding:0 30px; display: flex; align-items: center; justify-content: center;} .SectionInnerImageWidth50 .SectionImage {width:50%;} .SectionInnerImageWidth66 .SectionText {width:34%; padding:0 30px; display: flex; align-items: center; justify-content: center;} .SectionInnerImageWidth66 .SectionImage {width:66%;} .SectionInnerImageWidth75 .SectionText {width:25%; padding:0 30px; display: flex; align-items: center; justify-content: center;} .SectionInnerImageWidth75 .SectionImage {width:75%;} .SectionTextFull {width:100%; padding:0 30px;} .SectionTextFull a {text-decoration:underline; } .SectionTextFull a:hover {text-decoration:underline;} .SectionText a {text-decoration:underline; } .SectionText a:hover { text-decoration:underline; } .BTNAligncenter {display: flex; align-items: center; justify-content: center;} .BTNAligncenter .SectionCTABTN {margin:auto;} .BTNAlignleft .SectionCTABTN {float:left; } .BTNStyle a { text-decoration:none !important; } .SectionInnerImageAlignLeft .SectionText {float:right;} .SectionInnerImageAlignLeft .SectionImage {float:left; padding:0 15px 0 30px;} .SectionInnerImageAlignRight .SectionText {float:left;} .SectionInnerImageAlignRight .SectionImage {float:right; padding:0 30px 0 15px;} .SectionImageInner {width:100%; float:left; border-radius:10px; 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:10px;} .InnerPadding30 {padding:30px 60px; border-radius:10px;} .InnerPadding40 {padding:40px 80px; border-radius:10px;} .InnerPadding50 {padding:50px 100px; border-radius:10px;} .InnerPadding60 {padding:60px 100px; border-radius:10px;} .InnerPadding70 {padding:70px 100px; border-radius:10px;} .InnerPadding80 {padding:80px 100px; border-radius:10px;} .InnerPadding90 {padding:90px 100px; border-radius:10px;} .InnerPadding100 {padding:100px 100px; border-radius:10px;} .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 #111828;} .SectionInnerBorderBottomtrue {border-bottom:1px solid #111828;} .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;} /* SEARCH RESULTS PAGE */ .ModelBarOuter {width:100%; float:left; padding:0 30px; } .ModelBarInner {width:100%; float:left; border-bottom:1px solid #99a1af; padding-top:30px; margin-bottom:5px;} .ResultsHead {float:left; width:100%; padding:0 30px; } section.ReviewThumbs {float:left; width:100%; margin:0 0 0 0; padding:0 15px; position:relative;} section.ReviewThumbs article {height:auto; float:left; position:relative; padding:15px; width:33.3%;} section.ReviewThumbs article .ReviewThumbInner {float:left; background-color:#ffffff; width:100%; border-radius:20px; -o-transition: 1s; -moz-transition: 1s; -khtml-transition: 1s; -webkit-transition: 1s; -ms-transition: 1s; transition: 1s;} section.ReviewThumbs article .ReviewThumbInner h3 {color:#111828; float:left; width:100%;} section.ReviewThumbs article .Image {float:left; width:100%; height:300px; background-color:#222222; overflow:hidden; border-radius:20px;} section.ReviewThumbs article .Title {float:left; width:100%; height:65px; padding:20px 20px 0px 20px; display: flex; align-items: center; justify-content: center;} section.ReviewThumbs article .Rating {float:left; width:100%; padding:10px 20px 0px 20px;} section.ReviewThumbs article .Rating img {max-width:120px; float:left; margin:0; padding:0;} section.ReviewThumbs article .Rating p.Small {display:inline-block; float:left; font-size:0.70em; color:#111828; line-height:30px; padding-right:10px;} section.ReviewThumbs article .Rating p.Big {display:inline-block; float:left; font-size:1.05em; color:#111828; padding-left:10px; line-height:30px;} section.ReviewThumbs article .BTN {background-color:#f96c00; color:#ffffff; border-radius:10px; margin-top:0px; line-height:40px; padding:0 50px 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/right-arrow.png'); background-repeat:no-repeat; background-size:20px; background-position:right 12px center; font-size:0.80em; width:150px; margin-left:20px; float:left; margin-bottom:20px;} section.ReviewThumbs article:hover .BTN {background-color:#99a1af; color:#ffffff; } section.ReviewThumbs 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.ReviewThumbs article:hover .ImageInner {transform: scale(1.05);} /* REVIEW PAGE */ section.ReviewOuter {width:100%; height:auto; position: relative; float:left; background-color:#f3f3f3;} section.ReviewInner {width:100%; margin:0 auto; position:relative; max-width:1300px; padding:30px;} section.ReviewAltOuter {width:100%; height:auto; position: relative; float:left; background-color:#ffffff;} section.ReviewAltInner {width:100%; margin:0 auto; position:relative; max-width:1300px; padding:30px;} #ReviewTop {width:100%; float:left; padding:0;} #ReviewTop a {color:#f96c00; font-size:0.90em;} #ReviewTop a:hover {color:#99a1af;} #RatingHolder {width:100%; float:left;} #RatingHolderLeft {width:160px; float:left;} #RatingHolderRight {padding-left:10px; float:left;} #RatingHolderRight p {font-family:DefaultBold; font-size:1.40em; padding:0; margin:0; line-height:30px;} /* REVIEW FOLDERS */ section#ReviewFolders {float:left; width:100%; margin:15px 0 0 0; padding:0 0; position:relative;} section#ReviewFolders .tablink {background-color:#111828; float:left; margin:0 0 0 1%; border: none; outline: none;cursor: pointer; padding:15px 5px; width:19%; height:50px; border-top-left-radius:20px; border-top-right-radius:20px;} section#ReviewFolders .tablink p {text-align:center; font-size:1em; font-family:DefaultMedium; line-height:22px; color:#ffffff;} section#ReviewFolders .tablink img {width:100%; max-width:60px; padding:0; margin:0 auto 10px auto;} .tab1 {margin-left:60px !important;} section#ReviewFolders .tablink:hover {background-color:#f96c00;} section#ReviewFolders .tabcontent {background-color:#ffffff; display: none; float:left; width:100%; position:relative; overflow:hidden; border-radius:20px;} .FolderTopStrip {width:100%; height:15px; background-color:#f96c00; float:left;} .GreyBox {float:left; width:100%; padding:20px; background-color:#f3f3f3; border-radius:20px;} .GreyBoxLeft {float:left; width:100%; } .GreyBoxRight {float:right; width:100%; } .GreyBox h2 {border-bottom:2px solid #111828; margin-bottom:5px;} .FolderMain {width:100%; padding:30px; float:left;} /* REVIEW FOLDER S1 */ .S1TopLeft {float:left; width:35%;} .S1TopLeft .GreyBox { min-height:400px;} .S1TopRight {float:right; width:63%; border-radius:20px; overflow:hidden;} #ImageSlider1 {float:left; width:100%; margin:0 0 0 0; display: flex; justify-content:center; flex-wrap:wrap; position:relative;} #ImageSlider1 .Block {float:left; width:100%; height:400px; position:relative; margin:0; overflow:hidden; border-radius:10px; } #ImageSlider1 .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;} #ImageSlider1 .MediaSlideBlock {float:left; width:100%; padding:0; position:relative;} #ImageSlider1 .MediaSlideBlock:hover .BlockInner {transform: scale(1.05);} /* DEFAULT - SLIDER ARROWS */ .S1TopRight .slick-prev {background-color: rgba(0, 0, 0, 0.3); bottom: 48%; width: 35px !important; height:35px !important; background-image:url('../../images/prevwhite.png'); } .S1TopRight .slick-next {background-color: rgba(0, 0, 0, 0.3); bottom: 48%; width: 35px !important; height: 35px !important; background-image:url('../../images/nextwhite.png');} .S1TopRight .slick-prev:hover, .S1TopRight .slick-prev:focus {background-color:#f7ce46; } .S1TopRight .slick-next:hover, .S1TopRight .slick-next:focus {background-color:#f7ce46; } .S1TopRight .slick-dots {position: absolute; bottom:15px; background: rgba(0, 0, 0, 0.3); display:inline-block; width:75%; padding: 0; margin:auto; left:0; right:0; list-style: none; text-align: center; border-radius:50px; height:33px;} .S1TopRight .slick-dots li button {background-color:#ffffff;} .S1TopRight .slick-dots li button:hover, .S1TopRight .slick-dots li button:focus {background-color:#f96c00;} .S1TopRight .slick-dots li button:hover:before, .S1TopRight .slick-dots li button:focus:before {background-color:#f96c00;} .S1TopRight .slick-dots li.slick-active button:before {background-color:#f96c00;} .S1MiddleLeft {float:left; width:63%; margin-top:30px; clear:both;} .S1MiddleRight {float:right; width:35%; background-color:#ffffff; margin-top:30px;} .StatHolder {float:left; width:100%; border-bottom:1px solid #99a1af; padding-top:12px; padding-bottom:6px;} .StatLeft {float:left; width:45%; color:#f96c00; font-size:0.85em;} .StatRight {float:right; width:50%; color:#111828; font-size:0.85em;} .ProConLeft {float:left; width:48%;} .ProConRight {float:right; width:48%;} .ProHolder {float:left; width:100%; padding:5px 0;} .ProLeft {float:left; width:10%; max-width:25px;} .ProRight {float:left; width:90%; padding-left:10px; font-size:0.90em; line-height:20px;} .ConHolder {float:left; width:100%; padding:5px 0;} .ConLeft {float:left; width:10%; max-width:25px;} .ConRight {float:left; width:90%; padding-left:10px; font-size:0.90em; line-height:20px;} #Introduction {width:100%; float:left; padding:20px;} #Introduction p {color:#222222;} .TabImage section#MultimediaListingBlocks .ImageFullBlock {width:100%; padding:0px 15px; float:left; overflow:hidden;} .TabImage {padding-bottom:50px;} /* ACCORDIANS */ section#ReviewListing {float:left; width:100%; margin:0 0 0 0; padding:0 0px; display: flex; justify-content:center; flex-wrap:wrap; position:relative;} section#ReviewListing article {padding:10px 0 ; float:left; margin:0px; width:100%;} section#ReviewListing .accordion {outline:none; margin:0; width:100%; cursor:pointer; padding:14px 30px 14px 60px; position:relative; overflow:hidden; border-radius:10px; -o-transition: 1s; -moz-transition: 1s; -khtml-transition: 1s; -webkit-transition: 1s; -ms-transition: 1s; transition: 1s; background-color:#111828;} section#ReviewListing .accordion h3 {color:#ffffff; padding:0; margin:0; font-size:1em; -o-transition: 1s; -moz-transition: 1s; -khtml-transition: 1s; -webkit-transition: 1s; -ms-transition: 1s; transition: 1s;} section#ReviewListing .accordion:hover h3 {padding-left:10px; color:#ffffff;} section#ReviewListing .accordion.active h3 {padding-left:10px; color:#ffffff;} section#ReviewListing .accordion .REVAW {width:45px; height:100%; position:absolute; top:0; left:0; background-position:center center; background-size:25px; background-repeat:no-repeat; -o-transition: 1s; -moz-transition: 1s; -khtml-transition: 1s; -webkit-transition: 1s; -ms-transition: 1s; transition: 1s; background-color:#f96c00; background-image:url('../../images/right-arrow.png'); } section#ReviewListing .accordion:hover .REVAW {background-color:#f96c00;} section#ReviewListing .accordion.active {background-color:#f96c00; } section#ReviewListing .accordion.active .REVAW {background-color:#f96c00;} section#ReviewListing .panel {display:none;} section#ReviewListing .panel.show {display:block; padding:20px; background-color:#ffffff; width:100%;} section#ReviewListing p {color:#222222;} .panelLeft {float:left; width:62%;} .panelLeft2 {float:left; width:62%;} .panelRight {float:right; width:36%;} .panelRightMobile {display:none;} .AccIMG {width:100%; height:250px; border-radius:10px; background-size:cover; float:left; margin-bottom:10px;} /* SPEC THUMBS */ section.SpecThumbs {float:left; width:100%; margin:0 0 0 0; padding:0; position:relative;} section.SpecThumbs table {margin-top:0;} section.SpecThumbs article {height:auto; float:left; position:relative; padding:15px; width:33.3%;} section.SpecThumbs article .SpecThumbInner {float:left; background-color:#111828; width:100%; border-radius:20px; -o-transition: 1s; -moz-transition: 1s; -khtml-transition: 1s; -webkit-transition: 1s; -ms-transition: 1s; transition: 1s; overflow:hidden;} section.SpecThumbs article:hover .SpecThumbInner { background-color:#99a1af; } section.SpecThumbs article .Title {float:left; width:100%; height:70px; padding:18px 20px 10px 20px;} section.SpecThumbs article .Title h3 {color:#ffffff; font-size:1em;} section.SpecThumbs article .RowHolder {float:left; width:100%; padding:10px 20px;background-color:#f3f3f3; } section.SpecThumbs article .Row {float:left; width:100%; border-bottom:1px solid #99a1af; padding-top:12px; padding-bottom:6px;} section.SpecThumbs article .RowLeft {float:left; width:50%; color:#f96c00; font-size:0.85em;} section.SpecThumbs article .RowRight {float:right; width:45%; color:#111828; font-size:0.85em;} section.SpecThumbs article .BTN {float:left; width:100%; color:#f96c00; font-size:0.85em; padding:10px 20px; background-size:18px; background-repeat:no-repeat; background-image:url('../../images/right-arrow.png'); background-position:right 20px center;} .BottomRow {border-bottom:0 !important;} .SpecHead {background-color:#111828; color:#ffffff;} .SpecHead a {color:#ffffff;} .SpecHead a:hover {color:#f96c00;} td a {color:#111828;} td a:hover {color:#f96c00;} /* OWNER REVIEW THUMBS */ section.OwnerReviewsThumbs {float:left; width:100%; margin:0 0 0 0; padding:15px; position:relative;} .FolderMain section.OwnerReviewsThumbs {float:left; width:100%; margin:0 0 0 0; padding:0; position:relative;} section.OwnerReviewsThumbs article {height:auto; float:left; position:relative; padding:15px; width:100%;} .FolderMain section.OwnerReviewsThumbs article {height:auto; float:left; position:relative; padding:15px 0px; width:100%;} section.OwnerReviewsThumbs article .Inner {float:left; background-color:#f3f3f3; padding:30px; width:100%; border-radius:20px; -o-transition: 1s; -moz-transition: 1s; -khtml-transition: 1s; -webkit-transition: 1s; -ms-transition: 1s; transition: 1s; overflow:hidden;} section.OwnerReviewsThumbs article:hover .Inner { background-color:#99a1af; } section.OwnerReviewsThumbsFull article .Inner {background-color:#ffffff !important;} section.OwnerReviewsThumbsFull article:hover .Inner { background-color:#99a1af !important; } section.OwnerReviewsThumbs article .Top {float:left; width:100%; border-bottom:2px solid #101828;} section.OwnerReviewsThumbs article .TopLeft h4 {font-size:1em; color:#101828;} section.OwnerReviewsThumbs article .TopLeft {float:left; width:50%; } section.OwnerReviewsThumbs article .TopRight {float:right; width:50%; text-align:right; color:#101828;} section.OwnerReviewsThumbs article .Col1 {float:left; width:22%; min-height:40px; margin-top:20px;} section.OwnerReviewsThumbs article .Col1 p {color:#101828;} section.OwnerReviewsThumbs article .Col2 {float:left; width:62%; min-height:40px; margin-top:20px;} section.OwnerReviewsThumbs article .Col2 h3 {font-size:1.50em; padding:0; margin:0;} section.OwnerReviewsThumbs article .Col2 img {width:120px;} section.OwnerReviewsThumbs article .BTN {position:absolute; bottom:40px; right:45px; width:50px; height:50px; background-color:#f96c00; background-size:20px; background-repeat:no-repeat; background-image:url('../../images/right-arrow.png'); background-position:center center; border-radius:10px;} .BottomRow {border-bottom:0 !important;} /* OWNER REVIEW PAGE */ #ReviewLeft {width:40%; float:left; margin-top:10px;} #ReviewRight {width:58%; float:right; margin-top:10px; } #ReviewRight .slick-dots {position: absolute; bottom:15px; background: rgba(0, 0, 0, 0.3); display:inline-block; width:75%; padding: 0; margin:auto; left:0; right:0; list-style: none; text-align: center; border-radius:50px; height:33px;} #ReviewRight .slick-dots li button {background-color:#ffffff;} #ReviewRight .slick-dots li button:hover, #ReviewRight .slick-dots li button:focus {background-color:#f96c00;} #ReviewRight .slick-dots li button:hover:before, #ReviewRight .slick-dots li button:focus:before {background-color:#f96c00;} #ReviewRight .slick-dots li.slick-active button:before {background-color:#f96c00;} #ReviewTopInfo {width:50%; float:left;} #OwnerRatingHolder {width:50%; float:right;} #OwnerRatingHolderRight {width:30px; float:right;} #OwnerRatingHolderRight p {font-family:DefaultBold;text-align:right; font-size:1.40em; padding:0; margin:0; line-height:30px;} #OwnerRatingHolderLeft {width:160px; float:right;} #OwnerButtons {width:100%; float:left; clear:both; margin-top:30px;} #OwnerBTNLeft {background-color:#f96c00; color:#ffffff; border-radius:10px; margin-top:0px; display:inline-block; line-height:40px; padding:0 20px 0 50px; -o-transition: 1s; -moz-transition: 1s; -khtml-transition: 1s; -webkit-transition: 1s; -ms-transition: 1s; transition: 1s; font-family:DefaultBold; background-image:url('../../images/left-arrow.png'); background-repeat:no-repeat; background-size:20px; background-position:left 12px center; font-size:0.80em; float:left; } #OwnerBTNLeft:hover {background-color:#99a1af; color:#ffffff; } #OwnerBTNRight {background-color:#f96c00; color:#ffffff; border-radius:10px; margin-top:0px; display:inline-block; line-height:40px; padding:0 50px 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/right-arrow.png'); background-repeat:no-repeat; background-size:20px; background-position:right 12px center; font-size:0.80em; float:right; } #OwnerBTNRight:hover {background-color:#99a1af; color:#ffffff; } /* SPECIFICATION PAGE */ #SpecificationLeft {width:50%; float:left; padding-right:15px;} #SpecificationRight {width:50%; float:right; padding-left:15px; } .SpecBox {width:100%; float:left;} .SpecBoxTitle {width:100%; float:left; background-color:#111828; padding:0px 10px; color:#ffffff; line-height:35px; } .SpecBoxRow {width:100%; float:left; padding:0 10px;} .SpecBoxRowLeft {width:50%; max-width:300px; float:left; color:#222222; font-size:0.90em; line-height:35px;} .SpecBoxRowRight {width:50%; float:left; color:#222222; font-size:0.90em; line-height:35px;} .AltCol {background-color:#ffffff;} section#SpecTables {float:left; width:100%; margin:0 0 0 0; padding:0 0px; display: flex; justify-content:center; flex-wrap:wrap; position:relative;} section#SpecTables article {padding:10px 0 ; float:left; margin:0px; width:100%;} section#SpecTables .accordion {outline:none; margin:0; width:100%; cursor:pointer; padding:14px 30px 14px 60px; position:relative; overflow:hidden; border-radius:10px; -o-transition: 1s; -moz-transition: 1s; -khtml-transition: 1s; -webkit-transition: 1s; -ms-transition: 1s; transition: 1s; background-color:#111828;} section#SpecTables .accordion h3 {color:#ffffff; padding:0; margin:0; font-size:1em; -o-transition: 1s; -moz-transition: 1s; -khtml-transition: 1s; -webkit-transition: 1s; -ms-transition: 1s; transition: 1s;} section#SpecTables .accordion:hover h3 {padding-left:10px; color:#ffffff;} section#SpecTables .accordion.active h3 {padding-left:10px; color:#ffffff;} section#SpecTables .accordion .REVAW {width:45px; height:100%; position:absolute; top:0; left:0; background-position:center center; background-size:25px; background-repeat:no-repeat; -o-transition: 1s; -moz-transition: 1s; -khtml-transition: 1s; -webkit-transition: 1s; -ms-transition: 1s; transition: 1s; background-color:#f96c00; background-image:url('../../images/right-arrow.png'); } section#SpecTables .accordion:hover .REVAW {background-color:#f96c00;} section#SpecTables .accordion.active {background-color:#111828; } section#SpecTables .accordion.active .REVAW {background-color:#f96c00;} section#SpecTables .panel {display:none;} section#SpecTables .panel.show {display:block; padding:20px 0; background-color:#f3f3f3; width:100%;} section#SpecTables p {color:#222222;} /* SPECIFICATION SEARCH */ section.SpecPage {padding:0 30px;} /* SPECIFICATION SEARCH THUMBS */ section.SpecSearch {float:left; width:100%; margin:0 0 0 0; padding:0 15px; display: flex; justify-content:center; flex-wrap:wrap; position:relative;} section.SpecSearch article {padding:15px; float:left; margin:0px; width:25%;} section.SpecSearch article {height:auto; float:left; position:relative; padding:15px;} section.SpecSearch article .Image {width:100%; height:160px; background-color:#111828; float:left; position:relative; border-top-left-radius:10px; border-top-right-radius:10px; overflow:hidden;} section.SpecSearch 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.SpecSearch article .Text {float:left; width:100%; height:100px; overflow:hidden; padding:15px; border-bottom-left-radius:10px; border-bottom-right-radius:10px;} section.SpecSearch article:hover .ImageInner {transform: scale(1.05);} section.SpecSearch article h3 {font-size:1em;} /* SPECIFICATION COMPARE FORM */ .CompareSplit {float:left; width:50%; padding-right:15px;} .CompareSplit2 {float:left; width:50%; padding-left:15px;} #CompareForm {background-color:#99a1af; float:left; width:100%; border-radius:20px; padding:20px 90px; float:left; } #CompareForm h3 {color:#111828;} #CompareForm input[type=radio] {width:12px !important; height:12px !important; background-color:#ffffff; border-radius:50px; padding:0px; border:0px; margin-right:5px; float:left;} #CompareForm input[type=radio]:checked {background: #f96c00; border:0px;} #CompareForm .SearchBlock {width:23%; float:left; margin-bottom:0px; margin-right:2%; } #CompareForm .SearchBlock p {color:#ffffff; font-size:0.70em; padding:0; margin:0;} #CompareForm select {padding:20px; width:100%; float:left; padding:15px;} #CompareForm input {padding:20px; width:100%; float:left; padding:15px;} /* CHECK VEHICLE FORM */ section#CheckForm {width:100%; max-width:800px; margin:auto; padding:0 30px;} .CFormInner {width:100%; float:left; border-radius:20px; border:1px solid #99a1af; padding:30px 30px;} .CFormInner h2 {text-align:center;} .CFormInner h3 {text-align:center; color:#f96c00;} .CFormInner p {color:#222222; text-align:center;} .FormFloat {margin:auto; width:100%; max-width:440px;} .YellowBox {width:100%; background-color:#f7ce46; border-radius:8px; margin-bottom:10px; padding:5px 10px; float:left;} .YellowBoxLeft {width:10%; padding-right:6px;float:left; margin-top:8px;} .YellowBoxLeft img {float:right; width:30px; margin-top:4px;} .YellowBoxRight {width:90%; float:left;} .CFormInner input {width:100% !important; border:1px solid #222222; background-color:#f7ce46; color:#222222 !important; margin:0 !important;} .CFormInner .SubmitCheckButton {width:100% !important; float:left !important; margin-top:6px !important; background-color:#f96c00 !important; text-align:center; color:#ffffff !important; font-family:DefaultBold; border:0px !important;} .CFormInner .SubmitCheckButton:hover { background-color:#99a1af !important;} .PanelColourAlternate input:focus {background-color:#f7ce46; background:#f7ce46;} .CFormInner ::-webkit-input-placeholder {color: #222222;} .CFormInner :-ms-input-placeholder { color: #222222;} .CFormInner ::-moz-placeholder { color: #222222; opacity: 1;} .CFormInner :-moz-placeholder {color: #222222; opacity: 1;} /* CHILD PAGES - THUMBNAIL */ article.ChildSideBarfalse {margin:0px; width:33.3%; } article.ChildSideBartrue {margin:0px; width:50%; } .ChildNum1 {width:50% !important;} .ChildNum2 {width:50% !important;} section#ChildPages {float:left; width:100%; margin:0 0 0 0; padding:0 15px; position:relative;} section#ChildPages article {height:auto; float:left; position:relative; padding:15px;} section#ChildPages article .Image {overflow:hidden; width:100%; float:left; height:260px; position:relative; border-top-left-radius:10px; border-top-right-radius:10px;} 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:10px; border-bottom-right-radius:10px;} section#ChildPages article .Text h3 {text-align:center; line-height:50px; padding:0; margin:0px;} section#ChildPages article:hover .ImageInner {transform: scale(1.05);} /* CHILD PAGES - IMAGE AND TEXT */ section#ChildDetailPages {float:left; width:100%; margin:0 0 0 0; padding:0 15px; position:relative;} section#ChildDetailPages article {height:auto; float:left; position:relative; padding:15px; width:100%;} section#ChildDetailPages article .IntroText {width:50%; float:left; padding:30px; height:400px; border-top-left-radius:10px; border-bottom-left-radius:10px; display: flex; align-items: center; justify-content: center;} section#ChildDetailPages article .IntroTextAlt {width:50%; float:right; padding:30px; height:400px; border-top-right-radius:10px; border-bottom-right-radius:10px; display: flex; align-items: center; justify-content: center;} section#ChildDetailPages article .IntroImage {width:50%; float:right; height:400px; border-top-right-radius:10px; border-bottom-right-radius:10px; overflow:hidden; } section#ChildDetailPages article .IntroImageAlt {width:50%; float:left; height:400px; border-top-left-radius:10px; border-bottom-left-radius:10px; 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:10px;} section#ChildPagesList article .Text h3 {text-align:left; line-height:50px; padding:0 0 0; margin:0px; font-size:1em;} section#ChildPagesList article .Icon {position:absolute; top:24px; left:30px; width:30px; height:30px; background-size:contain; background-position:center center; background-repeat:no-repeat;} /* CONTACT FORM */ section#ContactForm {float:left; width:100%; margin:0 0 0 0; padding:0 15px; display: flex; justify-content:center; flex-wrap:wrap; position:relative;} #MainRight section#ContactForm {padding:0 !important; margin-bottom:20px;} #MainRight .ContactForm {padding:0 !important;} .ContactForm {width:100%; padding:15px; max-width:900px; margin:auto;} .ContactForm input, select {width:100%; float:left; margin-bottom:10px; } .ContactForm textarea {width:100%; height:100px; margin-bottom:10px; } .ContactForm input.tick {float:left;} .ContactForm input.circle {float:left;} .Jam {display:none;} section#ContactForm .g-recaptcha {float:left; margin:0; transform:scale(0.70); transform-origin:0 0; } /* CONTACT DETAILS */ #ContactDetailsContact {float:left; width:100%; margin:0 0 0 0; padding:0 30px; position:relative;} .ContactDetailsRow {width:100%; float:left; margin-bottom:10px;} .ContactDetailsRowIcon {float:left; width:20%; max-width:20px;} .ContactDetailsRowIcon img {width:20px;} .ContactDetailsRowIcon svg {width:100%; height:auto; padding:0; float:left; display:block; position:relative;} .ContactDetailsRowIcon svg path {fill:#f96c00 !important;} .ContactDetailsRowIcon svg:hover path {fill:#ffffff !important;} .ContactDetailsRowText {float:left; width:80%; padding-left:20px;} .ContactDetailsRowText a {color:#111828;} #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:#f96c00;} /* 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:10px;} .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;} /* INFOGRAPHICS - CAR SLIDER */ 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 .ImageOuter {width:100%; height:260px; margin:0 auto 10px auto; border-radius:10px; overflow:hidden;} section#Infographics article .ImageInner {width:100%; height:100%; background-size:cover; position:relative; -o-transition: 1s; -moz-transition: 1s; -khtml-transition: 1s; -webkit-transition: 1s; -ms-transition: 1s; transition: 1s; } section#Infographics article h3 {text-align:center; color:#ffffff; font-size:2em;} section#Infographics article:hover .ImageInner {transform: scale(1.05);} section#Infographics article .Fade {width:100%; height:100%; display: flex; align-items: center; justify-content: center;background: rgba(0, 0, 0, 0.6);} /* INFOGRAPHICS - TYPES SLIDER*/ article.InfographicsTypesSideBarfalse {margin:0px; width:16.6%; } article.InfographicsTypesSideBartrue {margin:0px; width:25%; } section#InfographicsTypes {float:left; width:100%; margin:0 0 0 0; padding:0 15px; position:relative;} section#InfographicsTypes article {height:auto; float:left; position:relative; padding:15px;} section#InfographicsTypes article .ImageInner {width:100px; height:70px; margin:0 auto 5px auto; background-size:100px; position:relative; } section#InfographicsTypes article h3 {text-align:center; color:#222222; font-size:0.90em;} /* INFOGRAPHICS ALTERNATIVE */ article.InfographicsAltSideBarfalse {margin:0px; width:33.3%; } 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:10px; 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;} section#InfoFolders .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:10px; border-top-right-radius:10px;} section#InfoFolders .tablink p {text-align:center; font-size:1.25em; font-family:DefaultBold; line-height:22px;} section#InfoFolders .tablink img {width:100%; max-width:60px; padding:0; margin:0 auto 10px auto;} section#InfoFolders .tablink:hover {background: rgba(0, 0, 0, 0.03);} section#InfoFolders .tabcontent {background: rgba(0, 0, 0, 0.03); display: none; float:left; padding:30px; width:100%;border-radius:10px;} .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:10px; -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:#f7ce46;} section#FAQListing .accordion.active {background-color:#f7ce46; } section#FAQListing .accordion.active .FAQAW {background-color:#f7ce46;} 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:10px;} 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:#f96c00; font-family:DefaultBold; font-size:0.80em; } section#Testimonials .slick-dots li button:hover, section#Testimonials .slick-dots li button:focus {color:#f96c00 !important;} section#Testimonials .slick-dots li button:hover:before, section#Testimonials .slick-dots li button:focus:before {color:#f96c00;} 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:#111828;} section#Testimonials .slick-dots li.slick-active button:before {color:#f96c00;} /* 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:10px;} 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:#f96c00; border-radius: 10px;} section#TestimonialsAlt .Quote ::-webkit-scrollbar-thumb:hover {background: #f96c00; } section#TestimonialsAlt .Name {width:100%; float:left;} section#TestimonialsAlt .Name p {color:#f96c00; 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:#111828;} /* SECTION INDEX LISTING */ section#SectionIndex {float:left; width:100%; margin:0 0 0 0; padding:0 30px; position:relative;} section#SectionIndex .IndexRow {height:auto; line-height:35px; float:left; position:relative; padding:3px 3px 3px 3px; font-size:0.85em; width:100%; } section#SectionIndex .IndexArrow {font-size:2.10em; margin-right:10px;} /* NEWSLETTER FORM */ section#Newsletter {float:left; width:100%; margin:0 0 0 0; padding:0 15px; display: flex; justify-content:center; flex-wrap:wrap; position:relative;} .NewsletterForm {width:100%; padding:0; margin:auto; } .NewsletterForm input {width:54%; float:left; margin:0 1% 10px 1%;} .NewsletterForm .SubmitButton {width:20%; margin:0 1% 10px 1%;} .NewsletterForm .g-recaptcha {width:20%; float:left; margin:0 1% 10px 1%; transform:scale(0.70); transform-origin:0 0; } /* 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; overflow:hidden; } section#Blog article .Image {width:100%; height:300px; background-color:#111828; float:left; position:relative; overflow:hidden; border-radius:20px; } 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; } section#Blog article .Holder {border-radius:20px; overflow:hidden !important;} section#Blog article .Text {float:left; width:100%; height:210px; position:relative; padding:30px 20px 5px 20px;} section#Blog article .ReadMore {background-color:#f96c00; color:#ffffff; border-radius:10px; margin-top:0px; line-height:40px; padding:0 50px 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/right-arrow.png'); background-repeat:no-repeat; background-size:20px; background-position:right 12px center; font-size:0.80em; width:150px; margin-left:20px; float:left; margin-bottom:20px;} section#Blog article:hover .ReadMore {background-color:#99a1af; color:#ffffff; } section#Blog article .Tags {float:left; width:100%; height:50px; position:relative; padding:5px 20px 5px 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:#f96c00; width:100px; height:100px; position:absolute; top:-80px; z-index:2; left:20px; padding:10px 5px; border-radius:10px; } 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:10px; } #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:10px; overflow:hidden; } #SectionMapOuter {width:100%; padding:30px; float:left;} #SectionMapOuter #map {height:450px; width:100%; display:block; float:left; border-radius:10px; overflow:hidden; } #VenuesMapOuter {width:100%; padding:30px 0; float:left;} #VenuesMapOuter #map {height:600px; width:100%; display:block; float:left; border-radius:10px; 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:#111828; float:left; position:relative; border-top-left-radius:10px; border-top-right-radius:10px; 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:10px; border-bottom-right-radius:10px;} 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:#111828; float:left; position:relative; overflow:hidden; border-top-left-radius:10px; border-bottom-left-radius:10px;} 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:10px; border-bottom-right-radius:10px;} section#ProjectListing article:hover .ImageInner {transform: scale(1.05);} .ProjectDateCal {background-color:#f96c00; width:70px; height:70px; position:absolute; bottom:20px; z-index:2; left:-60px; padding:5px 5px; border-radius:10px; } .ProjectDateCal p.WeekDay { text-align:center; color:#ffffff !important; line-height:16px; padding:0; margin:0; font-size:0.85em; } .ProjectDateCal p.Day {font-size:2em; font-family:DefaultBold; text-align:center; color:#ffffff !important; line-height:28px; padding:0; margin:0;} .ProjectDateCal p.Month { text-align:center; color:#ffffff !important; line-height:16px; padding:0; margin:0; font-size:0.85em;} /* PROFILE LISTINGS */ article.ProfileSideBarfalse {margin:0px; width:33.3%; } article.ProfileSideBartrue {margin:0px; width:50%; } .ProfileNum1 {width:50% !important; } .ProfileNum2 {width:50% !important; } section#ProfileListing {float:left; width:100%; margin:0 0 0 0; padding:0 15px; position:relative;} section#ProfileListing article {height:auto; float:left; position:relative; padding:15px;} section#ProfileListing article .Image {width:100%; height:300px; background-color:#111828; float:left; position:relative; overflow:hidden; border-top-left-radius:10px; border-top-right-radius:10px;} section#ProfileListing article .ImageInner {width:100%; height:100%; background-position:center center; background-size:cover; -o-transition: 1s; -moz-transition: 1s; -khtml-transition: 1s; -webkit-transition: 1s; -ms-transition: 1s; transition: 1s; } section#ProfileListing article .Text {float:left; width:100%; height:300px; overflow:hidden; padding:20px; border-bottom-left-radius:10px; border-bottom-right-radius:10px;} section#ProfileListing article:hover .ImageInner {transform: scale(1.05);} /* EVENT LISTINGS */ article.EventSideBarfalse {margin:0px; width:33.3%; } article.EventSideBartrue {margin:0px; width:50%; } .EventNum1 {width:50% !important; } .EventNum2 {width:50% !important; } section#EventListing {float:left; width:100%; margin:0 0 0 0; padding:0 15px; position:relative;} section#EventListing article {height:auto; float:left; position:relative; padding:15px;} section#EventListing article .Image {width:100%; height:300px; background-color:#111828; float:left; position:relative; overflow:hidden; border-top-left-radius:10px; border-top-right-radius:10px;} section#EventListing article .ImageInner {width:100%; height:100%; background-position:center center; background-size:cover; -o-transition: 1s; -moz-transition: 1s; -khtml-transition: 1s; -webkit-transition: 1s; -ms-transition: 1s; transition: 1s; } section#EventListing article .Text {float:left; width:100%; height:300px; padding:30px 20px 20px 20px; border-bottom-left-radius:10px; border-bottom-right-radius:10px; position:relative;} #EventsBreak {width:100%; float:left; padding:15px;} section#EventListing article:hover .ImageInner {transform: scale(1.05);} section#EventListing .DateCal {background-color:#f96c00; width:100px; height:100px; position:absolute; top:-80px; z-index:2; left:20px; padding:10px 5px; border-radius:10px; } 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-color:#111828; color:#ffffff; border:0px solid rgba(0, 0, 0, 0.2); font-size:0.90em; 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:0px solid rgba(0, 0, 0, 0); font-size:0.90em; color:#111828; 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:0px solid rgba(0, 0, 0, 0.2); background-color:#f96c00; color:#ffffff;} /* 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 #f3f3f3; border-right:1px solid #f3f3f3; background:#f3f3f3;} section#CalendarListing td.cal-weekday { border-bottom:1px solid #f3f3f3; border-right:1px solid #f3f3f3; background:#ffffff; } section#CalendarListing td.cal-weekend { border-bottom:1px solid #f3f3f3; border-right:1px solid #f3f3f3; background:#f3f3f3; } /* 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:10px; overflow:hidden;} section#MultimediaListingThumbs .BlockInner {float:left; width:100%; height:100%; overflow:hidden; background-size:cover; background-position:center center; -o-transition: 1s; -moz-transition: 1s; -khtml-transition: 1s; -webkit-transition: 1s; -ms-transition: 1s; transition: 1s;} section#MultimediaListingThumbs .Description {width:100%; padding:5px; position:absolute; bottom:0px; left:0px; background: rgba(0, 0, 0, 0.6);} section#MultimediaListingThumbs p {color:#ffffff; font-size:0.90em; margin:0px; padding:0px; text-align:center;} section#MultimediaListingThumbs .PlayBTN {width:100%; height:100%; position:absolute; top:0; left:0; background-image:url('../../images/play.png'); background-position:center center; background-size:50px 50px; background-repeat:no-repeat; } section#MultimediaListingThumbs .BlockOuter10:hover .BlockInner {transform: scale(1.05);} section#MultimediaListingThumbs .BlockOuter11:hover .BlockInner {transform: scale(1.05);} section#MultimediaListingThumbs .BlockOuter12:hover .BlockInner {transform: scale(1.05);} /* MULTIMEDIA LISTINGS - COLUMN BLOCKS */ section#MultimediaListingBlocks {float:left; width:100%; margin:0 0 0 0; padding:0 15px; display: flex; justify-content:center; flex-wrap:wrap; position:relative;} section#MultimediaListingBlocks .ImageFullBlock {width:100%; padding:15px; float:left; overflow:hidden;} section#MultimediaListingBlocks .VideoFullBlockOuter {width:100%; padding:15px; float:left; } section#MultimediaListingBlocks .VideoFullBlock {float:left; width:100%; position:relative; background-position:center center; background-size:cover; border-radius:10px; overflow:hidden;} section#MultimediaListingBlocks img {border-radius:10px; overflow:hidden;} section#MultimediaListingBlocks .Description {width:100%; padding:5px; float:left;} section#MultimediaListingBlocks p {color:#111828; font-size:0.75em; padding:0px; text-align:center !important;} section#MultimediaListingBlocks .PlayBTN {width:100%; height:100%; position:absolute; top:0; left:0; background-image:url('../../images/play.png'); background-position:center center; background-size:50px 50px; background-repeat:no-repeat; } .ImageColumns2 {margin:0; width:100%; -webkit-column-count:2; -moz-column-count:2; column-count:2; -webkit-column-gap: 0; -moz-column-gap: 0; column-gap: 0;} .ImageColumns2 p {-webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid-column; display:table;} .ImageColumns2 div {-webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid-column; display:table;} .ImageColumns3 {margin:0; width:100%; -webkit-column-count:3; -moz-column-count:3; column-count:3; -webkit-column-gap: 0; -moz-column-gap: 0; column-gap: 0;} .ImageColumns3 p {-webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid-column; display:table;} .ImageColumns3 div {-webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid-column; display:table;} .ImageColumns4 {margin:0; width:100%; -webkit-column-count:4; -moz-column-count:4; column-count:4; -webkit-column-gap: 0; -moz-column-gap: 0; column-gap: 0;} .ImageColumns4 p {-webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid-column; display:table;} .ImageColumns4 div {-webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid-column; display:table;} /* MULTIMEDIA LISTINGS - SLIDER */ section#MultimediaListingSlider {float:left; width:100%; margin:0 0 0 0; padding:0 15px; display: flex; justify-content:center; flex-wrap:wrap; position:relative;} section#MultimediaListingSlider .Block {float:left; width:100%; position:relative; margin:0; overflow:hidden; border-radius:10px; } section#MultimediaListingSlider .BlockInner {float:left; width:100%; height:100%; background-position:center center; background-size:cover; -o-transition: 1s; -moz-transition: 1s; -khtml-transition: 1s; -webkit-transition: 1s; -ms-transition: 1s; transition: 1s;} section#MultimediaListingSlider .Description {width:100%; padding:5px; position:absolute; bottom:0px; left:0px; background: rgba(0, 0, 0, 0.6);} section#MultimediaListingSlider p {color:#ffffff; font-size:0.90em; padding:0px; text-align:center;} section#MultimediaListingSlider .MediaSlideBlock {float:left; width:100%; padding:15px; position:relative;} section#MultimediaListingSlider .MediaSlideBlock:hover .BlockInner {transform: scale(1.05);} /* MULTIMEDIA LISTINGS - SPONSOR & PARTNER LOGOS */ section#MultimediaListingLogos {float:left; width:100%; margin:0 0 0 0; padding:0 15px; display: flex; justify-content:center; flex-wrap:wrap; position:relative;} section#MultimediaListingLogos .MediaLogoOuter {padding:15px; width:auto; position:relative;} section#MultimediaListingLogos .MediaLogo {border:1px solid #c0c0c0; background-color:#ffffff; padding:5px; } section#MultimediaListingLogos .MediaLogo img {width:auto; height:100%;} .GalleryHeight80 {height:80px !important; overflow:hidden; } .GalleryHeight90 {height:90px !important; overflow:hidden; } .GalleryHeight100 {height:100px !important; overflow:hidden; } .GalleryHeight150 {height:150px !important; overflow:hidden; } .GalleryHeight200 {height:200px !important; overflow:hidden; } .GalleryHeight250 {height:250px !important; overflow:hidden; } .GalleryHeight300 {height:300px !important; overflow:hidden;} .GalleryHeight350 {height:350px !important; overflow:hidden;} .GalleryHeight400 {height:400px !important; overflow:hidden;} .GalleryHeight450 {height:450px !important; overflow:hidden;} .GalleryHeight500 {height:500px !important; overflow:hidden;} .GalleryHeight550 {height:550px !important; overflow:hidden;} .GalleryHeight600 {height:600px !important; overflow:hidden;} .GalleryHeight650 {height:650px !important; overflow:hidden;} .GalleryHeight700 {height:700px !important; overflow:hidden;} .GalleryHeight750 {height:750px !important; overflow:hidden;} .GalleryHeight800 {height:800px !important; overflow:hidden;} /* SITE MAP */ section#SiteMap {float:left; width:100%; max-width:600px; margin:0 0 0 0; padding:0 30px; } section#SiteMap .SiteMap1 {width:100%; margin:0 0 1px 0; color:#111828; float:right; padding:15px 15px 15px 15px; clear:both; } section#SiteMap .SiteMap2 {width:95%; margin:0 0 1px 0; color:#111828; float:right; padding:15px 15px 15px 15px; clear:both; } section#SiteMap .SiteMap3 {width:90%; margin:0 0 1px 0; color:#111828; float:right; padding:15px 15px 15px 15px; clear:both; } section#SiteMap .SiteMap4 {width:85%; margin:0 0 1px 0; color:#111828; float:right; padding:15px 15px 15px 15px; clear:both; } /* ERROR ALERT MESSAGE */ #AlertPanel {width:80%; position:fixed; top:20px; left:0; right:0; margin:auto; z-index:9999999999999999999999999999; background-color:#e0310f; border-radius:10px; 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:10px; padding:20px; text-align:center; font-size:1em; } @media only screen and (max-width: 1024px) { /* FOR IPAD AND SMALLER */ #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-top:-5px; 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:#f96c00 !important;} #MegaMenuIcon svg:hover path {fill:#111828 !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:10px; border-top-right-radius:10px; border-bottom-left-radius:0px; border-bottom-right-radius:0px; height:250px;} section#ChildDetailPages article .IntroImageAlt {width:100%; border-top-left-radius:10px; border-top-right-radius:10px; 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:10px; border-bottom-right-radius:10px; height:auto;} section#ChildDetailPages article .IntroTextAlt {width:100%; height:auto; border-top-left-radius:0px; border-top-right-radius:0px; border-bottom-left-radius:10px; border-bottom-right-radius:10px; height:auto;} .Columns2 { -webkit-column-count:2; -moz-column-count:2; column-count:2;} .Columns3 { -webkit-column-count:2; -moz-column-count:2; column-count:2;} .Columns4 { -webkit-column-count:2; -moz-column-count:2; column-count:2;} .SectionInnerImageWidth25 .SectionText {width:100%; padding:0 30px; } .SectionInnerImageWidth25 .SectionImage {width:100%; } .SectionInnerImageWidth33 .SectionText {width:100%; padding:0 30px; } .SectionInnerImageWidth33 .SectionImage {width:100%; } .SectionInnerImageWidth50 .SectionText {width:100%; padding:0 30px; } .SectionInnerImageWidth50 .SectionImage {width:100%;} .SectionInnerImageWidth66 .SectionText {width:100%; padding:0 30px; } .SectionInnerImageWidth66 .SectionImage {width:100%;} .SectionInnerImageWidth75 .SectionText {width:100%; padding:0 30px; } .SectionInnerImageWidth75 .SectionImage {width:100%;} .SectionInnerImageAlignLeft .SectionImage {float:left; padding:0 30px 0 30px;} .SectionInnerImageAlignRight .SectionImage {float:right; padding:0 30px 0 30px;} .TextHeight80 {min-height:auto; } .TextHeight90 {min-height:auto; } .TextHeight100 {min-height:auto; } .TextHeight150 {min-height:auto; } .TextHeight200 {min-height:auto; } .TextHeight250 {min-height:auto; } .TextHeight300 {min-height:auto; } .TextHeight350 {min-height:auto; } .TextHeight400 {min-height:auto; } .TextHeight450 {min-height:auto; } .TextHeight500 {min-height:auto; } .TextHeight550 {min-height:auto; } .TextHeight600 {min-height:auto; } .TextHeight650 {min-height:auto; } .TextHeight700 {min-height:auto; } .TextHeight750 {min-height:auto; } .TextHeight800 {min-height:auto; } .InnerPadding20 {padding:20px 40px; border-radius:10px;} .InnerPadding30 {padding:30px 30px; border-radius:10px;} .InnerPadding40 {padding:40px 30px; border-radius:10px;} .InnerPadding50 {padding:50px 30px; border-radius:10px;} .InnerPadding60 {padding:60px 30px; border-radius:10px;} .InnerPadding70 {padding:70px 30px; border-radius:10px;} .InnerPadding80 {padding:80px 30px; border-radius:10px;} .InnerPadding90 {padding:90px 30px; border-radius:10px;} .InnerPadding100 {padding:100px 30px; border-radius:10px;} #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; } #FootLeft {width:50%; float:left; margin-bottom:30px; position:relative; padding-right:0px; padding-left:0px;} #FootSocial {width:100%; float:left; margin-bottom:30px; position:relative; padding-right:30px;} #FootNavigation {width:100%; float:left; margin-bottom:30px; position:relative;} .ContactBox {float:left; width:100%; } .ContactBoxRow {min-height:auto;} section#MultimediaListingThumbs .BlockOuter10 {float:left; width:50%; } section#MultimediaListingThumbs .BlockOuter11 {float:left; width:33.3%; } section#MultimediaListingThumbs .BlockOuter12 {float:left; width:33.3%;} .ImageColumns2 {margin:0; width:100%; -webkit-column-count:2; -moz-column-count:2; column-count:2; -webkit-column-gap: 0; -moz-column-gap: 0; column-gap: 0;} .ImageColumns3 {margin:0; width:100%; -webkit-column-count:2; -moz-column-count:2; column-count:2; -webkit-column-gap: 0; -moz-column-gap: 0; column-gap: 0;} .ImageColumns4 {margin:0; width:100%; -webkit-column-count:2; -moz-column-count:2; column-count:2; -webkit-column-gap: 0; -moz-column-gap: 0; column-gap: 0;} .TopHeadOuter {display:none !important;} #HeadSearchInner {max-width:95% !important; } .Head1 #SearchBar {background-color:#111828; float:left; width:100%; border-radius:20px; padding:20px 20px; float:left !important; position:relative !important; bottom:0px; left:0; } #SearchBar {padding:20px 20px; float:left; } article.InfographicsTypesSideBarfalse {margin:0px; width:25%; } section.ReviewThumbs article {width:50%;} .S1TopLeft {float:left; width:100%; margin-bottom:20px;} .S1TopRight {float:right; width:100%; } .S1MiddleLeft {float:left; width:100%; margin-bottom:20px;} .S1MiddleRight {float:right; width:100%; } .panelLeft {float:left; width:100%;} .panelLeft2 {float:left; width:100%;} .panelRight {display:none;} .panelRightMobile {display:block; float:right; width:100%;} .AccIMG {width:490%; height:250px; border-radius:10px; background-size:cover; float:left; margin:0 0.5% 10px 0.5%;} /* OWNER REVIEW THUMBS */ section.OwnerReviewsThumbs article .Inner {padding:20px; ;} section.OwnerReviewsThumbs article .TopLeft {float:left; width:100%; } section.OwnerReviewsThumbs article .TopRight {float:right; width:100%; text-align:left; color:#101828;} section.OwnerReviewsThumbs article .Col2 {float:left; width:100%; min-height:40px; margin-top:20px;} section.OwnerReviewsThumbs article .Col1 {float:left; width:100%; min-height:40px; margin-top:20px;} section.OwnerReviewsThumbs article .BTN {position:absolute; bottom:40px; right:45px; width:50px; height:50px; background-color:#f96c00; background-size:20px; background-repeat:no-repeat; background-image:url('../../images/right-arrow.png'); background-position:center center; border-radius:10px;} .BottomRow {border-bottom:0 !important;} /* OWNER REVIEW PAGE */ #ReviewLeft {width:100%; float:left; margin-top:10px;} #ReviewRight {width:100%; float:right; margin-top:10px; } #OwnerBTNLeft {background-color:#f96c00; color:#ffffff; border-radius:10px; margin-top:0px; display:inline-block; line-height:40px; padding:0 20px 0 50px; -o-transition: 1s; -moz-transition: 1s; -khtml-transition: 1s; -webkit-transition: 1s; -ms-transition: 1s; transition: 1s; font-family:DefaultBold; background-image:url('../../images/left-arrow.png'); background-repeat:no-repeat; background-size:20px; background-position:left 12px center; font-size:0.80em; float:left; } #OwnerBTNLeft:hover {background-color:#99a1af; color:#ffffff; } #OwnerBTNRight {background-color:#f96c00; color:#ffffff; border-radius:10px; margin-top:0px; display:inline-block; line-height:40px; padding:0 50px 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/right-arrow.png'); background-repeat:no-repeat; background-size:20px; background-position:right 12px center; font-size:0.80em; float:right; } #OwnerBTNRight:hover {background-color:#99a1af; color:#ffffff; } section.SpecSearch article {width:50%;} .CompareSplit {float:left; width:100%; padding-right:0px; margin-bottom:30px;} .CompareSplit2 {float:left; width:100%; padding-left:0px;} #CompareForm .SearchBlock {width:48%; float:left; margin-bottom:0px; margin-right:2%; } } @media only screen and (max-width: 667px) { /* FOR IPHONE 6 PORTRAIT AND SMALLER */ p { font-size:1.05em;} #CompareForm .SearchBlock {width:100%; float:left; margin-bottom:0px; margin-right:0%; } section.SpecSearch article {width:100%;} section.SpecSearch article .Text {height:auto;} #SpecificationLeft {width:100%; float:left; padding-right:0px;} #SpecificationRight {width:100%; float:right; padding-left:0px; } #ReviewTopInfo {width:100%; float:left;} #OwnerRatingHolder {width:100%; float:right;} .AccIMG {width:100%; height:250px; border-radius:10px; background-size:cover; float:left; margin:0 0 10px 0;} section.ReviewThumbs article {width:100%;} article.InfographicsTypesSideBarfalse {margin:0px; width:50%; } #SearchBar .SearchBlock {width:100%; float:left; margin-bottom:10px; margin-right:0%; } .FixImageHeightYes {height:330px !important;} #HeadLeft { width:90%; } #HeadRight {width:10%; } .HeadPhone { display:none;} #Logo {width:80%; max-width:240px; 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:10px; border-top-right-radius:10px; 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:10px;} .ProjectDateCal {background-color:#f96c00; width:70px; height:70px; position:absolute; bottom:auto; top:-60px; z-index:2; left:20px; padding:5px 5px; border-radius:10px; } .ProjectDateCal p.WeekDay { text-align:center; color:#ffffff !important; line-height:16px; padding:0; margin:0; font-size:0.85em; } .ProjectDateCal p.Day {font-size:2em; font-family:DefaultBold; text-align:center; color:#ffffff !important; line-height:28px; padding:0; margin:0;} .ProjectDateCal p.Month { text-align:center; color:#ffffff !important; line-height:16px; padding:0; margin:0; font-size:0.85em;} article.ProfileSideBarfalse {width:100% !important; } article.ProfileSideBartrue {width:100% !important; } section#ProfileListing article .Image {height:230px;} section#ProfileListing article .Text {height:auto;} article.EventSideBarfalse {width:100% !important; } article.EventSideBartrue {width:100% !important; } section#EventListing article .Image {height:230px;} section#EventListing article .Text {height:auto;} article.ProductSideBarfalse {width:100% !important; } article.ProductSideBartrue {width:100% !important; } section#ProductListing article .Image {height:230px;} section#ProductListing article .Text {height:auto;} article.BlogSideBarfalse {width:100% !important; } article.BlogSideBartrue {width:100% !important; } section#Blog article .Image {height:230px;} section#Blog article .Text {height:auto;} article.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; } #FootLeft {width:100%; float:left; margin-bottom:30px; position:relative; padding-right:0px; padding-left:0;} #FootSocial {width:100%; float:left; margin-bottom:30px; position:relative; padding-right:0;} #FootNavigation {width:100%; float:left; margin-bottom:30px; position:relative;} .FootLinks {margin:0 0 5px 0; width:100%;} section#MultimediaListingThumbs .BlockOuter10 {float:left; width:50%; } section#MultimediaListingThumbs .BlockOuter11 {float:left; width:50%; } section#MultimediaListingThumbs .BlockOuter12 {float:left; width:50%;} .ImageColumns2 {margin:0; width:100%; -webkit-column-count:1; -moz-column-count:1; column-count:1; -webkit-column-gap: 0; -moz-column-gap: 0; column-gap: 0;} .ImageColumns3 {margin:0; width:100%; -webkit-column-count:1; -moz-column-count:1; column-count:1; -webkit-column-gap: 0; -moz-column-gap: 0; column-gap: 0;} .ImageColumns4 {margin:0; width:100%; -webkit-column-count:1; -moz-column-count:1; column-count:1; -webkit-column-gap: 0; -moz-column-gap: 0; column-gap: 0;} .tablink { float:left; margin:0px; border: none; outline: none;cursor: pointer; padding:10px;width:100%; height:auto; border-radius:10px;} .tablink img {width:30%; padding:0 0% 0px 0%; float:left; max-width:30px;} .tablink p {text-align:left; color:#111828; 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;} #HeadBTNLogin {display:none;} #HeadBTNRegister {display:none;} #HeadBTNAccount {display:none;} .Head1 {background-color:#f3f3f3 !important; background-image:none !important; background-repeat:no-repeat !important; } #SearchBar .SubmitButton {width:80px; margin-top:0px; margin-bottom:8px;} .ProConLeft {float:left; width:100%;} .ProConRight {float:right; width:100%;} #ImageSlider1 .Block {float:left; width:100%; height:200px; } .FolderMain {width:100%; padding:15px; float:left;} .GreyBoxRight {margin-top:20px;} .TabImage section#MultimediaListingBlocks .ImageFullBlock {width:100%; padding:0px 0; float:left; overflow:hidden;} section.OwnerReviewsThumbs {float:left; width:100%; margin:0 0 0 0; padding:0 0; position:relative;} section#ReviewFolders .tablink {min-height:60px; float:left; margin:0 0.5% 0 0.5% !important; border: none; outline: none;cursor: pointer; width:24%; padding:10px 6px; border-top-left-radius:6px; border-top-right-radius:6px; border-bottom-left-radius:0px; border-bottom-right-radius:0px; } section#ReviewFolders .tablink img {width:30%; padding:0 0% 0px 0%; float:left; max-width:30px;} section#ReviewFolders .tablink p {text-align:center; color:#ffffff; font-size:1em; line-height:20px; padding:0 0 0 0; margin:0; float:none;} .tab1 {margin-left:0px !important;} section#ReviewFolders .tabcontent {border-radius:3px;} .FolderTopStrip {width:100%; height:8px; background-color:#f96c00; float:left;} #SearchBar .panel {display:none;} #SearchBar .panel.show {display: block; padding:0px; width:100%;} .Head1 #HeadSearchInner { min-height:0px;} #SearchBar h3 {width:100%; background-repeat:no-repeat; background-image:url('../../images/right-arrow.png'); background-position:right 10px center; background-size:15px; margin-bottom:0; padding-bottom:0;} .Head1 #SearchBar .panel {display:block;} .Head1 #SearchBar h3 { background-image:none;} section.ReviewInner {width:100%; margin:0 auto; position:relative; max-width:1300px; padding:15px;} section.ReviewAltInner {width:100%; margin:0 auto; position:relative; max-width:1300px; padding:15px;} .FolderMain {width:100%; padding:15px; float:left;} .ResultsHead {float:left; width:100%; padding:0 20px; } section.ReviewThumbs {float:left; width:100%; margin:0 0 0 0; padding:0 0px; position:relative;} #Introduction {width:100%; float:left; padding:20px 0px;} section#ReviewListing .panel.show {display:block; padding:20px 0; background-color:#ffffff; width:100%;} #CompareForm {background-color:#99a1af; float:left; width:100%; border-radius:20px; padding:20px 20px; float:left; } #MobileButtonsHide {display:block; float:left; width:100%;} } /* 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: 10px !important; right: auto;} .slick-next {right:0px;} .slick-next {left: auto; right: 10px !important;} .slick-dotted.slick-slider{margin-bottom:0;} .slick-dots {position: absolute; bottom: 0px; display: block; width: 100%; padding: 0; margin: 0; list-style: none; text-align: center; } .slick-dots li { position: relative; display: inline-block; width: 10px; height: 10px; margin: 0 3px; cursor: pointer;} .slick-dots li button {font-size: 0; line-height: 0; display: block; width: 10px; height: 10px; cursor: pointer; border: 0; outline: none; border-radius:100px;} .slick-dots li button:hover, .slick-dots li button:focus {outline: none; } .slick-dots li button:hover:before, .slick-dots li button:focus:before {} .slick-dots li button:before {border-radius:100px; font-size: 40px; line-height: 30px; position: absolute; bottom: 0; left: 0; width: 10px; height: 10px; content: ''; text-align: center; -webkit-font-smoothing: antialiased; } .slick-dots li.slick-active button:before {opacity:1 !important; z-index:9;} .slick-slide {margin:0; padding:0;} .slick-slide img {width:100%; padding:0; margin:0;} .slick-prev:before, .slick-next:before {color: black;} .slick-slide {transition: all ease-in-out .3s; opacity: .2;} .slick-active {opacity: 1;} .slick-current {opacity: 1;} /* SLICK SLIDER RESPONSIVE SETTINGS */ .responsiveHead { width:100%; margin:0 !important; padding:0 !important; float:left; position:relative; } .responsiveTestimonials { width:100%; margin:0 !important; padding:0 !important; float:left; position:relative; } .responsiveChild { width:100%; margin:0 !important; padding:0 !important; float:left; position:relative; } .responsive1 { width:100%; margin:0 !important; padding:0 !important; float:left; position:relative; } .responsive1images { 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:0.85em; } tr td {padding:10px 10px; } tr th {padding:10px 10px; text-align:left;} /* BASIC FONT STYLES */ @font-face {font-family: 'DefaultBold'; src: url('../fonts/Roboto-Bold.eot'); src: url('../fonts/Roboto-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/Roboto-Bold.woff') format('woff'), url('../fonts/Roboto-Bold.ttf') format('truetype'), url('../fonts/Roboto-Bold.svg#nexa_boldregular') format('svg'); font-weight: normal; font-style: normal;} @font-face {font-family: 'DefaultMedium'; src: url('../fonts/Roboto-Regular.eot'); src: url('../fonts/Roboto-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/Roboto-Regular.woff') format('woff'), url('../fonts/Roboto-Regular.ttf') format('truetype'), url('../fonts/Roboto-Regular.svg#nexa_boldregular') format('svg'); font-weight: normal; font-style: normal;} @font-face {font-family: 'DefaultLight';src: url('../fonts/Roboto-Light.eot');src: url('../fonts/Roboto-Light.eot?#iefix') format('embedded-opentype'),url('../fonts/Roboto-Light.woff') format('woff'),url('../fonts/Roboto-Light.ttf') format('truetype'),url('../fonts/Roboto-Light.svg#nexa_boldregular') format('svg');font-weight: normal;font-style: normal;}