/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Oct 14 2025 | 09:50:41 */
/* 
*
* Top Menu
* Sub mega menu
* Drawer Menu 
* All vehicles menu
*
*/
.menu-hide{
	display:none;
}
li#mega-menu-item-71085 {
    display: none !important;
}
section#landing_page,
section#mainmenu,
.page-id-826 section#header-configurator,
.page-id-23201 section#header-configurator,
.page-id-19156 section#header-configurator,
.page-id-23388 section#header-configurator,
.page-id-23399 section#header-configurator,
.page-id-23572 section#header-configurator,
.page-id-24544 section#header-configurator,
.page-id-24673 section#header-configurator,
.page-id-24955 section#header-configurator,
.page-id-26740 section#header-configurator,
.page-id-36083 section#header-configurator,
.page-id-37311 section#header-configurator,
.page-id-48245 section#header-configurator,
/* Almera BAK */
.page-id-41115 section#header-configurator{
    left: 0;
    top: 0;
    width: 100%;
    background-color: transparent;
    transition: 0.3s;
    position: absolute;
}
#mega-menu-wrap-main_menu #mega-menu-main_menu li#mega-menu-item-13 > ul.mega-sub-menu{
	width: auto!Important;
}

/*############### MEDIA SCREEN DISPLAY CSS Mobile ####################*/
@media screen and  (min-width:320px) and (max-width:1024px){
 	  .eael-filter-gallery-control ul {
		width: 300px;
		display: inline-flex;
		overflow: scroll;
	}
	
	#mega-menu-wrap-main_menu #mega-menu-main_menu input, #mega-menu-wrap-main_menu #mega-menu-main_menu img {
    max-width: 100%;
	height: auto;
   
	} 
	section#fullpage-menu #mega-menu-wrap-main_menu #mega-menu-main_menu li#mega-menu-item-13>ul.mega-sub-menu {
        height: 300px!important;
    }
	/*.eael-filterable-gallery-item-wrap {
        width: auto;
        display: contents;
    } */
	#mega-menu-wrap-main_menu #mega-menu-main_menu input, #mega-menu-wrap-main_menu #mega-menu-main_menu img {
	width: 70%!important;
	} 
.fg-layout-3-item-content .fg-item-title {
    text-align: left;
} 
  section#landing_page, 
  .page-id-826 section#header-configurator,
  .page-id-23201 section#header-configurator,
  .page-id-23388 section#header-configurator,
  .page-id-23399 section#header-configurator,
  .page-id-23572 section#header-configurator,
  .page-id-24544 section#header-configurator,
  .page-id-24673 section#header-configurator,
  .page-id-19156 section#header-configurator,
  .page-id-24955 section#header-configurator,
  .page-id-26740 section#header-configurator,
  .page-id-36083 section#header-configurator,
  .page-id-37311 section#header-configurator,
  .page-id-41115 section#header-configurator,
  .page-id-48245 section#header-configurator{
    position: relative;
  }
}

.sticky-header {
    position: fixed;
    top: 0;
    width: 100%;
    z-index:99;
    left:0 ;
}

/* Active Class on hover || Top menu */
#mega-menu-main_menu:hover > li:not(:hover) > a.mega-menu-link,
#responsive-menu:hover > li:not(:hover) > .responsive-menu-item-link{
    color:#8a8a8a!important;
}
.mega-menu-close {
    position: absolute;
    top: 0;
    right: 0;
}
#mega-menu-wrap-main_menu #mega-menu-main_menu li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator{
    display: none!important;
}
#mega-menu-wrap-main_menu #mega-menu-main_menu{
    padding: 0px 50px 0px 0px!important;
    float: right;
  
}
#mega-menu-wrap-main_menu #mega-menu-main_menu > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link{
    text-align:left;
}

