@font-face {
    font-family: 'bmw_regular';
    src:url('../fonts/BMWTALG_3_000.woff2') format('woff2'),
        url('../fonts/BMWTALG_3_000.woff') format('woff'),
        url('../fonts/BMWTALG_3_000.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'bmw_light';
    src:url('../fonts/BMWTALG_3_000.woff2') format('woff2'),
        url('../fonts/BMWTALG_3_000.woff') format('woff'),
        url('../fonts/BMWTALG_3_000.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

body {
    /* background-color: #ecf0f1 !important; */
    background-color: #ffffff !important;
    -webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
body.h5New { font-family: 'Source Sans Pro', sans-serif !important; }

html,body{
    height:100%;
}
/* .height-calc{
        height: calc(100% + 72px) !important;
} */
p {
    padding-left: 10px;
    padding-right: 10px;
    font-family: 'Lato', sans-serif;
}
h1 {
    text-align: center;
    font-family: 'Lato', sans-serif;
}

.loc-home{
    position: absolute;
    background: url(../images/loc-home.svg) rgba(255,255,255,0.8) no-repeat 8px 8px;
    width: 40px;
    height: 40px;
    top: 55px;
    left: 0px;
}
#stepIndicator {
    text-align: center;
}

.fontClass {
    font-family: 'Lato', sans-serif;
}

button {
    font-family: 'Lato', sans-serif;
}
div{
    -webkit-user-select: none;
}
/*					header area				*/
.ui-page {
    /* background-color: #ecf0f1 !important; */
    background-color: #fff !important;

}

header {
    height: 63px;
}

.ui-bar-inherit {
    /* background-color: #ecf0f1 !important; */
    background-color: #fff !important;
    border: none !important;
    z-index: 1;
}

.head-fix-area .backbutton {
    background: url(../images/backArrow.svg) no-repeat 17px 21px;
    width: 50px;
    height: 50px;
    position: absolute;
    left: 0px;
    top: 0px;
    cursor: pointer;
}

.head-fix-area .headercap {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 400;
    src: local('Lato Hairline'), local('Lato-Hairline'), url(http://fonts.gstatic.com/s/lato/v8/boeCNmOCCh-EWFLSfVffDg.woff) format('woff');
    font-size: 24px;
    color: #4A4A4A;
    margin: 0px auto;
    text-align: right;
    line-height: 60px;
    width: auto;
    max-width: 46%;
    overflow: hidden; white-space: nowrap; text-overflow: ellipsis;
    float:right;
    padding-right: 30px;
}
.receipt-header{
    line-height: 75px !important;
}
.info_cont_mapquest {
    padding: 0px 10px 20px 10px;
    height: 460px;
    overflow-y: scroll;
}

.info_cont_mapquest h1 {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 300;
    font-size: 30px;
    color: #666666;
    text-align: left;
    padding: 0px 0px 15px 0px;
    margin: 0px;
}

.info_cont_mapquest h2 {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    color: #666666;
    text-align: left;
    padding-top: 30px;
    padding: 0px;
    margin: 15px 0 0;
}

.info_cont_mapquest p {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 300;
    font-size: 16px;
    color: #666666;
    text-align: left;
    margin: 0;
    padding: 0;
}

.info_cont {
    padding: 0px 10px 20px 10px;
    height: 460px;
    overflow-y: scroll;
}

.info_cont h1 {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 300;
    font-size: 32px;
    color: #f8f8f8;
    text-align: left;
    padding: 0px;
    margin: 0px;
}

.info_cont h2 {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    color: #f8f8f8;
    text-align: left;
    padding-top: 30px;
    padding: 0px;
    margin: 15px 0 0;
}

.info_cont p {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 300;
    font-size: 16px;
    color: #f8f8f8;
    text-align: left;
    margin: 0;
    padding: 0;
}

header .infoicon {
    width: 22px;
    height: 22px;
    position: absolute;
    right: 15px;
    top: 18px;
    cursor: pointer;
}
header .infoicon a{
    display: block;
    height: 22px;
    width: 22px;
}
header .infoicon a > svg{
    display: block;
    padding-top: 0;
    padding-left: 0;
}

/*					/header area				*/

/*					body area  					*/

/*	Comman	*/
.z-index-9999{z-index: 9999 !important;}
.pull-left {
    float: left !important;
}

.pull-right {
    float: right !important;
}

.p-t-5 {
    padding-top: 5px !important;
}

.p-t-10 {
    padding-top: 10px !important;
}

.p-t-15 {
    padding-top: 15px !important;
}

.p-t-20 {
    padding-top: 20px !important;
}

.p-r-5 {
    padding-right: 5px !important;
}

.p-r-10 {
    padding-right: 10px !important;
}

.p-r-15 {
    padding-right: 15px;
}

.p-r-20 {
    padding-right: 20px !important;
}

.p-b-5 {
    padding-bottom: 5px !important;
}

.p-b-10 {
    padding-bottom: 10px !important;
}

.p-b-15 {
    padding-bottom: 15px !important;
}

.p-b-20 {
    padding-bottom: 20px !important;
}

.p-l-5 {
    padding-left: 5px !important;
}

.p-l-10 {
    padding-left: 10px !important;
}

.p-l-15 {
    padding-left: 15px !important;
}

.p-l-20 {
    padding-left: 20px !important;
}

.m-t-5 {
    margin-top: 5px !important;
}

.m-t-10 {
    margin-top: 10px !important;
}

.m-t-15 {
    margin-top: 15px !important;
}

.m-t-20 {
    margin-top: 20px !important;
}

.m-r-5 {
    margin-right: 5px !important;
}

.m-r-10 {
    margin-right: 10px !important;
}

.m-r-15 {
    margin-right: 15px !important;
}

.m-r-20 {
    margin-right: 20px !important;
}

.m-b-5 {
    margin-bottom: 5px !important;
}

.m-b-10 {
    margin-bottom: 10px !important;
}

.m-b-15 {
    margin-bottom: 15px !important;
}

.m-b-20 {
    margin-bottom: 20px !important;
}
.m-b-80{
    margin-bottom: 80px !important;
}
.m-l-5 {
    margin-left: 5px !important;
}

.m-l-10 {
    margin-left: 10px !important;
}

.m-l-15 {
    margin-left: 15px !important;
}

.m-l-20 {
    margin-left: 20px !important;
}

.p-l-16 {
    padding-left: 16px;
}

.p-r-16 {
    padding-right: 16px;
}
.p-r-0 {
    padding-right: 0 !important;
}
.l-h-13{
    line-height: 13px;
}
.displayone {
    display: block !important;
}
.font-18{ font-size: 18px !important;}
.font-20{ font-size: 20px !important;}
.height-service-pic{ height: 200px !important;}


.pad-top-65{ padding-top: 65px !important;}
.position-relative{position: relative !important;}

.data-cont {
    padding: 0px;
    margin: 0px;
    width: 100%;
}

.infoicon{
    position: absolute;
    top: 0px;
    right: 0px;
}
.infoicon a{
    display: block;
    width: 50px;
    height: 50px
}
.infoicon a > svg{
    display: block;
    padding-top: 20px;
    padding-left: 13px;
}

.bor-bot {
    border-bottom: 1px solid #4A4A4A;
}

.bor-bot-hrline {
    border-bottom: 1px solid #4A4A4A;
    transform: scaleY(0.5);
    width: 100%;
    height: 1px;
}

.why-txt {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 400;
    color:#3598DB;
    text-decoration: underline;
    cursor: pointer;
    font-size: 12px;

}

.theme-bot-btn {
    width: 100%;
    height: 60px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    text-align: center;
    line-height: 60px;
    cursor: pointer;
}


.blue-hed-txt {
    /*font-family: 'Lato';*/
    font-style: normal;
    font-weight: 400;
    font-size: 24px;
    height: 49px;
    line-height: 45px;
}
.rating-popup .blue-hed-txt {
    /*font-family:'Arial';*/
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    height: 49px;
    line-height: 45px;
}

.list-arrow-right {
    background: url(../images/listArrow.svg) no-repeat 93% center;
    display: block;
}

.list-check-right {
    background: url(../images/check-mark.svg) no-repeat 93% center;
    display: none;
    float: right;
    margin: 10px 20% 6px 0 !important;
    position: relative;
    width: 26px;
    height: 26px;
}

.blk-cap-txt {
    /*font-family: 'Lato';*/
    font-style: normal;
    font-weight: 400;
    src: local('Lato Hairline'), local('Lato-Hairline'), url(http://fonts.gstatic.com/s/lato/v8/boeCNmOCCh-EWFLSfVffDg.woff) format('woff');
    font-size: 15px;
    color: #535353;
    height: 20px;
    float:left;
}

.ui-input-text input {
    background: none;
    border: none;
    border-radius: 0 !important;
}
.ui-input-text input, .ui-input-search input {
    min-height: 0em !important;
}
.ui-corner-all {
    border-radius: 0px !important;
}

.ui-focus {
    box-shadow: none !important;
}

.step-txt {
    padding: 2px 0px 0px 0px;
    font-family: 'Open Sans Condensed';
    font-style: normal;
    font-weight: 700;
    font-size: 13px;
    color: #666666;
    text-align: center;
    margin-bottom: 80px;
    height: 15px;
    margin-left: 0px;
    float: none;

}
.step-txt-pop-map{
    padding: 2px 0px 0px 0px;
    font-family: 'Open Sans Condensed';
    font-style: normal;
    font-weight: 700;
    font-size: 13px;
    color: #666666;
    text-align: center;
    margin-bottom: 80px;
    height: 15px;
    float:left;
    width:99.6%;
}

.gry-nxt-btn {
    width: 100%;
    height: 60px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    background-color: #BEC0C2;
    text-align: center;
    line-height: 60px;
    cursor: pointer;
}

.gry-nxt-btn-text {
    color: #F8F8F8;
    font-family: 'Lato';
    font-style: normal;
    font-weight: 300;
    font-size: 24px;
    line-height: 60px;
    margin-right: 9px;
    text-shadow: none !important;
}


.gry-nxt-btn-vinfo {
    width: 100%;
    height: 50px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    background-color: #BEC0C2;
    text-align: center;
    line-height: 50px;
    cursor: pointer;
}


.gry-nxt-btn-text-vinfo {
    color: #F8F8F8;
    font-family: 'Lato';
    font-style: normal;
    font-weight: 300;
    font-size: 24px;
    line-height: 50px;
    margin-right: 9px;
    text-shadow: none !important;
}
.gry-nxt-btn-text-vinfo-start {
    color: #F8F8F8;
    font-family: 'Lato';
    font-style: normal;
    font-weight: 300;
    font-size: 24px;
    line-height: 50px;
    margin-right: 0px;
    text-shadow: none !important;
}



.next-arrow {
    background: url(../images/nextArrow.svg) no-repeat 0px 8px;
    width: 13px;
    height: 35px;
    display: inline-block;
    position: relative;
    top: 8px;
    line-height: 60px;
}

.next-arrow-start {
    background: url(../images/nextArrow.svg) no-repeat 0px 8px;
    width: 13px;
    height: 35px;
    display: inline-block;
    position: relative;
    top: 6px;
    line-height: 60px;
}
.next-arrow-start-call {
    background: url(../images/nextArrow.svg) no-repeat 0px 8px;
    width: 13px;
    height: 35px;
    display: inline-block;
    position: relative;
    float: right;
    right: 5px;
    top: 6px;
    line-height: 60px;
}

.next-arrow-vinfo {
    background: url(../images/nextArrow.svg) no-repeat 0px 0px;
    width: 13px;
    height: 27px;
    display: inline-block;
    top: 6px;
    position: relative;
    line-height: 0px;
}

.next-btn {
    background: url(../images/nextArrow_full.svg) no-repeat 0px 0px;
    width: 188px;
    height: 54px;
    margin: 0px auto;
    display: block;
}

.ui-header-fixed, .ui-footer-fixed {
    width: auto !important;
}

.ui-input-text {
    margin: 0px !important;
}

.ui-mobile label {
    margin: 0 0 .2em !important;
}

.ui-shadow-inset {
    box-shadow: none !important;
}
.ui-page-header-fixed{
    padding-top: 0;
}
.bot-fix-area {
    width: 100%;
    box-sizing: border-box;
    position: fixed;
    bottom: 0;
    padding-bottom: 10px;


}
.bot-fix-area .star-count {
    width: 100%;
    text-align: center;
    display: inline-block;
    padding: 10px 0px 10px 0px;
    border-top: 1px solid #979797;
    height: 22px;
}
.bot-fix-area .star-count .star,.bot-fix-area .star-count .star-blank {
    background: url(../images/star.svg) no-repeat 0px 0px;
    width: 24px;
    height: 24px;
    display: inline-block;
    padding: 0;
    cursor: pointer;
    margin: 0 11px;
    margin-bottom: 10px;
}
.bot-fix-area .star-count .star-blank {
    background: url(../images/star-blank.svg) no-repeat 0px 0px;

}
.head-fix-area {
    width: 100%;
    box-sizing: border-box;
    /*    position: fixed;*/
    top: 0;
    z-index: 1;
    /* background-color: #ecf0f1 !important; */
    background-color: #fff !important;
}

.button-txt {
    width: 100px;
    margin: 0px auto;
    line-height: 60px;
}

.top-vehicle-cont-info {
    position: absolute;
    top: 0;
    /*    top: 63px;*/
    width: 100%;
    z-index: 1;
    background-color: #fff;
    /* background-color: #ecf0f1; */
}
.top-vehicle-cont-detail {
    position: absolute;
    top: 63px;
    width: 100%;
    z-index: 1;
    background-color: #fff;
    /* background-color: #ecf0f1; */
}

.list-view {
    padding-top: 20px;
}

.list-view ul.ui-listview li, .list-view ul.ui-listview li {
    background-color: transparent !important;
    box-shadow: none !important;
    padding: 9px 0px 9px 20px;
}

.list-txt {
    font-family: 'Lato' !important;
    font-style: normal !important;
    font-weight: 400 !important;
    font-size: 24px;
}

.see-more-txt {
    background: url(../images/listArrow.svg) no-repeat 95% center !important;
    display: block;
}

.see-more-txt {
    font-family: 'Lato' !important;
    font-style: normal !important;
    font-weight: 600 !important;
    font-size: 24px;
    background: url(../images/listArrow.svg) no-repeat 93% center !important;
    display: block;
}

.list-check-box {
    display: inline-block !important;
    border-radius: 3px;
    border-radius: 50%;
    display: inline-block;
    margin-right: 20px;
}

.ui-checkbox {
    display: inline-block !important;
    width: 30px !important;
    margin: 16px 20% 6px 0px !important;
    float: right;
}

/*check box	*/
/* SQUARED THREE */
.input[type=checkbox] {
    visibility: hidden;
    display: none;

}

.squaredThree {
    width: 20px;
    margin: 0px;
    position: relative;
    float: right;
    margin: 4px 20% 6px 0px !important;
}

.squaredThree label {
    cursor: pointer;
    position: absolute;
    width: 25px;
    height: 25px;
    top: 0;
    border-radius: 50%;
    background-color: #26ae60;

}

.squaredThree label:after {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    content: '';
    position: absolute;
    width: 12px;
    height: 7px;
    background: transparent;
    top: 5px;
    left: 5px;
    border: 3px solid #fcfff4;
    border-top: none;
    border-right: none;

    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.squaredThree label:hover::after {
    /*-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
    filter: alpha(opacity=30);*/
    opacity: 0;
}

.squaredThree input[type=checkbox]:checked + label:after {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
}

/*	/check box	*/

.ui-input-text, .ui-input-search {
    border-style: none !important;
    border-width: 0px !important;
}

.ui-btn, label.ui-btn {
    border-style: none !important;
    border-width: 0 !important;
}

.ui-shadow {
    box-shadow: none !important;
}

/*	Comman	*/

.y-v-type {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 400;
    src: local('Lato Hairline'), local('Lato-Hairline'), url(http://fonts.gstatic.com/s/lato/v8/boeCNmOCCh-EWFLSfVffDg.woff) format('woff');
    font-size: 15px;
    color: #535353;
    height: 20px;
}

.i-f-cont {
    padding: 23px 20px 0px 20px;
}

.i-f-txtbox {
    height: 40px;
    width: 100%;
    font-size: 24px;
    font-family: Lato;
    border: 1px solid #979797 !important;
    text-transform: capitalize;
    font-weight: 400;
    color: #535353 !important;
}
.i-f-txtbox-ta {
    height: 40px;
    width: 100%;
    font-size: 24px;
    font-family: Lato;
    border: 1px solid #979797 !important;
    font-weight: 400;
    color: #535353 !important;
}
.i-f-txtbox-dropoff {
    height: 40px !important;
    width: 100% !important;
    font-size: 24px;
    font-family: Lato;
    border: 1px solid #979797 !important;
    font-weight: 400;
    color: #535353 !important;
    position: relative;
    float: left;
}
div#dropoff-select-button.ui-icon-carat-d::after{
    background: url(../images/drop-down-arrow.svg) no-repeat 0px 0px !important;
    width: 24px !important;
    height: 17px !important;
}
#dropoff-select-button > span{
    height: 40px;
    text-align: left;
    padding-left: 10px;
    font-family: 'Lato' !important;
    font-style: normal !important;
    font-weight: 400 !important;
    font-size: 24px !important;
    color: #ACACAC;
    width: 90%;
    line-height: 40px;
}
#dropoff-select option{
    font-family: 'Lato' !important;
    font-style: normal !important;
    font-weight: 100 !important;
    font-size: 18px !important;
    color: #535353 !important;
}

.i-f-txtbox-placeholder {
    height: 40px;
    width: 100%;
    font-size: 24px;
    font-family: Lato;
    border: 1px solid #979797 !important;
    font-weight: 400;
    color: #535353 !important;
}
.i-f-txtbox1 {
    font-family: 'Lato';
    font-style: normal;
    font-size: 16px;
    color: #535353;
    height: 40px;
    width: 100%;
    border: 1px solid #979797 !important;
    background-color: #fff !important;
    /* background-color: #ecf0f1 !important; */
}
.s-t-txtbox {
    height: 40px;
    width: 90% !important;
    color: #535353 !important;
    font-family: 'Lato' !important;
    font-style: normal !important;
    font-weight: 300 !important;
}

#btnSelectModel, #btnSelectColor {
    display: none;
}

.width-100 {
    width: 100% !important;
}

.width-auto {
    width: auto !important;
}

.width-31 {
    width: 31% !important;
}

.width-46 {
    width: 46% !important;
}

.width-70 {
    width: 70% !important;
}
.width-62{ width: 62% !important;}
.width-25 {
    width: 25% !important;
}

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

.text-left {
    text-align: left !important;
}

.text-right {
    text-align: right !important;
}

.display-inline-b {
    display: inline-block !important;
}

/*tooltip*/
#tooltip {
    font-family: 'Lato' !important;
    font-style: normal !important;
    font-weight: 400 !important;
    font-size: 12px;

    line-height: 1.5;
    color: #fff;
    background-color: rgba(74, 74, 74, 0.9);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border-top: 0px solid transparent;
    /*-webkit-box-shadow: 0 3px 5px rgba( 0, 0, 0, .3 );
    -moz-box-shadow: 0 3px 5px rgba( 0, 0, 0, .3 );
    box-shadow: 0 3px 5px rgba( 0, 0, 0, .3 );*/
    position: absolute;
    z-index: 1000;
    padding: 15px;
    text-shadow: none !important;
}

#tooltip:after /* triangle decoration */
{
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #4a4a4a;
    content: '';
    position: absolute;
    left: 50%;
    bottom: -10px;
    margin-left: -10px;
    opacity: 0.9;
}

#tooltip.top:after {
    border-top-color: transparent;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #4a4a4a;
    top: -20px;
    bottom: auto;
    opacity: 0.9;
}

#tooltip.left:after {
    left: 10px;
    margin: 0;
}

