@import "points.css";

@font-face{
    font-family:'InfinitiBrand-Light';
    src:
        url('../fonts/InfinitiBrand-Light.woff') format('woff'),
        url('../fonts/InfinitiBrand-Light.ttf') format('truetype'),
        url('../fonts/InfinitiBrand-Light.svg#InfinitiBrand-Light') format('svg');
}
@font-face{
    font-family:'InfinitiBrand-Bold';
    src:
        url('../fonts/InfinitiBrand-Bold.woff') format('woff'),
        url('../fonts/InfinitiBrand-Bold.ttf') format('truetype'),
        url('../fonts/InfinitiBrand-Bold.svg#InfinitiBrand-Bold') format('svg');
}
@font-face{
    font-family:'InfinitiBrandArabic-Light';
    src:
        url('../fonts/InfinitiBrandArabic-Light.eot') format('eot'),
        url('../fonts/InfinitiBrandArabic-Light.woff') format('woff'),
        url('../fonts/InfinitiBrandArabic-Light.ttf') format('truetype'),
        url('../fonts/InfinitiBrandArabic-Light.svg#InfinitiBrandArabic-Light') format('svg');
}
@font-face {
    font-family: 'InfinitiBrandArabic-Light-AR';
    src: url('../fonts/InfinitiBrandArabicExtended-Light.woff') format('woff'),
        url('../fonts/InfinitiBrandArabicExtended-Light.ttf') format('truetype');
}
@font-face {
    font-family: 'InfinitiBrandArabic-Bold';
    src: url('../fonts/InfinitiBrandArabic-Bold.woff') format('woff'),
        url('../fonts/InfinitiBrandArabic-Bold.ttf') format('truetype');
}
* {
    margin: 0px;
}
html{
    line-height: normal !important;
}
body {
    margin: 0px auto;
    overflow: hidden;
    text-align: left;
    background: #000;
}

p {
    margin: 0px;
    font-family: 'InfinitiBrand-Light';
}

a, a:hover {
    color: #fff;
    text-decoration: none;
    font-family: 'InfinitiBrand-Light';
}

.preloader {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background-color: #221f20;
    /*background-image: url('../images/loader.svg');*/
    /*
    background-image: url('../images/landing_white.png');
    -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0
    filter: grayscale(100%);
    background-size: 15%;
    background-repeat: no-repeat;

    background-position: center;
    */
}

.preloader img {
    width: 15%;
    height: auto;
    display: block;
    margin: 0px auto;
    position: relative;
    top: 40%;
    -webkit-animation-name: blinker;
    -webkit-animation-duration: 3s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-name: blinker;
    -moz-animation-duration: 3s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;
    animation-name: blinker;
    animation-duration: 3s;
    animation-timing-function: linear; 
    animation-iteration-count: infinite; color: red; 
}
@-moz-keyframes blinker {
    0% { opacity: 1; }
    50% { opacity: 0; }
    100% { opacity: 1; } 
}

@-webkit-keyframes blinker { 
    0% { opacity: 1; }
    50% { opacity: 0; }
    100% { opacity: 1; } 
} 

@keyframes blinker { 
    0% { opacity: 1; }
    50% { opacity: 0; }
    100% { opacity: 1; } 
}

#menu {
    background-color: rgb(34, 31, 32);
    color: #fff;
    opacity: 0.8;
    display: none;
    position: fixed;
    bottom: 0;
    width: 100%;
    height: 10vh;
    z-index: 10;
    padding: 0px;
    box-sizing: border-box;
}
#menu>.navbar-nav>li {
    display: table-cell;
    float: none;
    width: 1%;
    font-size: 100%;
    text-align: center;
    height: 10vh;
    position: relative;
}
#menu .third_ul li
{
    width: auto;
    padding: 0px 1.5%;
    float: right;
}
#menu ul li:first-child{
    text-align: left;
}
#menu .third_ul li:first-child {
    padding-right: 0%;
}
#menu li a img {
    width: 50%;
}
#menu ul {
    margin: auto;
    padding: 0;
    padding-inline-start: 0;
    display: inline-block;
    vertical-align: middle;
    font-size: 84%;
}
#menu .first_ul{
    width: 9%;
    margin-right: 3.4%;
}

#menu ul ul.tooltip-menu.colors-menu-list {
    bottom: 100%;
    right: auto;
    width: 49vw;
    float: left;
    height: auto;
    position: absolute;
    z-index: 7;
    padding: 3% 1%;
}
#menu ul  ul.tooltip-menu.colors-menu-list > li{
    float: none !important;
    height: auto !important;
    line-height: normal;
    width: 24% !important;
    padding: 1%;
    display: inline-table !important;
}
.first_ul {
    width: 9%;
    margin-left: 3%;
    position: absolute;
    z-index: 2;
    top: 0px;
    left: 0px;
    display: block;
    margin-top: 1vh;
}
.lang_ul
{
    margin-right:6%;
    position: absolute;
    z-index: 2;
    top: 4%;
    right: 0px;
}
.lang_ul a
{
    font-size: 18px;
}
.first_ul li {
    display: inline-block;
    float: left;
}
.first_ul li:first-child {
    padding-right: 15%;
}
.first_ul li a img {
    width: 2vw;
    height: 2vw;
}
#menu .second_ul{
    width: 95%;
    margin-left: auto;
    float: none;
    margin: auto;
    display: block;
}

#menu .third_ul{
    width: 48%;
    margin-right:  3%;
    float: right;

}
#menu .nav-item > a {
    text-transform: uppercase;
    cursor: pointer;
    text-align: center;
    padding: 0;
    line-height: 10vh;
    display:block;
    font-size: 90%;
}

#menu .nav-item.active a,
#menu .nav-item a.active
{
    font-weight: bold;
    color: #fff;
    background-color: rgb(90,88,89);
}

#menu .nav-item a:hover {
    opacity: 0.8;
}

#myVideo {
    position: absolute;
    right: 0;
    bottom: 0;
    top:0;
    width: 100%;
    height: 100%;
    background-size: 100% 100%;
    background-color: black; /* in case the video doesn't fit the whole page*/
    background-position: center center;
    background-size: contain;
    /*object-fit: cover;*/
    /*cover video background */
}

.intro-1 {
    width: 100%;
    height: 100%;
    z-index: -1;
    background-repeat: no-repeat;
    background-size: cover;
    /*background-image: url("../images/animation/intro_(1).png");
     -webkit-animation-name: car-sea;
    -webkit-animation-duration: 3s;
    -webkit-animation-iteration-count: 1000;
    -webkit-animation-direction: alternate;
    -webkit-animation-timing-function: linear; */
}

