/* CUSTOM STYLESHEET */


#top-nav input.valid:not([type]),
#top-nav input.valid:focus:not([type]),
#top-nav input.valid[type="text"],
#top-nav input.valid[type="text"]:focus,
#top-nav input.valid[type="search"],
#top-nav input.valid[type="search"]:focus,
#top-nav input:not([type]),
#top-nav input[type="text"],
#top-nav input[type="search"],
#top-nav input:focus:not([type]):not([readonly]),
#top-nav input[type="text"]:focus:not([readonly]),
#top-nav input[type="search"]:focus:not([readonly]),
#top-nav .z-depth-1, nav,
#top-nav .card-panel,
#top-nav .card, .toast,
#top-nav .btn, .btn-large,
#top-nav .btn-floating,
#top-nav .dropdown-content,
#top-nav .collapsible,
#top-nav .side-nav {
    color: rgba(0,0,0,.87);
    box-shadow: none;
}

    nav#top-nav i, nav [class^="mdi-"],
    nav#top-nav [class*="mdi-"],
    nav#top-nav i.material-icons {
        display: inline-block;
        height: auto;
    }

    nav#top-nav, nav#top-nav .nav-wrapper i, nav#top-nav a.button-collapse, nav#top-nav a.button-collapse i {
        height: auto;
        line-height: normal;
    }

#top-nav .row {
    margin-bottom: 0;
}

a, a:hover, a:visited, a:active, a:focus, div, div:hover, div:visited, div:active, div:focus, button, button:hover, button:visited, button:active, button:focus {
    outline: 0 none !important;
}

    button:active, button:focus, button:hover, button.active {
        box-shadow: none !important;
    }

h1, h2, h3, h4, h5, h6 {
    margin: 0;
    padding: 0;
    line-height: normal;
}

#textCarousel.carousel {
    height: 180px;
}

html, body {
    height: 100%;
}

body {
    font-family: 'arial', sans-serif;
    font-size: 14px;
    margin: 0;
    padding: 0;
    color: rgba(0,0,0,.87);
}

input, textarea, input:focus, textarea:focus, a:focus {
    outline: 0;
}

.mrg-l9 {
    margin-left: -9px;
}

#mypage {
    height: 100%;
}

#testimonials, #car-homepage {
    height: 92%;
}

button, button:hover, button:active {
    outline: 0;
}

.container .row, .container-fluid .row, .row {
    margin-left: -15px;
    margin-right: -15px;
    margin-bottom: 0;
}

img {
    max-width: 100%;
}

.pos-rel {
    position: relative;
}

a:hover, a:active, a:focus, a:visited {
    text-decoration: none;
    outline: none;
}

ul, li {
    margin: 0;
    padding: 0;
    list-style: none;
}

.sub-text {
    color: rgba(0,0,0,.54);
}

.disable-text {
    color: rgba(0,0,0,.38);
    display: none;
}

.light-text {
    color: rgba(0,0,0,.12);
}

.sub-text-w {
    color: rgba(255,255,255,.54);
}

.hdfcC {
    color: #e42125;
}

.carC {
    color: #eab84c;
}

.twoC {
    color: #5be6eb;
}

.healthC {
    color: #4cea93;
}

.travelC {
    color: #7191e4;
}

.homeC {
    color: #db8b4a;
}

.whiteC {
    color: #fff;
}

b.sub-heading {
    font-weight: bold;
}

h4, .btn-small, .btn-large {
    font-weight: 700;
}

strong {
    font-weight: 700;
}

h1 {
    font-size: 45px;
}

h2 {
    font-size: 34px;
}

h3 {
    font-size: 24px;
}

h4 {
    font-size: 20px;
}



#top-nav-2 {
    -webkit-box-shadow: 0px 2px 6px rgba(0,0,0,.1);
    -ms-box-shadow: 0px 2px 6px rgba(0,0,0,.1);
    box-shadow: 0px 2px 6px rgba(0,0,0,.1);
}

.navbar {
    min-height: 54px;
    border: 0;
    margin-bottom: 0;
    background: #fff;
}

.navbar-brand {
    padding: 0;
}

#top-nav ~ #top-nav-2 .navbar-brand {
    top: -12px;
}

.navbar-brand > img {
    width: 70px;
    position: relative; /*top: 26px;*/
    z-index: 100;
}
/*danish css*/
.navbar-toggle {
    z-index: 3;
}

.navbar-default .navbar-nav > li > a {
    color: rgba(0,0,0,.84);
    padding: 0 20px;
}
/*danish css*/

.navbar-fixed-top .navbar-collapse {
    padding: 0 15px;
}

.carousel-inner img {
    width: 100%;
    margin: auto;
}

.vertical .carousel-inner {
    height: 100%;
}

.carousel.vertical .item {
    -webkit-transition: 0.6s ease-in-out top;
    -moz-transition: 0.6s ease-in-out top;
    -ms-transition: 0.6s ease-in-out top;
    -o-transition: 0.6s ease-in-out top;
    transition: 0.6s ease-in-out top;
}

.carousel.vertical .active {
    top: 0;
}

.carousel.vertical .next {
    top: 600px;
}

.carousel.vertical .prev {
    top: -600px;
}

    .carousel.vertical .next.left, .carousel.vertical .prev.right {
        top: 0;
    }

.carousel.vertical .active.left {
    top: -600px;
}

.carousel.vertical .active.right {
    top: 600px;
}

.carousel.vertical .item {
    left: 0;
}

.carousel-indicators li {
    display: block;
    margin: 0 0 10px !important;
}

.carousel-indicators li {
    background-color: rgba(255, 255, 255, .38);
    border: 2px solid transparent;
    border-radius: 50%;
    cursor: pointer;
    height: 8px !important;
    margin: 1px;
    text-indent: -999px;
    width: 8px !important;
    position: relative;
    left: 2px;
}
    /*danish css  */
    .carousel-indicators li.active {
        background-color: rgba(255, 255, 255, 0);
        border: 2px solid #fff;
        left: 0;
    }

.carousel-indicators {
    left: auto;
    right: 3%;
    top: 47%;
    bottom: auto;
    width: auto;
}



#myNavbar {
    width: 100%;
}

.navbar.custom-top {
    height: 38px;
    line-height: 38px;
    background: #f5f5f5;
    min-height: auto;
}

    .navbar.custom-top .navbar-nav > li > a {
        padding: 0 10px;
        line-height: 38px;
        font-size: 11px;
        font-weight: bold;
        text-transform: uppercase;
        display: inline-block;
    }

    .navbar.custom-top .navbar-nav.navbar-left > li > a:first-child {
        padding-left: 20px;
    }

    .navbar.custom-top .navbar-nav.navbar-right > li > a:last-child {
        padding-right: 20px;
    }

    .navbar.custom-top .navbar-nav > li > a + span {
        color: rgba(0,0,0,.12);
    }

.mob-input input {
    background: transparent;
    border: 0;
    height: 18px;
    font-size: 12px;
    padding: 0 40px 0 15px;
}

.mob-input {
    background: #ebebeb
}

.navbar.custom-top .navbar-nav.navbar-right > li > a {
    font-size: 14px;
    text-transform: none;
    font-weight: normal;
    color: rgba(0,0,0,.54);
}

    .navbar.custom-top .navbar-nav.navbar-right > li > a:hover {
        color: rgba(0,0,0,.87);
    }


.fadebg-main {
    position: relative;
}


.fadebg {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: transparent;
    background: linear-gradient(to top, rgba(0,0,0,.6) 30%,rgba(0,0,0,0) 100%);
}

.fadebgfull {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: transparent;
    background: linear-gradient(to top, rgba(0,0,0,.6) 100%,rgba(0,0,0,0) 100%);
}

.heading::after {
    background: #e42125 none repeat scroll 0 0;
    clear: both;
    content: "";
    display: block;
    height: 3px;
    margin: 3px auto 0;
    text-align: center;
    width: 10%;
}

footer ul li:first-child::after {
    background: #e42125 none repeat scroll 0 0;
    clear: both;
    content: "";
    display: block;
    height: 3px;
    margin: 5px 0 10px;
    text-align: left;
    width: 20%;
}

.sub-menu {
    position: absolute;
    bottom: 65px;
    z-index: 1;
    width: 100%;
}

    .sub-menu li a {
        color: #fff;
    }

    .sub-menu li {
        float: left;
        width: 16.66%;
    }

        .sub-menu li:after {
            content: "";
            display: block;
            height: 3px;
            margin: 5px auto 0;
            text-align: center;
            width: 30%;
        }

        .sub-menu li.car-ins-menu:after {
            background: #eab84c;
        }

        .sub-menu li.two-ins-menu:after {
            background: #5be6eb;
        }

        .sub-menu li.health-ins-menu:after {
            background: #4cea93;
        }

        .sub-menu li.travel-ins-menu:after {
            background: #7191e4;
        }

        .sub-menu li.home-ins-menu:after {
            background: #db8b4a;
        }

        .sub-menu li.more-prod:after {
            background: transparent;
        }

        .sub-menu li.more-prod a {
            color: rgba(255,255,255,.54);
        }

        .sub-menu li i {
            font-size: 50px;
            position: relative;
            top: 10px;
        }

        .sub-menu li.more-prod i {
            font-size: 40px;
            line-height: 55px;
            top: 0;
        }

.nav .icon-mobile {
    font-size: 24px;
    position: relative;
    top: 6px;
}
/*danish css*/
.nav .icon-menu, .nav .icon-help {
    font-size: 40px;
    line-height: 54px;
}

.mob-input i {
    position: absolute;
    right: 15px;
    top: 5px;
    font-size: 20px;
    color: #c6c6c6;
    cursor: pointer;
}


.img-hover {
    position: relative;
    overflow: hidden;
}

#youtube-list {
    position: relative;
    background: #000;
}

.youtube-list {
    position: absolute;
    bottom: 40px;
    z-index: 1;
    width: 100%;
}

    .youtube-list ul li {
        display: inline-block;
        margin: 0 17px;
        box-shadow: 1px 1px 2px #000;
        border: 2px solid transparent;
        -webkit-box-shadow: 0 0 4px #444;
        box-shadow: 0 0 4px #444;
    }

        .youtube-list ul li.active {
            border: 2px solid #fff;
            -webkit-box-shadow: none;
            box-shadow: none;
        }

