/* Layout
	 ========================================================================== */
*,:after,:before{-webkit-box-sizing:inherit;box-sizing:inherit}section{margin:0;position:relative;background-size:cover;background-position:center;background-repeat:no-repeat}p{margin:0 0 20px}a,button,input[type=submit]{-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease}img{max-width:100%;height:auto;display:block}.full-wrapper,.sml-wrapper,.wrapper{position:relative;width:100%;margin:0 auto}.parallax{position:relative;background-repeat:no-repeat;background-attachment:fixed;background-position:top center;background-size:cover}

/* FLEX */
.flex{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap;-ms-justify-content:flex-start;-webkit-justify-content:flex-start;justify-content:flex-start;margin-left:-20px}.flex.no-gaps{margin-left:0}.fv-center{align-items:center}.fh-center{justify-content:center}.flex>*{width:100%;float:left;position:relative;padding:0 0 0 20px}.flex.pb-vert>*{padding-bottom:20px}.flex.no-gaps>*{padding:0}.flex.site-container>*{padding:0}.flex>.m-col-6{width:50%}.flex>.m-col-4{width:33.333%}.flex>.m-col-3{width:25%}.m-two-cols>*{width:50%}.m-three-cols>*{width:33.333%}.m-full{width:100%}.flex-grow{-webkit-flex-grow:1;-moz-flex-grow:1;flex-grow:1}.equal-height>*{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column}.equal-height>*>*{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-flex-grow:1;-moz-flex-grow:1;flex-grow:1}.equal-height img{min-height:1px;align-self:flex-start}.flex-reverse{-webkit-flex-direction:row-reverse;flex-direction:row-reverse}@media screen and (-ms-high-contrast:active),screen and (-ms-high-contrast:none){.equal-height>*>*{height:100%}}.equal-height>*>*>:last-child{margin-top:auto}.flex-right{-webkit-justify-content:flex-end;justify-content:flex-end;-moz-justify-content:flex-end}.ie .flex-basic:before,.ie .flex:before{content:" ";display:table}.ie .flex-basic:after,.ie .flex:after{content:" ";display:table;clear:both}
.m-flex-basic{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;width:100%}.ie .m-flex-basic:before{content:" ";display:table}.ie .m-flex-basic:after{content:" ";display:table;clear:both}.ie .m-flex-basic>*{float:left}.ie .m-flex-basic>:last-child{float:right}
@media (min-width:500px){.flex-basic{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;width:100%}.ie .flex-basic>*{float:left}.ie .flex-basic>:last-child{float:right}.t-two-cols>*{width:50%}.t-three-cols>*{width:33.333%}.t-four-cols>*{width:25%}.dealer-links .d-logo{background-size:auto 80%}a.video-popup{max-width:500px;height:218px;margin:20px auto;padding:170px 20px 0 20px}.ie .edge-designed{float:right}}
@media (min-width:768px){.l-two-cols>*{width:50%}.l-three-cols>*{width:33.333%}.l-four-cols>*{width:25%}}
@media (min-width:1025px){.flex{margin-left:-30px}.flex>*{padding:0 0 0 30px}.flex.pb-vert>*{padding-bottom:30px}.d-two-cols>*{width:50%}.d-three-cols>*{width:33.333%}.d-four-cols>*{width:25%}.d-five-cols>*{width:20%}.d-six-cols>*{width:16.66667%}.flex>.d-col-10{width:83.333%}.flex>.d-col-9{width:75%}.flex>.d-col-8{width:66.66667%}.flex>.d-col-7{width:58.333%}.flex>.d-col-6{width:50%}.flex>.d-col-5{width:41.66667%}.flex>.d-col-4{width:33.333%}.flex>.d-col-3{width:25%}.flex>.d-col-2{width:16.66667%}}
@media (min-width:1200px){.xl-two-cols>*{width:50%}.xl-three-cols>*{width:33.333%}.xl-four-cols>*{width:25%}.xl-five-cols>*{width:20%}.xl-six-cols>*{width:16.66667%}.flex>.xl-col-10{width:83.333%}.flex>.xl-col-9{width:75%}.flex>.xl-col-8{width:66.66667%}.flex>.xl-col-7{width:58.333%}.flex>.xl-col-6{width:50%}.flex>.xl-col-5{width:41.66667%}.flex>.xl-col-4{width:33.333%}.flex>.xl-col-3{width:25%}.flex>.xl-col-2{width:16.66667%}}
/*@media (min-width:1500px){.flex:not(.sml-gaps):not(.no-gaps){margin-left:-50px}.flex:not(.sml-gaps):not(.no-gaps)>*{padding-left: 50px} }*/


/* Font
   ========================================================================== */
@font-face {
  font-family: "sm-font";
  src:url("fonts/sm-font.eot");
  src:url("fonts/sm-font.eot?#iefix") format("embedded-opentype"),
    url("fonts/sm-font.woff") format("woff"),
    url("fonts/sm-font.ttf") format("truetype"),
    url("fonts/sm-font.svg#sm-font") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "ToyotaType";
  src: url(fonts/ToyotaType-Regular.woff) format("woff"), url(fonts/ToyotaType-Regular.woff2) format("woff2");
  font-weight: normal;
  font-style: normal
}

@font-face {
  font-family: "ToyotaType";
  src: url(fonts/ToyotaType-Semibold.woff) format("woff"), url(fonts/ToyotaType-Semibold.woff2) format("woff2");
  font-weight: 600;
  font-style: normal
}

