html, body {
  width: 100%;
  box-sizing: border-box;
  margin: 0
}
.header {
  height: 100px;
  width: 100%;
  background: purple; 
}

.top {
  /* height: 280px; */
  width: 100%;
  background:#F5F5F5;
  padding-bottom: 3%;
}

.red {
  width:100%;
  background: transparent;
	/*position: absolute;*/
	position: relative;
  /*top: 190px;*/
  /*bottom: 0;*/
  max-width: 100%; 
  margin:0 auto;
}

.yellow {
  width:100%;
  background: red;
  position: absolute;
  top: 200px;
  bottom: 0;
}
.mainFAD {
  position:relative;

}

.footer {
  height: 100px;
  width: 100%;
  background: blue; 
}

.width_Full{
	width: 100%;
}

.width_45{
	width: 700px;
	margin: 0 auto;
}

.width_45B{
	margin: 0 auto;
}

.find_section {
	max-height:99.9%; 
	width: 45%;
	overflow-y:auto; 
	overflow-x:hidden;
}

.find_section_result{
letter-spacing:.2em;
	padding-left: 50px; 
	padding-top: 5px;
	/*padding-bottom:25px*/ 
}


.find_section_result_no_matches{
	margin-bottom: 20px;
	display:none; 
	margin-top: 35px; 
	text-align: center;
}

.dv-result-title_Class_container{
	padding-left: 14%;
}

.dealerName{
	letter-spacing:.2em;
	/*margin-top:30px;*/ 
	margin-bottom:20px; 
	text-align: left; 
	padding-left: 50px;
	padding-top: 10px;
}
.dealers-found {
	letter-spacing:.2em;
	text-align: left; 
	padding-left: 50px;
	padding-top: 20px;
}
.instructions {
	padding: 0 25px 0 50px;
	display: inline-block;
}

.mde-feat-cat_class_Container{
	padding-bottom: 9%;
}

.mde-feat-cat_class_Container_div{
	min-height: auto; 
	padding-left: 4%; 
	padding-right: 4%;
}

.mde-feat-cat_class_Container_div_tabs{
	/*margin-top: 10px;  
	max-width: 660px;
	margin:0 auto;*/
}

.mde-feat-cat_class_Container_div_tabs_list{
	margin: 0 auto;
}


.mde-feat-cat_class_Container_div_tabs_list_tabs{
	float:left;
}

.floatClass{
	float:right;
}

#title_Container_FAD{
	text-align:center;
	margin-top:45px;
}

#ctaContainerBox{
   /* padding-left: 25px;*/
}
 
.inputWithIcon{
	position:relative;
max-width: 307px;
}

