Utilities
CSS Minifier
Online CSS Minifier Tool and Compressor, with Fast and Simple API Access
Input CSS
/*** UNIVERSALS ***/

body {
	background: #eeeeee;
}
body a { color: #000066; text-decoration: none; }
body a:visited { color: #000066; }
body a:hover { color: #0000ff; }
body a:link:hover { color: #0000ff; }
body a:active:hover { color: #0000ff; }
body a:visited:hover { color: #0000ff; }

h1, h2 {
	margin: 0 0 10px 0;
	color:#000066;
}

h3, h4 {
	margin: 4% 0 1% 0;
	color:#000066;
}

h5 {
	margin: 10px 0 0 0;
	font-size: 65%;
}

h6 {
	margin: 10px 0 0 0;
	font-size: 50%;
}

p {
	color: #333;
	margin: 0;
	line-height: 1.5;
	padding: 1.5% 0 1.5% 0;
}

ul {
	margin-top: .75%;
}

li {
	color: #333;
	line-height: 1.5;
	margin-left: 25px;
}

.center { text-align: center; }
.justify { text-align: justify; }
.fulljustify:after {
	content: "";
	display: inline-block;
	width: 100%;
}

.bg-red { background-color: red; }
.bg-black { background-color: black; }

.clear { clear: both; }
.table { display: table; width: 100%; }
.row { display: table-row; }
.cell { display: table-cell; }

img { vertical-align: bottom; max-width: 100%; }

.flexBox {
	-ms-box-orient: horizontal;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -moz-flex;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: row wrap;
	flex-flow: row wrap;
}

	
/*** UNIQUE TEXT ***/

.quote, .quote-author {
	font: 400 100% 'Oleo Script', Helvetica, sans-serif;
	font-style: italic;
	text-indent: 7.5%;
	color: #333;
}
.quote::first-letter { 
	font-size: 200%;
	line-height: 0;
}
.quote-author { text-align: right; }


/*** CONTENT CONTAINERS ***/

#content-wrapper {
	width: 100%;
	position: absolute;
	bottom: 0;
}

#content-container-fullscreen {
	clear: both;
	width: 100%;
	margin: 0 auto;
	background: white;
}

#content-container {
	clear: both;
	max-width: 1200px;
	margin: 0 auto;
	background: white;
}

.container-left, .container-left-admin {
	float: left;
	margin: 20px 0 1% 1%;
}

.container-center, .container-center-admin {
	float: left;
	margin: 2px 1% 1% 1%;
	background: #eeeeee;
	width: 98%;
}
.container-center-admin { margin-top: -3px; }

.container-right {
	float: right;
	margin: 8px 1% 1% 0;
}


/*** MOBILE HEADER ***/

#mobile-header {
	position: fixed;
	z-index: 999;
	width: 100%;
	min-width: 320px;
	height: 58px;
	background: #000066 url("../img/headerclouds-mobile.png") repeat-x;
	background-position: center 43px;
	border-top: 1px solid white;
	border-bottom: 1px solid white;
	-webkit-filter: drop-shadow(3px 3px 3px #555);
	filter: drop-shadow(3px 3px 3px #555);
}

#mobile-header-logo {
	position: absolute;
	padding: 2px;
    -webkit-filter: drop-shadow(3px 1px 3px #333);
	filter: drop-shadow(3px 1px 3px #333);
}

#mobile-header-flypvg-text {
	float: left;
	margin: 7px 0px 29px 72px;
	font-family: Arial;
	font-size: 12px;
	color: white;
	font-weight: bold;
}

#mobile-header-menu {
	float: right;
	margin: 12px 15px 29px 0;
	cursor: pointer;
	-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
}


/*** DESKTOP HEADER ***/

#desktop-header-container {
	max-width: 1100px;
	margin: 0 auto;
}

#desktop-header {
	position: fixed;
	z-index: 999;
	width: 100%;
	height: 101px;
	background: #000066 url("../img/headerclouds.png") repeat-x;
	background-position: center 46px;
	border-top: 2px solid white;
	border-bottom: 2px solid white;
	-webkit-filter: drop-shadow(3px 3px 3px #555);
	filter: drop-shadow(3px 3px 3px #555);
}

#desktop-header-logo {
	position: absolute;
	padding: 2px 0px 2px 5px;
	-webkit-filter: drop-shadow(3px 1px 3px #333);
	filter: drop-shadow(3px 1px 3px #333);
}

#desktop-header-flypvg {
	float: left;
	margin: 8px 0px 29px 115px;
}

#desktop-header-text {
	float: right;
	margin-top: 11px;
	padding-right: 19px;
	text-align: right;
	font-family: Arial;
	font-size: 11px;
	color: white;
}

#desktop-header-menu {
	clear: both;
	margin: 0 3% 0 13%;
	font-family: Tahoma;
	font-size: 17px;
	font-weight: bold;
	cursor: pointer;
}

.desktop-header-menu-table, .desktop-header-menu-table-noborder {
	float: left;
	border-right: 1px solid #aaaaaa;
	text-align: center;
	width: 16.05%;
	color: white;
	padding: 2px;
}
.desktop-header-menu-table-noborder {
	border-right: 0;
}
.desktop-header-menu-table:hover, .desktop-header-menu-table-noborder:hover {
	background: white;
	color: #000066;
}

/*** DROPDOWN NAV MENU *** /
/* Reset */
* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}
/* Navbar */
.navbar {
	padding: 0;
}
.menu {
	list-style: none;
	display: flex;
	justify-content: center; /* center buttons */
}
.menu ul, .menu li {
	margin: 0;
	padding: 0;
}
/* Top-level menu items */
.menu > li {
	position: relative;
	border-right: 1px solid #fff;
}
.menu > li:last-child {
	border-right: none;
}
.menu > li > a {
	display: block;
	padding: 0 30px;
	color: #fff;
	text-decoration: none;
}
.menu > li > a:hover {
	background-color: #fff;
	color: #000066;
}
/* Submenu */
.submenu {
	list-style: none;
	position: absolute;
	top: 100%;
	left: 0;
	min-width: 180px;
	background-color: #444;
	display: none;
	z-index: 1000;
}
.submenu li a {
	display: block;
	padding: 0 15px;
	color: #fff;
	text-decoration: none;
	line-height: 35px;
	background-color: #000066;
	font-size: 16px;
}
.submenu li a:hover {
	color: #000066;
	background-color: #fff;
}
.menu li:hover .submenu {
	display: block;
}