#tooltip.right:after {
    right: 10px;
    left: auto;
    margin: 0;
}

/*tooltip*/
.select-v-color {
    color: #535353 !important;
}

/*		Address Tracer		*/
.add-tracer-cont {
    padding: 0px 10px;
}

.add-tracer-cont .s-t-bg {
    width: 100%;
    height: 40px;
    /*-webkit-box-shadow: 0px -4px -1px #d3d4d5;
    -moz-box-shadow: 0px -4px -1px #d3d4d5;
    box-shadow: 0px -4px 0px #d3d4d5;*/
    border: 1px solid #979797;
    background-color: #ffffff;
    /*  background-color: #ecf0f1; */
    display: block;
}

.add-search-txtb {
}

.add-clear-btn {
    background: url(../images/clear-btn.svg) no-repeat 0px 10px;
    width: 20px;
    height: 33px;
    position: relative;
    display: inline-block;
    color: #f00;
    margin-top: 0px;
    float: right;
    right: 10px;
    position: absolute;
    cursor: pointer;
}
.add-clear-btn-loc {
    background: url(../images/clear-btn.svg) no-repeat 0px 10px;
    width: 20px;
    height: 33px;
    position: relative !important;
    display: inline-block;
    color: #f00;
    margin-top: 0px;
    float: right;
    right: 10px;
    position: absolute;
    cursor: pointer;
}

/*		/Address Tracer		*/

/*					body area  					*/

.t-b-validate {
    box-sizing: border-box;
    display: block !important;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 1px;
}

.div-b-validate {

    box-sizing: border-box;
    display: block !important;
    margin-left: 5px;
    margin-right: 5px;
    outline: 5px solid #3e98db !important;
    width: auto;
}

.info-right-panel {
    background-color: #2C3E50;
    text-shadow: none !important;
}
.info-right-panel-mapquest {
    background-color: rgb(219,219,219);
    text-shadow: none !important;
}
.info_cont {
    padding: 0px 10px 20px 10px;
    height: 460px;
    overflow-y: scroll;
}

.summary-cont {
    padding: 0px;
    margin: 0px;
}
.summary-cont-receipt {
    padding: 0px;
    margin: 0px;
}
.summary-cont-receipt small{
    font-family: 'Lato';
    font-style: normal;
    font-weight: 300;
    font-size: 16px;
    color: #4A4A4A;
    background: transparent;
}

.summary-cont small{
    font-family: 'Lato';
    font-style: normal;
    font-weight: 300;
    font-size: 16px;
    color: #4A4A4A;
}


.summary-cont h1 {
    margin: 0px;
    padding: 0px;
    color: #535353;
    font-family: 'Lato';
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    width: 62%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left;
}
.summary-cont-receipt h1 {
    margin: 0px;
    padding: 0px;
    color: #535353;
    font-family: 'Lato';
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    width: 90%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left;
}
.summary-cont button {
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 6px !important;
    background-color: #fff;
    width: 25%;
    padding: 4px 0px;
    margin: 0px;
    font-family: 'Lato';
    font-style: normal;
    font-weight: 300;
    font-size: 14px;
}

.summary-cont p {
    padding: 0px;
    margin: 0px;
    font-family: 'Lato';
    font-style: normal;
    font-weight: 300;
    font-size: 16px;
    color: #4A4A4A;
    margin-bottom: 12px;
    width: 62%;
}
.summary-last-p{
    margin-bottom: 8px !important;
    width: 69% !important;
}
.summary-cont-receipt p {
    padding: 0px;
    margin: 0px;
    font-family: 'Lato';
    font-style: normal;
    font-weight: 300;
    font-size: 16px;
    color: #4A4A4A;
    margin-bottom: 12px;
    width: 80%;

}

.summary-cont-receipt span {
    padding: 0px;
    margin: 0px;
    font-family: 'Lato';
    font-style: normal;
    font-weight: 300;
    font-size: 16px;
    color: #4A4A4A;
    margin-bottom: 12px;
    width: 62%;
}
.alert_overlay{
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 1000;
    vertical-align: middle;
}
.overlay_black{
    background-color: rgba(0, 0, 0, 0.8);
}

.pri_main {
    color: #4A4A4A;
    height: 90%;
    margin: 40px 10% 40px 8%;
    padding: 50px 0px 50px 10px;
    position: absolute;
    width: 80%;
    background: #fff;
    border-radius: 12px;
    background-color: #fff !important;
    /* background-color: #ecf0f1 !important; */
    text-shadow: none !important;
}

.pri_in {
    -webkit-overflow-scrolling: touch;
    color: #4A4A4A;
    height: 300px;
    overflow-y: scroll;
    position:absolute;
    width: 93%;

}

.pri_main .pri_in h2 {
    text-align: center;
    color: #4A4A4A;
    font-family: 'Lato' !important;
    font-style: normal;
    font-weight: 300;
}

.pri_main .pri_in p {
    font-family: 'Lato' !important;
    font-style: normal;
    font-weight: 300;
}

.pri_main .closebtn {
    background: url(../images/close-button-small.svg) center center no-repeat;
    width: 35px;
    height: 35px;
    float: right;
    position: absolute;
    right: 10px;
    top: 10px;
}
#scroller {
    position:absolute; z-index:1;
    /*	-webkit-touch-callout:none;*/
    -webkit-tap-highlight-color:rgba(0,0,0,0);
    width:100%;
    padding:0;
}

.p-t-bot {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    color: #999999;
    text-align: center;
    margin-bottom: 6px;
}

.n-s-provider {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 300;
    font-size: 16px;
    color: #4A4A4A;
    padding-right: 10px;
    padding-bottom: 5px;
}

.googleMapDiv {
    width: 100%;
    height: 100px;

}

/* service picker styles*/


.service-picker-cont {
    box-sizing: border-box;
    float: left;
    margin: 5px 0 110px;
    padding: 0 10px;
    width: 100%;
}

.service-picker-cont .theme-bot-btn {
    width: 100%;
    height: 50px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    text-align: left;
    line-height: 50px;
    cursor: pointer;
    margin: 0px 0px 10px 0px;
}

.service-picker-cont .blue-list-text {
    color: #F8F8F8;
    font-family: 'Lato';
    font-style: normal;
    font-weight: 300;
    font-size: 24px;
    line-height: 46px;
    text-align: left;
    padding: 0px 0px 0px 20px;
    text-shadow: none !important;
}

.service-picker-cont .next-arrow {
    background: url(../images/nextArrow.svg) no-repeat 0px 8px;
    width: 13px;
    height: 35px;
    display: inline-block;
    top: 13px;
    position: relative;
    top: 5px;
    line-height: 60px;
    float: right;
    margin: 0px 20px 0px 0px;
}

.step-txt-service-picker-normal {
    padding: 2px 0px 5px 0px;
    font-family: 'Open Sans Condensed';
    font-style: normal;
    font-weight: 700;
    font-size: 13px;
    color: #848484;
    text-align: center;
    margin-bottom: 5px;
    height: 15px;
    text-align: center;
    position: relative;
    margin-top: 7px;

}

.step-txt-service-picker {
    padding: 2px 0px 5px 0px;
    font-family: 'Open Sans Condensed';
    font-style: normal;
    font-weight: 700;
    font-size: 13px;
    color: #848484;
    text-align: center;
    margin-bottom: 5px;
    height: 15px;
    float: right;
    position: relative;
    margin-top: 0px;

}
.star-member-txt {
    padding: 2px 0px 5px 0px;
    font-family: 'Open Sans Condensed';
    font-style: normal;
    font-weight: 700;
    font-size: 13px;
    color: #848484;
    text-align: center;
    margin-bottom: 5px;
    height: 15px;

}

.bot-fix-area .call-cont {
    margin: 0px;
    text-align: center;
    margin-top: 0px;
}




.bot-fix-area .call-cont .call-us {
    background: url(../images/callus-icon.svg) no-repeat 0px 0px;
    width: 32px;
    height: 32px;
    margin: 0px auto;
    display: block;
    margin-bottom: 5px;
}

.bot-fix-area .call-cont .call-us-txt {
    color: #7c7c7c;
    font-family: 'Lato';
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    text-transform: capitalize;
    margin: auto;
    width: 55px;
    margin-bottom: 11px;
}

.bot-fix-area .call-cont-calldrive {
    margin: 0px;
    padding: 0px;
    padding: 0px 10px;
    text-align: center;
    margin-top: 0px;
}

.bot-fix-area .call-cont-calldrive .call-us {
    background: url(../images/callus-icon.svg) no-repeat 5px 1px;
    width: 42px;
    height: 35px;
    margin: 0px auto;
    display: block;
}

.bot-fix-area .call-cont-calldrive .call-us-txt {
    color: #808080;
    font-family: 'Lato';
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    text-transform: capitalize;
    margin: 5px 0px 5px 0px;
}




.serv-pic-price {
    color: #F8F8F8;
    font-family: 'Lato';
    font-style: normal;
    font-weight: 300;
    font-size: 18px;
    text-shadow: none !important;
}

.star-memb {
    background: url(../images/star-member.svg) no-repeat 0px 0px;
    width: 16px;
    height: 16px;
    display: inline-block;
}

.contacting .contacting-data {
    padding-top: 63px;
    float: left;
    position: fixed;
}

.contacting .head-fix-area .cancel-txt {
    text-transform: uppercase;
    color: #666666;
    font-family: 'Lato';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    float: right;
    cursor: pointer;
    position: absolute;
    right: 20px;
    top: 20px;
}
.close-txt{text-transform: uppercase;
           color: #666666;
           font-family: 'Lato';
           font-style: normal;
           font-weight: 400;
           font-size: 14px;
           line-height: 24px;
           float: right;
           cursor: pointer;
           position: absolute;
           right: 20px;
           top: 20px;
           margin-top: -20px;
}

.word-space-0{word-spacing: 0px !important;}
/***status Overlay***/

/* Animation */
@-webkit-keyframes loading {
    to {
        -webkit-transform: rotate(360deg);
    }
}

@-moz-keyframes loading {
    to {
        -moz-transform: rotate(360deg);
    }
}

@-ms-keyframes loading {
    to {
        -ms-transform: rotate(360deg);
    }
}

@keyframes loading {
    to {
        transform: rotate(360deg);
    }
}

/* Loader (*/
#loading {

    width: 100px;
    height: 100px;
    border-radius: 50%;
    background: transparent;

    border-top: 4px solid #fff;
    border-right: 4px solid #fff;
    border-bottom: 4px solid #777;
    border-left: 4px solid #777;

    -webkit-animation: loading 1.2s infinite linear;
    -moz-animation: loading 1.2s infinite linear;
    -ms-animation: loading 1.2s infinite linear;
    animation: loading 1.2s infinite linear;
    top: 20%;
    margin: 0px auto;
}
#aloading{
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background: transparent;
    border-top: 12px solid #fff;
    border-right: 12px solid #fff;
    border-bottom: 12px solid #777;
    border-left: 12px solid #777;
    -webkit-animation: loading 1.2s infinite linear;
    -moz-animation: loading 1.2s infinite linear;
    -ms-animation: loading 1.2s infinite linear;
    animation: loading 1.2s infinite linear;
    top: 20%;
    margin: 10px auto;
}
.txt-validating{
    font-size: 24px;
    font-family: 'Lato';
    font-style: normal;
    font-weight: 300;
    margin-top: 10px;
    color: #fff;
    text-shadow: none !important;

}
/* Just page styling */

