@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,700);
/*! Open Sans Reg
 *   Autobahn Volkswagen 
 *   Author: Webcraft India
 */
/*
    Core: General style
----------------------------
*/

 @font-face {
  font-family: 'vw-head-bold';
  src: url('../fonts/vwhead-bold.html') format('woff2');
  font-weight: normal;
  font-style: normal;
}
 @font-face {
  font-family: 'vw-head-light';
  src: url('../fonts/vwhead-light.html') format('woff2');
  font-weight: normal;
  font-style: normal;
}
 @font-face {
  font-family: 'vw-text-bold';
  src: url('../fonts/vwtext-bold.html') format('woff2');
  font-weight: normal;
  font-style: normal;
}
 @font-face {
  font-family: 'vw-text-regular';
  src: url('../fonts/vwtext-regular.html') format('woff2');
  font-weight: normal;
  font-style: normal;
}
html,
body {
    font-family: 'vw-text-regular', sans-serif;
    -webkit-font-smoothing: antialiased;
    min-height: 100%;
    font-size: 16px;
    line-height: 1.5;
    background: #fff;
    color: #555555;
}

a {
    color: #012F63;
}

    a:hover,
    a:active,
    a:focus {
        outline: none;
        text-decoration: none;
        color: #012F63;
    }

    a[href^=mailto] {
        word-break: break-all;
    }
/* Layouts */
.wrapper {
    min-height: 100%;
    margin: 0 auto;
    position: relative;
}

    .wrapper:before,
    .wrapper:after {
        display: table;
        content: " ";
    }

    .wrapper:after {
        clear: both;
    }
/* Utility */
/* H1 - H6 font */
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    font-weight: bold;
    font-family: 'Open Sans',arial, sans-serif;
    color: #000;
}

h2,
.h2 {
    font-family: 'Open Sans',arial, sans-serif;
    font-weight: normal;
    font-size: 18px;
    letter-spacing: 1px;
}
/* All images should be responsive */
img {
    max-width: 100% !important;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none; /* From IE10 only */
    user-select: none; /* Not valid CSS yet, as of July 2012 */
    -webkit-user-drag: none; /* Prevents dragging of images/divs etc */
    user-drag: none;
}

.text-justify {
    text-align: justify;
}

.red {
    color: #f00;
}

.grey {
    color: #555;
}

.blue {
    color: #012F63;
}

div#map-canvas {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

    div#map-canvas img {
        max-width: none !important;
    }

#showall {
    position: absolute;
    bottom: 50px;
    right: 50px;
    color: #012F63;
    border: 1px solid;
    padding: 10px 20px;
    display: none;
}

    #showall:hover {
        color: #000;
    }
/* 10px padding and margins */
.pad {
    padding: 10px;
}

.margin {
    margin: 10px;
}

.container-fluid {
    /*max-width: 1500px;*/
    margin: 0 auto;
    position: relative;
}
/* Display inline */
.inline {
    display: inline;
    width: auto;
}
/* Remove borders */
.no-border {
    border: 0px !important;
}
/* borders */
.grey-border {
    border: 1px solid #ccc;
}
/* Remove padding */
.no-padding {
    padding: 0px !important;
}
/* Remove margins */
.no-margin {
    margin: 0px !important;
}
/* Remove box shadow */
.no-shadow {
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
}
/* Pagination */
.pagination {
    margin: 0;
}

    .pagination li a {
        color: #222;
    }
/* Remove border radius */
.flat {
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-radius: 0 !important;
}
/* box */
.well {
    background-color: #fff;
    min-height: 50px;
    padding: 25px 0 10px;
    margin-bottom: 30px;
    float: left;
    width: 100%;
}

.column {
    float: left;
    width: 100%;
    margin-bottom: 15px;
}

.owl-carousel:not(.owl-theme) {
    height: 0;
    overflow: hidden;
}
/* 
   All form elements including input, select, textarea etc.
-----------------------------------------------------------------
*/
form {
    margin: 0;
}

@media screen and (min-width: 767px) {
    .content label {
        text-align: right;
        width: 100%;
    }
}

input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus {
    border: 0;
    outline: 0;
}

.input-group a {
    color: #222;
}

.form-control {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    border-color: #dfdfdf;
    padding: 10px 20px;
    border-radius: 0;
}

select.form-control {
    height: auto !important;
}

.finance .emi:not(:empty):after {
    content: '/-';
}

@media screen and (min-width: 992px) {
    textarea.form-control {
        height: 80px;
    }
}

.form-group:before,
.form-group:after {
    content: '';
    display: block;
    height: 1px;
    clear: both;
}

.form-control:focus {
    border-color: #012F63 !important;
    box-shadow: none;
}
/* Select group */
.form-control option {
    padding: 2px 5px 2px 15px;
}

    .form-control option[disabled] {
        color: #ccc;
    }
/* Input group */
.input-group .input-group-addon {
    background-color: #f4f4f4;
}

/* button groups */
.btn {
    border: 1px solid #446c7e;
}

[class*="btn-vw"] {
    background: #012F63;
    border: 0;
    border-radius: 0px;
    color: #fff;
    font-size: 1rem;
    padding: 5px 12px;
    padding-right: 30px;
    font-family: 'Open Sans';
    min-width: 100px;
    line-height: 1.5;
    display: inline-block;
    transition: 0.3s all;
    position: relative;
}

    [class*="btn-vw"]:after {
        content: '';
        display: block;
        position: absolute;
        width: 20px;
        left: 100%;
        top: -1px;
        bottom: -1px;
        background: #fff;
        -webkit-transform: skewX(-20deg) translateX(-50%);
        -moz-transform: skewX(-20deg) translateX(-50%);
        -ms-transform: skewX(-20deg) translateX(-50%);
        transform: skewX(-20deg) translateX(-50%);
        box-shadow: -2px 0 0 -1px #012F63;
    }

input.btn-vw,
input.btn-vw-outline {
    padding: 5px 12px;
}

.btn-vw-grey {
    background: #6A6665;
}

.btn-vw-outline {
    background: none;
    color: #012F63;
    box-shadow: 0 0 0 1px #012F63 inset;
}

.btn-vw:hover,
.btn-vw:focus,
.btn-vw:active,
.open .dropdown-toggle.btn-success {
    color: #fff;
    box-shadow: 3px 3px 10px #000 inset;
}

.btn-vw-outline:hover,
.btn-vw-outline:focus,
.btn-vw-outline:active {
    box-shadow: none;
    background: #012F63;
    color: #fff;
}

.btn-group-vertical .btn.btn-flat:first-of-type,
.btn-group-vertical .btn.btn-flat:last-of-type {
    border-radius: 0;
}
/* Checkbox and radio inputs */
.checkbox,
.radio {
    padding-left: 0;
}
/* Error */
input.has-error {
    border-color: #f56954;
}

.error {
    color: #f56954;
    font-size: 14px;
    margin-bottom: -20px;
    position: relative;
    text-align: center;
    top: -1px;
}

.req {
    color: #ff0000;
    position: absolute;
    right: 0;
    top: 0;
}

/* 

/* 
    Component: alert
------------------------
*/
.alert {
    margin-bottom: 20px;
    position: relative;
}

    .alert > .fa, .alert > .glyphicon {
        background: inherit;
        border: inherit;
        border-radius: 50%;
        height: 35px;
        line-height: 35px;
        margin-left: 5px;
        margin-right: 5px;
        position: relative;
        text-align: center;
        width: 35px;
    }

.alert-dismissable .close {
    color: inherit;
    position: relative;
    right: 9px;
    top: 7px;
}

.alert .alert {
    margin: 0 5px;
}
/* 
    Accordion 
*/
.panel {
    margin-bottom: 15px;
}

.panel-heading {
    padding: 10px 15px;
    border-bottom: 1px solid #efefef;
}

    .panel-heading h4 {
        margin: 0;
    }

.panel-body {
    padding: 15px 15px 5px;
}

/*
    Pull
*/

@media screen and (max-width: 480px) {
    .pull-sm-right, .pull-sm-left {
        float: none !important;
    }
}

@media screen and (min-width: 768px) {
    .pull-sm-right {
        float: right !important;
    }

    .pull-sm-left {
        float: left !important;
    }
}

