/* CSS Document */
.brands-section {}
.brands-section .grid {
	flex-wrap: wrap;
}
.brands-section .grid .item {
	/* width: 100%; */
}
.brands-section .grid .item:not(:last-child) {
	/* width: calc(33.333% - 10px); */
}
@media (max-width: 1200px) {}
@media (max-width: 991px) {
}
@media (max-width: 768px) {
}

.collection-banner {}
.collection-banner h1 { 
	display: none 
}
.collection-banner img {
	max-width: 250px;
}
.models-section {
	background: #012F51;
	padding: 30px 0 0;
}
.models-section .container-fluid {
  opacity: 0;
}
.models-section.ready .container-fluid {
  opacity: 1;
  animation: fadeInUp 1.2s both;
}
.models-section .h1-style { 
	text-align: center;
	margin: 0 0 40px;
	color: #FFF;
	font-family: Montserrat;
	font-size: 24px;
	font-style: normal;
	font-weight: 700;
	line-height: 30px; /* 125% */
	letter-spacing: 10.8px;
	text-transform: uppercase;
}
.models-section .h1-style span {
	color: #FFF;
	font-family: Montserrat;
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: 40px; /* 250% */
}
.models-section .grid {
	display: flex;
	flex-wrap: wrap;
	border: solid 1px #f2f2f2;
}
.models-section .grid .item {
	overflow: hidden;
	width: 33.3333%;
	position: relative;
	padding-bottom: 20%;
	border: solid 1px #f2f2f2;
}
.models-section .grid .item.half-width {
	width: 50%;
	padding-bottom: 38%;
}
.models-section .grid .item.full-width {
	width: 100%;
	padding-bottom: 48%;
}
.models-section .grid .item .bnn {
	position: absolute;
	width: 100%;
	height: 100%;
}
.models-section .grid .item .bnn:after {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 2;
	width: 100%;
	height: 50%;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.65+71,0.65+71,0.92+100 */
	opacity: .7;
	background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 71%,rgba(0,0,0,0.92) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.models-section .grid .item .bnn img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transform: scale(1);
	transition: all 1.3s ease;
}
.models-section .grid .item:hover .bnn img {
	transform: scale(1.1);
}
.models-section .grid .item .info {
	position: absolute;
	z-index: 2;
	left: 0;
	right: 0;
	bottom: 0;
	padding: 15px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.models-section .grid .item .info h3 {
    color: #FFF;
}
.models-section .grid .item .info .btn-layout {
    min-width: 182px;
}
@media (max-width: 1200px) {}
@media (max-width: 991px) {
	.models-section .grid .item {
		width: 50%;
		padding-bottom: 38%;
	}
}
@media (max-width: 768px) {
	.models-section .grid .item {
		width: 100%;
		padding-bottom: 68%!important;
	}
	.models-section .grid .item .info .btn-layout {
	    min-width: 142px;
	}
}
.model-banner {
	height: 52vw;
}
.model-banner img {
	max-width: 250px;
}
.details-nav {
	background: #012F51;
	padding: 10px 0;
	text-align: center;
	color: #fff;
}
.details-nav ul {
	margin: 20px 0 5px;
}
.details-nav ul li:not(:last-child) {
	margin-right: 2vw;
}
.details-nav ul li a:not(.btn-layout) {}
.details-nav ul li a.btn-layout {}