.inputWithIcon i{
	position:absolute;
	right:0;
	top:8px;
	padding:9px 13px;
	color:#aaa;
	transition:.3s;

}

	.vi-first-name_Class{
		padding-right: 40px;
		font-size: 1.3rem;
		text-transform: uppercase;
		letter-spacing: .2em;
		/*font-family: "InterstateBold", helvetica, arial, sans-serif;*/
		font-family: "MazdaTypeTT-Medium", helvetica, arial, sans-serif;
		height:46px;
		width: 307px;
	}

	#searchBy{
		display:none;

	}

	#searchByText{
		display:none;
	}

	#shareMyLocationTextLabel{
		width:307px;
	}

	#searchByTextDiv{
		text-align: left;
		align-self: flex-end;
	}

	#shareLoc{
		text-align:left;
		display:none;
		align-self: flex-end;
		padding-right:4%;
	}

	#sharemyloc{
			width:307px;
		}
	
	#baseAbsolute{
			background-color: white ; 
			border-top: 1px solid #ccc; 
			/*position: absolute;
			top: 0; 
			bottom: 0;*/
			height: calc(100vh - 356px);
			min-height: 400px;
			-ms-flex-direction: row;
	}
	.main-fad {
		/*min-height: calc(100vh - 125px);*/
		position: relative;
	}

	#section{
	  margin: 0 auto;
	  display:flex;
	}

	#cta-uno{
		max-width:500px;
	}

	#cta-dos{
		max-width:500px;
	}

	.border_container{
		border-top: 1px solid #ccc; 
		/*width:100%;*/
		width: 300%; 
		margin-left: -400px; 
		margin-bottom:20px; 
		margin-top:20px;
	}



	.tabsLine{
		top:6px !important;
		
	}

	.tabsLineInactive{
		top:6px !important;
	}

	#dataBox{
		padding-left:7%;
		margin-top:50px !important;
	}
	

	.saleTabTitle_addressDivC{
		cursor:pointer;   
		line-height: 22px;
	}

	.saleTabTitle_phoneDivC{
		line-height: 22px;
	}

	.saleTabTitle_mailDivC{
		line-height: 22px;
		cursor:pointer;  
		/*text-decoration:underline;*/ 
		/*width:1%;*/
	}

	.saleTabTitle_timeDivC{
		line-height: 22px;
	}

	.serviceTabTitle_addressDivC{
		cursor:pointer;  
		/*text-decoration:underline;*/ 
		line-height: 22px;
	}

	.serviceTabTitle_phoneDivC{
		line-height: 22px;
	}

	.serviceTabTitle_mailDivC{
		line-height: 22px;
		cursor:pointer;  
		width:1%;
	}

	.serviceTabTitle_timeDivC{
		line-height: 22px;
	}

	.partsTabTitle_addressDivC{
		cursor:pointer;  
		line-height: 22px;
	}

	.partsTabTitle_phoneDivC{
		line-height: 22px;
	}

	.partsTabTitle_mailDivC{
		line-height: 22px;
		cursor:pointer;   
		width:1%;
	}

	.partsTabTitle_timeDivC{
		line-height: 22px;
	}

	.ctaContainerBoxClass{
		max-width: 660px; 
		/* left: 76px; */
		float: none;
	}
	.mdp-flexiblecontent-md-bg .cta-container.ctaContainerBoxClass {
		margin: 0 auto;
	}

	#spaceB{
		width:10px; 
		max-width:10px;
	}

	.ctaFadContact{
		display:block; 
		width: 100%;
	}

	#mapGoogle{

		left:60%; 
		height:99.9%;
		width:55%;

	}

	#api-de-google{

		height:99.9%; 
		width:100%;
	}

	#containerDivFeat_tabs{
		position: relative;
    clear: both;
	}
	#containerDivFeat{
		min-height:auto !important;
	}


	/**Version Desktop*/
	@media screen and (min-width: 1024px) {


	}

	/**Version Tablet*/
	@media screen and (max-width: 1023px) {
		
		#containerDivFeat{
			min-height:auto !important;
		}
		
		/*TopDiv*/
	    
		#mapGoogle{
			width:100%;
			/*height: 520px;*/
			
		}
		
		#api-de-google{
			/*height: 520px;*/
			height: 70vh;
		}
		
		#searchByTextDiv{
			padding-top: 0%;
		}
	    
		#shareLoc{
			text-align:center;
			padding-right:4%;
		}
		
		#searchByText{
			text-align: center;
			margin-left: 0px;
		}
		
		#baseAbsolute{
			position:relative;
			top:0;
			bottom:0;
			height: auto;
		}
		#ctaContainerBox {
			margin-bottom: 20px;
			width: 100%;
			position: relative;
		}
		.eac-square{
			margin: 0 auto;
		}
		
		#filtered-elements{
			/*max-height: 520px;
			max-height: 66vh;*/
			max-width: 100%;
			width: 100%;
		}
		
		.p-generic-upp{
			
			margin-left:0px;
		
		}
		
		#searchByTextDiv{
			text-align: center;
		}
		
		#findDealerLabel{
			margin-left: 0px;
		}
		
		#inputIcon{
			margin: 0 auto;
		}

		.top {
		  height: auto;
		  width: 100%;
		  background:#F5F5F5;
		  /* padding-bottom: 10%; */
		}

		.red {
		  width:100%;
		  background: transparent;
		  position: unset;
		  /* top: 222px; */
		  bottom: 0;
		  max-width: 100%; 
		  margin:0 auto;
		}
		
		.restBottom{
			margin-bottom:0px
		}
	}
	/*@media (orientation: landscape){
		#mapGoogle, #api-de-google, #filtered-elements {
			height: 536px;
		}
		#baseAbsolute {
			bottom: -80px;
		}
	}*/

	/**Version Mobile*/
	@media screen and (max-width: 767px) {
	
		#cta-uno {
			max-width: 335px;
			margin: 20px 0;
		}
		#cta-dos {
			max-width: 335px;
		}
		#mainTitleText, #mainTitleText > h1{
			font-size:24px !important;
			margin-top: 28px;
		}
		
		.top {
		  height: auto;
		  width: 100%;
		  background:#F5F5F5;
		  padding-bottom: 5%;
		}

		.red {
		  width:100%;
		  background: transparent;
		  position: unset;
		  /* top: 222px; */
		  bottom: 0;
		  max-width: 100%; 
		  margin:0 auto;
  
		}
		
		.width_45 {
			width: 100%;
			margin: 0 auto;
		}
		
		#shareMyLocationTextLabel {
			width: 100%;
			margin-bottom: 20px;
		}
		
		#shareLoc {
			text-align: center;
			padding-right: 0%;
		}
		
		.floatClass{
			float:initial;
		}
		
		#spaceB{
		width:0px; 
		}
		
	}


