/*framework and nav*/ #wrapper {position:relative; left:0px;} .container {padding:0 25px;} .mobNavOn {right:0px !important;} .wrapperOn {left:-260px !important;} #topNavNew .noTopNav {display:none !important;} @media (max-width:962px){ .contained {max-width:96% !Important;} } #breadcrumbs a {color:#000; font-weight: 500; font-size: 12px; padding:0px 10px 0px 5px;} #breadcrumbs a:hover {text-decoration:underline;} #breadcrumbs .col-xs-12:before {content:"You are here: "; display:inline-block; padding-right: 10px;font-size: 12px; color:#333; font-weight: 200; font-style:italic;} .firstItem:after {width:100% !important;} #breadcrumbs .fa-home {font-size: 14px !important; color:#283d74;} #breadcrumbs .fa-chevron-right {font-size: 12px !important; color:#283d74;} #breadcrumbs {padding: 10px 0; box-shadow:inset 0 0 10px rgba(0,0,0,0.1); border-top:1px solid #eee; border-bottom:1px solid #eee;} /*tooltip hover*/ #toolTip {position:fixed; text-align:center; z-index:10000; line-height: 1.3; padding:5px 8px; font-size: 13px; border-radius: 3px; color:#fff; box-shadow:2px 10px 10px rgba(0,0,0,0.2); background:#222; left:-1000px; top:-1000px; max-width: 200px; pointer-events: none;} #toolTip:after {content:"\f0d7"; font-size: 20px; position:absolute; font-family:'fontAwesome'; bottom:-16px; left: 49%; text-shadow:0 6px 3px rgba(0,0,0,0.1); color:#222;} /*CAROUSEL*/ .carouselWrapper {padding:20px 50px !important; position:relative;} .carousel {margin-left:-15px; margin-right:-15px; height:auto; position:relative; font-size:0px; padding-bottom: 12px;} .carouseltem {width:250px; padding:0px 15px; display:inline-block; } .carouseltem>a>div {border:1px solid #555;} .carouseltem h4 {font-size:16px;} .carLeft,.carRight {cursor:pointer; position:absolute; font-size:32px; color:rgba(0,0,200,0.4); top:38%;} .carLeft {left:5px;} .carRight {right: 5px;} .carLeft:hover,.carRight:hover {color:rgba(0,0,255,0.9);} .infoPanel {padding-top: 70%; transform:scale(1); overflow:hidden !important; width:100%; position:relative;} /*GALLERY*/ .gallery {transition:all 0.3s ease-in-out;} .gallery:hover i {transform:scale(1.1);} .gallery .fa-search-plus {transition:all 0.3s ease-in-out; position:absolute;left:5%; top:0%; right:0; bottom: 0%; width:100%; text-align:center; padding-top: 32%;font-size: 32px; color: rgba(255,255,255,0.5);} .gallery img {max-height:256px; display:inline-block;} .col-xs-4 .gallery .fa-search-plus {padding-top: 25%;} #gallery {position:fixed; padding: 40px 30px; top:0; left:0;right:0;bottom:0; background:#000; background:rgba(0,0,0,0.8); z-index:2000;} #gallery ul {display:block; position:relative; text-align:center; height: 100%;} #gallery li {position:absolute; top: 0px; left: 0px; width: 100%; text-align:center; pointer-events:none;} /*#gallery li img {max-width: 100%; max-height:90vh;} #gallery li p {position:absolute; bottom:20px;left:-20%;right:-20%; width:140%;padding:20px 10px; color:#fff;background:rgba(0,0,0,0.6); text-align:center; font-size:18px;}*/ #gallery li img {max-width: 100%;max-height: 78vh;} #gallery li p {position:absolute;bottom: -60px;left:-20%;right:-20%;width:140%;padding: 10px 20%;color:#fff;background:rgba(0,0,0,0.6);text-align:center;font-size: 14px;} #gallery .galClose,#vrgallery .vrClose {opacity:0.8; position:absolute; top: 12px; right: 12px; z-index:201; color:#fff; font-size: 48px;} #gallery .galPrev {opacity:0.8; position:absolute; top: 48%; left: 5px; z-index:201; color:#fff; font-size: 36px;} #gallery .galNext {opacity:0.8; position:absolute; top: 48%; right: 5px; z-index:201; color:#fff; font-size: 36px;} #gallery i:hover {opacity:1;} .basicPanel {position:relative; background:#fff; box-shadow:0px 0px 4px rgba(0,0,0,0.3); padding:50% 0px;} .showGallery {cursor:pointer;} /*404*/ .error404 { transition:all 4s ease-out; transform:scale(0.5); max-width:300px; width:100%; background:rgba(255,255,255,0.9); border-radius: 10px; box-shadow:0px 0px 20px rgba(0,0,0,0.3);padding: 10px 25px; border:6px solid #1a339a; position:absolute; margin-top: 15%; left: 50%; margin-left: -150px; z-index:100;} .error404 h1 {font-size: 48px; letter-spacing:1px;color:#60B358;} .error404 h2 {font-size: 20px; letter-spacing:1px;color:#444;} .error404 p {font-size: 11px; margin-top: 10px;} .error404 p a {color:#60B358; font-weight:bold;} .error404grow {transform:scale(1.1) !important;} #modal {position:fixed; z-index:999999; top:0; left:0; right:0; bottom:0; background:rgba(240,240,240,0.8);} #modalBox {box-shadow:0px 0px 20px rgba(0,0,0,0.3); background:#f2f2f2; padding: 0 25px 25px 25px; border-top: 10px solid #eeb414; border-bottom: 10px solid #eeb414; position:relative; margin:100px auto; width:90%; max-width: 640px; transform:scale(1.0); border-radius: 10px;} #modalBox .closeModal {position:absolute; right: 10px; top: 14px; font-size: 24px; color:#eeb414; cursor:pointer;} #modalBox .closeModal:hover {color:#fff;} #modalBox.shrunk {transform:scale(0.9) !important; opacity:0;} #modalBox h3 {font-weight: 500; font-size: 20px !important; background:#283d74; margin:0 -25px; padding:10px 25px; color:#fff;} #modalBox p {color:#444; font-weight: 300; margin:10px 0px; font-size: 17px; line-height: 1.6;} #modalBox fieldset {padding:0; margin:0;} #modalBox fieldset label {font-size: 12px !important; padding:5px 0;} #modalBox h4 {font-weight: 500; color:#222; font-size: 18px !important; margin: 10px 0;} #modalBox .modalBtn {display:inline-block; margin:5px 10px 0px 0px;; font-size: 14px; color:#fff; padding: 4px 12px; border-radius: 2px;} #modalBox .modalBtn:hover {background:#111;} @media(max-width:768px){ #modalBox {position:absolute; margin:0px auto; top: 10px; left: 5px; right: 5px; max-height: 95vh; overflow:auto;} .footerNote p {text-align:center; padding: 2px;} } /*input wrapper classes*/ .inputWrap {font-family:Roboto !important;} .inputWrap.useLabel {margin-top: 35px; overflow:visible;} .inputWrap.useLabel label {position:absolute; top:-26px; font-size: 14px; color:#666; } .inputWrap {position:relative; display:block;margin:2px 0px; overflow:hidden; margin-bottom: 6px;} .inputWrap.wrapLeft input,.inputWrap.wrapLeft select {padding-left: 50px !important; margin:0px !important;} .inputWrap.wrapRight input,.inputWrap.wrapRight select {padding-right: 50px !important; margin:0px !important;} .inputWrap i.wrapLeft {position: absolute; left: 11px; top: 7px; font-size: 18px; width:18px; text-align:center; color:#fff;} .inputWrap i.wrapRight {position: absolute; right: 11px; top: 7px; font-size: 18px; color:#fff; z-index:9; pointer-events:none;} .inputWrap.wrapLeft:before {position:absolute; top:1px; left:1px; bottom:1px; content:""; background: #283d74; width:38px; border-radius: 3px 0px 0px 3px; border-right: 1px solid #ccc; box-shadow:1px 0px 2px rgba(0,0,0,0.1);} .inputWrap.wrapRight:after {position:absolute; top:1px; right:1px; bottom:1px; content:""; background: #283d74; width:38px; border-radius: 3px 0px 0px 3px; border-left: 1px solid #ccc; box-shadow:-1px 0px 2px rgba(0,0,0,0.1); pointer-events:none;} .inputWrap input[type="text"],.inputWrap input[type="password"] {display:inline-block;height: 32px;outline:0;border-radius: 4px;width:100%;border:1px solid #ddd;padding: 6px 10px;font-size: 14px;font-family: 'Roboto', sans-serif;font-weight: 400;} .inputWrap input[type="text"]:hover,.inputWrap input[type="password"]:hover {background-color:#f5f5f5;} .inputWrap input[type="text"]:focus,.inputWrap input[type="password"]:focus {background-color:#fff; border:1px solid #283d74; box-shadow:0px 0px 4px rgba(0,100,200,0.6);} .inputWrap select {width:100%; outline:none; -webkit-appearance:none; appearance:none; -moz-appearance:none; height: 32px; border:1px solid #ddd; background:#fff;font-size: 14px;font-family: 'Roboto', sans-serif;font-weight: 400; color:#555;} .inputWrap label {font-size: 12px; display:block; color:#666; margin:5px 0;} .inputWrap textarea {display:inline-block;height: 32px;outline:0;border-radius: 4px;width:100%;border:1px solid #ddd;padding: 6px 10px 6px 50px;font-size: 13px; line-height: 1.5;font-family: 'Roboto', sans-serif;font-weight: 400; min-height:80px; margin-bottom: -4px !important;} .mandatoryStar {position:absolute; color:red; right:2px; top:2px; font-size: 16px; z-index:10; text-shadow:0 0 2px #fff;} .inputWrap input.error, .inputWrap select.error, .inputWrap textarea.error {border:1px solid red;} .inputWrap.error {box-shadow:0 0 10px rgba(255,200,200);} .inputWrap.error input {border-color:red;} .inputWrap.error:before,.inputWrap.error:after {background:red;} .inputWrap.checkOK:after {position:absolute; right: 1%; top: 5px; width: 22px; height: 22px; content:""; background:url(files/image/form_tick.png) no-repeat 99% 50% / 22px;} .inputWrap.checkERROR:after {position:absolute; right:1%; top: 5px; width: 22px; height: 22px; content:""; background:url(files/image/form_cross.png) no-repeat 99% 50% / 22px;} /*AFD lookup results*/ .afdResults {position:absolute; width:100%; box-shadow:0 0 20px rgba(0,0,0,0.2); z-index:100; background:rgba(255,255,255,0.95);} .afdResults li {padding: 5px 10px; border-bottom:1px solid #ddd; cursor:pointer;} .afdResults li:hover {background:#000; color:#fff;} .afdResults li.selected {background:#000; color:#fff;} input[data-check="ERROR"] {background:url(files/image/form_cross.png) no-repeat 99% 50% / 22px;} input[data-check="OK"] {background:url(files/image/form_tick.png) no-repeat 99% 50% / 22px;} /* EAMS STATIC STYLES */ .white {color:#fff;} .black {color:#000;} .white_f {color:#fff;} .white_bg {background-color:#fff;} .grey_bg {background-color:#f2f2f2;} .darkblue {color:#283d74;} .darkblue_bg {background-color:#283d74;} .midblue {color:#2c427d;} .midblue_bg {background-color:#2c427d;} .gold {color:#eeb414;} .gold_bg {background-color:#eeb414;} .errorText {color:red; padding: 20px 0 0 0;} main {background-color:#fefefe; min-height: 50vh;} h1, h2 {font-family: 'Poppins', sans-serif;font-weight:600;margin:0 0 18px 0;font-size: 26px;line-height:1.5;} h3, h4 {font-family: 'Poppins', sans-serif; font-weight:500; margin:0 0 14px 0; font-size: 20px; line-height:1.5;} span {font-family:inherit; font-weight:inherit; font-size:inherit;} p {font-family: 'Poppins', sans-serif; line-height:1.6; font-weight: 400; margin:0 0 12px 0; font-size: 14px;} li {font-family: 'Poppins', sans-serif;font-weight: 400;} p a {color:#2c427d; font-weight: 500;} img {max-width:100%;} /*SiteHeader*/ .siteHeader {background:#2c427d;position:relative;z-index:1000;min-height: 94px;padding-top: 50px;} .siteHeader:after {content:""; position:absolute; left:0; top: 50px; right:0; bottom:0; background:#283d74; z-index:1;} .navStrap {background:#eeb414; padding: 10px 0;} .headerPhone {position:absolute; color:#eeb414; right: 40px; top:-32px; z-index:100; letter-spacing:0.6px; font-weight:bold;} .headerPhone:hover {color:#fff;} @media(max-width:768px){.headerPhone {font-size:12px; top:auto; bottom: -8px; right:10px;}} footer hr {margin:40px 0 ;} footer img {max-width:140px; margin-bottom: 20px;} footer h3 {font-size: 18px; margin-bottom: 24px;} footer a {color:#666; font-size: 14px;} footer a:hover {color:#2c427d;} footer li {padding: 6px 0;} footer fieldset {border:0; padding:0;} footer input[type="text"] {border:1px solid #2c427d; border-radius: 4px 0 0 4px; padding: 10px; width:60%; margin-bottom: 15px;} footer input[type="button"] {border:1px solid #2c427d; background:#60B358; color:#fff; margin-left:-10px; border-radius: 4px; padding: 10px; width:32%; margin-bottom: 15px;} footer i {color:#2c427d; font-size: 22px !important; margin-right: 5px; margin-top:-5px; position:relative; top:2px;} footer hr:last-of-type {margin-bottom:10px;;} @media(max-width:768px){ .hideSM {display:none;} } form .error {border:1px solid red !important;} /*NEW NAV*/ #newNav {position: fixed;width: 260px;right: -260px;top: 0;bottom: 0;z-index: 500;background: #314179; box-shadow: 0 0 40px rgba(0,0,0,.2);} #newNav .nav_first { padding-bottom: 100px; min-width: 110%; display: block;} #newNav .nav_first li { position: relative} #newNav .nav_first>li>a { font-size: 14px !important; width: 100%; display: block; color: #eeb414; font-weight: 300; padding: 8px 10px; border-bottom: 1px solid rgba(255,255,255,.1);} #newNav .nav_first>li>a:hover { color: #000; background: #eeb414;} #newNav .nav_first>li>a:before { content: "\f0da "; color: rgba(255,255,255,.8); font-family: fontAwesome; padding-right: 5px;} #newNav .nav_first>li>.staticNav { position: relative} #newNav .nav_first li:nth-of-type(2n) {background:#2d3c70;} #newNav .nav_second>li>a {padding: 7px 5px 0 38px;margin-bottom: 0;line-height: 1.1;display: block;width: 91%;position: relative;background: #213169;color: rgba(255,255,255,0.7); font-size: 13px;font-weight: 300;border-bottom: 1px solid rgba(0255,255,255,0.1);min-height: 32px;} #newNav .nav_second>li>a:before { position: absolute; content: ">"; left: 24px; color: rgba(255,255,255,1); transition: all .3s ease-in-out} #newNav .nav_second>li>a:hover { padding-left: 40px; color:#fff;} #newNav .nav_second>li>a:hover:before { left: 26px; color: #eeb414} #newNav .nav_second>li:nth-of-type(2n) >a {background:#1d2b70;} #newNav .nav_third>li {border-bottom:1px solid #ddd;} #newNav .nav_third>li>a { padding: 8px 5px 4px 40px; min-height: 30px; margin-bottom: 0; line-height: 1.2; display: block; width: 100%; border-bottom: 1px solid rgba(255,255,255,.1); position: relative; color: #666; font-size: 13px} #newNav .nav_third>li>a:before { position: absolute; content: ">"; left: 24px; color: rgba(0,0,0,.2); transition: all .3s ease-in-out} #newNav .nav_third>li>a:hover { padding-left: 50px} #newNav .nav_third>li>a:hover:before { left: 36px; color: #fff} #newNav .nav_fourth>li { margin-left: 5px} #newNav .nav_fourth>li>a { padding: 8px 5px 0 55px; margin-bottom: 4px; line-height: .8; display: block; width: 100%; position: relative; color: rgba(255,255,255,.9); font-size: 11px} #newNav .nav_fourth>li>a:before { position: absolute; content: ">"; left: 40px; color: rgba(255,255,255,.2); transition: all .3s ease-in-out} #newNav .nav_fourth>li>a:hover { padding-left: 60px} #newNav .nav_fourth>li>a:hover:before { left: 46px; color: #fff} .subMenu { position: absolute; right: 27px; top: 0; height: 30px; width: 29px; background: #eeb414; color: #fff; z-index: 100; text-align: center; padding-top: 3px; border-left: 1px solid rgba(255,255,255,.1); border-bottom: 1px solid rgba(255,255,255,.1);} .subMenu:before { content: "-"; font-size: 22px} .subMenu.closed { padding-top: 3px} .subMenu.closed:before { content: "+"; font-size: 22px} #newNav .homeIcon {text-transform:uppercase;} header input::placeholder { color: #3250e6!important} #newNav input::placeholder { color: #aaa!important} #topNavNew {position:relative; z-index:20;} #topNavNew .firstItem { } #topNavNew .noTopNav { display: none!important} #topNavNew { margin-top: 10px} #topNavNew>ul>ul>li {display: inline-block;position: relative;transition:none !important;} #topNavNew>ul>ul>li>a.selected { color: #eeb414 !important; text-shadow:0 1px 1px rgba(0,0,0,0.3);} .navSearch {position:absolute !important; top:-10px; right:5px;} .navSearch:hover {background:none !important;} #topNavNew>ul>ul>li>a {display: inline-block;color: #fff;letter-spacing: 0.2px;font-size: 15px;margin: 0;padding: 4px 10px 14px 10px;font-weight: 300;transition:none !important;} #topNavNew>ul>ul>li:hover {} #topNavNew>ul>ul>li:hover>a { color: #eeb414 !important; text-shadow:0 1px 1px rgba(0,0,0,0.3);} #topNavNew>ul>ul>li>ul {transition: all .3s ease-in-out;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;text-align:right; position:relative;} #topNavNew>ul>ul>li:hover ul {display: block!important;opacity: 1!important;min-width: 205px;} #topNavNew>ul>ul>li:hover ul>li { display: block} #topNavNew>ul>ul>li.stack3:hover ul>li { display: inline-block; width: 32%} #topNavNew>ul>ul>li.stack2:hover ul>li { display: inline-block; width: 49%} #topNavNew>ul>ul>li>ul {overflow:hidden;display: block!important;position: absolute;left: -105px;top: 32px;opacity: 0!important;z-index: 999999999;background: #314179;border-radius: 6px;box-shadow: 0 20px 20px rgba(0,0,0,0.3)} #topNavNew>ul>ul>li>ul>li {display: none;white-space: nowrap;padding: 10px 5px;border-bottom:1px solid #ffffff10;width:300px;text-align: center;font-size: 14px;} #topNavNew>ul>ul>li>ul>li:first-child {box-shadow:inset 0 5px 5px rgba(0,0,0,0.4);} #topNavNew>ul>ul>li>ul>li:nth-of-type(2n) {background:#2d3c70 !important;} #topNavNew>ul>ul>li>ul>li a {display: block;color: #e5b642; font-weight:400;} #topNavNew>ul>ul>li>ul>li a:before { content: "\f0da "; color: rgba(255,255,255,.8); font-family: fontAwesome; padding-right: 5px;} #topNavNew>ul>ul>li>ul>li:hover a:before {color:#000;} #topNavNew>ul>ul>li>ul>li>ul { display: none!important} #topNavNew .nav_third li { display: none!important} #topNavNew>ul>ul>li>ul>li:hover { background: #e5b642 !important; color: #000 !important;} #topNavNew>ul>ul>li>ul>li:hover a {color:#000;} #topNavNew>ul>ul>li:nth-of-type(7) ul { right: 50px; left: -105px; width: 300px} #topNavNew .stack2:hover li { display: inline-block} #topNavNew .homeIcon a {font-size:0 !important; height: 20px; width: 35px; position:relative; text-align:left; } #topNavNew .homeIcon a:before {content:"\f015"; font-family:fontAwesome; font-size: 12px; top:-8px; position:absolute;} .logoBox {position:absolute; left:20px; top:-32px; width: 280px; height: 70px; z-index:50;} @media(min-width: 993px) and (max-width:1200px) { .logoBox {width:190px; top:-40px; left:50%; margin-left:-95px;} #topNavNew {padding-left:0 !important;} .nav_first {text-align:center;} } @media(max-width: 992px) { #topNavNew{display:none;} .logoBox {width:190px; top:-38px;} .siteHeader {min-height: 66px;} button {transform:scale(0.82); margin:-5px -7px 3px -7px !important;} .navStrap label {font-size: 12px;} } @media(max-width: 480px) { .navStrap {padding:5px 0;} .navStrap .row {margin:0 -25px;} .navStrap label {font-size: 11px;} .navStrap .col-xs-5 {width:100% !important; margin-bottom:-10px;} .navStrap button {position:relative; height: 36px; padding-right:0; margin-left: 0px !important;} .navStrap button a {font-size:0;} } #topNavNew { position: relative; padding-left: 260px; text-align:right; padding-right: 50px;} #topNavNew .fa-search {color: rgba(255,255,255,0.6); cursor: pointer; position: absolute; right: 15px;top: 15px;font-size: 16px} #topNavNew .fa-times {color: red;cursor: pointer; position: absolute; right: 15px;top: 15px;font-size: 20px} #navBtn {display:none !important;} @media(max-width:992px){ #newNavBtn {display:block !important;cursor:pointer;position:absolute;right: 12px;border-radius:3px;top: 12px;z-index:999;padding: 1px 8px 0px 8px;font-size:26px;} #newNavBtn:hover {background:#454;} } .siteSearch { position:relative;} .siteSearch input {width:100%; border:2px solid #eeb414; padding: 10px 15px 10px 30px; font-size: 16px;} .siteSearch input:focus {border:2px solid #0081EB; background:#fff; } .siteSearch .fa-search {position:absolute; top: 15px; left: 9px; color:#aaa; font-size: 20px;} #searchResults li {font-size: 13px; position:relative; background:#334; font-weight: 500; padding:8px 10px 8px 30px; border-bottom:1px solid #556; color:#fff; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} #searchResults li a {color:#fff;} #searchResults li.search_Navigation {background:#000;} #searchResults li.search_Navigation:before {content:"\f109"; position:absolute; left:7px; font-family:fontAwesome;} #searchResults li.search_News:before {position:absolute; content:"\f1ea"; color:#fff; left: 6px; top: 6px; font-size: 16px; font-family:'fontAwesome';} #searchResults li.selected {background:#000; color:#fff;} #searchResults li.selected a {color:#fff;} /*add other types news events downloads*/ /*HOME SLIDER*/ .homeSlider {position:relative;background:#000;} .homeSlider ul {padding-top: 45%;} .homeSlider li {position:absolute; top:0; left:0; text-align:center; width:100%; height: 100%; overflow:hidden;} .homeSlider li span {position:absolute; top:0; left:0; text-align:center; width:100%; height: 100%; background-size:cover; background-position:50%;} .homeSlider li h2, .homeSlider li img, .homeSlider li a, .homeSlider li p {position:relative; z-index:10;} .homeSlider li h2 {color:#fff; font-size: 28px; margin: 15px 0;} .sliderPan {vertical-align: middle; background: rgba(0, 0, 0, 0.5); padding: 25px 25px 35px 25px; border:2px solid rgba(255,255,255,0.8); z-index: 1; border-radius: 20px; display: inline-block;} .homeSlider li .row>div {position: absolute;height: 100%;background:rgba(0,0,0,0.45);display: flex; align-items: center;} .homeSliderOfferBox {color:#fff;padding:0 40px;vertical-align: bottom;bottom:-30px;display: inline-block;} .homeSliderOfferBox h3 {font-size: 32px; margin: 15px 0;} .homeSliderOfferBox h3 b {display:block; font-size: 200%;} .homeSliderOfferBox p {font-size: 18px; margin: 10px 0;} .homeSliderOfferBox p.note {font-size: 14px;} .slideFlash {position:absolute; z-index:10; padding: 10px; width: 300px; text-align:center; transform:rotate(-45deg); top: 70px; left:-70px; font-size: 20px; font-weight:bold; box-shadow:5px 5px 10px rgba(0,0,0,0.5);} .slideFlash.flashright {left:auto; right:-70px; transform:rotate(45deg);} @media(max-width:768px){ .homeSliderOfferBox img {width:130px; margin:0;} .homeSliderOfferBox h3 {font-size: 22px; margin: 5px 0; line-height:1.2;} .homeSliderOfferBox a {font-size: 16px; padding: 6px 20px !important;} .homeSliderOfferBox p {font-size: 14px;} .homeSliderOfferBox {width:100%;} .homeSlider li h2 {padding:0 20%; font-size: 14px !important; line-height:1.2;} .slideFlash {padding: 10px; width: 300px; transform:rotate(-45deg); top: 40px; left:-90px; font-size: 12px;} .slideFlash.flashright {left:auto; right:-90px; transform:rotate(45deg);} .homeSlider ul {padding-top: 60% !important;} } @media(max-width:1440px){ .homeSlider {margin: 0 -25px;} } .paper_shadowTop,.paper_shadowBot {position:relative;} .paper_shadowTop:before {content:""; background:url(files/image/paper_shadow.png) no-repeat 50% 0; left:0; position:absolute; top:-20%; width:100%; height: 20%; transform:rotate(180deg); background-size:contain; opacity:0.5} .paper_shadowBot:after {content:""; background:url(files/image/paper_shadow.png) no-repeat 50% 0; left:0; position:absolute; bottom:-20%; width:100%; height: 20%; background-size:contain; opacity:0.5} /*DEVELOPER FILTERS*/ .developerFilters {background:#eeb414; text-align:center; padding:5px 0 10px 0; margin:0px 0px 20px 0px; } .developerFilters label {font-size: 12px; font-weight: 600; display:inline-block; padding:0px 5px 0px 5px; position:relative; top:2px; vertical-align:middle; color:#283d74;} .developerFilters input[type="text"] {min-width: 240px; margin-bottom: 2px;border:1px solid #ddd; font-size: 16px; padding: 2px 10px; font-weight: 200; margin-left: 2px; border-radius: 6px;} .developerFilters select {height: 32px; border:1px solid #ddd; border-radius: 6px; padding: 5px 12px; font-size: 14px; font-weight: 200; margin:0px 0; vertical-align:middle;} .developerFilters input[type="submit"] {display:inline-block; font-size: 16px; margin-top: 5px; border-radius: 10px 0 10px 0; margin-left: 10px; height: 32px; vertical-align:middle; position:relative; padding:2px 16px; border:1px solid #ddd; font-weight: 600; background:#283d74; color:#fff;} .developerPaging a {border:1px solid #ddd; border-radius:4px; min-width: 25px; height: 25px; display:inline-block; padding: 2px; text-align:center; font-weight: 100; margin:0px 5px 20px 5px; text-shadow:1px 1px 0px rgba(0,0,0,0.2);} .developerPaging .pagingMore,.developerPaging .pagingLess {border:none !Important;} .developerPaging .pagingCurrent {background:#283d74; color:#fff; padding-top: 4px;} @media(max-width:768px){ .developerFilters label {width:100%; padding-top: 6px; text-align:left; position:relative; height: 30px;} .developerFilters input[type="text"],.developerFilters select {width:60%; position:absolute; right:0; top:1px;} .developerFilters input[type="submit"] {width:100%; margin:5px 0px;} } .developerFilterBy {margin-top: 5px;} .developerFilterBy label {display:inline-block; vertical-align:middle;} .developerFilterBy ul {display:inline-block;} .developerFilterBy li {cursor:pointer; font-size: 12px; color:#444; font-weight: 400; background:#ddd; display:inline-block; margin:4px; padding:3px 12px 1px 11px; border-radius: 10px;} .developerFilterBy li.selected {background:#f90; color:#fff;} /*NEWS*/ .newsCategory {font-size: 36px; color: #222; font-weight: 300;padding: 30px 0 10px 0; overflow:hidden; text-align:center;} .newsCategory h2 {font-weight:100; position:relative; display:inline-block;} .newsStoryImg {position:relative; padding: 20px; background:#eef; overflow:hidden; max-height: 400px;} .newsStoryImg span {position:absolute; z-index:0; opacity:0.4; top:0; left:0;width: 100%; height: 100%; background-size:cover; background-size:cover; filter:blur(5px); -webkit-filter:blur(5px); -moz-filter:blur(5px); -o-filter:blur(5px); -ms-filter:blur(5px); background-position:50% 50%; } .newsStory {padding:12px 5px;} .newsStoryImg p {position:relative; z-index:1; margin:0 !important; line-height:0;} .newsStoryImg img {border:2px solid #fff; max-width:100%; max-height: 40vh;} .newsStory p {font-size: 15px; color:#111; margin-bottom: 10px; line-height: 1.8;} .newsStory li {font-size: 15px; color:#111; margin-bottom: 5px; line-height: 1.8; list-style-type:disc; margin-left: 25px;} .newsStory h3 {color:green; text-align:center; line-height:1.5; padding: 0 15%;} .newsStory h2 {font-size: 24px; margin-bottom: 12px; color:#ddd;} #newsStoryShell {background:rgba(255,255,255,1); max-width:1200px; margin:30px auto 30px auto;} #newsStoryShell h1 {font-size: 32px; color:#333; font-weight: 600; text-align:center; font-size: 36px !important; margin:20px 0px 40px 0;} .newsStory p a, .newsStory li a {color:#60B358; font-weight: 600;} .newsStory p a:hover {color:#000;} .newsStory sup {font-size: 50%; display:inline-block; vertical-align:top; padding-top: 5px; padding-right: 2px;} .CEoldArticle>img, .CEoldArticle p>img {margin:10px auto; display:block;} .articleImage {margin:25px auto; max-width:640px; display:block; padding: 5px; border:1px solid #eee; box-shadow:0 0 30px rgba(0,0,0,0.1);} @media (max-width:768px){ #newsStoryShell h1 {font-size: 24px !Important; margin-bottom: 25px;} } @media (max-width:992px){ .newsStoryImg {margin-top: 0px; position:relative;overflow:hidden;} .newsStoryImg:before { content:""; position:absolute; top:-66px; left:-25%; width:150%; height: 66px; background:rgba(255,255,255,0.9);} } #newsStoryShell time {text-align:right;display:block;margin-top:-20px;margin-bottom: 30px;} #newsStoryShell {font-size: 18px; line-height:1.4;} .newsPanel {background:#fff;border:1px solid #eee;border-radius:3px;padding: 15px 15px 0px 15px;margin:20px 0px; vertical-align:top;} .newsPanel a {color:inherit;} .newsPanel .newsNanoImage,.newsPanel iframe {width: 100%;height: 170px !important;background-size:cover;background-position: 50% 30%;} .newsPanel .newsTitle {margin: 15px 0px 10px 0px;font-size: 18px;color: #283d74;/* white-space:nowrap; */overflow:hidden;/* text-overflow:ellipsis; */height: 54px;text-align:center;} .newsPanel p {overflow:hidden; width: 100%; height: 38px; font-size: 14px; color:#444; line-height: 1.4;} .newsNanoDate {font-size: 12px !important; font-style:italic; padding-top: 5px; margin:0; text-align:right; padding-right: 2px;} .newsStory ol li {margin-left: 25px; font-size: 14px; padding-left: 10px; list-style-type:decimal; margin-bottom: 12px; } .newsGridHeader {padding: 25px 0px 0px 0px; } .newsGridHeader h2 {font-size: 32px !important; color:#003b4f;} .newsPanel:hover {transform:scale(1.03); box-shadow:5px 5px 25px rgba(0,0,0,0.1);} .newsPanelWide .newsNanoImage {height: auto !important; padding-top:35%; background-repeat:no-repeat;background-size:cover !important; background-position: 50%;} .newsPanelWide .newsTitle {height: 50px; overflow:hidden; text-overflow:none; white-space:normal;} .newsPanelWide p {height: 40px; margin-bottom: 6px;} .newsPanelWide p.newsNanoDate {height: 20px;} .publishedAuthor {background:#A00000; padding: 5px 10px; border-radius: 20px;} .publishedAuthor a {color:#fff;} .publishedAuthor:before {content:"\f007"; font-family:fontAwesome; color:#fff; padding-right: 5px;} .publishedAuthor:hover {background:darkred;} .newsType {position:absolute; right: 40px; top: 45px; padding: 5px 8px; background:rgba(255,255,255,0.8); border-radius: 6px; color:#444; font-size: 16px;} .tickRC li {position:relative; padding: 4px 0;} .tickRC li:before {position:absolute; left:0; content:"\f054"; font-family:fontAwesome; font-size: 24px; color:#2878ad; left:15px; top:-1px;} .categoryHeader {background:#eeb414; color:#000; text-transform:uppercase; text-align:center; padding: 20px; font-size: 20px; } /*template content styles*/ h1 {font-size: 48px;/* text-shadow:0 1px 2px rgba(0,0,0,0.2); */} .headShad {box-shadow:0 5px 20px rgba(0,0,0,0.1), inset 0 -20px 50px rgba(0,0,0,0.1);} .shadBox {background:#fff; padding:20px 20px 10px 20px; box-shadow:0 5px 20px rgba(0,0,0,0.1); border:1px solid #e5e5e5; margin-bottom: 20px; border-radius: 6px; overflow:hidden; } .shadBoxPic {padding-top: 75%; margin:-20px -20px 20px -20px; background-repeat:no-repeat; background-position:50%; background-size:cover;} figure img {border-radius: 6px; box-shadow:0 0 10px rgba(0,0,0,0.1);} figcaption {font-size: 12px; text-align:center; line-height:1.5; font-family:'Inter'; padding: 6px 0;} .elwaBtn {padding: 4px 12px; border:none; font-size: 16px; font-weight:600; font-family:'Inter';} @media(max-width:768px){ h1 {font-size: 32px !important;} h2 {font-size: 22px !important;} h3 {font-size: 16px !important;} h4 {font-size: 15px !important;} p {font-size: 13px;} #newNavBtn {top:10px;} #wrapper {padding-top:0;} header {} } @media(max-width:1050px){ .homeSlider li img[alt="ELWA"] {width:120px;} .homeSlider li h2 {font-size: 18px; margin:0;} .homeSlider li a {font-size: 12px; font-weight:bold; padding: 5px 10px; marign-top:0 !important;} .homeSlider li p {padding:0 !important; font-size: 11px;} .sliderPan {padding: 10px 10px 15px 10px;} .homeSlider ul {padding-top: 50%;} .homeEducationBox img {border-radius: 4px 4px 0 0 !important;} .homeEducationBox >div {position:static !important; background:#000 !important;;} } h3.question {position: relative; background: #fff; font-size: 16px; padding: 16px 32px; margin-top: 4px; color: #444; min-height: 55px;} h3.question:before {position: absolute; right: 0; top: 0; content: "+"; font-size: 28px; font-family: helvetica; width: 55px; height: 55px; text-align: center; padding-top: 8px; color: green;} h3.faqClose:before {content: "-";} @media(max-width: 480px) {h3.question { padding:12px 60px 0 15px; line-height: 1.2; font-size: 15px; padding-bottom: 5px } h3.question:before { padding-top: 8px };} div.answer {position: relative; background: #fff; margin-bottom: 15px; box-shadow: inset 0 5px 6px #eee; font-size: 14px; line-height: 1.6; font-weight: 300; padding: 15px 0 6px 40px; color: #444; display: none;} div.answer p {font-size: 14px;} div.answer:before {position: absolute; left: 10px; top: 10px; transform: scaleY(-1); content: "\f064"; font-family: fontAwesome;} .sitemap {margin: 20px 0;} .sitemap ul li {font-size: 14px; padding-left:20px; position:relative; padding: 8px 0 8px 20px; border-bottom:1px solid #eee;} .sitemap ul li:before {content:"\f054"; font-family:fontAwesome; color:green; position:absolute; left:0;} .sitemap ul li a {color:#333; display:block; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; min-height: 15px;} .sitemap h3 {text-transform:capitalize;} .sitemap .sitemap_2 {margin-left: 15px; font-size: 13px;} .sitemap .sitemap_3 {margin-left: 30px; font-size: 12px;} .sitemap ul li a:hover {color:green;} /* BUTTONS */ button, input[type="submit"] {font-size: 14px; font-weight:600; padding: 10px 12px 10px 47px; margin:0 3px 6px 0; background:#2c427d; overflow:hidden; border:none; border-radius: 0 15px 0 15px; position:relative; color:#fff; box-shadow:1px 4px 2px rgba(0,0,0,0.15); transition: all 0.3s ease-in-out; } button i, input[type="submit"] i {position:absolute; color:#fff; left:0; box-shadow:3px 0 1px rgba(0,0,0,0.15); width: 40px; text-align:center; top:0; bottom:0; background:#fff; border-radius: 0 15px 0 15px; color:#2c427d; font-size: 20px; padding-top: 8px; transition: all 0.3s ease-in-out;} button a {color:#fff !important;} button:hover, input[type="submit"]:hover {background:#eeb414; color:#2c427d !important;} button:hover a {color:#2c427d !important;} button:hover i, input[type="submit"]:hover i {background:#2c427d; color:#fff; box-shadow:0 0 1px rgba(0,0,0,0.2); } input[type="submit"] {color:#fff;} .priceFlash {position:absolute; right: 40px; top:-30px; text-align:center; padding: 19px 18px 15px 18px; background-color: transparent; background-image: linear-gradient(340deg, #1F84FF 0%, #114EBF 100%); border-radius: 80px; transition:all 0.25s ease-in-out;} .priceFlash i {color:#fff; font-size: 32px; margin:0px 0; display:block; position:relative; top:0; transition:all 0.25s ease-in-out;} .priceFlash:hover i {color:#42C6FB; top:-6px;} .content {margin-top: 25px;} .content ul {margin-bottom: 20px; padding-left: 10px;} .content h1 {text-shadow:none; font-size: 48px;} .content li {font-size: 14px; margin-bottom: 10px; line-height:1.5; margin-left: 20px;} .content hr {margin: 15px 0;} /* CLIVE EMSON - LOTS LISTING */ .LISTVIEW,.MAPVIEW{display:none;} .lotImgWrap {position:relative; overflow:hidden; height:250px; perspective:600px; background: #ddd; box-shadow: inset 0 0 50px rgba(0,0,0,0.2);} .lotImgWrap li {position:absolute; top:0; left:0; right:0; bottom:0; width:100%; height:100%; text-align:center; padding-top: 30%; overflow:hidden; } .lotImgWrap li span {position:absolute; left:0; top:0; right:0; bottom:0; width:100%; height:100%; background-size:cover; background-position: 50% 50%;} .lotImgDots {position:absolute; width:100%; top:210px; height: 35px; text-align:center;} .lotImgDots li {display:inline-block; width:15px; height:15px; border-radius: 15px; margin: 4px; cursor:pointer; background:blue;} .lotImgDots li.selected {background:gold;} .lotMap {display:none; position:relative; overflow:hidden; height: 250px;} .lot {background:#fff; height: 445px; position:relative; border-radius: 4px; overflow:hidden; margin-bottom: 25px; box-shadow:0 1px 10px rgba(0,0,0,0.3);} .lot .lotNum {position:absolute; top: 10px; right: 10px; min-width: 60px; height: 30px; border-radius: 0 10px; font-size: 14px; font-weight:bold; padding: 8px 8px; background:#e5b742; color:#fff; text-align:center; text-shadow:1px 1px 1px rgba(0,0,0,0.4);} .lot .lotImgDots {opacity:0.4; transition:all 0.5s ease-in-out;} .lot .lotImages:hover .lotImgDots {opacity:1;} .lot h3 {color:darkblue;line-height:1.2;font-size: 18px;padding: 15px 15px 0 15px;max-height: 80px;overflow:hidden;margin-bottom:8px;font-weight: 600;} .lot .showMiniMap {position:absolute; top:10px; left: 10px; font-size: 24px; color:gold; background:rgba(0,0,105,0.5); padding: 5px 10px; border-radius: 0 10px; text-shadow:1px 1px 1px rgba(0,0,0,0.4); cursor:pointer;} .lot .lotMap a {position:absolute; left: 9px; top: 55px !important; background:#fff; color:#222; font-size:24px; padding:5px 10px 4px 10px; box-shadow:0 0 5px rgba(0,0,0,0.2); border-radius: 4px;} .lot p {padding:0 15px 15px 15px; color:#666; font-size: 15px; font-weight: 400;} .lot .statusBox {position:absolute; bottom:0; font-size: 19px; background:#fefefe; height: 60px; width:100%; border-top:1px solid #eee; padding: 12px 15px; color:#666; } .lot .statusBox label {display:block; font-size: 13px; margin-bottom:5px;} .lot .status_sold, .lot .status_soldafter, .lot .status_soldprior {color:#a00;} .lot .status_available {color:#000;} .lot .status_available strong, .lot .statusBox strong {font-weight:600; letter-spacing: -0.4px;} .lot .status_available sup {font-size: 20px; color:darkblue; position:relative; top:-2px; cursor:pointer;} .lot .status_available sub {font-size: 12px; color:#283d74; font-weight:600;} .lot .status_available a {color:#000; font-size: inherit;} .lotParams {padding: 15px 0; border-top:1px solid #ddd; margin-top:15px; margin-bottom:15px;} .lotParams span {display:block; font-size: 14px; font-weight: 500; letter-spacing:1px; color:#666; text-transform:uppercase; margin-bottom:12px;} .lotFeatures h2 {font-size: 14px; font-weight: 500; letter-spacing:1px; color:#666; text-transform:uppercase; margin-bottom:6px;} .lotFeatures {padding: 15px 0; border-top:1px solid #ddd; margin-top:15px; margin-bottom:15px;} .lotFeatures .col-xs-12 {position:relative; } .lotFeatures i {position:absolute; font-size: 24px; color:green; top:-3px;} .lotFeatures span {display:block; padding:0 0 0 30px; font-size: 14px; line-height:1.4;} .lotAssets {padding: 15px 0 0 0; border-top:1px solid #ddd; margin-top:15px; margin-bottom:15px;} .lotAssets>.row>.col-xs-12>.row {margin-left: -5px;} .lotPropertyDetails h4 {font-size: 14px; margin-top:20px; margin-bottom:10px; font-weight:600; text-transform:uppercase; letter-spacing:1px; color:#000; border-bottom:1px solid #eee;} .lot-map {padding: 5px; text-align:right; border:1px solid #eee; border-radius: 6px; box-shadow:0 0 20px rgba(0,0,0,0.1); margin: 15px 0;} .map-note {padding: 10px; font-size: 11px; text-align:left;} .lot-address {background:#283d74; text-align:left; padding: 10px; color:#eeb414; font-style:normal;} .lot-address i {color:#ffff; padding: 0 5px;} #viewings li {position:relative; padding: 10px 0 5px 0; border-bottom:1px solid #ddd; line-height:1.4; } #viewings li button {position:absolute; right:0; bottom:8px;} #viewings li>i {display:inline-block; width: 25px;} .lotlist {padding:12px 0 12px 100px !important; border-bottom:1px solid #ddd; position:relative; min-height: 90px;} .lotlist .lotPic {width: 80px; height: 40px; top: 40px; left:0; border:1px solid #ddd; position:absolute; background-size:cover; background-position:50%;} .lotlist h3 {color:#283d74; font-size: 16px; font-weight:600; width: calc(100% - 100px - 30%) !important; display:inline-block; } .lotlist .lotNum {background:#eeb414; width: 80px; padding: 5px; text-align:center; position:absolute; left:0; top:12px; color:#fff; border-radius: 0 10px; font-size: 14px; font-weight:bold; text-shadow:1px 1px 1px rgba(0,0,0,0.4);} .lotlist .LotLocation {position:absolute; right: 15%; top: 12px; color:#333; width:15%;} .lotlist .LotLocation em {display:none;} .lotlist .statusBox {position:absolute; right: 0%; top: 20px; color:#333; width:15%;} .lotlist .statusBox label {display:block;} .lotlist .statusBox strong {display:block; font-size: 20px; margin-top: 5px; font-weight:bold;} .lotlist .statusBox sup {font-size: 75%; display:inline-block; vertical-align:top; color:red;} .lotlist .statusBox sub {font-size: 70%; } .lotlist .addBookmark {position:absolute; left:100px; bottom: 10px; color: darkblue; font-size: 14px;} .lotlist .addBookmark i {color:#eeb414; margin-right: 5px;} .lotlist .statusBox.status_sold {color:red;} @media(min-width:768px) and (max-width:992px){ .lot {height: 430px;} } @media(max-width:768px){ .lot {height: 420px;} .lotlist {padding-bottom:0 !important;} .lotlist .LotLocation {position:static; width:70%;} .lotlist .LotLocation br {display:none;} .lotlist .LotLocation em {display:inline-block; padding:0 10px;} .lotlist .statusBox {right:0px; width:140px; font-size: 12px; text-align:right;} .lotlist .statusBox strong {font-size: 18px;} .lotlist h3 {width: calc(100% - 150px) !important; margin-bottom:2px; } .lotlist .addBookmark {right:0; left:auto; bottom: 10px; font-size: 12px;} .lotlist .lotPic {height:50px;} } @media(max-width:420px){ .lotlist .LotLocation, .lotlist h3 {position:static; width:100% !important;} .lotlist {min-height: 140px;} .lotlist .statusBox {position:static; text-align:left; margin-bottom: 10px;} .lotlist .statusBox strong {font-size: 18px;} .lotlist .addBookmark {font-size: 9px; position:absolute; left:8px; top: 95px; width:70px; text-align:center;} .lotlist .addBookmark i {display:block; font-size: 16px; margin-bottom: 5px; margin-left: 2px;} .lotlist .lotPic {height:45px;} } .videoViewer {position:absolute; left:0; top:0; width:100%; height:100%; border-radius:6px; background:rgba(0,0,0,0.85); padding: 20px; z-index:100;} .videoViewer div {height:100%; background:#000; max-width:67%; margin:0px auto; position:relative;} .videoViewer div iframe {top:0; left:0; width:100%; height:100%; position:absolute;} .videoViewer .closeVideo {position:absolute; top:10px; right: 10px; font-size: 20px; color:#fff;} .quickViewer {position:relative;} .quickViewer div span {display:block;} .slot {background-size:cover; background-position:50% 50%; border-radius: 6px;} .slot[data-type="plan"],.slot[data-type="ele"] {background-size:contain !important; background-repeat:no-repeat;} .numPic {position:absolute; right: 30px; bottom: 20px; white-space:nowrap; background:rgba(255,255,255,0.9); border-radius:4px; border:1px solid rgba(0,0,0,0.5); box-shadow:0 0 10px rgba(0,0,0,0.2); padding: 10px 15px; z-index:50;} .numPic span {display:inline-block !important; white-space: nowrap;} .prevPic,.nextPic {position:absolute; opacity:0; top: 46%; transition:all 0.75s ease-in-out; z-index:99; background:#283d74; border:2px solid gold; width: 40px; height: 40px; border-radius: 40px; box-shadow:0 0 20px rgba(0,0,0,0.5); text-align:center; font-size: 27px; color:gold; padding-top: 4px; cursor:pointer;} .prevPic:hover,.nextPic:hover {background:gold; border:2px solid #283d74; color:#283d74;} .prevPic {left: 30px;} .nextPic {right: 30px;} .quickViewer:hover .prevPic, .quickViewer:hover .nextPic {opacity:1} .quickViewer:after {position:absolute; left:15px; top:0; right:15px; bottom:0; height:100%; border-radius: 6px; content:""; background: rgb(44,66,125); background: linear-gradient(90deg, rgba(44,66,125,0.8) 0%, rgba(44,66,125,0.1) 20%, rgba(44,66,125,0.1) 80%, rgba(44,66,125,0.8) 100%); pointer-events: none; opacity:0; transition:all 0.3s ease-in-out; z-index:20;} .quickViewer:hover:after {opacity:1;} .quickViewer.singlePic:hover:after {opacity:0;} .propertyImages {width:1px; height:1px; position:absolute; opacity:0; overflow:hidden;} .numVidCount {cursor:pointer;} .numPicCount {cursor:pointer;} @media(min-width:993px){ .slot1 {padding-top: calc(60% + 10px); } .slot2 {padding-top: 60%; margin-bottom: 25px;} .slot3 {padding-top: 60%;} .videoNanos {position:absolute; right:10px; bottom:0px;} .videoNanos span {width: 100px; margin-bottom: 10px; border:1px solid white; border-radius: 3px; cursor:pointer;} .videoNanos span:hover {opacity:0.9;} } @media(max-width:992px){ .slot1 {padding-top: calc(60% + 10px); } .slot2 {display:none !important;} .slot3 {display:none;} .videoViewer {padding-bottom: 10%; padding-top: 10px;} .videoViewer div {max-width:96%;} .videoViewer.vid1 {padding:0px;} .videoNanos {position:absolute; width:100%; bottom: 2%; text-align:center;} .videoNanos span {width: 60px; margin: 0 5px; display:inline-block !important; border:1px solid white; border-radius: 3px; cursor:pointer;} .videoNanos span:hover {opacity:0.9;} } .videoNanos span.selected {border-color:gold;} .lotDetailsHeader {margin-top: 20px;} .lotDetailsHeader h1 {font-size: 24px; font-weight: 600; color:#222; line-height:1.2; margin-bottom: 12px;} .lotDetailsHeader h1 span:nth-of-type(1) {background:#314279;padding: 5px 15px;border-radius: 0 10px 0 10px;color:#fff;font-weight:bold;font-size: 22px;position:relative;top:-2px;margin-right: 15px;display: inline-block;vertical-align: top;} .lotDetailsHeader h1 span:nth-of-type(2) {display:inline-block;width: calc(100% - 125px);vertical-align: top;} .lotDetailsHeader h2 {font-size: 18px;font-weight: 400;color:#444;line-height:1.2;margin: 20px 0;} .lotDetailsHeader .statusBox { font-size: 32px;} .lotDetailsHeader .statusBox label {display:block; font-size: 18px; font-weight:600; margin-bottom:5px; letter-spacing:1px;} .status_sold, .lot .status_soldafter, .lot .status_soldprior {color:#a00;} .lotDetailsHeader .status_available {color:#000;} .lotDetailsHeader .status_available strong, .lot .statusBox strong {font-weight:600;} .lotDetailsHeader .status_available sup {font-size: 20px; color:darkblue; position:relative; top:-9px; cursor:pointer;} .lotDetailsHeader .status_available sub {font-size: 12px; color:#283d74; font-weight:600;} .lotDetailsHeader .status_available a {color:#000; font-size: inherit;} .viewingDetails {margin:15px 0; font-weight:600; font-size: 18px;} .downloadTable {font-size:14px; color:#444; background:#f5f5e5; width:100%;} .downloadTable td {padding: 8px 8px;} .downloadTable th {padding: 5px; font-size: 10px; } .downloadTable a {color:#666;} .downloadTable a:hover {color:#000;} .downloadTable tbody tr:nth-child(2n) {background-color:#e5e5c5;} .downloadTable tbody tr td:nth-of-type(2) {text-align:center; border-left:1px solid rgba(0,0,0,0.1); min-width: 80px;} .downloadTable thead {background:#d5d5b5;} .docsLegalList li {padding:7px 5px; color:#444; font-size: 14px; border-top:1px dotted #ddd;} .docsLegalList li i {margin-right: 10px; color:#999;} @media(max-width:992px){ div.gold_bg {overflow:hidden;} .lotOptions {text-align:center;} .lotNav {padding-top:10px; padding-bottom:5px; background:#e3a410; width:105%; margin:5px 0px -5px -15px !important;} } @media(min-width:441px) and (max-width:768px){ .lotOptions button {min-width:31%; margin-bottom: 8px !important;} } @media(max-width:440px){ .lotOptions button {min-width:49%; margin-bottom: 8px !important;} } .lotFilters { box-shadow:inset 0 6px 6px rgba(0,0,0,0.1); margin-bottom: 20px;} .lotFilters label {font-size:11px; color:#556; padding-bottom: 5px; display:inline-block; width:100%; letter-sapcing:1.42px;} .lotFilters input[type="text"],.lotFilters input[type="number"],.lotFilters input[type="search"] {margin-bottom: 3px;font-size: 15px; padding: 5px 8px; border-radius: 6px; border:2px solid #c80; color:#333; font-weight: 300;} .lotFilters select {-webkit-appearance:none; font-size: 15px; padding: 5px 8px; border-radius: 6px; border:2px solid #c80; color:#333; font-weight: 300;} .lotMessage {position:relative; display:inline-block; padding: 6px 20px 6px 20px; font-size: 16px; font-weight:bold; border:1px solid #ddd; border-radius: 10px; margin: 10px 0; box-shadow:0 0 10px rgba(200,0,0,0.2);} /*.lotMessage:before {content:"\f05a"; color:green; font-size: 20px; font-family:fontAwesome; position:absolute; left:12px; top:5px; }*/ .selectFilters {margin:0px -6px !important;} .selectFilters>div {padding:3px 6px 0 6px !important;} .selectView {} /*desktop view*/ .filter1 {font-size:0; vertical-align:top;} .filter1 label:nth-of-type(1) {width: calc(100% - 40px); } .filter1>div.awesomplete {width: calc(100% - 36px); } .filter1 input.awesompletex {width:100%;} .filter1 i {width:36px; display:inline-block; position:relative; top:2px; font-size: 20px; text-align:center; margin:0; color:rgba(0,0,0,0.6); cursor:pointer; transition:all 0.3s ease-in-out; transform:scale(1);} .filter1 i:hover {color:darkblue; transform:scale(1.1);} .filter1 label:nth-of-type(2) {width: 40px; text-align:right;} .filter1 .awesomplete {font-size: 14px;} .filter1>.awesompletex {width: calc(100% - 36px) !important;} .filter2 {font-size:0; vertical-align:top;} .filter2 label:nth-of-type(1) {width: 30%;} .filter2 label:nth-of-type(2) {width: 70%;} .filter2 input[type="number"] {width: 27%; margin-right: 2%;} .filter2 span {position:relative;} .filter2 span:nth-of-type(1):after {content:"miles"; font-size: 10px; position:absolute; right:12px; top:0px; color:#666; } .filter2 span:nth-of-type(2):after {content:"\f107"; font-size: 16px; position:absolute; right:8px; top:-5px; color:#666; font-family:fontAwesome; } .filter2 select {width:70%; margin-top:-3px;} .filter2 span:hover:after {display:none;} .filter3 {font-size:0; vertical-align:top;} .filter3 label:nth-of-type(1) {width: calc(100% - 40px); } .filter3 label:nth-of-type(2) {width: 40px; text-align:right;} .filter3 input {width: calc(100% - 36px); } .filter3 i {width:36px; display:inline-block; position:relative; top:5px; font-size: 20px; text-align:center; margin:0; color:rgba(0,0,0,0.6); cursor:pointer; transition:all 0.3s ease-in-out; transform:rotate(0deg);} .filter3 i:hover {color:darkblue; transform:rotate(180deg);} @media(max-width:768px){ .selectView {text-align:center !important; margin-top: 10px;} .selectView label {text-align:center !important;} .filter2 label:nth-of-type(1) {width: 25%;} .filter2 label:nth-of-type(2) {width: 75%;} .filter2 input[type="number"] {width: 24%; margin-right: 1%;} .filter2 select {width:69%; margin-top:-3px;} .filter2 span:nth-of-type(1):after {right:12px;} } @media(min-width:769px) and (max-width:992px){ .selectView {text-align:left !important; margin-top: 10px; width:50%; margin-top:-50px; padding-lefT:6px; } .selectView label {text-align:left !important;} .filter2 label:nth-of-type(1) {width: 20%;} .filter2 label:nth-of-type(2) {width: 75%;} .filter2 input[type="number"] {width: 17%; margin-right: 1%;} .filter2 span:nth-of-type(1):after {right:12px;} .filter2 select {width:80%; margin-top:-3px;} } @media(min-width:992px) and (max-width:1200px){ .filter2 label:nth-of-type(1) {width: 35%;} .filter2 label:nth-of-type(2) {width: 65%;} .filter2 input[type="number"] {width: 34%; margin-right: 1%;} .filter2 select {width:65%; margin-top:-3px;} .selectView button {margin:0 4px;} } /*lock filtes */ body.locked .lotFilters {position:fixed; top:0; lefT:0; width:100%; z-index:60; box-shadow:0 10px 20px rgba(0,0,0,0.3);} /*BOOKMARK SYSTEM*/ #bookmarks {position:fixed; height: 80vh; left:-185px; z-index:99999; top:10vh; width: 180px; padding: 10px; border-radius: 0 4px 4px 0; border:1px solid #aaa; background:#fff; box-shadow:0 2px 5px rgba(0,0,0,0.3);} #accountSavedLots li {max-width: 240px;} #bookmarks li, #accountSavedLots li {display:inline-block; margin-bottom: 5px; border:1px solid #eee; border-radius: 2px; background:#fff; text-align:center; } #bookmarks span, #accountSavedLots span {position:absolute; cursor:pointer; transform:rotate(90deg); transform-origin:0% 100%; left: 178px; white-space:nowrap; background:#eeb414; font-weight:500; color:#000; padding: 5px 20px 10px 20px; border-radius: 10px 10px 0px 0; box-shadow: inset 0 -5px 6px rgba(0,0,0,0.2); bottom: 180px;} #bookmarks span:hover, #accountSavedLots span:hover {background:#2c427d; color:#eeb414;} #bookmarks span i, #accountSavedLots span i {margin-right: 5px;} #bookmarks li h5, #accountSavedLots li h5 {color:darkred; font-weight: bold; text-align:center; padding: 70px 20px; font-size: 18px;} #bookmarks div, , #accountSavedLots div { position:absolute; top: 5px; left:5px; width: 170px; bottom: 5px; background:#f5f5f5;} #bookmarks div ul, #accountSavedLots div ul {overflow:auto; position:absolute; top: 0px; left:0px; width: 170px; bottom: 0px; background:#f5f5f5; -ms-overflow-style: none; scrollbar-width: none; overflow-y: scroll; } #bookmarks div ul::-webkit-scrollbar { display: none; } #bookmarks.show {left:0;} #bookmarks.show span {padding-bottom: 5px;} #bookmarks em {position:absolute; z-index:100; right: -50px; bottom: 165px; font-style:normal; border: 3px solid #fff; background:red; width: 29px; height: 29px; border-radius: 29px; text-align:center; color:#fff; font-weight: bold; text-shadow:0 1px 2px rgba(0,0,0,0.2); padding-top: 4px; box-shadow: 3px 3px 6px rgba(0,0,0,0.3);} #bookmarks li h3, #accountSavedLots li h3 {font-weight: bold; font-size: 14px; text-align:center; color:#444; padding: 10px 5px;} #bookmarks li img {max-width: 100px;} #bookmarks li p, #accountSavedLots li p {font-size: 11px;} #bookmarks li a, #accountSavedLots li a {border-radius: 6px; color:#fff; font-weight:bold; padding: 5px 10px 4px 10px;; display:inline-block; margin: 5px 2px; font-size: 12px;} #bookmarks li a.viewBookmark, #accountSavedLots li a.viewBookmark {background:#44cc00;} #bookmarks li a.removeBookmark, #accountSavedLots li a.removeBookmark {background:#b40010;} #bookmarks li a i, #accountSavedLots li a i {margin-right: 5px;} #bookmarks li a:hover, #accountSavedLots li a:hover {background:#000;} .lot .addBookmark {position:absolute; right:5px; bottom:9px; width: 60px; font-size: 10px; text-align:center; color:darkblue;} .lot .addBookmark i {display:block; font-size: 18px; color:gold; margin-bottom:2px;} #rgeWrapper #modal {position:relative !important;} #rgeWrapper .shrunk {opacity:1 !important;} /*content classes*/ .contentHeader {} .content {} .content h2 {color:#223463; border-bottom:2px dotted #dbae3f; padding-bottom: 8px; font-weight:400;} .content p {font-size: 17px;line-height:1.6;margin-bottom: 9px;font-weight: 400;} .content p.firstPara {font-size: 20px;} .content p.firstPara strong {font-weight:500;} .content a, .content p a, .content a strong {color:#283d74;font-weight:600 !important;} .CEoldArticle a {text-decoration:underline !important;} .content li {font-size: 17px;line-height:1.6;margin-bottom: 12px;list-style-type: disc;font-weight: 400;} .paraBlock {padding: 15px 20px;; background:#fff; border:1px solid #eee; margin-bottom: 15px; box-shadow:0 0 20px rgba(0,0,0,0.1); } .paraBlock li {list-style-type:none;} /*.content p:first-child {font-size: 19px;font-weight:600;}*/ @media(max-width:640px){ .paraBlock {margin:0 -20px 15px -20px;} } .paraBlock address {font-style:normal; font-family:Poppins; line-height:1.4; margin-bottom: 12px;} .paraBlock address strong {font-weight:600; color:#283d74; font-size: 120%;} .paraBlock iframe {margin-top: 10px;} .paraBlock hr {margin-bottom: 15px;} .paraBlock.viewing {border: 2px solid #dbae3f; background: #ffffee;} .accreditations {background:#283d74; padding: 5px 0 20px 0; border-bottom:3px solid #eeb414 } .accreditations p {color:#eeb414; font-size: 18px; padding: 10px 0;} .accreditations li {display:inline-block; padding: 5px 8px; } .accreditations li img {max-height: 36px;} @media(min-width: 641px) and (max-width:992px){ .accreditations li img {max-height: 28px;} } @media(max-width: 640px){ .accreditations li img {max-height: 22px;} } .latestStoryList {background:#f9f9f9;} .latestStoryList h2 {text-align:center; padding:30px 0; font-weight: 600;} .latestStoryBox em {font-size: 12px; display:block; text-align:right; padding:10px 0; color:#666;} .latestStoryBox h3 {font-size: 16px; line-height:1.3; margin-bottom: 8px;} .latestStoryBox p {font-size: 12px;} .latestStoryBox span {padding-bottom: 50%; display:block; background-size:cover; background-position:50%;} .latestStoryBox a {color:inherit;} /*LEGALS*/ .lotLegals.legal1 {margin-top: 30px; border-top:4px solid #eeb414; background:#f5f5f5; box-shadow:0 -5px 10px rgba(0,0,0,0.2);} .lotLegals.legal2 {background:#f5f5f5;} .lotLegals p {font-size: 14px;} .lotLegals h4 {font-weight:bold; font-size: 24px; margin:0px 0px 5px 0px;} .lotLegals .legal_important { padding: 10px 20px 2px 20px; background:#f5f1f1; margin:20px 0 0 0; border:1px solid #ffaaaa; border-bottom-width:3px; border-radius: 6px;} .lotLegals .legal_important h4 {color:darkred;} .lotLegals .legal_price {padding: 10px 20px 2px 20px; background:#f1f1f5; margin:20px 0; border:1px solid #aaaaff; border-bottom-width:3px; border-radius: 6px;} .lotLegals .legal_price h4 {color:#283d74;} .lotLegals .legal_additional {padding: 10px 20px 2px 20px; background:#f1f1f5; margin:20px 0; border:1px solid #aaaaff; border-bottom-width:3px; border-radius: 6px;} .lotLegals .legal_additional h4 {color:#283d74;} @media(max-width:992px){ .lotLegals .legal_important,.lotLegals .legal_price {margin-bottom:0px;} } #accountSavedLots li {margin-right: 10px; vertical-align:top;} #accountSavedLots li h3 {height: 50px; overflow:hidden; white-space: normal;} #accountSavedLots ul {overflow:auto; white-space:nowrap;} #accountSavedLots em[data-count] {display:none;} #wrapper .readMore {max-height: 200px; overflow:hidden; position:relative;} #wrapper .readMore .showMore {position:absolute;bottom:0;width:100%;border-bottom: 1px solid #ccc; height: 50px; /*box-shadow:inset 0 -20px 20px rgba(0,0,0,0.1);*/ cursor:pointer;left: 0;} #wrapper .readMore .showMore:before {content:"READ MORE"; position:absolute; width:120px; margin-left:-60px; left: 50%; bottom:-1px; z-index:10; font-weight:600; background:#fefefe; border-radius:20px 20px 0 0; text-align:center; font-size: 11px; padding: 5px 15px 0 15px;; border:1px solid #ccc; border-bottom:none; box-shadow:0 0px 20px rgba(50,50,0,0.4);} #wrapper .readMore .showMore:after {content:""; z-index:5; width:80%; left: 10%; height: 50px; background:#000; border-radius: 100%; position:absolute; bottom:-60px; box-shadow:0 0 50px rgba(50,50,0,2);} #wrapper .readMoreTight {max-height:70px;} #wrapper .readLess {position:relative; overflow:hidden; max-height:100% !important; padding-bottom: 20px;} #wrapper .readLess .showMore {position:absolute;bottom:0;width:100%;border-bottom: 1px solid #ccc; height: 50px; /*box-shadow:inset 0 -20px 20px rgba(0,0,0,0.1);*/ cursor:pointer;left: 0;} #wrapper .readLess .showMore:before {content:"READ LESS"; position:absolute; width:120px; margin-left:-60px; left: 50%; bottom:-1px; z-index:10; font-weight:600; background:#fefefe; border-radius:20px 20px 0 0; text-align:center; font-size: 11px; padding: 5px 15px 0 15px; border:1px solid #ccc; border-bottom:none; box-shadow:0 0px 20px rgba(50,50,0,0.3);} #wrapper .readLess .showMore:after {content:""; z-index:5; width:80%; left: 10%; height: 40px; background:#000; border-radius: 100%; position:absolute; bottom:-60px; box-shadow:0 0 50px rgba(50,50,0,2);} @media(max-width:768px){ #mobNavShowHide {position:absolute; right: 10px; bottom: 0px; display:block !important; width:40px;} #mobNavShowHide i {transition:all 0.5s ease-in-out; font-size: 24px; opacity:0.6; transform:rotate(180deg); } #mobNavShowHide.navShow .fa-chevron-up {transform:rotate(0deg); } #mobNavShowHide label:before {content:"SHOW SEARCH";} #mobNavShowHide.navShow label:before {content:"HIDE SEARCH";} } #upBtn {cursor:pointer; transition:all 0.3s ease-in-out; position:fixed; bottom:0; right: 20px; background:#eeb414; padding: 6px 12px; border-radius:10px 10px 0 0 ; font-size: 14px; display:none;} #upBtn:hover {background:#283d74; color:#eeb414;} .downloadListBox {padding: 15px; margin-bottom: 25px; border:1px solid #ccc; box-shadow:0 0 20px rgba(0,0,0,0.1); border-radius: 6px;} .downloadListBox h3 {margin-bottom: 8px; position:relative; font-size: 18px; color:#283d74; font-weight: 600; overflow:hidden; height: 50px; padding-left: 55px;} .downloadListBox h3 b {background:#eeb414; color:#000; position:absolute; left:0; width: 45px; border-radius: 10px 0 10px 0; text-align:center; } .downloadListBox p {padding-left: 55px;} .downloadListBox span {text-align:right; display:block;} .downloadsModalListing { max-height: 70vh; overflow-y:auto;} @media(max-width:768px){ #modalBox {margin:20px auto!important;}} .pagingContain a {display:none; color:black; padding-top:4px; font-size: 15px; position:relative; margin:0 3px} .pagingContain a:first-of-type {display:inline-block !important;} .pagingContain a:last-of-type {display:inline-block !important;} .pagingContain a[data-diff="0"],.pagingContain a[data-diff="-1"],.pagingContain a[data-diff="-2"],.pagingContain a[data-diff="-3"] {display:inline-block;} .pagingContain a[data-diff="1"],.pagingContain a[data-diff="2"],.pagingContain a[data-diff="3"] {display:inline-block;} .pagingContain a[data-diff="3"] {margin-right: 32px;} .pagingContain a[data-diff="3"]:after {position:absolute; content:". . ."; display:inline-block; left:30px; width: 25px;} .pagingContain a[data-diff="-3"] {margin-left: 32px;} .pagingContain a[data-diff="-3"]:after {position:absolute; content:". . ."; display:inline-block; left:-30px; width: 25px;} .teamSection {padding:30px 0; background:#f1f1f1;} .teamSection h2 {text-align:center; font-size: 32px; color:#283d74;} .teamSection:nth-of-type(2n) {background:#f9f9f9;} .teamBox {padding: 10px; background:#fff; border-radius: 6px; box-shadow:0 0 20px rgba(0,0,0,0.2); margin-bottom: 20px;} .teamBox h4 {font-size:18px; text-align:center; font-weight:600; padding: 10px 0 0 0; margin-bottom:5px;} .teamBox h5 {font-size:13px; text-align:center; font-weight:400; padding: 0; margin-top:0; margin-bottom: 15px; min-height:30px;} .teamBox button {font-size: 12px !important; padding: 7px 15px 7px 50px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; } .teamBox button i {font-size: 14px;} @media(max-width:768px){ .teamCol {padding:0 4px;} .teamBox h4 {font-size: 16px;} .teamBox h5 {font-size: 11px; line-height:1.2;} .teamBox button {margin:0 -16% -10px -16% !important; width:132%;} } #teamInject {margin:0 -10px;} #teamInject .teamCol {width: 65%; display:inline-block; font-size:0; vertical-align:top; max-height: 55vh; overflow-y: auto;} #teamInject img {width: 32%; margin-top: 15px; margin-right: 1%; display:inline-block; border:2px solid #eeb414; border-radius: 10px; box-shadow:0 0 10px rgba(0,0,0,0.1); vertical-align:top;} #teamInject .teamCol h4 {font-weight:600; font-size: 24px !important; color:#283d74;} #teamInject .teamCol h5 {font-weight:600; font-size: 14px !important; color:#333; margin-bottom: 7px; } #teamInject .teamCol p label {display:inline-block; width: 70px; font-size: 14px; color:#666;} .teamPhoto {margin: 10px -15px -10px -15px; border:1px solid #ddd; border-radius: 0px; box-shadow:0 0 20px rgba(0,0,0,0.1);} .teamPhoto figcaption {font-size: 11px; font-style:italic !important; display:block; text-align:center; padding: 5px 0;} #teamInject:after {content:"Scroll to view more";pointer-events:none;transition:all 0.4s ease-in-out;opacity:0;box-shadow:0 0 50px #fff;position:absolute;right: 5%;bottom: 20px;width: 60%;text-align:center;background:#eeb414;padding: 8px;border-radius: 20px;} #teamInject.showOverflow:after {opacity:1 !important; } @media(max-width:768px){ #teamInject .teamCol p {font-size: 12px;} #teamInject .teamCol p label {font-size: 9px; width: 36px;} #teamInject .teamCol p a {font-size: 11px !important;} } .authorInfo {box-shadow:0 0 20px rgba(0,0,0,0.2); border-top: 10px solid #eeb414; border-bottom: 10px solid #eeb414; margin:20px 0; border-radius:10px; padding-bottom: 20px; font-size:0;} .authorInfo img {width: 25%; display:inline-block; vertical-align:top; margin:20px 2% 20px 20px; border:2px solid #eeb414; border-radius: 10px;} .authorInfo .authorCol {width:70%; display:inline-block; vertical-align:top;} .authorInfo h3 {background:#283d74; color:#fff; padding: 15px 20px; font-size: 22px;} .authorInfo .authorCol h4 {font-size: 28px; font-weight:600; color:#283d74;} .authorInfo .authorCol h5 {font-size: 18px; font-weight:600; color:#000; margin-bottom: 6px;} .authorInfo .authorCol hr {margin: 20px 0;} .authorInfo .authorCol p label {display:inline-block; width:80px; color:#666; font-size: 14px;} #modal .afdResults {padding-top:0px; position:absolute; left:1px; width:99.5%; z-index:100;bottom: 34px; max-height:280px; overflow-y:auto; border:2px solid #283d74; border-radius: 6px 6px 0 0; } #modal .afdResults li {font-size:14px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;} #modal .afdResults li:hover {background:#283d74; color:#fff;} #pageNav ul {background:#eee; padding:0px 0px 0 0px; max-height:55vh; overflow-y:auto; border:1px solid #ddd; border-radius: 10px; box-shadow:0 0 20px rgba(0,0,0,0.1);} #pageNav li {font-size: 12px; transition:all 0.3s ease-in-out; list-style-type:none; padding:7px 5px 5px 22px; margin:0 0 0px 0; position:relative; line-height:1.2; border-bottom:1px solid #ddd;} #pageNav li:before {content:"\f105"; font-family:fontAwesome; left:7px; position:absolute;} #pageNav li a {font-weight:400 !important;} #pageNav li:last-of-type {border:none;} #pageNav li:hover {background:#283d74; color:#eeb414;} #pageNav li:hover a {color:#fff;} @media(min-width:992px){ .locked #pageNav ul {position:fixed; top:20px;} } @media(max-width:992px){ #pageNav .mobBtn {display:block !important; transition:all 0.3s ease-in-out; position:absolute; text-align:center; cursor:pointer; width: 140px; padding: 5px 10px; height: 27px; left:-67px; top:57px; background:#eeb414; color:#000; border-radius: 6px 6px 0 0; transform:rotate(-90deg); font-size: 16px; font-weight:500; box-shadow:0 -5px 10px rgba(0,0,0,0.2);} #pageNav {transition:all 0.3s ease-in-out; position:fixed; width:280px; z-index:100; top: 140px; left:auto; right:-265px; } #pageNav ul {border-radius: 0px 0 0 6px; max-height: 70vh; box-shadow:-5px 5px 15px rgba(0,0,0,0.3);} #pageNav li {padding:7px 15px 5px 30px;} #pageNav li:before {left: 10px;} #pageNav.navOpen {right:-15px;} #pageNav .mobBtn:hover {background:#283d74; color:#eeb414;} } #countdown span {display:inline-block; font-size: 24px; vertical-align:top; font-weight:bold; width: 31px;} #countdown b {display:inline-block; font-size: 20px; padding: 0 3px; color:#aaa;} #countdown span label {display:block; font-size: 7px; letter-spacing:1.4px;} #selling-form-btn {cursor:pointer; transition:all 0.3s ease-in-out; position:fixed; width:130px; text-align:center; height: 26px;bottom:0px; left: 20px; background:#eeb414; padding: 6px 12px; border-radius:10px 10px 0 0 ; font-size: 14px; z-index:100;} #selling-form-btn span { padding-top: 6px; } #selling-form-btn:hover {background:#283d74; color:#eeb414;} .sparkle { position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: linear-gradient(270deg, rgba(255,255,255,0), rgba(255,255,255,0.1), rgba(255,255,255,0.6), rgba(255,255,255,0.1), rgaba(255,255,255,0)); background-size: 600% 600%; -webkit-animation: sparkleme 7s ease infinite; -moz-animation: sparkleme 7s ease infinite; animation: sparkleme 7s ease infinite; border-radius: 2px; } @-webkit-keyframes sparkleme { 0% { background-position: 0% 90% } 50% { background-position: 100% 11% } 100% { background-position: 0% 90% } } @-moz-keyframes sparkleme { 0% { background-position: 0% 90% } 50% { background-position: 100% 11% } 100% { background-position: 0% 90% } } @keyframes sparkleme { 0% { background-position: 0% 90% } 50% { background-position: 100% 11% } 100% { background-position: 0% 90% } } #account_basic label, #address_basic label {display:inline-block; width: 100px; color:#666; font-size: 12px;} #account_basic label:after, #address_basic label:after {content:":";} #address_basic p span {display:inline-block; vertical-align:top;} #appFormContactBtn, #appFormAddressBtn {background:#283d74; color:#fff; padding: 8px 15px; border:none; border-radius: 0 10px 0 10px; margin:10px 0; font-weight:600; box-shadow:0 5px 3px rgba(0,0,0,0.1);} #appFormContactBtn:hover, #appFormAddressBtn:hover {background:#eeb414; color:#283d74;} b.counter {display:inline-block; height: 21px; min-width: 21px; background:red; border-radius: 21px; color:#fff; font-size: 12px; vertical-align:top; text-align:center;padding-top: 2px;} #viewingsPreviousList li, #viewingsCurrentList li {border:1px solid #ddd; padding: 15px 15px 8px 15px; border-radius: 5px; position:relative; margin-bottom: 5px;} #viewingsPreviousList li h4, #viewingsCurrentList li h4 { background:#ddd; font-size: 14px; padding: 4px 8px; border-radius: 5px; margin: -15px -15px 5px -15px ;} #viewingsPreviousList li h5, #viewingsCurrentList li h5 {background:#eeb414; display:inline-block; padding: 5px 10px; border-radius: 10px 0 10px 0; font-weight:bold; position:absolute; right: 10px;} #viewingsPreviousList li p, #viewingsCurrentList li p {padding-right: 90px; font-size: 12px; line-height:1.4;} #viewingsPreviousList li button, #viewingsCurrentList li button {transform:scale(0.8); margin:0 -13px;} .fa-ul li {margin-left:0;} .fa-ul li a {cursor:pointer;} .fa-ul li a:hover {color:#e5b742;} @media screen { #pdfWrapper { /*display:none;*/ } } @media print { #wrapper {display:none;} #pdfWrapper {display:none !important;} #upBtn {display:none !important;} } .slideStatusBox sub {font-size: 50%; vertical-align:top; padding-top: 5px; display:inline-block;} #onThisPage li {font-size: 14px; padding-left: 20px; margin-bottom: 7px; position:relative;} #onThisPage li i {position:absolute; left:0; top: 2px;} #onThisPage li a {color:#444; line-height:1.3;} #onThisPage ul {margin-top:-20px;} .bidLive {background:green;} .bidLive i {color:green;} .bidLive:hover {background:darkgreen; color:#fff !important;} .bidLive:hover a {color:white !important;} .bidLive:hover i {color:white; background:#000;} #signupnewsacc {background:red;} #signupnewsacc i {color:red;} #signupnewsacc:hover {background:darkred; color:#fff !important;} #signupnewsacc:hover i {background:#000; color:white;} @media(max-width:568px){ .downloadScroll {display:block; width:cakc(100% + 30px); overflow-x:auto; margin:0 -15px;} .downloadScroll table {min-width:468px;} .downloadScroll table td {padding:5px; font-size: 12px; width:auto !important;} .downloadScroll table tr td:nth-of-type(3) {width:100px !important; font-size:12px;} .downloadScroll table tr td button {font-size: 10px;} } .closeVideo {z-index:9999;} main .container {z-index:10; position:relative;} /*TEMP CTA */ .ctaBox {border:2px solid darkblue; background:gold; border-radius: 12px; box-shadow:0 0 15px rgba(0,0,0,0.2); margin: 20px 10px; position:relative; padding: 15px 20px;} .cta1 h2, .cta1 p {padding-right: 25%;} .cta1 .ctaImg {height: 110%; top:-10%; bottom:1px; border-radius: 0 0 10px 0; right:1px; width: 25%; position:absolute; background-size:contain !important;} .colwrap span {display:inline-block;} .takeawayBox {border:2px solid #eee; background:#f9f9f9; border-radius: 4px; box-shadow:0 0 15px rgba(0,0,0,0.25); margin: 20px 10px; position:relative; padding: 5px 20px 15px 15px;} .ctaHighlight {display:inline-block; font-weight: 600; position:relative; margin:0 10px; z-index:10;} .ctaHighlight:before {content:""; z-index:-1; position:absolute; left:-6px; top:-3px; right:-6px; bottom:-3px; background:yellow; border-radius: 4px;} @media(max-width:680px){ #newsStoryShell time strong {display:block; margin:30px 0 0 0; text-align:left; font-size: 14px; padding-left: 64px;} } .eventPanel {overflow:hidden; position:relative; padding: 0px !important; aspect-ratio:1; vertical-align:top; box-shadow:0 0 10px rgba(0,0,0,0.3); border:1px solid #ddd; border-radius: 6px; margin-bottom: 30px;} .eventPanel h4 {position:relative; margin:0 !important; z-index:10; display:block; text-align:center; padding:10px 15px; background:#2d3d70; color:#e5b742; line-height: 1.2; width:100%;} .eventPanel h5 {position:absolute; width:100%; bottom:0; z-index:10; text-align:center; padding:5px; background:#333; color:#ddd; line-height: 1.2; width:100%;} .eventPanel .picZoom {position:absolute; transition: all 0.3s ease-in-out; transform:scale(1); position:absolute; left:0; top: 75px; bottom: 40px; right:0; width:100%; background-size:contain; background-position:50%; background-repeat:no-repeat;} .eventPanel:hover .picZoom {transform:scale(1.1);}