#bym-01 .mdp-flexiblecontent-md-bg--description {
  height: 20vh;
}
#bym-01 .block-title-generic-c {
  padding-bottom: 0px;
}
.mde-feat-cat .mde-feat-cat__tabs, .mde-feat-cat .mde-feat-cat__tabs__content {
  margin-top: 30px;
}
#byms5mdimages {
  height: 450px !important;
  margin: 0 auto 40px auto;
}
#byms5mdimages img {
  max-height: 450px;
  width: 900px;
  max-width: 100%;
  object-fit: cover;
  /*border: 1px solid rgba(0,0,0,0.2);*/
}
@media (max-width: 767px){
  #byms5mdimages {
    height: auto !important;
  }
  .mde-feat-cat .mde-feat-cat__tabs, .mde-feat-cat .mde-feat-cat__tabs__content {
    margin-top: 0px;
  }
}
.listing-features {
  height: 0 !important;
}

@media (max-width: 959px){
  #bym06 .mde-feat-cat {
    /*this is the style that brakes the slick!!!*/
    /*overflow-x: visible;*/
    /*height: 470px;*/
    min-height: 610px;
  }
}
@media (min-width: 960px){
  #bym06 .mde-feat-cat {
    min-height: 550px;
  }
}
.main-bym .p-generic-b-c-upp { 
  margin-top: 20px
}
.mde-feat-cat .mdp-assemble .mde-feat-cat__listing {
  width: 270px !important;
}
.fake-cta-container a {
  opacity: 1;
  width: 170px;
  border: 2px solid black;
  /*font-family: "InterstateBold", helvetica, arial, sans-serif;*/
  font-family: "MazdaTypeTT-Bold", helvetica, arial, sans-serif;
  font-size: 13px;
  font-size: 1.3rem;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: .05em;
  border-radius: 3px;
  padding: 13px 16px;
  display: block;
  margin-top: 10px;
  line-height: normal
}
.fake-cta-container a:hover {
  border: 2px solid #91172E;
  color: white;
	background: #91172E;
}
.grades-main-items {
  margin: 15px 0;
}
@media (max-width: 420px) {
  .cta {
    min-width: 140px;
  }
  .cta-wrapper {
    padding: 11px 13px;
  }
  .cta-container {
    position: absolute;
    left: 0;
    width: 100%;
  }
	#bym-07 .cta-container {
		position: relative;
	}
  .grade-abstract .cta-container {
    position: relative;
  }
  .content-cta-bym .cta-container .cta-1 {
    margin-left: 3px;
  }
  .content-cta-bym .cta-container .cta-2 {
    margin-right: 3px;
  }
}
@media screen and (max-width: 767px){
  .mde-feat-cat .mde-feat-cat__dropdown {
    height: auto;
    margin-top: 10px;
    margin-bottom: 10px;
  }
}
@media screen and (max-width: 959px) and (min-width: 768px) {
  .mde-feat-cat .mde-feat-cat__dropdown {
    height: auto;
  } 
}
.mazda-nav-bym {
  text-align: center;
}
.mazda-nav-bym .container--full-width {
  display: inline-block;
  width: auto;
}
#bym-02 .content-bym {
  padding: 20px 0;
}
#choose-body p {
  margin: 20px 0;
}
.content-bym ul.tabs__list li {
  width: 33%;
}
#select-body .tabs__list > li > a {
  padding: 10px 5px 20px 5px;
  
}
.main-bym .p-generic-b-c-upp {
  margin-top: 0;
  font-size: 20px;
  /*font-family: InterstateBold, Helvetica;*/
  font-family: "MazdaTypeTT-Medium", helvetica, arial, sans-serif;
  font-weight: normal;
}
#bym-04 .p-generic-b-c-upp, #bym-07 .p-generic-b-c-upp, #bym06 .p-generic-b-c-upp {
  margin-top: 20px;
	margin-bottom: 10px;
}
.mde-three-sixty__intro--tagline {
  margin-top: 20px;
  /*letter-spacing: 0;*/
  /*font-family: InterstateBold, Helvetica;*/
  font-family: "MazdaTypeTT-Medium", helvetica, arial, sans-serif;
}
.main-bym .footer-info {
  margin: 0;
}
.prep-container .cost-bym {
  margin: 0 0 0 10px;
}
.prep-container .cost-bym, .prep-container img {
  display: inline-block;
  float: none;
  vertical-align: middle;
}
@media (min-width: 480px){
  #bym-04 .content-cta-bym, #bym-05 .content-cta-bym, #bym06 .content-cta-bym  {
    overflow: hidden;
    padding: 20px 8% 10px;
  }
}
.from-price-text {
  /*font-family: "InterstateBold", Helvetica;*/
  font-family: "MazdaTypeTT-Bold", helvetica, arial, sans-serif;
  margin: 0; 
  text-transform: uppercase;
}
#bym-res-price .block-title-generic {
  margin-bottom: 15px;
}
@media(min-width: 1449px){
  .mde-feat-cat .mde-feat-cat__tabs__content li .mde-feat-cat__slider {
    /*left: 2%;*/
  }
}
#bym-res-info, .grades-main-items {
  border-bottom: none;
}
.grades-main-items {
  max-width: initial;
}