/*** FOOTER ***/

#footer {
	clear: both;
	background: #000066;
	text-align: center;
	color: white;
	line-height: 1.5;
	padding: 40px 5px 35px 5px;
	font-size: 21px;
}
#footer a {text-decoration: none; color: #9999cc;}
#footer a:link:hover {color: #9999CC;}
#footer a:active:hover {text-decoration: none;}
#footer a:visited:hover {text-decoration: underline;}
#footer a:hover {text-decoration: underline;}

#desktop-footer {
	clear: both;
	background: #000066;
	text-align: right;
	font-size: 55%;
	color: #cccccc;
	padding: 10px;
}
#desktop-footer a {text-decoration: none; color: #9999cc;}
#desktop-footer a:link:hover {color: #9999CC;}
#desktop-footer a:active:hover {text-decoration: none;}
#desktop-footer a:visited:hover {text-decoration: underline;}
#desktop-footer a:hover {text-decoration: underline;}


/*** INDIVIDUAL CONTAINERS ***/

.home-content { 
	max-width: 1400px;
	overflow: hidden;
	margin: 0 auto;
}

.menu-header, .textbox-side-header {
	background-color: #000066;
	color: white;
	font-weight: bold;
	text-align: center;
}

.home-content, .menu-body, .textbox-side, .textbox-center, .frame-center, .frame-side, .contact { background-color: white; }

.textbox-center, .textbox-side-header, .textbox-side, .frame-center, .frame-side { border-radius: 5px; }

.frame-center, .frame-side { border: 5px solid white; }

.textbox-side, .frame-side { margin-top: 12px; }
.textbox-center, .frame-center { margin-top: 1.75%; }

.textbox-center { padding: 4%; }
.menu-header, .menu-body, .textbox-side, .contact { padding: 7.5%; }
.textbox-side-header { padding: 2%; }

.menu-header, .menu-body, .textbox-center, .textbox-side, .frame-center, .frame-side, .leasing-map, .leasing-container1, .leasing-container2, .contact {
	-webkit-box-shadow: 1px 1px 1px #ddd;
	-moz-box-shadow: 1px 1px 1px #ddd;
	box-shadow: 1px 1px 1px #ddd;
}

.menu-header {
	border-radius: 5px 5px 0 0;
	font-size: 125%;
}

.menu-body {
	border-radius: 0 0 5px 5px;
	font-weight: bold;
	line-height: 1.75;
	padding-left: 10%;
}
.menu-body-cell {
	display: table-cell;
	width: 1%;
}

.divider {
	clear: both;
	width: 100%;
	border-top: 1px solid #dddddd;
}

.borders-topleft {
	border-right: 1px solid black;
	border-bottom: 1px solid black;
}

.borders-topright {
	border-bottom: 1px solid black;
}

.dropshadow {
	-webkit-box-shadow: 2px 2px 2px gray;
	-moz-box-shadow: 2px 2px 2px gray;
	box-shadow: 2px 2px 2px gray;
}

.image-paragraphs {
	margin: 2% 0 2% 0;
	-webkit-box-shadow: 2px 2px 2px gray;
	-moz-box-shadow: 2px 2px 2px gray;
	box-shadow: 2px 2px 2px gray;
}


/*** UNIQUE DIVS ***/

.home-banner {
	background: url('../img/main.jpg') no-repeat;
	background-position: left center;
	background-size: cover;
	max-height: 450px;
}
.home-banner2 {
	background: url('../img/main2.jpg') no-repeat;
	background-position: left center;
	background-size: cover;
	max-height: 450px;
}

.home-columns-title {
	font-size: 120%;
	font-weight: bold;
	color: #000066;
	margin: 3% 2% 0 2%;
}

.home-columns-text {
	margin: 10px 3% 3% 3%;
}

.home-2column-container {
	display: flex;
	gap: 50px;              /* space in the middle */
	margin: 0 auto;
	padding: 0 80px 15px 80px;
	text-align: center;
	color: #333;
}
.home-2column-column {
	flex: 1;                /* equal width columns */
}
.home-2column-column-left img, .home-2column-column-right img {
	border-radius: 0;
}

.home-3column-container {
	display: flex;
	gap: 10px;
	margin: 0 auto;
	padding: 0;
	text-align: center;
	color: #333;
}

.home-3column-column {
	flex: 1; /* equal-width columns */
}

.home-3column-column img {
	border-radius: 0;
	width: 100%;
}

.home-QA {
	clear: both;
	max-width: 1280px;
	margin: 0 auto;
	text-align: center;
	padding: 25px 2% 25px 2%;
	color: #333;
}