.upper {
    text-transform: uppercase;
}

.pad30 {
    padding-top: 30px;
    padding-bottom: 30px;
}

.padt30 {
    padding-top: 30px;
}

.pad30 h1 {
    margin-top: 0;
}


/*h1.section-head:before {
  content: "";
  width: 75px;
  height: 10px;
  background: #012F63;
  position: absolute;
  top: -30px;
}*/
.section-head {
    margin-top: 30px;
    margin-bottom: 10px;
    text-transform: uppercase;
    position: relative;
    color: #555;
    font-family: 'Open Sans',arial, sans-serif;
    letter-spacing: 1px;
    float: none;
    font-size: 1.8rem;
    font-weight: bold;
}

.sub-title {
    color: #555;
}

@media screen and (min-width: 767px) {

    .section-head {
        margin-bottom: 35px;
    }

    h1.section-head + .sub {
        padding-right: 20px;
    }
}

h4 {
    color: #000;
    margin-top: 10px;
}

.mb30 {
    margin-bottom: 30px;
}

.box h4 {
    margin-top: 20px;
}

.bg-grey {
    background: #eaebed;
    padding: 20px 0;
}

.box {
    padding: 15px;
    margin-top: 15px;
    margin-bottom: 15px;
}

    .box.bg-grey {
        margin-top: 0;
    }

        .box .bg-grey:last-child {
            margin-bottom: -15px;
        }
/* 
.carousel-navigation
{
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    right: 0;
}
*/
.hidenav .carousel-navigation {
    display: none;
}

.carousel-navigation .carousel-control {
    background: none;
    filter: none;
    width: 5%;
    color: #666666;
    opacity: 1;
    font-size: 2em;
}

    .carousel-navigation .carousel-control > * {
        margin-top: -30px;
        width: auto;
    }

.carousel-control .icon-prev, .carousel-control .glyphicon-chevron-left {
    left: 0;
}

.carousel-control .icon-next, .carousel-control .glyphicon-chevron-right {
    right: 0;
}

.banner-gateway {
    position: absolute;
    bottom: 0;
    left: 5%;
    z-index: 99;
}

    .banner-gateway .box a {
        display: inline-block;
        margin-right: 15px;
        background: rgba(51, 51, 51, 0.75);
        padding: 7px 10px;
        min-width: 200px;
        color: #fff;
        font-weight: bold;
        text-align: center;
    }

@media screen and (max-width:500px) {
    .banner-gateway {
        position: absolute;
        bottom: 0%;
        left: 5%;
    }

        .banner-gateway .box a {
            display: block;
            margin-top: 20px;
        }
}
/* TABS */
.modiTabs .nav-tabs {
    border: 0;
    margin-bottom: 25px;
}

    .modiTabs .nav-tabs > li {
        display: inline-block;
        min-width: 216px;
        margin-left: 10px;
        float: none !important;
    }

        .modiTabs .nav-tabs > li:first-of-type {
            margin-left: 0;
        }

@media screen and (min-width:992px) {
    .modiTabs .nav-tabs > li:first-of-type > a {
        padding-left: 0;
    }
}

@media screen and (max-width: 1199px) {
    .modiTabs .nav-tabs {
        text-align: center;
    }

        .modiTabs .nav-tabs > li {
            margin: 0 0 7px;
            width: 24%;
            display: inline-block;
        }
}

@media screen and (max-width: 767px) {
    .modiTabs .nav-tabs > li {
        width: 49%;
    }
}

.modiTabs .nav-tabs > li > a,
.modiTabs .nav-tabs > li > label {
    display: block;
    color: #555;
    background: none;
    text-align: center;
    border-radius: 0;
    font-weight: bold;
    text-transform: uppercase;
    position: relative;
}

.modiTabs .nav-tabs > li.active > a, .modiTabs .nav-tabs > li.active > a:hover, .modiTabs .nav-tabs > li:hover > a, .modiTabs .nav-tabs > li.active > a:focus, .modiTabs .nav-tabs > li > input:checked + label {
    color: #555 !important;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    border: 0;
    margin: 0;
}

    .modiTabs .nav-tabs > li.active > a > h4 > span,
    .modiTabs .nav-tabs > li.active > a:hover > h4 > span,
    .modiTabs .nav-tabs > li > a:hover > h4 > span,
    .modiTabs .nav-tabs > li.active > a:focus > h4 > span {
        border-bottom: 1px solid #555;
        color: #555 !important;
    }
/*.container:not(#OnroadCalculations) .modiTabs .nav-tabs > li.active > a:after {
    content: '\f0d7';
    display: block;
    position: absolute;
    top: 100%;
    width: 100%;
    font-family: 'FontAwesome';
    left: 0;
    color: #012F63;
    line-height: 8px;
}*/

.modiTabs .nav-tabs > li > input {
    display: none;
}

.ModiContent {
    margin-top: 30px;
}

    .ModiContent .section-head {
        margin-top: 70px;
    }

@media screen and (max-width: 767px) {
    h1 {
        font-size: 30px;
    }

    h2 {
        font-size: 26px;
    }

    h3 {
        font-size: 20px;
    }
}

/* Video */
.videos {
    margin: 0px auto 10px;
    padding: 20px 0;
    position: relative;
    padding-bottom: 56.25%;
    padding-bottom: 56.76%;
    height: 0;
    display: inline-block;
    overflow: hidden;
    max-width: 100%;
    width: 100%;
}

    .videos iframe,
    .videos object,
    .videos embed {
        display: block;
        margin: 0px auto;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 0;
    }

/* 
    Header 
*/
#header {
    position: relative;
    top: 0;
    width: 100%;
    left: 0;
    z-index: 100;
    transition: 0.5s margin;
    background: #fff;
    background: #012F63;
}

@media screen and (min-width: 992px) {

    #header.fix {
        position: fixed;
        box-shadow: 0 0 2px 0 #999;
    }

        #header.fix.up {
            margin-top: 0;
        }
}

#header #logo-wrapper {
    background: #012F63;
}

    #header #logo-wrapper .headertop {
        margin: 0;
        padding: 0;
        display: block;
    }

    #header #logo-wrapper .topContacts {
        font-size: 0.8rem;
        position: absolute;
        text-align: right;
        top: 0;
        right: 0;
        color: #fff;
    }

        #header #logo-wrapper .topContacts a {
            color: inherit;
        }

@media screen and (max-width: 991px) {
    #header #logo-wrapper .headertop {
        padding-right: 10px;
    }
}

#header #logo-wrapper .bg-grey {
    padding: 0;
    background: #012F63;
}

#header #logo-wrapper .headertop .social {
    background: #fff;
    color: #012F63;
    text-align: center;
    display: inline-block;
    margin: 5px 10px 0;
    width: 26px;
    height: 26px;
    line-height: 26px;
    border-radius: 50%;
}

    #header #logo-wrapper .headertop .social:hover {
        background: rgba(255,255,255,0.5);
    }

    #header #logo-wrapper .headertop .social:last-of-type {
        margin-right: 10px;
    }

@media screen and (min-width: 992px) {
    #header .navbar-header {
        float: none !important;
    }

    #header .logo a {
        background-position: center !important;
    }



    #header .navbar-nav,
    #header .navbar-nav > li {
        float: none;
        text-align: center;
    }

        #header .navbar-nav.desktopmenu {
            display: -webkit-flex !important;
            display: flex !important;
            -webkit-justify-content: flex-end;
            justify-content: flex-end;
        }

    #header #logo-wrapper .headertop ul {
        display: table !important;
        padding: 0;
        height: 50px;
    }

        #header #logo-wrapper .headertop ul li {
            padding: 0 15px;
            display: table-cell;
            vertical-align: middle;
        }

            #header #logo-wrapper .headertop ul li:last-of-type {
                margin-right: 50px;
            }

            #header #logo-wrapper .headertop ul li a:before {
                content: '\f105';
                font-family: FontAwesome;
                display: inline-block;
                margin: 0 15px;
            }
}

#header #logo-wrapper .headertop li.contactnumber a.headnumber {
    font-family: "open sans", sans-serif;
}