.contacting .contacting-data .ple-wait {
    color: #565656;
    font-family: 'Lato';
    font-style: normal;
    font-weight: 300;
    font-size: 16px;
    padding-top: 25px;
}

.contacting .contacting-data .find-clo-driver {
    color: #565656;
    font-family: 'Lato';
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
}

.icheck {
    position: relative;
    margin: 0px !important;
    display: block;
    width: 25px;
    height: 25px;
}

.icheck label {
    cursor: pointer;
    position: absolute;
    width: 25px;
    height: 25px;
    top: 0;
    border-radius: 50%;
    background-color: #fff;
    /*background-color: #ecf0f1;*/
    border: 1px solid #7f8c8d;
}

.ichack-che-bg {
    background-color: #3598db;
    border: 1px solid #3598db;
    border-radius: 50%;
    height: 25px;
    left: 0;
    position: absolute;
    top: 0;
    width: 25px;
}

.icheck label:after {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    content: '';
    position: absolute;
    width: 12px;
    height: 7px;
    top: 5px;
    left: 5px;
    border: 3px solid #fcfff4;
    border-top: none;
    border-right: none;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    z-index: 10;

}

.icheck label:hover::after {
    /*-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
    filter: alpha(opacity=30);*/
    opacity: 0;
}

.icheck input[type=radio]:checked + label:after {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
}

.cancel-btn {
    width: 100%;
    height: 50px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    background-color: #BEC0C2;
    text-align: center;
    line-height: 50px;
    cursor: pointer;
}
.cancel-btn-enable:active {
    background-color: #C0392B;
}

/*.ui-body-inherit:active {
background-color: #C0392B;
}*/
.cancel-btn-enable{
    background-color:#E74C3C;
}

/* Status Tracker Page*/
.status-ticker-tt {
    margin: 0px;
    padding: 0px;
}
.status-ticker-tt .g-map-cont {
    width: 100%;
    height: 300px;
}
.status-ticker-tt .y-vehicle {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    color: #535353;
    width: 46%;
    float: left;
}
.status-ticker-tt .y-vehicle .icon {
    position: relative;
    top: 20px;
    width: 30px;
    height: 30px;
    margin-right: 30px;
    display: block;
    margin-left: 17px;
}
.status-ticker-tt .s-p-vehicle {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    color: #535353;
    float: right;
    width: 50%;
    float: right;
}
.status-ticker-tt .s-p-vehicle .icon {
    position: relative;
    top: 20px;
    width: 30px;
    height: 30px;
    margin-right: 30px;
    display: block;
    margin-left: 17px;
}

.map-marker-cont .y-vehicle {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    color: #535353;
    width: 46%;
    float: left;
}
.map-marker-cont .y-vehicle .icon {
    position: relative;
    top: 20px;
    width: 30px;
    height: 30px;
    margin-right: 30px;
    display: block;
    margin-left: 17px;
}
.map-marker-cont .s-p-vehicle {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    color: #535353;
    float: right;
    width: 50%;
    float: right;
}
.map-marker-cont .s-p-vehicle .icon {
    position: relative;
    top: 20px;
    width: 30px;
    height: 30px;
    margin-right: 30px;
    display: block;
    margin-left: 17px;
}


.map-marker-cont {
    float: left;
    width: 100%;
    padding: 10px;
    box-sizing: border-box;
}
.dist-estimate {
    padding: 0px 10px 0px 10px;
    margin: 0px;
    font-family: 'Lato';
    font-style: normal;
    float: left;
    width: 100%;
    box-sizing: border-box;
}
.dist-estimate label {
    font-weight: 300;
    font-size: 19px;
    color: #535353;
}
.dist-estimate span {
    font-weight: 400;
    font-size: 19px;
    color: #535353;
}
.dist-estimate p {
    padding: 0px;
    margin: 0px;
    font-weight: 300;
    font-size: 16px;
    color: #535353;
    padding: 5px 0px 0px 0px;
}
.show-right{
    width: 45%;
    float: right;
}
/**/

/*cancel Job*/
.cancel-job-cont {
    margin: 20px 0px;
    box-sizing: border-box;
}

.cancel-job-cont .cancel-job-list {
    float: left;
    display: block;
    padding: 0px;
    margin: 0px 0px 20px 0px;
    width: 100%;
}

.cancel-job-cont .cancel-label {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 300;
    font-size: 20px;
    color: #535353;
    padding: 0px;
    margin: 0px;
    line-height: 24px;
    float: left;
    cursor: pointer;
}

.never-mind {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    text-align: center;
    padding: 10px 0px;
    cursor: pointer;
    text-decoration: underline;
}

/*cancel Job*/

/*Start Page*/
.start-bot-btn {
    width: 100%;
    height: 50px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    text-align: center;
    line-height: 50px;
    cursor: pointer;
    border:none;
    -webkit-user-select: none;
}

.start-nxt-btn-text {
    color: #F8F8F8;
    font-family: 'Lato';
    font-style: normal;
    font-weight: 400;
    font-size: 24px;
    line-height: 50px;
    margin-right: 9px;
    text-shadow: none !important;
}

.mapDiv {
    height : 400px;
    width : 100%;
}

/*Start Page*/
/*Authorization Page*/

.authorization {
    padding: 0px 10px 0px 10px;
    margin: 0px;
    width: 100%;
    float: left;
    box-sizing: border-box;
}

.authorization .header {
    box-sizing: border-box;
    float: left;
    padding: 17px 0px 0;
    width: 100%;
}

.authorization .header .header-text {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 300;
    src: local('Lato Hairline'), local('Lato-Hairline'), url(http://fonts.gstatic.com/s/lato/v8/boeCNmOCCh-EWFLSfVffDg.woff) format('woff');
    font-size: 24px;
    color: #4A4A4A;
    width: 80%;
    text-align: left;
    line-height: 24px;
    float: left;
}

.authorization .header .cancel-txt {
    text-transform: uppercase;
    color: #666666;
    font-family: 'Lato';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 30px;
    float: right;
    cursor: pointer;
}

.authorization .serv-pro-info {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 300;
    src: local('Lato Hairline'), local('Lato-Hairline'), url(http://fonts.gstatic.com/s/lato/v8/boeCNmOCCh-EWFLSfVffDg.woff) format('woff');
    font-size: 16px;
    color: #535353;
    line-height: 113%;
    padding: 0px;
    margin: 6px 0px;
    float: left;
    width: 100%;
}

.authorization .estimt-cont {
    padding: 0px;
}

.authorization .estimt-cont .estimt-txt {
    color: #666666;
    font-family: 'Lato';
    font-style: normal;
    font-weight: 600 !important;
    font-size: 16px;
    float: left;
    margin: 0px 0px 9px 0px;
}

.authorization .payment-cont {
    padding: 0px;
    width: 100%;
}

.authorization .payment-cont .header {
    height: 30px;
    padding: 0px;
    width: 100%;
    float: left;
}

.authorization .payment-cont .lock {
    background: url(../images/lock.svg) no-repeat 0px 0px;
    width: 12px;
    height: 17px;
    margin-top: 7px;
    margin-left: 8px;
    float: left;
}

.authorization .payment-cont .lock-txt {
    color: #fff;
    font-family: 'Lato';
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 30px;
    margin-left: 10px;
    text-shadow: none !important;
}

.authorization .payment-cont .payment-data-cont {
    background-color: #ecf0f1;
    float: left;
    width: 100%;
}

.authorization .payment-cont .payment-data-cont .data-area {
    background-color: #fff;
    padding: 11px;
    float: left;
    width: 100%;
    box-sizing: border-box;
    position: relative;
}

.authorization .payment-cont .payment-data-cont .data-area label {
    color: #535353;
    font-family: 'Lato';
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
}

.authorization .payment-cont .payment-data-cont .data-area label span {
    float: right;
    color: #999999;
    font-family: 'Lato';
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 22px;
}

.authorization .payment-cont .payment-data-cont .data-area .txtbg {
    background-color: #FFFFFF !important;
    /* background-color: #ecf0f1; */
    border: 1px solid #979797;
    width: 100%;
    height: 40px;
    position: relative;
}

.authorization .payment-cont .payment-data-cont .data-area input/*[type="text"]*/  {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 300;
    font-size: 18px;
    color: #535353;
    line-height: 40px;
    border: none !important;
    background-color: transparent !important;
    min-height: 40px !important;
    padding: 0px 0px 0px 10px;
    margin: 0px;
    width: 80%;
    float: left;
}

.authorization .payment-cont .payment-data-cont .data-area .txtbg span {
    position: relative !important;
    float: left !important;
    top: 8px !important;
    left: 10px !important;
    font-size: 18px;
    color: #535353;
}

.authorization .payment-cont .payment-data-cont .data-area .txtbg .month-val {
    position: relative !important;
    float: left !important;
    top: 3px !important;
    left: 10px !important;

}

.authorization .payment-cont .payment-data-cont .data-area .txtbg .tick-mark {
    float: right !important;
    position: absolute !important;
    right: 10px !important;/*changed*/
    top: 7px !important;/*changed*/
}

.ui-select {
    box-shadow: none !important;
    padding: 0px !important;
    margin: 0px !important;
    height: 40px !important;
}

.ui-btn {
    background: none !important;
    margin: 0px !important;
    padding: 0px !important;
    /*height: 40px !important;*/
    font-family: 'Lato';
    font-style: normal;
    font-weight: 300;
    font-size: 18px;
    color: #535353 !important;
}

#month option {
    font-family: 'Lato' !important;
    font-style: normal !important;
    font-weight: 300 !important;
    font-size: 24px !important;
    color: #535353 !important;
}

#year option {
    font-family: 'Lato' !important;
    font-style: normal !important;
    font-weight: 300 !important;
    font-size: 24px !important;
    color: #535353 !important;
}

.authorization .payment-cont .payment-data-cont .data-area .txtbg .cardicon {
    position: relative !important;
    float: right !important;
    top: 9px !important;
    left: -9px !important;
}

.ui-btn-icon-right:after {
    background-color: transparent !important;
}

div#month-button.ui-icon-carat-d::after {
    background: url(../images/drop-down-arrow.svg) no-repeat 0px 0px !important;
    width: 24px !important;
    height: 17px !important;
}

div#year-button.ui-icon-carat-d::after {
    background: url(../images/drop-down-arrow.svg) no-repeat 0px 0px !important;
    width: 24px !important;
    height: 17px !important;
}
div#year-button{
    height: 40px;
}
div#month-button{
    height: 40px;
}
.ui-btn-icon-right:after {
    right: 0.4em;
}
.ui-btn-icon-notext:after, .ui-btn-icon-left:after, .ui-btn-icon-right:after{ /*Added class*/
    top: 59% ;
}
.a-t-b-validate{
    box-sizing: border-box;
    display: block !important;
    margin-left: 0px;
    margin-right: 5px;
    margin-top: 5px;
    margin-bottom: 5px;
}
.blue-dot{
    background-color: #438AC9;
    height: 15px;
    width: 15px;
    border-radius: 12px;
}
.red-dot{
    background-color: #E72529;
    height: 15px;
    width: 15px;
    border-radius: 12px;
}

/*Authorization Page*/

/*Tracker Popup*/



/*  MAP MARKER ICON ANIMATION	*/

.y-vehicle .pin {
    width: 30px;
    height: 30px;
    border-radius: 50% 50% 50% 0;
    background: #2980B9;
    position: absolute;
    transform: rotate(-45deg);
    left: 50%;
    top: 50%;
    margin: -20px 0 0 -20px;
    z-index: 1;
}
.y-vehicle .pin:after {
    content: "";
    width: 14px;
    height: 14px;
    margin: 8px 0 0 8px;
    background: #fff;
    position: absolute;
    border-radius: 50%;
}

.y-vehicle .bounce {
    animation-name: bounce;
    animation-fill-mode: both;
    animation-duration: 1s;
}

.y-vehicle .pulse {
    background: rgba(0, 0, 0, 0.2);
    border-radius: 50%;
    height: 14px;
    width: 14px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: 11px 0px 0px -12px;
    transform: rotateX(55deg);
    z-index: -2;
}
.y-vehicle .pulse:after {
    content: "";
    border-radius: 50%;
    height: 40px;
    width: 40px;
    position: absolute;
    margin: -13px 0 0 -13px;
    animation: pulsate 1s ease-out;
    animation-iteration-count: infinite;
    opacity: 0;
    box-shadow: 0 0 1px 2px #2980B9;
    animation-delay: 1.1s;
}
/**/

.s-p-vehicle .pin {
    width: 31px;
    height: 30px;
    border-radius: 50% 50% 50% 0;
    background: #C0392B;
    position: absolute;
    transform: rotate(-45deg);
    left: 50%;
    top: 50%;
    margin: -20px 0 0 -20px;
    z-index:0;
}
.s-p-vehicle .pin:after {
    content: "";
    width: 14px;
    height: 14px;
    margin: 8px 0 0 8px;
    background: #fff;
    position: absolute;
    border-radius: 50%;
}

.s-p-vehicle .bounce {
    animation-name: bounce;
    animation-fill-mode: both;
    animation-duration: 1s;
}

