/* FOUT Fix - has class by default, removed by fonts.js on fonts load */
.tankfont-loading .tankfont {
color:transparent !important;
}
.tankfont-college { font-family: "College"; }
.tankfont-olive { font-family: "AntiqueOliveStd"; }
.tankfont-avenir { font-family: "AvenirLTStd"; }
h1,h2,h3,h4,h5,p {
margin:0;
line-height:inherit;
}
a, a:hover {
text-decoration:none;
}
html {
color:black;
width:100%;
position:relative;
}
body {
background: white;
max-width:1280px;
margin:auto;
}
.body {
padding-top:250px;
z-index: 1;
min-height: 300px;
}
.white, .white:hover {
color:white;
}
/* Menu Bar */
#menu {
background-color:black;
position:absolute;
width:100%;
left:0; right:0;
}
#bluebar {
height:96px;
background-color:#6EC4D1;
}
.menu-inner {
position:relative;
max-width:1280px;
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box; /* Firefox, other Gecko */
box-sizing: border-box; /* Opera/IE 8+ */
margin:auto;
padding-right:1%;
}
#menu-logo {
position:absolute;
top:10px;
width:218px;
z-index:9;
}
#hamburger {
display:none;
}
.menu-item {
display:inline-block;
color:white;
letter-spacing:1px;
font-size:18px;
padding:18px 1.95%;
line-height:100%;
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box; /* Firefox, other Gecko */
box-sizing: border-box; /* Opera/IE 8+ */
position:relative;
}
.menu-item:hover {
color:#6EC4D1;
}
.menu-item.active::after {
content:"";
position:absolute;
top:100%; left:0; right:0;
margin:auto;
border-top:8px solid black;
border-right:14px solid transparent;
border-left:14px solid transparent;
height:0; width:0;
}
.bounds-fix {
margin-top:6px;
}
#menu-phone {
margin-left:1.95%;
display:inline-block;
vertical-align:middle;
margin-bottom:6px;
}
#menu-phone-inner {
border-spacing: 0px;
background-color:#6EC4D1;
padding:4px 10px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
color:black;
font-size:20px;
}
#menu-phone-inner:hover {
background-color:#B8E2E8;
}
#menu-phone-icon {
display:block;
}
#menu-phone-number {
padding-top:5px;
padding-left:10px;
}
#responsive-phone {
display:none;
}
/* End Menu Bar */
/* Foot Bar */
#foot {
position:absolute;
width:100%;
left:0; right:0;
}
#foot-light {
background-color:#6EC4D1;
}
#foot-dark {
background-color:#18778C;
}
.foot-inner {
max-width:1280px;
padding:2% 1%;
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box; /* Firefox, other Gecko */
box-sizing: border-box; /* Opera/IE 8+ */
margin:auto;
}
.foot-logo {
vertical-align:middle;
padding-left:7%;
max-width:32%;
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box; /* Firefox, other Gecko */
box-sizing: border-box; /* Opera/IE 8+ */
}
#foot-terms-link {
font-size:14px;
}
/* End Foot Bar */
.no-select {
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
/* Bootstrap Bits */
.text-right { text-align:right; }
.text-left { text-align:left; }
.text-center { text-align:center; }
.pull-left { float:left; }
.pull-right { float:right; }
.clearfix {
*zoom: 1;
}
.clearfix:before,
.clearfix:after {
display: table;
line-height: 0;
content: "";
}
.clearfix:after {
clear: both;
}
/* End Bootstrap Bits */
/* Tagline */
.tagline {
margin:12% 8%;
text-align:center;
font-family: Verdana, Geneva, sans-serif;
font-style:italic;
font-size:26px;
line-height:160%;
color:#18778C;
}
/* End Tagline */
/* Testimonial Page */
.testimonial-box {
display: inline;
float: left;
width: 33%;
}
.testimonial-page {
position:relative;
z-index:9;
color:#18778C;
line-height:160%;
padding:30px;
background-color:#EEEEE4;
border:5px solid white;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px;
-webkit-border-bottom-left-radius: 0;
-moz-border-bottom-left-radius: 0;
border-bottom-left-radius: 0;
box-shadow: 3px 3px 8px #C0C0C0;
margin-top:30px;
margin-bottom: 10px;
margin-right: 15px;
min-height:180px;
}
.testimonial-page:before {
content:"";
background-color:#EEEEE4;
position:absolute;
top:100%; left:-5px;
height:50px; width:50px;
border-left:5px solid white;
}
.testimonial-page:after {
content:"";
background-color:#EEEEE4;
position:absolute;
top:100%; left:-4px;
height:45px; width:50px;
border-left:5px solid white;
border-top:5px solid white;
background-color:#FFFFFF;
-webkit-border-top-left-radius: 50px;
-moz-border-top-left-radius: 50px;
border-top-left-radius: 50px;
box-shadow: inset 3px 3px 5px #C0C0C0;
}
/* Testimonials */
.testimonial {
position:relative;
z-index:9;
color:#18778C;
line-height:160%;
padding:30px;
background-color:#EEEEE4;
border:5px solid white;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px;
-webkit-border-bottom-left-radius: 0;
-moz-border-bottom-left-radius: 0;
border-bottom-left-radius: 0;
box-shadow: 3px 3px 8px #AAAAAA;
margin-right:32%;
margin-top:80px;
margin-bottom:-50px;
min-height:180px;
}
.testimonial:before {
content:"";
background-color:#EEEEE4;
position:absolute;
top:100%; left:-5px;
height:50px; width:50px;
border-left:5px solid white;
}
.testimonial:after {
content:"";
background-color:#EEEEE4;
position:absolute;
top:100%; left:-4px;
height:45px; width:50px;
border-left:5px solid white;
border-top:5px solid white;
background-color:#6EC4D1;
-webkit-border-top-left-radius: 50px;
-moz-border-top-left-radius: 50px;
border-top-left-radius: 50px;
box-shadow: inset 3px 3px 5px #AAAAAA;
}
.testimonial-left, .tagline-right {
width:50%;
}
.testimonial-title {
font-size:17px;
}
.testimonial-content {
margin:5px 0;
font-size:15px;
}
.testimonial-customer {
font-size:15px;
font-style:italic;
}
/* End Tetsimonials */
/* Default Page Styles */
.copy-container {
display:table;
width:100%;
/*margin-top:5.47%; /* 70px/1280px */*/
}
.copy-title {
font-size:40px;
color:#18778C;
margin:2% 0;
}
.copy-content {
margin-top:8.22%; /* 40px/(0.38*1280px) */
font-family: Verdana, Geneva, sans-serif;
font-size:16px;
color:#5F5F5F;
line-height:160%;
}
.copy-content p {
margin-top:20px;
}
.copy-content:first-child {
margin-top:0;
}
.copy-content strong {
font-weight:600;
}
.copy-left {
width:38%;
}
.copy-right {
padding-left:5%;
width:62%;
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box; /* Firefox, other Gecko */
box-sizing: border-box; /* Opera/IE 8+ */
text-align:center;
vertical-align:middle;
}
.copy-image {
max-width:100%;
}
/* End Default Page Styles */
@media all and (max-width: 1280px) {
.body {
padding-top:5.47%;
padding-left:20px;
padding-right:20px;
}
#menu, #foot {
position:static;
}
.menu-inner {
padding-left:1%;
}
}
@media all and (max-width: 1220px) {
.menu-item { padding: 18px 1.5%; }
#menu-phone { margin-left:1.5% }
}
@media all and (max-width: 1170px) {
.menu-item { padding: 18px 1%; }
#menu-phone { margin-left:1% }
}
@media all and (max-width: 1120px) {
.menu-item {
font-size:17px;
}
.body {
padding-top:6.5%;
}
}
@media all and (max-width: 1030px) {
.menu-item {
font-size:16px;
}
}
@media all and (max-width: 980px) {
html,body {
width:100%;
overflow-x:hidden;
}
.body {
padding-top:0;
}
.menu-item {
font-size:14px;
}
#bluebar {
height:174px;
}
#menu-logo {
left:0; right:0; margin:auto;
z-index:0;
}
#menu-bar {
text-align:justify;
/*height:0;*/
line-height:0;
}
#menu-bar::after {
content:"."; /* Actually have to use a character */
color:transparent; /* ..so we just make it invisible */
display:inline-block;
width:100%;
}
.copy-left {
width:auto;
}
.copy-content {
margin-top:0;
}
}
@media all and (max-width: 900px) {
.testimonial {
margin-left:8%;
margin-right:8%;
}
}
@media all and (max-width: 760px) {
.testimonial-box {
display: inline;
float: left;
width: 99%;
}
.body {
padding:0 20px;
}
#bluebar {
height:181px;
}
#menu-bar {
overflow:hidden;
height:56px;
}
#responsive-phone { display:inline-block; }
#menu-phone { display:none; }
#hamburger-img {
width:28px;
}
#hamburger {
float:right;
display:block;
text-align:right;
padding-right:20px;
}
.menu-item {
padding:15px;
font-size:26px;
}
.dropdown {
display:block;
}
.bounds-fix {
margin-top:4px;
}
.testimonial-left, .testimonial {
display:none;
}
.tagline-right {
width:100%;
}
.tagline {
margin:10% 0;
}
.copy-title {
margin:5% 0;
}
.copy-content {
font-size:15px;
}
.copy-right {
width:50%;
padding-left:0;
}
}
@media all and (max-width: 500px) {
.foot-logo {
width:33.33%;
padding:0 1%;
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box; /* Firefox, other Gecko */
box-sizing: border-box; /* Opera/IE 8+ */
}
.foot-inner {
text-align:center;
}
#foot-terms-link, #made-by-tank {
float:none;
display:block;
margin:20px 0;
}
.tagline {
font-size:18px;
}
.copy-title {
margin:10% 0;
font-size:34px;
}
}
a img {
border:none; /* IE8 Fix */
}