@font-face {
    font-family: NissanAGRegular;
    src: url(../fonts/NissanBrandW01-Regular.woff2);
}
@font-face {
    font-family: NissanAGBold;
    src: url(../fonts/NissanBrandW01-Bold.woff2);
}
@font-face {
    font-family: NissanAGLight;
    src: url(../fonts/NissanBrandW01-Light.woff2);
}

.text-brand-regular{
    font-family: NissanAGRegular;
}
.text-brand-light{
    font-family: NissanAGLight;
}
.text-brand-bold{
    font-family: NissanAGBold;
}

.container-custom {
	width:100%;
	padding-right:15px;
	padding-left:15px;
	margin-right:auto;
	margin-left:auto;
}
  @media (min-width: 576px) {
    .container-custom {
      max-width: 540px; } }
  @media (min-width: 768px) {
    .container-custom {
      max-width: 720px; } }
  @media (min-width: 992px) {
    .container-custom {
      max-width: 960px; } }
  @media (min-width: 1200px) {
    .container-custom {
      max-width: 1300px; } }
	  
.jumbotron-cover{
	 background-repeat: no-repeat;
	 background-position: center;
	 background-size: cover;
}

.gradient-overlay {
  overflow: hidden;
  position: relative; }
  .gradient-overlay > *:first-child:before {
    content: '';
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    left: 0px;
    top: 0px;
    pointer-events: none;
    
}

.logo{
	width: auto;
	height: 3.5rem;
}
@media (min-width: 576px) {
	.logo {
		height: 3.5rem;
	}
}
@media (min-width: 768px) {
	.logo {
		height: 5rem;
	}
}
@media (min-width: 992px) {
    .logo {
		height: 5rem;
	}
}
@media (min-width: 1200px) {
    .logo {
		height: 4.5rem;
	}
}

.custom-toggler .navbar-toggler-icon {
  background-image: url("../images/menu.svg");
}

.navbar-toggler {
	border: none;
}
.navbar-toggler, 
.navbar-toggler:focus,
.navbar-toggler:active,
.navbar-toggler-icon:focus {
    outline: none;
    box-shadow: none;
}

.nav-link {
	font-size: 1.1rem;
}

.nav-link:hover {
	color: #C61935 !important;
}

.bg-light {
	background: transparent !important;
	transition: 0.5s ease;
}

.bg-light.scrolled {
	background: #fff !important;
}

.bg-black {
	background-color: #000;
}

.text-white {
	color: #fff;
}

.text-gray {
	color: #d9d9d9;
}

.img-box {
	height: 300px;
}
@media (min-width: 576px) {
	.img-box {
		height: 300px;
	}
}
@media (min-width: 768px) {
	.img-box {
		height: inherit;
	}
}
@media (min-width: 992px) {
    .img-box {
		height: inherit;
	}
}
@media (min-width: 1200px) {
    .img-box {
		height: inherit;
	}
}

.side-slide-fix {
	overflow:hidden;
}

.img-model-wrapper {
	width: 100%;
	height: 300px;
	overflow: hidden;
	cursor: pointer;
}
@media (min-width: 576px) {
	.img-model-wrapper {
		height: 300px;
	}
}
@media (min-width: 768px) {
	.img-model-wrapper {
		height: 270px;
	}
}
@media (min-width: 992px) {
    .img-model-wrapper {
		height: 280px;
	}
}
@media (min-width: 1200px) {
    .img-model-wrapper {
		height: 300px;
	}
}

.img-model-box {
	height: 300px;
	background-size:cover;
	background-position:center;
	background-repeat: no-repeat;
	transition: all .2s ease-in-out;
}
@media (min-width: 576px) {
	.img-model-box {
		height: 300px;
	}
}
@media (min-width: 768px) {
	.img-model-box {
		height: 270px;
	}
}
@media (min-width: 992px) {
    .img-model-box {
		height: 280px;
	}
}
@media (min-width: 1200px) {
    .img-model-box {
		height: 300px;
	}
}

.img-model-box:hover {
	transform: scale(1.1);
}

.bg-models-black {
	background-color: rgba(0,0,0,0.6);
	position: absolute;
	z-index:1000;
	width: 100%;
}

.zoom-child {
  transition: transform .2s;
}

.zoom-parent:hover .zoom-child,
.zoom-parent:focus .zoom-child {
  transform: scale(1.25);
}

.custom-input {
	border-top: none !important;
	border-left: none !important;
	border-right: none !important;
}

.footer-links{
	color: #fff;
	text-decoration:none;
}

.footer-links:hover{
	color: #fff;
	text-decoration:underline;
}

.social-icons {
	width: auto;
	height: 26px;
}