@-webkit-keyframes car-sea {
    0% {
        background-image: url("../images/animation/intro_(1).jpg");
    }
    20% {
        background-image: url("../images/animation/intro_(2).jpg");
    }
    50% {
        background-image: url("../images/animation/intro_(3).jpg");
    }
    80% {
        background-image: url("../images/animation/intro_(4).jpg");
    }
    100% {
        background-image: url("../images/animation/intro_(5).jpg");
    }
}
.section-title {
    margin: 0px;
    padding: 0;
    padding-top: 1%;
    font-family: 'InfinitiBrand-Light';
    font-size: 142%;
}

.car-model {
    font-size: 243%;
    font-family: 'InfinitiBrand-Light';
}

.center-title {
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 10px;
    margin: 1% 0px;
    color:#fff;
}

.intro-2 {
    padding: 0;
    width: 100%;
    height: 100%;
    position: relative;
}
.infiniti-logo {
    width: 100%;
    background: url("../images/animation/intro_(1).png") no-repeat;
}
.Q50-logo
{
    width: 100%;
    background: url(../images/Q50-logo.png) no-repeat;
    height: 60px;
    background-size: 140px;
    background-position: center;
}
.Q50-logo-white
{
    width: 10vw;
    /* background: url(../images/Q50-logo-white.png) no-repeat; */
    /* height: 60px; */
    /*    background-size: 140px;*/
    background-position: center;
    margin: auto;
    margin-top: 1%;
}
.Q50-logo-white img {
    width: 100% !important;
}
.intro-1 .point-1 {
    top: 49vh;
    left: 37vw;
}
.home a.nav-link,.back a.nav-link {
    height: 35px;
    width: 35px;
    padding: 0px;
}

.infiniti-logo {
    background: url(../images/logo.png) no-repeat;
    background-position: bottom;
    background-size: 60%;
    width: 200px;
    height: 80px;
    position: absolute;
    left: calc(50% - 100px);
    bottom: 30px;
}
.copyright {
    height: 80px;
    position: absolute;
    bottom: -40px;
    font-size: 12px;
    right: 40px;
}
.copyright2 {
    height: 80px;
    position: absolute;
    bottom: 25px;
    font-size: 12px;
    right: 20px;
    z-index: 1;
    display: none;
}
@media only screen and (max-width: 768px) {
.copyright {
    left: 0;
    right: 0;
    text-align: center;
    bottom: -50px;
    font-size: 12px;
}
.copyright2 {
    left: 0;
    right: 0;
    text-align: center;
    bottom: -50px;
    font-size: 12px;
}
.infiniti-logo {
    bottom: 80px;
}
.infiniti-logo-mobile img {
    margin-bottom: 50px;
}
}
.intro-2 .section-title, .intro-2 .car-model {
    color: #fff;
}

.wrapper ,
.intro-2-content{
    width: 100%;
    float: left;
    position: relative;
}
.intro-2 .intro-2-content{
    height: 82%;
}
.intro-2 .video-container {
    text-align: center;
    clear: both;
    margin: 0px auto;
    padding-top: 1%;
    max-width: 45%;
    width: 60%;
    height: 100%;
}
.intro-2 .video-container .wrapper{
    height: 35%;
}
.intro-2 .video-container .wrapper:first-child{
    height: 65%;
}
.intro-2 video {
    margin: 0px auto;
}
.intro-2 .details {
    padding: 4% 0;
    text-align: center;
}
.intro-2 p, .intro-2 h4, .intro-2 h6 {
    color: #fff;
    text-align: center;
    margin: 0;
    margin-bottom: 1.5%;
}
.intro-2 h6 {
    font-family: 'InfinitiBrand-Light';
    font-size: 128%;
    font-weight: bold;
}
.intro-2 h4 {
    font-family: 'InfinitiBrand-Light';
    font-size: 136%;
}
.intro-2 p {
    font-size:105%;
    margin-top: 0px;
    line-height: 1.2;
}
.intro-2 a {
    font-family: 'InfinitiBrand-Light';
    display: inline-block;
    position: relative;
    text-transform: uppercase;
    font-size: 113%;
    white-space: pre;
    background: 0 0;
    border: none;
    text-decoration: none;
    letter-spacing: .05em;
    border: 1px solid #fff;
    padding: 0.5% 2%;
    margin: 0px auto;
    text-transform: uppercase;
    margin-top: 1%;
    transition-property: all;
    transition-duration: .3s;
    text-align: center;
}

.intro-2 a#enter-garage:hover {
    background: #ffffff;
    color: #221f20;
}

.turbo,.car.section-name {
    width: 100%;
    height: 100%;
    background: url(../images/bg.jpg) no-repeat;
    background-position: center;
    background-size: cover;
    position: relative;
    /* width: 100%;
    height: 100%;
    background: url(../images/bg.jpg) no-repeat;
    background-position: 0px -74px;
    background-size: 100%;
    position: relative; */
}
/* #my_image-reel .reel
{
    position: absolute;
    top: -70px;
} */
.turbo .car-model, .turbo .section-title, .grades .section-title, .grades .car-model, .design .section-title, .design .car-model, .tech .section-title, .tech .car-model, .specs .section-title, .specs .car-model {
    color: #ffffff;
}

.turbo .item,.design .item,.tech .item
{
    display: block !important;
}

/* .turbo .point-1 {
    top: 51vh;
    left: 28vw;
}

.turbo .point-2 {
    top: 47vh;
    left: 31vw;
}

.turbo .point-3 {
    top: 52vh;
    left: 31vw;
}

.turbo .point-4 {
    top: 48vh;
    left: 34vw;
} */

.beer-slider {
    width: 100%;
    font-family: Montserrat;
    text-transform: uppercase;
    font-size: 0.75rem;
    letter-spacing: 1px;
    height: 100%
}

/*.popup {
    position: absolute;
    width: 49%;
    height: auto;
    left: calc(50% - 24.5%);
    top: calc(50% - 210px);
    color: #fff;
}*/


.popup .main-container-details {
    padding:1%;
    text-align: center;
    box-sizing: border-box;
    width: 100%;
    margin: 0px auto;
    opacity: 1;
    /*    background: #221f20;*/
    background: rgba(3, 2, 0, 0.95);
    display: block;
    float: left;
    padding-bottom: 2%;
}
.error_count {
    color: red !important;
}
.popup .main-container-details p{
    max-width: 100%;
    margin: auto;
    font-size: 112%;
    margin-bottom: 1%;
    line-height: 1.2;
    position:relative;
    -moz-transition:       all 0.2s;
    -o-transition:         all 0.2s;
    -webkit-transition:    all 0.2s;
    transition:            all 0.2s;
}
.popup .main-container-details p.WHEEL-CHOICES-19,
.popup .main-container-details p.WHEEL-CHOICES-20{
    width: 50%;
    float: left;
    font-family: 'InfinitiBrand-Light'
}
.popup .main-container-details p.bolder {
    font-weight: bolder;
    font-size: 115%;
    font-family:'InfinitiBrand-Bold';
}
.popup .main-container-details p.WHEEL-CHOICES-19:after{
    content: "|";
    position:absolute;
    right:0;
    top:0;
    bottom:0;
    color:#fff;
    font-weight: normal !important;
}
.popup-title {
    float: left;
    color: #fff;
    font-size: 14px;
    font-family: 'InfinitiBrand-Light';
}