.framed-row {
  max-width: 1200px;
  margin: 0 auto;
}


#bym-07 .cta-container {
  text-align: center;
}
.grades-title-items {
  margin-top: 0;
}

#email-panel {
  width: 300px;
	top: 0;
	margin: 15px 0 25px 0; 
}
#bymError{
	position: absolute;
	left: 0;
}
#email-panel input {
  color: #101010;
    background-color: #fff;
    border: 1px solid #d5d5d5;
    border-radius: 3px;
    padding: 12px;
    font-size: 16px;
    font-size: 1.6rem;
    width: 79%;
  vertical-align: top;
}
#email-panel a {
  margin-left: 10px;
  padding: 0;
  vertical-align: bottom;
}
.grades-main .gradescontainimage img {
  float: none;
  width: 100%
}
#bym-03 .grades-main .gradescontainimage img {
  width: 50%;
}
@media (orientation: portrait){
	#bym-03 .grades-main .gradescontainimage img {
	  width: 100%;
	}
}
#bym-07 .grades-main .gradescontainimage img {
	float:right;
	width: 85%;
}
.grades-image-container {
  display: inline-block;
  width: 60%;
  vertical-align: middle;
}
.grades-text-container {
  display: inline-block;
  width: 30%;
  vertical-align: middle;
}
.grades-main .gradescontainimage {
  padding: 20px 0;
}
#bym-03 .grades-main .gradescontainimage {
  text-align: center;
}
.second-tabs {
  min-width: 592px;
	margin-top: 0;
}
.third-tabs {
	margin-top: 0;
}
@media (max-width: 767px){
  .second-tabs {
    min-width: auto;
  }
  .grades-image-container {
    width: 100%;
  }
  .grades-text-container {
    width: 225px;
    margin: 0 auto 20px auto;
    display: block;
  }
  .fake-cta-container a {
    margin: 10px auto;
  }
  #bym-04 .mde-feat-cat .mde-feat-cat__tabs__content {
    margin-top: 0;
  }
  #bym-nav .mdp-navigation-general .block-title-generic-c > span {
    font-size: 16px;
    display: block;
  }
  #bym-nav .mdp-navigation-general .block-title-generic-c #bymspantitle{
     font-size: 20px;
  }
  .main-bym .p-generic-b-c-upp {
    font-size: 13px;
    margin-bottom: 5px;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
    letter-spacing: .18em;
    font-family: "MazdaTypeTT-Bold", helvetica, arial, sans-serif;
  }
} 
.modal-flex {
	display: flex;
	align-items: center;
}
#bym-modal-img {
	margin-left: 5%;
}
.bym-modal-action {
	margin-left: 2%;
	position: relative;
}
.bym-modal-list {
	margin-left: 20%;
	margin-bottom: 40px;
}
.bym-modal-list li {
	position: relative;
	line-height: 20px;
	font-size: 1.7rem;
	margin-bottom: 20px
}
.bym-modal-list li:first-child {
	text-transform: uppercase;
	font-family: "MazdaTypeTT-Bold", helvetica, arial, sans-serif;
	font-size: 1.6rem;
}
.bym-modal-list li:before {
	background-color: #999;
    border-radius: 50%;
    content: '';
    position: absolute;
    top: 7px;
    left: -45px;
    padding: 4px;
}
.without360 {
	display: none;
	cursor: auto;
}
.without360.active {
	display: block;
	text-align: center;
}
.mobile-color-picker {
	display: none;
}
@media (max-width: 767px){
	.mobile-color-picker {
		display: block;
		height: 80px;
	}
	.desktop-color-picker {
		display: none;
	}
}
.desktop-color-picker .mde-three-sixty__colors {
	position: relative;
}	
.desktop-color-picker .mde-three-sixty__colors .component-color-picker-1 {
	margin-top: 15px;
}
.mde-three-sixty__content--exterior.active {
	margin-top: -5px
}
.mde-three-sixty__contain {
	padding-bottom: 0;	
}
.mde-three-sixty__interior-images {
	margin-top: 40px;
	margin-bottom: 40px;
}
#bym-07 .mde-feat-cat .mde-feat-cat {
	min-height: initial;
}
.grid-row .summary-margins {
	margin: 40px 0 20px 0;
}