@font-face {
  font-family: "ToyotaType";
  src: url(fonts/ToyotaType-Bold.woff) format("woff"), url(fonts/ToyotaType-Bold.woff2) format("woff2");
  font-weight: bold;
  font-style: normal
}

@font-face {
  font-family: "ToyotaType";
  src: url(fonts/ToyotaType-RegularIt.woff) format("woff"), url(fonts/ToyotaType-RegularIt.woff2) format("woff2");
  font-weight: normal;
  font-style: italic
}

@font-face {
  font-family: "ToyotaType";
  src: url(fonts/ToyotaType-SemiboldIt.woff) format("woff"), url(fonts/ToyotaType-SemiboldIt.woff2) format("woff2");
  font-weight: 600;
  font-style: italic
}

@font-face {
  font-family: "ToyotaType";
  src: url(fonts/ToyotaType-BoldIt.woff) format("woff"), url(fonts/ToyotaType-BoldIt.woff2) format("woff2");
  font-weight: bold;
  font-style: italic
}

@font-face {
  font-family: "ToyotaType";
  src: url(fonts/ToyotaType-Black.woff) format("woff"), url(fonts/ToyotaType-Black.woff2) format("woff2");
  font-weight: 900;
  font-style: normal
}

@font-face {
  font-family: "ToyotaType";
  src: url(fonts/ToyotaType-BlackIt.woff) format("woff"), url(fonts/ToyotaType-BlackIt.woff2) format("woff2");
  font-weight: 900;
  font-style: italic
}

@font-face {
  font-family: "ToyotaType";
  src: url(fonts/ToyotaType-Book.woff) format("woff"), url(fonts/ToyotaType-Book.woff2) format("woff2");
  font-weight: 350;
  font-style: normal
}

@font-face {
  font-family: "ToyotaType";
  src: url(fonts/ToyotaType-BookIt.woff) format("woff"), url(fonts/ToyotaType-BookIt.woff2) format("woff2");
  font-weight: 350;
  font-style: italic
}

@font-face {
  font-family: "ToyotaType";
  src: url(fonts/ToyotaType-Light.woff) format("woff"), url(fonts/ToyotaType-Light.woff2) format("woff2");
  font-weight: 300;
  font-style: normal
}

@font-face {
  font-family: "ToyotaType";
  src: url(fonts/ToyotaType-LightIt.woff) format("woff"), url(fonts/ToyotaType-LightIt.woff2) format("woff2");
  font-weight: 300;
  font-style: italic
}


html, body {
	padding: 0;
	margin: 0;
 	font-family: "ToyotaType";
	font-size: 16px;
    box-sizing: border-box;
	background-color: rgba(243,243,243,0.8);
}


.wrapper {
	max-width: 1400px;
}

/* Header
	 ========================================================================== */
header {
	background: #fff;
}

header .wrapper {
	padding: 15px 20px;
	text-align: center;
}

.logo {
    display: inline-block;
    width: 95px;
    margin: 0;
}

.dealer-name {
    font-size: 15px;
    margin: 0;
    display: block;
    font-weight: bold;
}



/* Dealerships
	 ========================================================================== */

	.dealer-block {
		position: relative;
	}

	.d-link {
		position: absolute;
		top: 0;
		left: 0;
		height: 100%;
		width: 100%;
		z-index: 1;
	}

	/* .dealer-block:hover .btn {
		background: #1a1a1a;
	} */

	.d-surround {
		overflow: hidden;
	}

	 .d-img {
	    object-fit: cover;
	    object-position: center;
	    width: 100%;
	    -webkit-transition: all 0.4s ease;
	    -moz-transition: all 0.4s ease;
	    transition: all 0.4s ease;
	    min-height: 350px;
	    max-height: 400px;
	    height: 100%;
	 }

	 .dealer-block:hover .d-img {
		transform: scale(1.2);

	 }

	.text-block {
		padding: 30px;
		text-align: center;
		background-color: rgba(243,243,243,0.8);
	}


	@media (max-width: 900px) {
		.text-block {
		    position: absolute;
		    top: 0;
		    left: 0;
		    width: 100%;
		    height: 100%;
		}
	}

	@media (min-width: 1800px) {
	.d-img {
	    max-height: 650px;
	 }
	}

	/* Button
   ========================================================================== */

.btn {
  font-size: 18px;
  text-align: center;
  border-radius: 99px;
  padding: 15px 24px;
  line-height: 1.2;
  font-weight: 600;
  display: inline-block;
  width: auto;
  text-decoration: none;
}

.btn-primary, a.btn-primary {
  background-color: #eb0a1e;
  color: #fff;
}

.btn-primary:hover, a.btn-primary:hover {
  background-color: #3a3a3a;
  color: #fff;
}

.btn-secondary, a.btn-secondary {
  background-color: #333333;
  color: #fff;
}

a.btn-secondary:hover, .btn-secondary:hover {
  background-color: #000;
  color: #fff;
}

.btn-outline, a.btn-outline {
  background: transparent;
  border: 1px solid #fff;
  color: #fff;
}

a.btn-outline:hover, .btn-outline:hover {
  background-color: #fff;
  color: #000;
}

.btn-banner {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.btn-red, a.btn-red {
  background-color: #980e1c;
  color: #fff;
}

.btn-red:hover, a.btn-red:hover {
  background-color: #000;
  color: #fff;
}

.btn-green, a.btn-green {
  background-color: #94CE58;
  color: #fff;
}

.btn-green:hover, a.btn-green:hover {
  background-color: #000;
  color: #fff;
}

.btn-staff {
  cursor: pointer;
}

.btn-full {
  display: block;
  width: 100%;
  margin-top: 0;
}