.youtube-txt {
    position: absolute;
    top: 30%;
    color: #fff;
    text-align: center;
    width: 100%;
    font-size: 44px;
}

footer {
    clear: both;
}

.footer-one {
    background: #f7f7f7;
}

.footer-two {
    background: #eeeeee;
}

.footer-three {
    background: #000000;
}

    .footer-three p {
        color: #fff;
        font-size: 11px;
        margin: 0;
        padding: 15px;
    }


footer ul {
    padding: 30px 0;
}

    footer ul li {
        font-size: 12px;
        line-height: 22px;
    }

        footer ul li:first-child {
            font-size: 14px;
            font-weight: bold;
        }

        footer ul li a {
            color: #525252;
        }

        footer ul li em {
            font-style: normal;
            color: #a6a6a6;
        }

.regoffice {
    font-size: 12px;
    color: #525252;
    font-weight: 500;
    margin-bottom: 14px;
}

    .regoffice strong {
        font-size: 14px;
    }

.social-icons {
    float: left;
    margin-top: 20px;
}

    .social-icons a {
        margin-right: 5px;
        font-size: 28px;
    }

ul.thumbnails-carousel li {
    position: relative;
    top: -2px;
}

    ul.thumbnails-carousel li.active-thumbnail {
        opacity: 1 !important;
    }



/* Plugin styles */
ul.thumbnails-carousel {
    padding: 5px 0 0 0;
    margin: 0;
    list-style-type: none;
    text-align: center;
    margin-top: 60px;
    position: relative;
    z-index: 2;
}

    ul.thumbnails-carousel .center {
        display: inline-block;
    }

    ul.thumbnails-carousel li {
        margin-bottom: 10px;
        margin-right: 30px;
        float: left;
        cursor: pointer;
        background: transparent;
        border: 2px solid transparent;
        border-radius: 50%;
    }

.controls-background-reset {
    background: none !important;
}

.active-thumbnail {
    opacity: 0.4;
}

.indicators-fix {
    bottom: 70px;
}

.cust-bg {
    background: #f7f5ee;
    bottom: 0;
    height: 112px;
    position: absolute;
    z-index: 1;
    width: 100%;
}

ul.thumbnails-carousel li:last-child {
    margin-right: 0;
}

#theCarousel12.carousel {
    height: auto;
}

#theCarousel12 .carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev {
    left: 12px;
    color: #dcdcdc;
    text-shadow: none;
}

#theCarousel12 .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next {
    right: 12px;
    color: #dcdcdc;
    text-shadow: none;
}


footer ul:not(.browser-default) {
    padding: 30px 0;
}

.style_box ul {
    padding: 0 0 0 10px;
}

#car-homepage .container-fluid {
    padding: 13% 0 0 80px;
}

.carousel-fade .carousel-inner .item {
    -webkit-transition-property: opacity;
    transition-property: opacity;
}

.carousel-fade .carousel-inner .item,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
    opacity: 0;
}

.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
    opacity: 1;
}

    .carousel-fade .carousel-inner .next,
    .carousel-fade .carousel-inner .prev,
    .carousel-fade .carousel-inner .active.left,
    .carousel-fade .carousel-inner .active.right {
        left: 0;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

.carousel-fade .carousel-control {
    z-index: 2;
}

footer ul li a:hover {
    color: #000;
}

    footer ul li a:hover.ic-fb {
        color: #3b5998;
    }

    footer ul li a:hover.ic-tw {
        color: #0084b4;
    }

    footer ul li a:hover.ic-ld {
        color: #0077B5;
    }



[class*="icon-"] label {
    background: #fff none repeat scroll 0 0;
    -webkit-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    font-size: 12px;
    -webkit-box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.2);
    -ms-box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.2);
    -o-box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.2);
    height: 15px;
    position: absolute;
    width: 15px;
    color: rgba(0, 0, 0, 0.54);
    cursor: pointer;
    top: 0;
    right: 15px;
}

    [class*="icon-"] label > span {
        position: absolute;
        top: 10px;
        left: 0px;
        z-index: 9;
        width: 200px;
        background: #000;
        color: #fff;
    }

.carousel-inner {
    width: 100%;
    max-height: 560px !important;
}

.fadebg-main img {
    width: 100%;
    max-width: auto;
}


.clearfix {
    clear: both;
}

.mouseDown a {
    display: block;
    height: 45px;
}

.mouseDown {
    background: rgba(0, 0, 0, 0.6) none repeat scroll 0 0;
    -webkit-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    bottom: -15px;
    font-size: 22px;
    height: 45px;
    left: 48%;
    position: absolute;
    width: 45px;
    z-index: 9;
    text-align: center;
}

    .mouseDown a:after {
        content: "\e923";
        font-family: 'hdfc-ergo';
        color: #fff;
        position: relative;
        top: 7px;
    }


#car-homepage {
    background: url(../../images/bg-HomeIndex.jpg);
    background-size: cover;
    background-position: right center;
    position: relative;
}

#textCarousel h1, #textCarousel h1 + span {
    font-size: 56px;
    font-weight: bold;
    color: #fff;
    text-shadow: 21px 4px 40px rgba(0,0,0,.38)
}

    #textCarousel h1 + span {
        font-weight: normal;
    }

#textCarousel .carousel-indicators {
    left: 0;
    margin-left: 0;
    text-align: left;
    top: auto;
    bottom: 0;
}

    #textCarousel .carousel-indicators li {
        margin: 0 0 10px;
        display: inline-block;
    }

    #textCarousel .carousel-indicators li {
        border: 0;
        width: 12px;
        height: 12px;
        margin: 0 8px 0 0 !important;
    }

        #textCarousel .carousel-indicators li.active {
            background-color: rgba(255, 255, 255, 0);
            border: 2px solid #fff;
            left: 0;
            margin: 0px 8px -2px 0px !important;
            width: 12px !important;
            height: 12px !important;
        }

.reg-process {
    margin: 40px 0;
}
    .reg-process .panel-body {
        background: #fff;
        border-radius: 10px;
        min-height: 134px;
    }
    .reg-process .pol-holder {
        height: 64px;
        font-size: 16px;
        width: 80%;
        border: 0;
        background: rgba(255,255,255,.95);
        margin-bottom: 0;
        border-radius: 0;
        float: left;
    }

a.cust-btn-red, .cust-btn-red {
    background: #e42125;
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 16px;
    height: 64px;
    line-height: 64px;
    border: 0;
    padding: 0 30px;
    -webkit-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    -moz-transition: all 0.5s;
    transition: all 0.3s;
}

    a.cust-btn-red, .cust-btn-red:hover {
        background: #d41115;
    }

a.continue-txt {
    color: rgba(255, 255, 255, 0.8);
    clear: both;
    display: inline-block;
    font-size: 16px;
    margin-top: 10px;
}

.continue-txt-main .icon-arrow-right:before {
    color: #fff;
    font-size: 20px;
    left: 3px;
    position: relative;
    top: 4px;
}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: rgba(0,0,0,.38);
}

::-moz-placeholder { /* Firefox 19+ */
    color: rgba(0,0,0,.38);
}

:-ms-input-placeholder { /* IE 10+ */
    color: rgba(0,0,0,.38);
}

:-moz-placeholder { /* Firefox 18- */
    color: rgba(0,0,0,.38);
}


#top-nav-2 {
    height: 54px;
}

    #top-nav-2 ul li a {
        color: rgba(0,0,0,.54);
        text-transform: uppercase;
        position: relative;
        line-height: 54px;
        font-weight: 700;
        font-size: 14px;
    }

        #top-nav-2 ul li a:hover {
            color: #000;
        }

    #top-nav-2 ul.navbar-left li:first-child a {
        line-height: normal !important;
    }

    #top-nav-2 ul.navbar-right li:last-child a {
        line-height: normal !important;
    }

    #top-nav-2 ul {
        width: -webkit-calc(50% - 35px);
        width: calc(50% - 35px);
        margin: 0;
        float: left;
    }

        #top-nav-2 ul li {
            width: 15%;
        }

        #top-nav-2 ul.navbar-right li {
            text-align: right;
        }

ul:not(.browser-default) {
    padding: 0;
}



.city-bg {
    background: #e42125;
    padding-bottom: 50px;
}

    .city-bg i {
        font-size: 110px;
    }

    .city-bg [class*="col-"] {
        font-size: 16px;
        margin-bottom: 20px;
    }

.continue-txt-main {
    position: relative;
}

    .continue-txt-main i.icon-arrow-right:before {
        -webkit-transition: all 0.5s;
        -ms-transition: all 0.5s;
        -o-transition: all 0.5s;
        -moz-transition: all 0.5s;
        -webkit-transition: all 0.5s;
    }

    .continue-txt-main a:hover ~ i.icon-arrow-right:before {
        opacity: 1;
        left: 8px;
    }


/* START CODE FOR QUOTE STEPS */

.make-logo {
    max-width: 80px;
}


a.red-btn, button.red-btn, input.red-btn {
    background: #e42125;
    border: 0;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 700;
    padding: 10px 50px;
    color: #fff;
    -webkit-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    -moz-transition: all 0.5s;
    transition: all 0.3s;
    cursor: pointer;
    display: block;
}

a:hover.red-btn, button:hover.red-btn, input:hover.red-btn {
    color: #fff;
    background: #d41115;
}

a.disabled {
    background: #ddd;
    cursor: default;
}

    a.disabled:hover {
        background: #ddd;
    }

.popupBtn {
    margin: 15px 15px 25px;
    clear: both;
}

/* START CODE FOR CUSTUOM RADIO BUTTON */
[type="radio"]:checked + label::after, .with-gap[type="radio"]:checked + label::before, .with-gap[type="radio"]:checked + label::after {
    border: 2px solid #d1af59;
}

[type="radio"]:checked + label::after, .with-gap[type="radio"]:checked + label::after {
    background-color: #d1af59;
}