.cancel {
    width: 25px;
    height: 25px;
    background: url(../images/cancel.png) no-repeat;
    background-size: 25px;
    float: right;
    position: absolute;
    z-index: 3;
    cursor: pointer;
    right: 6%;
    top: -4%;
}
/* .full_popup.full_popup_bg .cancel,
.section-name.grades  .cancel{
    right: 13%;
    top: -4%;
} */
.popup .main-container {
    background: rgb(11,12,18);
}

.popup .img-container {
    margin-top: 10%;
    height: 39vh;
    /* background: #f8f8f8; */
    position: relative;
}
.single_box .img-container {
    height: 23vh;
}
.popup .img-container img{
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    height: auto;
    border: 0;
    width: 100%;
    right: 0;
    left: 0;
}
.popup .feature-details {
    text-align: center;
    font-size: 0.9rem;
    margin: 2% auto;
    padding: 0;
    font-family: 'InfinitiBrand-Light';
    width: 80%;
    line-height: 1.2;
    font-weight: bold;
}

.grades {
    width: 100%;
    height: 100%;
    background: url(../images/bg.jpg) no-repeat;
    background-position: center;
    background-size: cover;
    position: relative;
}

.sub-menu {
    position: absolute;
    top: 100px;
    left: 50px;
    width: 10%;
    z-index: 10;
    display: none;
}

.sub-menu ul {
    list-style-type: none;
    width: 100%;
}

.sub-menu ul li {
    width: 100%;
    float: left;
    clear: both;
    padding: 10px;
    font-size: 79%;
    background: rgb(34, 31, 32, 0.8);
    opacity: 0.8;
    margin-bottom: 3px;
    color: #ffffff;
    text-align: center;
    font-family: 'InfinitiBrand-Light';
    line-height: 1.2;
}
.sub-menu ul li.sub-menu-title{
    font-family: 'InfinitiBrand-Light' !important;
    font-size: 89%;
    line-height: normal;
    background: transparent;
}
.sub-menu ul li:hover {
    color: #ffffff;
    cursor: pointer;
    font-family: 'InfinitiBrand-Light';
}

.sub-menu ul li a.active {
    font-family: 'InfinitiBrand-Light';
}

.item
{
    width: 100%;
    height: 100%;
    float: left;
    display: none;
}

.points .item:nth-child(2)
{
    display: block;
}


.design {
    width: 100%;
    height: 100%;
    background: url(../images/bg.jpg) no-repeat;
    background-position: center;
    background-size: cover;
    position: relative;
}


.tech {
    width: 100%;
    height: 100%;
    background: url(../images/bg.jpg) no-repeat;
    background-position: center;
    background-size: cover;
    position: relative;
}


.section-name.specs {
    width: 100%;
    height: 100%;
    background: url(../images/bg.jpg) no-repeat;
    background-position: center;
    background-size: cover;
    position: relative;
}

.section-name.center-locator {
    width: 100%;
    height: 100%;
    background: url(../images/bg.jpg) no-repeat;
    background-position: center;
    background-size: cover;
    position: relative;
}


.specs .details {
    height: auto;
    margin: 0px auto;
    padding: 40px;
    margin-top: 1.2%;
    max-width: 65%;
    background-color: rgba(34, 31, 32, 0.8);
}

.specs .details img {
    opacity: 1;
}

.compare-content {
    background-color: rgba(34, 31, 32, 0.9);
    display: none;
    margin: 0px auto;
    position: absolute;
    left: 0;
    right: 0;
    top: 15%;
    height: 100%;
    margin: auto;
    height: 73%;
}

.compare-content .cancel {
    right: -8px;
    top: -12px;
}
.compare-content h4{
    font-family: 'InfinitiBrand-Light';
    color: #fff;
    text-align: center;
    font-size: 84%;
    margin: 0;
    margin-top: 2%;
    margin-bottom: 1%;
}
.compare-content p {
    color: #fff;
    font-family: 'InfinitiBrand-Light';
    font-size: 76%;
    text-align: center;
    padding: 0;
    width: 90%;
    margin: auto;
    line-height: 1.2;
    margin-bottom: 2%;
}

.hidden
{
    display: none;
}
.full_popup{
    display: none;
    position: absolute;
    width: 100%;
    height: 66%;
    top: 20.5%;
    /* bottom: 0; */
    margin: auto;
    left: 0;
    right: 0;
    z-index: 3;
}
.specs .full_popup
{
    height: 68.5%;
}

.full_popup.full_popup_bg{
    background: rgba(34, 31, 32, .8);
}

.full_popup_container {
    position: relative;
    width: 85.5%;
    height: 100%;
    overflow: hidden;
    margin: auto;
    color: #fff;
    margin-top: 5px;
    /*    background: rgb(11,12,18);*/
}
/* .full_popup.full_popup_bg .full_popup_container,
.section-name.grades .full_popup_container{
    width: 71%;
} */
.full_popup{
    text-align: center;
    background: transparent !important;
}
.specs {
    width: 100%;
    height: 100%;
}
.full_popup_container .specs .specs_container {
    background: rgb(11,12,18);
    width: 100%;
    height: 100%;
    position: relative;
}

.full_popup_container .specs img {
    width: auto;
    height: auto;
    display: block;
    margin: 0px auto;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
    max-width: 90%;
    display: block;
}
.img-container img{
    height: auto;
    width:100%;
}
h1.popup_title {
    color: #fff;
    font-family:'InfinitiBrand-Light';
    text-align: left;
    width: 86%;
    margin: auto;
    font-size: 162%;
}
.main-container {
    width: 100%;
    color: #fff;
    /*border: 1px solid #fff;*/
    /*    height:55%;*/
    /*    height: 53vh;*/
    height:79%;
    overflow: hidden;
    box-sizing: border-box;
    text-align: center;
    position: relative
}
.main-container video{
    height: 100%;
    width:auto;
}
.main-container img{
    width: auto;
    height: 100%;
}
.main-container h4{
    text-align: center;
}
.inline_boxes{
    width: 100%;
    float: left;
    clear: both;
    padding: 3% 4.4%;
}
.single_box {
    display: inline-table;
    width: 30.7%;
    margin-right: 3.2%;
    /* background: #fff; */
    /* height: 20vh; */
}
.inline_boxes .single_box:nth-child(3n){
    margin-right: 0%;
}
.full_popup_container h4 {
    text-align: center;
    font-size: 100%;
    margin-bottom: 0.3%;
    font-family: 'InfinitiBrand-Light';
    text-transform: uppercase;
}
*, ::after, ::before {
    box-sizing: border-box;
}
.compare-content-cotainer {
    width: 83%;
    margin: 0px auto;
    display: block;
    padding-top: 6%;
    height: 100%;
    box-sizing: border-box;
}