.home-QA-HREAname, .home-QA-question {
	font-size: 200%;
	color:#000066;
	font-family: Tahoma;
	padding-bottom: 10px;
}

.home-QA-question {
	font-size: 175%;
	padding-bottom: 20px;
}

.home-QA-goal, .home-QA-answer {
	padding: 0 1% 0 1%;
	line-height: 1.5;
}

.home-QA-goal{
	font-size: 18px;
	font-weight: bold;
}

.home-QA-answer {
	padding: 0 2% 0 2%;
}

.home-photocredit {
	position: absolute;
	font-size: 8px;
	color: #cccccc;
	margin: -15px 0 0 5px;
}

.home-potm-wrapper {
	display: flex;
	justify-content: center;
	margin-top: 25px;
	margin-bottom: 25px;
}
.home-potm-link {
	display: inline-block;     /* prevents link from stretching */
	text-decoration: none;     /* removes underline */
	color: inherit;            /* keeps text color */
	margin: 0 auto;
}
.home-potm {
	display: flex;
	align-items: center;
	max-width: 700px;
	padding: 0;
	border: 1px solid #ddd;
	border-radius: 5px;
	background-color: #1e293b;
	text-align: center;
	font-size: 24px;
	font-weight: bold;
	color: #ffffff;
}


.fuel-hours, .fuel-logo {
	width: 67.5%;
	font-size: 14px;
	text-align: center;
	vertical-align: middle;
	padding: 3% 2% 2% 2%;
}
.fuel-logo { text-align: left; }

.fuel-type {
	width: 35%;
	font-size: 15px;
	text-align: center;
	vertical-align: middle;
	color: white;
	font-weight: bold;
	padding: 5px 0 5px 0;
}

.fuel-prices {
	font-size: 14px;
	text-align: right;
	font-weight: bold;
	line-height: 1.5;
	padding: 5px;
}

.leasing-map {
	margin: 3% 0 3% 0;
	border: 2px solid #222222;
	border-radius: 2px;
}