#mega-menu-wrap-main_menu #mega-menu-main_menu > li.mega-menu-item > a.mega-menu-link{
    font-size: 14px;
    font-family: "Nissan Regular"!important;
    letter-spacing: 1px;
}
/* #mega-menu-wrap-main_menu #mega-menu-main_menu > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link, #mega-menu-wrap-main_menu{
    background: transparent!important;
    color: #000!important;
    font-weight: normal!important;
    text-decoration: none!Important;
} */
a.site-search-toggle.search-dropdown-toggle {
    display: none;
}

/* Sub mega menu */
#mega-menu-wrap-main_menu #mega-menu-main_menu li#mega-menu-item-13>ul.mega-sub-menu{
    overflow-y:auto!important;
}
.rtbs .rtbs_menu li a{
    font-size: 14px;
    font-family: "Nissan Regular";
    color:rgba(0,0,0,.6);
    margin-right:25px;
    padding: 0px;
	letter-spacing: .85px;
}
.rtbs_menu {
    padding: 36px 0px 0px 50px;
    box-shadow: 0px 20px 20px rgba(255,255,255,1.0);
    background-color: #FFFFFF;
    top:0px;
    margin-top: 10px;
    position: sticky;
}
.rtbs .rtbs_menu ul{
  	padding-left: 39px;
}
.rtbs>.rtbs_content{
    margin-top:30px;
}
.rtbs .rtbs_menu li a.active{
    color: #343434;
    background-color: transparent!important;
    text-transform: uppercase;
    font-size: 14px;
    font-family: "Nissan Regular";
    border-bottom: 1px solid #000;
   
}

#mega-menu-wrap-main_menu #mega-menu-main_menu > li.mega-menu-megamenu > ul.mega-sub-menu{
    min-width:100%;
    width:auto;
}
#mega-menu-wrap-main_menu #mega-menu-main_menu > li.mega-menu-megamenu > ul.mega-sub-menu {
    top:0px;
    min-height:1400px;
    height: 700px;
}

#mega-menu-wrap-main_menu #mega-menu-main_menu input, #mega-menu-wrap-main_menu #mega-menu-main_menu img{
/*     max-width: 100%; */
    width: auto;
	padding: 5px;
}
.column {
    float: left;
    width: 25%;
    height: 300px;
}
.row:after {
    content: "";
    display: table;
    clear: both;
}
.row.mega-menu{
   text-align:center;
}
.row.mega-menu .column{
    height:220px;
}
.row.mega-menu a,
#mega-menu-wrap-main_menu #mega-menu-main_menu,
#mega-menu-wrap-main_menu #mega-menu-main_menu ul.mega-sub-menu li.mega-menu-item > a.mega-menu-link, ul.mega-sub-menu li.mega-menu-item > a.mega-menu-link {
    font-family: "Nissan Regular"!important;
    font-size: 14px;
    color: #343434;
}
h2.car-model {
    font-size: 14px;
    font-family: "Nissan Regular";
    font-weight: 300;
    text-align:center;
}
img.car-model-img {
    margin: 0 auto;
    display: block;
    height:140px;
}
.rtbs>.rtbs_content{
    background: #FFF; 
}

/* Close button */
button.close-button {
    right: 0;
    top: 0;
    position: absolute;
    font-size: 24px;
    content: '\e609';
    color: #000;
    border: none;
}

/* Drawer Menu */
.overlay-bg{
  	background: rgba(0,0,0,.8);
    position: fixed;
    opacity: 0;
    visibility: hidden; 
    transition:1s;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 9999;
    color: rgba(0,0,0,.8);
}

.responsive-menu-open{
    position: fixed;
    width: -webkit-fill-available;
}
/*
.responsive-menu-open button#responsive-menu-button{
    position: fixed;
}*/

.responsive-menu-open .overlay-bg {
  	opacity: 1;
    visibility: visible;
}
.responsive-menu-boring.is-active .responsive-menu-inner::before{
    top: -1px!important;
    opacity: 1!important;
    transform: rotate(179deg);
}