input.valid:not([type]), input.valid:focus:not([type]), input.valid[type="text"], input.valid[type="text"]:focus, input.valid[type="password"], input.valid[type="password"]:focus, input.valid[type="email"], input.valid[type="email"]:focus, input.valid[type="url"], input.valid[type="url"]:focus, input.valid[type="time"], input.valid[type="time"]:focus, input.valid[type="date"], input.valid[type="date"]:focus, input.valid[type="datetime"], input.valid[type="datetime"]:focus, input.valid[type="datetime-local"], input.valid[type="datetime-local"]:focus, input.valid[type="tel"], input.valid[type="tel"]:focus, input.valid[type="number"], input.valid[type="number"]:focus, input.valid[type="search"], input.valid[type="search"]:focus, textarea.materialize-textarea.valid, textarea.materialize-textarea.valid:focus {
    border-bottom: 1px solid rgba(63, 63, 63, 0.87);
    box-shadow: none;
}



ul:not(.browser-default) li {
    padding: inherit;
}

.v-align {
    display: table-cell;
    float: none;
    vertical-align: middle;
}


.slider-txt {
    float: left;
    font-size: 12px;
    margin: 0;
    width: 100%;
}

#mypagejourney #top-nav-2 {
    position: fixed;
    z-index: 999;
}

.wt-q-steps {
    padding-top: 54px;
}




.dropdown-menu li > a, .dropdown-menu li > span {
    color: rgba(0,0,0,.87);
}


.input-field em {
    font-style: normal;
    font-size: 12px;
    color: rgba(63, 63, 63, 0.38);
    position: relative;
    top: -15px;
}

.panel-default > .panel-heading {
    background-color: #fff;
    border-color: rgba(0,0,0,.12);
    color: rgba(0,0,0,87);
}

.panel-group .panel + .panel {
    margin-top: 0;
}

.panel-group .panel {
    border-radius: 0;
    border-bottom: 0;
}

#accordionpinfo .panel-group .panel:last-child {
    border: 1px solid rgba(0,0,0,.12);
    border-radius: 0;
}

    #accordionpinfo .panel-group .panel:last-child .panel-heading {
        border-radius: 0
    }



strong {
    font-weight: bold;
}



input.invalid:not([type]) + label::after,
input.invalid:focus:not([type]) + label::after,
input.invalid[type="text"] + label::after,
input.invalid[type="text"]:focus + label::after,
input.invalid[type="url"] + label::after,
input.invalid[type="url"]:focus + label::after,
.error-msg {
    color: #f44336;
    font-size: 12px;
    margin-top: -13px;
    /*display: none;*/
}
    input.invalid:not([type]) + label::after,
    input.invalid:focus:not([type]) + label::after,
    input.invalid[type="text"] + label::after,
    input.invalid[type="text"]:focus + label::after,
    input.invalid[type="url"] + label::after,
    input.invalid[type="url"]:focus + label::after,
    .error-msg.spanAgreeDisclaimer {
        color: #f44336;
        font-size: 12px;
        margin-top: 0px !important;
        /*display: none;*/
    }

input:not([type]) + label::after,
input[type="text"] + label::after,
input[type="search"] + label::after,
.fill-details {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 15px;
    display: block;
    text-align: center;
    margin-top: 20px;
}

.input-field {
    min-height: 78px;
}

.control-label_01 {
    position: absolute;
    top: 6px;
    left: 15px;
    font-size: 16px;
    color: rgba(0,0,0,.38);
    transition: all .3s ease-in-out;
    font-weight: normal;
    margin-bottom: 0;
}

.input-effect {
    width: 100%;
    border: none;
    border-bottom: solid 1px rgba(0,0,0,.12);
    font-size: 16px;
    box-shadow: none;
    border-radius: 0;
    padding: 10px;
}

.mob-view-cross {
    display: none;
}

.modal::before {
    content: "";
    display: inline-block;
    height: 100%;
    margin-right: -4px;
    vertical-align: middle;
}

.modal1 .modal-dialog {
    width: 395px;
}

.modal-dialog {
    display: inline-block;
    text-align: left;
    vertical-align: middle;
}

.modal-content {
    width: inherit;
    height: inherit;
    margin: 0 auto;
}

.modal-content {
    -webkit-border-radius: 0;
    border-radius: 0;
}

.modal-backdrop.in {
    opacity: .65;
}

.modal {
    text-align: center;
}

.customize-form {
    border: 0 !important;
    box-shadow: none;
    background: transparent;
    padding: 32px 20px !important;
    font-size: 16px;
    color: rgba(0,0,0,0.87);
}

    .customize-form:focus {
        outline: 0;
        box-shadow: none;
    }


#dropdown1.dropdown-menu {
    white-space: normal;
    text-align: left;
    text-transform: none;
    padding: 28px 35px;
    width: 460px;
    top: 25px;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 5px 30px -2px rgba(0, 0, 0, 0.2);
}

    #dropdown1.dropdown-menu.dropdown-2 {
        top: 0;
        left: 205px;
        right: inherit;
    }

#dropdown1 h4 {
    font-weight: normal;
    text-transform: capitalize;
}

#dropdown1 .sec-head {
    color: rgba(0, 0, 0, 0.87);
    font-size: 24px;
    padding: 0 0 5px;
    margin: 0;
}

#dropdown1 .damage {
    color: #000000;
    font-size: 14px;
    margin: 20px 0 3px;
}

#dropdown1 .srno {
    color: rgba(0, 0, 0, 0.87);
    font-size: 12px;
    padding: 2px 0;
    float: left;
    font-weight: 600;
    font-weight: bold;
}

#dropdown1 .particnt {
    color: rgba(0, 0, 0, 0.54);
    font-size: 12px;
    padding: 10px;
    font-weight: normal;
}

#dropdown1 .price {
    color: rgba(0, 0, 0, 0.87);
    font-size: 12px;
    padding: 1px 0;
    float: right;
    font-weight: 600;
    text-align: right;
}

#dropdown1 .net {
    color: rgba(0, 0, 0, 0.87);
    font-weight: bold;
}

#dropdown1 .borde_r {
    border-bottom: 1px solid rgba(0,0,0,0.12);
    margin: 10px 0;
    float: left;
    width: 100%;
}

#dropdown1 .netfont {
    font-size: 14px;
}

#dropdown1 .pfont {
    font-size: 16px;
}

#dropdown1 .pfont1 {
    font-size: 14px;
}

#dropdown1 .pfont2 {
    font-size: 20px;
}


.icon-chat > img {
    max-height: 80px;
}

.right-arrow.icon-arrow-right::before {
    color: #e42125;
    opacity: 1;
}


.filled-in[type="checkbox"]:not(:checked) + label::after {
    background-color: transparent;
    border: 2px solid rgba(0,0,0,.38);
}




footer ul:not(.browser-default) li {
    padding: 0;
}

/* END CODE FOR STEP 2*/
/* END CODE FOR QUOTE STEPS */

#mypage input:focus:not([type]):not([readonly]),
#mypage input[type="text"]:focus:not([readonly]),
#mypage input[type="search"]:focus:not([readonly]),
#mypage textarea.materialize-textarea:focus:not([readonly]) {
    box-shadow: none;
    /*border: 0;*/ /*Commented for lead detail FullName Focus issue(#revamp)*/
    border-radius: 0;
}

#mypage .loc-input-main input[type="text"]:focus:not([readonly]) {
    border: 1px solid rgba(255, 255, 255, 0.38);
}

.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
    margin-left: 0px;
}



#mypagejourney .row, .services-menu.row {
    margin-bottom: 0;
}

.dropdown-menu {
    border: 0 none;
}

.dropdown-menu {
    border-radius: 0;
}


nav i.icon-arrow-down {
    display: inline-block !important;
    font-size: 14px;
    left: 4px;
    position: relative;
    top: 1px;
}

.modal-overlay {
    opacity: .94 !important;
}

#content-2 {
    margin-left: -20px;
}

.circle-design {
    top: 25px;
}

/* START CSS FOR TYPEAHEAD */
.bs-example {
    font-family: sans-serif;
    position: relative;
    margin: 100px;
}

.typeahead, .tt-query, .tt-hint {
    border: 2px solid #CCCCCC;
    border-radius: 8px;
    font-size: 22px;
    height: 30px;
    line-height: 30px;
    outline: medium none;
    padding: 8px 12px;
    width: 396px;
}

.typeahead {
    background-color: #FFFFFF;
}

.twitter-typeahead {
    width: 100%;
}

.typeahead:focus {
    border: 2px solid #0097CF;
}

.tt-query {
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
}

.tt-hint {
    color: #999999;
}

.tt-menu {
    background-color: #FFFFFF;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 8px;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    margin-top: 12px;
    padding: 8px 0;
    width: 422px;
}

.tt-suggestion {
    font-size: 22px; /* Set suggestion dropdown font size */
    padding: 3px 20px;
}

    .tt-suggestion:hover {
        cursor: pointer;
        background-color: #0097CF;
        color: #FFFFFF;
    }

    .tt-suggestion p {
        margin: 0;
    }
/* END CSS FOR TYPEAHEAD */



.btn-flat {
    font-weight: 700;
}

.select-wrapper input[value="Owner"] {
    color: rgba(63, 63, 63, 0.38);
}


.autocomplete-content {
    position: absolute;
}

    .autocomplete-content li:hover {
        width: 100%;
    }

.dropdown-content {
    white-space: nowrap;
    width: 80%;
}

    .dropdown-content li > a, .dropdown-content li > span {
        color: rgba(0,0,0,.87);
    }

    .dropdown-content li:hover, .dropdown-content li.active, .dropdown-content li.selected {
        background-color: #f5f5f5;
    }

ul.cont-det-top:not(.browser-default) {
    padding: 20px;
}

    ul.cont-det-top:not(.browser-default) li {
        padding: 0 23px;
    }

input[type=checkbox]:checked:not(:disabled) ~ .lever:active::after, input[type=checkbox]:checked:not(:disabled).tabbed:focus ~ .lever::after {
    box-shadow: 0 1px 3px 1px rgba(0,0,0,0.4),0 0 0 15px rgba(0,0,0,0.1)
}

.acc-cov-gap i.icon-round-minus, .acc-cov-gap i.icon-round-plus {
    font-size: 32px;
    color: rgba(0,0,0,.38);
}



.mob-input i {
    color: #c6c6c6;
    cursor: pointer;
    font-size: 20px;
    position: absolute;
    right: 15px;
    top: 5px;
}

ul.thumbnails-carousel .center {
    display: inline-block;
    margin-top: 10px;
}