.s-p-vehicle .pulse {
    background: rgba(0, 0, 0, 0.2);
    border-radius: 50%;
    height: 14px;
    width: 14px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: 11px 0px 0px -12px;
    transform: rotateX(55deg);
    z-index: -2;
}
.s-p-vehicle .pulse:after {
    content: "";
    border-radius: 50%;
    height: 40px;
    width: 40px;
    position: absolute;
    margin: -13px 0 0 -13px;
    animation: pulsate 1s ease-out;
    animation-iteration-count: infinite;
    opacity: 0;
    box-shadow: 0 0 1px 2px #C0392B;
    animation-delay: 1.1s;
}
.button_box { width:100%; float:left; text-align: center; }
.button_box .cancel_btn { color:#e93337 !important; font-size: 14px; text-transform: uppercase; text-align: center; display: inline-block; margin: 10px 0; text-decoration: underline}
.button_box.bottom { position: absolute; bottom:10px; left:0; }

@keyframes pulsate {
    0% {
        transform: scale(0.1, 0.1);
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
    100% {
        transform: scale(1.2, 1.2);
        opacity: 0;
    }
}
@keyframes bounce {
    0% {
        opacity: 0;
        transform: translateY(-2000px) rotate(-45deg);
    }
    60% {
        opacity: 1;
        transform: translateY(30px) rotate(-45deg);
    }
    80% {
        transform: translateY(-10px) rotate(-45deg);
    }
    100% {
        transform: translateY(0) rotate(-45deg);
    }
}


/*     round only		*/

.y-vehicle .marker {
    margin-top: 0px;
    margin-left: 0px;
    position: relative;
    transform: rotateX(55deg);
    top: 18px;
    z-index: 0;
    left: 4px;

}


.y-vehicle .dot {
    position: relative;
    height: 50px;
    width: 50px;
    top: -25px;
    left: -25px;
    z-index: 2;
    opacity: 0;
    border:4px solid #2980B9;
    background: transparent;
    -webkit-border-radius: 60px;
    -moz-border-radius: 60px;
    border-radius: 60px;
    -webkit-animation: flash 2s ease-out;
    -moz-animation: flash 2s ease-out;
    animation: flash 2s ease-out;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

/*   round two Only   */



.s-p-vehicle .marker {
    margin-top: 0px;
    margin-left: 0px;
    position: relative;
    transform: rotateX(55deg);
    top: 18px;
    z-index: 0;
    left: 4px;

}


.s-p-vehicle .dot {
    position: relative;
    height: 50px;
    width: 50px;
    top: -25px;
    left: -23px;
    z-index: 2;
    opacity: 0;
    border:4px solid #C0392B;
    background: transparent;
    -webkit-border-radius: 60px;
    -moz-border-radius: 60px;
    border-radius: 60px;
    -webkit-animation: flash 2s ease-out;
    -moz-animation: flash 2s ease-out;
    animation: flash 2s ease-out;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}


@-moz-keyframes pulse {
    0% {-moz-transform: scale(0);opacity: 0.0;}
    25% {-moz-transform: scale(0);opacity: 0.1;}
    50% {-moz-transform: scale(0.1);opacity: 0.3;}
    75% {-moz-transform: scale(0.5);opacity: 0.5;}
    100% {-moz-transform: scale(1);opacity: 0.0;}
}

@-webkit-keyframes flash {
    0% {-webkit-transform: scale(0);opacity: 0.0;}
    25% {-webkit-transform: scale(0);opacity: 0.1;}
    50% {-webkit-transform: scale(0.1);opacity: 0.3;}
    75% {-webkit-transform: scale(0.5);opacity: 0.5;}
    100% {-webkit-transform: scale(1);opacity: 0.0;}
}
/*  /MAP MARKER ICON ANIMATION	*/


/*		popup		*/

.overlay{
    position:fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index:11;
    background-color: rgba(21,21,21,0.3);
}
.overlay1{
    position:absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index:4;
    background-color: rgba(127,140,141,0.8); /*dim the background*/
}

.popup-cont
{ position:relative;
  z-index: 4;
  background-color:#fff;
  /* background-color: #ecf0f1; */
  width:90%; height:400px;
  margin:20px auto;
}
.popup-cont .data-cont { padding: 0px;
                         float: none;
                         margin: 0px;}
.popup-cont .data-cont .map-area{height:300px; border-bottom:2px solid #7c898a; position: absolute !important;
                                 margin: 0px auto;
                                 width: 100%;	 }

.popup-cont-dialog{
    /*font-family: 'Lato';*/
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    position:absolute;
    z-index: 13;
    background-color:#fff;
    /* background-color: #ecf0f1; */
    width:90%;
    height:auto;
    margin:20px auto;
    border-radius: 6px;
    text-align: center;
    padding: 10px 0px 0px 0px;
    margin-left: 5%;
    top: 100px;
}
.rating-popup.popup-cont-dialog{
    /*font-family: 'Lato';*/
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    position:absolute;
    top:50%;
    left:50%;
    z-index: 12;
    background-color:#fff;
    /* background-color: #ecf0f1; */
    width:90%;
    height:auto;
    margin:0 auto;
    border-radius: 10px;
    text-align: center;
    padding: 20px 0px 0px 0px;
    transform:translate(-50%,-50%);
    -webkit-transform:translate(-50%,-50%);
    -moz-transform:translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%);
    -o-transform:translate(-50%,-50%);
}
.rating-popup.popup-cont-dialog .width100Percent { float:left; margin:0 0 8px 0; }
.rating-popup.popup-cont-dialog .title { font-size: 20px !important; color:#02baf2; margin: 5px 0 15px 0; }
.dialog-btn-left{
    width: 48% !important;
    margin-left:0px;
    margin-top: 20px !important;
    border-top: 1px solid #ddd !important;
    border-right: 1px solid #ddd !important;
}
.dialog-btn-right{
    width: 52% !important;
    margin-right: 0px !important;
    margin-top:20px !important;
    border-top: 1px solid #ddd !important;
}
.dialog-btn-full{
    border-bottom-left-radius: 10px;
    width: 100% !important;
    margin-right: 0px !important;
    margin-top:20px !important;
    border-top: 1px solid #ddd !important;
}
.popup-cont-dialog .data-cont {
    padding: 0px;
    position: relative;
}

.popup-tt {
    margin: 0px;
    padding: 0px;
    position:absolute;
    top: 300px;
    width: 100%;
}
.popup-tt .y-vehicle {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    color: #535353;
    width: 48%;
    float: left;
    margin-left: 10px;
}
.popup-tt .y-vehicle .icon {
    position: relative;
    top: 20px;
    width: 15px;
    height: 15px;
    margin-right: 30px;
    display: block;
    margin-left: 7px;
}
.popup-tt .s-p-vehicle {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    color: #535353;
    float: right;
    width: 48%;
    float: right;
}
.popup-tt .s-p-vehicle .icon {
    position: relative;
    top: 20px;
    width: 15px;
    height: 15px;
    margin-right: 30px;
    display: block;
    margin-left: 17px;
}
.pop-bot-txt{
    width:100%;
    text-align:center;
    font-family: 'Lato';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    color: #535353;
    margin-top: 0px;
    float:left;
}
.popup-close-btn{ position: absolute;
                  z-index: 1;
                  top: -10px;
                  right: -11px;}
/*		popup		*/

.b-t-blue{
    padding: 10px;
    background-color: #fff !important;
}
/*Tracker Popup*/
.v-info-text{
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 71% !important;
    overflow: hidden;
    float: left;
    height: 50px;
}
.btn-disable{
    background-color: #BEC0C2;
}

.recipt-ok-btn {
    width: 30px;
    height: 30px;
    padding: 10px 10px 0px 10px;
    color: #fff;
    text-align: center;
    cursor: pointer;
}
.recipt-ok-btn-green{
    width: 30px;
    height: 30px;
    background: url(../images/email-ok-check.svg)  #26AE60 no-repeat 5px 5px;
    padding: 10px 10px 0px 10px;
    color: #fff;
    text-align: center;
}

.email-ok-check{

    /*background-color:;*/
}

/* jQuery Mobile Override
...*/

.ui-panel-wrapper {
    /*background-color: #ecf0f1 !important;*/
    background-color: #fff !important;
    z-index: auto !important;
}

.ui-btn:focus {
    box-shadow: none !important;
}




/*...
 jQuery Mobile Override*/


/*Contacting Spinner*/
.c {
    border-radius:50%;
    display:block;
}
.outc {
    width:153px;
    height:153px;
    margin:10px auto;
    position:relative;
}
.innerc {
    width:73px;
    height:73px;
    margin:40px auto;
    position: absolute;
    top: 0;
    z-index: 30;
    left: 28%;
    -webkit-animation: 3s infinite ease-in-out;
    animation: 3s infinite ease-in-out;
    -webkit-animation-name: boom;
    animation-name: boom;
}
small {
    height:28px;
    width:28px;
    position:absolute;
    z-index:100;
    -webkit-animation: 3s infinite ease-in-out;
    animation: 3s infinite ease-in-out;
}
.a {
    left: 42%;
    top: -11%;
    -webkit-animation-name: l1;
    animation-name: l1;
}
.b {
    left: 95%;
    top: 38%;
    -webkit-animation-name: l3;
    animation-name: l3;
}
.d {
    left: -12%;
    top: 39%;
    -webkit-animation-name: l4;
    animation-name: l4;
}
.e {
    left: 42%;
    top: 91%;
    -webkit-animation-name: l2;
    animation-name: l2;
}
.spinner {
    position:absolute;
    z-index:1;
}
@-webkit-keyframes l1 {
    0% {
        top: -11%;
        border-radius:50%;
    }
    15% {
        top: 53%;
        border-radius: 60% 60% 40% 40% / 50% 50% 50% 50%
    }
    85% {
        top: 53%;
        border-radius: 60% 60% 40% 40% / 50% 50% 50% 50%
    }
    100% {
        top: -11%;
        border-radius:50%;
    }
}
@keyframes l1 {
    0% {
        top: -11%;
        border-radius:50%;
    }
    15% {
        top: 53%;
        border-radius: 60% 60% 40% 40% / 50% 50% 50% 50%
    }
    85% {
        top: 53%;
        border-radius: 60% 60% 40% 40% / 50% 50% 50% 50%
    }
    100% {
        top: -11%;
        border-radius:50%;
    }
}
@-webkit-keyframes l2 {
    0% {
        left: 42%;
        top: 91%;
    }
    15% {
        top: 27%;
        border-radius: 60% 60% 40% 40% / 50% 50% 50% 50%
    }
    85% {
        top: 27%;
        border-radius: 60% 60% 40% 40% / 50% 50% 50% 50%
    }
    100% {
        left: 42%;
        top: 91%;
        border-radius:50%;
    }
}
@keyframes l2 {
    0% {
        left: 42%;
        top: 91%;
    }
    15% {
        top: 27%;
        border-radius: 60% 60% 40% 40% / 50% 50% 50% 50%
    }
    85% {
        top: 27%;
        border-radius: 60% 60% 40% 40% / 50% 50% 50% 50%
    }
    100% {
        left: 42%;
        top: 91%;
        border-radius:50%;
    }
}
@-webkit-keyframes l3 {
    0% {
        left: 95%;
    }
    15% {
        left: 29%;
        border-radius: 60% 60% 40% 40% / 50% 50% 50% 50%
    }
    85% {
        left: 29%;
        border-radius: 60% 60% 40% 40% / 50% 50% 50% 50%
    }
    100% {
        left: 95%;
        border-radius:50%;
    }
}
@keyframes l3 {
    0% {
        left: 95%;
    }
    15% {
        left: 29%;
        border-radius: 60% 60% 40% 40% / 50% 50% 50% 50%
    }
    85% {
        left: 29%;
        border-radius: 60% 60% 40% 40% / 50% 50% 50% 50%
    }
    100% {
        left: 95%;
        border-radius:50%;
    }
}
@-webkit-keyframes l4 {
    0% {
        left: -12%;
    }
    15% {
        left: 57%;
        border-radius: 60% 60% 40% 40% / 50% 50% 50% 50%
    }
    85% {
        left: 57%;
        border-radius: 60% 60% 40% 40% / 50% 50% 50% 50%
    }
    100% {
        left: -12%;
        border-radius:50%;
    }
}
@keyframes l4 {
    0% {
        left: -12%;
    }
    15% {
        left: 57%;
        border-radius: 60% 60% 40% 40% / 50% 50% 50% 50%
    }
    85% {
        left: 57%;
        border-radius: 60% 60% 40% 40% / 50% 50% 50% 50%
    }
    100% {
        left: -12%;
        border-radius:50%;
    }
}
@-webkit-keyframes boom {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    80% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3);
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}
@keyframes boom {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    80% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3);
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}
.spinner {
    -webkit-mask-box-image: -webkit-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 1) 68%, rgba(0, 0, 0, 0) 69.5%);
    background: #E1E7E8;
    width: 153px;
    height: 153px;
    position: relative;
}
.spinner-inner {
    position: absolute;
    top: 0;
    left: 0;
    background: transparent;
    border-width: 77px;
    width: 0;
    height: 0;
    border-style: solid;
    border-color: transparent;
    border-top-color: #fff;
    -webkit-transform: rotate(-45deg);
    -webkit-animation: inner 3s linear infinite;
}
.spinner-mask {
    position: absolute;
    top: 1px;
    left: 0px;
    background: transparent;
    border-width: 77px;
    width: 0;
    height: 0;
    border-style: solid;
    border-color: transparent;
    border-top-color: #E1E7E8;
    -webkit-transform: rotate(-45deg);
    -webkit-animation: mask 3s linear infinite;
}
.spinner-mask:after, .spinner-mask-two {
    display: block;
    content:'';
    opacity: 0;
    filter:alpha(opacity=0);
    position: absolute;
    top: 1px;
    left: 0px;
    background: transparent;
    border-width: 77px;
    width: 0;
    height: 0;
    border-style: solid;
    border-color: transparent;
    border-top-color: #FFF;
    -webkit-transform: rotate(45deg);
    -webkit-animation: mask-two 3s linear infinite;
}
@-webkit-keyframes inner {
    0% {
        -webkit-transform: rotate(-45deg);
    }
    25% {
        border-left-color:transparent;
    }
    26% {
        border-left-color: #FFF;
    }
    50% {
        border-bottom-color:transparent;
    }
    51% {
        border-bottom-color: #FFF;
    }
    75% {
        border-right-color:transparent;
    }
    76% {
        border-right-color: #FFF;
    }
    100% {
        -webkit-transform: rotate(315deg);
        border-left-color: #FFF;
        border-bottom-color: #FFF;
        border-right-color: #FFF;
    }
}
@-webkit-keyframes mask {
    0% {
        -webkit-transform: rotate(-45deg);
    }
    75% {
        -webkit-transform: rotate(-45deg);
    }
    100% {
        -webkit-transform: rotate(45deg);
    }
}
@-webkit-keyframes mask-two {
    0% {
        opacity: 0;
        filter:alpha(opacity=0);
    }
    25% {
        opacity: 0;
        filter:alpha(opacity=0);
    }
    26% {
        opacity: 1;
        filter:alpha(opacity=100);
    }
    100% {
        opacity: 1;
        filter:alpha(opacity=100);
    }
}
@-webkit-keyframes whee {
    from {
        -webkit-transform: rotate(0deg);
        -webkit-filter: sepia() hue-rotate(0deg) contrast(95%);
    }
    to {
        -webkit-transform: rotate(360deg);
        -webkit-filter: sepia() hue-rotate(360deg) contrast(95%);
    }
}
.vip-member {  display: inline-block; line-height: 10px !important; margin: 0px; padding: 0px;  margin-top: -13px !important;}
.step-txt-center {
    padding: 2px 0px 3px 0px;
    font-family: 'Open Sans Condensed';
    font-style: normal;
    font-weight: 700;
    font-size: 13px;
    color: #666666;
    text-align: center;
    margin-bottom: 80px;
    height: 15px;
    margin-left: 0px;
    float: none;

}
.step-txt-center-permission {
    padding: 2px 0px 3px 0px;
    font-family: 'Open Sans Condensed';
    font-style: normal;
    font-weight: 700;
    font-size: 13px;
    color: #666666;
    text-align: center;
    margin-bottom: 10px;
    height: 15px;
    margin-left: 0px;
    float: none;

}
.content_button { width:100%; float:left; margin:20px 0 10px 0; }

.content_button .call-cont-calldrive {
    margin: 0px;
    padding: 0px;
    padding: 0px 10px 5px 10px;
    text-align: center;
    margin-top: 0px;
    float: left;
    width: 100%;
    box-sizing: border-box;
}
.content_button .call-driver-st { display: inline-block;text-align: center; margin: 0 5px 10px 5px; }
.content_button .call-driver-st .call-us { display: block; }
.content_button .call-driver-st .call-us-txt { display: block; }
.content_button .call-cont-calldrive .call-us {
    background: url(../images/callus-icon-ip4.svg) no-repeat 50% 0px;
    width: 22px;
    height: 22px;
    display: block;
    display: inline-block;
    cursor: pointer;
    width: 100%;
    text-align: center;
}

