/*Lato fonts*/

@font-face {
  font-family: 'Lato-Light';
  src: url('fonts/Lato/Lato-Light.ttf');

}
@font-face {
  font-family: 'Lato-Regular';
  src: url('fonts/Lato/Lato-Regular.ttf');

}
@font-face {
  font-family: 'Lato-Bold';
  src: url('fonts/Lato/Lato-Bold.ttf');
}
@font-face {
  font-family: 'Lato-Semibold';
  src: url('fonts/Lato/Lato-Semibold.ttf');
}
@font-face {
  font-family: 'Lato-Heavy';
  src: url('fonts/Lato/Lato-Heavy.ttf');
}
@font-face {
  font-family: 'Lato-Italic';
  src: url('fonts/Lato/Lato-Italic.ttf');
}
@font-face {
  font-family: 'Lato-Heavy';
  src: url('fonts/Lato/Lato-Heavy.ttf');
}

@font-face {
  font-family: 'Lato-Black';
  src: url('fonts/Lato/Lato-Black.ttf');
}
@font-face {
  font-family: 'Lato-Medium';
  src: url('fonts/Lato/Lato-Medium.ttf');
}
/*Lato fonts*/

@font-face {
    font-family: 'Volvo Novum SemiLight';
    src: url('fonts/Volvo/VolvoNovum-SemiLight.eot');
    src: url('fonts/Volvo/VolvoNovum-SemiLight.eot?#iefix') format('embedded-opentype'),
        url('fonts/Volvo/VolvoNovum-SemiLight.woff2') format('woff2'),
        url('fonts/Volvo/VolvoNovum-SemiLight.woff') format('woff'),
        url('fonts/Volvo/VolvoNovum-SemiLight.ttf') format('truetype'),
        url('fonts/Volvo/VolvoNovum-SemiLight.svg#VolvoNovum-SemiLight') format('svg');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Volvo Novum';
    src: url('fonts/Volvo/VolvoNovum-Medium.eot');
    src: url('fonts/Volvo/VolvoNovum-Medium.eot?#iefix') format('embedded-opentype'),
        url('fonts/Volvo/VolvoNovum-Medium.woff2') format('woff2'),
        url('fonts/Volvo/VolvoNovum-Medium.woff') format('woff'),
        url('fonts/Volvo/VolvoNovum-Medium.ttf') format('truetype'),
        url('fonts/Volvo/VolvoNovum-Medium.svg#VolvoNovum-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Volvo Novum';
    src: url('fonts/Volvo/VolvoNovum-Bold.eot');
    src: url('fonts/Volvo/VolvoNovum-Bold.eot?#iefix') format('embedded-opentype'),
        url('fonts/Volvo/VolvoNovum-Bold.woff2') format('woff2'),
        url('fonts/Volvo/VolvoNovum-Bold.woff') format('woff'),
        url('fonts/Volvo/VolvoNovum-Bold.ttf') format('truetype'),
        url('fonts/Volvo/VolvoNovum-Bold.svg#VolvoNovum-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Volvo Novum';
    src: url('VolvoNovum-LightItalic.eot');
    src: url('VolvoNovum-LightItalic.eot?#iefix') format('embedded-opentype'),
        url('VolvoNovum-LightItalic.woff2') format('woff2'),
        url('VolvoNovum-LightItalic.woff') format('woff'),
        url('VolvoNovum-LightItalic.ttf') format('truetype'),
        url('VolvoNovum-LightItalic.svg#VolvoNovum-LightItalic') format('svg');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'Volvo Novum';
    src: url('fonts/Volvo/VolvoNovum-Italic.eot');
    src: url('fonts/Volvo/VolvoNovum-Italic.eot?#iefix') format('embedded-opentype'),
        url('fonts/Volvo/VolvoNovum-Italic.woff2') format('woff2'),
        url('fonts/Volvo/VolvoNovum-Italic.woff') format('woff'),
        url('fonts/Volvo/VolvoNovum-Italic.ttf') format('truetype'),
        url('fonts/Volvo/VolvoNovum-Italic.svg#VolvoNovum-Italic') format('svg');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Volvo Novum';
    src: url('fonts/Volvo/VolvoNovum-MediumItalic.eot');
    src: url('fonts/Volvo/VolvoNovum-MediumItalic.eot?#iefix') format('embedded-opentype'),
        url('fonts/Volvo/VolvoNovum-MediumItalic.woff2') format('woff2'),
        url('fonts/Volvo/VolvoNovum-MediumItalic.woff') format('woff'),
        url('fonts/Volvo/VolvoNovum-MediumItalic.ttf') format('truetype'),
        url('fonts/Volvo/VolvoNovum-MediumItalic.svg#VolvoNovum-MediumItalic') format('svg');
    font-weight: 500;
    font-style: italic;
}

@font-face {
    font-family: 'Volvo Novum SemiLight';
    src: url('fonts/Volvo/VolvoNovum-SemiLightItalic.eot');
    src: url('fonts/Volvo/VolvoNovum-SemiLightItalic.eot?#iefix') format('embedded-opentype'),
        url('fonts/Volvo/VolvoNovum-SemiLightItalic.woff2') format('woff2'),
        url('fonts/Volvo/VolvoNovum-SemiLightItalic.woff') format('woff'),
        url('fonts/Volvo/VolvoNovum-SemiLightItalic.ttf') format('truetype'),
        url('fonts/Volvo/VolvoNovum-SemiLightItalic.svg#VolvoNovum-SemiLightItalic') format('svg');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'Volvo Novum';
    src: url('fonts/Volvo/VolvoNovum-BoldItalic.eot');
    src: url('fonts/Volvo/VolvoNovum-BoldItalic.eot?#iefix') format('embedded-opentype'),
        url('fonts/Volvo/VolvoNovum-BoldItalic.woff2') format('woff2'),
        url('fonts/Volvo/VolvoNovum-BoldItalic.woff') format('woff'),
        url('fonts/Volvo/VolvoNovum-BoldItalic.ttf') format('truetype'),
        url('fonts/Volvo/VolvoNovum-BoldItalic.svg#VolvoNovum-BoldItalic') format('svg');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'Volvo Novum Light';
    src: url('fonts/Volvo/VolvoNovum-Light.eot');
    src: url('fonts/Volvo/VolvoNovum-Light.eot?#iefix') format('embedded-opentype'),
        url('fonts/Volvo/VolvoNovum-Light.woff2') format('woff2'),
        url('fonts/Volvo/VolvoNovum-Light.woff') format('woff'),
        url('fonts/Volvo/VolvoNovum-Light.ttf') format('truetype'),
        url('fonts/Volvo/VolvoNovum-Light.svg#VolvoNovum-Light') format('svg');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Volvo Novum';
    src: url('fonts/Volvo/VolvoNovum-Regular.eot');
    src: url('fonts/Volvo/VolvoNovum-Regular.eot?#iefix') format('embedded-opentype'),
        url('fonts/Volvo/VolvoNovum-Regular.woff2') format('woff2'),
        url('fonts/Volvo/VolvoNovum-Regular.woff') format('woff'),
        url('fonts/Volvo/VolvoNovum-Regular.ttf') format('truetype'),
        url('fonts/Volvo/VolvoNovum-Regular.svg#VolvoNovum-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}


body {
    /* background-color: #ecf0f1 !important; */
    background-color: #ffffff !important;
}
html,body{
    height:100%;
}
/* .height-calc{
        height: calc(100% + 72px) !important;
} */
p {
    padding-left: 10px;
    padding-right: 10px;
    font-family: 'Lato-Regular', sans-serif;
}
h1 {
    text-align: center;
    font-family: 'Lato-Regular', 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-Regular', sans-serif;
}

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

}

header {
    height: 70px;
}

.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 .headerlogo { max-width: 40%; float:left; padding: 15px 0; }
.head-fix-area .headerlogo img { width:100%; max-height: 40px; float:left; }

.head-fix-area .headerText { padding: 9px 0; float: right; }
.head-fix-area .headerText .headercap { font-family: 'Lato-Bold'; font-size: 24px; color: #222; float:right; margin: 0px auto; text-align: center; line-height: 30px; }
.head-fix-area .headerText .powered { float: right; clear: both; font-size: 12px; color:#222; text-shadow: 0 0 0; }


.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-Regular';
    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-Regular';
    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-Regular';
    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-Regular';
    font-style: normal;
    font-weight: 300;
    font-size: 32px;
    color: #f8f8f8;
    text-align: left;
    padding: 0px;
    margin: 0px;
}

.info_cont h2 {
    font-family: 'Lato-Regular';
    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-Regular';
    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: 30px;
    top: 0px;
    cursor: pointer;
}
header .infoicon a{
    display: block;
    height: 50px;
    width: 50px;
}
header .infoicon a > svg{
    display: block;
    padding-top: 20px;
    padding-left: 13px;
}

/*					/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-0 {
    margin-top: 0px !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;
}
.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-Regular';
    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-Regular';*/
    font-family:'Arial';
    font-style: normal;
    font-weight: 400;
    font-size: 24px;
    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-Regular';
    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: #222;
    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-Regular';
    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-Regular';
    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-Regular';
    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;
    background: #fff;
}
.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.png) no-repeat 0px 0px;*/
    background: url(../images/star_blue.png) 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.png) no-repeat 0px 0px;*/
    background: url(../images/star-blank_blue.png) 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,.bot-fix-area .star-count.green .star-blank {
    background: url(../images/star_green.svg) no-repeat 0px 0px;
    background-size: 100%;
    width:29px; height: 29px;
}
.bot-fix-area .star-count.green .star-blank {
    background: url(../images/star_blank_green.svg) no-repeat 0px 0px;
    background-size: 100%;
    width:29px; height: 29px;
}
.head-fix-area {
    width: 100%;
    box-sizing: border-box;
    /*    position: fixed;*/
    top: 0;
    z-index: 1;
    /* background-color: #ecf0f1 !important; */
    background-color: #fff !important;
    padding:0 15px;
}

.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-Regular' !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-Regular' !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-Regular';
    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: #222;
    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: #222 !important;
}
.i-f-txtbox-ta {
    height: 40px;
    width: 100%;
    font-size: 24px;
    font-family: Lato;
    border: 1px solid #979797 !important;
    font-weight: 400;
    color: #222 !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: #222 !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-Regular' !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-Regular' !important;
    font-style: normal !important;
    font-weight: 100 !important;
    font-size: 18px !important;
    color: #222 !important;
}