.section-name.grades .compare-content .cancel {
    right: 2%;
    top:0px;
}
.main-container-img {
    background-size: auto 100% !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    height: 16vw;
}
.intro-1 .center-title
{
    color: #221f20;
}
.intro-1 .main-container{
    border: 0;
}
.intro-1 .cancel {
    top: 3%;
    right: 2%;
}
.car_container
{
    position: absolute;
    /*top: -5vh;
    right: 2vw;
    */
    top: 0px;
    right: 0px;
    width: 100%;
    height: 100%;
}

ul.tooltip-menu {
    display: none !important;
    position: absolute;
    background: rgba(34, 31, 32, 0.8);
    /*    background: rgba(90, 88, 89, .4);*/
    right: 0PX;
    /*    padding: 13px !important;*/
}
ul.tooltip-menu.open {
    display: block !important;
}

ul.tooltip-menu li
{
    list-style: none;
    display: block !important;
    white-space:normal !important;
    width: 100% !important;
    height: 4vh !important;
}


ul.tooltip-menu li a{
    width: 100% !important;
    text-decoration: none;
    clear: both;
    line-height: 1.2 !important;
    display: flex;
    justify-content: center;
    flex-direction: column;
    height: 8.5em;
    text-align: center;
}
ul.tooltip-menu li a:active{
    background: transparent !important;
}
ul.tooltip-menu li a i {
    margin-right: 10px;
    font-size: 100%;
    width: 15px;
}
ul.tooltip-menu li a * {
    display: inline-block;
    vertical-align: middle;
}
ul.tooltip-menuhare li a span
{
    font-family: 'InfinitiBrand-Light';
    font-size: 70%;
    color: #fff;
    float: left;
    margin-left: 15px;
}
ul.tooltip-menu.grades-list {
    right: auto;
    width: 44vw;
    float: left;
    height: auto;
    margin: 0px !important;
    padding: 0px !important;
    position: absolute;
    bottom: 100%;
}
ul.tooltip-menu.grades-list li a
{
    line-height: 50px;
    cursor: pointer;
}

ul.tooltip-menu.grades-list li a.selected
{
    font-weight:bolder;
    font-size: 110%;
}
ul.tooltip-menu.grades-list > li{
    float: left !important;
    max-width: 20%;
    height: 100% !important;
    line-height: normal;
    display: inline-block !important;
}
ul.tooltip-menu.grades-list a.active
{
    background-color: transparent !important;
}
.color-picker
{
    float: left;
    max-width: 70px;
    position: absolute;
    bottom: 15vh;
    left: 7vw;
    display: none;
}
.color-picker div
{
    width: 30px;
    height: 30px;
    float: left;
    margin:0px 2px 4px 2px;
    border:1px solid #fff;
    cursor: pointer;
}
.mobile-nav .colors-menu{
    text-align: center;
    float: left;
}
.colors-menu a::before,
.colors-menu-list a::before{
    content:"";
    width: 30px;
    height: 30px;
    float: left;
    margin: 0px 10px 0px 0px;
    border:1px solid #fff;
}

.colors-menu-list a.selected {
    font-weight: bolder;
    font-size: 85%;
}

.color-picker div[color="default"],
.colors-menu a[color="default"]::before,
.colors-menu-list a[color="default"]::before
{
    background-color: rgb(207,208,208);
}
.color-picker div[color="black-obsidian"],
.colors-menu a[color="black-obsidian"]::before,
.colors-menu-list a[color="black-obsidian"]::before
{
    background-color: rgb(2,1,5);
}
.color-picker div[color="chestnut-bronze"],
.colors-menu a[color="eclipse-black"]::before,
.colors-menu-list a[color="eclipse-black"]::before
{
    background-color: #6C5A4E;
}
.color-picker div[color="eclipse-black"],
.colors-menu a[color="eclipse-black"]::before,
.colors-menu-list a[color="eclipse-black"]::before
{
    background-color: rgb(0,0,3);
}
.color-picker div[color="graphite-shadow"],
.colors-menu a[color="graphite-shadow"]::before,
.colors-menu-list a[color="graphite-shadow"]::before
{
    background-color: rgb(115,120,123);
}
.color-picker div[color="hermosa-blue"],
.colors-menu a[color="hermosa-blue"]::before,
.colors-menu-list a[color="hermosa-blue"]::before
{
    background-color: rgb(15,51,87);
}
.color-picker div[color="lunar-white"],
.colors-menu a[color="lunar-white"]::before,
.colors-menu-list a[color="lunar-white"]::before
{
    background-color: rgb(234,232,218);
}
.color-picker div[color="majestic-white"],
.colors-menu a[color="majestic-white"]::before,
.colors-menu-list a[color="majestic-white"]::before
{
    background-color: rgb(240,245,234);
}

.color-picker div[color="chestnut-bronze"],
.colors-menu a[color="chestnut-bronze"]::before,
.colors-menu-list a[color="chestnut-bronze"]::before
{
    background-color: rgb(93,83,73);
}


