@import url("/css/skana-plus.css");
html {background: #F5F5F5;background: linear-gradient(to right, #222222 50%, #ffCA33 50%);}
html {font-family: 'Open Sans', sans-serif, helvetica;max-width: 1440px;padding: 0;margin: 0px auto;
	background: #f5deb3;
	background-image:url('../images/bk-1440.png');
	background-repeat: repeat-y;
    background-position: top center;
}
body {min-height: 100%;font-family: 'Open Sans', sans-serif, helvetica;line-height: 175%;}
h1,h2,h3,h4,h5,h6 {color: #1f272d;font-family: 'Open Sans', sans-serif, helvetica;line-height: 140%;margin: 40px 0px 20px;}
p {color: #1f272d;font-size: 16px;line-height: 160%;margin: 20px 0px 20px;}
a {cursor: pointer;color: #004080;}
td,address {color: #1f272d;font-size: 16px;line-height: 150%;margin: 0px 0px 20px;}
caption {background-color: white;color: #151a1e;}
ul,li {color: #1f272d;font-size: 16px;line-height: 160%;margin: 0px;}
img {display: block;background-color: transparent;width: auto;max-width: 100%;height: auto;padding: 0px;margin: 0px auto;}
h4 {font-size: 20px;}

/*========== MISC ==========*/
.no-gutter {padding: 0 !important;margin: 0 !important;margin: 0 auto;}
.max-300 {max-width: 300px;}
.offset:before { 
	display: block;
 	content: " "; 
  	height: 120px;
        margin-top: -120px;
        visibility: hidden; 
}
.fb-wrap {
	display: block;
	text-align: center;
	overflow: hidden;
	border: 2px solid #DDDDDD;
	border-radius: 15px;
	max-width: 360px;
	height: auto;
	padding: 15px;
	margin: 20px auto 20px;
	}
.fb-wrap h3 {
	text-align: center;
	padding: 0;
	margin: 0px auto 10px;
	}
	
a.go:link {cursor: pointer;color: #004080;border-bottom: 2px solid #00CCFF;padding-bottom: 2px;text-decoration: none;}
a.go:visited {color: #003366;border-bottom: 2px solid #00CCFF;padding-bottom: 2px;text-decoration: none;}
a.go:hover {color: #5900b3;border-bottom: 2px solid #e0ccff;text-decoration: none;}
a.go:active {color: #006699;border-bottom: 2px solid #b3cccc;text-decoration: none;}

.cap-sp {color: #CC9900;text-transform: uppercase;letter-spacing: 1px;}
.right-pic {display: block;border-radius: 10px;float: right;overflow: auto;width: auto;height: auto;padding: 0px;margin: 10px 0px 10px 10px;}
.seven20  {display: block;background-color: transparent;width: 100%;max-width: 720px;height: auto;padding: 0px;margin: 0px auto;}
.mg-40 {margin: 40px auto 20px;}
.max-250 {max-width: 250px;}
.max-300 {max-width: 300px;}
.fs-24 {font-size: 24px;}
.fs-20 {font-size: 20px;}
.para-40 {margin: 40px 0px 40px;}

/*========== HEALTH ALERT ==========*/
.health-alert {display: block;border-left: 3px solid #00CCFF;background: #1f272d;width: 100%;height: auto;padding: 20px;margin: 0px auto;}
.health-alert h2 {color: #00CCFF;font-size: 22px;padding: 0;margin: 0px auto 10px;}
.health-alert p {color: #DDDDDD;font-size: 15px;padding: 0;margin: 0;margin-bottom: 15px;}
a:link.health-alert, a:visited.health-alert {display: block;text-decoration: none;color: #00CC99;padding: 8px 20px;margin: 0px;}
a:hover.health-alert, a:active.health-alert {color:#00CCFF;text-decoration: none;}

/*========== BUTTONS ==========*/
.btn-arrow {
  border-radius: 4px;
  background-color: #AA0000;
  border: none;
  color: #FFFFFF;
  text-align: center;
  font-size: 28px;
  padding: 20px;
  width: 200px;
  transition: all 0.5s;
  cursor: pointer;
  margin: 5px;
}

.btn-arrow span {
  cursor: pointer;
  display: inline-block;
  position: relative;
  transition: 0.5s;
}

.btn-arrow span:after {
  content: '\00bb';
  position: absolute;
  opacity: 0;
  top: 0;
  right: -20px;
  transition: 0.5s;
}
.btn-arrow:hover span {padding-right: 25px;}
.btn-arrow:hover span:after {opacity: 1;right: 0;}

/*========== WRAP ==========*/
.sk-wrap {position: relative;display: block;width: 100%;max-width: 1920px;height: auto;padding: 0;margin: 0 auto;}
.box {position: relative;display: block;width: 100%;max-width: 1920px;height: auto;padding: 0;margin: 0 auto;}

/*========== SKANA HEADER / LOGO ==========*/
header {display: block;width: auto;height: auto;background-color: #00CCFF;padding: 0px;margin: 0 auto;}
header h1 {font-size: 30px;background: #00CCFF;background: linear-gradient(to right, #cc0000 0%, #7733ff 100%);color: white;text-align: center;line-height: 130%;padding: 17px 20px;margin: 0 auto;}
header {
	background-color: #FF9900;
	background-image:url('../images/header-bk-dry-leaf.jpg');
    background-position: center;
    background-repeat: no-repeat;
	}
.sflc-logo {display: block;max-width: 220px;height: auto;padding: 0;margin: 70px auto 20px;}
.note {display: block;border-radius: 7px;background: #FF9900;width: 100%;height: auto;padding: 20px 20px 10px;margin: 30px auto 15px;opacity: 0.8;filter: alpha(opacity=80);}
.note h4 {display: block;border-radius: 5px;text-align: center;font-size: 22px;font-style: italic;background: white;color: #777777;padding: 15px;margin-top: 0px;}
.note p {font-size: 14px;color: #FFFFFF;}


/*========== MAIN WB ==========*/
.main-wb h1 {background-color: #b30000;color: white;text-align: center;line-height: 130%;padding: 20px;margin: 0 auto;}
.main-wb h5 {background-color: #EEEEEE;color: #222222;letter-spacing: 1px;
 text-align: center;line-height: 150%;padding: 15px;margin: 0 auto;}

/*========== MAIN WB ==========*/
.main-wb {background-color: #FFFFFF;padding: 20px 0px 40px;}
.sk-side {margin: 40px 0px 40px;}

/*========== LEARN MORE ==========*/
.learn-start {display: block;background-color: #339966;color: #FFFFFF;text-align: left;letter-spacing: 1px;padding: 6px 15px;margin: 0;}

/*========== RATES ==========*/
.rates-title {font-size: 36px;border-top: 1px solid #DDDDDD;border-bottom: 1px solid #DDDDDD;text-align: center;letter-spacing: 1px;background: white;color: #444444;line-height: 130%;padding: 20px 15px;margin: 0px auto;}
.rates {background: #FFFFFF;padding: 20px 0px 30px;}
.rates-box {background: #EEE6FF;border-radius: 5px;padding: 15px;margin: 0px auto 15px;}
.rates-box h3 {background: #884dff;font-size: 22px;color: #FFFFFF;letter-spacing: 1px;text-align: center;padding: 10px;margin: 0px auto 15px;}
.rates-box caption {font-size: 14px;color: #222222;text-align: center;margin: 10px auto 10px;}
.rates-box p {margin: 0px 15px 15px;}
.rates-box table {margin: 0px 0px 15px;}
.rates-box table tr td {vertical-align: baseline;width: 100%;padding: 0px 15px 10px;margin: 0px 0px 15px;}
.rates-box table tr td:first-child {padding-right: 10px;}

/*========== LEAD ==========*/
.lead {display: block;background: #009900;width: auto;height: auto;padding: 30px 0px 15px;margin: 0px auto;}
.lead {
    background: -webkit-linear-gradient(#009900 50%, #006600 50%);
    background: -moz-linear-gradient(#009900 50%, #006600 50%);
    background: -ms-linear-gradient(#009900 50%, #006600 50%);
    background: linear-gradient(#009900 50%, #006600 50%);
}
.lead h1 {font-size: 2.50em;font-weight: bold;background: #FF9900;color: #FFFFFF;padding: 15px;margin: 0;}
.lead-box {display: block;width: 100%;height: auto;background: #FF9900;padding: 0px;margin: 0px auto 0px;}
/* .hours {display: block;background: #0099FF;width: 100%;max-width: 650px;height: auto;padding: 15px 15px 5px;margin: 0px auto;}
.hours-pic {max-width: 650px;margin-top: 30px;}
.hours p {font-size: 14px;color: #EEEEEE;padding: 0px;margin: 0px 0px 10px;}
*/
.lead h6 {color: #FFFFFF;}

/*========== ABOUT ==========*/
.about-title {display: block;border-top: 1px solid #DDDDDD;border-bottom: 1px solid #DDDDDD;width: 100%;height: auto;padding: 0px;margin: 0px auto;background: #DDDDDD url('../../images/grey-noise.jpg') repeat center;}
.about-title h3 {font-size: 3em;text-align: center;letter-spacing: 1px;max-width: 1140px;background: transparent;color: #888888;line-height: 130%;padding: 30px 20px;margin: 0px auto;}
.about {background: #FFFFFF;width: auto;height: auto;padding: 0px 0px 60px;}
.about h1 {font-size: 4em;color: #CC9900;text-align: center;line-height: 110%;padding: 0px;margin: 40px 0px 15px;}
.about img {margin-top: 30px;}

/*========== ADDITIONAL ==========*/
.add-title {display: block;width: 100%;height: auto;background: #9933FF;padding: 0px;margin: 0px auto;}
.add-title {
    background: -webkit-linear-gradient(left, #511295 50%, #9933FF 50%);
    background: -moz-linear-gradient(left, #511295 50%, #9933FF 50%);
    background: -ms-linear-gradient(left, #511295 50%, #9933FF 50%);
    background: linear-gradient(left, #511295 50%, #9933FF 50%);
}
.add-title h3 {font-size: 3em;text-align: center;letter-spacing: 1px;max-width: 1140px;background: #511295;color: #FFFFFF;line-height: 130%;padding: 30px 20px;margin: 0px auto;}

/*========== FOOTER ==========*/
footer {
    display: block;
	background: #B30000;
    width: 100%;
    height: auto;
    padding: 0px;
    margin: 0px auto;
}
footer p {font-size: 14px;text-align: center;letter-spacing: 1px;color: #FFFFFF;padding: 40px 15px 40px;margin: 0px auto;}

/*========== CELL ==========*/

@media only screen and (max-width : 480px){
	#content-close {margin: 40px 0px;}
	.nav-bot > .container {margin: 0;padding: 0;}
	#nav-bot a:link  {display: block;float: none;font-size: 24px;margin: 0px auto;}
	.nav-bot {min-height: 300px;padding: 160px 0px 60px;}
	.right-pic {float: none;width: 100%;max-width: 300px;margin: 12px auto 20px;}
	.head-bk {padding: 100px 0px 30px;}
	.lead h1 {font-size: 3em;padding: 30px 20px;}
	.about-title h3 {font-size: 2em;padding: 20px 10px;}
	.learn-title h3 {font-size: 2em;padding: 20px 10px;}
	.about h1 {font-size: 3em;}
	.rates-title h3 {font-size: 2em;padding: 20px 10px;}
	.download-title h3 {font-size: 2em;padding: 20px 10px;}
	.download-box p {margin: 0px 0px 15px;}
	.rates-box table tr td {padding: 0px 0px 15px;}
	}