.i-f-txtbox-placeholder {
    height: 40px;
    width: 100%;
    font-size: 24px;
    font-family: Lato;
    border: 1px solid #979797 !important;
    font-weight: 400;
    color: #222 !important;
}
.i-f-txtbox1 {
    font-family: 'Lato-Regular';
    font-style: normal;
    font-size: 16px;
    color: #222;
    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: #222 !important;
    font-family: 'Lato-Regular' !important;
    font-style: normal !important;
    font-weight: 300 !important;
}

#btnSelectModel, #btnSelectColor {
    display: none;
}

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

.width-auto {
    width: auto !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-Regular' !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: #222 !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;
    margin-top: 65px;
}
.summary-cont-receipt small{
    font-family: 'Lato-Regular';
    font-style: normal;
    font-weight: 300;
    font-size: 16px;
    color: #4A4A4A;
    background: transparent;
}

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


.summary-cont h1 {
    margin: 0px;
    padding: 0px;
    color: #222;
    font-family: 'Lato-Regular';
    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: #222;
    font-family: 'Lato-Bold';
    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-Regular';
    font-style: normal;
    font-weight: 300;
    font-size: 14px;
}

.summary-cont p {
    padding: 0px;
    margin: 0px;
    font-family: 'Lato-Regular';
    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-Regular';
    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-Regular';
    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-Regular' !important;
    font-style: normal;
    font-weight: 300;
}