.active .mde-three-sixty img {
	height:auto
}
.mde-three-sixty__wrapper .mde-three-sixty__color-name-container.exterior.active{
	transform: translateY(0);
}
.mde-three-sixty__color-name {
	line-height: .5px;
}
.car-body {
	margin-bottom: 20px;
}
.grid-row .grid-row + .grid-row:not(.collapse) {
	margin-top: 0;
}
#bym-04 .mde-feat-cat .mde-feat-cat__tabs {
	margin-top: 10px;
}
@media (min-width: 768px){
	.second-tabs, .third-tabs {
		min-width: 450px;
		margin-top: 20px;
	}
}
@media (max-width: 959px){
	#bym-04 .second-tabs .p-generic-b-c-upp, #bym-04 .third-tabs .p-generic-b-c-upp {
		margin-top: 10px;
	}
}
.grid-col-medium-5.summary-mobile {
	padding: 10px;
}
@media (max-width: 767px){
	#bym-04 .gradescontainimage img {
		padding-bottom: 0;
	}
	#bym-07 .grades-main .gradescontainimage img {
		float: none;
		width: 100%;
		padding-bottom: 0;
	}
	.grid-col-medium-5.summary-mobile {
		width: 50vw;
    	margin: 0 auto;
	}
	.grid-row .summary-margins {
		margin-top: 20px;
  }
}
.bym-nav-mov .component-dropdown-1 {
	margin-top: 15px;
	margin-bottom: 5px;
}
@media (min-width: 421px) and (max-width: 767px){
	.content-cta-bym{
		margin-bottom: 0;
	}
}
@media (max-width: 420px){
  .grid-col-medium-5.summary-mobile {
		width: 70vw;
    margin: 0 auto;
	}
	.modal-flex {
		display:block;
	}
	.bym-modal-action .cta-container {
		position: relative;
	}
	.bym-modal-action {
		width: 173px;
		margin: 0 auto;
	}
	.bym-modal-action .cta {
		width: 100%;
  }
  .grades-title-items .subtitle-generic{
    font-size: 25px;
  }
  .from-price-text{font-size: 16px;}
}

@media (min-width: 960px){
	#bym-02 .gray-red-tabs {
		min-height: calc(100vh - 520px);
		display: flex;
		align-items: center;
		justify-content: center
  }
  .summary-height-aux {
    min-height: calc(100vh - 424px);
		display: flex;
		align-items: center;
		justify-content: center
  }
  #bym-03 #contents-choose-drive {
    min-height: calc(100vh - 602px);
  }
  #bym-04  #contents-main-grade {
    min-height: calc(100vh - 676px);
  }
  #byms5mdimages.mde-three-sixty {
    min-height: calc(100vh - 689px);
  }
  .mde-three-sixty__content--interior.active {
    min-height: calc(100vh - 621px);
  }
}
@media (min-width: 1200px) {
  .slider-aux {
    /* min-height: calc(100vh - 557px); */
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
#bym-04 .grades-text-container {
	padding-left: 10px;
}
.component-modal {
	z-index: 3999;
}
#ak-process {
        background-color: rgba(0, 0, 0, 0.5);
        position: fixed;
        top: 0;
        left: 0;
        z-index: 3900000;
        width: 100vw;
        height: 100vh;
		display: none;
    }
    #ak-process .arc {
        width: 50px;
        height: 50px;
        top: 50%;
        left: 50%;
        margin-top: -50px;
    }