@media screen and (min-width: 992px) {
    #header #logo-wrapper .headertop li {
        display: inline-block;
        vertical-align: middle;
        font-weight: normal;
    }

    #header #logo-wrapper .headertop, #header #logo-wrapper .headertop a {
        color: #fff;
    }

        #header #logo-wrapper .headertop li .small-logos {
            margin-left: 10px;
        }

        #header #logo-wrapper .headertop li.contactnumber {
            padding-right: 10px;
            font-family: 'Open Sans',arial, sans-serif;
            letter-spacing: 1px;
            text-transform: uppercase;
            font-size: 14px;
            text-align: left;
            font-weight: normal;
            line-height: 50px;
        }

            #header #logo-wrapper .headertop li.contactnumber a.headnumber:before {
                content: "Tollfree";
                display: inline-block;
                font-family: 'Open Sans',arial, sans-serif;
                letter-spacing: 1px;
                margin: 0 20px;
            }

        #header #logo-wrapper .headertop li.contactnumber {
            padding-left: 10px;
        }
}

@media screen and (max-width: 991px) {

    #header #logo-wrapper .mobilehead {
        background: #012F63;
        display: table !important;
        width: 100%;
    }

        #header #logo-wrapper .mobilehead img {
            display: block;
            margin: 0 auto;
            max-height: 80px;
        }

    #header .navbar-header .navbar-collapse.collapse {
        display: none !important;
    }

    #header #logo-wrapper .mobilehead > *:not(.clearfix) {
        display: table-cell;
        vertical-align: middle;
        text-align: left;
        float: none;
    }

    #header #logo-wrapper .mobilehead .mobilelogo {
        width: 80%;
    }

    #header #logo-wrapper .mobilehead a.headnumber {
        border: 1px solid;
        color: #fff;
        padding: 0 5px;
    }

    #header #logo-wrapper .mobilehead .navbar-toggle {
        float: none;
        color: #fff;
        outline: none !important;
        width: 50px;
        margin: 0;
        padding: 9px 0px;
        display: block;
    }

        #header #logo-wrapper .mobilehead .navbar-toggle .icon-bar {
            background: #ffffff;
            margin-left: auto;
            margin-right: auto;
            transform-origin: 0;
            transition: 0.5s all;
        }

            #header #logo-wrapper .mobilehead .navbar-toggle .icon-bar + .icon-bar {
                margin-top: 6px;
            }

            #header #logo-wrapper .mobilehead .navbar-toggle .icon-bar:nth-of-type(2) {
                transform-origin: 50% 50%;
            }

        #header #logo-wrapper .mobilehead .navbar-toggle:not(.collapsed) .icon-bar:first-of-type {
            translate: rotate(45deg);
            -webkit-transform: rotate(45deg);
        }

        #header #logo-wrapper .mobilehead .navbar-toggle:not(.collapsed) .icon-bar:nth-of-type(2) {
            transform: scale(0);
            -webkit-transform: scale(0);
        }

        #header #logo-wrapper .mobilehead .navbar-toggle:not(.collapsed) .icon-bar:last-of-type {
            translate: rotate(-45deg);
            -webkit-transform: rotate(-45deg);
        }

    #header .navbar-header .navbar-collapse {
        max-height: none;
        overflow: hidden;
    }
}



@media screen and (min-width: 768px) and (max-width: 992px) {

    #header .navbar-nav.mobilemenu li {
        width: 33%;
    }

    #header #logo-wrapper .mobilehead .mobile-toggle {
        padding-left: 33px;
    }

    #header #logo-wrapper .mobilehead > * {
        text-align: center;
    }
}

@media screen and (max-width: 400px) {
    #header #logo-wrapper .headertop li.contactnumber {
        margin: 0;
    }
}

#header #logo-wrapper .mainheader {
    background: none;
    position: relative;
}

    #header #logo-wrapper .mainheader .logo img {
        max-width: 80px !important;
    }

@media screen and (min-width: 992px) {

    #header #logo-wrapper .mainheader {
        display: -webkit-flex;
        display: flex;
        -webkit-flex-flow: row wrap;
        flex-flow: row wrap;
        -webkit-align-items: flex-end;
        align-items: flex-end;
    }

        #header #logo-wrapper .mainheader > *:not(.logo) {
            flex: 1;
        }
}

#header .navbar {
    margin: 0;
    min-height: 0;
    border: 0;
    position: static;
    font-family: 'Open Sans',arial, sans-serif;
    letter-spacing: 1px;
}

#header .navbar-collapse.collapse {
    padding: 0;
}

#header .navbar .nav > li > a {
    padding: 11px 10px;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 12px;
    white-space: nowrap;
    color: #fff;
}

    #header .navbar .nav > li:hover > a,
    #header .navbar .nav > li.open > a,
    #header .navbar .nav > li.active > a,
    #header .navbar .nav > li > a:focus {
        background: none;
    }

@media screen and (min-width: 992px) {
    #header .navbar .nav > li:hover > a,
    #header .navbar .nav > li.open > a,
    #header .navbar .nav > li.active > a,
    #header .navbar .nav > li > a:focus {
        background: #012F63;
        color: #fff;
    }
}

@media screen and (max-width: 991px) {
    #header {
        position: relative;
        background: #fff;
    }

        #header .container {
            width: 100%;
        }

        #header #logo-wrapper .mainheader {
            text-align: center;
        }

            #header #logo-wrapper .mainheader .navbar-header {
                display: block;
                float: none !important;
                clear: both;
            }

                #header #logo-wrapper .mainheader .navbar-header .navbar-nav {
                    float: none;
                    border: 0;
                    margin: 0 -15px;
                    background: #fff;
                }

        #header .navbar-header .navbar-toggle {
            display: none;
        }

        #header #logo-wrapper .mainheader .navbar-header .navbar-nav > li {
            float: none;
            display: inline-block;
        }

        #header .navbar .nav > li > a {
            color: #012F63;
        }
}

@media screen and (min-width: 768px) and (max-width:1199px) {
    .desktophead {
        float: none !important;
    }
}

@media screen and (min-width:1299px) {
    #header .navbar .nav > li > a {
    }
}

@media screen and (max-width: 400px) {

    #header .headertop img {
        width: 30px;
    }

    #header .navbar-header .navbar-toggle {
        top: 4px;
    }
}
/* Full width drop down */

#header .navbar .nav > li.dropdown.wide img {
    display: none;
}

#header .navbar .nav > li.dropdown .dropdown-menu {
    border-radius: 0;
    margin-top: -1px;
    border: 0;
    background: #012F63;
    text-align: left;
}

    #header .navbar .nav > li.dropdown .dropdown-menu > li > a {
        color: #fff;
        font-family: 'Open Sans', sans-serif;
        font-weight: bold;
    }

        #header .navbar .nav > li.dropdown .dropdown-menu > li > a:active,
        #header .navbar .nav > li.dropdown .dropdown-menu > li:hover > a {
            background: #dfdfdf;
            color: #333;
        }

.wrapper.collapse,
.wrapper.collapsing,
.wrapper.in {
    display: block !important;
    height: auto !important;
}

@media screen and (max-width: 991px) {

    .wrapper.in {
        overflow: hidden;
        height: 100vh !important;
    }

        .wrapper.in #header {
            position: fixed;
            top: 0;
            left: 0;
            height: 100% !important;
            overflow-y: scroll;
        }

    #header .navbar .nav > li.dropdown.wide ul li:hover a {
        background: #575C5F;
        color: #fff;
    }

    #header .navbar .nav a {
        text-align: left;
    }
}

#header .navbar-nav.mobilemenu {
    text-align: center;
}

    #header .navbar-nav.mobilemenu li {
        display: inline-block;
        width: 30%;
        vertical-align: top;
    }

        #header .navbar-nav.mobilemenu li a {
            text-align: center;
            font-size: 9px;
            font-family: "Open Sans";
            line-height: 1.5em;
            white-space: initial;
        }

        #header .navbar-nav.mobilemenu li img {
            display: block;
            margin: 0 auto 5px;
            max-height: 75px;
        }

