body {
	font-family: 'Istok Web', sans-serif !important;
}

/*==================================================
=            Bootstrap 3 Media Queries             =
==================================================*/

/*==========  Mobile First Method  ==========*/

/* Custom, iPhone Retina */
@media only screen and (min-width : 320px) {

	.bg-img-sign {
		height: 500px;
	}

	.bg-img-car {
		height: 675px;
		background: transparent;
	}
	.bg-img-wet-car {
		height: 600px;
		background: transparent;
	}

}

/* Extra Small Devices, Phones */
@media only screen and (min-width : 480px) {

	.bg-img-sign {
		height: 500px;
	}

	.bg-img-car {
		height: 750px;
		background: transparent;
	}
	.bg-img-wet-car {
		height: 700px;
		background: transparent;
	}

}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {

	.bg-img-sign {
		height: 500px;
	}

	.bg-img-car {
		height: 750px;
		background: transparent;
	}

	.bg-img-wet-car {
		height: 700px;
		background: transparent;
	}

}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {

	.bg-img-sign {
		height: 500px;
	}

	.bg-img-car {
		height: 475px;
		background: transparent;
	}
	.bg-img-wet-car {
		height: 425px;
		background: transparent;
	}

}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {

	.bg-img-sign {
		height: 800px;
	}
	
	.bg-img-car {
		height: 325px;
	}
	
	.bg-img-wet-car {
		height: 275px;
	}

	
}

/*==================================================
=            Background Content              =
==================================================*/



.top-slider {
	position:absolute;
	width:100%;
	text-align:center;
	background:rgba(0, 0, 0, 0.8);
	top:50px;
	color: #FFF;
	text-shadow: 2px 2px 2px #000;
	font-size:4rem; 
	font-weight:normal;
}


.storage-slider {
	position:absolute;
	width:100%;
	text-align:center;
	background:rgba(0, 0, 0, 0.8);
	top:75px;
	color: #FFF;
	text-shadow: 2px 2px 2px #000;
	font-size:3rem;
	padding:15px 0;
	font-weight:normal;
}



/* You could use :after - it doesn't really matter */
.slider-background:after {
    content: ' ';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 130px;
    z-index: 1;
    opacity: 0.3;
    background-image: url('/img/checkered-flag.png');
    background-repeat: no-repeat;
    background-position: 50% 0;
    -ms-background-size: cover;
    -o-background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
}

.top-slider > .item span:first {
	
}
.bg-img-sign {
	background-image:url(../img/sign-far.jpg);
	width:100%;
}
.bg-img-bays {
	background-image:url(../img/storage.jpg);
	height:600px;
	width:100%;
}
.bg-img-car {
	background-image:url(../img/car-sponge.jpg);
	width:100%;
}

.bg-img-wet-car {
	background-image:url(../img/wet-car.jpg);
	width:100%;
}

.bg-img {
	background-position:46% 30%;
	background-size:cover;
	left:10%;
	top:10%;
	right:10%;
	bottom:10%;
}

.slider-holder {
	position:relative;
	width:100%;
	height:100%;
}

.text-overlay {
	position:absolute;
	width:100%
}

.parallax-overlay {
	width: 100%;
	height:100%;
	background: url(../img/pattern.png) top left repeat;
	top:0;
}

.full-overlay-dark {
	position:absolute;
	width: 100%;
	height:100%;
	background:rgba(0, 0, 0, 0.3);
	top:0;
	background: #101010;
	opacity:.9
}
.full-overlay {
	position:absolute;
	width: 100%;
	height:100%;
	background:rgba(0, 0, 0, 0.3);
	top:0;
	background: #f86b73;
	opacity:.75
}

/*==================================================
=            Custom Icon              =
==================================================*/

.icon-container {
	padding:10px;
}

.custom-icon-price {
	font-family:Arial;
	font-size:32pt !important;
	padding-left:5px;
	font-weight:bold;
}
.text-yellow{
	
	color:#d7aa38 !important;
}
.custom-icon-dollar-sign {
	font-size:23pt !important;
}
.custom-icon {
	font-size:32pt;
	padding:24px 0;
	-webkit-border-radius:1100%;
	-moz-border-radius:100%;
	-o-border-radius:100%;
	border-radius:100%;
	border:6px solid #f6f6f6;
	color:#A7061D;
	text-align:center;
	display:table-cell;
	vertical-align:middle;
	width:100px;
	height:100px;
	-moz-transition:.5s;
	-webkit-transition:.5s;
	-o-transition:.5s;
	transition:.5s;
}

.fix-editor {
	display:none;
}

.icon-wrapper {
	display:inline-block;
	padding:10px 0;
}

.circle-border {
	width:205px;
	height:205px;
	margin: 0 auto;
	border:5px solid #d7aa38;
	border-radius: 500px;
	-webkit-border-radius: 500px;
	-moz-border-radius: 500px;
	border-shadow: 1px 1px 1px #000;
}

/*==================================================
=            Custom Styles              =
==================================================*/

.container-fluid {
	padding:0;
}

.section {
	padding-top:35px;
	padding-bottom:35px;
}

.section-dark-bg {
	background:#1c1c1a;
}

.section-light-bg {
	background:#f6f6f6;
}
.footer-item{
	padding-top:15px;
}
.desc {
	padding:20px 0;
}

.text-pink {
	color:#b10b19 !important;
	text-shadow: 1px 1px 1px #000 !important;
}

.text-white {
	color:#f6f6f6 !important;
	font-weight:bold;
	text-shadow: 1px 1px 1px #000 !important;
}

#googleMap {
	border:2px solid #DDDDDD !important;
	width:100%;
}

/*==================================================
=            Custom Styles              =
==================================================*/
#myModal .modal-dialog .modal-content{
	
	width: 100%;
	height:100%;
	background: url(../img/snow.jpg) bottom center repeat;
	top:0;
	border:1px solid #FFF;
	text-shadow: 2px 2px 2px #FFF;
	font-family:fantasy;
	color:#FFF;
}
#myModal .close{
	
	opacity:1;
	font-size:4rem;
	font-weight:bolder;
	position:absolute;
	top:0;
}
.text-tipuptown-blue{
	color:#162fa5;
}
.text-tipuptown-red{
	color:#e71f1f;
}