.pri_main .pri_in p {
    font-family: 'Lato-Regular' !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-Regular';
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    color: #525252;
    text-align: center;
    margin-bottom: 6px;
}

.n-s-provider {
    font-family: 'Lato-Regular';
    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: 0 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-Regular';
    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: #666666;
    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: #666666;
    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: #666666;
    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: #808080;
    font-family: 'Lato-Regular';
    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.blue {
    background: url(../images/callus-icon_blue.svg) no-repeat 5px 1px;
}

.bot-fix-area .call-cont-calldrive .call-us.blue {
    background: url(../images/callus-icon_blue.svg) no-repeat 5px 1px;
}

.bot-fix-area .call-cont-calldrive .call-us.cyan {
    background: url(../images/callus-icon_blue.svg) no-repeat 5px 1px;
}
.bot-fix-area .call-cont-calldrive .call-us.green {
    background: url(../images/callus-icon_green.svg) no-repeat 5px 1px;
}

.bot-fix-area .call-cont-calldrive .call-us-txt {
    color: #222;
    font-family: 'Lato-Regular';
    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-Regular';
    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;
}
.head-fix-area.borderbottom { border-bottom:5px #000000 solid !important; }
.contacting .head-fix-area .cancel-txt {
    text-transform: uppercase;
    color: #666666;
    font-family: 'Lato-Regular';
    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-Regular';
           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-Regular';
    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-Regular';
    font-style: normal;
    font-weight: 300;
    font-size: 16px;
    padding-top: 25px;
}

.contacting .contacting-data .find-clo-driver {
    color: #565656;
    font-family: 'Lato-Regular';
    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-Regular', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    color: #222;
    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-Regular';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    color: #222;
    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;
}
.tracker-cancel-txt{
    text-transform: uppercase;
    color: #666666;
    font-family: 'Lato-Regular';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    float: right;
    cursor: pointer;
    position: absolute;
    right: 10px;
    top: 25px;
}

.map-marker-cont {
    float: left;
    width: 100%;
    padding: 10px;
    margin-bottom: 10px;
    box-sizing: border-box;
}
.dist-estimate {
    padding: 0px 10px 0px 10px;
    margin: 0px;
    font-family: 'Lato-Regular';
    font-style: normal;
    float: left;
}
.dist-estimate label {
    font-weight: 300;
    font-size: 19px;
    color: #222;
}
.dist-estimate span {
    font-weight: 400;
    font-size: 19px;
    color: #222;
}
.dist-estimate p {
    padding: 0px;
    margin: 0px;
    font-weight: 300;
    font-size: 16px;
    color: #222;
    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-Regular';
    font-style: normal;
    font-weight: 300;
    font-size: 20px;
    color: #222;
    padding: 0px;
    margin: 0px;
    line-height: 24px;
    float: left;
    cursor: pointer;
}

.never-mind {
    font-family: 'Lato-Regular';
    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-Regular';
    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-Regular';
    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-Regular';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 30px;
    float: right;
    cursor: pointer;
}

.authorization .serv-pro-info {
    font-family: 'Lato-Regular';
    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: #222;
    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-Regular';
    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-Regular';
    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: #222;
    font-family: 'Lato-Regular';
    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-Regular';
    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-Regular';
    font-style: normal;
    font-weight: 300;
    font-size: 18px;
    color: #222;
    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: #222;
}

.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-Regular';
    font-style: normal;
    font-weight: 300;
    font-size: 18px;
    color: #222 !important;
}

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

#year option {
    font-family: 'Lato-Regular' !important;
    font-style: normal !important;
    font-weight: 300 !important;
    font-size: 24px !important;
    color: #222 !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: #2980B9;*/
    background-color: #438ac9;
    height: 15px;
    width: 15px;
    border-radius: 12px;
}
.red-dot{
    /*background-color: #C0392B;*/
    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;
}


