Your IP : 18.222.161.245


Current Path : /home2/church/public_html/comparefloridarates.com/css/
Upload File :
Current File : //home2/church/public_html/comparefloridarates.com/css/responsive-style.css

@charset "utf-8";
/* Basics */
/* ==================================== */
* {
	margin:0;
}
html,body {
	height:100%;
	margin:0;
	padding:0;
	font-family:Tahoma,Geneva,sans-serif;
	font-size:13px;
	position:relative;
	z-index:0;
	color:#333;
	-webkit-font-smoothing:antialiased;
	-webkit-text-size-adjust:100%;
	background: url('../img/pattern.png') repeat-x;
}
/*#bg-bar {
	position:absolute;
	background: url('../img/bg-bar.png') repeat-x;
	top:402px;
	height:104px;
	width:100%;
	z-index:0;
} */


#gridContainer {
	position:relative;
	width:95%;
	max-width:960px;
	height:auto;
	margin:auto;
	clear:none;
	float: none;
}
/* Header */
/* ==================================== */
#header {
	position:relative;
	width:100%;
	min-height:95px;
	margin-top:5px;
}
.logo {
	position:relative;
	top:10px;
	max-width:480px;
	float:left;
}
.wrapper {
	position:relative;
	width:225px;
	height: 75px;
	float:right;
}

.wrapper strong {
	color: #cc0000;
}
.information-top {
	position:relative;
	float:right;
	max-width:480px;
	margin-right:5px;
	margin-bottom:5px;
	text-align: right;
}
.information-top li {
	display:block;
}
.bottom-bar {
	position:relative;
	height:50px;
	width:100%;
	padding-left:5%;
	padding-right:5%;
	background: #031FAC url('../img/sincebar.png') no-repeat top;
	background-size: auto;
}
.information-bottom {
	position:relative;
	top:5px;
}
.information-bottom h2 {
	color:#FFF;
	font-size: 15px;
	font-weight: normal;
	text-shadow:1px 1px 0px #333;
}
.information-bottom h2 i {
	font-size: 17px;
	font-family:'Noto Serif',serif;
	font-weight: bold;
}
.information-bottom li {
	display:inline-block;
	zoom:1;
	*display:inline; //for IE7
}
.information-bottom .left {
	display:none;
}
.phone-mobile {
		display:block;
	}
.phone-mobile a {
	color:#81F0DA;
}
.phone-desktop {
		display:none;
	}
/* Image Slider & Banner Bar */
/* ==================================== */
.image-slider-bg {
	background:#FFF;
	border-left:1px solid #031FAC;
	border-right:1px solid #031FAC;
}
.image-slider {
	position:relative;
	display:block;
	width:100%;
	margin:0;
	padding-top:30%;
	background:#FFF url('../img/banner-1.jpg') no-repeat;
	background-size:100%;
	z-index: 0;
}
/* Content */
/* ==================================== */
#container {
	position:relative;
	width:100%;
	height:auto !important;
	min-height:100%;
	height:100%;
	bottom:0;
	overflow:hidden;
	background:#f7f7f7;
}
.content-right {
	position:relative;
	padding:2%;
	width:100%;
	height:100%;
	color:#222;
	float:none;
}
.content-left {
	position:relative;
	padding:2%;
	width:100%;
	height:100%;
	color:#222;
	float:none;
}
/* Footer */
/* ==================================== */
#footer {
	position:relative;
	width:100%;
	height:180px;
	bottom:0;
	left:0;
	padding:2%;
	background:#031FAC;
	text-shadow:1px 1px 0px #333;
}
.footer-content {
	margin:0 auto;
	padding:10px;
	text-align:center;
	color:#FFF;
	width:100%;
	height:auto;
}
.footer-content a {
	text-decoration:none;
	color:#FFF;
	padding:5px;
}
.footer-content a:hover {
	color:#A5BEFE;
	text-decoration:overline;
}
.power a:hover {
	color:#A5BEFE;
	background: none;
}
/* Floats */
/* ==================================== */
.left {
	float:left;
}
.right {
	float: right;
}
/* Typography */
/* ==================================== */
h1,h2,h3,h4,h5,h6 {
	color:#222;
	font-weight:normal;
}
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a {
	font-weight:inherit;
}
h1 {
	font-family:'Noto Serif',serif;
	font-size:25px;
	line-height:100%;
	margin-bottom:1.5%;
	margin-left:5%;
	color:#6bc2ba;
}
h2 {
	font-size:20px;
	line-height:40px;
	margin-bottom:10px;
}
h3 {
	font-size:18px;
	line-height:34px;
	margin-bottom:8px;
}
h4 {
	font-family:'Noto Serif',serif;
	font-size:15px;
	font-weight:bold;
	line-height:30px;
	color:#222;
	margin:0px 0px 15px 0px;
	border-bottom:solid #031FAC;
	border-width:7px;
}
h5 {
	font-size:17px;
	line-height:24px;
}
h6 {
	font-size:14px;
	line-height:21px;
}
p {
	margin:0 0 20px 0;
	padding:0 0 10px 0;
	line-height:20px;
}
em {
	font-style:italic;
}
strong {
	font-weight:bold;
	color:#333;
}
small {
	font-size:80%;
}
blockquote {
	margin:0 0 20px;
	padding:9px 20px 0 19px;
	border-left:1px solid #ddd;
}
blockquote cite {
	display:block;
	font-size:12px;
	color: #555;
}
/* Images */
/* ==================================== */
img {
	border:none;
}
img,object,embed,video {
	max-width:100%;
}
.ie6 img {
	width: 100%;
	/* IE 6 does not support max-width so default to width 100% */
}
/* Elements */
/* ==================================== */
hr {
	border:solid #CCC;
	border-width:1px 0 0;
	margin:0 auto 1.5% auto;
	width:100%;
}
.well li {
	list-style-type: circle;
	margin-left:40px;
}
.hr {
	position:absolute;
	top:35px;
	left:-5px;
	border:solid #4A5043;
	border-width:5px;
	width: 40%;
}
.shadow {
	border:1px solid #bdc1a3;
	-moz-box-shadow:3px 3px 4px #c0c0c0;
	-webkit-box-shadow:3px 3px 4px #c0c0c0;
	box-shadow:3px 3px 4px #c0c0c0;
	-ms-filter:"progid:DXImageTransform.Microsoft.Shadow(Strength=4,Direction=135,Color='#c0c0c0')";
	/* For IE 8 */
	filter:progid:DXImageTransform.Microsoft.Shadow(Strength=4,Direction=135,Color='#c0c0c0');
		/* For IE 5.5 - 7 */
}
.shadowDark {
	-moz-box-shadow:0 0 10px #252525;
	-webkit-box-shadow:0 0 10px #252525;
	box-shadow:0 0 10px #252525;
}
.shadow-left {
	background:url('../img/shadow-left.png') left repeat-y;
}
.shadow-right {
	background: url('../img/shadow-right.png') right repeat-y;
}