.responsive-menu-inner::before {
    top: -7px!important;
}
.responsive-menu-inner::after {
    bottom: -7px!important;
}
.responsive-menu-inner {
    width: 20px!important;
    height: 2px!Important;
}
#responsive-menu-container #responsive-menu li.responsive-menu-item a 
.responsive-menu-subarrow.responsive-menu-subarrow-active{
  display:none;
}
/* #responsive-menu-container{
	transition: all .2s ease-in-out!important;
} */

@media screen and (max-width: 1920px){
span.responsive-menu-box .responsive-menu-inner::before{
    width: 20px!Important;
    /*transition: all .5s!important;*/
 }
span.responsive-menu-box .responsive-menu-inner::after {
    width: 20px!Important;
  	/*transition: all .5s!important;*/
  }
.responsive-menu-boring.is-active .responsive-menu-inner::after{
    top:0px;
    border-radius:0;
}

.responsive-menu-inner::before, .responsive-menu-inner::after {
    display: block!important;
    content: ''!important;
    width: 77%!important;
    background-color:#FFF;
}
button#responsive-menu-button{
    background-color: transparent!important;
    right: 10px!important;
    z-index:-9;
}
div#responsive-menu-wrapper {
    margin: 72px 0px 0px 34px;
    font-family: "Nissan Regular";
    background: #ffffff;
  }
}

/* All vehicles menu */
.more-vehicles {
    float: right;
    bottom: 0;
    width: 100%;
    text-align: right;
}
.more-vehicles:after {
    content: '\e634';
    font-family: Nissan-Icon;
    color: #C3002F!important;
    vertical-align: middle;
    font-size: 11px;
    right: -8px;
    position: relative;
}
.grid-menu {
    margin-bottom: 50px;
}
.grid-menu h4.sub-title {
    font-size: 28px;
    font-family: "Nissan Light";
    font-weight: normal;
    color: #000000;
    line-height: 1.0;
}
.grid-menu h2.title{
    font-size: 14px;
    font-family: "Nissan Bold";
    line-height: 0;
}

.grid-menu a.cta-button,
.dealer-group a.cta-button{
    display: block;
    position: relative;
    width: 90%;
    padding: 0!Important;
    border-top: 1px dashed #c1c1c1;
    font-size: 14px;
    font-family: "Nissan Regular";
    color:#343434;
    line-height: 2.9;
}
.grid-menu a.cta-button.cta-secondary-button,
.dealer-group  a.cta-button.cta-secondary-button {
    border-top: 1px dashed #c1c1c1;
    border-bottom: 1px dashed #c1c1c1;
 	line-height: 2.9;
}

.grid-images .elementor-image {
    height: 170px;
}
.allvehicles-section a.cta-button:after {
    content: '\e634';
    font-family: Nissan-Icon;
    color: #C3002F!important;
    vertical-align: middle;
    font-size: 11px;
    right: -8px;
    position: relative;
}