.insType i {
    font-size: 24px;
    color: rgba(0,0,0,.54);
    font-size: 30px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: #fff;
    position: absolute;
    top: 60px;
    right: -10px;
    padding: 4px;
}

.insType {
    position: relative;
    width: 125px;
    margin: auto;
}

#carousel-example-generic .carousel-inner .item {
    padding: 0;
}



.btn-flat:focus, .btn-flat:hover {
    background-color: rgba(0, 0, 0, 0.03);
    box-shadow: none;
}

.icon-round-plus.active::before {
    content: "\e924";
    color: #e42125;
}

#car-homepage .container-fluid {
    padding: 13% 15px 0 80px;
}

/*Footer For Mobile*/
.footer-one-mobile, .footer-two-mobile {
    display: none;
}

.footer-one-mobile {
    background: #f7f7f7;
}

    .footer-one-mobile ul.two-item {
        text-align: center;
        padding: 20px 0 0;
    }

.mble-icon {
    padding: 14px 0 14px;
}

.footer-one-mobile ul.two-item li {
    display: inline-block;
}

    .footer-one-mobile ul.two-item li a {
        font-size: 18px;
        font-weight: bold;
        padding: 0 20px;
        text-align: center;
    }

.footer-two-mobile {
    background: #e8e8e8;
}

.tollfreeNmr {
    text-align: center;
    color: rgba(0,0,0,0.87);
    padding: 20px 0 15px;
    font-size: 14px;
}

    .tollfreeNmr:after {
        content: "";
        display: block;
        height: 1px;
        margin: auto;
        text-align: center;
        width: 70%;
        background: rgba(0,0,0,0.12);
        margin-top: 10px;
    }

.tollfreetext {
    color: rgba(166, 166, 166, 0.87);
    font-size: 12px;
}

.address-hdfc {
    text-align: center;
    font-size: 12px;
    color: rgba(0,0,0,0.87);
    padding-bottom: 20px;
}

.mouseDown {
    display: block;
}

/*hrader for mobile*/

#index-nav .collapse, #index-nav .navbar-collapse.collapse, nav#index-nav {
    display: none !important;
    position: absolute;
    background: transparent;
    width: 100%;
    top: -1px;
}

#index-nav .icon-menu, #index-nav .icon-help {
    color: #fff;
}

#index-nav .icon-menu, #index-nav .icon-help {
    color: #fff;
}

#index-nav .collapse > ul {
    float: left;
}

    #index-nav .collapse > ul:last-child {
        float: right;
    }

#index-nav .navbar-brand > img {
    margin: auto;
    position: absolute;
    text-align: center;
    max-width: 100%;
    left: 20px;
    top: 14px;
}

#index-nav .navbar-brand {
    left: 0;
    position: absolute;
    text-align: center;
    top: 0;
    width: auto;
    color: #fff;
    font-size: 14px;
}

#index-nav.navbar-default .navbar-nav > li > a {
    padding: 0;
}

#index-nav .navbar-nav {
    margin: 0;
}



.nav > li.onSdisp {
    display: block;
}

#youtube-list .carousel-indicators {
    display: none;
}

#carousel-example-generic .carousel-control.left {
    left: 5%;
}

#carousel-example-generic .carousel-control.left, #carousel-example-generic .carousel-control.right {
    background: transparent;
    box-shadow: none;
    width: 48px;
    height: 48px;
    border: 1px solid rgba(0,0,0,.12);
}

#carousel-example-generic .carousel-control {
    background: transparent;
    border: 0;
    box-shadow: none;
    opacity: 1;
    color: rgba(0,0,0,.38);
    text-shadow: none;
    position: absolute;
    top: 45%;
}

    #carousel-example-generic .carousel-control.right {
        right: 5%;
    }

    #carousel-example-generic .carousel-control.right {
        background: transparent;
        /* border: 0; */
        box-shadow: none;
        width: 48px;
        height: 48px;
        border: 1px solid rgba(0,0,0,.12);
    }

        #carousel-example-generic .carousel-control.right:before {
            content: "\e923";
            font-family: 'hdfc-ergo';
            transform: rotate(-90deg);
            display: block;
            font-size: 24px;
            position: relative;
            top: 6px;
        }

    #carousel-example-generic .carousel-control.left:before {
        content: "\e923";
        font-family: 'hdfc-ergo';
        transform: rotate(90deg);
        display: block;
        font-size: 24px;
        position: relative;
        top: 6px;
    }


#youtube-list .carousel-indicators {
    left: 50%;
    right: auto;
    bottom: 10px;
    width: 60%;
    margin-left: -30%;
    top: auto;
}

#video-carousel .carousel-caption {
    top: 10%;
    left: auto;
    right: auto;
    width: 100%;
    bottom: auto;
}


#video-carousel ul.thumbnails-carousel {
    background: transparent;
    position: relative;
    bottom: 140px;
    height: 0;
    text-align: center;
    padding: 0;
    margin: 0 auto;
}

#youtube-list .thumbnails-carousel {
    display: block;
}

ul.thumbnails-carousel {
    padding: 5px 0 0 0;
    margin: 0;
    list-style-type: none;
    text-align: center;
    margin-top: 60px;
    position: relative;
    z-index: 2;
}

#video-carousel ul.thumbnails-carousel li.active-thumbnail {
    background: transparent;
    border: 2px solid #fff;
    border-radius: 0;
}

#youtube-list .carousel-indicators li {
    display: inline-block;
    margin: 0 5px 0 0 !important;
}


#car-homepage::before {
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    background: rgba(0,0,0,0.3);
}

.navbar-right {
    margin: 0;
}





.height {
    height: auto !important;
}

.btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open > .dropdown-toggle.btn-primary.focus, .open > .dropdown-toggle.btn-primary:focus, .open > .dropdown-toggle.btn-primary:hover {
    border: 1px solid #e42125 !important;
    background-color: #e42125 !important;
}

.btn-primary.active, .btn-primary:active, .open > .dropdown-toggle.btn-primary {
    border: 1px solid #e42125 !important;
    background-color: #e42125 !important;
}

.btn-primary.focus, .btn-primary:focus {
    border: 1px solid #e42125 !important;
    background-color: #e42125 !important;
}


.popupBtn .red-btn {
    width: 100%;
    padding: 14px 50px;
}

.modal1 .input-effect {
    padding-left: 0;
}

.modal1 .input-field label {
    margin-left: 0;
}

.form-control:focus + label, .focsin {
    top: -12px !important;
    font-size: 12px !important;
    transition: all 0.3s ease-in-out;
    color: rgba(0,0,0,.87);
}

.e-name {
    display: block;
    padding: 20px;
}

@media all and (transform-3d), (-webkit-transform-3d) {
    .multi-item-carousel .carousel-inner > .item {
        -webkit-transition: 500ms ease-in-out left;
        transition: 500ms ease-in-out left;
        -webkit-transition: 500ms ease-in-out all;
        transition: 500ms ease-in-out all;
        -webkit-backface-visibility: visible;
        backface-visibility: visible;
        -webkit-transform: none !important;
        transform: none !important;
    }
}

.pol-holder-list {
    float: left;
    border-right: 1px solid rgba(0,0,0,.12);
    width: 25%;
    position: relative;
    cursor: pointer;
    height: 60px !important;
}
    .pol-holder-list.federalholderlist {
        float: left;
        border-right: 1px solid rgba(0,0,0,.12);
        width: 50% !important;
        position: relative;
        cursor: pointer;
        height: 60px !important;
    }

    .pol-holder-list.input-field {
        min-height: 60px;
    }

.chk-customerdtl.input-field {
    min-height: auto !important;
    margin-top:15px;
}

.pol-holder-list .form-control.input-effect {
    background: transparent;
    border: none;
    height: 64px;
    padding: 0;
    box-shadow: none;
}

.pol-holder-list .form-control:focus {
    box-shadow: none !important;
}

.pol-holder-list .control-label_01 {
    top: 22px;
    color: #000 !important;
}

    .pol-holder-list .dd-link:after {
        content: "\e923";
        font-family: 'hdfc-ergo';
        position: absolute;
        right: 15px;
        color: rgba(0,0,0,.38);
        top: 21px;
    }

    .pol-holder-list:last-child {
        border-right: 0 none;
    }

.self-dropdown {
    position: absolute;
    top: 64px;
    left: 0;
    background: #fff;
    width: 100%;
    -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 5px 30px -2px rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 5px 30px -2px rgba(0, 0, 0, 0.2);
    z-index: 99;
}

.dropdown-list.drp-list {
    padding: 0px;
}

.sd-hover:hover {
    background: #f6f6f6;
}

.mrg-t10 {
    margin-top: 10px;
}

.reg-process [type="checkbox"]:checked,
.reg-process [type="checkbox"]:not(:checked) {
    position: absolute;
    left: -9999px;
}

    .reg-process [type="checkbox"]:checked + label,
    .reg-process [type="checkbox"]:not(:checked) + label {
        position: relative;
        padding: 0px 18px 20px 34px;
        cursor: pointer;
        line-height: 20px;
        display: block;
        font-weight: normal;
    }
    .reg-process [type="checkbox"]:checked.cover + label,
    .reg-process [type="checkbox"]:not(:checked).cover + label {
        padding: 20px 20px 20px 50px;
    }
        .reg-process [type="checkbox"]:checked + label:before,
        .reg-process [type="checkbox"]:not(:checked) + label:before {
            content: '\e927';
            position: absolute;
            left: 15px;
            top: 20px;
            font-family: 'hdfc-ergo';
            font-size: 28px;
            color: rgba(0,0,0,.54);
        }

        .reg-process [type="checkbox"]:checked + label:after,
        .reg-process [type="checkbox"]:not(:checked) + label:after {
            content: '\e924';
            position: absolute;
            left: 15px;
            top: 20px;
            font-family: 'hdfc-ergo';
            font-size: 28px;
            color: #e42125;
            background: transparent;
            border: 0 none;
        }

        .reg-process [type="checkbox"]:not(:checked) + label:after {
            opacity: 0;
            -webkit-transform: scale(0);
            transform: scale(0);
        }

        .reg-process [type="checkbox"]:checked + label:after {
            opacity: 1;
            -webkit-transform: scale(1);
            transform: scale(1);
        }