.section.fp-table{
    overflow: hidden;

    table-layout: fixed;
    width: 100%;
    background: #000;
    /*    height:100vh;*/
    /*    height:calc(var(--vh, 1vh) * 100);*/
    position:fixed
}
.section .fp-tableCell {
    overflow: hidden;
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    height: 100%;
}
.mobile-nav{
    z-index: 9998;
    width: 100%;
    min-height: 50px;
    position: fixed;
    top:0;
    padding: 1% 0;
    display: block;  
}
.mobile-nav .back{
    width: 35px;
    height: 35px;
    background: url(../images/back.png) no-repeat;
    background-size: 35px 30px;
    background-position: center;
    float: left;
    cursor: pointer;
    display: none;
}
.mobile-nav .home{
    width: 35px;
    height: 35px;
    background: url(../images/home.png) no-repeat;
    background-size: 35px 30px;
    background-position: center;
    float: left;
    margin-left: 1.8%;
    cursor: pointer;
    padding-right: 4%;
    display: none;
}
a.nav-lang{
    margin-right: 5.8%;
    position: relative;
    z-index: 2;
    right: 0px;
    float: right;
    margin-top: 0.7%;
    font-family: 'InfinitiBrandArabic-Light';
    display: none;
    font-size: 84%;
}
.mobile-nav .toggle{
    width: 40px;
    height: 30px;
    cursor: pointer;
    background: url(../images/toggle.png) no-repeat;
    background-size: 30px 30px;
    border: 1px solid #fff;
    padding: 20px;
    border-radius: 8px;
    background-position: center;
    margin: 0px auto;
    display: none;
}
.mobile-nav .items
{
    background: rgba(34, 31, 32,.8);
    color: #fff;
    /* opacity: 0.9; */
    text-align: center;
    font-family: 'InfinitiBrand-Light';
    font-size: 1rem;
    text-transform: uppercase;
    position: absolute;
    width: 100%;
    /* left: calc(50% - 47.5%); */
    /*top:8.6vh;*/
    top:60px;
    text-align: center;
    max-height:400px;
    overflow-y: scroll;
}
.mobile-nav .items ul li
{
    border-bottom: 1px solid #d7d7d7;
    width: 100%;
    min-height: 50px;
    line-height: 50px;
    -moz-transition:       all 0.2s;
    -o-transition:         all 0.2s;
    -webkit-transition:    all 0.2s;
    transition:            all 0.2s;
}
.mobile-nav .items ul li a
{
    padding: 0px;
    text-transform: none;
}
.mobile-nav .items ul li:last-child,
.mobile-nav .items .sub li
{
    border-bottom: none;
}
.mobile-nav .items .sub li
{
    text-align: left;
    padding-left: 15px;
    cursor: pointer
}
.mobile-nav .items ul
{
    padding: 0px;
    margin: 0px auto;
    list-style-type: none;
}
.close-toggle
{
    width: 25px;
    height: 30px;
    cursor: pointer;
    background: url(../images/cancel.png) no-repeat;
    background-size: 25px 25px;
    background-position: 0px 5px;
    margin-right: 4px;
    float: right;
}
.mobile-share a
{
    display: block;
    text-decoration: none;
}
.mobile-share i{
    margin-right: 10px;
}
.compare-content-cotainer .row{
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}
.compare-content-cotainer .car img {
    width: auto;
}
.compare-content-cotainer .car img{
    width:100%;
}
.car{
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
    position: relative;
    width: 100%;
    min-height: 100%;
    padding-right: 0px;
    padding-left: 0px;
}
.fa-chevron-down:before {
    content: "\f078";
}

section.tab{
    display: none;
    margin: 0;
    float: left;
    width: 100%;
    position: relative;
}
.content1_descriptions {
    position: absolute;
    top: 0;
    width: 100%;
    height: 94%;
    background: #fff;
    display: none;
}
a.close_description {
    color: #656565;
    position: absolute;
    right: 1%;
    top: 1%;
}
.inner_content1_descriptions {
    width: 95%;
    height:100%;
    margin: auto;
    padding-top: 2em;
    padding-bottom: 2em;
}
.description_header {
    background: #f1f1f1;
    color: #000;
    padding: 1% 0;
    width: 100%;
    box-sizing: border-box;
    margin-top: 0;
}
.description_header>h1{
    margin:0;
    font-size: 2em;
    font-family:'InfinitiBrand-Light';
}
.description_header  ul.detail-list{
    margin-bottom: 0 !important; 
}
.description_header  ul.detail-list li {
    display: inline-block;
    margin-left: 3%;
    margin-top: 1%;
    margin-bottom: 0 !important;
}
.inner_content1_descriptions  ul.detail-list li a{
    font-weight: bold;
}
.description_wrapper {
    width: 100%;
    float: left;
    color: #000;
    position: relative;
    margin-top: 1em;
    font-family:'InfinitiBrand-Light';
}
.inner_content1_descriptions ul.detail-list,
.inner_content1_descriptions p{
    font-size: 0.8em;   
}
.description_wrapper h3{
    text-align: left;
    display: block;
    padding-left: 50px;
    position: relative;
    font-size: 1.1em;
    text-transform: uppercase;
    font-family: inherit;
    font-weight: normal;
    margin: 0;
    line-height: 1.2;
}
.description_wrapper h3:before{
    content: " ";
    position: absolute;
    top: 0;
    left: 10px;
    bottom: 0;
    width: 29px;
    height: 31px;
    background-size: 100%;
    background-image: url(../images/marker-white.png);
    background-repeat: no-repeat;
    margin: auto;
}
.description_wrapper h4.title{
    text-align: left;
    display: block;   
    position: relative;
    font-size: 0.9em;   
    text-transform: uppercase;
    font-family: inherit;
    font-weight: normal;
    margin: 0;
    margin-top: 1em;
    margin-bottom: 0.3em;
}
.dealer-services ul li * {
    display: inline-block;
    vertical-align: middle;
}
.description_wrapper .col-4 {
    width: 33.3333%;
    float: left;
    text-align: left;
}
.description_wrapper  ul{
    list-style: none;
    margin: 0;
    padding: 0;
    padding-inline-start: 0;
}
.description_wrapper .accordion>li {
    display: inline-block;
    width: 33.3333333333%;
    margin-left: 0;
    padding: 0 1%;
    vertical-align: top;
    box-sizing: border-box;
    float: left;
}
.description_wrapper .col-8{
    width: 66.666664%;  
    float: left;
}
.inner_content1_descriptions_hidden {
    display: none;
}
.opening-content {
    overflow: hidden;
    display: block;
}
.description_wrapper .opening td:first-child,
.description_wrapper .opening-content td:first-child {
    text-align: left;
}
.description_wrapper  .opening table,
.description_wrapper  .opening-content table {
    text-align: right;
    width: 100%;
    border-spacing: 0;
}
.description_wrapper .opening table, 
.description_wrapper .opening-content table {
    text-align: right;
    width: 100%;
}
.description_wrapper  table tr td {
    width: 33%;
    width: calc(100% / 3);
    background: #f1f1f1;
    border-bottom: 4px solid #fff;
}
.description_wrapper table tr th:first-child{
    text-transform: uppercase;
    font-weight: normal;
    text-align: left;
    white-space: pre;
}
.description_wrapper  table tr td,
.description_wrapper  table tr th {
    padding-bottom: .75em;
    font-size: 0.5em;
    padding: 0.5em;
}
.accordion .opening-content a {
    padding-top: 1.0833333333em;
    clear: both;
    display: block;
    color: #000;
    font-size: 0.7em;
    font-weight: bold;
}
.accordion .opening-content a i{
    width: 25px;
}
input.input {
    display: none;
}

label.label {
    display: inline-block;
    margin: 0 0 -1px;
    padding: 25px 40px;
    font-weight: 600;
    text-align: center;
    color: #bbb;
    border: 1px solid transparent;
    font-size: 100%;
}

label.label:before {
    font-family: fontawesome;
    font-weight: normal;
    margin-right: 10px;
}

.map-tabs h1 {
    position: relative;
    left: 0%;
    text-align: left;
    font-family: 'InfinitiBrand-Light';
    font-size: 200%;
    line-height: 200%;
    margin: 0;
    float: left;
}

