/* ------------
	Body
------------------------------------------------ */

#columns-buttons-2 .container-fullwidth
/*, #content-section-1*/ {
  margin: 0 auto;
  max-width: 1600px;
}

#hero {
  height: 70vh;
  max-height: 815px !important;
}

#hero .one-page-arrow,
#header .mobile-header-trigger {
  display: none !important;
}

/* ------------
	Colors
------------------------------------------------ */

.bgcolor-red {
  background-color: #b40000;
  border-color: #b40000;
}

.bgcolor-blue {
  background-color: #002C71;
  border-color: #002C71;
}

.color-blue {
  color: #002C71 !important;
}

.text-shadow {
  text-shadow: 1px 1px 5px rgba(0,0,0,0.35);
}

/* ------------
	Button Group
------------------------------------------------ */

#columns-buttons-2 .button-wrap a {
  color: #333;
}

#columns-buttons-2 .button-wrap.image img {
  opacity: 0.75;
}

/* @media (max-width: 991px) {
  #columns-buttons-2 .button-wrap a:hover {
    background-color: #fff;
  }
} */

@media (min-width: 992px) and (max-width: 1599px) {
  #columns-buttons-2 .button-wrap {
    min-height: 265px;
    max-height: 265px;
  }
  /* #columns-buttons-2 .button-wrap.wide a p {
    margin-left: 10%;
    max-width: 80%;
  } */
  #columns-buttons-2 .button-wrap.image img {
    top: 22%;
    transform: scale(1.65);
  }
}

@media (min-width: 1600px) {
  #columns-buttons-2 .button-wrap {
    min-height: 340px;
    max-height: 340px;
  }
  /* #columns-buttons-2 .button-wrap a .button-title.topmargin-lg {
    margin-top: 110px !important;
  } */
  /* #columns-buttons-2 .button-wrap.wide a p {
    margin-left: 25%;
    max-width: 50%;
  } */
  #columns-buttons-2 .button-wrap.image img {
    left: 0;
    top: 0;
    transform: scale(1);
  }
}

/* ------------
Buttons
------------------------------------------------ */

#buttons-style-5 .homepage-button.homepage-button--bg {
color: #fff;
overflow: hidden;
position: relative
}

/*#buttons-style-5 .homepage-button.homepage-button--bg .homepage-button__overlay h2:after {*/
/*  background: #333;*/
/*  content: "";*/
/*  display: block;*/
/*  height: 2px;*/
/*  margin: 5px 0 0;*/
/*  width: 30px*/
/*}*/

#buttons-style-5 .homepage-button.homepage-button--bg .homepage-button__gradient,
#buttons-style-5 .homepage-button.homepage-button--bg .homepage-button__link {
display: block;
position: absolute;
width: 100%;
height: 100%;
bottom: 0;
left: 0;
z-index: 3
}

/*@media only screen and (max-width:991px) {*/
/*  #buttons-style-5 .homepage-button.homepage-button--bg .homepage-button__overlay h2 {*/
/*    margin-top: 10px*/
/*  }*/
/*}*/

@media only screen and (min-width:992px) {
#buttons-style-5 .homepage-button.homepage-button--bg .homepage-button__overlay {
bottom: -5px;
left: 15px;
right: 15px;
position: absolute;
transition: .3s ease;
z-index: 2
}
#buttons-style-5 .homepage-button.homepage-button--bg .homepage-button__overlay h2:after {
background: #fff
}
#buttons-style-5 .homepage-button.homepage-button--bg .homepage-button__gradient {
background-image: -moz-linear-gradient(top, rgba(30, 87, 153, 0) 10%, #000 100%);
background-image: -webkit-linear-gradient(top, rgba(30, 87, 153, 0) 10%, #000 100%);
background-image: linear-gradient(to bottom, rgba(30, 87, 153, 0) 10%, #000 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#001e5799', endColorstr='#000000', GradientType=0);
background-size: auto 100%;
background-position: 0 0;
height: 40%;
transition: height .3s;
z-index: 1
}
body:not(.device-touch) #buttons-style-5 .homepage-button.homepage-button--bg:hover .homepage-button__gradient {
height: 55%
}
body:not(.device-touch) #buttons-style-5 .homepage-button.homepage-button--bg:hover .homepage-button__overlay {
-webkit-transform: translate3d(0, -15px, 0);
transform: translate3d(0, -15px, 0)
}
}

@media only screen and (min-width:992px) and (max-width:1200px) {
#buttons-style-5 .homepage-button.homepage-button--bg .homepage-button__overlay h4 {
font-size: 16px
}
body:not(.device-touch) #buttons-style-5 .homepage-button.homepage-button--bg:hover .homepage-button__gradient {
height: 45%
}
body:not(.device-touch) #buttons-style-5 .homepage-button.homepage-button--bg:hover .homepage-button__overlay {
-webkit-transform: translate3d(0, -5px, 0);
transform: translate3d(0, -5px, 0)
}
}

#buttons-style-5 .homepage-button.homepage-button--bg.homepage-button--porsche .homepage-button__overlay {
bottom: -5px;
left: 15px;
right: 15px;
position: absolute;
transition: .3s ease;
z-index: 2
}

#buttons-style-5 .homepage-button.homepage-button--bg.homepage-button--porsche .homepage-button__overlay h4:after {
background: #fff
}

#buttons-style-5 .homepage-button.homepage-button--bg.homepage-button--porsche .homepage-button__gradient {
background-image: -moz-linear-gradient(top, rgba(30, 87, 153, 0) 10%, #000 100%);
background-image: -webkit-linear-gradient(top, rgba(30, 87, 153, 0) 10%, #000 100%);
background-image: linear-gradient(to bottom, rgba(30, 87, 153, 0) 10%, #000 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#001e5799', endColorstr='#000000', GradientType=0);
background-size: auto 100%;
background-position: 0 0;
height: 40%;
transition: height .3s;
z-index: 1
}

#buttons-style-5 .homepage-button.homepage-button--bg.homepage-button--porsche .homepage-button__overlay {
bottom: 0;
}

@media (min-width: 1200px) {
#buttons-style-5 .homepage-button.homepage-button--bg.homepage-button--porsche .homepage-button__overlay {
bottom: 15px;
left: 30px;
right: 30px;
}
}

.homepage-button--porsche .homepage-button__overlay h4:after {
display: none !important;
}

@media (max-width: 767px) {
#buttons-style-5 .homepage-button.homepage-button--bg.homepage-button--porsche {
margin-bottom: 2px;
}
}

.homepage-featured--carousel__vehicles-details small {
display: block;
margin-top: 6px;
}

@media (min-width: 992px) and (max-width: 1199px) {
.homepage-featured--carousel__vehicles-details small {
margin-top: 0;
}
}

.homepage-button__link {
color: #fff;
}