/* CSS Document */

.container.full-width {
	max-width: 100%;
	width: 100%;
}


.page-location-detail .content-section.body-wrapper{
	padding-top: 90px;
}


.page-location-detail ul.loc-social {
	margin-top: 10px;
	margin-bottom:5px;
}


.page-location-detail .mapmarker.mapContainer {
	width: 100%;
}


.page-location-detail .sidebar.map-wrapper { margin-top:80px;}

.page-location-detail.location-wrapper .btn,
.page-location-detail.location-wrapper .btn:hover {
	padding: 10px 25px;
	letter-spacing: 1px;
}

.page-location-detail.location-wrapper:not(.msa-banner) section.top-section{
	background: url(/locations/images/loc-profile-banner.jpg);
	background-size: contain;
	background-position: 70% bottom;
	background-repeat: no-repeat;
	min-height: 255px;
	margin-bottom: 0px;
}

.page-location-detail .loc-info {
	width: 100%;
	text-align: left;
	margin: 30px 10px 50px;
}



section.quote-section .quote-wrapper {
	position: relative;
	background:#e8edf0;
}

section.quote-section .quote-text{ background:#333333; color:#c2c2c2; text-align:center; position:relative; padding:10px;}

section.quote-section .quote-text h3{ color:#fff !important; font: 18px/1em "ITC Avant Garde Gothic W01 Bk" !important;}
section.quote-section .quote-text p{ margin-bottom:0;}

section.quote-section .quote-wrapper:before,
section.quote-section .quote-wrapper:after,
section.quote-section .quote-text:before,
section.quote-section .quote-text:after {
	content: "";
	display: block;
	height: 100%;
	position: absolute;
	top: 0;
	width: 100%;
	background: inherit;
	border: inherit;
	z-index: 1;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}


section.quote-section .quote-wrapper:before,
section.quote-section .quote-text:before {
	left: -100%;
}

section.quote-section .quote-wrapper:after,
section.quote-section .quote-text:after{
	right: -100%;
}

.quote-car,
.quote-intro { float:left; width:60%; margin-right:3%;}
.quote-form {float: right; width:37%;}

.quote-car img {
	width: initial;
	max-width: 100%;
}

.quote-intro{
	padding-top: 30px;
}


.quote-intro h2{
	color: #dd0202;
	font-weight: 500;
	margin-bottom:20px;
	font-size:30px !important;
}


.quote-form { text-align:center;}


.quote-form h2{
	text-align: center;
	font-weight: 400;
	padding: 20px 0 10px;
	font-size: 26.5px !important;
}

.page-location-detail.msa .quote-form { background: #dd0202;}
.page-location-detail.msa .quote-form h2 { color:#fff !important;}
	
#frmGlassQuote {border: none !important;}


.quote-form iframe body { background-color: transparent !important;}


.quote-form iframe{
	height: 450px;
	max-width: 350px;
	/*float: right;*/
}


.quote-form iframe body form.frmQuote {
	border: none !important;
}



/*==============================================================================================
/*==============================================================================================
																						MSA page
/*==============================================================================================
/*============================================================================================*/


.container.msa-banner { 
	width: 100%;
	height: 360px;
	background-size: cover;
	background-position: center;
	border-bottom: 3px solid #fff;
	p
}


.msa-banner section.top-section {
	max-width: 1170px;
	margin: 0 auto;
}

.msa-banner ul, 
.msa-banner ol {
	margin:0;
}

.msa-banner .loc-info {
	padding: 10px 20px 20px;
	background: rgba(255,255,255,0.8);
	width: auto;
	border-radius: 10px;
	color: #000;
	
}



section.quote-section{ margin-bottom:0;}


.container.find-more-wrapper{
	width: 100%;
	max-width: 100%;
	/*margin-bottom: 90px;*/
}

.container.find-more-wrapper h2{
	float:left;
	line-height: 1.6;
	font-size: 2.3em;
	font-weight: 700;
}

.container.find-more-wrapper .btn.loc-link{ 
	float:right; 
	border-radius:5px; 
	background:#000;
	font-size: 1.1em;
	padding: 17px 35px;
}


.container.find-more-wrapper section {
	max-width: 1170px;
	margin: 20px auto;
	display: block;
}

.find-more-wrapper {
	-webkit-box-shadow: 0px 17px 96px -11px rgba(230,230,230,1);
	-moz-box-shadow: 0px 17px 96px -11px rgba(230,230,230,1);
	box-shadow: 0px 17px 96px -11px rgba(230,230,230,1);
	border-bottom: solid 2px #ebebeb;
}





ul#msa-location-list {
	-webkit-column-count: 3;
	-moz-column-count: 3;
	column-count: 3;
	column-gap: 0;
	width: 100%;
}

ul#msa-location-list li {
	display: inline-block;
	width: 360px;
	font-weight: 400;
	margin-bottom:30px;
}

ul#msa-location-list li a:after{
	display:block;
	clear:both;
	content:'';
}



#msa-location-list .mapmarker {
	margin-top: 0px;
	margin-bottom: 2px;
	margin-right: 10px;
	float: left;
	width: 72px;
	min-width: 72px;
	min-height: 72px;
}