label.label:hover {
    color: #888;
    cursor: pointer;
}

input.input:checked + label {
    background: #595959;
    color: #fff;
    font-family: 'InfinitiBrand-Light';
    border-bottom: 1px solid #fff;
}
.tab_item{
    color: #888;
    cursor: pointer; 
    text-align: center;
    font-family: 'InfinitiBrand-Light';
}
.tab_item.checked{
    background: #595959;
    color: #fff;

    border-bottom: 1px solid #fff;  
}


#tab1:checked ~ #content1,
#tab2:checked ~ #content2,
#tab3:checked ~ #content3,
#tab4:checked ~ #content4 {
    display: block;
}

.tab {
    height: 60vh;
}
.item_list {
    width: 31%;
    /*    float: left;*/
    display: inline-table;
    background-color: #fff;
    margin: 1.3333333333em 1%;
    text-align: left;
    padding: 1% 2%;
    box-sizing: border-box;
    vertical-align: text-top;
}

.item_list .content
{
    float: left;
    width: 100%;
    height: 360px;
    height:auto !important;
    overflow: hidden;
}
.item_list .content.expand {
    height: 100%;
}
.view-list .item_list {
    position: relative;
}

.item_list .location-results .col-4:nth-of-type(3n+1) {
    clear: left;
}

.item_list .location-results .col-4:nth-of-type(2n+1) {
    clear: none;
}

.item_list .item-actions {
    width: 100%;
    float: left;
    margin-top: 10px;
}
.item_list .item-actions button {
    background-color: #000;
    border: 2px solid #000;
    color: #fff;
    display: block;
    width: 90%;
    margin: 0px auto;
    height: 57px;
    font-weight: bold;
    font-size: 120%;
    outline: 0;
    cursor: pointer;
    display:none;
}
.grid-row div.location {
    padding-top: 0.666667em;
    padding-bottom: 0.666667em;
    text-align: left;
}

.grid-row .heading-group {
    position: relative;
    padding: 1px;
}


.grid-row .heading-group {
    position: relative;

}
.grid-row .heading-group h2 {
    font-size: 1.55em;
    margin-top: 0;
    margin-bottom: .5em;
    text-transform: uppercase
}

.grid-row .heading-group .position {
    position: absolute;
    top: 0;
    left: -2px;
    width: 33px;
    height: 36px;
    background-size: 100%;
}

.grid-row .heading-group h2
{
    text-align: center;
    font-family: 'InfinitiBrand-Light';
}

.grid-row .heading-group h2 span + span {
    font-size: 93%;
    color: #000;
    font-family: 'InfinitiBrand-Light';
    padding-left: 4%;
    padding-right: 4%;
    box-sizing: border-box;
    width: 100%;
    display: block;
}
.map-tabs{
    text-align: right;
    padding: 0px 0% 0% 1%;
    box-sizing: border-box;
    width: 100%;
    float: left;
}
.tab_item{
    display: inline-block;
    float: right;
    color: #fff;
    padding: 2% 3%;
}
.dealer-address,
.dealer-services{
    width:100%;
    display: block;
    color: #000;
    margin:auto;
    margin-bottom: 6%;
}
.dealer-services.service ul {
    list-style: none;
}
.dealer-address p {
    font-size: 78%;
    font-weight: bold;
    margin-bottom: 1%;
}
ul.detail-list{
    margin: 0;
    padding: 0;
    list-style-type: none;
    color:#000;
    padding-left: 0;
    margin-bottom: 6%;
}
ul.detail-list a * {
    display: inline-block;
    vertical-align: middle;
}
ul.detail-list a {
    color: #000;
    /*    font-weight: bolder;*/
    font-size: 81%;
    font-family: 'InfinitiBrand-Light';
    text-transform: uppercase;
}
.detail-list img, .detail-list i {
    width: 25px;
    height: auto;
    position: relative;
    top: 0;
}

.item_list h3 {
    margin-top: 1.5%;
    margin-bottom: 1.5%;
    text-transform: capitalize;
    font-family: 'InfinitiBrand-Light';
    font-weight: bold;
    font-size: 110%;
}
.dealer-services ul li{
    color: rgb(93,97,99);
    /*    font-weight: bold;*/
    font-size: 78%;
    padding: 0px;
    margin: 0px;
    /*    margin-left: -18px;*/
    margin-bottom: 1%;
    font-family: 'InfinitiBrand-Light';

}
.service ul {
    margin: 0px;
    padding-left: 5%;
    padding-inline-start: 0;
    /*    list-style: none;*/
}
.service ul i {
    font-size: 145%;
    padding-right: 2%;
}
.videocontent {
    width:80%;max-width:960px;margin:0 auto;
    height: 100%;
}


#content2 {
    display: block;
    height: 82%;
    overflow: auto;
    padding: 10px;
    background: rgb(236,237,236);
    margin: 0px 5px;
/*    overflow: hidden;*/
}
/*#content2 .mCustomScrollBox{
    height: 100% !important;
    max-height:none  !important;
}*/
.item-actions span:after {
    right: -30%;
    font-family: 'InfinitiBrand-Light';
    content: "+";
    font-size: 100%;
    line-height: 1;
    position: relative;
}

.item-actions .expanded span:after {
    right: -30%;
    font-family: 'InfinitiBrand-Light';
    content: "-";
    font-size: 100%;
    line-height: 1;
    position: relative;
}

.section-name.center-locator .full_popup
{
    top: 17.5%;
}


.fullscreen-bg video {
    position: fixed !important;
    top: 50% !important;;
    left: 50% !important;;
    min-width: 100% !important;;
    min-height: 100% !important;;
    width: auto !important;;
    height: auto !important;;
    -ms-transform: translateX(-50%) translateY(-50%) !important;;
    -moz-transform: translateX(-50%) translateY(-50%) !important;;
    -webkit-transform: translateX(-50%) translateY(-50%) !important;;
    transform: translateX(-50%) translateY(-50%) !important;;
    background-size: cover !important;;
}

.img-beer3 {
    margin-top: -325px
}
#my_image-reel
{
    height: 100%;
    width: 100%;
}
ul.tooltip-menu.colors-menu-list li a {
    display: block;
    height: auto;
    text-transform: uppercase;
    line-height: 218% !important;
    font-size: 83%;
    text-align: left;
    cursor: pointer;
}
.share_ul {
    bottom: 100%;
    width: 13vw;
    left: 0px;
    padding: 7% 17% !important;
}
.share_ul li {
    list-style: none;
    display: block;
    padding: 6% 0;
}
.share_ul a {
    display: block !important;
    height: auto !important;
    text-transform: uppercase;
    text-align: left !important;
    font-family: 'InfinitiBrand-Light';
    font-size: 75%;
}

.share_ul a i
{
    font-size: 150% !important;
}
.thanks-popup{
    width:100%;
    height:100%;
    position: relative;
}