@media screen and (min-width: 992px) {
    #header .navbar .nav > li.dropdown.wide ul a {
        color: #fff;
    }

    #header #logo-wrapper .mainheader .navbar-header .navbar-nav > li:hover .dropdown-menu {
        display: block;
    }

    #header .navbar .nav > li.dropdown.wide {
        position: static;
    }

        #header .navbar .nav > li.dropdown.wide .dropdown-menu {
            width: 100%;
            text-align: center;
        }

            #header .navbar .nav > li.dropdown.wide .dropdown-menu li {
                display: inline-block;
                vertical-align: top;
            }

            #header .navbar .nav > li.dropdown.wide .dropdown-menu.cars li {
                width: 24.5%;
                margin-left: 0px;
            }

            #header .navbar .nav > li.dropdown.wide .dropdown-menu.buying-tools li {
                width: 19.5%;
            }

                #header .navbar .nav > li.dropdown.wide .dropdown-menu.buying-tools li a {
                    background: url('../images/gateways/gateway-bg.html') !important;
                    display: block;
                    margin: 1%;
                    color: #fff;
                }

            #header .navbar .nav > li.dropdown.wide .dropdown-menu li + li {
                margin-left: -3px;
            }

            #header .navbar .nav > li.dropdown.wide .dropdown-menu li a {
                white-space: normal;
                color: #101010;
                padding: 10px 0;
                background: none !important;
                -ms-transition: 1s all;
                transition: 1s all;
            }

            #header .navbar .nav > li.dropdown.wide .dropdown-menu:not(.buying-tools) li:hover a {
                color: #012F63;
            }

        #header .navbar .nav > li.dropdown.wide img {
            display: block;
            margin: 0 auto 5px;
            transition: 1s all;
        }

        #header .navbar .nav > li.dropdown.wide .dropdown-menu.cars li a img {
            margin-bottom: 0px;
            max-width: 80% !important;
        }

        #header .navbar .nav > li.dropdown.wide .dropdown-menu.cars li:hover a img {
            -moz-transform: scale(1.1) translate(0,-5px);
            -webkit-transform: scale(1.1) translate(0,-5px);
            -ms-transform: scale(1.1) translate(0,-5px);
            -o-transform: scale(1.1) translate(0,-5px);
            transform: scale(1.1) translate(0,-5px);
            behavior: url(ms-transform.html);
        }

        #header .navbar .nav > li.dropdown.wide .dropdown-menu.buying-tools li:hover a img {
            -webkit-animation: rotatey 1s 1;
            -ms-animation: rotatey 1s 1;
            -moz-animation: rotatey 1s 1;
            animation: rotatey 1s 1;
            behavior: url(ms-transform.html);
        }
}

@-webkit-keyframes rotatey {
    0 {
        -webkit-transform: rotateY(0deg);
    }

    100% {
        -webkit-transform: rotateY(360deg);
    }
}

@-ms-keyframes rotatey {
    0 {
        -ms-transform: rotateY(0deg);
        behavior: url(ms-transform.html);
    }

    100% {
        -ms-transform: rotateY(360deg);
        behavior: url(ms-transform.html);
    }
}

@-moz-keyframes rotatey {
    0 {
        -moz-transform: rotateY(0deg);
    }

    100% {
        -moz-transform: rotateY(360deg);
    }
}

@keyframes rotatey {
    0 {
        transform: rotateY(0deg);
    }

    100% {
        transform: rotateY(360deg);
    }
}

/* slider */

#slider-wrap {
    position: relative;
}

@media screen and (min-width:992px) {
    #slider-wrap .slider-enquire-form .slider-form {
        width: 25%;
    }

    #slider-wrap .slider-form {
        position: absolute;
        bottom: 21%;
        background-color: rgba(255,255,255,1);
        opacity: 0.7;
        padding: 15px 15px 15px;
        box-shadow: 0px 1px 2px #ccc;
    }

    #slider-wrap .item:hover .slider-form {
        opacity: 1;
        box-shadow: 0px 1px 2px #555;
    }
}

#slider .item img {
    width: 100%;
}

@media screen and (max-width: 991px) {
}
/*
@media screen and (min-width: 992px) {
    #slider:not(.inner) .item img {
        position: absolute;
        bottom: 0;
        right: 0;
        min-width: 100%;
        min-height: 100%;
        max-width: none !important;
        z-index: 1;
    }

    #slider:not(.inner) .item .container {
        position: relative;
        height: 517px;
        padding: 0;
    }

    #slider .carousel-caption {
    }
}

@media screen and (min-width: 1170px) {
    #slider .item .container:not(.carousel-caption) {
        height: 551px;
    }
}*/

#slider .carousel-indicators li {
    background: #012F63;
    border: 0;
    height: 15px;
    width: 15px;
    margin: 0 7px;
    transition: 0.3s all;
    box-shadow: 0 0 0 2px rgba(255,255,255,0);
}

    #slider .carousel-indicators li.active {
        height: 15px;
        width: 15px;
        background: #fff;
        box-shadow: 0 0 0 2px #012F63;
    }

    #slider .carousel-indicators li:only-child {
        display: none;
    }

#slider .carousel-caption {
    left: 0%;
    right: auto;
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    transform-origin: 0 0;
    behavior: url(ms-transform.html);
    text-align: left;
    top: 5%;
}

    #slider .carousel-caption h1 {
        color: #3e353a;
        text-transform: uppercase;
        text-shadow: none;
        font-family: 'Open Sans',arial, sans-serif;
        letter-spacing: 1px;
        line-height: 1em;
        padding: 10px;
        margin-bottom: 0;
        transition-delay: 0.3s;
    }

        #slider .carousel-caption h1.fff {
            color: #fff;
            text-shadow: 0 0 1px #3e353a;
        }

    #slider .carousel-caption .btn-vw {
        background: #fff;
        color: #000;
        text-decoration: underline;
        font-weight: bold;
        transition-delay: 1s;
        -webkit-transition-delay: 1s;
        -webkit-animation-duration: 1.5s;
        animation-duration: 1.5s;
    }

@media screen and (max-width: 991px) {
    #slider .carousel-caption {
        -webkit-transform: scale(0.85);
        -moz-transform: scale(0.85);
        -ms-transform: scale(0.85);
        -o-transform: scale(0.85);
        transform: scale(0.85);
        behavior: url(ms-transform.html);
        top: 5%;
    }
}

@media screen and (max-width: 767px) {
    #slider .carousel-caption {
        -webkit-transform: scale(0.78);
        -moz-transform: scale(0.78);
        -ms-transform: scale(0.78);
        -o-transform: scale(0.78);
        transform: scale(0.78);
        behavior: url(ms-transform.html);
        bottom: 10px;
        top: 0%;
    }
}

@media screen and (max-width: 500px) {
    #slider .carousel-caption {
        -webkit-transform: scale(0.5);
        -moz-transform: scale(0.5);
        -ms-transform: scale(0.5);
        -o-transform: scale(0.5);
        transform: scale(0.5);
        behavior: url(ms-transform.html);
        bottom: 0px;
    }
}

#slider .carousel-control {
    color: #fff;
    opacity: 0.8;
    z-index: 9;
}

/* Models */
#Models {
    position: relative;
}

    #Models ~ div > .container {
        margin-top: 2rem;
    }

    #Models .carselector.navbar-nav > li > a {
        padding: 10px;
        color: #222222;
        cursor: pointer;
    }

    #Models .carselector-toggle {
        background: #012F63;
        color: #fff;
        outline: none;
        border: 0;
        font-size: 1.2em;
        margin: 20px 0 10px;
        text-align: left;
        padding: 0 10px;
        width: 100%;
    }

        #Models .carselector-toggle .fa {
            line-height: 24px;
        }


    #Models .carselector {
        float: none;
    }


@media screen and (max-width: 767px) {

    #Models .carselector-toggle + .section-head {
        margin-top: 0;
        margin-bottom: 10px;
    }

    #Models .carselector {
        margin: 0;
    }
}

@media screen and (min-width: 768px) {
    #Models #carselector.collapse {
        display: block !important;
    }
}