.content_button .call-cont-calldrive .call-us-txt {
    color: #808080;
    font-family: 'Lato';
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    text-transform: capitalize;
    margin: 5px 0px 5px 0px;
    display: inline-block;
}

/*Contacting Spinner*/

@media only screen
and (min-device-width: 320px)
and (max-device-height: 480px) {

    .step-txt-service-picker {
        float: left;
        width: 25%;
        text-align: left !important;
        margin-top: -20px;
    }

    .bot-fix-area .call-cont {
        width: 50%;
        float: left;
        margin-top: 0;
    }

    .bot-fix-area .call-cont .call-us {
        background: url(../images/callus-icon-ip4.svg) no-repeat 0px 0px;
        display: inline-block;
        width: 22px;
        height: 22px;
    }

    .bot-fix-area .call-cont .call-us:active {
        opacity: 0.7;
    }

    .bot-fix-area .call-cont .call-us-txt {
        display: inline-block;
        margin: 5px 0;
        width: 100%;
    }

    /*member area*/
    .star-memb {
        background: url(../images/star-member.svg) no-repeat 0px 1px;
        width: 16px;
        height: 16px;
        display: inline-block;

    }

    .star-member-txt {
        width: 100%;
        float: none;
        overflow: hidden;
        margin: 0px auto;
        display: inline-block;
    }

    .vip-member {
        display: inline-block;
        line-height: 10px !important;
        margin: 0px;
        padding: 0px;
        margin-top: -13px !important;
    }

    .step-txt {
        text-align: left !important;
        margin-left: 20px;
    }

    .bot-fix-area .call-cont-calldrive {
        margin: 0px;
        padding: 0px;
        padding: 0px 10px 5px 10px;
        text-align: center;
        margin-top: 0px;
        float: left;
        width: 96%;
    }

    .bot-fix-area .call-cont-calldrive .call-us {
        background: url(../images/callus-icon-ip4.svg) no-repeat 0px 0px;
        width: 22px;
        height: 22px;
        display: inline-block;
        float: left;
        cursor: pointer;
    }

    .bot-fix-area .call-cont-calldrive .call-us-txt {
        color: #808080;
        font-family: 'Lato';
        font-style: normal;
        font-weight: 400;
        font-size: 12px;
        text-transform: capitalize;
        margin: 5px 0px 5px 0px;
        display: inline-block;
    }


    .call-cont-calldrive .call-driver-st .call-us-txt {
        float: left !important;
    }

    .step-txt-service-picker-normal {
        padding: 16px 0px 0px 0px;
        font-family: 'Open Sans Condensed';
        font-style: normal;
        font-weight: 700;
        font-size: 13px;
        color: #666666;
        width: 50%;
        float: left;
        text-align: center;
        margin-bottom: 5px;
        height: 15px;
        position: relative;
        margin-top: 0px;
    }
    .height-service-pic{ height: auto !important;}
}
.ui-loader-default {
    opacity: 1 !important;
    background-color: transparent !important;
    border-radius: 61px !important;
    width: 113%;
    height: 107%;
    margin:-23px 0 0 -23px !important;
    top: 0 !important;
    position: absolute;
    left: 0;
}

.ui-loader .ui-icon-loading{ background-color: transparent !important;
                             opacity: 0.6;
                             /* top: calc(50% - 23px); */
                             top: 50%;
                             position: absolute;
                             /* left: calc(50% - 23px); */
                             left: 50%;
}

/* .ui-loader-default {
  opacity: 1 !important;
background-color: transparent !important;
border-radius: 61px !important;
}
.ui-loader .ui-icon-loading{ background-color: transparent !important;
opacity: 0.6;
} */