.leasing-container1, .leasing-container2 {
	clear: both;
	border-radius: 5px;
	margin-top: 1%;
	border: 1px solid #999999;
}
.leasing-container1 { background-color: #dddddd; }
.leasing-container2 { background-color: white; }

.leasing-title {
	background-color: #222222;
	border-radius: 5px 5px 0 0;
	color: white;
	font-size: 110%;
	font-weight: bold;
	text-align: center;
	padding: 1%;
}

.leasing-status {
	font-weight: bold;
	text-align: center;
	padding-top: 2%;
}

.leasing-image-cell {
	width: 33%;
	padding: 2% 1% 2% 2%;
}

.leasing-image1, .leasing-image2 {
	width: 100%;
	border-radius: 2px;
	border: 2px solid #222222;
}
.leasing-image1 { background-color: #dcdcdc; }
.leasing-image2 { background-color: white; }

.leasing-description {
	font-size: 95%;
	color: #333;
	vertical-align: top;
	padding: 2%;
}

.leasing-contact {
	text-align: center;
	font-weight: bold;
	background-color: #000066;
	font-size: 125%;
	color: #ffffff;
	padding: .5rem;
	margin: 1rem 0 .5rem 0;
	border-radius: 5px;
	line-height: 1.2;
}
.leasing-contact a:link, .leasing-contact a:visited, .leasing-contact a:hover, .leasing-contact a:active { color: #ffffff; text-decoration: underline; }

.contact-photo, .admin-contact-photo {
	width: 125px;
}

.contact-info {
	color: #333;
	line-height: 1.44;
	vertical-align: top;
	padding-left: 12px;
}

.contact-info p {
	padding: 0;
}

.contact-description {
	padding-top: 1.5%;
}

.contact-name {
	font-size: 125%;
	color: #000066;
	font-weight: bold;
}

.google-maps {
	position: relative;
	padding-bottom: 50%; /*** This is the aspect ratio ***/
	height: 0;
	overflow: hidden;
	margin: 2% 0 5% 0;
}

.google-maps iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
}

.localhotels {
	float: left;
	width: 316px;
	padding-top: 2%;
	font-size: 90%;
	color: #333;
}

.localhotels-photo {
	float: left;
	margin: 0 7px 0 0;
}

.localhotels-name {
	font-size:100%;
	font-weight: bold;
	color: #000066;
}

.carrentals-logo {
	width: 37%;
	padding: 1.5% 10px 1.5% 0;
	vertical-align: middle;
}

.carrentals-text {
	vertical-align: middle;
	line-height: 1.25;
	color: #333;
}

.tenant-image {
	float:right;
	width:25%;
	padding:2%;
}

.fuelpage-table {
	margin-top: 2%;
	border: 1px solid black;
}

.fuelpage-type {
	font-size: 150%;
	text-align: center;
	vertical-align: middle;
	color: white;
	font-weight: bold;
	padding: 5px 0 5px 0;
}

.fuelpage-prices {
	font-size: 120%;
	text-align: center;
	font-weight: bold;
	line-height: 1.5;
	padding: 5px;
}

.airportdetails-table {
	display: table;
	width: 100%;
	border: 2px solid #cccccc;
	margin: 2% 0 3% 0;
}

.rowshade {
	background-color: #eeeeee;
}

.airportdetails-cell {
	display: table-cell;
	padding: 1%;
	border: 1px solid #dddddd;
	font-size: 90%;
	vertical-align: middle;
}

.history-right, .history-left {
	-webkit-box-shadow: 2px 2px 2px gray;
	-moz-box-shadow: 2px 2px 2px gray;
	box-shadow: 2px 2px 2px gray;
	margin: 2.1% 0 1% 0;
	width: 208px;
}
.history-left {
	float: left;
	margin-right: 15px;
}
.history-right {
	float: right;
	margin-left: 15px;
}

.rentalinquiryform {
	margin-top: 25px;
}

.rentalinquiryform input[type=text], .rentalinquiryform textarea, .rentalinquiryform input[type=date] {
	margin-top: 2px;
	padding: 3px 6px;
	border: 1px solid #000066;
	border-radius: 4px;
	background-color: #eeeeee;
}
.rentalinquiryform input[type=text], .rentalinquiryform textarea {
	width: 100%;
}

.surveytable {
	margin: 20px 0;
}
.surveytable table {
	width: 100%;
}
.surveytable tr:nth-child(even) {
  background-color: #eeeeee;
}
.surveytable td {
	text-align: center;
	padding: 5px;
}

.admin-selection {
	border: 3px solid #000066;
	border-radius: 3px;
	text-align: center;
	color: white;
	font-family: Tahoma;
	font-size: 40px;
	font-weight: bold;
	-webkit-text-stroke-width: 1px;
	-webkit-text-stroke-color: #333;
	text-shadow: 1px 1px black;
	padding: 4%;
	margin: 2%;
    -webkit-filter: brightness(100%);
	-moz-filter: brightness(100%);
	-o-filter: brightness(100%);
	-ms-filter: brightness(100%);
	filter: brightness(100%);
}
.admin-selection:hover {
	border: 3px solid red;
	color: red;
	-webkit-filter: brightness(95%);
	-moz-filter: brightness(95%);
	-o-filter: brightness(95%);
	-ms-filter: brightness(95%);
	filter: brightness(95%);
}

.admin-leasingtable, .admin-leasingtable-rightborder, .admin-leasingtable-header, .admin-leasingtable-header-rightborder {
	display: table-cell;
	border-left: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
	vertical-align: middle;
	padding: 6px 2px 6px 2px;
}

.admin-leasingtable-header, .admin-leasingtable-header-rightborder {
	border-top: 1px solid #dddddd;
	background-color: #000066;
}
.admin-leasingtable-header a, .admin-leasingtable-header a:visited { color: white; font-weight: bold; text-decoration: none; }
.admin-leasingtable-header a:hover, .admin-leasingtable-header a:link, .admin-leasingtable-header a:active, .admin-leasingtable-header a:visited { color: #b8d1f3; font-weight: bold; }

.admin-leasingtable-rightborder, .admin-leasingtable-header-rightborder {
	border-right: 1px solid #dddddd;
}

.admin-leasingtable-rowhover:hover {
	background-color: #b8d1f3;
}


/*** SLIDEBARS MENU ***/

[off-canvas] { background-color: #eeeeee; }
[canvas=container],
[off-canvas] { padding: 0px 0px; }
[class*=js-] { cursor: pointer; }

#slidebars-container{
	width: 99.25%;
	margin-top: 70px;
}

.mobilemenu, .mobilemenu-noborder, .accordion, .mobilemenu-sub {
	margin: 0 15px 0 15px;
	padding: 5px;
	border-bottom: 1px solid #ddd;
	font-family: Tahoma;
	font-size: 175%;
	color: #000066;
	text-align: left;
	cursor: pointer;
	transition: 0.4s;
}

.mobilemenu-noborder { border-bottom: 0; }
.mobilemenu-sub { font-size: 125%; margin-left: 16px; }

.mobilemenu.active, .mobilemenu:hover, .mobilemenu-noborder.active, .mobilemenu-noborder:hover, .accordion.active, .accordion:hover, .mobilemenu-sub.active, .mobilemenu-sub:hover {
	color: #0000ff;
}

.accordion:after { float: right; content: '\002B'; }
.accordion.active:after { content: '\2212'; }

.panel {
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.2s ease-out;
}


/*** Rotating Icons ***/

.mobile-icons, .desktop-icons {
	display:inline-block;
	/*** ROTATING ANIMATION (REMOVED)
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	***/
}
/*** ROTATING ANIMATION (REMOVED)
.mobile-icons:hover, .mobile-icons:active, .desktop-icons:hover, .desktop-icons:active {
	-webkit-transform: scale(1.1) rotate(360deg);
	-moz-transform: scale(1.1) rotate(360deg);
	-ms-transform: scale(1.1) rotate(360deg);
	-o-transform: scale(1.1) rotate(360deg);
	transform: scale(1.1) rotate(360deg);
	-webkit-filter: drop-shadow(1px 1px 3px #333);
	filter: drop-shadow(1px 1px 3px #333);
}
***/
.mobile-icons {
	width: 30px;
	margin: 0 5px 0 5px;
}
.desktop-icons {
	width: 24px;
	margin: 0 2px 0 2px;
}


/*** Menu "Hamburger" Icon Animation by Jesse Couch ***/

#mobileicon {
  width: 27px;
  height: 20px;
  position: relative;
  margin: 0 auto;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
}
#mobileicon span {
  display: block;
  position: absolute;
  height: 4px;
  width: 100%;
  background: #fff;
  border-radius: 9px;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}
#mobileicon span:nth-child(1) { top: 0px; }
#mobileicon span:nth-child(2),#mobileicon span:nth-child(3) { top: 8px; }
#mobileicon span:nth-child(4) { top: 16px; }
#mobileicon.open span:nth-child(1) {
  top: 9px;
  width: 0%;
  left: 50%;
}
#mobileicon.open span:nth-child(2) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
#mobileicon.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
#mobileicon.open span:nth-child(4) {
  top: 9px;
  width: 0%;
  left: 50%;
}