.thanks-popup .main-container
{
    padding: 13%;
}
.thanks-popup h2 {
    font-family: 'InfinitiBrand-Bold';
}
.guote-scroll {
    overflow-y: auto;
    height: 120px;
}
.swiper-button-next {
    background-image: url('../images/arrow-right.svg');
    border: 0px;
    outline: transparent;
    opacity: .5;
}
.swiper-button-prev {
    background-image: url('../images/arrow-left.svg');
    border: 0px;
    outline: transparent;
    opacity: .5;
}
.center-locator .main-container {
    height: 69vh;
}
.thanks-popup .main-container
{
    height: 69vh;
}

.dealer-services ul li a {
    color: #000;
    font-size: 90%;
    display: block
}

.gm-style-iw
{
    color: #000;
    font-family: 'InfinitiBrand-Light';
}
.section.fp-table {
    width: 100%!important;
    position: absolute;
    left: 0;
    top: 0;
    visibility: hidden;
    opacity: 0;
    transition: all .7s ease-in-out;
}
.section.fp-table.active {
    visibility: visible;
    opacity: 1;
}
/*.section.fp-table{
    position: fixed;
    display: none;
    width:100% !important;
}*/
.full_popup_container .swiper-container{
    height: 100%;
}
.col {
    position: relative;
    width: 100%;
}
.main-container .my-video-container{
    width: 55%;
    margin: auto;
    position: relative;
    height: 100%;
}
.navbar-nav {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}
.container{
    width: 100%;
    float: left;
    position: relative;
}
.row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}
.col {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
}
.nav {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
    -moz-transition:       all 0.2s;
    -o-transition:         all 0.2s;
    -webkit-transition:    all 0.2s;
    transition:            all 0.2s;
}
.collapse:not(.show) {
    display: none;
}
.nav-link {
    display: block;
    padding: .5rem 1rem;
}
.grid-row {
    width: 100%;
    float: left;
    position: relative;
     height:100%;
}

body .pdf-images
{

    display: none !important;
    height: auto;
    width: 100%;
}
#thethe-accordion-content-1 {
    overflow: visible !important;
}
.infiniti-logo-mobile {
    width: 25vw;
    position: absolute;
    bottom: 3%;
    right: 0;
    left: 0;
    margin: auto;
    display: none;
}
.infiniti-logo-mobile img{
    width:100%;
}
.mobile-nav .items ul li a.active,
.mobile-nav .items ul li a.activelink{
    font-weight: bolder;
}