#msa-location-list .mapmarker img {
	border: 1px solid #ececec;
}

#msa-location-list .loc-info {
	width: auto;
	text-align: left;
	margin: 0px 10px 10px;
	clear: none;
	max-width: 70%;
}

#msa-location-list .loc-info span{
	font-weight: 100;
	display: block;
	font-size: 15px;
	line-height: 20px;
	}

#msa-location-list a  { color: inherit;}

#msa-location-list .loc-info span.loc-name{
	font-weight:500;
	color:#000;
}
#msa-location-list .loc-info span.loc-phone {
	font-size: 1.5em;
	font-weight: 500;
}





.manufacturers.diagram.wrapper { min-height: 450px; }

.manufacturers.diagram.wrapper h2 { max-width: 808px; }

.manufacturers.diagram.wrapper .vehicle-diagram {
	max-width: 100%;
	position: absolute;
	top: 20%;
	right: 0;
	z-index: -1;
	width: 50%;
}

.manufacturers.diagram.wrapper ul.makes-models {
	width: 50%;
}



.credit-cards {
	font-size: 40px;
	padding-top: 5px;
	margin-bottom: 5px;
}

.credit-cards i {
	margin-right: 10px;
}

.credit-cards .visa:before {
	color: #122D98;
}

.credit-cards .amex:before {
	color: #002663;
}

.credit-cards .mc:before {
	color: #cc0000;
}

.credit-cards .disc:before {
	color: #ff6600;
}

.msa-banner .container{
	position:relative;
	height:100%;
}
.msa-banner .container img{
	position:absolute;
	top:50%;
	-moz-transform:translateY(-50%);
	-webkit-transform:translateY(-50%);
	transform:translateY(-50%);
	right:0;
}



/*==============================================================================================
/*==============================================================================================
																					Responsive
/*==============================================================================================
/*============================================================================================*/


@media (max-width: 1170px) {

	.location-wrapper { padding:0;}
	
	.container.location-wrapper:not(.msa-banner) section{
		/*margin-left: 10px;
		margin-right:10px;*/
		padding-left: 10px;
		padding-right:10px;
	}
	
	.container.location-wrapper .top-section{
		padding-right:0px;
	}
	
	
	ul#msa-location-list {
		-webkit-column-count: 2;
		-moz-column-count: 2;
		column-count: 2;
		column-gap: 0;
	}
	
	ul#msa-location-list li {
		width: 360px;
	}

}

@media (max-width: 1000px) {

	.page-location-detail.location-wrapper section.top-section {
		background-size: 70%;
		background-position: right bottom;
	}
	
	.page-location-detail .loc-info {
		margin: 30px 0px 0px;
	}

}

@media (max-width: 768px) {

	.quote-car,
	.quote-intro,
	.quote-form,
	.quote-form iframe {
		width: 100%;
		float: none;
	}
	
	.quote-form{ text-align: center;}
	
	.container.msa-banner { 
		min-height: 250px;
		padding:0;
	}
	
	.container.find-more-wrapper { 
		padding:0;
	}
	
	.manufacturers.diagram.wrapper .vehicle-diagram {
		max-width: 100%;
		position: relative;
		top: 0%;
		z-index: 0;
		width: initial;
	}
	
	.manufacturers.diagram.wrapper ul.makes-models {
		width: 100%;
	}
	

}

@media (max-width: 760px) {
		ul#msa-location-list {
		-webkit-column-count: 1;
		-moz-column-count: 1;
		column-count: 1;
		column-gap: 0;
	}
	
	ul#msa-location-list li {
		width: 100%;
		background: -moz-linear-gradient(top,  rgba(236,236,236,0) 0%, rgba(236,236,236,0) 1%, rgba(236,236,236,1) 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top,  rgba(236,236,236,0) 0%,rgba(236,236,236,0) 1%,rgba(236,236,236,1) 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom,  rgba(236,236,236,0) 0%,rgba(236,236,236,0) 1%,rgba(236,236,236,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ececec', endColorstr='#ececec',GradientType=0 ); /* IE6-9 */
		border-radius:5px;
	}
	
	#msa-location-list .mapmarker {
		margin-left:10px;
	}

}


@media (max-width: 680px) {

	.page-location-detail.location-wrapper section.top-section {
		background-size: 130%;
		background-position: 160PX bottom;
	}
	
	.container.find-more-wrapper{ text-align:center;}
	
	.container.find-more-wrapper h2,
	.container.find-more-wrapper .btn.loc-link{
		float:none;
	}
	


}


@media (max-width: 480px) {

	.page-location-detail.location-wrapper section.top-section {
		background-size: 100%;
		background-position: center bottom;
		padding-bottom: 130px;
	}
	
	.container.msa-banner { 
		min-height: 150px;
	}

}