#Models #car-models {
    margin-bottom: 20px;
    padding: 2rem 41px 0;
    background: #e2e2e2;
}

    #Models #car-models.owl-carousel {
    }

        #Models #car-models.owl-carousel .owl-pagination {
            text-align: center;
            padding: 1rem 0;
        }

            #Models #car-models.owl-carousel .owl-pagination .owl-page {
                border-radius: 50%;
                width: 10px;
                height: 10px;
                margin: 0 7px;
                display: inline-block;
                background: #012F63;
                border: 0;
                transition: 0.3s all;
                box-shadow: 0 0 0 2px #e2e2e2;
            }

                #Models #car-models.owl-carousel .owl-pagination .owl-page.active {
                    width: 10px;
                    height: 10px;
                    background: none;
                    box-shadow: 0 0 0 2px #012F63;
                }


#Models .car-model .car-model-center {
    display: block;
    margin-bottom: 15px;
    padding: 0 15px;
}

#Models .car-model h4 {
    margin: 10px 0;
    text-transform: uppercase;
}

#Models .car-model h4, #Models .car-model p {
    color: #555555;
}

#Models .car-model img {
    display: block;
    margin: 0 auto;
}

#Models .car-model .btn-vw:after {
    background: #e2e2e2;
}

@media screen and (min-width:500px) and (max-width: 767px) {
    #Models #car-models {
        text-align: center;
    }

    #Models .car-model-wrap {
        display: inline-block;
        float: none;
        text-align: left;
        max-width: 100%;
    }
}
/* Buying Tools */
#buying-tools .buying-row {
    display: table;
    width: 100%;
}

    #buying-tools .buying-row > * {
        display: table-cell;
        vertical-align: middle;
        float: none;
    }

    #buying-tools .buying-row .buying-icon {
        text-align: center;
    }

        #buying-tools .buying-row .buying-icon img {
            max-height: 100px;
        }

    #buying-tools .buying-row .buying-name {
        font-size: 1.2rem;
        text-align: left;
    }
/* Modi Social */
#FacebookFeed h4 {
    color: #012F63;
    font-family: 'Open Sans',arial, sans-serif;
    letter-spacing: 1px;
}

/*Latest Updates*/

@media screen and (min-width: 992px) {
    #latest-updates .news, #latest-updates .video {
        display: block;
        float: left;
        width: 100%;
    }
}

#latest-updates {
    margin-bottom: 30px;
    font-size: 0.9em;
}

    #latest-updates .latest-updates-data {
        text-align: center;
    }

        #latest-updates .latest-updates-data h3 {
            font-size: 1.8rem;
            font-weight: normal;
            color: #012F63;
        }

        #latest-updates .latest-updates-data p {
            font-size: 1.4rem;
        }

    #latest-updates img {
        margin-bottom: 10px;
    }


    #latest-updates h4 {
        color: #012F63;
        font-weight: normal;
        font-size: 1.3rem;
        text-align: center;
        line-height: 2;
        border: 1px solid #555555;
        max-width: 250px;
        width: 100%;
        margin-bottom: 1.5rem;
        margin-left: auto;
        margin-right: auto;
    }

    #latest-updates .news .date {
        color: #012F63;
    }

    #latest-updates h3 {
        font-weight: normal;
        color: inherit;
        margin-top: 0;
    }

@media screen and (max-width: 767px) {
    #latest-updates .latest-updates-wrap > *:not(:first-child) {
        margin-top: 1rem;
    }
}

@media screen and (min-width: 768px) {

    #latest-updates .latest-updates-wrap {
        display: -webkit-flex;
        display: flex;
        -webkit-flex-flow: row wrap;
        flex-flow: row wrap;
    }

        #latest-updates .latest-updates-wrap .sub {
            display: -webkit-flex;
            display: flex;
            -webkit-flex-flow: column wrap;
            flex-flow: column wrap;
            padding-bottom: 3rem;
        }

    #latest-updates .col-md-4 .btn-vw {
        position: absolute;
        bottom: 0;
        left: 15px;
    }

    @media screen and (max-width: 991px) {

        #latest-updates .latest-updates-wrap :last-child {
            margin-top: 1rem;
        }
    }
}
/* PageContent */
#PageContent {
    position: relative;
}

    #PageContent .container:not(#OnroadCalculations) a:not(.btn):not([data-toggle]) {
        color: #012F63;
    }

        #PageContent .container:not(#OnroadCalculations) a:not(.btn):not([data-toggle]):hover {
            color: #000;
        }


    #PageContent.about-us .modiTabs .nav-tabs > li > a {
        padding: 10px;
    }

    #PageContent h1.page-name {
        text-align: left;
    }


    #PageContent .inlinebg {
        padding: 5px 15px;
        color: #FFF !important;
        margin: 0;
        background: #012F63;
    }


        #PageContent .inlinebg.exshowroom #lblEXPrice1:before {
            content: "Please select a car";
        }

        #PageContent .inlinebg.exshowroom #lblEXPrice1:not(:empty):before {
            content: "INR ";
        }

        #PageContent .inlinebg.exshowroom #lblEXPrice1:not(:empty):after {
            content: "/-";
        }

    #PageContent .form tr {
        display: inline-block;
        margin-left: 10px;
    }

        #PageContent .form tr label {
            margin-left: 5px;
        }

    #PageContent .form label {
        font-weight: normal;
        display: block;
    }

@media screen and (min-width: 768px) {

    #PageContent .form label {
        padding: 0;
    }
}

#PageContent .form .form-control {
    margin-bottom: 0;
    padding: 2px 10px;
    border: 1px solid #999 !important;
    background: none;
    height: auto;
}

#PageContent .form label {
    color: #012F63;
}

#PageContent .form input[type="radio"] {
    display: none;
}

    #PageContent .form input[type="radio"] + label {
        position: relative;
        margin: 0 30px 0 0;
    }

        #PageContent .form input[type="radio"] + label:before {
            content: '';
            width: 11px;
            height: 11px;
            border: 1px solid #012F63;
            display: inline-block;
            position: relative;
            left: -11px;
            border-radius: 50%;
        }

    #PageContent .form input[type="radio"]:checked + label:before {
        background: #012F63;
    }

#PageContent .form .input-group {
    display: block;
}

    #PageContent .form .input-group .form-control {
        margin-bottom: 0px;
        border-right: 0 !important;
        width: 100%;
        background: none;
        position: relative;
        z-index: 10;
    }

    #PageContent .form .input-group .input-group-addon {
        border-radius: 0;
        background: #fff;
        border: 0px solid #e5e5e5;
        border-left: 0;
        position: absolute;
        right: 0;
        color: #fff;
        top: 0;
        width: 28px;
        background: #012F63;
        z-index: 0;
        text-align: center;
        bottom: 0;
        padding: 0;
    }

        #PageContent .form .input-group .input-group-addon .glyphicon {
            line-height: 27px;
        }
/* Insurance */
#PageContent .form-horizontal label {
    font-weight: normal;
    text-align: left;
}

#PageContent.insurance .form-group .btn-vw {
    max-width: 45%;
}
/* Finance */
#PageContent.finance .totals {
    padding-top: 10px;
    padding-bottom: 10px;
    margin-top: -1px;
    background: #fff;
    box-shadow: 0 -2px 0 -1px #EDEDEB, 0 2px 0 -1px #EDEDEB;
}

#PageContent.finance select {
    border: 1px solid #012F63;
    height: auto;
}

@media screen and (max-width: 499px) {
    #PageContent.finance .totals .col-xs-6 {
        width: 100%;
        margin: 0;
    }
}

@media screen and (min-width: 500px) {
    #PageContent.finance .totals .text-left {
        text-align: right;
    }

    #PageContent.finance .totals .calcs {
        display: inline-block;
        text-align: right;
        min-width: 150px;
    }
}

@media screen and (max-width:767px) {
    #PageContent.finance #cars {
        margin-bottom: 10px;
    }
}

#PageContent.finance .btntoggle {
    display: none;
}

/* Car Details */
#PageContent.car-details h1.page-name span {
    display: inline-block;
    padding: 5px 20px;
    color: #58585a;
}

#PageContent.car-details #Variant h1 span,
#PageContent.car-details #Car-Colors h1 span {
    text-transform: uppercase;
}