select {
    -webkit-appearance: none;
    outline: 0 none;
}

    select:focus, select:active {
        outline: 0 none;
    }

    select::-ms-expand {
        display: none;
    }
/* hide default down arrow in IE10*/

/* hack to fall back in opera */
.styled-select {
    background: transparent;
    border: 0 none;
    border-bottom: 1px solid rgba(0,0,0,.12);
    box-sizing: border-box;
    overflow: hidden;
    position: relative;
    -webkit-border-radius: 0;
    border-radius: 0;
    padding-bottom: 2px;
    width: 55px;
}

.imp-text {
    font-size: 12px;
    color: #70ad3d;
    text-align: center;
}

.self-dropdown {
    display: none;
}

.banner-container {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto;
    vertical-align: middle;
    display: table;
}

.pol-holder-list span.dd-link {
    display: block;
    padding: 21px 15px;
}

.custom-form {
    border: 0 !important;
    box-shadow: none;
    border-bottom: 1px solid rgba(0,0,0,0.12) !important;
    width: 55px;
}

    .custom-form:focus {
        border-bottom: 2px solid #e42125 !important;
        outline: 0;
    }

.self-dropdown {
    max-height: 200px;
    overflow-y: auto;
}





.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border: 1px solid #ddd;
}

.in-box {
    display: none;
}

@-moz-document url-prefix() {
    .inner-claim-content .claim-tabs .nav-tabs > li > a.personal-acc {
        margin-top: 9px;
    }
}

.hide-desktop {
    display: none;
}

.claim-process .nav > li > a {
    padding: 0 5px 20px;
}

.claim-process .nav-tabs {
    text-align: left;
}

.hidden-tab {
    display: block !important;
}

.information-box {
    padding: 30px;
    background: #fff;
    box-shadow: 0 6px 35px rgba(0,0,0,0.1);
    min-height: 330px;
    margin-top: -50px;
    text-align: center;
    margin-bottom: 40px;
}

.inf-circle {
    height: 140px;
    width: 140px;
    background-color: rgba(227, 227, 227, 0.30);
    border-radius: 50%;
    margin: 0 auto;
    padding: 30px;
}

    .inf-circle i {
        font-size: 80px;
    }

.inf-title {
    font-size: 20px;
    color: rgba(0,0,0,0.87);
    font-weight: 700;
    padding: 15px 10px 10px;
}

.inf-subject {
    font-size: 14px;
    color: rgba(0,0,0,0.54);
}

.reg-process input {
    border-right: 1px solid rgba(0,0,0,0.12);
}




.personal-acc {
    margin-top: 1px;
}

    .personal-acc i {
        font-size: 60px;
    }

    .personal-acc .ic-text {
        margin-top: 4px;
    }

.claim-process #car-homepage {
    padding: 6% 5%;
}

#carousel1223 .carousel-control {
    padding: 20px 70px;
    background: rgba(255,255,255,0.9);
}


.static-content {
    position: relative;
    width: 100%;
    z-index: 1;
}

#claim-cont {
    position: relative;
    top: 0;
    z-index: 0;
}


.shadow-class {
    box-shadow: 0 1px 0px rgba(0,0,0,0.06);
}


.subheader {
    background: #f0f0f0;
    padding: 25px 30px;
}



.common-bg {
    background-color: #f6f6f6;
}

.approved {
    color: #4caf50;
    font-weight: bold;
}






#menu-slider-carousel {
    overflow: hidden;
    overflow-y: visible;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
}

    #menu-slider-carousel::-webkit-scrollbar {
        display: none;
    }

    #menu-slider-carousel div.item {
        width: 16.66%;
        text-align: center;
        display: inline-block;
        position: relative;
    }

    #menu-slider-carousel div.left {
        position: absolute;
        left: -40px;
        border-color: #f00;
        width: 40px;
        text-align: center;
    }

    #menu-slider-carousel div.right {
        position: absolute;
        right: -40px;
        border-color: #f00;
        width: 40px;
        text-align: center;
    }

    #menu-slider-carousel .main {
        position: relative;
        max-height: 98px;
    }

    #menu-slider-carousel .right.disabled, #menu-slider-carousel .left.disabled {
        background: #fff;
        opacity: .24;
    }

    #menu-slider-carousel .left:before {
        content: "\e923";
        font-family: 'hdfc-ergo';
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        display: block;
        position: absolute;
        color: rgba(0,0,0,.7);
        font-size: 26px;
        top: 7px;
        left: 10px;
    }

    #menu-slider-carousel .right:before {
        content: "\e923";
        font-family: 'hdfc-ergo';
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        display: block;
        position: absolute;
        color: rgba(0,0,0,.7);
        font-size: 26px;
        top: 7px;
        right: 10px;
    }

    #menu-slider-carousel .right, #menu-slider-carousel .left {
        color: rgba(0,0,0,.54);
        display: block;
        height: 50px;
        width: 50px;
        position: absolute;
        left: -80px;
        top: 25%;
        background: rgba(255,255,255,.96);
        -webkit-box-shadow: 0 0 20px rgba(0,0,0,0.2);
        box-shadow: 0 0 20px rgba(0,0,0,0.2);
    }

    #menu-slider-carousel .right {
        left: auto;
        right: -80px;
    }

.tooltip {
    z-index: 9999;
    position: fixed;
}

.tooltip-inner {
    max-width: 200px;
    padding: 5px 15px;
    color: #fff;
    text-align: left;
    background-color: #000;
    border-radius: 0;
    font-size: 14px;
}

.fixedlink #menu-slider-carousel .right, .fixedlink #menu-slider-carousel .left {
    top: 3px;
}

.material-tooltip {
    font-size: 12px;
    padding: 2px 4px;
    min-height: auto;
    transform: translateY(-20px) translateX(0px) !important;
}

#product-details .pol-holder-list span {
    font-size: 16px;
    color: rgba(0,0,0,87);
}

.new-icons-font {
    font-size: 55px !important
}

.pa-icon {
    font-size: 49px !important
}

.banner-container .pol-holder {
    width: 86%
}

.banner-container .critical.pol-holder {
    width: 40%
}

.banner-container .critical .pol-holder-list {
    width: 100%
}

.dis-overlay {
    position: absolute;
}


/* START MATERIAL RADIO BUTTON */
.pol-holder-list input[type="radio"] {
    display: none;
}

    .pol-holder-list input[type="radio"] + label span.label-icon {
        position: relative;
    }

        .pol-holder-list input[type="radio"] + label span.label-icon:before {
            content: "\e927";
            font-family: 'hdfc-ergo';
            font-size: 28px;
            color: rgba(0,0,0,.38);
            position: absolute;
            left: -36px;
            top: -12px;
        }

    .pol-holder-list input[type="radio"] + label:hover span.label-icon {
        background-position: -121px -71px;
    }

    .pol-holder-list input[type="radio"]:checked + label span.label-icon {
        background-position: -141px -71px;
    }

    .pol-holder-list input[type="radio"] + label {
        font-size: 16px;
        padding-left: 36px;
        font-weight: normal;
    }

    .pol-holder-list input[type="radio"]:checked + label {
        background-image: none;
    }

        .pol-holder-list input[type="radio"]:checked + label span.label-icon:before {
            content: "\e924";
            color: #e42125;
        }
/* END MATERIAL RADIO BUTTON */


.twitter-typeahead:after {
    content: "\e923";
    font-family: 'hdfc-ergo';
    position: absolute;
    color: rgba(0,0,0,.38);
    right: 15px;
    top: 23px;
}

@media (min-width: 1920px) {


    .carousel-inner {
        max-height: none !important;
    }

    .insType {
        margin: 30px auto 0;
    }

    #carousel-example-generic .carousel-inner .item {
        padding: 150px 0;
    }
}

@media only screen and (max-width: 1919px) and (min-width: 1580px) {
    .serv-cont {
        top: 26%;
    }

    .carousel-inner {
        max-height: none !important;
    }
}

@media (min-width: 1400px) {
    .mjPosition {
        top: 41%;
    }

    .why-content {
        padding: 8% 70px;
    }
}

@media(max-width: 1366px) {
    #car-homepage {
        background: url(../../images/bg-HomeIndex.jpg) no-repeat;
        background-size: cover;
        background-position: 99% 53px;
    }
}