.popup-btn-color{
    color:#02baf2 !important;
    border: none;
    background-color: #fff;
}
.font-weight-700{ font-weight:700 !important;}
.font-weight-500{ font-weight:500 !important;}
.map-overlay-txtbox{position: absolute; bottom:8%; background-color: #fff; border: 1px solid #aaa; margin: 0 2% 0 2%; width: 96%;  text-align: center; padding: 10px 0px;display: none; }
/*			mapquest start page			*/

.mapq-bg-color{ background-color:#e1e1e1;}
/*			/mapquest start page			*/
input:focus::-webkit-input-placeholder{
    color: #fff!important;
    text-shadow: none!important;
}
input:focus::-moz-placeholder{
    color: #fff!important;
    text-shadow: none!important;
}
input:focus:-moz-placeholder{
    color: #fff!important;
    text-shadow: none!important;
}


/* typeahead css start */


.twitter-typeahead{
    width:100%
}

.tt-input{
    width:100%
}
.tt-hint {
    color: #999
}

.tt-dropdown-menu {
    width: 99.5%;
    background-color: #fff;
    border: 1px solid #979797;
    overflow-y: scroll;
    height: 160px;
}

.tt-suggestion {
    padding: 3px;
    font-size: 18px;
    line-height: 24px;
}


.tt-suggestion p {
    margin: 0;
}

.gist {
    font-size: 14px;
}
/* typeahead css end */

.download-header{
    font-family: Lato;
    font-weight: 400;
    background-color: #bfbfbf;
    color: #fff;
    text-shadow: none;
    line-height: 40px;
      padding: 5px 0px;
  margin-bottom: 8px;
}
header.down-hedhheight{
     height: 105px !important;
}

.download-header > a{
    text-decoration: none;
    color: #fff !important;
    text-shadow: none;
    font-weight: 400 !important;
    padding-left: 10px
}
.get-img{
    height: 30px;
    position: relative;
    top: 4px;
    float: right;
    padding-right: 3px;
}
/* new gray splash screen    -11-09-15*/
.homebg-mq .data-cont .start-page .top-area {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 500;
    color: #535353;
    text-align: center;
    color: #3E98DB;
    width: 75%;
    margin: 0 auto;
}
.homebg-mq .data-cont .start-page p {
    margin: 0px;
    padding: 0px;
}

.ondemand-txt{     margin-top: 10px !important; font-size:26px; color:#fff; background:url(../images/splash-green-arrow.svg) no-repeat 3px 8px;  display: inline-block; text-indent: 26px; text-align:left; float:left;}
.the-quickest{
    color: #fff;
    font-size: 17px;
    margin: 5px auto !important;
    text-align: left;
    width: 100%; color:#fff; float:left;}
.mq-car-logo{ background:url(../images/map-quest-icon.svg) no-repeat 0px 0px; width:125px; height:38px; margin-top:15px; float:left;	}
.white-start-bot-btn {
    background-color: #ffffff;
    border: 1px solid #fff;
    border-radius: 6px;
    cursor: pointer;
    height: 60px;
    line-height: 60px;
    text-align: center;
    width: 60%;
    margin: 0px auto;
}
.red-start-bot-btn {
    background-color: #e72529 !important;
    border: 1px solid #e72529 !important;
}
.white-start-nxt-btn-text {
    color: #f7941e;
    font-family: "Lato";
    font-size: 25px;
    font-style: normal;
    font-weight: 600;
    line-height: 60px;
    margin-right: 9px;
    text-shadow: none !important;
    letter-spacing:1px;
}
.orng-next-arrow {
    background: url(../images/nextArrow-orng.svg) no-repeat 0px 8px;
    width: 13px;
    height: 35px;
    display: inline-block;
    top: 13px;
    position: relative;
    top: 8px;
    line-height: 60px;
}
.width100Percent{
    width:100% !important;
}
.head-fix-area {
    width: 100%;
    box-sizing: border-box;
    top: 0;
    z-index: 1;
    background-color: #fff !important;
    padding:0 15px;
    border-bottom: 5px solid #527799 !important;
}
.head-fix-area .headerlogo {
    max-width: 40%;
    float: left;
    padding: 15px 0;
}
.head-fix-area .headerlogo img {
    width: 100%;
    max-height: 40px;
    float: left;
}
.ui-content { padding-top: 80px; }
@media (max-width:320px) {
    .dialog-btn-right.blue-hed-txt { font-size: 18px; }
    .rating-popup.popup-cont-dialog .blue-hed-txt { font-size: 18px; }
}
.thank_you_message {
    position: absolute; top:40%; left:50%; width:300px; margin-left:-150px;
}
.thank_you_message h1 {
    width:100%;
    text-align:center;
    margin-bottom:10px;
    color:#5f5f5f;
    font-size: 20px;
}
.thank_you_message p {
    width:100%;
    text-align:center;
    color:#5f5f5f;
    font-size: 14px;
    font-weight:400;
}

.pt0 { padding-top: 0 !important; }
.pt30 { padding-top: 30px !important; }

.clear { clear: both; }
.gap10 { height: 10px; }
.gap15 { height: 15px; }
.gap20 { height: 20px; }
.gap25 { height: 25px; }
.gap30 { height: 30px; }

.mapquest * { font-family: 'Lato', sans-serif !important; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; }
.mapquest { width:100%; height: 100%; position: fixed; overflow-y: auto; background: url('../images/mapquest_bg.png') no-repeat 50% 100% !important; background-size: cover !important; background-attachment: fixed !important; }
.mapquest .logo { width: 100%; float:left; text-align: center; margin: 55px 0 20px 0; }
.mapquest .logo img { width:100%; max-width: 400px; display: inline-block; }

.mapquest .container { max-width: 768px; margin:0 auto; }

.mapquest .content { width:100%; float:left; padding:0 15px; }
.mapquest .content .subtitle { width:100%; float:left; text-align: center; text-transform: uppercase; color:#fff; text-shadow: 0 0 3px #000; font-weight: 400; letter-spacing: 2px; font-size: 40px; margin: 10px 0; }

.mapquest .threeDivs { width:100%; float:left; margin:20px 0 10px 0; }
.mapquest .threeDivs .box { width:33.33%; float:left; text-align: center; }
.mapquest .threeDivs .box .icon { width:100%; float:left; }
.mapquest .information { width:100%; float:left; }
.mapquest .information .big { width:100%; float:left; text-align: center; color:#fff; text-shadow: 0 0 3px #000; font-weight: 400; font-size: 32px; margin: 10px 0; }
.mapquest .information .btn { display: inline-block; min-width: 235px; margin: 0 0 5px 0; background:#F7941E; padding:15px; text-align: center; border-radius: 3px; color:#fff; font-size: 22px; letter-spacing: 2px; text-decoration: none; }
.mapquest .information .note { width:100%; float:left; margin: 0; }
.mapquest .information .note p { width:100%; float:left; margin: 0; font-size: 20px; color:#fff; text-transform: uppercase; text-shadow: 0 0 3px #000; text-align: center; }
.bottom_fix { width:100%; display: inline-block; }

/* .new_design.ui-content { background: #F2F2F2; } */
.new_design .ui-input-text, .new_design .ui-bar-inherit { background: transparent !important; }
.new_design .serv-pro-info { text-align: center; }
.new_design .row10 { margin: 0 -10px; }
.new_design .control_box { width:100%; float:left; padding:0 0 10px 20px; background: #fff; box-sizing: border-box;  }
.new_design .control_box .blk-cap-txt { color:#B3B3B3; font-size: 12px; width:100%; float:left; margin-top:5px !important; }
.new_design .ui-input-text input, .new_design .ui-input-search input { border:0 !important; border-bottom: 1px solid #B3B3B3 !important; color:#000; font-size: 16px; padding: 0; height: 32px; width:100%; float:left; padding-bottom: 10px; }
.new_design .step-txt-center { margin-bottom: 0px; width: 100%; float: left; margin: 10px 0 0 0; }

.new_design .summary-cont { width:100%; float:left; padding:10px 0 10px 0; background: #fff; box-sizing: border-box; border-top:1px solid #B3B3B3; border-bottom:1px solid #B3B3B3; position: absolute; top: 50%; bottom: 0px; z-index: 10; left: 0px; }
.new_design .summary-cont .title { width:100%; float:left; }
.new_design .summary-cont .content { width:100%; float:left; }
.new_design .summary-cont .button { width:100%; }
.new_design .summary-cont .left_side { width:70%; float:left; padding-left: 20px; box-sizing: border-box; }
.new_design .summary-cont .cat_name { width:100%; float;left; }
.new_design .summary-cont .desc { width:100%; float:left; }
.new_design .summary-cont .right_side { width:30%; float:right; padding-right: 10px; box-sizing: border-box; }
.new_design .summary-cont .row { border-bottom: 1px solid #B3B3B3; width:100%; float:left; padding-top: 10px; }
.new_design .summary-cont .row.first { padding-top: 0; }
.new_design .summary-cont .row.last { border-bottom: 0; }
.new_design .n-s-provider { width:100%; float:left; margin: 10px 0; padding: 0 20px; }
.new_design .step-txt { width:100%; float:left; margin: 10px 0; padding: 0 10px; box-sizing: border-box; }

.h5New * { text-shadow: 0 0 0 !important; }
.service_down_wrap { width:100%; height: 100%; position: absolute; top:-100%; left:0; background: rgba(54,67,71,0.6); padding: 15px; z-index: 10; transition: all 0.6s ease; box-sizing: border-box; }
.service_down_wrap.open { top:0; }
.service_down_wrap .icon_set { width:100%; float:left; margin: 30px 0; }
.service_down_wrap .icon_set .iconbox { width: 33.33%; float:left; padding: 10px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; }
.service_down_wrap .icon_set .iconbox a { width:100%; float: left; text-align: center; }
.service_down_wrap .icon_set .iconbox .icon { width:100%; display: inline-block; text-align: center; width: 80px; height: 80px; }
.service_down_wrap .icon_set .iconbox img { max-width: 80px; max-height: 80px; }
.service_down_wrap .icon_set .iconbox .caption { width:100%; float:left; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; font-size: 18px; font-weight: 400; color: #fff; text-decoration: none; text-align: center; }

.service_down_wrap .dtitle { width:100%; float:left; text-align: center; font-size: 20px; color:#fff; }
.service_down_wrap .close { position: absolute; bottom:25px; left:50%; transform: translateX(-50%); width:68px; height:68px; border-radius: 50%; background: #fff; color:#364347; text-align: center; }
.service_down_wrap .close img { position: absolute; top:50%; left: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); }

.home_menu { z-index: 10; position: absolute; bottom: 25px; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); }
.search_lnk { position: absolute; z-index: 10; top:30px; right: 20px; width:44px; height: 44px; }
.back_lnk { position: absolute; z-index: 10; top: 30px; left: 20px; padding-top: 12px; }

.blur { filter: blur(3px); transition: all ease 0.8s; -webkit-transition: all ease 0.8s; -moz-transition: all ease 0.8s; -ms-transition: all ease 0.8s; -o-transition: all ease 0.8s; }
.blurbg { opacity: 0; background: rgba(54,67,71,0.6); position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 11; transition: all 0.8s ease; -webkit-transition: all 0.8s ease; -ms-transition: all 0.8s ease; -moz-transition: all 0.8s ease; -o-transition: all 0.8s ease; }
.blurbg.show { opacity: 1; }
.bottom_drawer * { box-sizing: border-box; }
.bottom_drawer { width:100%; /*min-height: 200px;*/ position: absolute; bottom:0; left:0; background: #fff; z-index: 11; box-shadow: 0 0 20px 0 rgba(0,0,0,0.2); -webkit-box-shadow: 0 0 20px 0 rgba(0,0,0,0.2); -moz-box-shadow: 0 0 20px 0 rgba(0,0,0,0.2); -ms-box-shadow: 0 0 20px 0 rgba(0,0,0,0.2); -o-box-shadow: 0 0 20px 0 rgba(0,0,0,0.2); }
.bottom_drawer .center_icon_base { position: absolute; top:0; left:50%; width:80px; height: 80px; background: #fff; z-index: 10; border-radius: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); box-shadow: 0 0 20px 0 rgba(0,0,0,0.2); -webkit-box-shadow: 0 0 20px 0 rgba(0,0,0,0.2); -moz-box-shadow: 0 0 20px 0 rgba(0,0,0,0.2); -ms-box-shadow: 0 0 20px 0 rgba(0,0,0,0.2); -o-box-shadow: 0 0 20px 0 rgba(0,0,0,0.2); }
.bottom_drawer .drawer_base {width:100%;height: 100%;float:left;position: relative;z-index: 11;background: #fff;padding: 60px 0 20px 0;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;}
.bottom_drawer .center_icon { position: absolute; top: -33px; left: 50%; transform: translateX(-50%); }
.bottom_drawer .drawer_base .wrapper {width: 100%;max-width: 480px; /*max-height: 300px;*/margin: 0 auto; padding: 0; overflow-y: auto;margin-bottom: 70px; }
.bottom_drawer .drawer_base .wrapper.height300 { max-height:300px; }
.bottom_drawer .drawer_base .wrapper.height260 { max-height:260px; margin-bottom:110px !important; }
.bottom_drawer .drawer_base .wrapper.height260.mb0 { margin-bottom: 0 !important; }
.bottom_drawer .drawer_base .wrapper.height260WithoutCall { max-height:330px; margin-bottom:40px !important; }
@media (max-height:560px){
.bottom_drawer .drawer_base .wrapper.height290 { max-height: 290px; }
}
@media (max-height:480px){
    .bottom_drawer .drawer_base .wrapper.height290 { max-height: 190px; }
}

.bottom_drawer .drawer_base .wrappertxt { width: 100%; max-width: 480px; margin: 0 auto; padding: 0 20px; position: absolute; top: 0; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); }
.bottom_drawer .drawer_base .top_link { position: absolute; top: 20px; right: 20px; }
.bottom_drawer .drawer_base .top_link a { color:#02BAF2; font-size: 15px; font-weight: 600; text-decoration: none; }
.bottom_drawer .drawer_base .top_link a:hover { text-decoration: underline; }
.bottom_drawer .drawer_base .textbox { width:100%; float:left; }
.bottom_drawer .drawer_base input[type="text"] { padding: 0 !important; color:#93A4AA; }
.bottom_drawer .drawer_base ::-webkit-input-placeholder { color:#93A4AA; }
.bottom_drawer .drawer_base ::-moz-input-placeholder { color:#93A4AA; }
.bottom_drawer .drawer_base ::-ms-input-placeholder { color:#93A4AA; }
.bottom_drawer .drawer_base ::-o-input-placeholder { color:#93A4AA; }

.bottom_drawer.cancel .drawer_base { padding: 20px 0; }

.list_data {width:100%;float:left; box-sizing: border-box; padding: 0 0 0 20px; }
.list_data .row {width:100%;float:left;padding: 10px 0;position: relative;overflow-x: hidden;}
.list_data .row:after {content: "";width: 100%;height:1px;background: #B2C6CD;position: absolute;bottom: 0;left: 50px;}
.list_data .row.last:after { height: 0; }
.list_data .thumb_Initial { width: 40px; height: 40px; background: #d6e1e5; float: left; margin-right: 10px; border-radius: 50%; font-weight: 600; font-size: 18px; color: #93a4aa; text-align: center; line-height: 40px; background-position: 50% 50% !important; background-size: 100% !important; background-repeat: no-repeat !important; }
.list_data .thumb_Initial .fa { font-size: 18px; color: #93a4aa; line-height: 40px; }
.list_data .icon { width: 40px; height: 40px; float: left; margin-right: 10px; border-radius: 50%; font-weight: 600; font-size: 18px; color: #93a4aa; text-align: center; line-height: 40px; }
.list_data .icon img { max-width: 40px; max-height: 40px; }
.list_data .details { float:left; width: 83%; max-width: 400px; padding:0; }
.list_data .details .name { color:#364347; font-size: 20px; line-height: 24px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; float: left; width: 96%; }
.list_data .details .value { color:#93A4AA; font-size: 16px; line-height: 19px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; float: left; width: 96%; }
.list_data .details .link { color:#93A4AA; font-size: 20px; font-weight: 300; padding: 5px 0 0 0; }
.list_data .details .price { margin-top:10px; color:#374347; font-size: 20px; padding-right: 10px; }
.list_data .details.widthButton { width:47%; }
.list_data .details.widthButton .name { font-size: 18px; }
.list_data .details.widthButton .value { font-size: 14px; }
.list_data .besideButton .orangeHover { padding: 0 5px; line-height: 30px; font-size: 14px; float:right; margin: 5px 15px 0 0; max-width: 96px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.list_data .details .left { width:75%; float:left; }
.list_data .details .right { width:25%; float:left; text-align: right; }

.list_data.nothumb { margin: 15px 0 0 0; border-top: 1px solid #B2C6CD; border-bottom: 1px solid #B2C6CD; padding: 0 0 0 20px; }
.list_data.nothumb .details { width:94%; padding: 0; }
.list_data.nothumb .row:after { left:0; }
.list_data.nothumb .link { color:#364347; }

.bottom_drawer textarea { width:100%; height: 75px !important; border: 1px solid #d6e1e5 !important; margin: 15px 0 !important; border-radius: 4px !important; resize: none; }

.bottom_drawer .btnBlue { background: #02baf2!important; color:#ffffff !important; font-weight: 600; }
.bottom_drawer .btnBlue:hover { background: #e1eef3!important; color: #364347!important; }

.bottom_fix { text-align: center; padding: 0 20px; box-sizing: border-box; z-index: 10; }
.bottom_fix .wrapper { margin-bottom: 0 !important; padding: 0 !important; }
.bottom_fix .btn { width:100%; border-radius: 4px; padding: 12px 15px; background: #02BAF2; box-sizing: border-box; text-decoration: none; color:#fff; display: inline-block; font-size: 20px; font-weight: 600; text-transform: uppercase; }
.bottom_fix .btn.disabled { background: #B3EAFB; }
.bottom_fix .btn:hover { background: #e1eef3; color: #364347; }
.bottom_fix .lnk { font-size: 15px; font-weight: 600; text-decoration: none; color: #02baf2; }
.bottom_fix .lnk:hover { text-decoration: underline; color: #364347; }

#bottomDrawer { /*padding-bottom: 70px;*/ }
.bottom_fix .btnClose { width: 100%; border-radius: 4px; padding: 12px 15px; background: #fff; box-sizing: border-box; text-decoration: none; color: #02baf2; display: inline-block; font-size: 16px; font-weight: 600 !important; text-transform: uppercase; border-color: #d6e1e5; border-style: solid; border-width: 1px; }
.bottom_fix .btnClose:hover { background: #e1eef3 !important; color: #364347 !important; }
.bottom_fix.btn-disable { background: none !important; }
.progress_box { width:100%; float:left; text-align: center; padding: 0 20px; }
.progress_box .title { width:100%; float:left; font-size: 20px; color:#364347; }
.progress_box .subtitle { width:100%; float:left; font-size: 15px; color:#93A4AA; font-style: italic; }
.progress_bar { width:100%; max-width: 100% !important; float:left; background:#D6E1E5; padding: 5px; border-radius: 12px; height: 24px; margin: 15px 0 10px 0; }
.progress_bar .progress_meter { max-width: 100% !important; float:left; background: #02BAF2; height: 14px; border-radius: 7px; }

.mb0 { margin-bottom: 0 !important; }

.width46per { width:46%; }
.width90per { width:90%; }
.checkmark { background: url('../images/checkmark.svg') no-repeat 100% 80%; }
.arrow { background: url('../images/LeftArrow.svg') no-repeat 100% 50%; }
.orangeHover { line-height: 50px; height: auto; text-transform: uppercase; display: inline-block; text-decoration: none; padding: 0 10px; font-weight: 600 !important; font-size: 20px; border-radius: 4px; border: 1px solid #e2eaed !important; background: transparent !important; color: #1eb2f0 !important; transition: all 0.4s ease; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; }
.orangeHover:hover { background: #e1eef3 !important; color: #364347 !important; }
.btn_gap { margin-right: 8px; }
.orangeHover.red { color:#F84545 !important; }
.orangeHover.red:hover { background: #F84545 !important; color:#fff !important; }
.orangeHover.fill { background: #1eb2f0 !important; color:#fff !important; }
.orangeHover.fill:hover { background: #e1eef3 !important; color: #364347 !important; }

.star-count-box { width: 100%; float:left; margin: 10px 0 20px 0; }
.star-count-box .star-count { width: 100%; float:left; text-align: center; display: inline-block; padding: 10px 0px 10px 0px; }
.star-count-box .star-count .star,.star-count .star-blank { background: url(../images/star-blue.svg) no-repeat 0px 0px; width: 30px; height: 30px; display: inline-block; padding: 0; cursor: pointer; margin: 0 10px; }
.star-count-box .star-count .star-blank { background: url(../images/star-blue-blank.svg) no-repeat 0px 0px; }
.star-count-box .star_text { text-align: center; color:#93A4AA; font-size: 14px; }
.bottom_fix { position: fixed; bottom:20px; left:0; width:100%; }

@media (max-width:768px){
.mapquest .logo img { max-width:242px; }
.mapquest .content .subtitle { font-size: 20px; }
.mapquest .threeDivs .container { max-width:230px; }
.mapquest .threeDivs .box .icon img { max-height: 24px; }

.mapquest .information .big { font-size: 17px; }
.mapquest .information .btn { padding: 12px 15px; font-size: 18px; }
.mapquest .information .note p { font-size: 12px; }


}

/*font*/

@font-face {
    font-family: 'Sans-Reg';
    src: url('./fonts/SourceSansPro-Regular.otf');
}
@font-face {
    font-family: 'Sans-Light';
    src: url('./fonts/SourceSansPro-Light.otf');
}
/*font*/
.grey-backg{background: #f2f2f2;margin: 0;}
.contain-area{/*margin-top: 56px;*/}
.getstart-txt {
    font-family: 'Sans-Light';
    font-size: 18px;
    color: #93a4aa;
    text-align: center;
    display: inline-block;
    width: 100%;
    padding: 20px 0;
    border-bottom: 1px solid #b2c6cd;
    margin: 0;
    line-height: 24px;
    font-weight: 300;
}
.white-txtbg{background: #ffffff;border-bottom: 1px solid #b2c6cd;padding:0px 0px 0 15px;float: left;width: 100%;position: relative;box-sizing: border-box;}

/*Textbox animation*/
.text-area input,
.text-area span,
.text-area label,
.text-area textarea {
    font-family:'Sans-Light';
    display: block;
    margin: 10px;
    padding: 5px;
    border: none;
    font-size: 22px;
}

.text-area textarea:focus,
.text-area input:focus {
    outline: 0;
}
/* Question */

.text-area input.question,
.text-area textarea.question {
    font-size: 20px;
    font-weight: 300;
    border-radius: 2px;
    margin: 15px 0 7px 0;
    border: none;
    width: 80%;
    transition: padding-top 0.2s ease, margin-top 0.2s ease;
    overflow-x: hidden; /* Hack to make "rows" attribute apply in Firefox. */
}
/* Underline and Placeholder */

.text-area input.question + label,
.text-area textarea.question + label {
    display: block;
    position: relative;
    white-space: nowrap;
    padding: 0;
    margin: 0;
    width: 10%;
    -webkit-transition: width 0.4s ease;
    transition: width 0.4s ease;
    height: 0px;
}

.text-area input.question:focus + label,
.text-area textarea.question:focus + label {
    width: 80%;
}

.text-area input.question:focus,
.text-area input.question:valid {
    padding-top: 5px;
    /*padding-top: 35px;*/
}

.text-area textarea.question:valid,
.text-area textarea.question:focus {
    margin-top: 35px;
}

.text-area input.question:focus + label > span,
.text-area input.question:valid + label > span {
    top: -56px;
    font-size: 12px;
    color: $mid-grey;
}

.text-area textarea.question:focus + label > span,
.text-area textarea.question:valid + label > span {
    top: -150px;
    font-size: 22px;
}

.text-area input.question:valid + label,
.text-area textarea.question:valid + label {

}

.text-area input.question:invalid,
.text-area textarea.question:invalid {
    box-shadow: none;
}

.text-area input.question + label > span,
.text-area textarea.question + label > span {
    font-family: 'Sans-Light';
    font-weight: 100;
    margin: 0;
    position: absolute;
    color: #93a4aa;
    font-size: 20px;
    top: -45px;
    left: 0px;
    z-index: 0;
    -webkit-transition: top 0.2s ease, font-size 0.2s ease, color 0.2s ease;
    transition: top 0.2s ease, font-size 0.2s ease, color 0.2s ease;
}

.text-area input[type="submit"] {
    -webkit-transition: opacity 0.2s ease, background 0.2s ease;
    transition: opacity 0.2s ease, background 0.2s ease;
    display: block;
    opacity: 0;
    margin: 10px 0 0 0;
    padding: 10px;
    cursor: pointer;
}

.text-area input[type="submit"]:hover {
 /*background: #EEE;*/
}

.text-area input[type="submit"]:active {
 /*background: #999;*/
}

.text-area input.question:valid ~ input[type="submit"], .text-area textarea.question:valid ~ input[type="submit"] {
    -webkit-animation: appear 1s forwards;
    animation: appear 1s forwards;
}

.text-area input.question:invalid ~ input[type="submit"], .text-area textarea.question:invalid ~ input[type="submit"] {
    display: none;
}

@-webkit-keyframes appear {
    100% {
        opacity: 1;
    }
}

@keyframes appear {
    100% {
        opacity: 1;
    }
}
/*Textbox animation*/
.detail-box {
    position: relative;
    width: 100%;
    float: left;
}
.sep-line {
    width: 100%;
    height: 1px;
    background:#b2c6cd;
    padding: 0 0 0 0px;
    float: right;
}
.policy-txt {
    font-family: 'Sans-Light';
    font-size: 15px;
    color: #5e696d;
    text-align: center;
    display: inline-block;
    width: 100%;
    padding: 20px 0;
    margin: 0;
}
.policy-txt a{font-weight: 500;color:#02baf2;font-family: 'Sans-Reg';text-decoration: none;}.policy-txt a:hover{text-decoration: none;font-family: 'Sans-Reg';}
header{position: fixed;top: 0;width: 100%;background: #ffffff;padding:0px;border-bottom: 1px solid #b2c6cd;height: 64px;z-index: 1;}
.header-btn, header h1{font-family: 'Sans-Light';font-size: 18px;color: #000000;}
.header-btn{background: none;border: none;width: 20%;display: inline-block;text-align: left;padding: 0;}
header h1{width: 60%;display: inline-block;margin: 0;padding: 0;text-align: center;line-height: 24px;}
.qust-link{color: #02baf2;font-family: 'Sans-Reg';text-decoration: none;font-size: 15px;position: absolute;top: 18px;right: 20px;}
.qust-link:hover{text-decoration: none;}


/*Home Search*/
.home-screen { position: absolute; height: 100%; width: 100%; }
.home-header { position: fixed; top: 0; background: none; width:100%; padding: 10px; z-index: 10; box-sizing: border-box; }

.searchbg { border-radius: 5px; height: 44px; }
.serachicon { background: url("../images/Search_Gray.svg") no-repeat center; width: 44px; height: 44px; float: left; background-size: 20px; position: absolute; }
.searchinput { float:left; border: none; background: #ffffff; color:rgb(54,67,71); font-family: 'Sans-Light'; text-decoration: none; font-size: 20px; width: 74%; margin-right: 3%; height: 44px; padding: 9px 30px 9px 45px; box-sizing: border-box; border-radius: 4px; border: 1px solid rgb(214,225,229); }
.closebtn { width: 23%; height: 44px; float:left; background: #ffffff; text-align: center; padding:11px 10px; box-sizing: border-box; border-radius: 4px; border: 1px solid rgb(214,225,229); color:#000 !important; font-size: 14px !important; font-weight: 400 !important; text-decoration: none !important; }
.closebtn:hover { background: rgb(214,225,229); color:rgb(54,67,71) !important; }

::-webkit-input-placeholder { /* Chrome */
    color: rgb(147,164,170);
}
:-ms-input-placeholder { /* IE 10+ */
    color: rgb(147,164,170);
}
::-moz-placeholder { /* Firefox 19+ */
    color: rgb(147,164,170);
    opacity: 1;
}
:-moz-placeholder { /* Firefox 4 - 18 */
    color: rgb(147,164,170);
    opacity: 1;
}
textarea:focus, input:focus{
    outline: none;
}
/*Home Search*/

@media (max-width:480px){
.bottom_fix { position: fixed; bottom:20px; left:0; width:100%; }
}
@media (max-height:400px){
.bottom_fix { position: relative; }
}
@media (max-width:360px){
/*.bottom_drawer { height:80%; }
.bottom_drawer .drawer_base { height:85% !important; }
.bottom_drawer .drawer_base .wrapper { height: 100%;}*/
}
@media (min-width:340px){
.list_data .details.widthButton { width:50%; }

}

.height100Per { height: 100% !important; }
.graybg { background: #F7F9FA; }
.pt64 {  padding-top: 64px !important; }

.page_subtitle { width:100%; float:left; color:#93A4AA; font-size: 18px; font-weight: 400; text-align: center; padding: 0 15px; box-sizing: border-box; }

.wrapper { max-width: 480px; margin: 0 auto; }

.pl20 { padding-left: 20px !important; }
.pr10 { padding-right: 10px !important; }
.form_box { width:100%; float:left; border-top:1px solid #B2C6CD; border-bottom:1px solid #B2C6CD; padding: 0; background: #fff; }

.element_box { position: relative; width:100%; float:left; border-bottom: 1px solid #B2C6CD; margin:0; }
.element_box * { transition: all 0.4s ease; }
.element_box .label { font-size: 20px; line-height: 20px; top:18px; position: absolute; z-index: 1; color:#93A4AA; font-size: 20px; font-weight: 300; }
.element_box input[type="text"], .element_box input[type="tel"], .element_box input[type="email"], .element_box input[type="password"] { background: transparent; line-height: 50px; height: 50px; padding:20px 0 0 0; margin: 0 0 5px 0; width: 100%; border:0; }
.element_box.on .label { font-size: 14px; line-height: 14px; top:5px;  }
.element_box.on input[type="text"], .element_box.on input[type="tel"], .element_box.on input[type="email"], .element_box.on input[type="password"] {  }
.element_box input[type="text"]:focus + label, .element_box input[type="tel"]:focus + label, .element_box input[type="email"]:focus + label, .element_box input[type="password"]:focus + label { font-size: 14px; line-height: 20px; }
.element_box .lnk { position: absolute; top:50%; right:20px; z-index: 1; transform: translateY(-50%); color:#02BAF2; font-size: 14px; font-weight: 600; text-decoration: none; }
.element_box .lnk:hover { color:#364347; }
.element_box.last { border:0; }
.element_box .has-float-label .twitter-typeahead input { background: transparent !important; }
.saperator { width:100%; height: 1px; background: red; float:left; }
.element_box .tt-dropdown-menu { border-color:#B2C6CD; border-radius: 4px; }


.back_arrow { position: absolute; top: 22px; left:10px; }
.lnk_btn { position: absolute; top: 22px; left:10px; text-align: left; color:#02BAF2 !important; font-size: 20px; text-decoration: none; font-weight: 400 !important; }
.lnk_btn:hover { color:#02BAF2 !important; }
.done_btn { position: absolute; top: 20px; right:10px; text-align: right; color:#B2C6CD !important; font-size: 20px; text-decoration: none; font-weight: 400 !important; }
.done_btn:hover { color:#364347 !important; }
.done_btn.blue { color:#02BAF2 !important; }
.done_btn.blue:hover { color:#02BAF2 !important; }
.dtitle { width: 100%; float: left; padding: 0 65px 0 36px; color:#364347; font-size: 20px; font-weight: 400; text-align: center; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; box-sizing: border-box; margin: 19px 0; }
.dtitle.bt { padding:0 65px; }

.bill_list { width:100%; float:left; margin: 0 0 20px 0; padding: 0 50px; box-sizing: border-box; }
.bill_list .row { width:100%; float:left; margin: 0 0 5px 0; }
.bill_list .left_side { width:55%; float:left; text-align: left; font-size: 15px; color:#93A4AA; }
.bill_list .right_side { width:45%; float:left; text-align: right; font-size: 15px; color:#93A4AA; }
.bill_list .bold .left_side, .bill_list .bold .right_side { font-weight: 700; }

.form { width:100%; float:left; margin: 0; }

.box_search * { box-sizing: border-box; }
.box_search { width: 100%; float: left; padding: 20px; position: absolute; top: 0; left: 0; z-index: 10; box-sizing: border-box; }
.box_search .white-txtbg { margin: 0 0 10px 0; border-radius: 4px; border: 1px solid #d6e1e5; }
.box_search .vehicle-row-container { background: transparent; }
.box_search input[type="search"] { width: 100%; border: 1px solid #d6e1e5; padding: 25px 15px 15px 40px; height: 50px; border-radius: 4px; color: #364347; }
.box_search input[type="search"] + label { font-size: 16px; top: 14px; left: 40px; position: absolute; color: #b3b3b3; }
.box_search input:focus + label { font-size: 14px; top: 4px; }
.box_search input:valid + label { font-size: 14px; top: 4px; }
.box_search .fa-search { position: absolute; top: 16px; left: 12px; color: black; font-size: 18px; color: #5E696D; }
.box_search form { width:100%; float:left; }
.box_search form .form-group { width:100%; float:left; margin: 0 0 10px 0; }
.box_search .search_typehead { width:100%; float:left; background: #fff; position: relative; border:1px solid #D6E1E5; margin: 0 0 10px 0; border-radius: 4px; box-sizing: border-box; }
.box_search .search_typehead .row { width:100%; float:left; padding: 10px 10px 0 10px; }
.box_search .search_typehead .details { float:right; width: 83%; border-bottom:1px solid #D6E1E5; padding: 0 0 10px 0; }
.box_search .search_typehead .details.last { border-bottom: 0; }
.box_search .search_typehead .details .info { width:80%; float:left; }
.box_search .search_typehead .details .info .title { width:100%; float:left; font-size: 20px; color:#364347; }
.box_search .search_typehead .details .info .desc { width:100%; float:left; font-size: 15px; color:#93A4AA; }
.box_search .search_typehead .details .other_info { width:20%; float:left; text-align: center; }
.box_search .search_typehead .details .other_info .name { width:100%; float:left; text-align: center; font-size: 24px; color:#364347; }
.box_search .search_typehead .details .other_info .txt { width:100%; float:left; text-align: center; font-size: 12px; color:#364347; font-weight: 300; }

.thumb_Initial { width: 40px; height: 40px; background: #E1EEF3; float: left; margin:8px 10px 0 0; border-radius: 50%; font-weight: 600; font-size: 18px; color: #93a4aa; text-align: center; line-height: 40px; }
.thumb_Initial .fa { font-size: 26px; color:#B2C6CD; line-height: 40px; }

.search_typehead.full { width:100%; float:left; background: #fff; position: relative; margin: 0 0 10px 0; box-sizing: border-box; border-bottom: 1px solid #B2C6CD; }
.search_typehead.full .row { width:100%; float:left; padding: 10px 10px 0 10px; position: relative; }
.search_typehead.full .thumb_Initial { position: absolute; margin: 5px 0 0 0;  }
.search_typehead.full .details { float:right; width: 100%; border-bottom:1px solid #D6E1E5; position: relative; padding: 0 0 10px 50px !important; box-sizing: border-box; }
.search_typehead.full .details:after { content: ""; width:50px; height: 1px; background: #fff; position: absolute; top:100%; left:0; }
.search_typehead.full .details.last { border-bottom: 0; }
.search_typehead.full .details.last:after { width:0; }
.search_typehead.full .details .info { width:100%; float:left; }
.search_typehead.full .details .info .title { width:100%; float:left; font-size: 20px; color:#364347; }
.search_typehead.full .details .info .desc { width:100%; float:left; font-size: 15px; color:#93A4AA; }

.contentDiv #googleMap { width:100%; position: fixed !important; left:0; top:0; }

.has-float-label { display: block; position: relative; }
.has-float-label label, .has-float-label > span { position: absolute; left: 0; top: 0; cursor: text; opacity: 1; -webkit-transition: all .2s; transition: all .2s; color: #b3b3b3; font-size: 12px; }
.has-float-label input, .has-float-label select { font-size: inherit; padding-top: 1em; margin-bottom: 2px; border: 0; border-radius: 0; border-bottom: 2px solid rgba(0, 0, 0, 0.1); }
.has-float-label input::-webkit-input-placeholder, .has-float-label select::-webkit-input-placeholder { opacity: 1; -webkit-transition: all .2s; transition: all .2s; }
.has-float-label input::-moz-placeholder, .has-float-label select::-moz-placeholder { opacity: 1; -webkit-transition: all .2s; transition: all .2s; }
.has-float-label input:-ms-input-placeholder, .has-float-label select:-ms-input-placeholder { opacity: 1; -webkit-transition: all .2s; transition: all .2s; }
.has-float-label input::placeholder, .has-float-label select::placeholder { opacity: 1; -webkit-transition: all .2s; transition: all .2s; }
.has-float-label input:placeholder-shown:not(:focus)::-webkit-input-placeholder, .has-float-label select:placeholder-shown:not(:focus)::-webkit-input-placeholder { opacity: 0; }
.has-float-label input:placeholder-shown:not(:focus)::-moz-placeholder, .has-float-label select:placeholder-shown:not(:focus)::-moz-placeholder { opacity: 0; }
.has-float-label input:placeholder-shown:not(:focus):-ms-input-placeholder, .has-float-label select:placeholder-shown:not(:focus):-ms-input-placeholder { opacity: 0; }
.has-float-label input:placeholder-shown:not(:focus)::placeholder, .has-float-label select:placeholder-shown:not(:focus)::placeholder { opacity: 0; }
.has-float-label input:placeholder-shown:not(:focus) + *, .has-float-label select:placeholder-shown:not(:focus) + * { color: #b3b3b3; font-size: 16px; top: 14px; }
.has-float-label input[readonly] + label { color: #b3b3b3 !important; font-size: 14px; top: 4px; }
.has-float-label input:focus, .has-float-label select:focus { outline: none; }
.has-float-label-button input { height: 54px; padding: 0; margin: 0; width: 100%; text-align: left; color:#93A4AA; font-size: 20px; font-weight: 300; font-family: 'Source Sans Pro', sans-serif !important; border:0; cursor: pointer; background: url(../images/RightArrow.svg) no-repeat 96% 50%; }
.element_box .has-float-label input { border-bottom:0; height: 54px; padding: 20px 0 0 0; width:100%; }
.element_box .has-float-label .label { font-size: 20px; line-height: 20px; top:14px; position: absolute; z-index: 1; color:#93A4AA; font-size: 20px; font-weight: 300; }
.element_box .has-float-label input:placeholder-shown:not(:focus) + *, .element_box .has-float-label select:placeholder-shown:not(:focus) + * { color: #93A4AA; font-size: 20px; top: 16px; font-weight: 300; }
.element_box .has-float-label label, .has-float-label > span { top:4px; color:#93A4AA; font-size: 14px; }
.infotext { width:100%; float:left; text-align: center; color:#5E696D; margin:15px 0; font-size: 15px; font-weight: 400; box-sizing: border-box; }
.infotext a { color:#02BAF2; font-weight:600; }
.element_box .has-float-label.credit_number .fa-credit-card-alt { position: absolute; top:20px; left:0; font-size: 22px; color:#B2C6CC; }
.element_box .has-float-label.credit_number .img { width:30px; height:auto; position: absolute; top:20px; left:0; }
.element_box .has-float-label.credit_number .img img { width:100%; }
.element_box .has-float-label.credit_number input { padding: 20px 65px 0 35px !important; }
.element_box .has-float-label.credit_number .camera_btn { position: absolute; top:10px; right:20px; width:40px; height: 40px; background:#E1EEF3; border-radius: 50%; text-align: center; }
.element_box .has-float-label.credit_number .camera_btn .fa { color:#B2C6CC; line-height: 40px; font-size: 20px; }
.element_box .has-float-label.credit_number .camera_btn:hover { background:#B2C6CC; }
.element_box .has-float-label.credit_number .camera_btn:hover .fa { color:#fff; }
.element_box .has-float-label.credit_number label { padding-left: 35px; }
.element_box.half_textbox .has-float-label { width:50%; float:left; }
.element_box.half_textbox input { padding-right: 40px; }
.element_box.half_textbox .htlp_btn { position: absolute; top:18px; right:10px; width:22px; height: 22px; border-radius: 50%; background:#E1EEF3; text-align: center; }
.element_box.half_textbox .htlp_btn .fa { color:#B2C6CC; line-height: 22px; font-size: 18px; }
.element_box .has-float-label .green_tick { position: absolute; top:18px; right:20px; width:22px; height: 22px; border-radius: 50%; background:#45B4AB; text-align: center; }
.element_box .has-float-label .green_tick .fa { color:#fff; line-height: 22px; font-size: 14px; }

.bh52 .has-float-label-button input { height: 52px; }

.form-group.box { position: relative; }
.fullboxSearch * { box-sizing: border-box; }
.fullboxSearch { width: 100%; float: left; box-sizing: border-box; background: white; padding: 0; border-bottom: 1px solid #B2C6CD; position: relative; }
.fullboxSearch input[type="search"], .fullboxSearch input[type="text"] { width: 100%; float: left; border: 0; padding: 22px 35px 12px 35px; text-overflow: ellipsis; }
.fullboxSearch label { left: 35px; }
.fullboxSearch .fa { position: absolute; top: 20px; left: 8px; font-size: 18px; color: #5E696D; }

.ui-btn-icon-notext:after, .ui-btn-icon-top:after, .ui-btn-icon-bottom:after { color:#f00 !important; }
.fullboxSearch .close:focus { background: url(../images/Cancel_New.svg) no-repeat 100% 50%; background-size: 40px; }
.fullboxSearch .ui-input-clear { font:normal normal normal 14px/1 'FontAwesome' !important; position: absolute !important; top:0 !important; right:0 !important; font-size: 20px !important; display: inline-block; }

.searchwithClose { position: relative; width:100%; float:left; }
.searchwithClose input {  }
.searchwithClose .close { display: none; position: absolute; top:23 !important; right:15 !important; margin: 0 !important; }
.searchwithClose .close .fa { position: relative; top:0; left:0; }
.searchwithClose .close.on { display: block; }

/*.pac-container { border:5px solid #f00 !important; box-sizing: border-box; }
.pac-icon { width: 40px; height: 40px !important; float:left; box-sizing: border-box; background: #E1EEF3; background-image:inherit !important; border-radius: 50%; font-weight: 600; font-size: 18px; color: #93a4aa; text-align: center; line-height: 40px; }
.pac-item:hover .pac-icon { background-image:inherit !important; }
.pac-icon-marker { background-position: 3px -320px; position: relative; }
.pac-icon-marker:after { position: absolute; top:0; left:0; width:40px; height: 40px; font-size: 26px; color:#B2C6CD; content:"\f041"; font-family: 'FontAwesome'; }
.pac-item-query { float:left; font-size: 20px; line-height: 24px; color:#364347; margin: 0; padding: 0; }
.pac-item span:last-child { width:100%; float:left; font-size: 15px; line-height: 18px; color:#93A4AA; margin: 0; padding: 0;  }*/

.newHeader { border-bottom:1px solid rgb(178,198,205) !important; }
.newHeader .headerlogo { width:100% !important; max-width:100%; text-align: center; padding: 13px 0; }
.newHeader .headerlogo img { max-height:39px; width:auto !important; float: none; display: inline-block; }


.aqua_haze_bg { background: #F7F9FA; }
.rate_form { width: 100%; float: left; box-sizing: border-box; padding-top: 64px !important; padding: 15px; padding-bottom: 85px; min-height: 100%; position: absolute; top: 0; left: 0; }
.rate_form .title { width:100%; margin: 0 0 10px 0; float:left; text-align: center; font-size: 20px; color:#374347; }
.rate_form .rate_faces { width:100%; float:left; text-align: center; margin: 10px 0 30px 0; }
.rate_form .rate_faces .rate_face { width:40px; height: 40px; margin: 0 12px; display: inline-block; vertical-align: middle; }
.rate_form .rate_faces .rate_face.face1 { background: url('../images/Rating1_Unselected.svg') no-repeat 50% 50%; }
.rate_form .rate_faces .rate_face.face1.filled { background: url('../images/Rating1_Filled.svg') no-repeat 50% 50%; }
.rate_form .rate_faces .rate_face.face1.selected { background: url('../images/Rating1_Selected.svg') no-repeat 50% 50%; }
.rate_form .rate_faces .rate_face.face2 { background: url('../images/Rating2_Unselected.svg') no-repeat 50% 50%; }
.rate_form .rate_faces .rate_face.face2.filled { background: url('../images/Rating2_Filled.svg') no-repeat 50% 50%; }
.rate_form .rate_faces .rate_face.face2.selected { background: url('../images/Rating2_Selected.svg') no-repeat 50% 50%; }
.rate_form .rate_faces .rate_face.face3 { background: url('../images/Rating3_Unselected.svg') no-repeat 50% 50%; }
.rate_form .rate_faces .rate_face.face3.filled { background: url('../images/Rating3_Filled.svg') no-repeat 50% 50%; }
.rate_form .rate_faces .rate_face.face3.selected { background: url('../images/Rating3_Selected.svg') no-repeat 50% 50%; }
.rate_form .rate_faces .rate_face.face4 { background: url('../images/Rating4_Unselected.svg') no-repeat 50% 50%; }
.rate_form .rate_faces .rate_face.face4.filled { background: url('../images/Rating4_Filled.svg') no-repeat 50% 50%; }
.rate_form .rate_faces .rate_face.face4.selected { background: url('../images/Rating4_Selected.svg') no-repeat 50% 50%; }
.rate_form .rate_faces .rate_face.face5 { background: url('../images/Rating5_Unselected.svg') no-repeat 50% 50%; }
.rate_form .rate_faces .rate_face.face5.filled { background: url('../images/Rating5_Filled.svg') no-repeat 50% 50%; }
.rate_form .rate_faces .rate_face.face5.selected { background: url('../images/Rating5_Selected.svg') no-repeat 50% 50%; }

.red_items_box { width:100%; float:left; margin: 0 0 20px 0; }
.red_items_box * { box-sizing: border-box; }
.red_items_box a.box { width:100%; background: #fff; float:left; text-decoration: none; border:1px solid #F5474A; border-radius: 3px; margin: 0 0 10px 0; padding:12px 10px; }
.red_items_box a.box .fa { color:#F5474A; font-size: 20px; font-weight: 600; margin-right: 10px; }
.red_items_box a.box .name { color:#F5474A; font-size: 20px; font-weight: 600; }
.red_items_box a.box:hover, .red_items_box a.box.active { background:#F5474A; }
.red_items_box a.box:hover .fa-minus:before, .red_items_box a.box.active .fa-minus:before { content: "\f00c"; color:#fff; }
.red_items_box a.box:hover .name, .red_items_box a.box.active .name { color:#fff; }
.red_items_box a.box:last-child { margin-bottom:0; }

.green_items_box { width:100%; float:left; margin: 0 0 20px 0; }
.green_items_box * { box-sizing: border-box; }
.green_items_box a.box { width:100%; background: #fff; float:left; text-decoration: none; border:1px solid #44B5AB; border-radius: 3px; margin: 0 0 10px 0; padding:12px 10px; }
.green_items_box a.box .fa { color:#44B5AB; font-size: 20px; font-weight: 600; margin-right: 10px; }
.green_items_box a.box .name { color:#44B5AB; font-size: 20px; font-weight: 600; }
.green_items_box a.box:hover, .green_items_box a.box.active { background:#44B5AB; }
.green_items_box a.box:hover .fa-plus:before, .green_items_box a.box.active .fa-plus:before { content: "\f00c"; color:#fff; }
.green_items_box a.box:hover .name, .green_items_box a.box.active .name { color:#fff; }
.green_items_box a.box:last-child { margin-bottom:0; }

.feedback_pg { width: 100%; float: left; box-sizing: border-box; padding-top: 64px !important; padding: 15px; padding-bottom: 70px; height: 100%; position: absolute; top: 0; left: 0; }
.feedback_pg .title { width:100%; margin: 0 0 10px 0; float:left; text-align: center; font-size: 36px; color:#374347; }
.feedback_pg .msg { width:100%; line-height: 140%; margin: 0 0 10px 0; box-sizing: border-box; padding: 0 15px; float:left; text-align: center; font-size: 20px; color:#374347; }
.feedback_pg .msg a { font-size: 20px; color:#02BAF2; font-weight:400; text-decoration: none; }
.feedback_pg .msg a:hover { text-decoration: underline; }
.feedback_pg .msg.msg_txt {
    max-width: 335px;
    margin: 0 auto;
    float: none;
    margin-bottom: 25px;
}
.feedback_pg .smily { width:100%; float:left; text-align: center; min-height: 70px; max-height: 70px; margin: 20px 0 30px 0; }
.feedback_pg .smily img { display: inline-block; width: 100%; max-height: 70px; }

.bottom_fix.new { bottom:0; padding: 15px 15px; background: #F7F9FA; }

.smily_faces { width:100%; float:left; text-align: center; margin: 10px 0 30px 0; }
.smily_faces .smily_face { width:40px; height: 40px; background: url('../images/Rating5_Filled.svg') no-repeat 50% 50%; margin: 0 8px; display: inline-block; vertical-align: middle; }
.smily_faces .smily_face.selected { width:70px; height: 70px; background: url('../images/Rating5_Done.svg') no-repeat 50% 50%; }

@media (max-width:361px) {
    .rate_form .rate_faces .rate_face { margin:0 6px; }
}

body.bmwTA { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; background: #1a1c1d !important;  }
body.bmwTA, body.bmwTA p, body.bmwTA h1 { font-family: 'bmw_regular', sans-serif !important; font-weight: normal; }
.bmwTA .head-fix-area { background:#1a1c1d !important; }

.bmwTA .bottom_drawer .drawer_base { background:#1a1c1d !important; }
.bmwTA .bottom_drawer .drawer_base .top_link a { color:#ff5500; font-size:14px; font-family: 'bmw_light', sans-serif !important; font-weight: normal; }
.bmwTA .bottom_drawer .drawer_base input[type="text"] { color:#93A4AA; }
.bmwTA .bottom_drawer .drawer_base ::-webkit-input-placeholder { color:#93A4AA; }
.bmwTA .bottom_drawer .drawer_base ::-moz-input-placeholder { color:#93A4AA; }
.bmwTA .bottom_drawer .drawer_base ::-ms-input-placeholder { color:#93A4AA; }
.bmwTA .bottom_drawer .drawer_base ::-o-input-placeholder { color:#93A4AA; }
.bmwTA .bottom_drawer .center_icon_base { background:#1a1c1d !important; }

.bmwTA .progress_box .title { color:#ffffff; font-family: 'bmw_regular', sans-serif !important; font-weight: normal; }
.bmwTA .progress_box .subtitle { color:#a0a0a0; font-size:16px; font-style: normal; font-family: 'bmw_light', sans-serif !important; font-weight: normal; }
.bmwTA .progress_bar { background:#282a2c; }
.bmwTA .progress_bar .progress_meter { background: #5a5a5a; }

.bmwTA .list_data .row:after { background: #282a2c; }
.bmwTA .list_data .thumb_Initial { background: #d6e1e5; font-weight: 600; color: #93a4aa; margin-top: 3px; }
.bmwTA .list_data .thumb_Initial .fa { font-size: 18px; color: #93a4aa; line-height: 40px; }
.bmwTA .list_data .icon { font-weight: 600; font-size: 18px; color: #93a4aa; }
.bmwTA .list_data .details .name { color:#ffffff; font-size:16px; }
.bmwTA .list_data .details .value { color:#a0a0a0; }
.bmwTA .list_data .details .link { color:#93A4AA; }
.bmwTA .list_data .details .price { color:#374347; }

.bmwTA .orangeHover { background: #404648 !important; color: #ffffff !important; border-color:transparent !important; font-weight: normal !important; }
.bmwTA .orangeHover:hover { background: #e1eef3 !important; color: #364347 !important; }

.bmwTA .orangeHover.red { background: #cc0000 !important; color: #ffffff !important; }
.bmwTA .orangeHover.red:hover { background: #F84545 !important; }

.bmwTA .bottom_fix .lnk { color:#ff5500; }

.bmwTA .list_data.nothumb { border-top: 1px solid #B2C6CD; border-bottom: 1px solid #B2C6CD; }
.bmwTA .list_data.nothumb .link { color:#364347; }

.bmwTA .list_data .besideButton .orangeHover { text-transform: none; padding: 0 12px; font-weight: normal !important; }

.bmwTA .bottom_fix .btnClose { background: #404648 !important; color: #ffffff !important; border-color:transparent !important; }
.bmwTA .bottom_fix .btnClose:hover { background: #e1eef3 !important; color: #364347 !important; }

.bmwTA .bottom_fix .btn { background: #404648 !important; color: #ffffff !important; border-color:transparent !important; }
.bmwTA .bottom_fix .btn:hover { background: #e1eef3 !important; color: #364347 !important; }

.bmwTA .bottom_fix .orangeHover { background: #404648 !important; color: #ffffff !important; border-color:transparent !important; font-weight: normal !important; }
.bmwTA .bottom_fix .orangeHover:hover { background: #e1eef3 !important; color: #364347 !important; }

.bmwTA .feedback_pg .msg a { color:#404648; }
.bmwTA .feedback_pg .msg a:hover { text-decoration: underline; }

.bmwTA .bmwThanks .feedback_pg.bmw_black_bg {
    background: #1a1c1d;
}
.bmwTA .bmwThanks .feedback_pg .msg {
    font-size: 16px;
    color: #ffffff;
}
.feedback_pg .title {
    font-size: 24px;
    color: #ffffff;
    margin-top: 5px;
    margin-bottom: 15px;
}
.feedback_pg .title.thanks_hd {
    font-size: 36px;
    color: #364347;
    margin-top: 0;
    margin-bottom: 15px;
}
/* Survey Page CSS */
.bmwTA .bmwSurvey .rate_form {
    background: #1a1c1d;
}
.bmwTA .bmwSurvey .rate_form .title {
    color: #ffffff;
    font-size: 16px;
}
.bmwTA .bmwSurvey .rate_form .title.sub-hd {
    text-align: center;
    max-width: 260px;
    float: none;
    margin: 0 auto;
}
.bmwTA .bmwSurvey .rate_form .title.title-hd {
    font-size: 24px;
    margin-top: 5px;
}
.bmwTA .bmwSurvey .bottom_fix.new {
    background: #1a1c1d;
}
.bmwTA .bmwSurvey .bottom_fix .btn {
    text-transform: none;
    font-size: 16px;
    padding: 17px 15px 15px 15px;
    font-weight: 400;
}
.bmwTA .newHeader .headerlogo {
    padding: 0 !important;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 64px;
}
.bmwTA .newHeader .headerlogo img {
    max-height: 50px;
}
.bmwTA .bmwSurvey .rate_form .rate_faces .rate_face.face1 { background: url('../images/bmw_Rating1_Unselected.svg') no-repeat 50% 50%; }
.bmwTA .bmwSurvey .rate_form .rate_faces .rate_face.face2 { background: url('../images/bmw_Rating2_Unselected.svg') no-repeat 50% 50%; }
.bmwTA .bmwSurvey .rate_form .rate_faces .rate_face.face3 { background: url('../images/bmw_Rating3_Unselected.svg') no-repeat 50% 50%; }
.bmwTA .bmwSurvey .rate_form .rate_faces .rate_face.face4 { background: url('../images/bmw_Rating4_Unselected.svg') no-repeat 50% 50%; }
.bmwTA .bmwSurvey .rate_form .rate_faces .rate_face.face5 { background: url('../images/bmw_Rating5_Unselected.svg') no-repeat 50% 50%; }

.bmwTA .bmwSurvey .rate_form .rate_faces .rate_face.face1.selected { background: url(../images/bmw_rating1_Selected.svg) no-repeat 50% 50%; }
.bmwTA .bmwSurvey .rate_form .rate_faces .rate_face.face2.selected { background: url(../images/bmw_rating2_Selected.svg) no-repeat 50% 50%; }
.bmwTA .bmwSurvey .rate_form .rate_faces .rate_face.face3.selected { background: url(../images/bmw_rating3_Selected.svg) no-repeat 50% 50%; }
.bmwTA .bmwSurvey .rate_form .rate_faces .rate_face.face4.selected { background: url(../images/bmw_rating4_Selected.svg) no-repeat 50% 50%; }
.bmwTA .bmwSurvey .rate_form .rate_faces .rate_face.face5.selected { background: url(../images/bmw_rating5_Selected.svg) no-repeat 50% 50%; }
.bmwTA .bmwThanks .smily_faces .smily_face { background: url('../images/bmw_Rating5_Unselected.svg') no-repeat 50% 50%; }
.bmwTA .bmwThanks .smily_faces .smily_face.selected { background: url('../images/bmw_rating_done.svg') no-repeat 50% 50%; }
.bmwTA .bmwThanks .smily_faces { margin-bottom: 35px; }

header.poleStar {
    background-color: #000000 !important;
}
.poleStar .headerlogo {
    padding: 18px 0;
}