@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:4;
    /*background-color: rgba(21,21,21,0.7); !*dim the background*!*/
    background-color: rgba(21,21,21,0.4); /*dim the background*/
}
.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-Regular';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    position:absolute;
    z-index: 4;
    background-color:#fff;
    /* background-color: #ecf0f1; */
    width:90%;
    height:auto;
    margin:20px auto;
    border-radius: 6px;
    text-align: center;
    padding: 20px 0px 0px 0px;
    top:30%;
    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%);
}
.popup-cont-dialog .width100Percent { float:left; margin:0 0 8px 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-Regular';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    color: #222;
    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-Regular';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    color: #222;
    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-Regular';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    color: #222;
    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;

}

/*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: 25%;
        float: right;
        margin-top: -23px;
    }

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

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

    .bot-fix-area .call-cont .call-us-txt {
        float: right;
        margin: 5px 0px 11px 0px;
        width: initial;
    }

    /*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: 10px 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-Regular';
        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: 10px 0px 0px 0px;
        font-family: 'Open Sans Condensed';
        font-style: normal;
        font-weight: 700;
        font-size: 13px;
        color: #666666;
        width: 80px;
        text-align: center;
        margin-bottom: 5px;
        height: 15px;
        text-align: left;
        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;*/
    width:100%;
    height:100%;
    margin:0;
    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:#1E55FF !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;
}
.width100Percent{
    width:100% !important;
}
@media (max-width:320px) {
    .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;
}