#PageContent.car-details .label-value {
    color: #012F63;
    margin: 5px 0;
    display: inline-block;
}

/* Tabs */
#PageContent.car-details .modiTabs .nav-tabs a > * {
    color: #555;
}

#PageContent.car-details .modiTabs .nav-tabs a:hover > * {
    color: #fff;
}

#PageContent.car-details .modiTabs .nav-tabs li.active a > * {
    color: #555;
}

#PageContent.car-details .modiTabs .nav-tabs h4 {
    font-weight: normal;
}

@media screen and (min-width:992px) {
    #PageContent.car-details .modiTabs .nav-tabs h4 {
        text-align: left;
    }
}
/*Specifications*/
#Specs .modiTabs .nav-tabs > li {
    min-width: 175px;
}

    #Specs .modiTabs .nav-tabs > li a {
        margin: 0;
    }

#Specs .modiTabs .nav-tabs li.active {
    border: 1px solid #012F63;
    background: #012F63;
}

#Specs .modiTabs .nav-tabs h4 {
    text-align: center !important;
}

#Specs .modiTabs .nav-tabs li.active a > *, #Specs .modiTabs .nav-tabs li:hover a > * {
    color: #fff !important;
}

#Specs .modiTabs .nav-tabs > li.active > a,
#Specs .modiTabs .nav-tabs > li.active > a:hover,
#Specs .modiTabs .nav-tabs > li.active > a:focus,
#Specs .modiTabs .nav-tabs > li > input:checked + label,
#Specs .modiTabs .nav-tabs > li > a:hover {
    border: 1px solid #012F63;
    background: #012F63;
    color: #fff !important;
}

#Specs .modiTabs .nav-tabs > li {
    border: 1px solid #012F63;
    background: #fff;
}

#Specs .modiTabs .nav-tabs li a > * {
    color: #012F63 !important;
}

@media screen and (max-width:767px) {
    #Specs .table-responsive {
        border: 0;
    }
}
/* Highlights */

#PageContent.car-details .highlightscarousel {
    color: #000;
    padding: 0;
}

    #PageContent.car-details .highlightscarousel .flex-direction-nav a {
        height: 221px;
    }


    #PageContent.car-details .highlightscarousel .hrow {
        padding: 0 10px;
    }

        #PageContent.car-details .highlightscarousel .hrow .himage img {
            border: 1px solid #333;
        }

        #PageContent.car-details .highlightscarousel .hrow > .hcontent > * {
            color: #595959;
        }

        #PageContent.car-details .highlightscarousel .hrow .hcontent h5 {
            padding-bottom: 5px;
            text-transform: uppercase;
        }

#PageContent.car-details #Specs #DownloadBrochure {
    display: none;
}

.carhighlights p {
    margin-bottom: 0;
}

@media screen and (max-width: 500px) {
    .carhighlights .carhighlights-info > * {
        width: 100%;
        margin-top: 1rem;
    }
}

@media screen and (min-width: 992px) {
    .carhighlights {
        display: -webkit-flex;
        display: flex;
        -webkit-align-items: center;
        align-items: center;
    }

        .carhighlights .carhighlights-image {
            order: 2;
        }

        .carhighlights .carhighlights-info > *:nth-child(2) ~ * {
            margin-top: 1rem;
        }
}
/* Gallery */

#PageContent #GalleryCarousel {
    margin-bottom: 15px;
    padding: 0;
}

#PageContent #Gallery .no-padding-row {
    display: flex;
    flex-flow: wrap;
}

    #PageContent #Gallery .no-padding-row > div {
        padding: 0;
        width: auto;
        flex: auto;
        max-width: 33%;
        overflow: hidden;
    }

        #PageContent #Gallery .no-padding-row > div img {
            width: 100%;
            display: block;
            -webkit-transform: scale(1);
            transform: scale(1);
            -webkit-transition: 0.6s all ease-in-out;
            transition: 0.6s all ease-in-out;
        }

        #PageContent #Gallery .no-padding-row > div:hover > img {
            -webkit-transform: scale(1.2);
            transform: scale(1.2);
        }

@media screen and (min-width: 992px) {
    #PageContent #GalleryCarousel img {
        width: 70%;
        margin: 0 auto;
    }
}

#PageContent #GalleryCarousel h3 {
    margin-top: 10px;
}

#PageContent #GalleryCarousel .flex-direction-nav {
    display: none;
}

#PageContent #GalleryCarouselThumbs li img {
    padding: 3px 5px;
    display: block;
}

#PageContent #GalleryCarouselThumbs li:not(.flex-active-slide) {
    opacity: 0.5;
    transition: 0.2s;
}

#PageContent .flex-direction-nav a {
    font-size: 0;
}

#PageContent.car-details table {
    min-width: 100%;
    margin-top: 30px;
}

    #PageContent.car-details table th {
        background: #555;
        vertical-align: middle;
        color: #fff;
    }


    #PageContent.car-details table tr > * {
        padding: 5px 10px;
    }


    #PageContent.car-details table tr th:not([rowspan]),
    #PageContent.car-details table tr:first-of-type th:first-of-type,
    #PageContent.car-details table tr td + td {
        text-align: left;
    }

    /*#PageContent.car-details table tr:first-of-type th:first-of-type,
    #PageContent.car-details table tr td:first-of-type {
        width: 500px;
    }*/

    #PageContent.car-details table tr {
        border-top: 1px solid #555;
    }

/*#PageContent.car-details table tr:last-of-type {
            border-bottom: 1px solid #555;
        }*/

#PageContent.car-details .box {
    margin: 0;
}

#PageContent.car-details #OnroadCalculations {
    margin-top: 20px;
}
/*On Road Price*/
#On-Road-Price p {
    color: #012F63;
    text-transform: uppercase;
    padding-left: 15px;
}

#On-Road-Price {
    margin: 20px 0;
}

    #On-Road-Price .container, #Car-Colors .container {
        border-bottom: 1px solid #999;
        padding-bottom: 15px;
    }

    #On-Road-Price .box .col-sm-4 {
        padding-left: 0;
    }
/* Locate Us */
#PageContent .address-wrap1,
#PageContent .address-wrap2 {
    position: relative;
}


/* Car Colors */

#Car-Colors .color {
    padding: 0;
    text-align: center;
}

    #Car-Colors .color p {
        margin-top: 10px;
        font-weight: bold;
        color: #575A5D;
    }
/* Finance */
#PageContent.car-details #exshow #knowmore {
    display: block !important;
    margin-top: 5px;
}

#OnroadCalculations {
    position: relative;
}

    #OnroadCalculations .btntoggle {
        text-decoration: underline;
        color: #012F63;
    }


#PageContent.car-details #OnroadCalculations {
    display: none;
}

#OnroadCalculations .on-road-price {
    margin-top: 20px;
    margin-bottom: 15px;
}



    #OnroadCalculations .on-road-price > div {
        padding: 3px 15px;
    }

    #OnroadCalculations .on-road-price .pricesplit:nth-of-type(2n+1) {
        background: #efefef;
    }

    #OnroadCalculations .on-road-price label {
        font-weight: normal;
    }

    #OnroadCalculations .on-road-price .carmodel {
        background: #ccc;
    }

    #OnroadCalculations .on-road-price .total:nth-of-type(2n-1) {
        box-shadow: 0 -2px 0 #ccc;
        border-top: 7px solid #fff;
        border-bottom: 7px solid #fff;
        margin-top: 10px;
    }

    #OnroadCalculations .on-road-price .total {
        background: #efefef;
    }

        #OnroadCalculations .on-road-price .total > * {
            font-weight: bold;
        }

    #OnroadCalculations .on-road-price span label {
        width: 110px;
        text-align: right;
    }

@media screen and (max-width: 500px) {
    #OnroadCalculations .on-road-price > div > * {
        display: block;
        float: none !important;
    }

    #OnroadCalculations .on-road-price > div > span label {
        display: inline;
    }

    #OnroadCalculations .on-road-price > div label {
        margin: 5px 0 -2px;
        font-weight: bold;
    }

    #OnroadCalculations .on-road-price > div span {
        margin: 0 0 5px;
    }

        #OnroadCalculations .on-road-price > div span.pull-right {
            float: none !important;
        }
}