@media screen and (min-width: 0) and (max-width: 1279px) {
    .onmobMar {
        margin-left: -9px;
    }

    .make-desc {
        font-size: 20px;
    }

    .acc-cov-gap i.icon-round-minus, .acc-cov-gap i.icon-round-plus {
        font-size: 20px;
    }


    ul.cont-det-top:not(.browser-default) li {
        padding: 0 16px;
    }

    #modalOtp .vericode .custom_form, #modalOtp .vericode .custom_form {
        height: 36px;
        width: 36px;
    }


    #top-nav-2 ul {
        width: -webkit-calc(50% - 25px);
        width: calc(50% - 25px);
    }

    #youtube-list .thumbnails-carousel {
        display: none !important;
    }


    #textCarousel.carousel {
        height: 150px;
    }



    nav i.icon-arrow-down {
        display: inline !important;
    }

    .pro-head {
        font-size: 30px;
    }

    #testimonials .carousel-inner img {
        margin-top: 60px;
    }

    #testimonials .icon-quote-left {
        left: -2px;
        display: none;
    }

    #testimonials .icon-quote-right {
        right: -2%;
        display: none;
    }

    #youtube-list .carousel-indicators li.active {
        width: 12px !important;
        height: 12px !important;
        position: relative;
        top: 2px;
    }

    #youtube-list .carousel-indicators li {
        width: 8px !important;
        height: 8px !important;
    }


    .nav > li.onSdisp {
        display: none;
    }

    .navbar-nav > li:last-child {
        float: right;
    }

    .navbar-brand > img {
        top: 7px !important;
        width: 50px;
    }

    .mouseDown {
        display: none;
    }

    #youtube-list .carousel-indicators {
        display: block;
        bottom: 0;
    }

    .multi-item-carousel .carousel-inner > .item {
        -webkit-transition: 500ms ease-in-out left;
        transition: 500ms ease-in-out left;
    }

    .multi-item-carousel .carousel-inner .active.left {
        left: -33%;
    }

    .multi-item-carousel .carousel-inner .active.right {
        left: 33%;
    }

    .multi-item-carousel .carousel-inner .next {
        left: 33%;
    }

    .multi-item-carousel .carousel-inner .prev {
        left: -33%;
    }

    .carousel-control.left {
        background: transparent;
    }

    .carousel-control.right {
        background: transparent;
    }


    #top-nav, .awd-recog-img, .onSdisp {
        display: none;
    }

    #top-nav-2 .collapse {
        display: block;
    }

    #right-menu .services-menu i ~ span {
        font-size: 10px;
        line-height: 14px;
    }

    #youtube-list .carousel-indicators {
        display: block;
    }

    .navbar-default .navbar-nav > li > a {
        padding: 0;
    }


    .footer-two-mobile {
        background: #fff;
    }

    footer ul:not(.browser-default) {
        padding: 14px 0;
    }


    /* policy pages */


    #car-homepage .container-fluid {
        padding: 22% 15px;
    }

    #textCarousel .carousel-indicators {
        position: relative;
    }

    a.continue-txt {
        border: 0;
        font-size: 13px;
        width: 100%;
        left: 0;
        margin: 0;
        display: inline;
    }

    .city-bg {
        width: calc(100% - 30px);
        padding-bottom: 20px;
    }


        .city-bg .row {
            margin: 0;
        }

    .youtube-txt {
        font-size: 16px;
    }

    #car-homepage {
        background: url(../../images/bg-HomeIndex.jpg);
        background-size: cover;
        background-position-x: center;
    }


    #textCarousel h1, #textCarousel h1 + span {
        font-size: 36px !important;
    }

    .reg-process {
        margin-top: 0px;
    }

        .reg-process .pol-holder {
            height: auto;
            width: 100%;
            float: left;
        }



    .cust-btn-red {
        width: 100%;
        text-align: center;
        border: 0 none;
        margin-left: 0;
        padding: 15px;
        height: auto;
    }

    .pol-holder-list {
        width: 100%;
        border: 0 none;
        border-bottom: 1px solid rgba(0,0,0,.12);
    }

        .pol-holder-list:last-child {
            border: 0 none;
        }

        .pol-holder-list:after {
            right: 0;
            top: 16px;
        }


    .reg-process .pol-holder {
        padding-bottom: 0;
    }

    .reg-process {
        margin-top: 0px;
    }

    #textCarousel.carousel {
        margin-top: 80px;
    }

    .self-dropdown {
        left: auto;
        right: 0;
        max-width: 300px;
    }

    .menu-slider {
        display: none;
    }

    .hide-desktop {
        display: block;
    }

    .customize-form {
        border: 0 none;
        border-radius: 0;
        height: auto;
        box-shadow: none;
        padding: 0;
    }

    .select-txt {
        display: block;
        padding: 4px 0;
    }


    .prod-carousel .p-claim-tabs .nav-tabs > li {
        float: none;
        display: block;
        padding-bottom: 0;
    }

    .p-claim-tabs .nav-tabs > li.imsListType > a {
        padding: 6px 0;
    }

    .p-claim-tabs .nav-tabs > li > a, .p-claim-tabs .nav-tabs > li > .active a, .p-claim-tabs .nav-tabs > li > a:hover, .p-claim-tabs .nav-tabs > li > a:focus {
        color: rgba(0,0,0,0.54) !important;
        font-size: 14px;
        text-transform: capitalize !important;
        padding: 0 15px;
        font-weight: 400 !important;
        margin: 0;
        text-align: left;
    }

    .inner-claim-tabs .nav-tabs > li > a i {
        font-size: 30px;
        vertical-align: middle;
        padding-right: 15px;
    }


    .critical-banner {
        top: 50px;
    }

    .navbar-fixed-top ~ #product-details .critical-banner {
        top: 74px;
    }

    .banner-container .pol-holder, .banner-container .critical.pol-holder {
        width: 100%;
    }

    .reg-process .cust-btn-red {
        clear: both;
        height: 48px;
        line-height: 48px;
        padding: 0;
    }

    .pol-holder-list .dd-link:after {
        top: 25px;
    }

    #claim-ins, #claim-cashl-emer {
        position: absolute;
        left: 0;
        width: 100%;
        z-index: 1;
        background: #fff;
        padding: 0 15px 15px;
        top: -6px;
    }

    .customize-form {
        padding: 21px 20px !important;
    }
}

@media screen and (min-width:993px) {
    footer .container {
        width: 70%;
    }
}

@media screen and (max-width: 991px) {
    .footer-one-mobile, .footer-two-mobile {
        display: block;
    }

    .footer-one, .footer-two {
        display: none;
    }

    footer ul li:first-child::after {
        display: none;
    }

    .social-icons {
        margin-top: 0;
        width: 100%;
        text-align: center;
    }

        .social-icons a {
            margin-right: 5px;
            font-size: 24px;
        }

    .mrg {
        margin: 0px;
    }
}

@media screen and (min-width: 0) and (max-width: 767px) {
    #textCarousel.carousel {
        margin-top: 50px;
    }

    .pol-holder-list:after {
        top: 0;
    }

    .self-dropdown {
        top: 52px !important;
        bottom: auto !important;
    }

    .banner-container .pol-holder {
        width: 100%;
    }

    .reg-process .cust-btn-red {
        clear: both;
        padding: 16px !important;
        line-height: inherit;
    }

    #textCarousel h1, #textCarousel h1 + span {
        font-size: 24px !important;
        text-align: left;
        display: block;
    }

    .reg-process .pol-holder {
        box-sizing: border-box;
        height: auto;
        width: 100%;
        font-size: 14px;
    }

    .reg-process .cust-btn-red {
        width: 100%;
        margin-top: 20px !important;
        display: block;
        text-align: center;
        margin: 0 auto;
        font-size: 16px;
        height: auto;
        padding: 15px;
        cursor: pointer;
    }

    .wdthfrxs {
        width: 48%;
        height: 125px;
        line-height: 17px;
    }



    .city-bg i {
        font-size: 65px;
    }

    .city-bg [class*="col-"] {
        font-size: 14px;
        margin-bottom: 20px;
    }

    .width98pr {
        width: 100%;
    }
    /*testinomial*/

    /*youtube*/
    .youtube-list {
        bottom: 10px;
    }

        .youtube-list ul li {
            height: 10px;
            width: 10px;
            border-radius: 50%;
            border: 0 !important;
            background: rgba(255, 255, 255, 0.24);
            margin: 0 3px;
        }

            .youtube-list ul li.active {
                background: #f13f46;
            }

            .youtube-list ul li a img {
                opacity: 0;
            }

    .insType {
        width: 65px;
    }

    @media all and (transform-3d), (-webkit-transform-3d) {
        .multi-item-carousel .carousel-inner > .item {
            -webkit-transition: 500ms ease-in-out left;
            transition: 500ms ease-in-out left;
            -webkit-transition: 500ms ease-in-out all;
            transition: 500ms ease-in-out all;
            -webkit-backface-visibility: visible;
            backface-visibility: visible;
            -webkit-transform: none !important;
            transform: none !important;
        }
    }


    .sugg-txt {
        font-size: 12px;
        color: rgba(0,0,0,.54);
        padding-left: 15px;
    }

    .pol-holder-list {
        float: left;
        border-right: 1px solid rgba(0,0,0,.12);
        position: relative;
        cursor: pointer;
    }

        .pol-holder-list span.dd-link, .customize-form {
            padding: 16px !important;
            font-size: 14px;
            height: 60px;
        }