/*############### MEDIA SCREEN DISPLAY CSS Mobile ####################*/
@media screen and  (min-width:320px) and (max-width:767px){
	#mega-menu-wrap-main_menu .mega-menu-toggle.mega-menu-open + #mega-menu-main_menu {
		margin-top: 45px;
	}
	.mega-menu{
    padding-right:0px!important;
  }
  .mega-menu ul.mega-sub-menu{
    min-width:320px!important;
    padding-top:0px!important;
  }
  ul.mega-sub-menu li.mega-menu-item > a.mega-menu-link{
    width:90%!important;
  }
  .rtbs.rtbs_menu-tabbed{
    width:100%!important;
  }
  .rtbs .rtbs_menu{
/*  width:auto!important; */
	width: 320px!Important;
    overflow-x:scroll;
    overflow-y:hidden;
    height:60px;
    margin-top:0px!important;
  }
  
	.rtbs .rtbs_menu ul{
		display:inline-flex;
	}

	.rtbs .rtbs_menu li{
		min-width:fit-content;
		padding:5px 10px;
	}
	.rtbs .rtbs_menu::-webkit-scrollbar,.rtbs .rtbs_content::-webkit-scrollbar{
		width:0px;
	}
	.rtbs .rtbs_menu li{
		display: block!important;	
		min-width: auto;
	}
	li.mobile_toggle,
	.rtbs_full .rtbs_menu ul::after{
		visibility: hidden;
		position: absolute;
	}
	.rtbs_full .rtbs_menu ul li {
		background: transparent;
	}
	.rtbs_full .rtbs_menu ul li a{
		width: max-content;	
	}
	.grid-images .elementor-image{
		height:auto;
	}
	button#responsive-menu-button .responsive-menu-box{
		display:block!Important;
	}
	.grid-menu h2.title{
		line-height:1.0;
	}
	header#site-header {
		padding: 10px 0px 0px 0px;
	}
  #close-button{
    visibility:hidden;
  }
  #close-button span:nth-child(4){
    top:0px;
  }
  img.car-model-img{
    height:auto;
  } 
   #mega-menu-wrap-main_menu #mega-menu-main_menu li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator:after {
    visibility: hidden;
  }
  #mega-menu-wrap-main_menu #mega-menu-main_menu li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator:before {
    visibility: visible;
    content: '\e601';
    font-family: Nissan-Icon;
    color: #343434;
    vertical-align: middle;
    font-size: 11px;
    right: 0;
    top:-5px;
    position: relative;
  }
   .rtbs.rtbs_menu-tabbed{
    width:30%;
  }
   #mega-menu-wrap-main_menu .mega-menu-toggle.mega-menu-open .mega-toggle-block-1:after{
    color:black!important;
  }
  #mega-menu-wrap-main_menu #mega-menu-main_menu li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator{
    display: block!important;
  }
  #mega-menu-wrap-main_menu #mega-menu-main_menu{
    padding:0px 0px 0px 0px!important;
  }
   #mega-menu-wrap-main_menu .mega-menu-toggle{
    width:44px;
    float:right;
  }
  #mega-menu-wrap-main_menu .mega-menu-toggle .mega-toggle-block-1:after{
    z-index:999;
    margin:0;
  }
  a.mega-menu-logo {
    margin: -1px 0px 0px -12px;
  }
   button#responsive-menu-button{
    display:none!important;
  }
  #mega-menu-wrap-main_menu .mega-menu-toggle.mega-menu-open:after{
   width: 0!important;
  }
   #mega-menu-wrap-main_menu .mega-menu-toggle .mega-toggle-block-2:after{
   z-index: 9999;
  }
  #mega-menu-wrap-main_menu #mega-menu-main_menu>li.mega-menu-megamenu.mega-menu-item{
    margin-top: 61px
  }
  #mega-menu-wrap-main_menu #mega-menu-main_menu > li.mega-menu-item > a.mega-menu-link{
      padding: 0 10px 0px 40px!important;
  }
  #mega-menu-wrap-main_menu #mega-menu-main_menu>li.mega-menu-item>a.mega-menu-link{
  } 
  #mega-menu-wrap-main_menu #mega-menu-main_menu ul.mega-sub-menu li.mega-menu-item>a.mega-menu-link {
    left: 59px;
    font-size: 12px!important;
    color: #343434!important;
   }
  #mega-menu-wrap-main_menu .mega-menu-toggle.mega-menu-open+#mega-menu-main_menu{
    z-index: 99;
    color: #343434;
    font-size: 34px;
  }
  #mega-menu-wrap-main_menu .mega-menu-toggle .mega-toggle-block-2:after {
    color: #343434;
    font-size: 32px;
  }
   #mega-menu-wrap-main_menu .mega-menu-toggle + #mega-menu-main_menu{
    max-width:100%;
  }
  #mega-menu-wrap-main_menu .mega-menu-toggle.mega-menu-open + #mega-menu-main_menu{
    max-width:100%;
  }
  #mega-menu-wrap-main_menu #mega-menu-main_menu{
    padding:0px;
  }
  #mega-menu-wrap-main_menu #mega-menu-main_menu li#mega-menu-item-13>ul.mega-sub-menu{
 /*   height:500px; */
    min-height:auto;
  }
  .rtbs{
    margin:0px;
  }
 .rtbs.rtbs_menu-tabbed{
    overflow-x:hidden;
  }
  .row.mega-menu{
    display:inline-grid;
  }
  .row.mega-menu .column{
    width:100%;
  }
  .rtbs>.rtbs_content{
    margin-top:0px;
  }
  .rtbs_menu{
    padding:0px;
  } 
  /*.rtbs .rtbs_menu{
    left: 22px;
    position: relative;
  }*/
  .rtbs .rtbs_menu li a.active{
    line-height:1.4;
  }
  li.mobile_toggle{
    background-color:grey!Important;
  }
  /* slider */
  div#n2-ss-8 .n2-ss-button-container.n2-ss-fullwidth a:after {
    position: relative;
    float: right;
    margin-top: 5px;
    right: -3px;
  }
}

