@charset "utf-8"; /* Template Name: Overerts Author: OS Templates Author URI: http://www.os-templates.com/ Licence: Free to use under our free template licence terms Licence URI: http://www.os-templates.com/template-terms File: Layout CSS */ /*-------------------- AAIR imported Bunny.net font ---------------------*/ @import url('https://fonts.bunny.net/css?family=Roboto'); /*---------- Template fonts -------------*/ @import url("custom.flexslider.css"); @import url("framework.css"); @import url("aairP55.css"); /*-------------------------------------------------- AAIR custom styles --------------------------------------------------------------*/ .btnctls {display:block; height:20px; margin: -48px 0px 0px 160px; width:30px;border:1px; background:#e9c893; color:1e3044; box-shadow:none; border-radius:0px;} /* Top line menu search field button formating */ .fa-icon {color:#ff6642; padding-right:5px; font-size:1.6rem;} /*-- Font Awesome icon color and spacing --*/ .figl {text-align: center; margin: 0 0 0 0; font-size:90%; font-style:italic; float:left; padding-right:15px; padding-top:5px; margin-right:20px;} /* --- Spacing for photo captions --- */ .figr {text-align: center; margin: 3px auto; font-size:90%; font-style:italic; float:right; padding-left:15px; padding-top:5px; margin-left:20px;} /* --- Spacing for photo captions --- */ .figc {text-align: center; margin: 0 auto 0 auto; font-size:90%; font-style:italic; padding-left:15px; padding-right:15px; padding-top:5px;} /* --- Spacing for photo captions --- */ .figtourl {text-align: center; margin: 0 0 0 0; font-size:90%; font-style:italic; float:left;} .figtourr {text-align: center; margin: 0 0 0 0 ; font-size:90%; font-style:italic; float:right;} /* --- Spacing for photo captions --- */ .figtourc {text-align: center; margin: 0 auto 10px auto; font-size:90%; font-style:italic;} figure figcaption {line-height:18px; width:auto;} /* --- Reduce whitespace on picture captions --- */ .hidden-anchor {position:absolute; top:-50px;} /* --- Needed to space content below fixed top line menu header on index.html --- */ .verify{display:none; visibility: hidden;} /* This is for the honeypot trap used on email form in index.asp */ .formbg {background-color: #C0C0C0} /* IE11 hide default dropdown arrow */ select::-ms-expand { display: none; } .formatdropdown select { /* Hide default dropdown arrow*/ -webkit-appearance: none; -moz-appearance: none; appearance: none; } .dropdown {width:300px; padding:3px 1px 3px 2px; margin-bottom:2px; border-style:none; background-color: #FFFFFF; height:23px; border:1px; border-color:#CCCCCC;} /* style dropdown box */ .formatdropdown:after { /* replace default dropdown arrow with font awesome one*/ font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f078"; color: #FFFFFF; background-color:#ff6642; left: 199px; top: 27px; padding: 4px 5px 2px 5px; pointer-events: none; /* required even though it's not supported */ position:relative; } mark{background-color:#FFFACD;} .button { border: none; color: white; padding: 8px 8px; text-align: center; text-decoration: none; display: inline-block; font-size: 16px; /*margin: 4px 2px;*/ cursor: pointer; background-color: #ff6642; float:right; position:relative; } .mailcontact { position: absolute; left: 0px; top: 0px; z-index:100; /*height:25px; padding-bottom: 8px; background-color: #e8e8e8;*/ } /* ---------------------------------- new code for sticky table headers -------------------------------- */ .headers { top: 135px; position: -webkit-sticky; position: sticky; z-index: 1; } .headerContactlist { top: 116px; position: -webkit-sticky; position: sticky; z-index: 1; } .scroller {overflow-x: hidden; scrollbar-width: none;} .tracks {overflow: auto;} .scenes::-webkit-scrollbar, .scroller::-webkit-scrollbar { display: none; } .colwidth-40 {min-width:40px; max-width:40px; white-space:normal; display:table-cell;} .colwidth-45 {min-width:45px; max-width:45px; white-space:normal; display:table-cell;} .colwidth-50 {min-width:50px; max-width:50px; white-space:normal; display:table-cell;} .colwidth-60 {min-width:60px; max-width:60px; white-space:normal; display:table-cell;} .colwidth-70 {min-width:70px; max-width:70px; white-space:normal; display:table-cell;} .colwidth-80 {min-width:80px; max-width:80px; white-space:normal; display:table-cell;} .colwidth-90 {min-width:90px; max-width:90px; white-space:normal; display:table-cell;} .colwidth-93 {min-width:93px; max-width:93px; white-space:normal; display:table-cell;} .colwidth-100 {min-width:100px; max-width:100px; white-space:normal; display:table-cell;} .colwidth-110 {min-width:110px; max-width:110px; white-space:normal; display:table-cell;} .colwidth-120 {min-width:120px; max-width:120px; white-space:normal; display:table-cell;} .colwidth-125 {min-width:125px; max-width:125px; white-space:normal; display:table-cell;} .colwidth-200 {min-width:200px; max-width:200px; white-space:normal; display:table-cell;} .colwidth-auto {width:auto; white-space:normal; display:table-cell;} .prefixNoWrap {white-space:nowrap;} /* ------------------------------- end new code for sticky table headers ------------------------------- */ #gen_table thead th { /* creates a sticky header for all tables with gen_table id*/ position:sticky; position:-webkit-sticky; /* Safari */ top: 86px; z-index:1; /* needed to keep table headers from scrolling over top line menu bar */ background-clip:padding-box; /* makes vertical lines in cells*/ } #gen_table2 thead th { /* creates a sticky header for all tables with gen_table2 id*/ position:sticky; position:-webkit-sticky; /* Safari */ top:115px; z-index:1; /* needed to keep table headers from scrolling over top line menu bar */ background-clip:padding-box; /* makes vertical lines in cells*/ } #gen_table3 tr th { /* creates a sticky header for all tables with gen_table3 id*/ position:sticky; position:-webkit-sticky; /* Safari */ top:115px; z-index:1; /* needed to keep table headers from scrolling over top line menu bar */ background-clip:padding-box; /* makes vertical lines in cells*/ } #gen_table_search tr th { /* creates a sticky header for all tables with gen_table_search id*/ position:sticky; position:-webkit-sticky; /* Safari */ top:140px; z-index:1; /* needed to keep table headers from scrolling over top line menu bar */ background-clip:padding-box; /* makes vertical lines in cells*/ } #gen_table_search2 tr th { /* creates a sticky header for all tables with gen_table_search id*/ position:sticky; position:-webkit-sticky; /* Safari */ top:86px; z-index:1; /* needed to keep table headers from scrolling over top line menu bar */ background-clip:padding-box; /* makes vertical lines in cells*/ } #gen_table_search3 tr th { /* creates a sticky header for all tables with gen_table_search id*/ position:sticky; position:-webkit-sticky; /* Safari */ top:116px; z-index:1; /* needed to keep table headers from scrolling over top line menu bar */ background-clip:padding-box; /* makes vertical lines in cells*/ } .stickylinks { position:sticky; position:-webkit-sticky; /* Safari */ top: 86px; width: 100%; z-index:1; display: flex; justify-content: center; /* align horizontal */ align-items: center; /* align vertical */ height:30px; padding-top: 3px; background-color: #e8e8e8; } .stickylinksSearch { position:sticky; position:-webkit-sticky; /* Safari */ top: 115px; margin-bottom:-5px; width: 100%; z-index:1; height:30px; background-color: #e8e8e8; } .stickynamelinks { position:sticky; position:-webkit-sticky; /* Safari */ top: -150px; z-index:1; height:25px; padding-bottom: 8px; background-color: #e8e8e8; } /*display: flex; justify-content: left; /* align horizontal */ /*align-items: center; /* align vertical */ /*}*/ .stickyheader { position:sticky; position:-webkit-sticky; /* Safari */ top: 86px; z-index:1; height:30px; padding-top: 2px; background-color: black; color:white; } .usntypelist{list-style-type: none; padding-left: 0px;} .actype {float:left; margin-left:5px; width:10%;} .acdesc {float:left; margin-left:5px; width:30%;} .acimage{float:right;} .rwhiteborder {border-right: 1px solid white;} .navylinks{margin-right:60px;} .tableFixHead { position: relative; /*top: 0px;*/ height: 60vh; overflow-y: auto; } .tableFixHead thead th { position: sticky; position:-webkit-sticky; /* Safari */ top: -1px; background-clip:padding-box; /* makes vertical lines in cells*/ } .tableFixHeadSearch thead th { position: sticky; position:-webkit-sticky; /* Safari */ top: 145px; background-clip:padding-box; /* makes vertical lines in cells*/ } .AAIRlogo { height:60px; margin:-10px 0 0 0; } /* code below used to create the close "X" on message bars */ .close { position: absolute; right: 32px; top: 20px; width: 20px; height: 20px; opacity: 0.3; } .close:hover { opacity: 1; } .close:before, .close:after { position: absolute; left: 15px; content: ' '; height: 20px; width: 2px; background-color: #333; } .close:before { transform: rotate(45deg); } .close:after { transform: rotate(-45deg); } /* code below used for stamps and prefixes to create sticky header, add class="first" and class="second" to tr lines*/ tr.first th, tr.first td { position:sticky; position:-webkit-sticky; top:86px; background-color: #000000; border-bottom:none !important; z-index:1; } tr.second th, tr.second td { position:sticky; position:-webkit-sticky; top:120px; background-clip:padding-box; /* makes vertical lines in cells*/ border-top:none !important; z-index:1; } .maxwidth-125 {max-width:125px} /* --- Used with photos as necessary to keep caption centered --- */ .maxwidth-130 {max-width:130px} /* --- Used with photos as necessary to keep caption centered --- */ .maxwidth-140 {max-width:140px} /* --- Used with photos as necessary to keep caption centered --- */ .maxwidth-150 {max-width:150px} /* --- Used with photos as necessary to keep caption centered --- */ .maxwidth-170 {max-width:170px} /* --- Used with photos as necessary to keep caption centered --- */ .maxwidth-210 {max-width:210px} /* --- Used with photos as necessary to keep caption centered --- */ .maxwidth-270 {max-width:270px} /* --- Used with photos as necessary to keep caption centered --- */ .maxwidth-280 {max-width:280px} /* --- Used with photos as necessary to keep caption centered --- */ .maxwidth-300 {max-width:300px} /* --- Used with photos as necessary to keep caption centered --- */ .maxwidth-320 {max-width:320px} /* --- Used with photos as necessary to keep caption centered --- */ .maxwidth-340 {max-width:340px} /* --- Used with photos as necessary to keep caption centered --- */ .maxwidth-370 {max-width:370px} /* --- Used with photos as necessary to keep caption centered --- */ .maxwidth-400 {max-width:400px} /* --- Used with photos as necessary to keep caption centered --- */ .maxwidth-420 {max-width:420px} /* --- Used with photos as necessary to keep caption centered --- */ .maxwidth-520 {max-width:520px} /* --- Used with photos as necessary to keep caption centered --- */ .maxwidth-620 {max-width:620px} /* --- Used with photos as necessary to keep caption centered --- */ .maxwidth-650 {max-width:650px} /* --- Used with photos as necessary to keep caption centered --- */ .maxwidth-760 {max-width:760px} /* --- Used with photos as necessary to keep caption centered --- */ .maxwidth-845 {max-width:845px} /* --- Used with photos as necessary to keep caption centered --- */ .maxwidth-970 {max-width:970px} /* --- Used with photos as necessary to keep caption centered --- */ .menuspacer {padding-top:38px;} /* --- Needed to space content below fixed top line menu header --- */ .menuspacer2 {position: relative; left: 0px; top: -90px;} /* --- Needed to space content below fixed top line menu header, use when other does not work --- */ .menuspacer3 {position: relative; left: 0px; top: -100px;} .menuspacer4 {padding-top:150px;} .hide {visibility:hidden;} #CLupdate {display:none;} .norecmsg {height:auto; min-height:60px; width:100%; color:white; background:#1e3044; text-align:center; vertical-align:middle; border-radius:5px; margin-top:100px;} .norecmsg p {Padding:16px 0 16px 0;} .Nnorecmsg {height:auto; min-height:60px; width:100%; color:white; background:#1e3044; text-align:center; vertical-align:middle; border-radius:5px; margin-top:120px;} .Nnorecmsg p {Padding:16px 0 16px 0;} .afNames {height:auto; min-height:60px; width:100%; color:white; background:#1e3044; text-align:center; vertical-align:middle; border-radius:5px; margin-top:70px;} .afNames p {Padding:16px 0 16px 0;} .cookiepopup {position:fixed; bottom:0px; min-height:80px; width:100%; color:white; background:#ff6642; text-align:left;} .cookiepopup p {margin-left:30px; margin-top:25px;} .googlesearch table{margin-bottom:0px; border-collapse: collapse; white-space: nowrap;} .googlesearch table td {background-color:#ffffff; border:0px; height:41px;} .googlesearch button {height:43px;} .contactsent {height:60px; width:103%; color:black; background:#8cea69; text-align:center; vertical-align:middle; border-radius:5px;} .pricecol {width:25%} /* --- Provides spacing for prices on orderinfo.html --- */ .redfont {color:red;} /* --- Use when red font is needed --- */ .searchfield {border:1px; background:#e9c893; color:black; box-shadow:none; border-radius:0px; width:160px; font-style:italic; font-size:.9em;} /* --- Top line menu search field formating --- */ .stickyfooter{height: 50px;} .tanline {background:tan; height: 5px; margin: 0 0 0 0; width: 100%;} /* --- Creates tan line for header and footer --- */ .tanline-sm {background:tan; height: 2px; margin: 0 0 0 0; width: 100%;} /* --- Creates tan line separator --- */ .topspace-12 {margin-top:-12px;} /* note minus sign */ /*.tourbox {border:1px solid; padding-bottom:5px; background:#e1e9f0;} /* --- Tour box configuration --- */ .tourbox {border:1px solid; padding-bottom:5px; background:#D2B48C; max-width:300px;} /* --- Tour box configuration --- */ .tourimg {padding:5px 5px 0px 5px;} /* --- Tour box image configuration --- */ .stampWidth {width:90px;} /* --- Used for inpection stamps --- */ .width-40 {width:40%} /* --- Used with photos as necessary to keep caption centered --- */ .width-50 {width:50%} /* --- Used with photos as necessary to keep caption centered --- */ #stamps img {transform:scale(.75); vertical-align:top; margin-top:-2px; margin-bottom:-2px;} /* --- Used for inpection stamp scaling --- */ /*.pic{ position:relative;}*/ /*.thumbnail img{ margin: 0 5px 5px 0;} .thumbnail:hover{ background-color:orange;} .thumbnail:hover img{border 1px solid orange;}*/ .thumbnail span{ position:absolute; padding:0px; left:0px; top:200px; visibility:hidden; text-decoration:none;} /*CSS for large image and vertical offset*/ .thumbnail span img{ text-decoration:none;} /*CSS for large image*/ .thumbnail:onclick span{ visibility:visible; left:500px;} /*CSS to unhide large image and horz offset*/ input {border:1px; border-color:#CCCCCC; padding-left:2px;} input:focus, textarea:focus, select:focus; *:required:focus {border-color:#ff6642;} :-ms-input-placeholder { /* Internet Explorer 10-11 */ color:#999999; font-size:.9em; } ::-ms-input-placeholder { /* Microsoft Edge */ color:#999999; font-size: 0.9rem; transform: scale(0.9) translateX(-1rem); } ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ color:#999999; font-size:.9em; } /*------------------------------------------------- End AAIR custom styles ------------------------------------------------------------*/ /* Top Bar --------------------------------------------------------------------------------------------------------------- */ #topbar{padding:30px 20px 0 0; float:right; font-size:.8rem; text-transform:uppercase;} #topbar ul li{display:inline-block; margin-right:15px;} #topbar ul li:last-child{margin-right:0; padding-right:0; border-right:none;} #topbar i{line-height:normal;} #topbar > div:nth-of-type(2) i{font-size:1rem;} /* Search Form */ #topbar #searchform{position:relative; line-height:1; z-index:9999;} #topbar #searchform::after{display:block; height:18px; line-height:18px; padding:0; font-family:"Font Awesome\ 5 Free"; font-weight:900; font-size:1rem; content:"\f002"/* fa-search */;} #topbar #searchform:hover::after, #topbar #searchform button{cursor:pointer;} #topbar #searchform > div{position:absolute; top:18px; right:0; width:280px; visibility:hidden; opacity:0/* Required for transition effect */;} #topbar #searchform:hover > div{visibility:visible; opacity:1/* Required for transition effect */;} #topbar #searchform form{display:block; position:relative;} #topbar #searchform form *{border:none;} #topbar #searchform input{display:block; width:100%; height:36px; padding:8px 40px 8px 10px; font-size:1rem;} #topbar #searchform ::placeholder{text-transform:capitalize;} #topbar #searchform button{display:block; position:absolute; top:3px; right:2px; height:30px; font-size:16px; line-height:1;} /* Overview - for services etc. */ #overview{} #overview li{margin-bottom:50px;} #overview li:nth-last-child(-n+3){margin-bottom:0;}/* Removes bottom margin from the last three items - margin is restored in the media queries when items stack */ #overview li:nth-child(3n+1){margin-left:0; clear:left;}/* Removes the need to add class="first" */ #overview article{} #overview article *{margin:0; padding:0;} #overview article > div{display:block; position:relative; min-height:36px; margin:0 0 20px 0; padding:8px 0 0 55px;} #overview article > div *{line-height:1;} #overview article > div i{display:block; position:absolute; top:0; left:0; font-size:36px;} #overview article > div .heading{} #overview article p{} /* Rows --------------------------------------------------------------------------------------------------------------- */ .row1, .row1 a{} .row2, .row2 a{} .row3, .row3 a{}: .row4, .row4 a{} .row5, .row5 a{} /* Header --------------------------------------------------------------------------------------------------------------- */ #header{} #header #logo{margin:22px 0 0 0;} #header #logo h1{margin:0; padding:0; font-size:30px; text-transform:uppercase;} /* Page Intro --------------------------------------------------------------------------------------------------------------- */ #pageintro{padding:150px 0;} #pageintro article{max-width:75%;} #pageintro article *{text-transform:uppercase;} #pageintro article .heading{margin:0 0 50px 0; padding:0; line-height:1; font-size:40px;} #pageintro article p{margin:0;} #pageintro article p:first-of-type{margin-bottom:35px; font-size:22px; letter-spacing:5px;} #pageintro article footer{margin-top:80px;} /* Content Area --------------------------------------------------------------------------------------------------------------- */ .container{ padding:30px 0; min-height: calc(100vh - 105px); } /* Content */ .container .content .services li:nth-child(-n+3){margin-bottom:30px;}/* Adds bottom margin to the first three elements only */ .services > li:last-child{margin-bottom:0;}/* Used when elements stack in small viewports */ .services article{display:block; position:relative; min-height:80px; padding:0 0 0 50px;} .services article::before, .services article::after{display:table; content:"";} .services article::after{clear:both;} .services article *{margin:0 0 15px 0;} .services article > :last-child{margin-bottom:0;} /*.services article i{display:block; position:absolute; top:0; left:0; width:50px; height:50px; line-height:48px; margin:0; border:1px solid; text-align:center; font-size:20px;}*/ .services article .heading{font-size:1.2rem;} .excerpt{display:block; width:100%; max-width:320px; text-align:center;} .excerpt img{margin-bottom:30px;} .excerpt .excerpttxt *{margin:0;} .excerpt .excerpttxt .heading{margin-bottom:20px;} .excerpt .excerpttxt p{} .excerpt .excerpttxt footer{margin-top:30px;} /* Comments */ #comments ul{margin:0 0 40px 0; padding:0; list-style:none;} #comments li{margin:0 0 10px 0; padding:15px;} #comments .avatar{float:right; margin:0 0 10px 10px; padding:3px; border:1px solid;} #comments address{font-weight:bold;} #comments time{font-size:smaller;} #comments .comcont{display:block; margin:0; padding:0;} #comments .comcont p{margin:10px 5px 10px 0; padding:0;} #comments form{display:block; width:100%;} #comments input, #comments textarea{width:100%; padding:10px; border:1px solid;} #comments textarea{overflow:auto;} #comments div{margin-bottom:15px;} #comments input[type=submit], #comments input[type=reset]{display:inline-block; width:auto; min-width:145px; margin:0; padding:8px 5px; cursor:pointer;} /* Sidebar */ .container .sidebar{} .sidebar .sdb_holder{margin-bottom:50px; font-size:.95em;} .sidebar .sdb_holder:last-child{margin-bottom:0;} /* Footer --------------------------------------------------------------------------------------------------------------- */ #footer { padding:80px 0; } /* Quick Links --------------------------------------------------------------------------------------------------------------- */ .quicklinks{} .quicklinks nav{padding:30px 0; text-transform:uppercase;} .quicklinks ul{} .quicklinks ul li{display:inline-block; margin-right:10px;} .quicklinks ul li::after{margin-left:10px; content:"|";} .quicklinks ul li:last-child::after{margin-left:0; content:"";} /* Copyright --------------------------------------------------------------------------------------------------------------- */ #copyright{padding:20px 0;} #copyright *{margin:0; padding:0;} /* Transition Fade --------------------------------------------------------------------------------------------------------------- */ *, *::before, *::after{transition:all .3s ease-in-out;} #mainav form *{transition:none !important;} /* ------------------------------------------------------------------------------------------------------------ */ /* ------------------------------------------------------------------------------------------------------------ */ /* ------------------------------------------------------------------------------------------------------------ */ /* ------------------------------------------------------------------------------------------------------------ */ /* ------------------------------------------------------------------------------------------------------------ */ /* Navigation --------------------------------------------------------------------------------------------------------------- */ nav ul, nav ol{margin:0; padding:0; list-style:none;} #mainav, #breadcrumb, .sidebar nav{line-height:normal;} /*#mainav .drop::after, #mainav li li .drop::after, #breadcrumb li a::after, .sidebar nav a::after{position:absolute; font-family:"FontAwesome"; font-size:10px; line-height:10px;}*/ #mainav .drop::after, #mainav li li .drop::after, #breadcrumb li a::after, .sidebar nav a::after{position:absolute; font-family:"Font Awesome\ 5 Free"; font-weight:900; font-size:12px; line-height:10px;} /* Top Navigation */ #mainav{} #mainav ul.clear{margin-top:3px;} #mainav ul{text-transform:uppercase;} #mainav ul ul{z-index:9999; position:absolute; width:190px; text-transform:none;} #mainav ul ul ul{left:190px; top:0;} #mainav li{display:inline-block; position:relative; margin:0 15px 0 0; padding:0;} #mainav li:last-child{margin-right:0;} #mainav li li{width:100%; margin:0;} #mainav li a{display:block; padding:30px 0;} #mainav li li a{border:solid; border-width:0 0 1px 0;} #mainav .drop{padding-left:15px;} #mainav li li a, #mainav li li .drop{display:block; margin:0; padding:10px 15px;} #mainav .drop::after, #mainav li li .drop::after{content:"\f0d7";} #mainav .drop::after{top:35px; left:5px;} #mainav li li .drop::after{top:15px; left:5px;} #mainav ul ul{visibility:hidden; opacity:0;} #mainav ul li:hover > ul{visibility:visible; opacity:1;} #mainav form{display:none; margin:0; padding:0;} #mainav form select, #mainav form select option{display:block; cursor:pointer; outline:none;} #mainav form select{width:100%; padding:5px; border:1px solid;} #mainav form select option{margin:5px; padding:0; border:none;} /* Breadcrumb */ #breadcrumb{padding:15px 0;} #breadcrumb ul{margin:0; padding:0; list-style:none; text-transform:uppercase;} #breadcrumb li{display:inline-block; margin:0 6px 0 0; padding:0;} #breadcrumb li a{display:block; position:relative; margin:0; padding:0 12px 0 0; font-size:12px;} #breadcrumb li a::after{top:3px; right:0; content:"\f101";} #breadcrumb li:last-child a{margin:0; padding:0;} #breadcrumb li:last-child a::after{display:none;} /* Sidebar Navigation */ .sidebar nav{display:block; width:100%;} .sidebar nav li{margin:0 0 3px 0; padding:0;} .sidebar nav a{display:block; position:relative; margin:0; padding:5px 10px 5px 15px; text-decoration:none; border:solid; border-width:0 0 1px 0;} .sidebar nav a::after{top:8px; left:-1px; content:"\f138";}/* font awesome character, solid arrow bullet */ .sidebar nav ul ul a{padding-left:35px;} .sidebar nav ul ul a::after{left:25px;} .sidebar nav ul ul ul a{padding-left:55px;} .sidebar nav ul ul ul a::after{left:45px;} /* Pagination */ .pagination{display:block; width:100%; text-align:center; clear:both;} .pagination li{display:inline-block; margin:0 2px 0 0;} .pagination li:last-child{margin-right:0;} .pagination a, .pagination strong{display:block; padding:8px 11px; border:1px solid; background-clip:padding-box; font-weight:normal;} /* Back to Top */ #backtotop{z-index:999; display:inline-block; position:fixed; visibility:hidden; bottom:20px; right:20px; width:36px; height:36px; line-height:36px; font-size:16px; text-align:center; opacity:.2;} #backtotop i{display:block; width:100%; height:100%; line-height:inherit;} #backtotop.visible{visibility:visible; opacity:.5;} #backtotop:hover{opacity:1;} /* Tables --------------------------------------------------------------------------------------------------------------- */ table, th, td{border:1px solid; border-collapse:collapse; vertical-align:top;} table, th{table-layout:auto;} table{width:100%; margin-bottom:15px;} th, td{padding:5px 8px;} td{border-width:0 1px;} /* Gallery --------------------------------------------------------------------------------------------------------------- */ #gallery{display:block; width:100%; margin-bottom:50px;} #gallery figure figcaption{display:block; width:100%; clear:both;} #gallery li{margin-bottom:30px;} /* Font Awesome Social Icons --------------------------------------------------------------------------------------------------------------- */ .faico{margin:0; padding:0; list-style:none;} .faico li{display:inline-block; margin:8px 5px 0 0; padding:0; line-height:normal;} .faico li:last-child{margin-right:0;} .faico a{display:inline-block; width:36px; height:36px; line-height:36px; font-size:18px; text-align:center;} .faico a{color:#FFFFFF; background-color:#ff6642;} .faico a:hover{} .faicon-dribble:hover{background-color:#EA4C89;} .faicon-facebook:hover{background-color:#3B5998;} .faicon-google-plus:hover{background-color:#DB4A39;} .faicon-linkedin:hover{background-color:#0E76A8;} .faicon-twitter:hover{background-color:#00ACEE;} .faicon-vk:hover{background-color:#4E658E;} /* ------------------------------------------------------------------------------------------------------------ */ /* ------------------------------------------------------------------------------------------------------------ */ /* ------------------------------------------------------------------------------------------------------------ */ /* ------------------------------------------------------------------------------------------------------------ */ /* ------------------------------------------------------------------------------------------------------------ */ /* Colors --------------------------------------------------------------------------------------------------------------- */ body{color:#CBCBCB; background-color:#222222;} a{color:#FF6642;} a:active, a:focus{background:transparent;}/* IE10 + 11 Bugfix - prevents grey background */ hr, .borderedbox{border-color:silver;} .orangetext img{display:none;} .orangetext:hover {color:#ff6642; font-weight:bold} .orangetext:hover img{display:block; border:1px solid silver; padding:5px; background-color:white;} .pointer {cursor: pointer;} label span{color:#FF0000; background-color:inherit;} .overlay{color:#CBCBCB; background-color:inherit;} .overlay::after{color:inherit; background-color:rgba(0,0,0,.55);} .btn, .btn.inverse:hover{color:#FFFFFF; background-color:#1e3044; border-color:#1e3044;} /* dark blue buttons*/ .btn:hover, .btn.inverse{color:inherit; background-color:transparent; border-color:inherit;} /* dark blue buttons*/ .btn2, .btn2.inverse:hover{color:#FFFFFF; background-color:#ff6642; border-color:#ff6642;} /* salmon buttons*/ .btn2:hover, .btn2.inverse{color:inherit; background-color:transparent; border-color:inherit;} /* salmon buttons*/ .btn3, .btn3.inverse:hover{color:#FFFFFF; background-color:#ff6642; border-color:#ff6642; height:25px; width:25px; text-align:center; vertical-align:middle; margin:0 0 0 0; white-space:normal;} /* salmon buttons - letter box*/ .btn3:hover, .btn3.inverse{color:inherit; background-color:transparent; border-color:inherit;} /* salmon buttons- letter box*/ .btn4, .btn4.inverse:hover{color:#FFFFFF; background-color:#ff6642; border-color:#ff6642; height:25px; width:50px; text-align:center; vertical-align:middle; margin:0 0 0 0; white-space:normal;} /* salmon buttons - letter box*/ .btn4:hover, .btn4.inverse{color:inherit; background-color:transparent; border-color:inherit; margin:0 0 -10 0;} /* salmon buttons- letter box*/ /*.btn4.nohover{background-color:transparent; border-color:inherit;} /* hides button completely leaving empty white space */ .btn4.nohover{background-color:transparent; border: 1px solid #ff6642; color:#ff6642;} /* creates empty button rectangle */ /* .btn, .btn.inverse:hover{color:#FFFFFF; background-color:black; border-color:black;}*/ /* .btn:hover, .btn.inverse{color:inherit; background-color:#ff6642; border-color:inherit;}*/ .btn5 {color:#FFFFFF; background-color:transparent; border-color:#ffffff; height:40px; width:120px; text-align:center; vertical-align:middle;} /* cookie message buttons */ .btn5:hover, .btn5.inverse {color:1e3044; background-color:transparent; border-color:1e3044; margin:0 0 0 0;} /* cookie message buttons */ /* Rows */ /*.row1{color:#FFFFFF; background-color:rgba(255,255,255,.2);}*/ .row1{color:#FFFFFF; background-color:#1e3044; position:fixed; height:auto;} .row2{color:#CBCBCB; background-color:#222222;} .row3{color:#474747; background-color:#FFFFFF; background-image:url('../../images/light-mesh.png');} /*.row3{color:#474747; background-color:#FFFFFF; background-image:url('../../images/rough_diagonal.png')} */ /* .row3{color:#474747; background-color:#FFFFFF;} */ .row4{color:#CBCBCB; background-color:#222222;} /*.row5, .row5 a{color:#CBCBCB; background-color:#222222;}*/ .row5, .row5 a{color:#ffffff; background-color:#1e3044;} .overlay .heading, .row2 .heading, .row4 .heading{color:#FFFFFF;} /* Header */ #header #logo a{color:inherit;} /* Content Area */ .services article i{color:#FFFFFF; border-color:#ff6642;} .services article:hover i{background-color:#ff6642; border-color:#ff6642;} /* Quick Links */ .quicklinks{color:#FFFFFF; background-color:#ff6642;} .quicklinks a{color:inherit;} .quicklinks ul li::after{color:rgba(255,255,255,.3);} /* Navigation */ #mainav li a{color:inherit;} #mainav .active a, #mainav a:hover, #mainav li:hover > a{color:#FF6642; background-color:inherit;} #mainav li li a, #mainav .active li a{color:#FFFFFF; background-color:rgba(0,0,0,.7); border-color:rgba(0,0,0,.7);} #mainav li li:hover > a, #mainav .active .active > a{color:#FFFFFF; background-color:#FF6642;} #mainav form select{color:#FFFFFF; background-color:#1e3044; border-color:rgba(136,136,136,.5);/* #888888 */} #breadcrumb a{color:inherit; background-color:inherit;} #breadcrumb li:last-child a{color:#ff6642;} .container .sidebar nav a{color:inherit; border-color:#D7D7D7;} .container .sidebar nav a:hover{color:#ff6642;} .pagination a, .pagination strong{border-color:#D7D7D7;} .pagination .current *{color:#FFFFFF; background-color:#ff6642;} #backtotop{color:#FFFFFF; background-color:#FF6642;} /* Tables + Comments */ table, th, td, #comments .avatar, #comments input, #comments textarea{border-color:#D7D7D7;} #comments input:focus, #comments textarea:focus, #comments *:required:focus{border-color:#ff6642;} th{color:#FFFFFF; background-color:#373737;} tr, #comments li, #comments input[type=submit], #comments input[type=reset]{color:inherit; background-color:#e1e1e1;} tr:nth-child(even), #comments li:nth-child(even){color:inherit; background-color:#F7F7F7;} table a, #comments a{background-color:inherit;} /* Top Bar */ #topbar #searchform{color:#ff6642;} #topbar #searchform:hover{} #topbar #searchform input{color:#1c2329; background:#e1e9f0;} #topbar #searchform button{color:#1c2329; background:transparent;} /* ------------------------------------------------------------------------------------------------------------ */ /* ------------------------------------------------------------------------------------------------------------ */ /* ------------------------------------------------------------------------------------------------------------ */ /* ------------------------------------------------------------------------------------------------------------ */ /* ------------------------------------------------------------------------------------------------------------ */ /* Media Queries --------------------------------------------------------------------------------------------------------------- */ @-ms-viewport{width:device-width;} /* Max Wrapper Width - Laptop, Desktop etc. --------------------------------------------------------------------------------------------------------------- */ @media screen and (min-width:978px){ .hoc{max-width:978px;} } /* Mobile Devices --------------------------------------------------------------------------------------------------------------- */ /* These lines execute when screen resolution is less that 1024px */ @media screen and (max-width:1024px){ .hoc{max-width:90%;} /* 5 lines below are used to turn off desktop menu and turn on mobile menu once sceen size reaches 1023px (less than 1024px) */ #mainav{} #mainav ul{display:none;} #mainav form{display:block;} /* Positions menu button */ #mobileMenubutton {margin-top:3px;} /* Positions menu button */ #accordian h3 a:hover{color:#ff6642} /* turns menu text orange upon hover */ #topbar{} /*#header{padding:30px 0 15px; margin-left:20px;}*/ #header{margin:22px 0px 10px 30px;} #header #logo{margin-top:0;} #footerLink p {font-size:.8rem; line-height: 1.6;} #breadcrumb{} .container{} #comments input[type=reset]{margin-top:10px;} .pagination li{display:inline-block; margin:0 5px 5px 0;} #footer{} #copyright{} #copyright p:first-of-type{margin-bottom:10px;} #NoIconSearch {visibility:hidden;} .norecmsg {height:auto; min-height:60px; width:100%; color:white; background:#1e3044; text-align:center; vertical-align:middle; border-radius:5px; margin-top:130px;} .norecmsgNavy {height:auto; min-height:60px; width:100%; color:white; background:#1e3044; text-align:center; vertical-align:middle; border-radius:5px; margin-top:130px;} .afNames {height:auto; min-height:60px; width:100%; color:white; background:#1e3044; text-align:center; vertical-align:middle; border-radius:5px; margin-top:70px;} select {font-family: sans-serif;} .actype {float:left; width:30%;} .acdesc {float:left; width:60%;} .acimage {display:none;} .tourimg {padding:20px;} /* --- Tour box image configuration for mobile devices --- */ .excerpt {padding-bottom:20px;} /* --- Controls space between bottom of button and Tour box bottom edge --- */ .row3 .container .content {margin-top:-20px;} .row3 .container .mobiletweak {margin-top:-20px;} /* code below used for stamps and prefixes to create sticky header, add class="first" and class="second" to tr lines*/ tr.first th, tr.first td { position:sticky; position:-webkit-sticky; top:86px; background-color: #000000; border-bottom:none !important; z-index:1; } tr.second th, tr.second td { position:sticky; position:-webkit-sticky; top:121px; background-clip:padding-box; /* makes vertical lines in cells*/ border-top:none !important; z-index:1;} }/* end 1024px media screen */ @media screen and (max-width:850px){ .stickynamelinks { position:sticky; position:-webkit-sticky; /* Safari */ top: 95px; width: 100%; z-index:1; display: flex; justify-content: left; /* align horizontal */ align-items: center; /* align vertical */ height:30px; padding-bottom: 8px; background-color: #e8e8e8;} }/* end 850px media screen */ @media screen and (max-width:789px){ .Nnorecmsg {height:auto; min-height:60px; width:100%; color:white; background:#1e3044; text-align:center; vertical-align:middle; border-radius:5px; margin-top:150px;} }/* end 789px media screen */ @media screen and (max-width:765px){ /* Suppress links at top of table due to lack of room on small screens */ #toplinks{display:none;} .norecmsg {height:auto; min-height:60px; width:100%; color:white; background:#1e3044; text-align:center; vertical-align:middle; border-radius:5px; margin-top:150px;} .afNames {height:auto; min-height:60px; width:100%; color:white; background:#1e3044; text-align:center; vertical-align:middle; border-radius:5px; margin-top:70px;} }/* end 765px media screen */ @media screen and (max-width:750px){ .imgl, .imgr, .imgc{display:inline-block; float:none; margin:0 0 5px 0;} .fl_left, .fl_right{display:inline-block; float:left; width:90%; height:auto;} /*.one_half, .one_third, .two_third, .one_quarter, .two_quarter, .three_quarter{display:block; float:none; width:auto; margin:0 0 30px 0; padding:0;}*/ .one_half, .one_third, .two_third, .one_quarter, .two_quarter, .three_quarter{display:block; float:none; width:100%; margin:0 0 5px 0px; padding:0;} #topbar{text-align:center;} #topbar > div:first-of-type ul{margin:0 0 10px 0;} #topbar #searchform{display:none;}/* This is personal preference - remove if not required */ #mobileMenubutton {margin-top:-47px; margin-right:-70px;} figcaption {font-size:.8rem; line-height: 1.6;} #gen_table table thead th { /* creates a sticky header for all tables with gen_table id*/ position:sticky; position:-webkit-sticky; /* Safari */ top: 86px; z-index: 0; /* needed to keep table headers from scrolling over top line menu bar */ background-clip:padding-box; /* makes vertical lines in cells*/ } #NoIconSearch {visibility:visible;} .container{padding:50px 0;} .content {margin-top: 40px;} .formatdropdown:after { /* replace default dropdown arrow with font awesome one*/ font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f078"; color: #FFFFFF; background-color:#ff6642; left: 277px; top: -29px; padding: 4px 5px 2px 5px; pointer-events: none; /* required even though it's not supported */ position:relative; margin-bottom:-50px; } .contactform {margin-top:-30px;} select {font-family: sans-serif;} .actype {float:left; width:30%;} .acdesc {float:left; width:60%;} .acimage {display:none;} }/* end 750px media screen */ /* Other --------------------------------------------------------------------------------------------------------------- */ @media screen and (max-width:650px){ /*.scrollable{display:block; width:100%; margin:0 0 30px 0; padding:0 0 15px 0; overflow:auto; overflow-x:scroll;} /*.scrollable{width:100%; margin:0 0 30px 0; padding:0 0 15px 0; overflow:scroll;} .scrollable table{margin:0; padding:0; white-space:nowrap;} /* white space nowrap needed to keep single line rows*/ .scrollable{} .scrollable table{width:100%; margin-bottom:30px; padding:0; white-space:normal;} /* use white space nowrap if you want single line rows*/ .scrollable table th{white-space:normal;} /* white space normal needed on header to allow header to wrap*/ .inline li{display:block; margin-bottom:10px;} .pushright li{margin-right:0;} .font-x2{font-size:1.4rem;} .font-x3{font-size:1.6rem;} #pageintro li article{max-width:none; width:100%;} #pageintro li .heading{font-size:2rem;} #NoIconSearch {visibility:visible;} .container{padding:50px 0;} .content {margin-top: 40px;} #mobileMenubutton {margin-top:-47px; margin-right:-50px;} .formatdropdown:after { /* replace default dropdown arrow with font awesome one*/ font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f078"; color: #FFFFFF; background-color:#ff6642; left: 277px; top: -29px; padding: 4px 5px 2px 5px; pointer-events: none; /* required even though it's not supported */ position:relative; } .contactform {margin-top:-30px;} .stickylinks { position:sticky; position:-webkit-sticky; /* Safari */ /*top: 145px;*/ top: 80px; width: 100%; z-index:1; display: flex; justify-content: center; /* align horizontal */ align-items: center; /* align vertical */ height:40px; font-size: small; margin-bottom:10px; white-space: wrap; } .stickylinksSearch { position:sticky; position:-webkit-sticky; /* Safari */ /*top: 180px;*/ top: 115px; margin-top: -25px; margin-bottom:0px; width: 100%; z-index:1; height:25px; background-color: #e8e8e8; white-space:nowrap; } #gen_table thead th { /* creates a sticky header for all tables with gen_table id*/ position:sticky; position:-webkit-sticky; /* Safari */ top: 100px; z-index: 0; /* needed to keep table headers from scrolling over top line menu bar */ background-clip:padding-box; /* makes vertical lines in cells*/ } #gen_table_search tr th { /* creates a sticky header for all tables with gen_table_search id*/ position:sticky; position:-webkit-sticky; /* Safari */ top:-115px; z-index:0; /* needed to keep table headers from scrolling over top line menu bar */ background-clip:padding-box; /* makes vertical lines in cells*/ } .menuspacer2 {position: relative; left: 0px; top: -100px;} /* --- Needed to space content below fixed top line menu header, use when other does not work --- */ .menuspacer3 {position: relative; left: 0px; top: -100px;} select { font-family: sans-serif; } .ymlabel {vertical-align:top} /* on mobile devices places column label at top of table cell */ /*.phone {margin-top:60px;}*/ .phone {margin-top:-20px;} .phone2 {margin-top:40px;} .actype {float:left; width:30%;} .acdesc {float:left; width:60%;} .acimage {display:none;} .navylinks{margin-right:45px;} /* needed to space links on small width screens */ #msgnote {display:none;} }/* end of 650px media */ @media screen and (max-width:631px){ .norecmsg {height:auto; min-height:60px; width:100%; color:white; background:#1e3044; text-align:center; vertical-align:middle; border-radius:5px; margin-top:170px;} .Nnorecmsg {height:auto; min-height:60px; width:100%; color:white; background:#1e3044; text-align:center; vertical-align:middle; border-radius:5px; margin-top:170px;} }/* end of 631px media */ @media screen and (max-width:500px){ #mobileMenubutton {margin-top:-47px; margin-right:-30px;} .norecmsg {height:auto; min-height:60px; width:100%; color:white; background:#1e3044; text-align:center; vertical-align:middle; border-radius:5px; margin-top:190px;} .smallfont { font-size:xx-small; line-height:1.2;} .smallfont tr.first th, tr.first td { position:sticky; position:-webkit-sticky; top:86px; background-color: #000000; border-bottom:none !important; z-index:1; } .smallfont tr.second th, tr.second td { position:sticky; position:-webkit-sticky; top:107px; background-clip:padding-box; /* makes vertical lines in cells*/ border-top:none !important; z-index:1;} }/* end of 500px media */ @media screen and (max-width:480px){ .norecmsg {height:auto; min-height:60px; width:100%; color:white; background:#1e3044; text-align:center; vertical-align:middle; border-radius:5px; margin-top:220px;} .Nnorecmsg {height:auto; min-height:60px; width:100%; color:white; background:#1e3044; text-align:center; vertical-align:middle; border-radius:5px; margin-top:220px;} }/* end of 480px media */ @media screen and (max-width:382px){ .afNames {height:auto; min-height:60px; width:100%; color:white; background:#1e3044; text-align:center; vertical-align:middle; border-radius:5px; margin-top:110px;} }/* end of 382px media */ @media screen and (max-width:322px){ .norecmsg {height:auto; min-height:60px; width:100%; color:white; background:#1e3044; text-align:center; vertical-align:middle; border-radius:5px; margin-top:400px;} .Nnorecmsg {height:auto; min-height:60px; width:100%; color:white; background:#1e3044; text-align:center; vertical-align:middle; border-radius:5px; margin-top:390px;} .stickylinks{display:none;} #tips{display:none;} #CLupdate {display:block;} .headerContactlist { top: 106px; position: -webkit-sticky; position: sticky; z-index: 1;} .stickylinksSearch { position:sticky; position:-webkit-sticky; /* Safari */ /*top: 180px;*/ top: 87px; margin-top: 210px; margin-bottom:0px; width: 100%; z-index:1; height:25px; background-color: #e8e8e8; white-space:nowrap; } .headers { top: 110px; position: -webkit-sticky; position: sticky; z-index: 1;} }/* end 322 pixel media */ @media screen and (max-width:300px){ #frowning_smiley {visibility:hidden;} }/* end 300 pixel media */ /* Note: resolutionNotSupported.js is used to redirect to resolutionNotSupported.asp once screen width