/*framework and nav*/ #wrapper {position:relative; left:0px;} #mobNav {position:fixed;width: 240px;right: -240px;top:0;bottom:0;z-index:1000;background: #fff url(files/image/atlus_logo.png) no-repeat 10px 10px;box-shadow: 0px 0px 20px rgba(0,0,0,0.1);padding-top: 65px;} #navBtn.fa-navicon {background:#fff;padding: 4px 10px;font-size: 28px;border-radius: 4px 0 0 4px;left: -44px;top:7px;position:absolute;color:#18B56E;cursor:pointer;} @media (min-width:962px){ #mobNav {display:none;} } .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:#444; font-weight: 300; 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:#666; font-weight: 200; font-style:italic;} .firstItem:after {width:100% !important;} #breadcrumbs .fa-home {font-size: 14px !important; color:#60B358;} #breadcrumbs .fa-chevron-right {font-size: 12px !important; color:#60B358;} #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 {display:inline-block;position:relative;border-left:1px solid rgba(0,0,0,0.2);border-right:1px solid rgba(255,255,255,0.2);margin-bottom: -5px;vertical-align: top;} .gallery .fa-search-plus {position:absolute; bottom: 10px; font-size: 36px; right: 10px; color:#fff; text-shadow:1px 1px 2px rgba(0,0,0,0.7);} .gallery img {max-height:256px; display:inline-block;} #gallery {position:fixed; padding: 40px; 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:0;left:-20%;right:-20%;padding:20px 10px; color:#fff;background:rgba(0,0,0,0.6); text-align:center; font-size:18px;} #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 10px rgba(0,0,0,0.1); background:#fff; padding: 25px; border:1px solid #ddd;position:relative; margin:100px auto; width:90%; max-width: 640px; transform:scale(1.0);} #modalBox .closeModal {position:absolute; right: 10px; top: 10px; font-size: 24px; color:#999; cursor:pointer;} #modalBox .closeModal:hover {color:#60B358;} #modalBox.shrunk {transform:scale(0.9) !important; opacity:0;} #modalBox h3 {font-weight: 100; color:#60B358; font-size: 24px !important;} #modalBox p {color:#444; font-weight: 300; margin:5px 0px; font-size: 14px; line-height: 1.6;} #modalBox fieldset {padding:0; margin:0;} #modalBox fieldset label {font-size: 12px !important; padding:5px 0;} #modalBox h4 {font-weight: 100; color:#333; font-size: 18px !important; margin: 10px 0;} #modalBox .modalBtn {display:inline-block; margin:5px 10px 0px 0px;; font-size: 14px; background:#60B358; 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 {position:relative; display:block;margin:2px 0px; overflow:hidden; margin-bottom: 6px; border-radius: 16px 0 0 16px;; padding-right: 12px;} .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;} .inputWrap.wrapLeft:before {position:absolute; top:1px; left:1px; bottom:1px; content:""; background: #61abeb; 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: #61abeb; width:38px; border-radius: 3px 0px 0px 3px; border-left: 1px solid #ccc; box-shadow:-1px 0px 2px rgba(0,0,0,0.1);} .inputWrap input[type="text"],.inputWrap input[type="password"],.inputWrap input[type="file"] {display:inline-block;height: 32px;outline:0;border-radius: 4px 16px 16px 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,.inputWrap input[type="file"]:hover {background:#f5f5f5;} .inputWrap input[type="text"]:focus,.inputWrap input[type="password"]:focus,,.inputWrap input[type="file"]:ficus {background:#fff; border:1px solid #367fa9; 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;} .pword { border-radius: 16px !important; padding-left: 15px !important;} .confpword { border-radius: 16px !important; padding-left: 15px !important;} .confNotOK,.confOK {right: 20px !important;} /* PAA STATIC STYLES */ .paaBlue {color:#0081EB;} .paaBlue_bg {background-color:#0081EB;} .paaMidBlue_bg {background-color:#007be5;} .white {color:#fff;} .black {color:#000;} .white_f {color:#fff;} .white_bg {background-color:#fff;} .grey_bg {background-color:#f9f9f9;} .paaCyan {color:#00a1fa;} .paaCyan_bg {background-color:#00a1fa;} .paaBlueGrad { background-image: linear-gradient(340deg, #1F84FF 0%, #114EBF 100%);} main {background-color:#fefefe; min-height: 50vh;} h1, h2 {font-family: 'Poppins', sans-serif; font-weight:700; margin:0 0 18px 0; font-size: 30px; line-height:1.5;} h3, h4 {font-family: 'Poppins', sans-serif; font-weight:600; 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: 'Roboto', sans-serif; line-height:1.6; font-weight: 300; margin:0 0 12px 0; font-size: 14px;} li {font-family: 'Roboto', sans-serif; font-weight: 300;} p a {color:#60B358; font-weight: 500;} img {max-width:100%;} header {position:relative; z-index:10; } header li {display:inline-block;} header img {max-width: 110px;} header li a {color:#999;font-size: 14px;font-weight: 400;padding: 12px 8px 12px 8px;display:inline-block;} 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:#60B358;} footer li {padding: 6px 0;} footer fieldset {border:0; padding:0;} footer input[type="text"] {border:1px solid #60B358; border-radius: 4px 0 0 4px; padding: 10px; width:60%; margin-bottom: 15px;} footer input[type="button"] {border:1px solid #60B358; background:#60B358; color:#fff; margin-left:-10px; border-radius: 4px; padding: 10px; width:32%; margin-bottom: 15px;} footer i {color:#60B358; font-size: 22px !important; margin-right: 5px; margin-top:-5px; position:relative; top:2px;} footer hr:last-of-type {margin-bottom:10px;;} .elwaBtn {padding: 12px 20px; font-size: 18px; border-radius: 8px; display:inline-block;} .elwaBtn:hover {background:#000 !important; color:#fff !important;} .btnShadow {box-shadow:3px 6px 12px rgba(0,0,0,0.2);} @media(max-width:768px){ .headerTop {position:fixed; top:0; left:0; width:100%; z-index:100; height: 50px; background: #f8f8f8 url(../files/image/atlus_logo.png) no-repeat 20px 15px / 100px;} #wrapper {overflow-x:hidden; width: 100vw; max-width:100vw; padding-top: 30px; } .hideSM {display:none;} footer h3 {margin-top: 20px; margin-bottom: 10px;} h1, h2 {font-size: 26px;} h3, h4 {font-size: 18px;} } form .error {border:1px solid red !important;} /*NEW NAV*/ #newNav {position: fixed;width: 260px;right: -260px;top: 0;bottom: 0;z-index: 500;background: #0078e2ee; 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: 16px; width: 100%; display: block; color: #fff; font-weight: 300; padding: 8px 10px; border-bottom: 1px solid rgba(255,255,255,.1);} #newNav .nav_first>li>a:hover { color: #000; background: rgba(0,0,240,0.1);} #newNav .nav_first>li>.staticNav { position: relative} #newNav .nav_second>li>a {padding: 7px 5px 0 30px;margin-bottom: 0;line-height: 1.1;display: block;width: 91%;position: relative;background: #cceecc;color: rgba(0,0,0,.9);font-size: 15px;font-weight: 300;border-bottom: 1px solid rgba(0,0,0,0.1);min-height: 32px;} #newNav .nav_second>li>a:before { position: absolute; content: ">"; left: 14px; color: #60B358; transition: all .3s ease-in-out} #newNav .nav_second>li>a:hover { padding-left: 40px} #newNav .nav_second>li>a:hover:before { left: 24px; color: #000} #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: 33px; width: 29px; background: #60B358; 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} header input::placeholder { color: #3250e6!important} #newNav input::placeholder { color: #aaa!important} #topNavNew .firstItem { background-color: rgba(0,0,0,.33)!important; border-radius: 8px 8px 0 0; height: 50px} #topNavNew .noTopNav { display: none!important} #topNavNew { margin-top: 10px} #topNavNew>ul>ul>li { display: inline-block; position: relative; margin-bottom: -2px; margin-top: 10px} .navSearch {position:static !important;} .navSearch:hover {background:none !important;} #topNavNew>ul>ul>li>a {display: inline-block;color: rgba(255,255,255,0.85); !important;letter-spacing: 1.2px;font-size: 15px;margin: 0;padding: 8px 11px 10px 11px;font-family: 'Inter', sans-serif;font-weight: 400;} #topNavNew>ul>ul>li:hover { border-radius: 8px 8px 0 0; background-color: #0081EB!important} #topNavNew>ul>ul>li:hover>a { color: #fff!important} #topNavNew 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; padding-right: 50px; position:relative;} #topNavNew>ul>ul>li:hover ul { padding: 10px 0; 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 { display: block!important; position: absolute; left: -20px; top: 32px; opacity: 0!important; z-index: 999999999; background: #f5f5f5; border-radius: 6px; box-shadow: 0 5px 5px rgba(0,0,0,.2)} #topNavNew>ul>ul>li>ul>li { display: none; white-space: nowrap; padding: 1px 15px; border-bottom:1px solid #00000010;} #topNavNew>ul>ul>li>ul>li a { display: block; color: rgba(0,0,0,.7); font-family: 'Inter'; letter-spacing: 1px} #topNavNew>ul>ul>li>ul>li a:before { content: "\f0da "; color: rgba(255,255,255,.3); font-family: fontAwesome} #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: #0081EB; color: #fff !important;} #topNavNew>ul>ul>li>ul>li:hover a {color:#fff;} #topNavNew>ul>ul>li:nth-of-type(7) ul { right: 50px; left: -100px; width: 300px} #topNavNew .stack2:hover li { display: inline-block} @media(min-width: 993px) and (max-width:1200px) { #topNavNew>ul>ul>li {margin-top:4px!important;} #topNavNew li a {font-size: 17px!important;} } @media(max-width: 1180px) { #topNavNew {display:none;} } #topNavNew { position: relative} #topNavNew .fa-search {color: rgba(255,255,255,0.6); cursor: pointer; position: absolute; right: 15px;top: 15px;font-size: 20px} #topNavNew .fa-times {color: red;cursor: pointer; position: absolute; right: 15px;top: 15px;font-size: 20px} #navBtn {display:none !important;} @media(max-width:1150px){ #newNavBtn {display:block !important; cursor:pointer; position:absolute; right: 12px; border-radius:3px; top: 22px; 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 #0081EB; padding: 10px 15px 10px 30px; font-size: 16px;} .siteSearch input:focus {border:2px solid #0081EB; background:#fff; } .siteSearch .fa-search {position:absolute; top: 11px; left: 9px; color:#aaa; font-size: 20px;} #searchResults li {font-family:'Inter'; font-size: 13px; position:relative; font-weight: 500; padding:8px 10px 8px 30px; border-bottom:1px solid #ddd; color:#555; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} #searchResults li a {color:#555;} #searchResults li.search_Navigation {background:#FFE;} #searchResults li.search_Navigation:before {content:"\f109"; position:absolute; left:10px; font-family:fontAwesome;} #searchResults li.selected {background:#444; 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: 35%;} .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;} .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;} .homeSlider li a {border-radius: 6px; background:#60B358; color:#fff !important; border:none; font-weight: 300 !important; padding: 10px 40px; transition:all 0.2s ease-in-out;} .homeSlider li a:hover {color:#fff !important; background:#000;} .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;} /*BoroguhBox*/ .boroughBox {border:1px solid #60B358; padding:20px; border-radius: 12px; box-shadow:0 0 30px rgba(0,0,0,0.2); text-align:center; margin-bottom:20px;} .bbIcon {width: 60px; height:60px; display:block; background:#60B358; border:2px solid #60B358aa; font-size: 32px; color:#fff; padding-top: 12px; border-radius: 60px; margin:0px auto;} .boroughBox h2 {font-size: 18px; margin-top: 10px; color:#60B358; margin-bottom:3px;} .boroughBox .bbLinks a {min-width:88px; text-align:left; display:inline-block; margin:2px 2px; padding: 5px 6px; color:#fff; font-size: 13px;border-radius: 6px; background:#000;} .bbLinks {text-align:left;} .bbLinks a i {margin-right: 3px;} .boroughBox h3 {font-size: 13px; font-weight: 500; color:#444;} .btnLocation {background:darkred !important;} .btnDirections {background:#09f !important;} .btnBookings {background:#333 !important;} .btnLayout {background:orange !important;} .btnInformation {background:#60B358 !important; font-size: 16px !important; width:98%;} .bbLinks a:hover {background:#000 !important;} /*DEVELOPER FILTERS*/ .developerFilters {background:#f9f9f9; text-align:center; padding:7px 0 10px 0; margin:0px 0px 20px 0px; border-top:1px solid #ddd; border-bottom: 1px solid #ddd;} .developerFilters label {font-size: 12px; font-weight: 100; display:inline-block; padding:0px 5px 0px 5px; position:relative; top:2px; vertical-align:bottom;} .developerFilters input[type="text"] {min-width: 280px; margin-bottom: 2px;border:1px solid #ddd; font-size: 16px; padding: 2px 10px; font-weight: 200; margin-left: 2px; border-radius: 2px;} .developerFilters select {height: 26px; font-size: 14px; font-weight: 200; margin:0px 0;} .developerFilters input[type="submit"] {display:inline-block; font-size: 17px; border-radius: 4px; margin-left: 10px; height: 28px; vertical-align:bottom; position:relative; top:3px; padding:2px 16px; border:1px solid #ddd; font-weight: 600; background:#60B358; 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:#60B358; 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:#60B358; 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:20px 5px;} .newsStoryImg p {position:relative; z-index:1;} .newsStoryImg img {border:2px solid #fff; max-width:100%; max-height: 400px;} .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); margin-top: 30px;} #newsStoryShell h1 {font-size: 32px; color:#333; font-weight: 300; text-align:center; font-size: 36px !important; margin:20px 0px;} .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;} @media (max-width:768px){ #newsStoryShell h1 {font-size: 24px !Important; margin-bottom: 25px;} } @media (max-width:992px){ .newsStoryImg {margin-top: 25px; position:relative;overflow:visible;} .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;} .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:#60B358;/* 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:#60B358; color:#fff; text-transform:uppercase; text-align:center; padding: 10px; } /*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;} h2 {font-size: 22px;} h3 {font-size: 16px;} h4 {font-size: 15px;} p {font-size: 13px;} #newNavBtn {top:10px;} #wrapper {padding-top:0;} header {position:relative; z-index:10; height: 80px;} header:after {content:""; position:absolute; left: 50%; margin-left:-35px; background:#fff url(files/image/paa_logo.png) no-repeat 50% 20% / 70% !important; width: 70px; height: 80px; border-radius: 0 0 100px 100px;} } @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;} .logoBox {padding: 0 20px 50px 20px; border-radius: 0 0 100px 100px; margin-bottom: 20px;} .homeIntro h1 {font-size: 72px; line-height:0.9;} .homeIntro h2 {font-size: 28px; font-weight: 500; margin:0 0 5px 0;} .homeIntro p {font-size: 18px;} .headerIcons h3 {font-size: 24px !important; margin-left: -10px;} .headerIcons h3 i {position:relative; font-size: 36px !important; position:relative; top:5px; margin-top:-5px; left: -5px;} .homePackages h2 {font-size: 48px;} .homePackages p {font-size: 18px; padding: 0 15%;} .homePackages h3 {font-size: 32px; margin:30px 0;} .priceBox {padding: 25px 22px; border:1px solid #eee; box-shadow:0 0 20px rgba(0,0,0,0.1); border-radius: 30px; text-align:left; position:relative;} .priceBox h2 {font-size: 32px; font-weight: 400 !important; font-family:Roboto; margin:0;} .priceBox h3 {font-size: 50px; font-weight: 670 !important; line-height:1; color:#0046a2; margin:0 0 20px 0; padding-bottom: 10px; border-bottom: 1px solid #eee;} .priceBox h3 sup {font-size: 70%; vertical-align:top; line-height:1.2; } .priceBox p {padding:0; font-weight:400;} .homeCSMM h2 {line-height:1.2;} .homeCSMM table {margin-top: 50px;} .homeCSMM table thead th div { margin:0 10px 20px 10px !important; padding: 20px 10px 20px 10px !important;font-size: 40px;border-radius:12px;} .homeCSMM table thead th div {font-size: 40px;font-weight: 670 !important;line-height:1;color:#fff;/* margin:0 0 20px 0; */padding-bottom: 10px;border-bottom: 1px solid #eee;} .homeCSMM table thead th div sup {font-size: 70%; vertical-align:top; line-height:1.2; } .homeCSMM table thead th div span {font-size: 22px; margin-bottom: 10px; font-weight: 400; text-align:center; display:block;} .homeCSMM table tbody tr {background:#fff; border-bottom:1px solid #ddd;} .homeCSMM table tbody tr:nth-child(2n) {background:#f3f8fe;} .homeCSMM table tbody tr td {padding: 20px 15px; font-size: 28px;} .homeCSMM table tbody tr td:nth-of-type(1) {padding: 20px 15px; font-size: 18px;} .homeCSMM table tbody tr td:nth-of-type(1) {text-align:left;} .homeCSMM table button { border:2px solid #00a1fa; background:#fff; padding: 10px 20px; margin:10px auto 10px auto; display:block;} .homeCSMM table button a {color:#000;} .whySection {border-radius:15px;} .whySection p {padding:0;} .whySection p:nth-of-type(2) {font-size: 16px;} .whySection p:nth-of-type(3) {font-size: 16px;} .homeExtro p {padding:0 10%;} .priceBox ul {margin-left:30px !important;} .priceBox ul li {font-size: 16px; font-weight: 400; margin-bottom: 12px; line-height:1.4;} .priceBox button { border:2px solid #00a1fa; background:#fff; padding: 10px 20px; margin:30px auto 10px auto; display:block;} .priceBox button a {color:#000;} button, input[type="submit"] {background-image: linear-gradient(340deg, #0D76BA 0%, #2885F6 100%); transition:all 0.25s ease-in-out; border-radius: 50px; font-size: 18px; padding: 10px 30px; border-color:#1F84FF; border-style:solid;} button:hover, input[type="submit"]:hover {background-image: linear-gradient(340deg, #2C85E6 30%, #0B54AB 100%); transform:scale(0.9);} button:hover a {color:#fff;} 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 h1 {text-shadow:none; font-size: 48px;} .content li {font-size: 14px; margin-bottom: 10px; line-height:1.5; margin-left: 20px;} @media(max-width:640px){ .homeIntro h1 {font-size: 36px; line-height:1.2; text-align:center;} .homeIntro h2 {font-size: 18px; font-weight: 500; margin:20px 0 5px 0; text-align:center;} .homeIntro p {font-size: 16px;} .headerIcons>div h3 { border-right:none !important; text-align:left !important} .headerIcons>div h3 i {font-size: 32px; position:relative; top: 4px; margin-right: 5px; } .headerIcons>div:nth-of-type(1) {border-radius:30px 30px 0 0 !important; } .headerIcons>div:nth-of-type(1) h3 { border-bottom:1px dashed darkblue; margin: 0 15px !important;} .headerIcons>div:nth-of-type(2) {border-radius:0 !important; } .headerIcons>div:nth-of-type(2) h3 { border-bottom:1px dashed darkblue; margin: 0 15px !important;} .headerIcons>div:nth-of-type(3) {border-radius:0 0 30px 30px !important; } .headerIcons>div:nth-of-type(3) h3 { border-bottom:none; margin: 0 15px !important;} .homeCSMM table thead div {font-size: 18px !important;} .homeCSMM table thead div span {font-size: 14px !important;} .homeCSMM table td {font-size: 14px !important; line-height:1.4;} .homeCSMM table thead th div { margin:0 5px 20px 5px !important;} .homeCSMM table button {font-size: 12px; padding: 10px;} .homeCSMM table button {font-size: 12px; padding: 10px;} } #progress-wrp {position:absolute; top: 30px; border: 1px solid #0099FF;padding: 1px; width: 250px;height: 22px;border-radius: 3px;margin: 10px 10px 0 10px;text-align: left;background: #fff;box-shadow: inset 1px 3px 6px rgba(0, 0, 0, 0.12);} #progress-wrp .progress-bar {height: 100%;border-radius: 3px;background-color: #35ff28;width: 0;box-shadow: inset 1px 1px 10px rgba(0, 0, 0, 0.11);} #progress-wrp .status {top: 3px;left: 50%;position: absolute;display: inline-block;color: #000000;}