/*** YOUTUBE VIDEO CONTAINER ***/

.youtubecontainer {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
}
.video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/*** RESPONSIVE LAYOUT CSS ***/

@media (min-width: 0px) and (max-width: 949px) {
	#desktop-header, #desktop-footer, .container-left, .container-left-admin, .container-right, .desktop-only { display: none; }
	#content-wrapper { top: 60px; }
	.container-center, .container-center-admin { margin-top: -2px; }
	.home-photocredit {	font-size: 6px;	margin: -10px 0 0 5px; }
	.home-2column-container, .home-3column-container { flex-direction: column; padding: 0 0 10px 0; gap: 10px; }
}

@media (min-width: 950px) and (max-width: 1214px) {
	#mobile-header, .container-right, .mobile-only { display: none; }
	#content-container { width: 95%; }
	.container-center { width: 78%; }
	.container-center-admin { width: 78%; }
	.container-left { width: 19%; }
	.container-left-admin { width: 19%; }
	#content-wrapper { top: 100px; }
	.fuelpage-type, .fuelpage-prices { width: 50%; }
	.container-center, .container-center-admin { min-height: 90vh; }
}

@media screen and (min-width: 1215px) {
	#mobile-header, .mobile-only { display: none; }
	#content-container { width: 100%; }
	.container-center { width: 57.4%; }
	.container-center-admin { width: 79.9%; }
	.container-left { width: 17.1%; }
	.container-left-admin { width: 17.1%; }
	.container-right { width: 21.5%; }
	#desktop-header-menu { width: 72%; }
	#content-wrapper { top: 100px; }
	.fuelpage-type, .fuelpage-prices { width: 50%; }
	.container-center, .container-center-admin { min-height: 90vh; }
}

@media (min-width: 0px) and (max-width: 550px) {
	p {	padding: 3% 0 3% 0;	}
	.contact-photo { width: 100px; }
	.admin-contact-photo { width: 70px; }
	.history-right, .history-left { float: none; width: 100%; margin: 2% 0 2% 0; }
}

@media (min-width: 0px) and (max-width: 800px) {
	#footer { font-size: 16px; }
	.home-potm {font-size: 20px; }
}

