





.ss-button {
 display:inline-block;
 vertical-align:middle;
 margin:0 0 1rem 0;
 padding:0.85em 1em;
 -webkit-appearance:none;
 border:1px solid transparent;
 border-radius:0;
 -webkit-transition:background-color 0.25s ease-out,color 0.25s ease-out;
 transition:background-color 0.25s ease-out,color 0.25s ease-out;
 font-size:0.9rem;
 line-height:1;
 text-align:center;
 cursor:pointer;
 background-color:#2199e8;
 color:#fff
}
[data-whatinput='mouse'] .ss-button {
 outline:0
}
.ss-button:hover,.ss-button:focus {
 background-color:#1583cc;
 color:#fff
}


.slick-slider {
 position:relative;
 display:block;
 -webkit-box-sizing:border-box;
 box-sizing:border-box;
 -webkit-touch-callout:none;
 -webkit-user-select:none;
 -moz-user-select:none;
 -ms-user-select:none;
 user-select:none;
 -ms-touch-action:pan-y;
 touch-action:pan-y;
 -webkit-tap-highlight-color:transparent;
 padding:0 35px;
}
.slick-list {
 position:relative;
 overflow:hidden;
 display:block;
 margin:0;
 padding:0
}
.slick-list:focus {
 outline:none
}
.slick-list.dragging {
 cursor:pointer;
 cursor:hand
}
.slick-slider .slick-track,.slick-slider .slick-list {
 -webkit-transform:translate3d(0, 0, 0);
 -ms-transform:translate3d(0, 0, 0);
 transform:translate3d(0, 0, 0)
}
.slick-track {
 position:relative;
 left:0;
 top:0;
 display:block;
}
.slick-track:before,.slick-track:after {
 content:"";
 display:table
}
.slick-track:after {
 clear:both
}
.slick-loading .slick-track {
 visibility:hidden
}
.slick-slide {
 float:left;
 height:100%;
 min-height:1px;
 padding:0 1rem;
}
[dir="rtl"] .slick-slide {
 float:right
}
.slick-slide img {
 display:block
}
.slick-slide.slick-loading img {
 display:none
}
.slick-slide.dragging img {
 pointer-events:none
}
.slick-initialized .slick-slide {
 display:block
}
.slick-loading .slick-slide {
 visibility:hidden
}
.slick-vertical .slick-slide {
 display:block;
 height:auto;
 border:1px solid transparent
}
.slick-arrow.slick-hidden {
 display:none
}
.slick-loading .slick-list {
 background:#fff
}

.slick-prev,.slick-next {
 position:absolute;
 display:block;
 height:48px;
 width:32px;
 line-height:0px;
 font-size:0px;
 text-indent:-999px;
 border:1px solid lime;
 cursor:pointer;
background:url('/images/slider_nav.png') no-repeat;


 color:transparent;
 top:50%;
 -webkit-transform:translate(0, -50%);
 -ms-transform:translate(0, -50%);
 transform:translate(0, -50%);
 padding:0;
 border:none;
 outline:none;
 opacity:0.75;
}
.slick-prev:hover,.slick-prev:focus,.slick-next:hover,.slick-next:focus {
 outline:none;
 opacity:1;
}

.slick-prev {
 left:-25px;
 background-position:left 0;
}

.slick-next {
 right:-25px;

 background-position:right 0;
}



.slick-dotted.slick-slider {
 margin-bottom:30px
}
.slick-dots {
 position:absolute;
 bottom:-25px;
 list-style:none;
 display:block;
 text-align:center;
 padding:0;
 margin:0;
 width:100%
}
.slick-dots li {
 position:relative;
 display:inline-block;
 height:20px;
 width:20px;
 margin:0 5px;
 padding:0;
 cursor:pointer
}
.slick-dots li button {
 border:0;
 background:transparent;
 display:block;
 height:20px;
 width:20px;
 outline:none;
 line-height:0px;
 font-size:0px;
 color:transparent;
 padding:5px;
 cursor:pointer
}
.slick-dots li button:hover,.slick-dots li button:focus {
 outline:none
}
.slick-dots li button:hover:before,.slick-dots li button:focus:before {
 opacity:1
}
.slick-dots li button:before {
 position:absolute;
 top:0;
 left:0;
 content:"•";
 width:20px;
 height:20px;
 font-family:"slick";
 font-size:6px;
 line-height:20px;
 text-align:center;
 color:#000;
 opacity:.25;
 -webkit-font-smoothing:antialiased;
 -moz-osx-font-smoothing:grayscale
}
.slick-dots li.slick-active button:before {
 color:#000;
 opacity:.75
}



