/* BRAND COLOURS */
.orange_b { background-color:#eeb60c; }
.orange_f { color:#eeb60c; }
.grey_b { background-color:#1d1d1d;}
.grey_f { color:#1d1d1d;}
.black_b { background-color:#000; }
.black_f { color:#000; }
.white_B { background-color:#fff; }
.white_f { color:#fff; }
.blue_b {background-color:#00233C;}
.blue_f {color:#00233C;}
.green_b {background-color:#323C19;}
.green_f {color:#323C19;}

/* BASIC CONTENT */
body { font-weight:400;}
.content h1 {font-size: 70px; margin:0px 0 23px 0; line-height:78px; }
.content h2 {font-size: 36px; margin:0px 0 16px 0; line-height:60px; }
.content h3 {font-size: 24px; margin:0px 0 10px 0; line-height:40px; }
.content.title {font-size: 20px; margin:0px 0 7px 0; line-height:30px; font-weight:600; } 
.content p {font-size: 16px; margin:0px 0 4px 0; line-height:1.5; font-weight:400; } 
.content p a {text-decoration:underline; font-weight: 400; color:inherit;}
.content .button {font-size: 20px; margin:0px 0 7px 0; line-height:24px;  font-weight:700; padding:10px 20px; display:inline-block;} 
.content .button.white_f {color:#fff !important;}
.content .small {font-size: 14px; margin:0px 0 5px 0; line-height:20px;  font-weight:600; } 
.content strong {font-weight: 700;}
.content p a:hover {opacity:0.9;}
.content a.button {text-decoration:none;}
.content ul li {font-size: 16px; margin:0px 0 8px 0; line-height:30px; font-weight:400; } 
.content ol li {font-size: 16px; margin:0px 0 8px 0; line-height:30px; font-weight:400; } 
.content ul li a, .content ol li a {color:#000;}
.content table {border-collapse:collapse;}
.content table {}
.content table thead {}
.content table thead th {}
.content table tbody {}
.content table tbody tr {}
.content table tbody td {}
.content table tbody th {}
.content table tfoot {}
.content table tfoot td {}
.content table tfoot th {}
 .fab {font-family:'Font Awesome 5 Brands' !important;}

/* MOBILE FONT STYLES */
@media(max-width:768px){
    .content h1 {font-size: 42px; margin:0px 0 14px 0; line-height:46px;}
    .content h2 {font-size: 30px; margin:0px 0 10px 0; line-height:40px;}
    .content h3 {font-size: 24px; margin:0px 0 8px 0; line-height:34px;}
    .content.title {font-size: 18px; margin:0px 0 6px 0; line-height:22px;}
    .content p {font-size: 16px; margin:0px 0 6px 0; line-height:22px;}
    .content.button {font-size: 18px; margin:0px 0 6px 0; line-height:22px;}
    .content p.small {font-size: 14px; margin:0px 0 6px 0; line-height:20px;}
    .content ul li {font-size: 16px; margin:0px 0 6px 0; line-height:22px;}
    .content ol li {font-size: 16px; margin:0px 0 6px 0; line-height:22px;}
}

/* BASIC FORMS*/
.forms fieldset {position:relative;}
.forms .textbox, .forms textarea {display:block; width:100%; padding: 20px; margin-bottom:10px; font-size:18px; color:#444; border:1px solid #000;}
.forms .textbox:focus {border:1px solid #ff5c00;}
.forms .textbox:hover {}
.forms select {width:100%; font-size: 18px; color:#666; height: 60px; padding: 14px;}
.forms select:active {}
.forms input[type="checkbox"] {}
.forms input[type="checkbox"]:checked {}
.forms .error {color:red; border-color:red;}
.forms .mandatory:after {content:"*"; position:absolute; color:red; right:0; top:0;}
.forms input[type="button"] {-webkit-appearance:none; appearance:none; background:#ff5c00; display:block; width:100%; padding: 15px; margin-bottom:10px; font-size:18px; color:#fff; border:none;}
.forms input[type="button"]:hover {background:#222;}
.forms textarea {height: 120px; margin-top: 10px;}
.forms label {display:block; text-align:left; padding: 14px 10px 18px 10px;}

/* BASIC LAYOUT */
main {min-height: 65vh;}
#wrapper {position:relative; left:0px;}
#mobNav {position:fixed; width: 300px; right:-300px; top:0; bottom:0; z-index:110; background:#ff5c00; box-shadow: 0px 0px 20px rgba(0,0,0,0.3);}
#navBtn {position: absolute;left: -72px; transform:scaleX(1.4);top: 54px;color:#ff5c00; padding: 4px 8px;border-radius: 2px;font-size: 28px; cursor:pointer;}
#navBtn:hover {background:#1d1d1d; color:#f5b905}

/*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;}

/* MOBILE NAVIGATION*/
.mobNavOn {right:0px !important;}
.wrapperOn {left:-320px !important;}
#newNav { position: fixed; width: 320px; right: -320px; top: 0; bottom: 0; z-index: 500; background: #a9000c; box-shadow: 0 0 20px rgba(0,0,0,.52); padding-top: 72px;}
#newNav .nav_first { padding-bottom: 100px; min-width: 110%; display: block;}
#newNav .noMobNav {display:none;} 
#newNav .bigNAV a {font-size: 32px !important;}
#newNav .nav_first li { position: relative;}
#newNav .nav_first>li>a { background:#a9000c; mfont-size: 17px; width: 100%; display: block; color: #fff; font-weight: 300; padding: 10px 15px 11px 15px; border-bottom: 1px solid #f39378; border-top: 1px solid #f39378; margin-top:-1px;}
#newNav .nav_first>li>a:hover { background: #1d1d1d;}
#newNav .nav_first>li>.staticNav { position: relative;}
#newNav .nav_second {margin-top:-0px;}
#newNav .nav_second>li a {background:#000;}
#newNav .nav_second>li>a { padding: 6px 5px 0 40px; line-height: 1.4; display: block; width: 90%; margin-left:5%; position: relative; color: #fff; font-size: 20px !important; border-bottom:1px solid #f39378; height:40px; border-left:1px solid #f39378; border-top:1px solid #f39378; margin-top:-1px;}
#newNav .nav_second>li>a:before { position: absolute; content: "\f105"; font-family:'fontAwesome'; left: 18px; color: #fff; opacity:0.5; transition: all .3s ease-in-out;}
#newNav .nav_second>li>a:hover { padding-left: 40px; background:rgba(0,0,0,0.1) !important;}
#newNav .nav_second>li>a:hover:before { left: 22px; color: #fff; opacity:1;}
#newNav .nav_third>li>a { background:#f4a72b; padding: 9px 5px 4px 36px; margin-bottom: 0; line-height: 1.2; display: block; width:80%; margin-left: 10%; position: relative; color: #fff; font-size: 20px !Important; border-bottom:1px solid #f39378; height:40px; margin-top:1px solid 1px; border-left:1px solid #f39378 !important;}
#newNav .nav_third>li>a:before { position: absolute; content:"\f105"; font-family:'fontAwesome'; left: 12px; color: #fff; opacity:0.5; transition: all .3s ease-in-out;}
#newNav .nav_third>li>a:hover {  background:rgba(0,0,0,0.1) !important;}
#newNav .nav_third>li>a:hover:before { left: 18px; color: #fff; opacity:1 !important;}
#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: #ddd; color: rgba(255,255,255,.6); font-size: 11px;}
#newNav .nav_fourth>li>a:before { position: absolute; content:"\f105"; font-family:'fontAwesome'; 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;}
#newNav #navSocial a {color:#fff;}
.subMenu { position: absolute; right: 30px; top: 1px; height: 39px; width: 37px; background: rgba(0,0,0,0.2); color: #fff; z-index: 100; text-align: center; padding-top: 3px; border-left:1px solid rgba(255,255,255,0.2); border-bottom:1px solid rgba(255,255,255,0.2);}
.bigNAV>.subMenu {height: 54px; padding-top: 9px !important;}
.subMenu:hover {background:#1d1d1d; border-bottom:1px solid rgba(255,255,255,0.3);}
.subMenu:before { content: "-"; font-size: 28px;}
.subMenu.closed { padding-top: 3px;}
.subMenu.closed:before { content: "+"; font-size: 28px;}
#navSocial {position:fixed; bottom:0; width:320px; padding: 0 25px 50px 25px; font-size: 32px; text-align:center;}
#navSocial a {margin:0px 10px;}
#navSocial h3 {display:none;}


/* BREADCRUMBS */

#breadcrumbs { padding:12px 0px; border-top:1px solid #333; font-size: 9px; white-space:nowrap; color:#444; overflow:auto; }
#breadcrumbs a {font-weight: 300; color:inherit; font-size: 13px; 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;}


/* DESKTOP NAVIGATION*/

.headerNav {position:relative; background:#000 url(files/image/assets/header_left.png) 0 0 no-repeat; background-size:contain; height: 150px;}
.headerNav:before {position:absolute; content:""; width:100%; right:0; top:0; height:100%; background:url(files/image/assets/header_right.png) 100% 100%; no-repeat; background-size:cover; }
.headerNav .logo {position:absolute; width:400px; background-repeat:no-repeat; height:122px; background:url(files/image/assets/header_logo.png) no-repeat; left:10px; top: 20px; background-size:contain;  }


#topNav {font-size:0px; text-align:center; padding: 25px 0;}
#topNav .noTopNav {display:none;}
#topNav input {display:inline-block;}
#topNav>ul {display:inline-block; padding-left: 200px; padding-top: 38px;}
#topNav li {display:inline-block;margin:0 20px; position:relative;}

#topNav li a { color:#fff;  font-size: 20px; text-transform:uppercase;}
#topNav li:hover a {color:#ff5c00;}

@media(min-width:962px) and (max-width:1540px){
   #topNav>ul {padding-left: 240px; padding-top:28px;} 
   #topNav li { margin:0px 15px;}
    #topNav li a {font-size: 15px;}
    .headerNav .logo {width:300px; height: 120px; top:0; background-size:contain; background-repeat:no-repeat; background-position:50%;}
  .headerNav {height: 120px;}
 #navBtn {top: 40px; left:-60px;}
}
@media(max-width:962px){
   #topNav  {height: 60px;} 
   #topNav>ul {display:none;} 
 .headerNav {height: 80px;}
  .headerNav .logo {width:240px; height: 80px; top:0; background-size:contain; background-repeat:no-repeat; background-position:50%;}
 #navBtn {top: 20px; left:-60px;}
}
/* MOBILE SITE SEARCH*/

.siteSearch {z-index:100;width: 100%; position:relative; display:none;}
.siteSearch .fa-search {position:absolute; top: 6px; left:8px; color:#fff; font-size: 23px;}
.siteSearch .fa-times-circle {position:absolute; top: 4px; right: 6px; cursor:pointer; font-size: 26px; color:#fff;}
.siteSearch .fa-times-circle:hover {color:#000;}
.siteSearch input {max-width: 100% !important; width: 100%; padding: 8px 20px 8px 35px !important; color:#fff; outline:none; border:none; border-radius: 0px; background:#000;}
.siteSearch input:focus {outline:0 !important; border:none; box-shadow:none; background:#1a339a;}

/*search results*/
#searchResults {background:#515457; position: relative; z-index: 999;}
#searchResults li {color:#999; font-weight: 100; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; position:relative; padding: 6px 10px 6px 30px; border-bottom:1px solid rgba(255,255,255,0.1);}
#searchResults li a {color:#fff; font-weight: 200; font-size: 14px;}
#searchResults li:hover {background-color:#1a339a;}
#searchResults .search_News:before {position:absolute; content:"\f1ea"; color:#1a339a; left: 6px; top: 5px; font-size: 16px; font-family:'fontAwesome';}
#searchResults .search_Navigation:before {position:absolute; content:"\f054"; color:#ddd; left: 10px; top: 5px; font-size: 16px; font-family:'fontAwesome';}
#searchResults .selected {background-color:#1a339a;}


/* FOOTER */

 .footerLine {border-bottom:4px solid #ff5c00; padding-top:11%;}
 .social i {font-size: 40px; margin-right:20px;}
 @media(max-width:480px){ footer img {margin:30px auto !important; max-width: 160px;}}
 @media(max-width:768px){ .footHeader {margin-bottom: -20px !important; margin-top: 20px !important;}}

footer {padding-top: 120px; background:#000 url(files/image/assets/footer_right.jpg) 100% -70px no-repeat; background-size:cover; position:relative;}
footer:before {content:""; position:absolute; top:0; left:0; width:100%; height:100%; pointer-events:none; background:url(files/image/assets/footer_left.png) 0% 0% no-repeat; opacity:0.4; }
footer h3 {color:#fff; font-size: 17px !important; margin-top: 30px !important; white-space:nowrap; }
footer ul li {margin:0; line-height:1 !important;}
footer a {color:#fff !important; font-size: 13px;}
footer a:hover {color:#ff5c00;}
footer .social i {font-size: 32px !important;}
footer .row:nth-of-type(1) {padding-bottom: 20px;}
footer .footBase {font-size:11px; padding:20px 5px 1px 5px;  background:#000 url(files/image/assets/footer_grad.png) 100% 0 no-repeat; background-size:cover;}
footer .footBase  a {font-size:11px;}
footer .footBase  i {margin-right: 8px;}

@media(max-width:768px){

 footer .row .col-xs-6:nth-of-type(5) {margin-left: 25% !important;}
 
}
@media(min-width:480px) and (max-width:681px){
 footer {padding-top: 30px;}
 footer .row .col-sm-3 {width: 50% !important; text-align:center;}
  footer .row .col-xs-6:nth-of-type(5) {margin-left: 0% !important;}
  footer .row .col-xs-6:nth-of-type(6) img {max-width:50% !important; margin-top:20px !important;}
 .footBase .col-sm-6 {padding:6px 0; text-align:center; width:100% !important;}
 
}
@media(max-width:480px){
 footer {padding-top: 30px; }
 footer .row .col-sm-3 {text-align:center;}
  footer .row .col-xs-6:nth-of-type(5) {margin-left: 0% !important;}
  footer .row .col-xs-6:nth-of-type(6) img {max-width:80% !important; margin-top:20px !important;}
 .footBase .col-xs-12 {padding:6px 0; text-align:center;}
}


/*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 {/* background-size:cover !important; *//* background-position:center center !important; */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:#1a339a;}
.error404 h2 {font-size: 20px; letter-spacing:1px;color:#444;}
.error404 p {font-size: 11px; margin-top: 10px;}
.error404 p a {color:#1a339a; font-weight:bold;}
.error404grow {transform:scale(1.1) !important;}


/*MODAL BOX */

#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:#1a339a;}
#modalBox.shrunk {transform:scale(0.9) !important; opacity:0;}
#modalBox h3 {font-weight: 100; color:#1a339a; 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:#1a339a; 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;}
}


/* PARALAX */

.parallax600 {width: 100%; height: 600px; overflow: hidden; position:relative;}
.parallax500 {width: 100%; height: 500px; overflow: hidden; position:relative}
.parallax400 {width: 100%; height: 400px; overflow: hidden; position:relative}
.parallax300 {width: 100%; height: 300px; overflow: hidden; position:relative}

@media(min-width:961px){.px_content h5 {padding:0px 20%;} }
@media(max-width:960px){ 
.parallax600 {height:500px;}.parallax500 {height:400px;}.parallax400 {height: 320px;}.parallax300 {height: 240px;}
}
@media(max-width:767px){ 
.parallax600 {height:420px;}.parallax500 {height:400px;}.parallax400 {height: 300px;}.parallax300 {height: 240px;}
}
@media(max-width:480px){ 
.parallax600 {height:400px;}.parallax500 {height:360px;}.parallax400 {height: 280px;}.parallax300 {height: 200px;}
.px_content {padding-top:5px !important; padding-bottom:5px !important;}
}
.px_content {position:absolute; z-index:50; top:0;left:0;right:0;}
.px_tint {position:absolute; z-index:1; background:rgba(0,0,70,0.85); top:0;left:0;right:0;bottom:0;}
.px {background-repeat:no-repeat; background-size:cover; background-attachment:fixed; z-index:-2; height:100%;}



/* BLOG */


.developerFilters { background: #1d1d1d; text-align: center; padding: 7px 0 10px 0; margin: 0 0 20px 0;}
.developerFilters label { font-size: 12px; display: inline-block; padding: 0px 5px 0 5px; position: relative; top: 2px; vertical-align: bottom; color:#ccc;}
.developerFilters input[type=text] { min-width: 280px; margin-bottom: 2px; border: 1px solid #ddd; font-size: 16px; padding: 8px 10px; margin-left: 8px; border-radius: 2px;}
.developerFilters select { height: 40px; font-size: 14px; font-weight: 200; margin: 0 0 0 8px; padding: 10px; border-radius: 2px;}
.developerFilters input[type=submit] { display: inline-block; font-size: 20px; margin-left: 10px; height: 40px; vertical-align: bottom; position: relative; top: 3px; padding: 2px 20px; border: none; font-weight: 600; background: #ff5c00; color: #fff;}
.developerPaging a { border: 1px solid #ddd; border-radius: 4px; min-width: 25px; height: 25px; display: inline-block; padding: 3px 2px 2px 2px; text-align: center; font-weight: 100; margin: 0 5px 20px 5px; text-shadow: 1px 1px 0 rgba(0,0,0,.2);}
.developerPaging .pagingLess,.developerPaging .pagingMore { border: none!important;}
.developerPaging .pagingCurrent { background: #ff5c00; color: #fff;}
@media(max-width: 768px) { 
	.developerFilters label {width:95%; padding:6px; text-align: left; position: relative; height: 42px;}
    .developerFilters input[type=text],.developerFilters select {width: 70%; position: absolute; right: 0; top: 1px;}
    .developerFilters input[type=submit] { width: 95%; margin: 5px 0;}
    .developerFilters select {height: 37px;}
}
.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;}

.newsPanel {padding: 0px 20px 0 20px;}
.newsPanel h3 {font-size: 28px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.newsPanel p {font-size: 18px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.newsPanel .button {display:block; margin:0px -20px; text-align:center;}
.newsNanoImage {padding-top: 50%; display:block; margin:0 -20px 10px -20px; background-size:cover; background-position:50%; }

/* NEWS ITEM */








/* CMS SLIDER */
.f51_slider {position:relative; }
.f51_slider.active .slider_images {position:relative; white-space:nowrap; background:#000; box-shadow:inset 0px 0px 0px rgba(0,0,0,0.8); font-size:0; overflow:hidden;}
.f51_slider.active .slider_images:after {content:""; position:absolute; left:0; top:0; width:100%; height:100%; box-shadow:inset 0px 0px 0px rgba(0,0,0,0.8); transition:all 0.3s ease-out;}
.f51_slider.active .slider_images li img {width:1px; height:1px; opacity:0; position:absolute;}
.f51_slider.active .slider_images li {padding-top:60%; display:inline-block; position:relative; background-size:cover; width:100%; background-position:50%;}
.f51_slider.active .slider_images li {position:absolute !important; left:0; top:0;}
.f51_slider .slider_navigation {position:absolute; left:0; right:0; top: 45%; display:none;}
.f51_slider .slider_navigation  i {position:absolute; width:95px; height:95px; background-image:url(files/image/vector/arrow_right.svg); background-size:contain; transform:scale(1); display:none;}
.f51_slider .slider_navigation  i.slider_next {right:5%; top:0;}
.f51_slider .slider_navigation  i.slider_prev {left:5%; top:0; transform:scaleX(-100%);}    
.f51_slider .slider_nano {position:absolute; bottom: 15px; left:0; right:0; width:100%; text-align:center; z-index:10;}
.f51_slider .slider_nano ul {padding: 10px; display:inline-block; background:rgba(255,255,255,0.4); font-size:0px; border-radius: 6px; border:1px solid rgba(255,255,255,0.2); white-space:nowrap;}
.f51_slider .slider_nano ul li {width:70px; opacity:0.9; height: 40px; margin:0px 5px; display:inline-block; border-radius: 3px; border:1px solid rgba(255,255,255,0.5); background-size:cover; background-position:50% 50%;}
.f51_slider .slider_nano ul li:hover {border-color:#ff5c00; opacity:1;}
@media(max-width:480px){
 .f51_slider.active .slider_images li {padding-top:100%;}
}
.f51_slider.active .slider_images.shad:after {content:""; position:absolute; left:0; top:0; width:100%; height:100%; box-shadow:inset 50px 50px 25px rgba(0,0,0,0.6);}
.homeSlider .slider_images li {padding-top:40% !important;}

.homeSlider:after {content:""; width:90%; max-width:500px; left:5%; bottom:5%; padding-top:16%; background:url(files/image/homeSlider/AFC_welcome.png) no-repeat; position:absolute; z-index:2; background-size:contain; transtion:all 0.5s ease-in-out; }
@media(max-width:768px){
.homeSlider:after {padding-top:24%; }
}
.homeSlider:hover:after {opacity:0.1;}



/* QUICK LINKS */
.quicklink:hover {transform:scale(1.05);}
.quicklink span {padding-top: 80%; display:block; background-size:cover;}
.quicklink h3 {padding:10px 0 8px 0}
.quicklink {border-bottom: 8px solid #000; transition:all 0.5s ease-in-out; margin-bottom:10px;}


/* STATIC */
.staticHeader {position:relative; padding:40px 0; border-top:10px solid #fe7020; border-bottom:0px solid #a5000a;  box-shadow: inset 0 20px 30px rgba(40,0,0,0.10); margin-bottom: 20px;  }
.staticHeader h1, .staticHeader .h1style {position:relative; font-size:32px; font-weight:bold; color:#333;}
.staticHeader span {}
.staticHeader:before {content:""; position:absolute; top:0px; height: 100%; left:0; width:100%; background:#fff; z-index:-1 !important;}
 .staticHeader:after {content:""; position:absolute; bottom:0px; height: 30px; border-radius: 100%; box-shadow:0 0 50px rgba(0,0,0,0.4); width:90%; left: 5%; background:#000; z-index:-2 !important;}

/*Anims*/
.scrolling {position:relative;}
.showStatic {opacity:1; left:0; top:0;}

@media(min-width:768px){
.inFromLeft {left:-50px; opacity:0;}
.inFromTop {top:-50px; opacity:0;}
.inFromBottom {top:50px; opacity:0;}
.inFromRight {left:50px; opacity:0;}
}
 #rgeWrapper .inFromLeft,  #rgeWrapper .inFromRight,  #rgeWrapper .inFromTop,  #rgeWrapper .inFromBottom {opacity:1;}

/*RGE OVERRIDE*/
#rgeWrapper .f51_slider img {max-width:300px;} #rgeWrapper .f51_slider li {display:inline-block;}

@media(max-width:768px){
 #returnHome {margin-top:-60px; margin-bottom:-60px; width:120px; height:120px; }   

.staticHeader {padding:20px 0 !important; }
.staticHeader h1 {}

}

/*basic boxbg*/
.boxBg  {background:#000 url(files/image/assets/boxBg.png) no-repeat 0 100% !important; background-size:cover !important;}    

/*COMMITTEE*/

.clubCommittee {padding: 30px 0;}
.clubCommittee .comBox {text-align:center; border-radius: 6px; margin:15px 0; box-shadow:0 0 20px rgba(0,0,0,0.1);}
.clubCommittee .comBox>span {padding-top:120%; background-size:cover;display:block; background-position:50% 100%;}
.clubCommittee .comBox h3 {color:#fff; font-weight:600; padding: 8px; border-radius: 6px 6px 0 0;}
.clubCommittee .comBox h4 {color:#444; background:#fff; min-height: 50px;  border-radius: 0 0 6px 6px; font-weight:300; padding: 8px; font-size: 12px; display:flex; justify-content:center; flex-flow:column;}
.clubCommittee .comBox h4 span {display:block;}


/*CONTACT LIST*/
@media(min-width:769px){
.contactListDesktop {width:100%; font-size: 14px;  border-radius:6px 6px 0 0; overflow:hidden; margin: 25px 0;}
.contactListDesktop th {font-weight:bold; color:#fff; padding: 10px 0;}
.contactListDesktop thead {background:#000 url(files/image/assets/boxBg.png) no-repeat 0% 100% !important; background-size:cover !important;}    
.contactListDesktop tbody tr {background:#f9f9f9;}
.contactListDesktop tbody tr:nth-child(2n) {background:#f5f5f5;}
.contactListDesktop tbody td {padding: 14px 16px; border-bottom:1px solid #eee; border-right:1px dashed #eee;}
.contactListDesktop tbody tr td:last-child {border:none;}
.contactListDesktop tbody td a {color:darkred;}
.contactListDesktop tbody td a:hover {color:black;}
.contactListMobile {display:none;}
}

/*CONTACT LIST MOBILE*/
@media(max-width:768px){
.contactListMobile {width:100%; font-size: 14px;  border-radius:6px 6px 0 0; overflow:hidden; margin: 25px 0;}
.contactListMobile th {font-weight:300; width:110px; color:#888; padding: 14px 16px 14px 0; text-align:right; font-size: 11px;}
.contactListMobile table {width:100%; border-bottom:3px solid #eee; margin-bottom:5px;}
.contactListMobile table tr {background:#f9f9f9;}
.contactListMobile table tr:nth-child(2n) {background:#f5f5f5;}
.contactListMobile table td {padding: 14px 16px; border-bottom:1px solid #eee; border-right:1px dashed #eee;}
.contactListMobile table tr td:last-child {border:none;}
.contactListMobile table td a {color:darkred;}
.contactListMobile table td a:hover {color:black;}
.contactListDesktop {display:none;}
}

/*TEAM LIST*/
.teamListCat {background: #000 url(files/image/assets/footer_grad.png) 100% 0 no-repeat; background-size: cover;  margin:0 0 0-10px; padding: 20px; color:#fff; font-size: 24px; font-weight: 100; text-align:center; margin-bottom: 25px;}
.teamListBox {box-shadow:0 0 30px rgba(0,0,0,0.1);  padding-top:70%; position:relative; overflow:hidden; cursor:pointer; margin-bottom: 25px; border-radius: 4px; border-bottom:3px solid #333;}
.teamListBox span {position:absolute; left:0; top:30px; width:100%; height:100%; background-size: cover; background-position:50%;}
.teamListBox a {position:absolute; left:0; top:0; width:100%; height:100%; cursor:pointer;}
.teamListBox:hover span {transform:scale(1.1);}
.teamListBox h3 {position:absolute; left:0; top:0; width:100%; padding:6px 10px !important; color:#fff; text-transform: uppercase; text-align:left; font-size: 20px; margin:0;  background: #000 url(files/image/assets/boxBG_flat.png) no-repeat; background-size: cover;}
.teamListBox p {position:absolute; left:0; bottom:0; width:100%; padding:6px 10px !important;  color:#333;  text-align:center; font-size: 14px; margin:0; background:rgba(255,255,255,0.7);}

.boxStrap {padding:6px 10px !important; color:#fff; text-align:left; font-size: 20px; margin:0; background: #000 url(files/image/assets/boxBG_flat.png) no-repeat; background-size: cover;}

/*HISTORY OVERRIDE */
.history p {margin-bottom: 15px; line-height:1.8;}
.history h3 {border-bottom:1px solid orange; margin-bottom: 20px; padding-bottom: 10px;}


/*TEAM PAGE*/
 .contactBox {background:#222; border-radius: 6px; overflow:hidden; box-shadow:0 0 20px rgba(0,0,0,0.15); }
.contactBox h3 {margin:0;}
.contactBox h4 {font-size: 11px; margin-bottom:3px; text-transform:uppercase; color:orange;}
.contactBox>div {padding: 20px; color:#fff; box-shadow:inset 0 10px 12px #000;}
.contactBox p a {text-decoration:none;}
.team2ColInfo {background:#f9f9f9; padding:25px 0;}
.club_sponsors { background: #eee;   box-shadow: inset 0 30px 60px 30px #fff;}
.club_sponsors h2 {background: #222; padding: 30px; font-size: 24px; color: orange; text-align: center; margin-bottom: 10px;}
.club_sponsors h5 {padding: 10px; color:#ccc; font-size: 11px;}
.photoViewer h2 {background: #222; padding: 30px; font-size: 24px; color: orange; text-align: center; margin-bottom: 10px;}
.photoViewer { background: #eee;   box-shadow: inset 0 30px 60px 30px #fff; padding-bottom: 20px;}
.contactBox ul li {font-size: 12px; margin:8px 0; line-height:1.3;}
    
.fixturesList, .ResultsList {min-height: 400px; background:#fff; box-shadow:0px 0px 20px rgba(0,0,0,0.15); border-radius: 6px; overflow:hidden; margin: 20px 0;}
.fixturesList h3, .ResultsList h3 {margin-bottom:0; position:relative;}
.fixturesList h3 a, .ResultsList h3 a {font-size: 12px; color:#fff; position:absolute; right:10px; top:0px; opacity:0.5;}
.fixturesList h3 a:hover, .ResultsList h3 a:hover {opacity:1;}
.fixturesList>div, .ResultsList>div {max-height: 330px; overflow-y:auto; padding: 15px 5px 0 5px;}
.fixturesList .sorry, .ResultsList .sorry {color:darkred; text-align:center; padding-top: 28%;}

.fixturesList li {border-bottom:2px solid #eee; padding: 5px 0 10px 0;}
.fixturesList li>div:first-child {display:inline-block; width:45%; vertical-align:top;}
.fixturesList li>div:nth-child(2) {display:inline-block; width:55%; vertical-align:top; text-align:center;}

.fixturesList .teamLogos {text-align:center; vertical-align:middle;}
.fixturesList .teamLogos span {display:inline-block; vertical-align:middle;  width:46%; font-size: 0px; line-height:1;}
.fixturesList .teamLogos em {display:inline-block; font-size: 10px;}
.fixturesList .teamLogos img {max-width: 80%; margin:0 15px;}
.fixturesList li h3 {font-size: 14px; margin:0; line-height:1.2; text-align:center;}
.fixturesList li h3 strong {font-size: 18px; margin-right: 5px;}
.fixturesList li h3 span {display:inline-block; padding: 2px 5px; color:darkred; font-wieght:bolder !important; box-shadow:0 0 10px rgba(0,0,0,0.2); border:1px solid #999; font-size: 17px; margin-left: 5px;}
.fixturesList li p {font-size: 12px; padding-top: 5px; color:#444;}
.fixturesList li a {display:inline-block; background:orange; color:#fff; padding: 2px 12px; border-radius: 20px; font-size: 14px; line-height:1.5;}
.fixturesList li a:hover {background:darkred; color:#fff;}
.fixturesList li h2 {margin:0; line-height:1.4;}
.fixturesList li h2 span {display:inline-block; font-weight:600; padding: 0 5px; margin:0; line-height:1}

@media(max-width:550px){
.fixturesList li>div {width:100% !important;}
.fixturesList .teamLogos img {height: 100px; margin-bottom:10px;} 
 .fixturesList .teamLogos span:first-child {text-align:right;}
.fixturesList .teamLogos span:last-child {text-align:left;} 
 .fixturesList li {padding-bottom: 15px;}
 .fixturesList li h2 span {width:30%;}
}

/* TEAM INFO SLIDER SYSTEM */
.f51_slider.active .slider_images li {padding-top:40%;}
.photoViewer li { overflow:hidden; display:inline-block; width:150px; margin: 10px;}
.photoViewer li span {padding-top: 75%; display:block;  background-position:50% 50%; background-size:cover; cursor:pointer;}
.photoViewer ul {text-align:Center; font-size:0;}	
.slider_strip {position:absolute; left:0; width:100%; top:30%; bottom:30%; border-top:14px solid rgba(255,125,0,0.3); border-bottom:14px solid rgba(255,0,0,0.3); background:rgba(0,0,0,0.5); color:#fff; text-align:center; display:flex; justify-content: center; flex-flow:column;}
.slider_strip h1 {font-size: 4vw; font-weight:600; margin-bottom: 5px;}
.slider_strip h2 {font-size: 3vw; font-weight:100;}

.sponsorBox {margin: 10px; text-align:center;}
.sponsorBox img {max-width:100%;} 

.homeBoxes {background:#222; padding: 25px 0 0 0;}
.homeBox {min-height: 300px; margin-bottom: 25px; position:relative; background-size:cover; overfow:hidden; border-radius: 4px; box-shadow:0 0 20px rgba(0,0,0,5.15);}
.homeBox h3 {position:absolute; bottom:0; left:0; width:100%; border-top:1px solid #444; height: 36px; padding: 9px 15px !important;}
.homeBox:after {content:""; position:absolute; pointer-events:none; left: 2px; right:2px; top:2px; bottom:38px; background:url(../files/image/assets/home_box_shine.png) 0% 0% no-repeat;; background-size:contain; z-index:10;}


/* MEMBER BAR */

.memberBar {padding: 50px 0; position:relative; background:url(files/image/assets/member_bar_bg2.jpg) no-repeat 50% 50%; background-size:cover;}
.memberBar:after {pointer-events:none; content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:url(files/image/assets/member_bat_over2.png) no-repeat 50% 50%; background-size:cover; z-index:10;}
.memberBar .contained {position:relative; z-index:15;}
.memberBar:before { pointer-events:none;  content:""; position:absolute; left:0; top:60px; width:100%; bottom:60px; background:url(files/image/assets/mesh_tint.jpg) no-repeat 50% 50%; background-size:cover; z-index:0; opacity:0.8;}

.memberBar h3 {line-height:1.2; font-size: 36px;}
.memberBar p {margin-bottom: 16px;}
.memberBar  .row {padding-top: 50px; padding-bottom: 50px;}
.memberBar label {display:block; color:#fff; font-size: 14px; padding: 6px 0;}
.memberBar input[type="text"] {background:#000; color:#fff; border:0; padding: 5px 10px; width:100%; margin:5px 0;}
.memberBar select {background:#000; color:#fff; border:0; padding: 5px 10px; width:100%; margin:10px 0;}
.memberBar input[type="button"] {background:orange; border:0; padding: 6px 16px; border-radius:20px; font-weight:bold;}
.memberBar input[type="button"]:hover {background:darkred; color:#fff;}

@media(max-width:962px){ 
.memberBar:after {display:none;}
}
.fixturesMobile {display:none;}

.searchBar select {background:orange; color:#fff; border:none; -webkit-appearance:none; border-radius: 10px; padding: 5px 10px; width:90%; display: inline-block;}
.searchBar select:active,.searchBar select:focus {outline:none;}
.searchBar label {font-size: 12px; margin-bottom: 5px; display:inline-block; padding: 3px 6px; color:#444; display:block; }
.searchBar input {background:black; color:#fff; border:none; font-weight:bold; -webkit-appearance:none; border-radius: 10px; padding: 5px 10px; width: 90%; display: inline-block;}
.searchBar .col-xs-12 {text-align:center;}

@media(min-width:769px){ 
.fixturesDesktop {width:100%; font-size: 14px;  border-radius:6px 6px 0 0; overflow:hidden; margin: 25px 0;}
.fixturesDesktop th {font-weight:bold; color:#fff; padding: 10px 0;}
.fixturesDesktop thead {background:#000 url(files/image/assets/boxBg.png) no-repeat 0% 100% !important; background-size:cover !important;}    
.fixturesDesktop tbody tr {background:#f9f9f9;}
.fixturesDesktop tbody tr:nth-child(2n) {background:#f5f5f5;}
.fixturesDesktop tbody td {padding: 14px 16px; border-bottom:1px solid #eee; border-right:1px dashed #eee; vertical-align:middle;}
.fixturesDesktop tbody tr td:last-child {border:none;}
.fixturesDesktop tbody td a {color:darkred;}
.fixturesDesktop tbody td a:hover {color:black;}
.fixturesMobile {display:none;}
 .fixturesDesktop .month td {background:#fff; color:orange; text-align:center; padding: 20px; font-weight:300; font-size: 24px;}
 .fixturesDesktop a {background:orange; font-weight:bold; padding:5px 15px; border-radius: 20px; color:#fff !important;}
 .fixturesDesktop a:hover {background:darkred;}
}


@media(max-width:768px){
.fixturesMobile {display:block;}
.fixturesMobile {width:100%; font-size: 14px;  border-radius:6px 6px 0 0;  margin: 25px 0;}
.fixturesMobile th {font-weight:300; width:110px; color:#888; padding: 14px 16px 14px 0; text-align:right; font-size: 11px;}
.fixturesMobile table {width:100%; border-bottom:3px solid #eee; margin-bottom:5px;}
.fixturesMobile table tr {background:#f9f9f9;}
.fixturesMobile table tr:nth-child(2n) {background:#f5f5f5;}
.fixturesMobile table td {padding: 14px 16px; border-bottom:1px solid #eee; border-right:1px dashed #eee;}
.fixturesMobile table tr td:last-child {border:none;}
.fixturesMobile table td a {color:darkred;}
.fixturesMobile table td a:hover {color:black;}
 .fixturesMobile table tbody tr th {padding-top:15px;}
.fixturesDesktop {display:none;}
 .fixturesMobile .month td {background:#fff; color:orange; text-align:center; padding: 20px; font-weight:300; font-size: 24px;}
 .fixturesMobile a {background:orange; font-weight:bold; padding:5px 15px; border-radius: 20px; color:#fff;}
 .fixturesMobile a:hover {background:darkred;}
}


/* FORM DEFAULT */

form fieldset {border:none; padding:0;}
form fieldset label {font-size: 12px; padding: 5px 0; display:block;}
form fieldset input[type="text"], form fieldset input[type="email"], form fieldset input[type="number"] {padding: 8px 16px; border:1px solid #ccc; border-radius: 4px;}
form fieldset input[type="text"]:focus {border-color:orange;}
form fieldset select {height: 32px; padding:2px 10px; font-size: 14px; color:#444; border-color:#ccc; border-radius: 4px; min-width: 160px;}
form fieldset textarea {padding: 8px 16px; border:1px solid #ccc; border-radius: 4px; width:100%; height: 80px !important;}
form input[type="button"] {background:orange; color:#fff; border:none; padding: 8px 18px; font-size: 18px; border-radius: 20px;}
form input[type="button"]:hover {background:darkred;}
form .error {border-color:red !important;}

.accordian h2 {font-size: 24px; text-align:left; border-bottom:1px solid #ddd; padding:4px 0; margin:0; position:relative; cursor:pointer;}
.accordian h2 i {color:orange; margin-right: 10px; transition:all 0.3s ease-in-out;}
.accordian h2.selected i {transform:rotate(90deg);}
.accordian .panel {text-align:left; padding: 15px 0;}
.accordian .panel ul li, .accordian .panel ol {margin-left: 30px;}
.accordian .panel ul li {list-style-type:initial; padding-left: 12px;}
.accordian .panel ul li li {list-style-type:circle;}
.accordian .panel ol li, .accordian .panel ol {margin-left: 10px;}
.accordian .panel ol li {list-style-type:decimal; padding-left: 12px;}
.accordian .panel p {margin-bottom: 20px; line-height:1.6;}

.fixtures_heading {padding:40px 0 20px 0;}
.fixtures_heading .clubLogo {text-align:center;}
.fixtures_heading .clubLogo img {max-width:80%; margin-bottom: 15px;}
.fixtures_heading .clubLogo h3 {font-size: 20px;}
.fixtures_heading .clubLogo a {font-size: 15px; background:#eee; display:inline-block; padding: 5px 15px; border-radius: 20px; margin-top: 10px; color:#000;}
.fixtures_heading .clubLogo a:hover {background:#000; color:#fff;}

.fixtures_heading h1 {background:#444; margin: 20px 0 0 0;  padding:20px 0; color:#fff; font-size: 24px; text-align:center;}
.fixtures_heading h2 {background:#222; margin: 0 0 20px 0 0 0;  padding:10px 0; color:orange; font-size: 16px; text-align:center;}

.resultBox {font-size: 60px; text-align:center; font-weight:bold;}
.resultBox span {display:block; font-size: 16px; padding: 10px 0;}

.resultNotes {padding: 20px 0; font-size: 16px; text-align:center;}
.fixtures_location {background:#eee; margin-top: 20px; clear:both;}
.fixtures_address {padding: 30px 0; line-height: 2;}
.fixtures_address p {margin-bottom: 5px;}
.fixtures_address h3 {font-weight:bold; font-size: 20px;}
.fixtures_address a {color:#000; text-decoration:underline;}

#rgeWrapper .accordian .panel {display:block !important;}

.nWrap {position:absolute; top:0; left:0; right:0; bottom:36px;}
.nItem {position:absolute; top:0; left:0; width:100%; height:100%; display:none;}
.nItem h2 {position:absolute; disply:none; z-index:100; top: 10px; left:0; width:100%; padding: 10px; background:rgba(0,0,0,0.7); color:#fff; font-size: 20px; line-height:1.2; display:none;}
.nItem p {position:absolute; z-index:10; left:0; bottom: 0px; background:rgba(0,0,0,0.8); color:#fff; font-size: 12px; padding: 10px; line-height:1.6; display:none;}
.nItem span {position:absolute; z-index:1; left:0; top:0; width:100%; bottom: 0px; background-repeat:no-repeat; background-size:cover; background-position:50%;}