.twentytwenty-wrapper {
    width: 100%;
    height: 100%;
}
.twentytwenty-horizontal .twentytwenty-handle:before,
.twentytwenty-horizontal .twentytwenty-handle:after,
.twentytwenty-before-label,
.twentytwenty-after-label,
.twentytwenty-overlay{
    display:none
}
.twentytwenty-left-arrow,.twentytwenty-right-arrow{

}
.twentytwenty-left-arrow{
    width: 8px;
    height: 8px;
    top: 50%;
    border: 0;
    border-top: solid 2px;
    border-left: solid 2px;
    transform-origin: 0 0;

    left: 4px;
    transform: rotate(-45deg);
    color: #000;
    margin: auto;
}
span.twentytwenty-right-arrow{
    width: 8px;
    height: 8px;
    top: 50%;
    border: 0;
    border-top: solid 2px;
    border-left: solid 2px;
    transform-origin: 0 0;
    right:-4px;

    transform: rotate(135deg);
    color: #000;
    margin: auto;
}
.twentytwenty-handle {
    background: rgba(255, 255, 255, 0.5);
    border: 0;
}
.visited.point .signals{
    opacity: 0.5;
}
.visited.point .signal {
    border-color: #b50002;
}
.specs_tables {
    width: 60%;
    height: 100%;
    margin: auto;
    padding-top: 2%;
    box-sizing: border-box;
}
.specs_tables table{
    width: 100%;
    border-spacing: 0;
    margin-bottom: 6%;
    font-size: 90%;
}
.specs_tables table th{
    text-align: left;
    font-weight: bolder;
    text-transform: uppercase;
    border-bottom: 1px solid #fff;
    font-family: 'InfinitiBrand-Light';
}
.specs_tables table tr:not(:first-child){
    background: #55555a
}
.specs_tables table tr:nth-child(2) td{
    border-top: 4px solid #0b0c12; 
}
.specs_tables table tr td:first-child{
    text-align: left
}
.specs_tables table td {
    border: 0;
    margin-bottom: 4px;
    border-bottom: 4px solid #0b0c12;
    padding: 5px;
    text-align: right;
    font-family: 'InfinitiBrand-Light';
}
.tooltiptext {
    visibility: hidden;
    width: auto;
    min-width: 10vw;
    background-color: rgba(0, 0, 0, 0.8);
    box-shadow: 3px 3px 9px #000;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 0.3em 1em;
    position: absolute;
    z-index: 1;
    left: 123%;
    font-size: 60%;
    text-transform: uppercase;
    font-family: 'InfinitiBrand-Light';
}
.turbo_1-points .tooltiptext{
    min-width:auto; 
}
.point:hover .tooltiptext {
    visibility: visible;
}
.gm-style-iw * {
    text-align: left !important;
    direction: ltr;
}
.gm-style-iw ul.detail-list a{
    font-weight: normal;
    font-size: 98%;
}
.gm-style-iw ul.detail-list a .fa {
    font-size: 115%;
    margin-right: 12px;
}
.gm-style-iw h4{
    text-transform: none;
    font-weight: normal;
}
.popup_form .popup_form_container form h4 {
    color: #fff;
    font-family: 'InfinitiBrand-Light';
    font-weight: normal;
}
#share_email .control--checkbox .control__indicator:after{
    left: 7px;
    top: 2px;
    width: 9px;
    height: 15px;
}
#share_email .control__indicator {
    height: 25px;
    width: 25px;
    display: inline-block;
}
#share_email .share_special{
    width:50%;
    display: inline-block;
    vertical-align: middle;
}
#share_email .share_special2{
    width:48%;
}
.form_field.share_special.share_special2{
    direction: ltr !important;
}
#share_email .share_special label{
    width: auto;
    display: table-cell;
    vertical-align: middle;
}
#share_email .share_special label:not(.control){
    padding: 0% 2%;
}
.g-recaptcha{
    transform:scale(0.77);-webkit-transform:scale(0.77);transform-origin:0 0;-webkit-transform-origin:0 0;
}
/* Arabic site */
.ar .thanks-popup .main-container{
       direction: rtl;
}
.ar .gm-style-iw * {
    text-align: right !important;
    direction: rtl;
}
.ar .gm-style-iw ul.detail-list a .fa {
    margin-right: 0px;
    margin-left: 12px;
}
.ar .gm-style button[title="Close"]{
    right:auto !important;
    left:0 !important
}
.ar .mobile-nav .home,
.ar .mobile-nav .back{
    float: right
}
.ar .ui-selectmenu-button.ui-button,
.ar .ui-menu .ui-menu-item-wrapper{
    text-align: right
}
.ar .ui-selectmenu-icon.ui-icon{
    float:left
}
.ar .mobile-nav .home{
    padding-left: 4%;
    margin-right: 1.8%;
    margin-left:0;
    padding-right: 0;
}
.ar a.nav-lang{
    float: left; 
    margin-right:0;
    margin-left: 5.8%;
    font-family: 'InfinitiBrand-Light';
    font-size: 110%;
}
.ar ul.tooltip-menu.grades-list,
.ar #menu ul ul.tooltip-menu.colors-menu-list{
    right: 0;
    left: auto;
}
.ar ul.tooltip-menu li a i{
    float: right;
}
.ar .share_ul a span {
    text-align: right;
    direction: rtl;
    float: right;
    padding-right: 15px;
}
.ar ul.tooltip-menu.grades-list li a,
body.ar .intro-2 .details{
    direction: rtl;
    /*    font-weight: normal*/
}
.ar .colors-menu a::before,
.ar .colors-menu-list a::before{
    float: right;
    margin: 0px 0px 0px 10px;
}
.ar ul.tooltip-menu.colors-menu-list li a,
.ar .popup_form .popup_form_container form h4 {
    text-align: right
}
.ar .popup .main-container-details p,
.ar .popup_form .term_text,
.ar .popup .feature-details,
.ar .tooltiptext{
    direction: rtl;
}
body.ar,
.ar p,
.ar a,.ar a:hover,
.ar .compare-content h4,
.ar .full_popup_container h4,
.ar .section-title,
.ar .popup .feature-details,
.ar input.input:checked + label,
.ar .map-tabs h1,
.ar .intro-2 h6,
.ar .intro-2 h4,
.ar .intro-2 a,
.ar .popup_form .term_text,
.ar .open-sub,
.ar .item_list h3,
.ar .item_list .item-actions button,
.ar .popup_form input[type="submit"],
.ar .specs_tables table td,
.ar .specs_tables table th,
.ar .tooltiptext,
.ar .grid-row .heading-group h2 span + span,
.ar .popup_form .popup_form_container form h4,
.ar .popup_form .popup_form_container h1,
.ar .popup_form form .form_field label,
.ar .popup_form form input[type="text"],
.ar .popup_form form input[type="email"],
.ar .popup_form form select,
.ar .popup_form form textarea,
.ar .popup .main-container-details p.WHEEL-CHOICES-19,
.ar .popup .main-container-details p.WHEEL-CHOICES-20,
.ar .tab_item{
    font-family: 'InfinitiBrandArabic-Light-AR';  
    /*    font-weight: normal;*/
}
.ar .popup .main-container-details p.bolder,
.ar .thanks-popup h2{
    font-family: 'InfinitiBrandArabic-Bold';
}
.ar .intro-2 h4,
.ar .intro-2 a,
.ar .popup .feature-details{
    font-weight: normal; 
}
.ar .cancel{
    left: 6%;
    right:auto;
}
.ar .section-title {
    margin: 0px;
    padding: 15px 0px 0px 0px;
    font-weight: 500;
}
.ar .Q50-logo-white{
    width: 7vw; 
}
.ar ul.tooltip-menu.grades-list > li{
    float: right !important;
}
.ar #menu>.navbar-nav>li{
    font-size: 125%;
}
.ar .map-tabs h1{
    float: right;
    right: 0%;
    left:auto;
}
.ar .tab_item{
    float: left;
}
.ar .item_list{
    text-align: right;
    direction: rtl;
}
.ar ul.detail-list a{
    /*    font-weight: bolder !important;*/
    font-family: 'InfinitiBrandArabic-Light-AR';   
}
.ar .service ul i {
    padding-left: 2%;
    float: right;

}
.ar .dealer-services ul li,
.ar .dealer-address p{
    font-size: 95%;
}
.ar ul.detail-list li{
    direction: rtl
}
select{
    appearance:none !important;
    -moz-appearance:none !important;
    -o-appearance:none !important;
    -webkit-appearance: none;
    color:#fff;
}
.ar .popup_form form select{
    background-position: left; 
}
.ar .popup_form .form_field{
    direction: rtl;
    text-align: right;  
}
.ar .nearest-infiniti,
.ar .test-drive-title{
    float:right;    
}
.ar .item-actions span:after{
    left: -27%; 
    right:auto;
}
.ar .map-tabs h1{
    font-size: 175%; 
}
.ar .popup .main-container-details p{
    font-size: 94%;
}
.ar .popup .main-container-details p.bolder{
    font-size: 100%;
}
.ar .intro-2 a{
    padding: 1% 2%;
}
.ar .mobile-nav .items .sub li{
    text-align: right;
    padding-right: 15px;
    padding-left: 0;    
}
.ar .mobile-nav .items ul li,
.ar .full_popup_container h4{
    direction: rtl;
}
.ar .mobile-nav .items ul li a{
    direction: ltr;
}
.ar .section-name.grades .compare-content .cancel{
    right: auto;
    left: 2%;
}
.ar #menu .second_ul,
.ar .specs_tables table{
    direction: rtl
}
.ar #menu ul ul.tooltip-menu.colors-menu-list > li,
.ar .specs_tables table th{
    text-align: right;
}
.ar .specs_tables table{
    font-size: 85%;
}
.ar .specs_tables table td{
    text-align: left;
}
.ar .specs_tables table tr td:first-child {
    text-align: right;
}
.ar .map-tabs{
    padding: 0 1% 0% 0%;
}
.ar .mobile-share i{
    margin-right: 0px;
    margin-left: 10px;
}
.ar .specs_tables table th{
    text-align: right
}

@media print {
    body{
        overflow: visible
    }
    html, body {
        margin: 0;
        padding: 0;
        background: #FFF; 

    }
    .fp-table, #menu,.mobile-nav{
        display: none !important;
    }

    body .pdf-images
    {

        display: block !important;
        height: auto;
        width: 100%;
        text-align: center;
    }
    body .pdf-images img
    {
        height:49vh;
        width: auto;
        display: inline-block;
        margin:auto;
        clear: both;
        float:none;
        page-break-before: always;
        page-break-after: always;
        page-break-inside: avoid;
    }
    .pdf-inner-image{
        width:100%;
        float:none;
        position: static;
        overflow: visible;
        page-break-before: avoid;
        page-break-after: avoid;
        page-break-inside: avoid;
    }
    @page {
        margin-top: 0.5vh;
        margin-bottom:0.5vh;
        margin-left: 0cm;
        margin-right: 0cm;
        padding: 0;
    }

}