@media screen and (min-width: 1420px) {
	.home-banner {
		border-radius: 0 0 5px 5px;
	}
	.home-banner2 {
		border-radius: 5px 5px 0 0;
	}
	.home-aerial img {
		display: block;
		border-radius: 5px;
	}
	.home-2column-column-left img, .home-2column-column-right img, .home-3column-column img {
		border-radius: 5px;
	}
}
Minified CSS Output
body a,body a:visited{color:#006}h5,h6{margin:10px 0 0}li,p{line-height:1.5}#desktop-header,#mobile-header{position:fixed;z-index:999;width:100%}.menu,.submenu{list-style:none}#desktop-footer,#footer{background:#006;clear:both}#desktop-footer a:active:hover,#footer a:active:hover,.home-potm-link,.menu>li>a,.submenu li a,body a{text-decoration:none}.menu li:hover .submenu,.menu>li>a,.submenu li a{display:block}#mobileicon span,.google-maps iframe,.submenu{left:0;position:absolute}body{background:#eee}.accordion.active,.accordion:hover,.mobilemenu-noborder.active,.mobilemenu-noborder:hover,.mobilemenu-sub.active,.mobilemenu-sub:hover,.mobilemenu.active,.mobilemenu:hover,body a:active:hover,body a:hover,body a:link:hover,body a:visited:hover{color:#00f}h1,h2{margin:0 0 10px;color:#006}h3,h4{margin:4% 0 1%;color:#006}li,p{color:#333}h5{font-size:65%}h6{font-size:50%}*,p{margin:0}p{padding:1.5% 0}ul{margin-top:.75%}li{margin-left:25px}.center{text-align:center}.justify{text-align:justify}#desktop-footer,.quote-author{text-align:right}.fulljustify:after{content:"";display:inline-block;width:100%}.bg-red{background-color:red}.bg-black{background-color:#000}.clear{clear:both}.table{display:table;width:100%}.row{display:table-row}.cell{display:table-cell}img{vertical-align:bottom;max-width:100%}.flexBox{-ms-box-orient:horizontal;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-moz-flex;display:-webkit-flex;display:flex;-webkit-flex-flow:row wrap;flex-flow:row wrap}.quote,.quote-author{font:italic 400 100% 'Oleo Script',Helvetica,sans-serif;text-indent:7.5%;color:#333}.quote::first-letter{font-size:200%;line-height:0}#content-wrapper{width:100%;position:absolute;bottom:0}#content-container-fullscreen{clear:both;width:100%;margin:0 auto;background:#fff}#content-container{clear:both;max-width:1200px;margin:0 auto;background:#fff}.container-left,.container-left-admin{float:left;margin:20px 0 1% 1%}.container-center,.container-center-admin{float:left;margin:2px 1% 1%;background:#eee;width:98%}.container-center-admin{margin-top:-3px}.container-right{float:right;margin:8px 1% 1% 0}#mobile-header{min-width:320px;height:58px;background:url("../img/headerclouds-mobile.png") center 43px repeat-x #006;border-top:1px solid #fff;border-bottom:1px solid #fff;-webkit-filter:drop-shadow(3px 3px 3px #555);filter:drop-shadow(3px 3px 3px #555)}#mobile-header-logo{position:absolute;padding:2px;-webkit-filter:drop-shadow(3px 1px 3px #333);filter:drop-shadow(3px 1px 3px #333)}#mobile-header-flypvg-text{float:left;margin:7px 0 29px 72px;font-family:Arial;font-size:12px;color:#fff;font-weight:700}#mobile-header-menu{float:right;margin:12px 15px 29px 0;cursor:pointer;-webkit-tap-highlight-color:rgba(255,255,255,0)}#desktop-header-container{max-width:1100px;margin:0 auto}#desktop-header{height:101px;background:url("../img/headerclouds.png") center 46px repeat-x #006;border-top:2px solid #fff;border-bottom:2px solid #fff;-webkit-filter:drop-shadow(3px 3px 3px #555);filter:drop-shadow(3px 3px 3px #555)}#desktop-header-logo{position:absolute;padding:2px 0 2px 5px;-webkit-filter:drop-shadow(3px 1px 3px #333);filter:drop-shadow(3px 1px 3px #333)}#desktop-header-flypvg{float:left;margin:8px 0 29px 115px}#desktop-header-text{float:right;margin-top:11px;padding-right:19px;text-align:right;font-family:Arial;font-size:11px;color:#fff}#desktop-header-menu{clear:both;margin:0 3% 0 13%;font-family:Tahoma;font-size:17px;font-weight:700;cursor:pointer}.desktop-header-menu-table,.desktop-header-menu-table-noborder{float:left;border-right:1px solid #aaa;text-align:center;width:16.05%;color:#fff;padding:2px}*,.contact-info p,.navbar,[canvas=container],[off-canvas]{padding:0}.desktop-header-menu-table-noborder{border-right:0}.desktop-header-menu-table-noborder:hover,.desktop-header-menu-table:hover{background:#fff;color:#006}*{box-sizing:border-box}.menu{display:flex;justify-content:center}.menu li,.menu ul{margin:0;padding:0}.menu>li{position:relative;border-right:1px solid #fff}.menu>li:last-child{border-right:none}.menu>li>a{padding:0 30px;color:#fff}.menu>li>a:hover{background-color:#fff;color:#006}.submenu{top:100%;min-width:180px;background-color:#444;display:none;z-index:1000}.submenu li a{padding:0 15px;color:#fff;line-height:35px;background-color:#006;font-size:16px}.submenu li a:hover{color:#006;background-color:#fff}#footer{text-align:center;color:#fff;line-height:1.5;padding:40px 5px 35px;font-size:21px}#desktop-footer a,#footer a{text-decoration:none;color:#99c}#desktop-footer a:link:hover,#footer a:link:hover{color:#99c}#desktop-footer a:hover,#desktop-footer a:visited:hover,#footer a:hover,#footer a:visited:hover{text-decoration:underline}#desktop-footer{font-size:55%;color:#ccc;padding:10px}.home-content{max-width:1400px;overflow:hidden;margin:0 auto}.menu-header,.textbox-side-header{background-color:#006;color:#fff;font-weight:700;text-align:center}.contact,.frame-center,.frame-side,.home-content,.leasing-container2,.leasing-image2,.menu-body,.textbox-center,.textbox-side{background-color:#fff}.frame-center,.frame-side,.textbox-center,.textbox-side,.textbox-side-header{border-radius:5px}.frame-center,.frame-side{border:5px solid #fff}.borders-topleft,.borders-topright{border-bottom:1px solid #000}.frame-side,.textbox-side{margin-top:12px}.frame-center,.textbox-center{margin-top:1.75%}.textbox-center{padding:4%}.contact,.menu-body,.menu-header,.textbox-side{padding:7.5%}.textbox-side-header{padding:2%}.contact,.frame-center,.frame-side,.leasing-container1,.leasing-container2,.leasing-map,.menu-body,.menu-header,.textbox-center,.textbox-side{-webkit-box-shadow:1px 1px 1px #ddd;-moz-box-shadow:1px 1px 1px #ddd;box-shadow:1px 1px 1px #ddd}.dropshadow,.image-paragraphs{-webkit-box-shadow:2px 2px 2px gray;-moz-box-shadow:2px 2px 2px gray}.menu-header{border-radius:5px 5px 0 0;font-size:125%}.menu-body{border-radius:0 0 5px 5px;font-weight:700;line-height:1.75;padding-left:10%}.menu-body-cell{display:table-cell;width:1%}.divider{clear:both;width:100%;border-top:1px solid #ddd}.borders-topleft{border-right:1px solid #000}.dropshadow{box-shadow:2px 2px 2px gray}.image-paragraphs{margin:2% 0;box-shadow:2px 2px 2px gray}.home-banner{background:url('../img/main.jpg') left center/cover no-repeat;max-height:450px}.home-banner2{background:url('../img/main2.jpg') left center/cover no-repeat;max-height:450px}.home-columns-title{font-size:120%;font-weight:700;color:#006;margin:3% 2% 0}.home-columns-text{margin:10px 3% 3%}.home-2column-container,.home-3column-container,.home-QA{margin:0 auto;color:#333;text-align:center}.home-2column-container{display:flex;gap:50px;padding:0 80px 15px}.home-2column-column,.home-3column-column{flex:1}.home-2column-column-left img,.home-2column-column-right img{border-radius:0}.home-3column-container{display:flex;gap:10px;padding:0}.home-3column-column img{border-radius:0;width:100%}.home-QA{clear:both;max-width:1280px;padding:25px 2%}.home-QA-HREAname,.home-QA-question{font-size:200%;color:#006;font-family:Tahoma;padding-bottom:10px}.home-QA-question{font-size:175%;padding-bottom:20px}.home-QA-answer,.home-QA-goal{padding:0 1%;line-height:1.5}.home-QA-goal{font-size:18px;font-weight:700}.home-QA-answer{padding:0 2%}.home-photocredit{position:absolute;font-size:8px;color:#ccc;margin:-15px 0 0 5px}.home-potm-wrapper{display:flex;justify-content:center;margin-top:25px;margin-bottom:25px}.home-potm-link{display:inline-block;color:inherit;margin:0 auto}.fuel-type,.home-potm,.leasing-title{color:#fff;font-weight:700}.home-potm{display:flex;align-items:center;max-width:700px;padding:0;border:1px solid #ddd;border-radius:5px;background-color:#1e293b;text-align:center;font-size:24px}.fuel-hours,.fuel-logo{width:67.5%;font-size:14px;text-align:center;vertical-align:middle;padding:3% 2% 2%}.fuel-logo{text-align:left}.fuel-type{width:35%;font-size:15px;text-align:center;vertical-align:middle;padding:5px 0}.fuel-prices{font-size:14px;text-align:right;font-weight:700;line-height:1.5;padding:5px}.leasing-map{margin:3% 0;border:2px solid #222;border-radius:2px}.leasing-container1,.leasing-container2{clear:both;border-radius:5px;margin-top:1%;border:1px solid #999}.leasing-container1{background-color:#ddd}.leasing-title{background-color:#222;border-radius:5px 5px 0 0;font-size:110%;text-align:center;padding:1%}.leasing-status{font-weight:700;text-align:center;padding-top:2%}.leasing-image-cell{width:33%;padding:2% 1% 2% 2%}.leasing-image1,.leasing-image2{width:100%;border-radius:2px;border:2px solid #222}.leasing-image1{background-color:#dcdcdc}.leasing-description{font-size:95%;color:#333;vertical-align:top;padding:2%}.contact-name,.leasing-contact{font-size:125%;font-weight:700}.leasing-contact{text-align:center;background-color:#006;color:#fff;padding:.5rem;margin:1rem 0 .5rem;border-radius:5px;line-height:1.2}.leasing-contact a:active,.leasing-contact a:hover,.leasing-contact a:link,.leasing-contact a:visited{color:#fff;text-decoration:underline}.admin-contact-photo,.contact-photo{width:125px}.contact-info{color:#333;line-height:1.44;vertical-align:top;padding-left:12px}.contact-description{padding-top:1.5%}.contact-name{color:#006}.google-maps{position:relative;padding-bottom:50%;height:0;overflow:hidden;margin:2% 0 5%}.google-maps iframe{top:0;width:100%!important;height:100%!important}.localhotels{float:left;width:316px;padding-top:2%;font-size:90%;color:#333}.localhotels-photo{float:left;margin:0 7px 0 0}.localhotels-name{font-size:100%;font-weight:700;color:#006}.carrentals-logo{width:37%;padding:1.5% 10px 1.5% 0;vertical-align:middle}.carrentals-text{vertical-align:middle;line-height:1.25;color:#333}.tenant-image{float:right;width:25%;padding:2%}.fuelpage-table{margin-top:2%;border:1px solid #000}.fuelpage-type{font-size:150%;text-align:center;vertical-align:middle;color:#fff;font-weight:700;padding:5px 0}.fuelpage-prices{font-size:120%;text-align:center;font-weight:700;line-height:1.5;padding:5px}.airportdetails-table{display:table;width:100%;border:2px solid #ccc;margin:2% 0 3%}.rowshade,.surveytable tr:nth-child(2n),[off-canvas]{background-color:#eee}.airportdetails-cell{display:table-cell;padding:1%;border:1px solid #ddd;font-size:90%;vertical-align:middle}.history-left,.history-right{-webkit-box-shadow:2px 2px 2px gray;-moz-box-shadow:2px 2px 2px gray;box-shadow:2px 2px 2px gray;margin:2.1% 0 1%;width:208px}.history-left{float:left;margin-right:15px}.history-right{float:right;margin-left:15px}.rentalinquiryform{margin-top:25px}.rentalinquiryform input[type=date],.rentalinquiryform input[type=text],.rentalinquiryform textarea{margin-top:2px;padding:3px 6px;border:1px solid #006;border-radius:4px;background-color:#eee}.rentalinquiryform input[type=text],.rentalinquiryform textarea,.surveytable table{width:100%}.surveytable{margin:20px 0}.surveytable td{text-align:center;padding:5px}.admin-selection{border:3px solid #006;border-radius:3px;text-align:center;color:#fff;font-family:Tahoma;font-size:40px;font-weight:700;-webkit-text-stroke-width:1px;-webkit-text-stroke-color:#333;text-shadow:1px 1px #000;padding:4%;margin:2%;-webkit-filter:brightness(100%);-moz-filter:brightness(100%);-o-filter:brightness(100%);-ms-filter:brightness(100%);filter:brightness(100%)}.admin-selection:hover{border:3px solid red;color:red;-webkit-filter:brightness(95%);-moz-filter:brightness(95%);-o-filter:brightness(95%);-ms-filter:brightness(95%);filter:brightness(95%)}.admin-leasingtable,.admin-leasingtable-header,.admin-leasingtable-header-rightborder,.admin-leasingtable-rightborder{display:table-cell;border-left:1px solid #ddd;border-bottom:1px solid #ddd;vertical-align:middle;padding:6px 2px}.admin-leasingtable-header,.admin-leasingtable-header-rightborder{border-top:1px solid #ddd;background-color:#006}.admin-leasingtable-header a,.admin-leasingtable-header a:visited{color:#fff;font-weight:700;text-decoration:none}.admin-leasingtable-header a:active,.admin-leasingtable-header a:hover,.admin-leasingtable-header a:link,.admin-leasingtable-header a:visited{color:#b8d1f3;font-weight:700}.admin-leasingtable-header-rightborder,.admin-leasingtable-rightborder{border-right:1px solid #ddd}.admin-leasingtable-rowhover:hover{background-color:#b8d1f3}[class*=js-]{cursor:pointer}#slidebars-container{width:99.25%;margin-top:70px}.accordion,.mobilemenu,.mobilemenu-noborder,.mobilemenu-sub{margin:0 15px;padding:5px;border-bottom:1px solid #ddd;font-family:Tahoma;font-size:175%;color:#006;text-align:left;cursor:pointer;transition:.4s}.mobilemenu-noborder{border-bottom:0}.mobilemenu-sub{font-size:125%;margin-left:16px}.accordion:after{float:right;content:'\002B'}.accordion.active:after{content:'\2212'}.panel{max-height:0;overflow:hidden;transition:max-height .2s ease-out}.desktop-icons,.mobile-icons{display:inline-block}.mobile-icons{width:30px;margin:0 5px}.desktop-icons{width:24px;margin:0 2px}#mobileicon{width:27px;height:20px;position:relative;margin:0 auto;-webkit-transform:rotate(0);-moz-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0);-webkit-transition:.5s ease-in-out;-moz-transition:.5s ease-in-out;-o-transition:.5s ease-in-out;transition:.5s ease-in-out;cursor:pointer}#mobileicon span{display:block;height:4px;width:100%;background:#fff;border-radius:9px;opacity:1;-webkit-transform:rotate(0);-moz-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0);-webkit-transition:.25s ease-in-out;-moz-transition:.25s ease-in-out;-o-transition:.25s ease-in-out;transition:.25s ease-in-out}#mobileicon span:first-child{top:0}#mobileicon span:nth-child(2),#mobileicon span:nth-child(3){top:8px}#mobileicon span:nth-child(4){top:16px}#mobileicon.open span:first-child,#mobileicon.open span:nth-child(4){top:9px;width:0%;left:50%}#mobileicon.open span:nth-child(2){-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}#mobileicon.open span:nth-child(3){-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}.youtubecontainer{position:relative;width:100%;height:0;padding-bottom:56.25%}.video{position:absolute;top:0;left:0;width:100%;height:100%}@media (min-width:0px) and (max-width:949px){#desktop-footer,#desktop-header,.container-left,.container-left-admin,.container-right,.desktop-only{display:none}#content-wrapper{top:60px}.container-center,.container-center-admin{margin-top:-2px}.home-photocredit{font-size:6px;margin:-10px 0 0 5px}.home-2column-container,.home-3column-container{flex-direction:column;padding:0 0 10px;gap:10px}}@media (min-width:950px) and (max-width:1214px){#mobile-header,.container-right,.mobile-only{display:none}#content-container{width:95%}.container-center,.container-center-admin{width:78%;min-height:90vh}.container-left,.container-left-admin{width:19%}#content-wrapper{top:100px}.fuelpage-prices,.fuelpage-type{width:50%}}@media screen and (min-width:1215px){#mobile-header,.mobile-only{display:none}#content-container{width:100%}.container-center{width:57.4%}.container-center-admin{width:79.9%}.container-left,.container-left-admin{width:17.1%}.container-right{width:21.5%}#desktop-header-menu{width:72%}#content-wrapper{top:100px}.fuelpage-prices,.fuelpage-type{width:50%}.container-center,.container-center-admin{min-height:90vh}}@media (min-width:0px) and (max-width:550px){p{padding:3% 0}.contact-photo{width:100px}.admin-contact-photo{width:70px}.history-left,.history-right{float:none;width:100%;margin:2% 0}}@media (min-width:0px) and (max-width:800px){#footer{font-size:16px}.home-potm{font-size:20px}}@media screen and (min-width:1420px){.home-2column-column-left img,.home-2column-column-right img,.home-3column-column img,.home-aerial img{border-radius:5px}.home-banner{border-radius:0 0 5px 5px}.home-banner2{border-radius:5px 5px 0 0}.home-aerial img{display:block}}
CSS Minifier Tool Documentation
The API has changed, to see more please click here
To minify/compress your CSS, perform a POST request to

API https://www.toptal.com/developers/cssminifier/api/raw
with the input parameter set to the CSS you want to minify.

Hire World Class Talent with Toptal
CSS Developers
Landing Page Designers
Animation Designers
Web Developers
Social Media Designers
Webflow Designers
Blog Designers
Salesforce Consultants
Mobile UI Designers
WPF Developers
Level Designers
Mobile Game Designers
CSS3 Developers
VBA Developers
Marketo Developers
Hire the top 3% of freelance talent
Join the Toptal Network
Copyright 2010 - 2026 Toptal, LLC

Privacy Policy
Website terms
By continuing to use this site you agree to our Cookie Policy Privacy Policy, and Terms of Use.

Got it