.c-box {
        padding-bottom: 5px;
        text-align: left;
        position: relative;
        display: flex;
        flex-direction: row;
        height: 45px;
    }

        .c-box label {
            line-height: 5px !important;
            padding: 0px 18px 20px 40px !important;
            margin-bottom: 0 !important;
        }

        .c-box p {
            font-size: 14px !important;
            margin-bottom: 0;
            padding-top: 14px;
        }

        .c-box span {
            right: 0px;
            top: 32px;
        }
    .banner-container .pol-holder.pol-holder-section {
        width: 86%;
    }
        .pol-holder-list .dd-link:after {
            content: "\e923";
            font-family: 'hdfc-ergo';
            position: absolute;
            right: 15px;
            color: rgba(0,0,0,.38);
            top: 21px;
        }

        .pol-holder-list:last-child {
            border-right: 0 none;
        }

    .self-dropdown {
        position: absolute;
        top: 64px;
        left: 0;
        background: #fff;
        width: 100%;
        -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 5px 30px -2px rgba(0, 0, 0, 0.2);
        box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 5px 30px -2px rgba(0, 0, 0, 0.2);
        z-index: 99;
    }

    .dropdown-list {
        padding: 20px;
    }

    .sd-hover:hover {
        background: #f6f6f6;
    }

    .mrg-t10 {
        margin-top: 10px;
    }

    .reg-process [type="checkbox"]:checked,
    .reg-process [type="checkbox"]:not(:checked) {
        position: absolute;
        left: -9999px;
    }

    .dropdown-list {
        padding: 0px;
    }

    .reg-process [type="checkbox"]:checked + label,
    .reg-process [type="checkbox"]:not(:checked) + label {
        position: relative;
        padding: 20px 20px 20px 50px;
        cursor: pointer;
        line-height: 20px;
        display: block;
        font-weight: normal;
    }

        .reg-process [type="checkbox"]:checked + label:before,
        .reg-process [type="checkbox"]:not(:checked) + label:before {
            content: '\e927';
            position: absolute;
            left: 15px;
            top: 20px;
            font-family: 'hdfc-ergo';
            font-size: 28px;
            color: rgba(0,0,0,.54);
        }

        .reg-process [type="checkbox"]:checked + label:after,
        .reg-process [type="checkbox"]:not(:checked) + label:after {
            content: '\e924';
            position: absolute;
            left: 15px;
            top: 20px;
            font-family: 'hdfc-ergo';
            font-size: 28px;
            color: #e42125;
            background: transparent;
            border: 0 none;
        }

        .reg-process [type="checkbox"]:not(:checked) + label:after {
            opacity: 0;
            -webkit-transform: scale(0);
            transform: scale(0);
        }

        .reg-process [type="checkbox"]:checked + label:after {
            opacity: 1;
            -webkit-transform: scale(1);
            transform: scale(1);
        }

    select {
        -webkit-appearance: none;
        outline: 0 none;
    }

        select:focus, select:active {
            outline: 0 none;
        }

        select::-ms-expand {
            display: none;
        }
    /* hide default down arrow in IE10*/

    /* hack to fall back in opera */
    .styled-select {
        background: transparent;
        border: 0 none;
        border-bottom: 1px solid rgba(0,0,0,.12);
        box-sizing: border-box;
        overflow: hidden;
        position: relative;
        -webkit-border-radius: 0;
        border-radius: 0;
        padding-bottom: 2px;
        width: 55px;
    }

    .imp-text {
        font-size: 12px;
        color: #70ad3d;
        text-align: center;
    }

    .self-dropdown {
        display: none;
    }

    .banner-container {
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        top: 0;
        margin: auto;
        vertical-align: middle;
        display: table;
    }

    .banner-container {
        position: inherit;
    }

    .pol-holder-list span.dd-link {
        display: block;
        padding: 21px 15px;
    }

    header {
        height: 54px;
    }

    .custom-form {
        border: 0 !important;
        box-shadow: none;
        border-bottom: 1px solid rgba(0,0,0,0.12) !important;
        width: 55px;
    }

        .custom-form:focus {
            border-bottom: 2px solid #e42125 !important;
            outline: 0;
        }

    .self-dropdown {
        max-height: 200px;
        overflow-y: auto;
    }

    .table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
        padding: 8px;
        line-height: 1.42857143;
        vertical-align: top;
        border-top: 1px solid #ddd;
        border-right: 1px solid #ddd;
        border: 1px solid #ddd;
    }


    .claiming-processing {
        background: #f7f7f7;
    }


    Type i {
        font-size: 16px;
        top: 10px;
        right: -7px;
    }

    .footer-three p {
        color: #fff;
        font-size: 11px;
        margin: 0;
        padding: 10px 0;
    }

    .pro-head:after {
        width: 7%;
    }

    ul.thumbnails-carousel li.active-thumbnail {
        border-color: #e42125 !important;
        opacity: 1 !important;
        background: transparent !important;
    }

    #top-nav-2 {
        display: block;
    }

    #index-nav .collapse, #index-nav .navbar-collapse.collapse, nav#index-nav {
        display: block !important;
        z-index: 999;
    }

    .container {
        width: 100%;
    }


    .down-app {
        left: 0;
        margin: 10px 0 20px;
        padding-left: 15px;
        position: relative;
    }

    #car-homepage {
        height: auto;
    }



    #left-menu .icon-arrow-down, #right-menu .icon-arrow-down {
        display: block;
    }

    .main-heading {
        font-size: 16px;
        margin-bottom: 20px;
        text-align: left;
    }


    .slick-dots li {
        width: 13px !important;
        height: 17px !important;
    }


    .col-sqr {
        display: none;
    }




    .city-bg {
        width: calc(100% - 30px);
        position: absolute;
        top: -680px;
        padding-bottom: 20px;
    }



    .youtube-txt {
        top: 10%;
    }

    .youTscreen .icon-play {
        left: 43%;
    }
}

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

    ul.two-item li a {
        padding: 10px !important;
        font-size: 14px !important;
    }

    .mouseDown a {
        display: none;
    }


    .rightIcon {
        display: none;
    }

    .youtube-list {
        bottom: 3px;
    }

    #index-nav .navbar-collapse {
        padding-left: 5px;
        padding-right: 5px;
    }


    .multi-item-carousel .carousel-inner > .item {
        -webkit-transition: 500ms ease-in-out left;
        transition: 500ms ease-in-out left;
    }

    .multi-item-carousel .carousel-inner .active.left {
        left: -33%;
    }

    .multi-item-carousel .carousel-inner .active.right {
        left: 33%;
    }

    .multi-item-carousel .carousel-inner .next {
        left: 33%;
    }

    .multi-item-carousel .carousel-inner .prev {
        left: -33%;
    }

    .carousel-control.left {
        background: transparent;
    }

    .carousel-control.right {
        background: transparent;
    }

    .chat-H {
        font-size: 16px;
    }

    .chat-Desc {
        font-size: 14px;
    }

    a.chat-btn {
        padding: 6px;
    }



    /*POPUP*/
    .modal {
        height: 100%;
        background: #fff;
    }

    .mob-view-cross {
        color: rgba(0, 0, 0, 0.38);
        display: block;
        font-size: 24px;
        position: absolute;
        right: 10px;
        top: 10px;
        cursor: pointer;
        z-index: 10;
    }

    .modal::before {
        content: none;
    }

    .modal.in .modal-dialog {
        margin: 0;
        height: 100%;
    }

    .modal1 .modal-dialog {
        width: 100%;
    }

    .modal1 .modal-body {
        padding: 15px;
        height: 100%;
    }

    .modal1 .mob-pad {
        padding: 0;
    }

    .modal1 .fill-details {
        margin-bottom: 30px;
    }

    .modal1 .input-field label {
        left: 0;
    }

    .modal1 .popupBtn {
        margin-left: 0;
        margin-right: 0;
    }

        .modal1 .popupBtn a {
            height: 38px;
            line-height: 13px;
            font-size: 14px;
        }

    .twitter-typeahead:after {
        top: 18px;
        right: 17px;
    }

    .why-hdfc-mobile .head {
        font-size: 24px;
    }

    #car-homepage {
        background: url(../../images/bg-HomeIndex.jpg) no-repeat !important;
        background-size: cover !important;
        background-position: 84% 0 !important;
    }
}


@media screen and (max-width: 320px) {
    .rightIcon {
        position: absolute;
        top: 28px;
        right: 100px;
    }

    .wdthfrxs {
        height: 125px;
    }

    #textCarousel.carousel {
        height: 130px;
    }
    .revamp-group .structureAgeSelectClass .btn-group .btn-primary {
        margin: 0 3px 10px 0;
    }
}

.btn_Continue {
    position: relative;
    bottom: 13px;
}

.plz-wait-block-2 {
    position: fixed;
    z-index: 10001;
    display: none;
    font-size: 18px;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}


    .plz-wait-block-2 img, .plz-wait-block-2 div {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto;
    }

    .plz-wait img, .plz-wait-block-2 div {
        position: absolute !important;
    }

    .plz-wait-block-2 div {
        width: 200px;
        height: 20px;
        text-align: center;
        padding-top: 50px;
    }

.plz-wait-overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    background: rgba(255,255,255,.8);
    z-index: 10000;
    display: none;
}

.plz-wait, .overlay-wait {
    width: 66.7%;
    left: auto;
    right: 0;
}

#top-nav-mobile {
    display: none;
}
/*Custom*/
#top-nav-2 {
    position: fixed;
    z-index: 999;
    width: 100%;
    height: 54px;
    -webkit-box-shadow: 0px 2px 6px rgba(0, 0, 0, .1);
    -ms-box-shadow: 0px 2px 6px rgba(0, 0, 0, .1);
    box-shadow: 0px 2px 6px rgba(0, 0, 0, .1);
    border-radius: 0;
}

.footer-two a {
    color: #525252;
}


/*Error page start*/
.common-error-main {
    position: relative;
    min-height: 660px;
    padding-top: 70px;
    text-align: center;
}

.page-bg {
    position: absolute;
    bottom: 20px;
    width: 100%;
    height: 100%;
    max-width: 100%;
    background: url(../../images/page-bg.svg) no-repeat bottom center;
    z-index: 1;
}

.error-content, .error-content-conf {
    position: relative;
    z-index: 2;
}

.error-heading {
    font-size: 28px;
    font-weight: bold;
    margin: 20px 0 6px;
}

.error-sub-heading {
    font-size: 16px;
}

.error-btn a {
    background: #e42125;
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 14px;
    height: 48px;
    line-height: 48px;
    border: 0;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    margin: 30px auto 0;
    width: 200px;
    display: block;
    cursor: pointer;
}

    .error-btn a:hover {
        background: #d41115;
    }

.error-content-conf .error-heading {
    margin: 20px 0 5px;
}

.error-content-conf .error-img {
    margin: 120px 0 0;
}

.error-btn.retry-btn a {
    width: 150px;
}


#GetHelp, #ReportIssue {
    cursor: pointer;
    font-weight: 600;
}

.step {
    margin-top: 14px;
    font-weight: 600;
}

.additional-info {
    font-size: 12px;
    margin: 12px 0px;
}

#frmErrorFeedback > #UserComment {
    height: 38% !important;
}

#btnCancelFeedback {
    padding: 6px 20px !important;
}

#btnSendFeedback {
    padding: 6px 20px !important;
    margin-left: 25px !important;
}
@media screen and (max-width: 991px) {
    .c-box {
        display: flex;
    }

        .c-box p {
            font-size: 12px !important;
        }

    .chk-customerdtl.input-field {
        clear: both !important;
        padding: 0;
    }

    .member-list {
        overflow: hidden;
        min-height: 325px;
    }
}
@media screen and (min-width: 0px) and (max-width: 1279px) {
    #modalReportIssue {
        top: 13% !important;
        width: 100%;
        max-height: 90%;
        height: inherit;
    }

    .common-error-main {
        min-height: 400px;
        padding-top: 30px;
    }

    .page-bg {
        background-size: 80%;
    }

    .error-img img {
        max-width: 100px;
    }

    .error-heading {
        font-size: 22px;
        margin: 15px 0 5px;
    }

    .error-sub-heading {
        font-size: 14px;
    }

    .error-content-conf .error-img {
        margin-top: 100px;
    }
}

/*Error page end*/

/*Extra css start*/
.modal .input-field {
    min-height: 78px !important;
}

.bounceerror {
    position: absolute;
    right: 0;
    top: -25px;
    background: #e42125;
    color: #fff;
    display: none;
    font-size: 12px;
    padding: 3px 10px;
    border-radius: 8px;
    line-height: normal;
}

    .bounceerror:after {
        top: 100%;
        right: 13px;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
        border-color: rgba(136, 183, 213, 0);
        border-top-color: #e42125;
        border-width: 7px;
        margin-left: -30px;
    }

.popupBtn .red-btn {
    padding: 14px 25px;
}