.ss-button {
 background-color:#234153;
 color:#fff;
 border:1px solid #234153;
 padding-top:.625rem;
 padding-bottom:.6875rem
}
.ss-button:hover {
 background-color:#05090b;
 border-color:#05090b;
 color:#fff
}
.ss-button:hover::after {
 border-color:#fff transparent transparent transparent !important
}
.ss-button:focus {
 background-color:#05090b;
 border-color:#05090b;
 color:#fff
}
.ss-button.small {
 font-size:.8125rem;
 padding-top:.375rem;
 padding-bottom:.4375rem
}
.ss-button::after {
 border-color:#fff transparent transparent transparent !important
}
.ss-button.secondary {
 background-color:#777;
 border-color:#777;
 color:#fff
}
.ss-button.success {
 background-color:#43AC6A;
 border-color:#368a55
}
.ss-button.dropdown {
 margin-top:20px
}

.slider--vehicles {padding:2rem 0;}

.slider--vehicles .slick-prev,.slider--vehicles .slick-next {
 z-index:999;
 background-color:transparent
}
.slider--vehicles .slick-prev:before,.slider--vehicles .slick-next:before {
 text-indent:-999px;font-size:1px;
 opacity:1
}
.slider--vehicles .slick-prev:hover,.slider--vehicles .slick-next:hover {
 opacity:1;
 -webkit-transition:opacity 0.3s ease-out;
 transition:opacity 0.3s ease-out
}
.slider--vehicles .slick-prev:hover:before,.slider--vehicles .slick-next:hover:before {
 color:#fff
}
.slider--vehicles .slick-prev:active,.slider--vehicles .slick-next:active {
 color:#fff
}
.slider--vehicles .slick-prev {
 left:0.9375rem
}
.slider--vehicles .slick-prev:before {

}
.slider--vehicles .slick-next {
 right:0.9375rem
}
.slider--vehicles .slick-next:before {

}
.slider--vehicles .slick-track .slick-slide .display-vehicles {
 font-weight:300
}
.slider--vehicles .slick-track .slick-slide .display-vehicles__image {
 position:relative;
 overflow:hidden
}
.slider--vehicles .slick-track .slick-slide .display-vehicles__image img {
 width:100%
}
.slider--vehicles .slick-track .slick-slide .display-vehicles__image--overlay {
 display:block;
 position:absolute;
 z-index:20;
 background:rgba(35,65,83,0.8);
 overflow:hidden;
 left:0;
 bottom:0;
 right:0;
 width:100%;
 height:0;
 -webkit-transition:all 0.5s;
 transition:all 0.5s
}
.slider--vehicles .slick-track .slick-slide .display-vehicles__image--overlay .ss-button {
 bottom:10%;
 left:50%;
 -webkit-transform:translateX(-50%);
 -ms-transform:translateX(-50%);
 transform:translateX(-50%);
 position:absolute;
 background-color:#82d0ef;
 color:#fff;
 font-size:25px;
 width:250px;
 font-weight:300
}
.slider--vehicles .slick-track .slick-slide .display-vehicles__image--overlay .ss-button:hover {
 background-color:#fff;
 color:#000
}
.slider--vehicles .slick-track .slick-slide .display-vehicles__image--overlay .ss-button i {
 color:#234153;
 margin-left:5px
}
.slider--vehicles .slick-track .slick-slide .display-vehicles__image:hover .display-vehicles__image--overlay {
 height:100%
}
.slider--vehicles .slick-track .slick-slide .display-vehicles__title {
 text-align:center;
 color:#fff;
 font-size:20px;
 text-transform:uppercase;
 line-height:1.3;
 margin-top:25px;
 margin-bottom:15px
}
.slider--vehicles .slick-track .slick-slide .display-vehicles__price {
 color:#fff;
 text-align:center;
 font-size:12px
}
.nav-container {
 overflow:hidden
}
.slider--vehicle-details {
 overflow:hidden
}
.slider--vehicle-details .slick-prev,.slider--vehicle-details .slick-next {
 margin-top:-25px;
 z-index:1;
 opacity:0.6;
 -webkit-transition:all 0.3s ease-out;
 transition:all 0.3s ease-out
}
.slider--vehicle-details .slick-prev:before,.slider--vehicle-details .slick-next:before {
 font-size:40px;
 opacity:1
}
.slider--vehicle-details .slick-prev:hover,.slider--vehicle-details .slick-next:hover {
 background:#234153;
 opacity:1
}
.slider--vehicle-details .slick-prev:hover:before,.slider--vehicle-details .slick-next:hover:before {
 color:#fff
}
.slider--vehicle-details .slick-prev:focus,.slider--vehicle-details .slick-next:focus {
 background:#05090b
}
.slider--vehicle-details .slick-prev:focus:before,.slider--vehicle-details .slick-next:focus:before {
 color:#fff
}
.slider--vehicle-details .slick-prev {
 left:-50px
}
.slider--vehicle-details .slick-next {
 right:-50px
}
.slider--vehicle-details:hover .slick-prev {
 left:0px
}
.slider--vehicle-details:hover .slick-next {
 right:0px
}
.slider--vehicle-details_thumbs {
 margin:0 0 0 -10px;
 overflow:hidden
}
.slider--vehicle-details_thumbs .slick-track {
 margin:0 0 0 10px
}
.slider--vehicle-details_thumbs .slick-track .slick-slide span {
 display:block;
 margin-right:10px
}