#PageContent .sliders h4 {
    margin-top: -15px;
    margin-bottom: 40px;
}

@media screen and (max-width: 500px) {
    #PageContent .sliders h4 {
        margin-top: 0px;
    }
}

#PageContent .sliders .btntoggle {
    display: none;
}

#PageContent .calculations h3 {
    color: #5B5B5B;
}

/* Used Cars */
#MorePageContent .section-head {
    margin-bottom: 0;
}

#MorePageContent #used-cars .used-car {
    margin-top: 30px;
}

    #MorePageContent #used-cars .used-car .car-img-wrap {
        border: 2px solid #012F63;
        text-align: center;
        padding: 15px;
    }

    #MorePageContent #used-cars .used-car .car-img-details {
        background: #e5e5e5;
        margin-top: 5px;
        padding: 10px 0;
    }

        #MorePageContent #used-cars .used-car .car-img-details label {
            margin: 0 0 5px;
            font-weight: normal;
            position: relative;
            clear: left;
        }

            #MorePageContent #used-cars .used-car .car-img-details label:after {
                content: ':';
                position: absolute;
                right: 0;
                top: 0;
            }

        #MorePageContent #used-cars .used-car .car-img-details:after, #MorePageContent #used-cars .used-car .car-img-details:before {
            clear: both;
            display: block;
            content: '';
        }
/* Contact */
#Contact {
    position: relative;
}

    #Contact .container {
        border-top: 1px solid #555;
    }

    #Contact h1 {
        background: #012F63;
        color: #fff;
        font-weight: normal;
        font-size: 1.3rem;
        text-align: center;
        line-height: 2;
        max-width: 250px;
        width: 100%;
        margin-bottom: 1.5rem;
        margin-left: auto;
        margin-right: auto;
    }

    #Contact .about img {
        margin-top: 15px;
        margin-bottom: 10px;
    }

    #Contact .location-head {
        padding: 7px 30px;
        display: inline-block;
        text-align: center;
        font-size: 15px;
        border: 1px solid #012F63;
        margin-bottom: 15px;
    }



#PageContent.contact .map {
    background-image: url(../images/address-pin.jpg);
    border-bottom: 0;
    margin-bottom: 0;
    padding-bottom: 0;
}

@media screen and (min-width:768px) {
    #PageContent.contact [data-lat] + [data-lat] .address-wrap1:after,
    #PageContent.contact [data-lat] + [data-lat] .address-wrap2:after {
        position: absolute;
        background: #ccc;
        width: 1px;
        height: 200px;
        content: '';
        top: 0;
        left: -15px;
        transform: translateX(-80%);
    }
}

#PageContent.contact .address {
    padding-left: 30px;
    padding-right: 30px;
    background-position: 2px 0;
    background-repeat: no-repeat;
}

@media screen and (max-width: 767px) {
    #Contact .row {
        margin: 0;
    }
}

@media screen and (min-width: 768px) {
    #Contact .location-head {
        text-align: center;
        min-width: 150px;
    }
}

#Contact .location h4 {
    font-size: 1.3rem;
    color: #012F63;
    font-weight: bold;
    line-height: 1.5;
}

    #Contact .location h4 small {
        font-size: 1.1rem;
        font-weight: normal;
        color: inherit;
        display: block;
    }

#Contact .location .location-address {
    color: #5B5B5B;
    line-height: 1.5;
    font-family: 'Open Sans';
    font-weight: normal;
}

    #Contact .location .location-address:first-of-type {
        border: 0;
        padding: 0;
    }

#Contact .formwrap .form-control {
    border-color: #555555;
}

@media screen and (min-width: 768px) {
    #Contact .row,
    #Contact .row > * {
        display: -webkit-flex;
        display: flex;
        -webkit-flex-flow: wrap;
        flex-flow: wrap;
    }

        #Contact .row > * > div {
            width: 100%;
        }

        #Contact .row > *:first-child + div {
            box-shadow: -101px 0 0 -100px #555555;
        }

        #Contact .row .footer-enquire-form {
            box-shadow: 0 -101px 0 -100px #555555;
        }


    @media screen and (max-width: 991px) {
        #Contact .row .footer-enquire-form {
            margin-top: 1rem;
        }
    }

    @media screen and (min-width: 992px) {
        #Contact .row > *:first-child ~ div {
            box-shadow: -101px 0 0 -100px #555555;
        }
    }
}

/* Offers */
#offers .btn-vw {
    margin-top: 1rem;
}

#PageContent.offers .offer + .offer {
    margin-top: 20px;
}

#PageContent.offers .offer .offer-image {
    padding: 0;
    text-align: center;
}

    #PageContent.offers .offer .offer-image img {
        border: 5px solid #333;
    }

#PageContent.offers .offer .offer-content h2 {
    margin-top: 10px;
}

#PageContent.offers .offer .offer-content h4 {
    margin: 0;
    color: #012F63;
    margin-bottom: 30px;
}

#PageContent.offers .offer .offer-content span.offer-sub-title {
    font-weight: bold;
}

#PageContent.offers .offer .offer-content span.offer-text {
    font-size: 13px;
}

#PageContent.offers .offer .offer-content h5 {
    font-family: "Open Sans";
}

#PageContent.offers .offer .offer-content .btn {
    display: block;
    float: none;
    margin: 0px 0 15px;
    font-size: 16px;
    text-align: left;
    padding-right: 20px;
    position: relative;
}

    #PageContent.offers .offer .offer-content .btn:after {
        content: '\e806';
        font-family: "fontello";
        position: absolute;
        right: 7px;
        top: 8px;
        font-size: 13px;
    }

#PageContent.offers .offer .offer-content ul {
    padding-left: 20px;
}

@media screen and (max-width: 767px) {
    #PageContent.offers .offer:nth-of-type(2n) {
        background: #f5f5f5;
        padding: 20px 15px;
    }

    #PageContent.offers .offer .offer-image {
        margin-bottom: 10px;
    }
}

@media screen and (min-width: 768px) {
    .offer > div[class*=offer-] {
        display: inline-block;
        float: none;
        margin-left: -3px;
        vertical-align: middle;
    }
}

/*Online payments*/

#PageContent.online-payments .verified {
    margin-top: 10rem;
}

/* Car Comparator */

#PageContent.carcomparator .carcompare {
    border: 2px solid #012F63;
    border-radius: 3px;
    padding: 15px;
    position: relative;
    box-shadow: 10px 10px 6px -8px #777;
}

    #PageContent.carcomparator .carcompare:after {
        position: absolute;
        top: 100%;
        content: '\f0d7';
        font-family: 'FontAwesome';
        line-height: 7px;
        font-size: 2em;
        left: 50px;
        color: #E5E5E5;
        text-shadow: 0 2px 0 #012F63;
    }

    #PageContent.carcomparator .carcompare .carprice {
        background: #012F63;
        color: #fff;
        text-align: center;
        padding: 3px 10px;
        font-weight: bold;
    }

        #PageContent.carcomparator .carcompare .carprice:before {
            content: 'Price ';
        }

#PageContent.carcomparator .carcomparision th {
    background: #012F63;
    color: #fff;
}

/*New Form style*/

#PageContent.book-appointment .form .form-control, #PageContent.test-drive .form .form-control {
    margin-bottom: 0;
    padding: 2px 10px;
    border-bottom: 2px solid #999 !important;
    border-top: 0 !important;
    border-left: 0 !important;
    border-right: 0 !important;
    background: none;
    height: auto;
    padding-left: 0;
}

/*Testimonials*/
#PageContent.about-us .swiper-container, #PageContent.about-us .swiper-wrapper, #PageContent.about-us .swiper-slide {
    height: auto;
}

    #PageContent.about-us .swiper-container .swiper-pagination {
        bottom: 0;
    }

@media screen and (min-width:768px) {
    #PageContent.about-us #Testimonial .testimonialslider .testi-wrap:before,
    #PageContent.about-us #Testimonial .testimonialslider .testi-wrap:after {
        position: absolute;
        font-family: fontAwesome;
        font-size: 55px;
    }

    #PageContent.about-us #Testimonial .testimonialslider .testi-wrap:before {
        content: '\f10d';
        top: 0;
        left: 0;
    }

    #PageContent.about-us #Testimonial .testimonialslider .testi-wrap:after {
        content: '\f10e';
        bottom: 0;
        right: 0;
    }
}