#car-homepage {
    display: table;
    width: 100%;
    height: 100%;
    background: url(../../images/bg-HomeIndex.jpg) no-repeat;
    background-size: cover;
    background-position: center 53px;
    position: relative;
}


.banner-container {
    display: table-cell;
    vertical-align: middle;
    position: relative;
}

form {
    margin: 0;
}

.btn_Continue {
    position: relative;
    bottom: 0px;
}

.mob-view {
    position: static;
    bottom: 0;
    right: 0;
    z-index: 9;
    width: auto;
}

@media screen and (max-width: 1024px) {
    #car-homepage {
        background: url(../../images/bg-HomeIndex.jpg) no-repeat;
        background-size: cover;
        background-position: 99% 53px;
    }
}

@media screen and (max-width: 1366px) and (min-width: 1024px) {
    #car-homepage {
        background: url(../../images/bg-HomeIndex.jpg) no-repeat;
        background-size: cover;
        /*background-position: 79% 53px;*/
    }
}


@media screen and (max-width: 768px) and (min-width: 0) {
    #testimonials, #car-homepage {
        height: 60%;
    }

    .reg-process .cust-btn-red {
        bottom: 0;
    }

    .input-field {
        min-height: 58px;
    }
}
/**/

.modalMiddlePopup {
    background: transparent;
    height: auto;
}

    .modalMiddlePopup .modal-footer {
        position: static !important;
    }

    .modalMiddlePopup .modal-dialog, .modalMiddlePopup .modal-content, .modalMiddlePopup .modal-body {
        overflow: unset;
    }

    .modalMiddlePopup .modal-content {
        width: 80%;
        height: auto !important;
        margin: 30PX auto;
        TOP: 20%;
    }

i.icon-close.icn-clse {
    cursor: pointer;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.modal1 .input-effect:hover, .modal1 .input-effect:focus {
    box-shadow: none;
}

.your-details-pro input[type=checkbox], input[type=radio] {
    margin: 8px 5px 0 0;
    float: left;
   
}

.your-details-pro-whatsap input[type=checkbox], input[type=radio] {
    margin: 8px 5px 0 0;
    float: left;
}

input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type="number"] {
    -moz-appearance: textfield;
}















/* The container */
.fancy-checkbox {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    /* Hide the browser's default checkbox */
    .fancy-checkbox input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
        height: 0;
        width: 0;
    }

/* Create a custom checkbox */
.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    border: 2px solid #999;    
    background-color: #fff;
}

/* On mouse-over, add a grey background color */
.fancy-checkbox:hover input ~ .checkmark {
    border:2px solid #ccc;
    background-color: #fff;
}

/* When the checkbox is checked, add a blue background */
.fancy-checkbox input:checked ~ .checkmark {
    background-color: #e42125;
    border: 2px solid #e42125;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.fancy-checkbox input:checked ~ .checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.fancy-checkbox .checkmark:after {
    left: 5px;
    top: 0;
    width: 7px;
    height: 13px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
#your-details-pro p.viewQuoteText {
    float: left;
    padding-left: 28px;
    font-size: 12px;
}

#your-details-pro-whatsap p.viewQuoteText {
    float: left;
    padding-left: 28px;
    font-size: 12px;
}

/*31473 : Revision of whatsapp welcome template*/
.whatsapp label {
    font-weight: normal !important;
    float: left;
    font-size: 14px;
}

img.whatsappIcon {
    width: auto;
    height: 20px;
    margin-left: 5px;
}

.whatsapp .fancy-checkbox {
    padding-left: 28px;
}

.renewal-summary-terms input[type="checkbox"] + label span:before {
    top: -12px !important;
    left: -20px !important;
}
.otpModal .modal-body {
    text-align: center;
}

.otpModal .icon-circle {
    border-radius: 50px;
    background: #e8e8e8;
    display: inline-block;
}

    .otpModal .icon-circle img {
        height: 98px;
        width: 98px;
    }

.otpModal .circle-box {
    padding: 30px 0 10px;
    text-align: center;
}

.otpModal .veritext p {
    text-align: center;
    color: rgba(0, 0, 0, 0.87);
    font-size: 20px;
    font-weight: bold;
    margin: 0;
    padding: 10px 0;
}

.otpModal .verimsg p {
    text-align: center;
    color: rgba(0, 0, 0, 0.54);
    font-size: 14px;
    font-weight: 400;
    margin: 0;
    padding: 5px 0;
}

.otpModal .verimob p {
    text-align: center;
    color: rgba(0, 0, 0, 0.87);
    font-size: 16px;
    font-weight: 400;
    margin: 0;
    padding: 0 0 10px;
}

.otpModal .vericode {
    padding: 20px 0 10px;
    text-align: center;
}

    .otpModal .vericode .custom_form {
        width: 40px;
        height: 40px;
        display: inline-block;
        margin: 0 3px;
        border: 1px solid rgba(0, 0, 0, 0.12);
        text-align: center;
    }

.otpModal .resend_code_btn {
    padding: 5px 0 15px;
}

.otpModal .resend_btn {
    text-align: center;
    display: block;
    color: #e42125;
}

.otpModal .custom_btn {
    padding: 15px 0;
    border: 0;
    letter-spacing: 0.2px;
    display: block;
    margin: 0 auto;
    width: 100%;
    background: #e42125;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    color: #fff;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
}

    .otpModal .custom_btn:hover,
    #modalBreak .custom_btn:hover {
        background: #d41115;
    }

    .otpModal .custom_btn:active,
    #modalBreak .custom_btn.active {
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .otpModal .custom_btn:focus {
        outline: 0;
    }

.otpModal .form-control:focus {
    box-shadow: none;
    border-radius: 0;
    border: 1px solid rgba(0, 0, 0, .12);
}

.otpModal .modal-body {
    padding: 40px;
}



.modal::before {
    content: "";
    display: inline-block;
    height: 100%;
    margin-right: -4px;
    vertical-align: middle;
}

.modal-dialog {
    display: inline-block;
    text-align: left;
    vertical-align: middle;
    position: relative;
}

.otpModal .modal-dialog, .modal1 .modal-dialog {
    width: 395px;
}

.modal {
    text-align: center;
}

.modal-content {
    width: inherit;
    height: inherit;
    margin: 0 auto;
}

.modal-content {
    -webkit-border-radius: 0;
    border-radius: 0;
}

.modal-backdrop.in {
    opacity: .94 !important;
}

.modal-backdrop {
    background-color: rgba(0,0,0,0.7);
}

.otpModal .customize-btn {
    top: 0;
    width: 100%;
    text-align: center;
}

.customize-btn {
    background: #e42125;
    padding: 0 24px;
    color: #fff;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: bold;
    height: 38px;
    line-height: 38px;
    display: inline-block;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    position: relative;
    top: -16px;
    cursor: pointer;
}

.otpModal .resend_btn {
    text-align: center;
    display: block;
    color: #e42125;
}

.material-design input[type="checkbox"] {
    display: none;
}

    .material-design input[type="checkbox"] + label span {
        cursor: pointer;
        position: relative;
    }


        .material-design input[type="checkbox"] + label span:before {
            font-size: 18px;
            color: rgba(0, 0, 0, .38);
            position: absolute;
            left: -26px;
            top: -1px;
        }


    .material-design input[type="checkbox"]:checked + label span:before {
        content: "\e924";
        color: #649f32;
        font-family: 'hdfc-ergo';
    }


    .material-design input[type="checkbox"] + label {
        margin-right: 6px;
        font-size: 16px;
        padding-left: 28px;
        font-weight: bold;
    }


    .material-design input[type="checkbox"]:checked + label {
        background-image: none;
        color: #649f32;
    }



.material-design .ins-chk-box input[type="checkbox"] + label span:before {
    content: "\e997";
    font-family: 'hdfc-ergo';
    font-size: 18px;
    color: rgba(0, 0, 0, .38);
    position: absolute;
    left: -20px;
    top: -13px;
    font-size: 24px;
}

.material-design .ins-chk-box input[type="checkbox"]:checked + label span:before {
    content: "\e998";
    font-family: 'hdfc-ergo';
    color: #85c152;
}

.material-design .ins-chk-box input[type="checkbox"] + label {
    font-weight: normal;
    font-size: 14px;
    line-height: 44px;
}

.material-design .ins-chk-box.terms input[type="checkbox"] + label {
    font-size: 16px;
    color: rgba(0, 0, 0, .87);
    margin-right: 0;
}

.material-design .ins-chk-box.terms input[type="checkbox"]:checked + label span:before {
    color: #e42124;
}

.material-design .ins-chk-box input[type="checkbox"] + input[type="hidden"] + label span:before {
    content: "\e997";
    font-family: 'hdfc-ergo';
    font-size: 18px;
    color: rgba(0, 0, 0, .38);
    position: absolute;
    left: -26px;
    top: -1px;
    font-size: 24px;
}

.material-design .ins-chk-box input[type="checkbox"]:checked + input[type="hidden"] + label span:before {
    content: "\e998";
    font-family: 'hdfc-ergo';
    color: #85c152;
}

.material-design .ins-chk-box input[type="checkbox"] + input[type="hidden"] + label {
    font-weight: normal;
    font-size: 14px;
    line-height: 25px;
}

.material-design .ins-chk-box.terms input[type="checkbox"] + input[type="hidden"] + label {
    font-size: 16px;
    color: rgba(0, 0, 0, .87);
    margin-right: 0;
    cursor: pointer;
}

.material-design .ins-chk-box.terms input[type="checkbox"]:checked + input[type="hidden"] + label span:before {
    color: #e42124;
}

.reg-process .ins-chk-box.terms [type="checkbox"]:checked + label:before, .reg-process .ins-chk-box.terms [type="checkbox"]:not(:checked) + label:before {
    display: none;
}

.reg-process .ins-chk-box.terms [type="checkbox"]:checked + label:after {
    display: none;
}

.material-design .ins-chk-box.terms .ins-chk-box input[type="checkbox"] + label span:before {
    top: 13px !important;
}
/*31473 : Revision of whatsapp welcome template*/




#your-details-pro-whatsapp .c-box {
    display:flex;
}
#your-details-pro-whatsapp .viewQuoteText{
    font-size:14px;
}

.pol-holder-list .form-control:focus + label, .focsin{
    top:0 !important;
}