@media only screen and (max-width: 1024px){
#mega-menu-wrap-main_menu #mega-menu-main_menu > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item {
    width: 100%;
    clear: both;
  }
}

/********** Ipad & Tab ***********/
@media screen and (min-width:768px) and (max-width:1024px){
   html,body{
    overflow-x:hidden;
  }
  .grid-menu h2.title{
    line-height:1.0;
  }
  .rtbs .rtbs_menu li a.active{
    line-height:1.4;
  }
  div#close-button {
    display: none; 
  }
    #mega-menu-wrap-main_menu .mega-menu-toggle .mega-toggle-block-1:after{
    z-index: 999!Important;
  }
  #mega-menu-wrap-main_menu .mega-menu-toggle + #mega-menu-main_menu{
    z-index:99!Important;
  }
  #mega-menu-wrap-main_menu .mega-menu-toggle.mega-menu-open:after{
    z-index: 9!Important;
  }
  #mega-menu-wrap-main_menu #mega-menu-main_menu > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item{
    left: 42px;
    position: relative;

  }
   #mega-menu-wrap-main_menu #mega-menu-main_menu>li.mega-menu-megamenu.mega-menu-item{
    margin-top: 61px
  }
   #mega-menu-wrap-main_menu .mega-menu-toggle.mega-menu-open + #mega-menu-main_menu{
    max-width: 50%;
    width: 50%;
  }
   #mega-menu-wrap-main_menu #mega-menu-main_menu li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator:after {
    visibility: hidden;
  }
  #mega-menu-wrap-main_menu #mega-menu-main_menu li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator:before {
    visibility: visible;
    content: '\e601';
    font-family: Nissan-Icon;
    color: #343434;
    vertical-align: middle;
    font-size: 11px;
    right: 0;
    position: relative;
  }
   .rtbs_full .rtbs_menu li.mobile_toggle {
      color: #343434!Important;
  }
  .row.mega-menu {
    display: grid;
  }
  img.car-model-img{
    height: auto;
  }
  .row.mega-menu .column{
    width: auto;
  }
  #mega-menu-wrap-main_menu #mega-menu-main_menu li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator{
    display: block!important;
  }
  #mega-menu-wrap-main_menu .mega-menu-toggle{
    float:right;
  }
   #mega-menu-wrap-main_menu #mega-menu-main_menu{
    padding:0px 0px 0px 0px!important;
  }
  #mega-menu-wrap-main_menu #mega-menu-main_menu > li.mega-menu-item > a.mega-menu-link{
      padding: 0 10px 0px 40px!important;
  }
  button#responsive-menu-button{
    display:none!important;
  }

}


/********** Desktop & Laptop **********
@media screen and (min-device-width: 1920px) and (-webkit-min-device-pixel-ratio: 1){
  #mega-menu-wrap-main_menu #mega-menu-main_menu input, #mega-menu-wrap-main_menu #mega-menu-main_menu img{
    width:auto;
  }
}
*/