#PageContent.about-us #Testimonial .testimonialslider .testi-wrap .testi-img {
    border-radius: 50%;
    border: 1px solid;
    padding: 7px;
    margin: 10px 0;
}
/* footer */

#footer {
    padding: 15px;
    background: #414142;
}

@media screen and (min-width: 767px) {
    #footer .sitemap > div {
        display: table-cell;
        float: none;
    }

        #footer .sitemap > div:last-child {
            vertical-align: middle;
            box-shadow: -32px 0 0 -31px #fff;
        }
}

#footer .dark {
    background: #343434;
}

#footer h5 {
    color: #fff;
    text-transform: uppercase;
    font-size: 1.2rem;
    font-weight: normal;
    margin-bottom: 1rem;
}

#footer a {
    color: #fff;
}

#footer ul {
    padding: 0;
    list-style: none;
}


    #footer ul li a {
    }

#footer .horizontal-menu {
    padding-bottom: 7px;
    border-bottom: 1px solid #777;
    display: block;
}

    #footer .horizontal-menu li {
        display: inline-block;
    }

        #footer .horizontal-menu li a {
            padding: 0 10px;
            margin: 5px 0;
            display: block;
            line-height: 1.2em;
            -moz-box-shadow: -3px 0 0 -2px #000;
            -webkit-box-shadow: -3px 0 0 -2px #000;
            box-shadow: -3px 0 0 -2px #000;
            color: #aaa;
        }

        #footer .horizontal-menu li:first-of-type a {
            padding-left: 0;
            -moz-box-shadow: none;
            -webkit-box-shadow: none;
            box-shadow: none;
        }

#footer ul.social li {
    display: inline-block;
    margin-right: 10px;
}

#footer .credits {
    color: #aaa;
    margin-top: 10px;
    border-top: 1px solid #555;
    padding-top: 15px;
}

@media screen and (max-width: 991px) {
    #footer img {
        margin-bottom: 15px;
    }

    #footer .credits {
        padding-left: 15px;
        padding-bottom: 15px;
    }

    #footer [class*="pull-"] {
        float: none !important;
    }

    #footer .horizontal-menu, #footer p {
        text-align: center;
    }

    #footer {
        padding: 0;
        padding: 15px 0 0;
    }
}


#subfooter {
    background: #414142;
    padding: 15px;
    color: #fff;
}

    #subfooter a {
        color: #fff;
    }

    #subfooter .credits p.right a {
        padding: 0 0.3rem;
    }

@media screen and (max-width: 767px) {

    #footer .credits p {
        text-align: center;
    }
}

@media screen and (min-width: 768px) {
    #subfooter .credits p {
        float: left;
    }

        #subfooter .credits p.right {
            float: right;
        }
}

/* Floating Footer Buttons */
#FloatingFooterButtonsWrap {
    margin-top: 20px;
}

#FloatingFooterButtons, #FloatingFooterButtonsWrap {
    background: #231f20;
}

    #FloatingFooterButtons .nav-justified {
        display: -webkit-flex;
        display: flex;
        -webkit-flex-flow: wrap;
        flex-flow: wrap;
    }

        #FloatingFooterButtons .nav-justified li {
            width: auto;
            flex: auto;
        }

    #FloatingFooterButtons a {
        color: #fff;
        background: none;
        font-size: 0.8rem;
        padding: 15px 0;
        text-transform: uppercase;
        display: table;
        width: 100%;
        text-align: left;
    }

    #FloatingFooterButtonsWrap a span {
        display: table-cell;
        vertical-align: middle;
        max-width: 100px;
    }

        #FloatingFooterButtonsWrap a span:first-of-type {
            width: 75px;
        }

    #FloatingFooterButtonsWrap a img {
        margin-right: 10px;
        max-height: 65px;
    }

@media screen and (min-width: 992px) {
    #FloatingFooterButtons.fix {
        position: fixed;
        bottom: 0;
        width: 100%;
    }
}

.secemail {
    display: none;
}
/* Date Time Picker */
.datetimepicker {
    font-family: 'Montserrat', sans-serif;
    color: #000;
    text-align: center;
    width: 228px;
    z-index: 0 !important;
}

    .datetimepicker table {
        margin: 0 auto;
        width: 100%;
    }

        .datetimepicker table thead tr:nth-of-type(2) {
            background: #012F63;
            color: #fff;
        }

    .datetimepicker .input-group-addon {
        cursor: pointer;
    }

    .datetimepicker th {
        text-align: center;
        font-weight: bold;
    }

    .datetimepicker a {
        color: #009CAD;
    }

    .datetimepicker .btn-primary {
        background: #009CAD;
    }

    .datetimepicker .day:not(.disabled) {
        cursor: pointer;
        font-weight: bold;
    }

    .datetimepicker .day {
        text-align: center;
    }

        .datetimepicker .day.disabled {
            color: #999;
        }

        .datetimepicker .day.today {
            position: relative;
            color: #012F63;
        }

        .datetimepicker .day:not(.disabled):hover,
        .datetimepicker .day.active:not(.today),
        .datetimepicker-hours .hour:hover,
        .datetimepicker-hours .hour.active {
            color: #009CAD;
        }

.datetimepicker-hours .hour {
    cursor: pointer;
    display: inline-block;
    padding: 7px;
}

.picsgrid {
    margin-left: -10px;
    margin-right: -10px;
}

    .picsgrid:before,
    .picsgrid:after {
        content: '';
        display: block;
        clear: both;
    }

    .picsgrid > [class^="col-"] {
        padding: 10px;
    }

#jpreOverlay {
    background: rgba(0,0,0,0.8);
}

    #jpreOverlay h1 {
        color: #fff;
    }

#jSplash {
    padding: 0 20px;
}

#jpreSlide, #jpreLoader {
    width: 100%;
}

#jpreLoader {
    height: 10px !important;
    top: auto !important;
    bottom: 0;
    position: fixed;
}

#jpreBar {
    background: #fff;
}

.latest-updates-wrap.row:before{content:normal;}
.latest-updates-wrap.row:after{content:normal;}
#contact .row:after{content:normal;}
#contact .row:before{content:normal;}



.ModiContent .row:before{content:normal;}
.ModiContent .row:after{content:normal;}


    .carDetails {
        display: flex;
        flex-flow: row wrap;
    }
    .highlightInfo {
        -webkit-box-flex: 0;
        flex-grow: 0;
        margin: 12px 26px;
    }
    .highlightDiv {
        display: block;
        flex-wrap: unset;
        margin: 0px;
    }
    .titleDiv {
        flex-shrink: 0;
        max-width: 100%;
        margin: 0 0 4px;
    }
    .titleRegular {
        color: rgb(0, 0, 0);
        word-break: inherit;
        margin: -0.11em 0px 0.11em;
        font-family: 'vw-text-regular', sans-serif;
        font-weight: normal;
        font-size: 16px;
        line-height: 20px;
    }
    .titleDiv:last-child {
        margin: 0px;
    }
    .titleDiv {
        flex-shrink: 0;
        max-width: 100%;
        margin: 0 0 4px;
    }
    .titleBold {
        color: rgb(0, 0, 0);
        word-break: inherit;
        margin: -0.11em 0px 0.11em;
        font-family: 'vw-text-bold', sans-serif;
        font-weight: bold;
        font-size: 24px;
        line-height: 28px;
        letter-spacing: -0.17px;
    }
    .contentSpan {
        margin-left: 4px;
    }
    .titleRegular {
        color: rgb(0, 0, 0);
        word-break: inherit;
        margin: -0.11em 0px 0.11em;
        font-family: 'vw-text-regular', sans-serif;
        font-weight: normal;
        font-size: 16px;
        line-height: 20px;
    }
    .video{
        max-width: 100%;
        max-height: 500px;
    }
    
.wrapper #slider-wrap .min-height-bredcrumbs img {
    height:100px;
}