.vehicleContent { width:100%; float:left; margin-top: 40px; padding:15px 20px; font-family: 'Lato-Regular', 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; }
.vehicleContent .title { color:#666666; font-weight: normal; }
.vehicleContent p { color:#666666; margin:0 0 10px 0; padding: 0; }
.vehicleContent a, .vehicleContent p a { color:#527799; text-decoration:none; }
.vehicleContent a:hover, .vehicleContent p a:hover { color:#527799; text-decoration: underline; }

.bmwApp * { font-family: 'Volvo Novum', sans-serif !important; }

.bmwApp header { height: 70px; }

.bmwApp .headertitle { width:100%; float:left; text-align: center; padding: 5px 0; }
.bmwApp .headertitle .headercap { width:100%; float:left; font-size: 24px; font-weight: 600; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.bmwApp .headertitle .headersubcap { width:100%; float:left; font-size: 20px; font-weight: 300; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

.bmwApp .status-ticker-tt { border-color:#246cd1; }
.bmwApp .head-fix-area.borderbottom { border-color:#246cd1 !important; }

.bmwApp .status-ticker-tt .y-vehicle { font-size: 18px; font-weight: 600; }
.bmwApp .status-ticker-tt .s-p-vehicle { font-size: 18px; font-weight: 600; }

.bmwApp .map-marker-cont { padding:20px 20px 10px 20px; }
.bmwApp .dist-estimate label { margin-bottom: 10px !important; }
.bmwApp .red-dot { background-color: #ff0000; }
.bmwApp .blue-dot { background-color: #1c69d4; }

.bmwApp .ui-footer { padding:0 15px; }
.bot-fix-area .rateExperience { width:100%; font-size: 20px; letter-spacing: 1px; float:left; padding:18px 15px !important; background:#666 !important; color:#fff !important; text-shadow: 0 0 0 !important; box-sizing: border-box; margin-bottom: 15px !important; }
.bot-fix-area .rateExperience.blue { background:#1c69d4 !important; }
.bot-fix-area .rateExperience.blue:hover { background:#246cd1 !important; }

.bmwApp .summary-cont-receipt h1 { font-family: 'Lato-Bold'; font-weight: 600; font-size: 18px; }
.bmwApp .summary-cont-receipt p { font-size:16px !important; }

.pt70 { padding-top: 70px; }

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

.clear { clear:both; }

.gap10 { height: 10px; }
.gap20 { height: 20px; }
.gap30 { height: 30px; }

.surveyPage .head-fix-area { padding:15px; height: auto; }
.surveyPage .head-fix-area.borderbottom { border-bottom: 40px solid #0142aa !important; }
.surveyPage .container { width:100%; padding:0 15px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; }
.surveyPage .note { width:100%; font-size: 27px; color:#000; font-family: 'Open Sans', sans-serif; font-weight: 300; }

.questionbox { width:100%; float:left; }
.questionbox ol { width:100%; float:left; margin:0; padding:0; list-style-position:inside; }
.questionbox ol li { width:100%; float:left; margin:0 0 20px 0; padding:0; color:#68a3d2; font-weight: 300; font-family: 'Open Sans', sans-serif; font-size: 27px; list-style-type: none;}
.questionbox ol li .question { display: inline-block; vertical-align: top; width:93%; }
.questionbox ol li .star-count-bmw { width:93%; max-width: 300px; float:left; display: table; margin:15px 0; padding: 15px; background:#f5f5f5; border-radius: 3px; }
.questionbox ol li .star-count-bmw .box { display: table-cell; }
.questionbox ol li .star-count-bmw .star, .questionbox ol li .star-count-bmw .star-blank { background: url(../images/Icon_Star_Filled.svg) no-repeat 0px 0px; width: 40px; height: 40px; display: inline-block; padding: 0; cursor: pointer; margin: 0 11px; }
.questionbox ol li .star-count-bmw .star-blank { background: url(../images/Icon_Star_Unfilled.svg) no-repeat 0px 0px; width: 40px; height: 40px; display: inline-block; padding: 0; cursor: pointer; margin:0 11px; }

.info_bubble { position: fixed; bottom:15px; right:15px; border-radius: 5px; padding:10px; background: #858585; text-align: center; }
.info_bubble img { width:45px; height: 45px; }

.buttonRow { width:100%; display: inline-block; margin:15px 0 30px 0; text-align: center; }
.buttonRow .button { margin:0 5px 10px 5px; background:#1e2157; text-shadow: 0 0 0; color:#fff; box-shadow:0 3px 0 rgba(0,0,0,0.1); border-radius: 4px; min-width:100px; text-decoration: none; padding:15px 25px; }
.buttonRow .button:hover { box-shadow: 0 0 10px #2683cc; color:#fff; }

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

.surveyThanks .summary-cont-receipt { padding: 0 15px; }
.surveyThanks .summary-cont-receipt .message { width:100%; text-align: center; font-weight: 300; font-size: 30px; font-family: 'Open Sans', sans-serif; }
.surveyThanks .summary-cont-receipt .done { margin:0 5px 10px 5px; border:1px solid transparent; background:#e0e0e0; text-shadow: 0 0 0; color:#000; box-shadow:0 3px 0 rgba(0,0,0,0.04); font-weight: 400; border-radius: 4px; min-width:100px; text-decoration: none; padding:20px 25px; min-width: 70px; display: inline-block; }
.surveyThanks .summary-cont-receipt .done:hover { background: #eee; border:1px solid #e0e0e0; }
.hideQues{diaplay:none}
.starQ{}

.bmwApp .buttonRow .button { background:#246cd1; font-weight: 300; padding: 10px 25px; box-shadow: 0 0 0; }
.bmwApp .bot-fix-area { bottom: 0px; } 
.bmwApp .profile_picture { width:90px; height: 90px; border-radius: 50%; position:relative; margin:-60px auto 10px auto; }
.bmwApp .profile_picture .img { width:90px; height: 90px; background-size:cover !important; overflow:hidden; border-radius: 50%; }
.bmwApp .profile_picture .status { position: absolute; width:15px; border:3px solid #fff; height: 15px; background:#000; border-radius: 50%; bottom:2px; right:2px; }
.bmwApp .profile_picture .status.online { background: #246cd1; }
.bmwApp .profile_picture .status.offline { background: #f84545; }
.bmwApp .profile_details { width:100%; float:left; text-align: center; margin:10px 0; }
.bmwApp .profile_details .company_name { width:100%; float:left; color:#000; font-family:'Lato-Bold'; margin:0 0 5px 0; text-transform: capitalize; font-weight: bold; font-size: 22px; }
.bmwApp .profile_details .user_name { width:100%; float:left; margin: 0 0 10px 0; }
.bmwApp .profile_details .ETA { width:100%; float:left; /*margin: 0 0 40px 0;*/ }
.bmwApp .profile_details .ETA label, .bmwApp .profile_details .ETA span { font-size:18px; font-family:'Lato-Bold'; color:#246cd1;font-weight: bold; }
.bmwApp .surveyThanks .summary-cont-receipt .message { width:100%; font-weight: bold; font-size: 30px; font-family: 'Open Sans', sans-serif; }

.bmwApp .status-ticker-tt .googlemapStatusTracker{ height: 250px !important; }
.bmwApp .status-ticker-tt .drivername { width:100%; position: absolute; font-size: 16px; letter-spacing: 1px; top:0; left: 0; text-shadow: 0 0 0; float:left; background: #246cd1; color:#fff; text-align: center; padding: 5px 5px 10px 5px; }

/*BMW Service Tracker*/
/*circle Navigation*/
.bmwApp .history_timeline {width: 100%;float: left;margin: 10px 0;text-align: center;}
.bmwApp .history_timeline .box {margin: 0 0 10px 0;display: inline;text-align: center;}
.bmwApp .history_timeline .number {width: 20px;height: 20px;font-size: 12px;font-weight: 100;text-align: center;background: #1c69d4;color: #fff;border: 5px solid #d7d7d7;position: relative;border-radius: 50%;display: inline-block;margin: 0 23px;line-height: 18px;}
.bmwApp .history_timeline .number:after {content: "";width: 63px;height: 7px;background: #d7d7d7;position: absolute;top: 7px;left: 23px;}
/*.history_timeline .detail { display: inline-block; color:#93A4AA; font-size: 16px; font-weight: 300; }
.history_timeline .detail strong { color:#364347; font-weight: 600; }*/
/*.bmwApp .history_timeline .box.last .detail strong { color: #93A4AA; }*/
.bmwApp .history_timeline .box.last.blue .number { background: #1c69d4; }
.bmwApp .history_timeline .box.grey .number { background: #999999; }

.bmwApp .history_timeline .box.last .number { background: #999999; }
.bmwApp .history_timeline .box.last .number:after { width:0; height: 0; }
.surveyData h3 {font-size: 22px; color: #000; padding: 0 20px; font-weight: 700; }
.bmwApp .questionbox ol li .star-count-bmw { width:100%; max-width: 300px; float:none; display: table; margin:0px auto 20px auto; padding: 0; background:none; border-radius: 0px; }
.bmwApp .star-text{ width:100%; max-width: 300px; float:none; display: table; margin:0 auto 10px auto; padding: 0; background:none; border-radius: 0px; }
.bmwApp .star-text span {padding: 0px;margin: 0px;font-family: 'Source Sans Pro', sans-serif !important;font-style: normal;font-weight: 600;font-size: 14px;color: #000;margin-bottom: 12px; width:auto; }
.bmwApp .star-text .ext-sat-txt{float: right;text-align: center;}
.bmwApp .sur-thnk-msg .message {font-weight: 600;font-size: 22px;font-family:'Source Sans Pro', sans-serif !important;text-align: left;padding: 0 20px; color:#000; }

.bmwApp #statusTracker { overflow: auto !important; }

/*circle Navigation*/
/*BMW Service Tracker*/
.progresCircleFilled{background: #1c69d4 !important}
.progresCircle{background: #999999 !important}

/*sliding navigation between the slides*/

#frame ul {
    margin: 0;
    padding: 0;
    position: relative;
    left:0;
    height:auto;
    list-style-type: none;
    -webkit-transform-style: preserve-3d;/*YAY lag is fixed on firefox*/
    -ms-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
    width:100%; float:left;
}

#frame ul li {
    margin: 0;
    padding: 0;
    list-style-type: none;
    float: left;
    width: 100vw;
    height: 100%;
    color: #FFF;
    text-align: center;

}
#frame ul li h3 { font-size: 22px;
    color: #000;
    padding: 0 20px;
    font-weight: 700; width:100%; float:left; box-sizing: border-box; }

/*end of sliding navigation between the slides*/

.spinner_loader { width:56px; height:56px; position: absolute; top:50%; left:50%; transform:translate(-50%,-50%); }
.spinner_loader img { width:100%; }

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

.rate_form { width: 100%; float: left; box-sizing: border-box; padding-top: 25px !important; padding: 15px; text-align: center; }
.rate_form .title { width:100%; margin: 0 0 20px 0; float:left; text-align: center; font-weight: 400; font-size: 17px; color:#333333; }
.rate_form .subTitle { width:100%; margin: 0 0 30px 0; float:left; text-align: center; font-weight: 400; font-size: 15px; color:#333333; }
.rate_form .rate_faces { width:100%; float:left; text-align: center; margin: 10px 0 20px 0; }
.rate_form .rate_faces .rate_face { width:41px; height: 40px; margin: 0 10px; 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%; }
.rate_form textarea { width:100%; resize: none; color: #303133 !important; padding: 8px 15px; border:1px solid #d6e1e5 !important; border-radius:0; min-height: 100px; max-width: 280px; margin:0 auto !important; margin-bottom: 30px !important; background-color: #f4f4f4; border: none !important; border-radius: 5px; display: block;}
*:focus { outline: none; }

.btn { width: 100%; border-radius: 4px; padding: 12px 15px; background: #fff; border:1px solid #d6e1e5; box-sizing: border-box; text-decoration: none; color: #02BAF2 !important; display: inline-block; font-size: 20px; font-weight: 600 !important; text-transform: uppercase; text-align: center; text-shadow: 0 0 0; }
.btn:hover { background: #e1eef3 !important; color: #364347 !important; }
.btn.dark { background: #004357 !important; color:#fff !important; }
.btn.dark:hover { background: #e1eef3 !important; color: #364347 !important; }
.btn.half { width:48%; }
.btn_gap { margin-right: 8px; }

.bottom_fix { width:100%; position: fixed; bottom:0; left:0; text-align: center; padding: 0 0px; box-sizing: border-box; z-index: 10; }
.bottom_fix .wrapper { margin-bottom: 0 !important; padding: 0 20px !important; }

.progress_bar { width:79%; max-width: 79% !important; box-sizing: border-box; background:rgba(216, 216, 216, 0.3); padding: 0px; border-radius: 0px; height: 3px; margin: 20px auto; }
.progress_bar .progress_meter { max-width: 100% !important; float:left; background: rgba(34, 83, 122, 1); /*background: linear-gradient(to right,#009dcd, #02baf2);*/ height: 3px; border-radius: 0px; }
.btn.volvo_btn { background-color: transparent; max-width: 223px; text-transform: none; font-size: 24px; color: #075ba5 !important; border: 1px solid #075ba5; border-radius: 0%; font-weight: 300 !important; font-family: 'Volvo Novum Light', sans-serif !important; padding: 8px 15px 9px 15px; }
.btn.volvo_btn:hover, .btn.volvo_btn:focus, .btn.volvo_btn:active { background-color: #075ba5 !important; color: #ffffff !important;}
.btn.volvo_btn.half { max-width: 150px; }
.btn.volvo_btn.btn_gap { margin-right: 5px; }
header.poleStar {
    background-color: #000000 !important;
}
.poleStar .headerlogo {
    padding: 18px 0;
}