.slider__container {
 overflow:hidden
}
@media print, screen and (min-width: 64em) {
 .slider__container {
  max-height:654px
 }
}



@-webkit-keyframes empty {
 0% {
  opacity:1
 }
}
@keyframes empty {
 0% {
  opacity:1
 }
}
@-webkit-keyframes fadeIn {
 0% {
  opacity:0
 }
 100% {
  opacity:1
 }
}
@keyframes fadeIn {
 0% {
  opacity:0
 }
 100% {
  opacity:1
 }
}
@-webkit-keyframes fadeOut {
 0% {
  opacity:1
 }
 100% {
  opacity:0
 }
}
@keyframes fadeOut {
 0% {
  opacity:1
 }
 100% {
  opacity:0
 }
}
@-webkit-keyframes backSlideOut {
 25% {
  opacity:.5;
  -webkit-transform:translateZ(-500px)
 }
 75% {
  opacity:.5;
  -webkit-transform:translateZ(-500px) translateX(-200%)
 }
 100% {
  opacity:.5;
  -webkit-transform:translateZ(-500px) translateX(-200%)
 }
}
@keyframes backSlideOut {
 25% {
  opacity:.5;
  -webkit-transform:translateZ(-500px);
  transform:translateZ(-500px)
 }
 75% {
  opacity:.5;
  -webkit-transform:translateZ(-500px) translateX(-200%);
  transform:translateZ(-500px) translateX(-200%)
 }
 100% {
  opacity:.5;
  -webkit-transform:translateZ(-500px) translateX(-200%);
  transform:translateZ(-500px) translateX(-200%)
 }
}
@-webkit-keyframes backSlideIn {
 0%,25% {
  opacity:.5;
  -webkit-transform:translateZ(-500px) translateX(200%)
 }
 75% {
  opacity:.5;
  -webkit-transform:translateZ(-500px)
 }
 100% {
  opacity:1;
  -webkit-transform:translateZ(0) translateX(0)
 }
}
@keyframes backSlideIn {
 0%,25% {
  opacity:.5;
  -webkit-transform:translateZ(-500px) translateX(200%);
  transform:translateZ(-500px) translateX(200%)
 }
 75% {
  opacity:.5;
  -webkit-transform:translateZ(-500px);
  transform:translateZ(-500px)
 }
 100% {
  opacity:1;
  -webkit-transform:translateZ(0) translateX(0);
  transform:translateZ(0) translateX(0)
 }
}
@-webkit-keyframes scaleToFade {
 to {
  opacity:0;
  -webkit-transform:scale(0.8)
 }
}
@keyframes scaleToFade {
 to {
  opacity:0;
  -webkit-transform:scale(0.8);
  transform:scale(0.8)
 }
}
@-webkit-keyframes goDown {
 from {
  -webkit-transform:translateY(-100%)
 }
}
@keyframes goDown {
 from {
  -webkit-transform:translateY(-100%);
  transform:translateY(-100%)
 }
}
@-webkit-keyframes scaleUpFrom {
 from {
  opacity:0;
  -webkit-transform:scale(1.5)
 }
}
@keyframes scaleUpFrom {
 from {
  opacity:0;
  -webkit-transform:scale(1.5);
  transform:scale(1.5)
 }
}
@-webkit-keyframes scaleUpTo {
 to {
  opacity:0;
  -webkit-transform:scale(1.5)
 }
}
@keyframes scaleUpTo {
 to {
  opacity:0;
  -webkit-transform:scale(1.5);
  transform:scale(1.5)
 }
}
@-webkit-keyframes fadeIn {
 from {
  opacity:0
 }
 to {
  opacity:1
 }
}
@keyframes fadeIn {
 from {
  opacity:0
 }
 to {
  opacity:1
 }
}