.thank-you--close {
	cursor: pointer;
}
#modal-email-share .component-modal__button--close:before {
	font-size: 50px;
    line-height: 1.5;
}
#bym-02 .tabs__list-contain {
	width: 100%;
}
.mdp-navigation-vehicle .mdp-navigation-vehicle__nav-wrapper.container.mde-three-sixty__colors {
	position: relative;
	top: 13px;
}
.mdp-navigation-vehicle__nav .slick-list {
	overflow: hidden;
}
li.select2-results__option:empty {
    display: none;
}
#bym06 .component-modal, #modal-email-share.component-modal {
	bottom: unset;
	overflow-y: hidden;
}
#bym06 .component-modal__container, #modal-email-share .component-modal__cover {
	/*right:  unset;
    bottom: unset;*/
    width:  100%;
    height: 100%;
	overflow-y: visible;
	position: relative;
}
/*#modal-email-share .component-modal__container {
	position: relative;
	transform: none;
	top: 0;
}*/
#modal-email-share .component-modal__cover {
	opacity: 1;
	background: rgba(0, 0, 0, .5);
}
.select2-container--open {
	/*z-index: 3000;*/
}
.mdp-navigation-footer {
	padding-top: 0;
}
.accesories-tab, .bodies-tab, .drives-tab {
	display: none;
}

@media(min-width: 768px){
	.prep-container {
		margin-left: 0;
		width: 39%;
	}
	.prep-container img {
		width: 49%;
		max-width: 117px;
	}
	.prep-container .cost-bym {
		width: 48%;
	}
}
.title-generic-b + .p-generic-b {
	font-family: "MazdaTypeTT-Bold", helvetica, arial, sans-serif 
}
.bym1-select .block-title-generic-c {
  font-weight: normal;
  font-family: "MazdaTypeTT-Bold", helvetica, arial, sans-serif;
  font-size: 94%;
  color: #000000;
}
#bym-01 {
    padding-bottom: 30px;
    display: inline-block;
    text-align: center;
    width: 100%;
}
#bym-nav .block-title-generic-c {
	font-weight: normal;
}
.grades-title-items .subtitle-generic {
	font-family: "MazdaTypeTT-Medium", helvetica, arial, sans-serif
}
@media screen and (max-width: 959px) {
	.mdp-assemble__modal--option .mdp-assemble__modal__cta--option {
		display: none;
  }
  .mde-three-sixty__wrapper.is-handheld .mde-three-sixty__color-name-container {
        display: block; }
}
.component-accordion-2 > li:last-child > .item-title {
    border-bottom: none;
}
html {
  background-color: #101010;
}
body {
  background-color: white;
}
.component-modal__cover, .component-modal__container{
  pointer-events: none;
}
a.cta.thank-you--close{
  pointer-events: auto;
}


@media screen and (max-width: 767px) {
  .grades-title-items .subtitle-generic, .from-price-text, .block-title-generic{
    /* font-size: 20px; */
    font-family: "MazdaTypeTT-Bold", helvetica, arial, sans-serif;
    text-transform: uppercase;
    letter-spacing: .2em;
  }
  .p-generic-upp{
    font-size: 15px;
    text-transform: initial;
    font-family: "MazdaTypeTT-Regular", helvetica, arial, sans-serif;
  }
  .grades-feat-title{
    text-transform: uppercase;
    /* line-height: 25px; */
    margin-bottom: 28px;
    text-align: center;
    margin-top: 15px;
    font-family: "MazdaTypeTT-Medium", helvetica, arial, sans-serif;
    letter-spacing: 0;
    padding: 0 7%;
  }
}


#bym06 .slick-list{
  display: inline-block;
  text-align: center;
  width: 100%;
  overflow-x: hidden;
}
#bym06 .slick-list .slick-track{
  display: inline-block;
  text-align: center;
  width: 100%;
}
#bym06 .slick-list .slick-track .slick-slide{
  float: none;
  display: inline-block;
}
@media screen and (max-width: 450px){
  .bymTittle{
    font-size: 15px !important;
    font-family: "MazdaTypeTT-Regular", helvetica, arial, sans-serif !important;
    font-weight: normal !important;
  }
}

.after-price {
  margin: 0 5px;
}
#bym-01 h1 {
  all: unset;
  display: block;
}