*,
*:before,
*:after {
  box-sizing: border-box;

}

#radio1 {
  position: absolute;
  opacity: 0;
}
#radio2 {
  position: absolute;
  opacity: 0;
}
#radio3 {
  position: absolute;
  opacity: 0;
}

.tabs__list.radio_wrap {
	margin-top: 25px;
}

.redEfect {
  border-bottom: 2px black solid;
  animation-name: flash_border;
  animation-duration: 1s;
  animation-timing-function: linear;
  animation-iteration-count: 1;
  -webkit-animation-name: flash_border;
  -webkit-animation-duration: 1s;
  -webkit-animation-timing-function: linear;
  -webkit-animation-iteration-count: 1;
  -moz-animation-name: flash_border;
  -moz-animation-duration: 1s;
  -moz-animation-timing-function: linear;
  -moz-animation-iteration-count: 1;
}

@keyframes flash_border {
  0% {
    border-bottom: 2px black solid;
  }
  10% {
    border-bottom: 2px #91172E solid;
  }
  50% {
    border-bottom: 2px #91172E solid;
  }
  100%{
    border-bottom: 2px black solid;
    
  }
 
}

@-webkit-keyframes flash_border {
  0% {
    border-bottom: 2px black solid;
  }
  10% {
    border-bottom: 2px #91172E solid;
  }
  50% {
    border-bottom: 2px #91172E solid;
  }
  100%{
    border-bottom: 2px black solid;
    
  }
 
}

@-moz-keyframes flash_border {
0% {
    border-bottom: 2px black solid;
  }
  10% {
    border-bottom: 2px #91172E solid;
  }
  50% {
    border-bottom: 2px #91172E solid;
  }
  100%{
    border-bottom: 2px black solid; 
  }
	
}

.fake-anchor {
	color: #4c607f;
	text-decoration:underline;
}
.true-anchor {
	text-decoration: none !important;
	display: block;
}
.true-anchor:hover > .adr-cont {
	color:#4c607f;
}
.pho-cont:hover, .mail-cont:hover, .time-cont:hover {
	color:#4c607f;
}
.fym-main {
	min-height: -webkit-calc(100% - 100px);
}
.mobile-view{
	display:none;
}
@media screen and (max-width: 768px) {
	.desktop-view{
		display:none;
	}
	.mobile-view{
		display:block;
	}
	.mobile-view {
		color: #4c607f !important;
		text-decoration: underline !important;
	}
}

.pho-cont .p-generic, .pho-cont .p-generic a, .time-cont .p-generic{
	color: #101010;
} 
header.mdp-flexiblecontent-md-bg__header-primary + .mdp-flexiblecontent-md-bg__copy p {
	font-family: "MazdaTypeTT-Regular", helvetica, arial, sans-serif;
	letter-spacing: .2em;
}
@media all and (max-width: 767px) and (-ms-high-contrast: none), (-ms-high-contrast: active){
	#searchByTextDiv > .grid-row.floatClass{
		float:none;
	}
	@media screen and (max-width:959px) and (min-width:768px){
		#mapGoogle {
			margin-bottom:0px;
		}
		#top{
			padding-bottom:11%
		}
	}
}

.dealer-content {
	padding: 0 20px 10px 20px
}
.dealer-content .fad-rel {
	position: relative;
}
#mailContainer {
	display: inline-block;
}
#dealerMail {
	color: #4c607f;
	text-decoration: underline;
}
#cta-uno a, #cta-dos a {
	margin: 0;
	padding: 11px 14px;
	border: 2px solid #101010;
}
#cta-uno a:hover, #cta-dos a:hover {
	border-color: #91172E
}
#cta-uno a {
	color: white;
	font-family: "MazdaTypeTT-Medium", helvetica, arial, sans-serif;
}
#cta-dos a:hover {
	color: white;
}
#selectedDealer {
	display:none;
}
.fad-instructions {
	text-align:center;
	margin-top: 25px;
}
#ctaContainerBox.ctaContainerBoxClass{
	padding-bottom: 30px;
	float: left;
}
@media screen and (min-width: 768px) {
	.mdp-flexiblecontent-md-bg .cta-container.ctaFadBox{
		justify-content: flex-start;
		-webkit-justify-content:flex-start;
	}
	#ctaContainerBox.ctaContainerBoxClass.ctaFadBox{
		margin-left: 50px;
	}
	.rtlDirection .mdp-flexiblecontent-md-bg .cta-container.ctaFadBox{
		justify-content: flex-end;
		-webkit-justify-content:flex-end;
	}
	.rtlDirection #ctaContainerBox.ctaContainerBoxClass.ctaFadBox{
		margin-left: 0px;
		margin-right: 50px;

	}

}