/* Sticky footer styles
-------------------------------------------------- */
html {
	position: relative;
	min-height: 100%;
}
body {
	/* Margin bottom by footer height */
	margin-bottom: 120px;
}

#footer {
	position: absolute;
	bottom: 0;
	width: 100%;
	/* Set the fixed height of the footer here */
	height: 120px;
	background-color: #f5f5f5;
}
@media (max-width:768px) {
	body {
		/* Margin bottom by footer height */
		margin-bottom: 200px;
	}
	#footer {
		height: 200px;
	}
}
h1, h2, h3, h4 {
font-family: Lato,Arial,serif;
}

h1 {
	line-height: 36px;
	font-size: 32px;
	font-weight: bold;
}

h2, h3, h4 {
	line-height: 28px;
	font-size: 21px;
	font-weight: bold;
}

/*Layout
-------------------------------------------------- */

img.bg {
/* Set rules to fill background */
min-height: 100%;
min-width: 1024px;
z-index:-1;
/* Set up proportionate scaling */
width: 100%;
height: auto;

/* Set up positioning */
position: fixed;
top: 0;
left: 0;
}

@media screen and (max-width: 1024px){
img.bg {
	left: 50%;
	margin-left: -512px; }
}

.header {
	background-color: #45AEEA;
	background-image: linear-gradient(to bottom, #2FA4E7, #54B4EB);
	background-repeat: repeat-x;
	border: 1px solid #1990D5;
	border-bottom:0px;
	min-height:60px;
	padding:5px 0px;
}

.container{
	max-width:940px;
}

.content{
	margin-bottom:20px;
	padding:10px 0px;
	min-height:710px;
}

body > .container {
	padding: 0px 0px 6px 0px;
}
.container .text-muted {
	margin: 20px 0;
}

#footer > .container {
	padding-right: 15px;
	padding-left: 15px;
}

@media (min-width:768px) and (max-width:992px){
	.navbar-logo img {
		max-width:350px;
		margin-top:10px;
	}
}

@media (min-width:768px){
	.toggle{
		display:none;
	}
}

.phone {
	float:right;
	font-size:25px;
	margin-top:10px;
	margin-right:10px;
	font-weight:bold;
	color:white;
}
.mobile-phone{
	font-size:20px;
	font-weight:bold;
}
.mobile-phone a {
	color:white;
}



/* NAVBAR CUSTOMIZATIONS
-------------------------------------------------- */
.navbar-default {
	background-color: #45AEEA;
	background-image: linear-gradient(to bottom, #54B4EB, #2FA4E7);
	background-repeat: repeat-x;
	border: 0px solid #1990D5;
	border-top: 1px solid white;
	border-radius:0px;
}

.navbar-default .navbar-nav > li > a {
    color: white;
	font-weight:bold;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    color: black;
	font-weight:bold;
    background-color: transparent;
}


/* CUSTOM BOOTSTRAP ELEMETNS
-------------------------------------------------- */
.btn-primary{
	color: #FFF;
	text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.25);
	background-color: #3DAAE9;
	background-image: linear-gradient(to bottom, #46AEEA, #2FA4E7);
	background-repeat: repeat-x;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}
.btn-primary:hover{
	border-color:#d84613;
	background-color:#ec4c14 !important;
}


/* FORMS
-------------------------------------------------- */
#user{display:none;}

.search-box{float:right;margin-top:10px;}
.price-button{float:right;margin-top:5px;}

.mini-quote{
	margin-right:-10px;
	background:#e2e2e2;
	padding:15px 15px 15px 15px;
	border:3px solid #3DAAE9;
	border-radius:10px;
}

.form-header {
	font-weight:bold;
	text-align:center;
	font-size:20px;
	background:rgb(42, 100, 150);
	color:white;
	border-radius:10px;
	padding:4px;
}

.side ul{padding-left:5px;}
.side ol{padding-left:25px;}
form h3{margin:0px;}
#quote fieldset{border:1px solid #fe4f13;padding:10px;margin-bottom:10px;border-radius:10px;}
#quote select{min-width:150px;}
#user{display:none;}

@media (max-width: 480px) {
.nav-tabs > li {
	float:none;
	display:block;
	border:1px solid #e2e2e2;
	}
.phone{float:right;}
}
/*This code removes scroll button on number input type for webkit browsers*/
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