/* Claims Table */
/* ==================================== */

.claimsTable {
	width:100%;
	background-color:#FFF;
}
/* these are represented with blue circles */
.claimsTable tr:nth-child(odd) {
    background: #eee;   
}
.claimsTable tr:hover {
	background:#CCC;
}
.claimsTable td {
	padding:5px;
}

/* these are represented with orange squares */

/* Carrier Table */
/* ==================================== */
.carrierTable {
	width:100%;
	background-color:#FFF
}
.carrierTable td {
	width:50%;
	height:200px;
	padding:5px;
	vertical-align:middle;
	text-align:center;
	border:1px solid #CCC;
}
.carrierTable img {
	width:50%;
}
.carrierTable td a:hover {
	text-decoration:none;
}
.carrierTable td:hover {
	-moz-box-shadow:3px 3px 4px #c0c0c0;
	-webkit-box-shadow:3px 3px 4px #c0c0c0;
	box-shadow:3px 3px 4px #c0c0c0;
}
*,*:after,*:before {
	margin:0;
	padding:0;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-font-smoothing:antialiased;
	font-smoothing:antialiased;
	text-rendering:optimizeLegibility;
}
a,a:hover {
	text-decoration: none;
}
/* ---------------------Mobile--------------------- */
.desktop {
	display:none;
}
.information-top,#widget-social {
	display: none;
}
.quote-side {
	position:relative;
	width:100%;
	height:50px;
	background:#031FAC;
	text-align: center;
	text-shadow:1px 1px 0px #333;
	color:#FFF;
	font-size:16pt;
	font-family: 'Noto Serif',serif;
	padding-top:10px;
	margin-bottom:10px;
}
.quote-side:hover {
	background:#4A5043;
	color:#222;
	text-shadow:none;
}
/* Mobile Navigation */
/* ==================================== */
nav {
	height:auto;
	width:100%;
	background:#031FAC;
	font-size:11pt;
	position:relative;
}
nav ul {
	padding:0;
	margin:0 auto;
	width:100%;
	display:block;
	height:auto;
	display:none;
}
nav li {
	display:inline;
	float:left;
	width:50%;
	float:left;
	position:relative;
}
nav li:nth-child(even) {
		border-bottom:1px solid #FFF;
		border-right:none;
}
nav li:nth-child(odd) {
		border-bottom:1px solid #FFF;
		border-right:1px solid #FFF;
}
nav a:hover,nav a:active {
	color:#FFF;
	background-color:#4A5043;
}
nav a {
	color:#FFF;
	display:inline-block;
	zoom:1;
	*display:inline; //for IE7
	text-align:left;
	width:100%;
	text-indent:25px;
	text-decoration:none;
	line-height:40px;
	text-shadow:1px 1px 0px #333;
}
nav a:visited {
	color:#FFF;
}
nav a#pull {
	display:block;
	background-color:#547fdd;
	width:100%;
	position:relative;
}
nav a#pull:after {
	content:"";
	background:url('../img/nav-icon.png') no-repeat;
	width:30px;
	height:30px;
	display:inline-block;
	zoom:1;
	*display:inline; //for IE7
	position:absolute;
	right:15px;
	top: 10px;
}
/*Mobile Navigation ---End--- */
.input-mini {
	width:40%;
}
.input-small {
	width:60%;
}
.input-medium {
	width:80%;
}
.input-large {
	width: 100%;
}
/* ---------------------Tablet--------------------- */
@media only screen and (min-width:768px) {
	.desktop {
			display:none;
	}
	.information-top {
			display:block;
	}
	.information-bottom .left {
			display:block;
	}
	#widget-social {
			display:block;
	}
	#banner-bottom li {
			font-size: 18px;
	}
	/*Tablet Navigation*/
	nav ul {
			width:100%;
			display:block;
			height:auto;
	}
	nav li {
			width:50%;
			float:left;
			position:relative;
	}
	nav a {
			text-align:left;
			width:100%;
			text-indent:25px;
	}
	nav a#pull {
			display: none;
	}
	/*Tablet Navigation ---End--- */
	.input-mini {
			width:15%;
	}
	.input-small {
			width:30%;
	}
	.input-medium {
			width:50%;
	}
	.input-large {
			width:60%;
	}
}
/* ---------------------Desktop--------------------- */	
@media only screen and (min-width:900px) {
	.desktop {
			display:block;
	}
	.content-left {
			float:left;
			width:70%;
			min-height:600px;
			border-right:1px solid #CCC;
			margin: 20px 0 20px 0;
	}
	.content-right {
			float:right;
			width:30%;
	}
	.phone-mobile {
		display:none;
	}
	.phone-desktop {
		display:block;
	}
	.input-mini {
			width:20%;
	}
	.input-small {
			width:40%;
	}
	.input-medium {
			width:60%;
	}
	.input-large {
			width:80%;
	}
	#footer {
			float:left;
	}
	.mobile {
			display: none;
	}
	/*Desktop Navigation*/
	.nav {
			position:relative;
			height:41px;
			background:#031FAC;
			color:#FFF;
			text-shadow:1px 1px #000;
			z-index:1000;
			width:100%;
			padding-left:0;
			padding-right:0;
	}
	.menu {
			font:14px Arial,Verdana;
			text-align:center;
			width:100%;
	}
	.menu a {
			float:left;
			color:#FFF;
			text-decoration:none;
			width:100%;
			height:40px;
			padding-top:10px;
	}
	.menu span {
			position:absolute;
			padding-top:10px;
	}
	.menu a:hover {
			color:#FFF;
			background:#4A5043;
	}
	.menu li {
			position:relative;
			display:inline-block;
			zoom:1;
			*display:inline; //for IE7
			z-index:1000;
			min-width:10.5%;
			color:#FFF;
	}
	.menu ul {
			display:none;
			position:absolute;
			top:100%;
			left:0;
			background:#547fdd;
			-moz-box-shadow:5px 5px 5px rgba(0,0,0,0.7);
			-webkit-box-shadow:5px 5px 5px rgba(0,0,0,0.7);
			box-shadow:5px 5px 5px rgba(0,0,0,0.7);
	}
	.menu ul li {
			float:none;
			border-top:1px solid #FFF;
			width:200px;
	}
	.menu ul li a,li.menuhover li a,li.menuhover li.menuhover li a {
			float:none;
			display:block;
			background:none;
			height:40px;
			padding-top:10px;
			padding-left:10px;
			text-align:left;
			color: black;
	}
	.menu ul li a:hover,li.menuhover li a:hover,li.menuhover li.menuhover li a:hover {
			background:#4A5043;
			color:#fff
	}
	.menu ul li span,li.menuhover li span,li.menuhover li.menuhover li span {
			float:none;
			display:block;
			background:none;
			height:40px;
			padding-top:10px;
	}
	.menu ul ul {
			left:0;
			top:0;
	}
	.menu li.submenu {
			font-weight:bold;
	}
	.menu li.noborder {
			border-top:none;
	}
	li.menuhover a,li.menuhover li.menuhover a {
			color:#FFF;
			background:#547fdd;
	}
	li.menuhover span,li.menuhover li.menuhover span {
			color:#fff;
			background:#999;
	}
	#info {
			width:350px;
			background:#eee;
	}

	#info li {
			width:350px;
			padding:10px;
			color:#222;
			text-shadow:1px 1px #fff;
			text-align: left;
			font-style: italic;
			border-top:1px solid #222;
	}
	/*Desktop Navigation ---End--- */
}