body {
  margin: 0px;
  padding: 0px;
  background: #fff;
  font-smoothing: antialiased;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  -o-font-smoothing: antialiased;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  font-family: 'robotomedium'; }

  a.vm-btn {  
    cursor: pointer;
}

a {
  -webkit-transition: ease 0.5s;
  -moz-transition: ease 0.5s;
  transition: ease 0.5s;
  color: #e04627;
  text-decoration: none; }
  .mg-about {

    margin-top: -4px;
}
 ul.dropdown-menu.myleszero-dropdown {
    color: #000;
    border: 0;
    padding: 5px 10px;
    font-size: 14px;
    border-bottom: 1px solid #ddd;
    text-transform: capitalize;
}

ul.feature-list:hover {
    overflow-y: scroll;
}
ul.feature-list {
    overflow: hidden;
}
 /* Handle */
ul.feature-list::-webkit-scrollbar-thumb {
  background: #e04627;
}
::-webkit-scrollbar-track {
  background: #dddddd;
}

ul.feature-list::-webkit-scrollbar {
    width: 5px;
    
}

.inlineprice {
  display: flex;
}
span.t-6.marginrgt {
  margin-right: -5px;
}
span.regular-price del {
  color: #808080;
  font-size: 14px;
  font-weight: 400;
  padding-right: 5px;
}

button.dropdown-toggle.mainmenutoggle {
    background: transparent;
    border: 9px;
    color: white;

    text-transform: uppercase;
    font-size: 15px;
    font-weight: 400;
}
.mg-link2 li a:focus {
    outline: none;
    box-shadow: unset;
    border: 0px;
}

a.selectcar:hover {
    background-color: #e14628;
    text-decoration:none;
    color: #ffffff !important;
}
a:hover, a:focus {
  color: inherit; }
.hideondesktop.mobilemenu-main {
    display: none;
}
@font-face {
  font-family: 'robotomedium';
  src: url("../fonts/roboto-medium-webfont.woff2") format("woff2"), url("../fonts/roboto-medium-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

input, select, button, textarea {
  outline: 0; }


  /*nach page css*/

  section.wrapper-nachup {
    margin-top: 80px;
    background: #ececec;
    padding: 30px;
    height: 100%;
}
.wrapper-inner.nachbg {
    background-color: #ffffff;
    padding: 30px;
}
.btnwrapper-nach {
    padding-top: 20px;
}
.form-heading h4 {
margin:0px;
    color: #cf2230;
    font-size: 20px;
    font-weight: 400;
    text-transform: capitalize;
}

input.btnsubmitynach.mg-button {
    width: 30%;
}

label.formlabel {
    width: 39%;
}
.form-control.width75 {
    width: 60%;
}
.form-wrapper-nach {
    width: 45%;
    padding: 50px 0px;
}
  /*nach page css end*/
.mg-wrapper {
  display: block;
  margin: 0px;
  padding: 0px; }

.mg-header {
  display: block;
  background: #000;
  padding: 20px 30px 0 30px;
  width: 100%;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  z-index: 666; }

.mg-logo {
  display: block;
  outline: 0;
  padding-bottom: 18px; }

.t-1 {
  margin: 0px;
  padding: 0px;
  display: block;
  font-size: 12px;
  line-height: 20px;
  color: #fff;
  text-align: right;
  padding-bottom: 5px; }

ul.mg-link {
  display: block;
  margin: 0px;
  padding: 0px;
  list-style: none;
  text-align: right; }

ul.mg-link li {
  display: inline-block;
  position: relative; }

ul.mg-link li a {
  margin: 0px;
  padding: 0px;
  display: block;
  font-size: 12px;
  line-height: 20px;
  color: #fff;
  padding: 2px 12px;
  outline: 0;
  text-decoration: none; }

ul.mg-link li a:hover {
  color: #e04627;
  text-decoration: none; }

ul.mg-link li.active a {
  border-bottom: 3px solid #e04627;
  position: relative;
  bottom: 0;
  left: 0;
  right: 0;
  padding-bottom: 16px; }

ul.mg-link li .dropdown-menu {
  width: 100px;
  left: auto;
  right: 0;
  border-radius: 0px;
  top: 33px; }

ul.mg-link li .dropdown-menu li {
  display: block; }

ul.mg-link li .dropdown-menu li a {
  color: #000;
  border: 0;
  padding: 5px 20px; }

.pdrgt {
  padding-right: 0px !important; }

.login-btn {
  border: 1px solid #fff;
  color: #fff;
  text-align: center;
  padding: 2px 10px 2px 10px !important;
  margin-left: 15px !important;
  outline: 0; }

.stepsimg {
  width: 498px;
  margin-bottom: 20px; }

.login-btn:hover {
  border: 1px solid #e04627; }

  .form-control{height: 35px !important;}
input.btn.btn-sumit-call-me {
    border-radius: 0px;
    padding: 10px;
    background-color: #000;
}

img.imgcall-me {
height: 100%;
}

.mg-banner {
  background: url(../img/mg-banner-2.jpg) no-repeat center center;
  background-size: cover;
  min-height: 133px;
  max-height: 133px;
  text-align: center;
  padding: 22px;
  margin-top: 86px; }

.mg-search {
  display: block;
  padding: 20px 30px 30px 30px; }

.search-bar {
  display: block;
  background: #fff;
  box-shadow: 0px 0px 3px #808080;
  padding: 0px 20px;
  position: relative;
  top: -56px; }

.search-bar .s-box {
  display: inline-block;
  width: 19.7%;
  border-right: 1px solid #ebebeb;
  padding: 10px 0px;
  position: relative; }

.search-bar .s-box:nth-child(2), .search-bar .s-box:nth-child(3), .search-bar .s-box:nth-child(4) {
  padding-left: 20px; }

.search-bar .s-box:nth-child(4), .search-bar .s-box:nth-child(5) {
  border-right: 0px; }

.search-bar .s-box label {
  margin: 0px;
  padding: 0px;
  display: block;
  font-size: 11px;
  line-height: 18px;
  color: #e04627;
  font-weight: 500; }

.search-bar .s-box input {
  display: block;
  width: 100%;
  height: 30px;
  border: 0;
  background: none;
  padding: 0px;
  outline: 0;
  margin: 0px;
  padding: 0px;
  display: block;
  font-size: 13px;
  line-height: 22px;
  color: #000;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  background: url(../img/calender.png) no-repeat 93% 9px; }

.search-bar .s-box select {
  display: block;
  width: 100%;
  height: 30px;
  border: 0;
  background: none;
  padding: 0px;
  outline: 0;
  margin: 0px;
  padding: 0px;
  display: block;
  font-size: 13px;
  line-height: 22px;
  color: #000;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  background: url(../img/b-arrow.png) no-repeat 93% 12px; }

.sbtn {
  background: #e04627;
  position: absolute;
  right: -11%;
  top: -28px;
  bottom: -21px;
  color: #fff;
  font-size: 13px;
  text-transform: uppercase;
  text-align: center;
  width: 100%;
  border: 0;
  outline: 0; }

 .spinnerImg {
  z-index: 9999;
  position: absolute;
  display: none;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: 0 auto;
  background: rgba(255, 255, 255, 0.6);
}
.spinnerImg img {
  width: 40px;
  display: block;
  margin: 0 auto;
  top: 45%;
  position: relative;
}

::-webkit-input-placeholder {
  /* Edge */
  color: #808080; }

:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #808080; }

::placeholder {
  color: #808080; }

.search-car-box {
  display: block;
  position: relative; }

.feature-box {
  display: block;
  border: 1px solid #ebebeb;
  width: 95%; }

.feature-list {
  display: block;
  margin: 0px 0 0px 0;
  padding: 0;
  list-style: none;
  max-height: 200px;
  overflow: auto; }
.flexible-subscreption p, a {
    color: #808080;
    font-size: 14px;
    font-family: 'robotomedium';
    font-weight: 400;
}
.feature-list li {
  display: block;
  width: 100%;
  margin-bottom: 15px; }

.feature-list:last-child {
  margin-bottom: 0px; }

.t-2 {
  margin: 0px;
  padding: 0px;
  display: block;
  font-size: 13px;
  line-height: 22px;
  color: #e04627;
  font-weight: 600;
  padding-bottom: 15px;
  text-transform: uppercase; }
section.smart-subscreption_wrapper{    position: absolute;    z-index: 11;   margin-top: -60px; width: 100%;}
.t-3 {
  margin: 0px;
  padding: 0px;
  display: block;
  font-size: 18px;
  line-height: 20px;
  color: #000;
  font-weight: 400;
  font-size: 17px; }

.t-4 {
  margin: 0px;
  padding: 0px;
  display: block;
  font-size: 12px;
  line-height: 20px;
  color: #000;
  font-weight: 400; }

.t-5 {
  margin: 0px;
  padding: 0px;
  display: block;
  font-size: 18px;
  line-height: 20px;
  color: #e04627;
  font-weight: 400;
  text-align: right; }

.t-6 {
  margin: 0px;
  padding: 0px;
  display: block;
  font-size: 12px;
  line-height: 20px;
  color: #e04627;
  font-weight: 400;
  text-align: right; }

.feature-b-in {
  display: block;
  padding: 10px 20px;
  border-bottom: 1px solid #ebebeb; }

/*--checkbox input---*/
.styled-checkbox {
  position: absolute;
  opacity: 0; }

.styled-checkbox + label {
  position: relative;
  cursor: pointer;
  padding: 0;
  margin: 0px;
  padding: 0px;
  display: block;
  font-size: 13px;
  line-height: 22px;
  color: #000;
  font-weight: 400;
  line-height: 18px;
  text-indent: -26px;
  padding-left: 26px !important; }

.styled-checkbox + label:before {
  content: '';
  margin-right: 10px;
  display: inline-block;
  vertical-align: text-top;
  width: 16px;
  height: 16px;
  border: 1px solid #808080; }

.styled-checkbox:checked + label:after {
  content: '';
  position: absolute;
  left: 4px;
  top: 4px;
  background: #e04627;
  width: 8px;
  height: 8px; }

.dtd .styled-checkbox:checked + label:after {
  top: 6px; }

.styled-radio {
  position: absolute;
  opacity: 0; }

.styled-radio + label {
  position: relative;
  cursor: pointer;
  padding: 0;
  margin: 0px;
  padding: 0px;
  display: block;
  font-size: 13px;
  line-height: 22px;
  color: #000;
  font-weight: 400; }
 ul.mobilemenu-display {display:none;}

.styled-radio + label:before {
  content: '';
  margin-right: 10px;
  display: inline-block;
  vertical-align: text-top;
  width: 16px;
  height: 16px;
  border: 1px solid #808080;
  border-radius: 50px;
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px; }

.styled-radio:checked + label:after {
  content: '';
  position: absolute;
  left: 4px;
  top: 6px;
  background: #e04627;
  width: 8px;
  height: 8px;
  border-radius: 50px;
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px; }

/*--checkbox input end---*/
.mg-card {
  display: block;
  border: 1px solid #808080;
  padding: 15px 20px;
  margin-bottom: 30px;
  position: relative;
  min-height: 335px; }

.car-img {
  display: block;
  border: 1px solid #ebebeb;
  padding: 20px 10px 20px 10px;
  margin: 10px 0px 5px 0;
  text-align: center;
  position: relative;
  min-height: 139px;
  max-height: 139px; }

.t-7 {
  margin: 0px;
  padding: 0px;
  display: block;
  font-size: 12px;
  line-height: 20px;
  font-weight: 300;
  text-transform: uppercase;
  position: absolute;
  left: 0;
  top: 0;
  background: #e04627;
  padding: 0px 15px;
  color: #fff;
  text-align: center; }

.t-8 {
  margin: 0px;
  padding: 0px;
  display: block;
  font-size: 12px;
  line-height: 20px;
  font-weight: 300;
  color: #000;
  text-align: left;
  font-size: 11px; }

.t-9 {
  margin: 0px;
  padding: 0px;
  display: block;
  font-size: 14px;
  line-height: 22px;
  font-weight: 300;
  color: #000;
  text-align: left; }

.t-10 {
  margin: 0px;
  padding: 0px;
  display: block;
  font-size: 12px;
  line-height: 20px;
  font-weight: 300;
  color: #808080;
  text-align: center;
  color: #808080;
  border: 1px solid;
  width: 80px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 444; }

.t-10.active {
  background: #e04627!important;
  color: #fff; }

.t-10 .icon {
  position: relative;
  top: -2px; }

.info-icon {
  position: absolute;
  top: 8px;
  right: 8px; }

.info-icon3 {
  position: absolute;
  top: -3px;
  right: 2px; }

.car-in {
  width: 100%;
  display: block; }

.linktext {
  margin: 0px;
  padding: 0px;
  display: block;
  font-size: 12px;
  line-height: 20px;
  color: #e04627;
  text-decoration: underline;
  float: right;
  position: absolute;
  bottom: 5px;
  right: 10px; }

.clear {
  clear: both; }

.car-f-list {
  display: block;
  margin: 0px;
  padding: 0px;
  list-style: none;
  text-align: center; }


  /*--------------------------------------------*/
.modal-body.nopadding {
    padding: 0px;
}

.popupcall-me {
    display: flex;
    justify-content: space-between;
}
.width50 {
    width: 50%;
}
img.imgcall-me {
    width: 100%;
}
.modal-dialog.modal-md.callmeback {
    width: 700px;
}
.form-call-me-wrapper {
    padding: 20px;
}
.form-group.callme-submit-btn {
    padding-top: 10px;
}
.modal-content.call-me-popup {
    border-radius: 5px;
	    border: 0px;
}
.form-group.callme-text-filed {
    margin-bottom: 12px;
}
.call-me-back-content p {
    color: #cf2230;
    font-size: 12px;
    margin-bottom: 0px;
    font-family: robotomedium;
    line-height: 20px;
}
.call-me-back-content {
    display: inline-block;
    padding-top: 10px;

}
.call-me-back-content p {
    color: #cf2230;
    font-size: 13px;
    margin-bottom: 10px;
    font-family: robotomedium;
    line-height: 20px;
}
input.btn.btn-sumit-call-me {
    width: 100%;
}

.form-control {
    border: 1px solid #808080;
    box-shadow: none;
    border-radius: 0;
    color: #000;
    margin: 0px;
    padding: 0px;
    display: block;
    font-size: 12px;
    line-height: 20px;
    font-weight: 400;
    padding: 8px 10px;
    height: 35px;
}


.btn {
    background: #000;
    color: #fff;
    margin: 0px;
    padding: 0px;
    display: block;
    font-size: 14px;
    line-height: 22px;
    padding: 10px 30px;
    text-transform: uppercase;
    transition: all ease-in-out 0.3s;
    border-radius: 0;
}
/*-----------------------------*/
.car-f-list li {
  margin: 0px;
  padding: 0px;
  display: block;
  font-size: 12px;
  line-height: 20px;
  display: inline-block;
  color: #808080;
  padding: 0 2px;
  font-weight: 300;
  vertical-align: top; }

.car-f-list li .icon {
  position: relative;
  top: -1px; }

.car-f-list li span {
  display: block;
  font-size: 10px;
  position: relative;
  left: 5px;
  top: 1px; }

.list4 li {
  padding: 0 15px; }

.btn-box {
  margin-top: 20px; }

.btn-box.centerbox {
  text-align: center; }
  .section.mgbannerfirstscreen.mg-banner2.mobileview-img{
 background: url(../img/home/homebanner-first.jpg) no-repeat center center !important;

}

.btn-box.centerbox .mg-button {
  margin: 0 auto; }

a.mg-button {
  text-decoration: none; }

.mg-button {
  margin: 0px;
  padding: 0px;
  display: block;
  font-size: 13px;
  line-height: 22px;
  text-align: center;
  text-transform: uppercase;
  outline: 0;
  border: 0;
  padding: 6px 10px;
  background: #fff;
  color: #e04627;
  border: 2px solid #e04627;
  border-radius: 30px;
  -moz-border-radius: 30px;
  -webkit-border-radius: 30px; }

.mg-button:hover {
  background: #e04627;
  color: #fff; }

  .section.mgbannerfirstscreen.mg-banner2.mobileview-img{
 background: url(../img/home/homebanner-first.jpg) no-repeat center center;

}

.mg-button2 {
  margin: 0px;
  padding: 0px;
  display: block;
  font-size: 12px;
  line-height: 20px;
  text-align: center;
  text-transform: uppercase;
  outline: 0;
  border: 2px solid #e04627;
  padding: 8px 15px;
  background: #fff;
  color: #e04627;
  width: 168px;
  border-radius: 30px;
  -moz-border-radius: 30px;
  -webkit-border-radius: 30px; }

.mg-button2:hover {
  background: #e04627;
  color: #fff; }

.mg-button3 {
  margin: 0px;
  padding: 0px;
  display: block;
  font-size: 13px;
  line-height: 22px;
  text-align: center;
  text-transform: uppercase;
  outline: 0;
  border: 0;
  padding: 10px 15px;
  background: url(../img/mg-btn3.png) no-repeat center center;
  color: #000;
  width: 80px;
  text-decoration: none; }

.mg-button3:hover {
  background: url(../img/mg-btn3-hover.png) no-repeat center center;
  color: #fff; }

.sortby {
  display: block;
  margin: 0px;
  padding: 0px;
  list-style: none;
  float: right;
  position: absolute;
  top: -30px;
  right: 0; }

.sortby li {
  display: inline-block;
  font-size: 13px;
  padding-left: 7px;
  color: #000; }

.sortby li a {
  display: block;
  margin: 0px;
  padding: 0px;
  display: block;
  font-size: 13px;
  line-height: 22px;
  color: #000;
  padding: 0 12px;
  text-decoration: none; }

.sortby li.t-arrow a {
  background: url(../img/top-arrow.png) no-repeat right center; }

.sortby li.t-arrow.active a {
  background: url(../img/top-arrow-hover.png) no-repeat right center;
  color: #e04627; }

.subscriptiomsg {
  margin: 0px;
  padding: 0px;
  display: block;
  font-size: 13px;
  line-height: 22px;
  color: #fff;
  padding: 20px 20px 20px 80px;
  position: fixed;
  bottom: 20px;
  right: 20px;
  width: 282px;
  line-height: 18px;
  background: url(../img/msg-icon.png) no-repeat 20px center #e04627; }

.subscriptiomsg a.link {
  color: #fff;
  text-decoration: underline; }

.subscriptiomsg a.link:hover {
  color: #000; }

.close-msg {
  position: absolute;
  top: 5px;
  right: 10px;
  cursor: pointer; }

.lSSlideOuter {
  width: 93%; }

.lSSlideWrapper {
  border: 1px solid #808080 !important;
  text-align: center;
  background: transparent; }

#image-gallery li {
  display: block;
  padding: 40px; }

.lSSlideOuter.vertical {
  position: relative;
  overflow: visible; }

.lSSlideOuter.vertical .lSGallery {
  position: absolute !important;
  right: -50px !important;
  top: 0;
  width: 150px !important; }

.lSSlideOuter .lSPager.lSGallery img {
  margin: 0 auto; }

.lSSlideOuter .lSPager.lSGallery li {
  border: 1px solid #808080 !important;
  border-radius: 0;
  height: auto;
  padding: 5px 0 10px 0; }

.lSSlideOuter .lSPager.lSGallery li.active {
  border: 1px solid #e04627 !important; }

.lSSlideOuter .lSPager.lSGallery li.active, .lSSlideOuter .lSPager.lSGallery li:hover {
  border-radius: 0 !important; }

.detailsbox {
  display: block; }

.detailsbox .t-10 {
  top: 0;
  left: 15px;
  font-size: 13px;
  padding: 2px 5px;
  width: 100px;
  background: #fff; }

.f-list {
  display: block;
  margin: 0px;
  padding: 0px;
  list-style: none; }

.f-list li {
  display: block;
  margin-bottom: 15px; }

.t-11 {
  margin: 0px;
  padding: 0px;
  display: block;
  font-size: 12px;
  line-height: 20px;
  color: #000;
  font-weight: 400;
  padding-bottom: 2px; }

.t-12 {
  margin: 0px;
  padding: 0px;
  display: block;
  font-size: 18px;
  line-height: 20px;
  color: #000;
  font-weight: 400; }

.f-list2 {
  display: block;
  margin: 0px;
  padding: 0px;
  list-style: none; }

.f-list2 li {
  display: inline-block;
  margin-bottom: 30px;
  margin-right: 20px;
  vertical-align: top; }

.f-list2 li .t-11 {
  padding-bottom: 5px; }

.info-icon4 {
  position: absolute;
  top: 5px;
  right: 3px; }
input.btn.btn-sumit-call-me {
    border-radius: 0px;
    padding: 10px;
}

.popupcall-me .form-control {
    border: 1px solid #808080;
    box-shadow: none;
    border-radius: 0px;

    color: #000;
    margin: 0px;
    padding: 0px;
    font-family: 'robotomedium';
    padding-left: 10px;
    font-size: 12px;
    font-weight: 400;
}
.info-icon2 {
  position: relative;
  top: -10px;
  left: 0; }

.detailsbox .t-5-1 {
  margin: 0px;
  padding: 0px;
  display: block;
  font-size: 32px;
  color: #e04627; }

.detailsbox .t-5-1 svg {
  fill: #e04627;
  position: relative;
  top: -10px; }

.detailsbox .t-11 svg {
  fill: #000;
  position: relative;
  top: 0px; }

.price-box {
  display: block;
  text-align: right; }

.price-box .mg-button {
  display: inline-block;
  margin: 15px 0px 5px 0; }

.f-list li .t-11 {
  margin: 0px;
  padding: 0px;
  display: block;
  font-size: 12px;
  line-height: 20px;
  color: #000;
  padding-bottom: 5px; }

.t-13 {
  margin: 0px;
  padding: 0px;
  display: block;
  font-size: 12px;
  line-height: 20px;
  color: #808080;
  border-bottom: 1px solid #808080;
  text-align: center;
  position: relative;
  margin: 40px 0px; }

.t-13 span {
  background: #fff;
  padding: 10px 20px;
  display: inline-block;
  position: absolute;
  top: -20px;
  left: 0;
  right: 0;
  width: 125px;
  margin: 0 auto; }

.ic-box {
  display: block;
  text-align: center; }

.ic-box span {
  display: block;
  padding-top: 10px;
  font-size: 14px;
  color: #808080; }

.pdrgt40 {
  padding-right: 30px !important; }

.docutext {
  font-size: 11px;
  color: #808080;
  text-transform: capitalize;
  padding-left: 3px; }

.check-status {
  display: block;
  font-size: 16px;
  color: #000; }

.dsply {
  display: inline-block !important;
  margin-left: 15px !important;
  padding: 5px 10px !important; }

.fee-includes {
  display: block;
  margin-top: 60px; }

.spec-feature {
  display: block;
  margin: 40px 0px; }

.feature-details {
  display: block;
  border: 1px solid #808080;
  padding: 30px;
  min-height: 300px; }

h2 {
  font-size: 18px;
  color: #000;
  margin: 0px;
  padding: 0px;
  padding: 0px 0 0px 0; }

h2.pdbtm {
  font-size: 18px;
  color: #000;
  margin: 0px;
  padding: 0px 0 20px 0; }

h3 {
  display: block;
  color: #e04627;
  font-size: 20px;
  padding: 0px;
  margin: 0px; }

.pdbtm {
  padding-bottom: 30px; }

.center-box {
  display: block;
  text-align: center; }

.center-box button {
  display: inline-block; }

.Subscription-box {
  display: block;
  margin-top: 100px;
  padding: 20px 30px; }

.search-box {
  display: block;
  text-align: right; }

.search-box input {
  height: 40px;
  border: 1px solid #808080;
  color: #808080;
  padding: 5px 12px;
  position: relative;
  left: 3px; }

.search-box .s-btn {
  background: #000;
  padding: 8px 12px;
  height: 40px;
  border: 1px solid #000;
  position: absolute;
  top: 0px;
  right: 12px; }

.Subscription-box .pcolor {
  color: #000; }

.box-in .pcolor {
  color: #000; }

.Subscription-box .car-img {
  margin: 0px; }

.mrgbtmm {
  margin-bottom: 10px; }

.box-in {
  display: block;
  margin-bottom: 30px; }

.box-inn.active {
  border: 2px solid #e04627;
  border-left: 15px solid #e04627; }

.box-inn {
  display: block;
  border: 1px solid #808080;
  padding: 20px;
  position: relative; }

.tp20 {
  padding-top: 20px; }

.progress-bar-container .progress-bar {
  position: relative;
  width: 90%;
  background: transparent;
  box-shadow: none;
  margin: 20px 0 0 17px; }

.progress-bar-container .progress-bar__bar {
  align-self: center;
  flex-grow: 1;
  height: 5px;
  color: #e04627;
  border-bottom: 3px dotted #e04627; }

.progress-bar-container .progress-bar__bar--completed {
  background: #e04627; }

.progress-bar-container .progress-bar__circles {
  display: flex; }

.progress-bar-container .progress-bar__circle {
  background: #fff;
  border-radius: 50%;
  border: 2px solid #e04627;
  cursor: pointer;
  height: 23px;
  position: relative;
  text-align: center;
  width: 23px; }

.progress-bar-container .progress-bar__circle--completed {
  background: #e04627;
  border-color: #e04627; }

.progress-bar-container .progress-bar__circle--completed .number {
  color: #fff;
  font-size: 1.8em; }

.progress-bar-container .progress-bar__circle--selected {
  border-color: #e04627;
  color: #e04627; }

.progress-bar-container .progress-bar__circle .number {
  font-size: 1.1em;
  font-weight: bold; }

.progress-bar-container .progress-bar__circle__label {
  top: 100%;
  color: #e04627;
  font-weight: 400;
  left: 50%;
  margin-top: 4px;
  margin-left: -50px;
  position: absolute;
  text-align: center;
  width: 100px;
  font-size: 11px;
  line-height: 16px; }

.rgt-box {
  display: block;
  text-align: right;
  padding-top: 20px; }

.rgt-box button {
  display: inline-block; }

.box-inn .col-sm-4.col-md-4.pd {
  padding: 0 50px; }

.s-text {
  margin: 0px;
  padding: 0px;
  display: block;
  font-size: 12px;
  line-height: 20px;
  color: #e04627;
  position: absolute;
  bottom: 10px;
  right: 10px;
  text-decoration: underline; }

.u-service {
  background: #000;
  margin: 0px;
  padding: 0px;
  display: block;
  font-size: 14px;
  line-height: 22px;
  color: #fff;
  position: absolute;
  top: -36px;
  right: -2px;
  padding: 6px 15px 6px 6px;
  text-align: center;
  display: inline-block; }

.black-b {
  position: absolute;
  left: -17px;
  top: 0;
  bottom: 0;
  background: url(../img/black-b.png) no-repeat;
  width: 40px; }

.timg {
  position: relative;
  top: -1px;
  left: -2px; }

.heading-b {
  margin-bottom: 30px; }

.p-c {
  color: #e04627 !important; }

.car-agreement {
  display: block;
  padding: 40px;
  border: 1px solid #808080;
  text-align: left;
  min-height: 500px;
  margin-bottom: 10px; }

.t-14 {
  display: block;
  padding: 0px;
  margin: 0px;
  color: #000;
  font-size: 25px; }

.mrgbtmm2 {
  margin-bottom: 20px; }

.t-15 {
  display: block;
  padding: 0px;
  margin: 0px;
  color: #000;
  margin: 0px;
  padding: 0px;
  display: block;
  font-size: 14px;
  line-height: 22px;
  display: inline-block; }

.price-b {
  display: block; }

.form-box {
  display: block; }

.form-box label {
  color: #000;
  margin: 0px;
  padding: 0px;
  display: block;
  font-size: 13px;
  line-height: 22px;
  font-weight: 400;
  padding-bottom: 4px; }

.form-box .form-control {
  border: 1px solid #808080;
  box-shadow: none;
  border-radius: 0;
  color: #000;
  margin: 0px;
  padding: 0px;
  display: block;
  font-size: 12px;
  line-height: 20px;
  font-weight: 400;
  padding: 8px 10px;
  height: 35px; }

.form-control {
  border: 1px solid #808080;
  box-shadow: none;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  color: #000;
  margin: 0px;
  padding: 0px;
  display: block;
  font-size: 12px;
  line-height: 20px;
  font-weight: 400;
  padding: 8px 10px;
  height: 35px; }

.form-box textarea {
  width: 100%;
  color: #000;
  margin: 0px;
  padding: 0px;
  display: block;
  font-size: 12px;
  line-height: 20px;
  padding: 10px; }

.edit-box a {
  display: inline-block;
  margin: 20px 10px 0 10px;
  position: relative;
  text-decoration: none; }

.selectbox {
  border: 1px solid #808080;
  height: 35px; }

.selectbox select {
  border: 0 !important;
  background: transparent;
  background: url(../img/b-arrow.png) no-repeat 94% center transparent;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none; }

.calandar-icon {
  background: url(../img/calendar.png) no-repeat 94% center #fff; }

.mrg10 {
  margin-top: 10px !important; }

.btn {
  background: #e04627;
  color: #fff;
  margin: 0px;
  padding: 0px;
  display: block;
  font-size: 14px;
  line-height: 22px;
  padding: 10px 30px;
  text-transform: uppercase;
  transition: all ease-in-out 0.3s;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px; }

.btn:hover, .btn:focus, .btn.focus {
  color: #fff !important; }

.line {
  height: 1px;
  background: #808080;
  margin: 10px 0px;
  opacity: 0.3; }

.pd5 {
  padding-top: 5px; }

.img-format {
  display: inline-block;
  position: relative;
  top: 10px; }

.t-16 {
  margin: 0px;
  padding: 0px;
  display: block;
  font-size: 12px;
  line-height: 20px;
  color: #000; }

.t-17 {
  margin: 0px;
  padding: 0px;
  display: block;
  font-size: 11px;
  line-height: 18px;
  color: #808080;
  font-style: italic; }

.edit-box a.pd6 {
  margin: 20px 5px 0 5px; }

.instructions-box {
  display: block;
  padding: 10px 20px;
  height: 400px;
  overflow-y: scroll; }

.instructions-box p {
  margin: 0px;
  padding: 0px;
  display: block;
  font-size: 13px;
  line-height: 22px;
  color: #000;
  font-weight: 300;
  padding-bottom: 15px;
  line-height: 20px; }

.instructions-box ol.list {
  display: block;
  margin: 0px 0 15px 40px;
  padding: 0px; }

.instructions-box ol.list li {
  font-size: 13px;
  line-height: 22px;
  color: #000;
  font-weight: 300;
  line-height: 20px; }

.instructions-box ol.list-1 {
  display: block;
  margin: 0px 0 15px 30px;
  padding: 0px; }

.instructions-box ol.list-1 li {
  font-size: 12px;
  color: #000;
  font-weight: 300;
  line-height: 18px;
  padding-bottom: 10px; }

.cls-btn {
  position: absolute;
  top: 5px;
  right: 7px;
  z-index: 222;
  padding: 10px !important; }

.modal-title.hdn {
  color: #e04627; }

.pclr {
  color: #e04627 !important; }

.modal-dialog {
  /*width: 890px;*/
  margin: 30px auto; }

.profile-box {
  display: block;
  margin-top: 86px; }

.profile-menu {
  display: block;
  background: #e04627;
  height: 100vh;
  padding: 35px 35px;
  position: fixed;
  left: 0;
  top: 86px;
  bottom: 0;
  width: 300px; }

.profile-hdn {
  margin: 0px;
  padding: 0px;
  display: block;
  font-size: 20px;
  line-height: 20px;
  color: #fff; }

.profile-img {
  display: block;
  text-align: left;
  margin: 40px 0px;
  position: relative;
  overflow: hidden; }

.edit-icon {
  position: absolute;
  top: 0px;
  left: 0px; }

.edit-icon input {
  width: 178px;
  height: 175px;
  opacity: 0;
  background: transparent;
  position: relative;
  z-index: 6; }

.edit-icon .iconn {
  position: absolute;
  top: 10px;
  right: 10px;
  cursor: pointer;
  z-index: 5; }

.edit-icon:hover .iconn {
  top: 12px; }

.t-18 {
  margin: 0px;
  padding: 0px;
  display: block;
  font-size: 16px;
  line-height: 24px;
  color: #fff;
  font-weight: 400;
  padding-bottom: 10px; }

.t-19 {
  margin: 0px;
  padding: 0px;
  display: block;
  font-size: 12px;
  line-height: 20px;
  color: #fff;
  font-weight: 400;
  padding-bottom: 5px; }

.edit2 {
  position: relative;
  top: -2px;
  left: 10px; }

.pd30p {
  padding: 50px 0px; }

.t-20 {
  margin: 0px;
  padding: 0px;
  display: block;
  font-size: 10px;
  line-height: 18px;
  color: #808080;
  font-weight: 400;
  padding-bottom: 5px; }

.inputwidth {
  width: 240px; }

.table-box {
  display: block; }

.table tr th {
  color: #000;
  font-weight: 400;
  font-size: 12px;
  padding: 8px 15px !important; }

.table tbody tr {
  border-left: 1px solid #808080;
  border-right: 1px solid #808080; }

.table > thead > tr > th {
  border-bottom: 1px solid #808080;
  font-weight: 400 !important; }

.table tr td {
  color: #000;
  font-weight: 400;
  font-size: 16px;
  padding: 8px 15px !important;
  border-top: 1px solid #808080;
  border-bottom: 1px solid #808080;
  vertical-align: middle !important; }

.paginationlist {
  display: block;
  text-align: right;
  list-style: none;
  margin: 0px;
  padding: 0px; }

.paginationlist li {
  display: inline-block;
  font-size: 12px;
  color: #000; }

.paginationlist li a {
  font-size: 12px;
  color: #000;
  border: 1px solid #808080;
  padding: 7px 13px;
  width: 38px;
  height: 35px;
  display: block; }

.t-21 {
  color: #e04627; }

.sucsess-msg {
  background: url(../img/ok-img.png) no-repeat 15px center #197b30;
  color: #fff;
  margin: 0px;
  padding: 0px;
  display: block;
  font-size: 18px;
  line-height: 20px;
  padding: 15px 50px;
  margin-bottom: 20px; }

.error-msg {
  background: url(../img/erroricon.png) no-repeat 15px center #e04627;
  color: #fff;
  margin: 0px;
  padding: 0px;
  display: block;
  font-size: 18px;
  line-height: 20px;
  padding: 15px 55px;
  margin-bottom: 20px; }

.pd8 {
  padding: 8px !important; }

.UpcomingService .table tr td {
  font-size: 14px; }

.UpcomingService .modal-body {
  padding: 50px 100px; }

.hover-content {
  padding: 10px;
  box-shadow: 0 2px 20px rgba(0, 0, 0, 0.2);
  box-sizing: border-box;
  background-color: #fff;
  width: 240px; }

[data-hover-wrapper] {
  transition: opacity .3s, -webkit-transform .3s;
  transition: opacity .3s, transform .3s;
  transition: opacity .3s, transform .3s, -webkit-transform .3s; }

.hover-content > img {
  max-width: 100%;
  margin-bottom: 10px; }

.hover-content > p {
  font-size: 14px;
  margin: 0;
  line-height: 1.4; }

.info {
  position: fixed;
  bottom: 0;
  right: 0;
  background-color: #000;
  padding: 10px 20px;
  color: #fff;
  font-size: 13px; }

.content > p > a:hover {
  background-color: #ffe0b2; }

/*--data table--*/
.dataTables_filter {
  display: none; }

#loaderImg {
  z-index: 222;
  position: absolute;
  display: none;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: 0 auto; }

.reset-btn {
  border: 1px solid #808080;
  margin: 0px;
  padding: 0px;
  display: block;
  font-size: 12px;
  line-height: 20px;
  position: absolute;
  top: 44px;
  right: 15px;
  display: block;
  padding: 0px 6px;
  color: #000; }

.dataTables_wrapper .dataTables_info {
  float: right !important; }

.dataTables_wrapper .dataTables_length {
  float: left;
  position: absolute;
  bottom: -5px; }

.daterangepicker .drp-buttons .btn {
  display: inline-block;
  border-radius: 0;
  border: 1px solid #000; }

.daterangepicker .drp-buttons .btn:hover {
  background: #000;
  color: #fff; }

.daterangepicker td.active, .daterangepicker td.active:hover {
  background-color: #e04627 !important;
  border-radius: 0 !important; }

.daterangepicker {
  border-radius: 0 !important; }

/*--data table--*/
/*--login and register css--*/
/*-------New Login css----------*/
.modelBox .modal-dialog {
  width: 700px; }

.modelBox .modal-content {
  border-radius: 0px; }

.modelBox .modal-header {
  padding: 0px; }

.modelBox .modal-body {
  height: auto;
  padding: 20px 30px 20px 0px; }

.modelBox .modal-header .close {
  padding: 15px; }

.modelBox .form-group {
  position: relative; }

.wdh {
  width: 100%; }

.bg-fill {
  background: #e04627;
  color: #fff;
  padding: 10px;
  text-align: center;
  display: block;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px; }

.login-btn2 {
  display: block;
  margin: 0px;
  padding: 0px;
  list-style: none; }

.login-btn2 li {
  display: inline-block; }

.login-btn2 li a {
  display: block;
  font-size: 14px;
  color: #000;
  padding: 15px 15px;
  cursor: pointer;
  text-decoration: none;
  border-bottom: 2px solid #fff; }

.login-btn2 li.active a {
  border-bottom: 2px solid #e04627;
  color: #e04627; }

/*.bg-box {
		background: url(../../img/ltimg/login-img.png) center top;
		background-size: cover;
	}*/
.registerbox {
  display: none; }

.dblock {
  display: inline-block; }
.b-backbtn.resend-otp {
	transition:all .5s ease-in-out;
	padding:0px;
	text-align:left;
 }

.b-backbtn.resend-otp a {
	text-decoration: underline;
    font-weight: 400;
  }
.t-11 {
  display: block;
  font-size: 12px;
  line-height: 18px;
  padding-bottom: 15px; }

.mandatory {
  color: #f00; }

.forgotP {
  font-size: 12px;
  position: relative;
  display: block; }

.rgtrtext {
  position: absolute;
  right: 0;
  top: 0; }

.rgtrtext2 {
  position: relative;
  font-size: 12px; }

.std-code {
  position: absolute;
  top: 1px;
  left: 1px;
  font-size: 12px;
  background: #f8f8f8;
  padding: 7px 10px;
  bottom: 1px;
  border-radius: 5px 0 0 5px;
  border-right: 1px solid #808080; }

.pd55 {
  padding-left: 50px; }

.agreetext {
  font-size: 12px; }

.error {
  padding-bottom: 10px;
  color: red;
  font-size: 12px; }

.green {
  font-size: 11px;
  padding-bottom: 10px;
  color: green; }

.r-p {
  display: block;
  color: #000;
  font-size: 14px;
  padding-bottom: 20px;
  font-weight: 400; }

.b-backbtn {
  display: block;
  text-align: center;
  padding: 10px; }

.b-backbtn a {
  font-size: 12px; }

.loaderImg {
  z-index: 9999;
  position: absolute;
  display: none;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: 0 auto;
  background: rgba(255, 255, 255, 0.6); }

.loaderImg img {
  width: 40px;
  display: block;
  margin: 0 auto;
  top: 45%;
  position: relative; }

/*--login and register css end--*/
.carmsg .item {
  overflow: hidden; }

.op-1 {
  opacity: 0;
  position: absolute;
  width: 79px;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0; }

.uploadbtn {
  z-index: -1; }

a.button {
  text-decoration: none; }

a.button:hover {
  color: #fff !important; }

.form-control:focus {
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(207, 34, 48, 0.3);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(207, 34, 48, 0.3);
  border-color: #e04627; }

#image-gallery li img {
  width: 500px; }

.lSSlideOuter .lSPager.lSGallery img {
  width: 110px; }

.car-img .car-in img {
  width: 160px; }

.ChangePasswordbox .modal-title {
  font-size: 14px;
  color: #e04627; }

a.button:focus {
  color: #fff !important; }

.loder-box {
  display: none;
  position: fixed;
  right: 0;
  left: 0;
  margin: 0 auto;
  top: 0;
  bottom: 0;
  width: 100%;
  z-index: 666;
  background: rgba(255, 255, 255, 0.7); }

.loder-box img {
  width: 40px;
  margin: 0 auto;
  text-align: center;
  position: absolute;
  left: 0;
  right: 0;
  top: 45%; }

.loder-box p {
  width: auto;
  margin: 0 auto;
  text-align: center;
  position: absolute;
  left: 0;
  right: 0;
  top: 52%;
  color: #000; }

.loder-box2 {
  display: none;
  position: fixed;
  right: 0;
  left: 0;
  margin: 0 auto;
  top: 0;
  bottom: 0;
  width: 100%;
  z-index: 666;
  background: rgba(255, 255, 255, 0.7); }

.loder-box2 img {
  width: 40px;
  margin: 0 auto;
  text-align: center;
  position: absolute;
  left: 0;
  right: 0;
  top: 40%; }

.loder-box2 p {
  width: auto;
  margin: 0 auto;
  text-align: center;
  position: absolute;
  left: 0;
  right: 0;
  top: 56%;
  color: #000; }

.listAgreenent li {
  display: block;
  margin-bottom: 10px;
  padding-left: 0px; }

.listAgreenent2 {
  display: block;
  margin: 12px 0 12px 30px; }

.listAgreenent2 li {
  padding-bottom: 10px; }

.hdnn.toggle b {
  font-weight: 400; }

.iconbox img {
  width: 10px; }

.alignCenter {
  display: block;
  text-align: center; }

.hdnmain {
  font-size: 22px;
  color: #000; }

.error-box-1 {
  display: block;
  padding: 100px 50px;
  text-align: center; }

.lSSlideWrapper {
  height: 383px !important; }

.heading-b .button.wdh.bg-fill {
  width: 170px;
  float: right; }

.pdlft17 {
  margin-left: 17px; }

.social-login {
  display: block;
  list-style: none;
  margin: 0px;
  padding: 0px;
  text-align: center; }

.social-login li {
  display: inline-block;
  width: 22%;
  text-align: center;
  vertical-align: top; }

.social-login li svg {
  width: 18px;
  fill: #fff; }

.social-login li a {
  display: block;
  padding: 10px 20px; }

.social-login li a.facebook {
  background: #39579a; }

.social-login li a.twitter {
  background: #38A1F3; }

.social-login li a.linkedin {
  background: #0077B5; }

.social-login li .g-plus {
  background: #dd4b39;
  padding: 10px 20px;
  cursor: pointer; }

.sociallist {
  display: block;
  font-size: 14px;
  color: #000;
  padding-bottom: 5px;
  border-bottom: 1px solid #ddd;
  text-align: center;
  margin: 20px 0 30px 0; }

.sociallist span {
  background: #fff;
  padding: 0px 15px;
  display: inline-block;
  position: absolute;
  width: 142px;
  top: -5px;
  left: 0;
  right: 0;
  margin: 0 auto; }

.loginrgt-bg {
  background: url(../img/login-img.jpg) no-repeat;
  background-size: cover;
  display: block;
  height: 81vh; }

.car-agreement {
  height: 400px;
  overflow-y: scroll; }

.doc-success {
  position: relative;
  top: 28px;
  left: 0px; }

.doc-pending {
  position: relative;
  top: 28px;
  left: 0px; }

.iconPd {
  background: url(../img/b-arrow.png) no-repeat 100% 5px;
  padding-right: 18px; }

.padrgt {
  padding-right: 0px !important; }

.displbox li {
  display: inline-block;
  padding-right: 25px; }

label {
  font-weight: 400; }

.tool-hover:hover .tool-hover-box {
  display: block; }

.tool-hover-box {
  display: none;
  background: #fff;
  border: 1px solid #808080;
  padding: 6px 10px;
  color: #000;
  font-size: 11px;
  position: absolute;
  bottom: 74%;
  right: 1px;
  left: 50px;
  z-index: 9999; }

.tool-hover-box-2, .tool-hover-box-3 {
  display: none;
  background: #fff;
  border: 1px solid #808080;
  padding: 6px 10px;
  color: #000;
  font-size: 11px;
  position: absolute;
  bottom: 100%;
  right: 1px;
  left: 0px;
  z-index: 9999; }

.tool-hover-box-2 img, .tool-hover-box-3 img {
  width: 100%; }

.info-box:hover .info-text {
  display: block;
  cursor: pointer; }

.info-text {
  display: none;
  background: #fff;
  border: 1px solid #808080;
  padding: 6px 10px;
  color: #000;
  font-size: 11px;
  position: absolute;
  bottom: 100%;
  right: -1px;
  left: -1px;
  z-index: 9999; }

.info-text span {
  display: block;
  padding-bottom: 5px; }

p.iconPd {
  margin-bottom: 0px;
  background: url(../img/b-arrow.png) no-repeat 100% 9px; }

.mg-header2 ul.mg-link2 li .dropdown-menu {
  width: 100px;
  left: -34px;
  border-radius: 0px;
  margin-top: 6px;
  padding: 0px; }

.mg-header2 ul.mg-link2 li .dropdown-menu li {
  display: block; }

.mg-header2 .mg-link2 li .dropdown-menu li a {
  color: #000;
  border: 0;
  padding: 7px 20px;
  font-size: 14px;
  border-bottom: 1px solid #ddd; }

.servicebox .search-box {
  text-align: left; }

.servicebox .search-box input {
  padding: 5px 12px;
  position: relative;
  left: 0;
  right: inherit; }

.servicebox .inputwidth {
  width: 80%; }

/** Custom Select **/
.custom-select-wrapper {
  position: relative;
  display: inline-block;
  user-select: none;
  width: 100%; }

.custom-select-wrapper select {
  display: none; }

.custom-select {
  position: relative;
  display: inline-block;
  width: 100%; }

.custom-select-trigger {
  position: relative;
  display: block;
  padding: 0 84px 0 22px;
  font-size: 14px;
  font-weight: 300;
  color: #000;
  cursor: pointer;
  width: 80%;
  border: 1px solid #808080;
  padding: 8px 10px; }

.custom-select-trigger:after {
  position: absolute;
  display: block;
  content: '';
  width: 8px;
  height: 8px;
  top: 50%;
  right: 20px;
  margin-top: -3px;
  border-bottom: 1px solid #808080;
  border-right: 1px solid #808080;
  transform: rotate(45deg) translateY(-50%);
  transition: all .4s ease-in-out;
  transform-origin: 50% 0; }

.custom-select.opened .custom-select-trigger:after {
  margin-top: 3px;
  transform: rotate(-135deg) translateY(-50%); }

.custom-options {
  position: absolute;
  display: block;
  top: 100%;
  left: 0;
  right: 0;
  margin: 15px 0;
  border: 1px solid #808080;
  box-sizing: border-box;
  box-shadow: 0 2px 1px rgba(0, 0, 0, 0.07);
  background: #fff;
  transition: all .4s ease-in-out;
  width: 80%;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translateY(-15px);
  z-index: 888; }

.custom-select.opened .custom-options {
  opacity: 1;
  visibility: visible;
  pointer-events: all;
  transform: translateY(0); }

.custom-options:before {
  position: absolute;
  display: block;
  content: '';
  bottom: 100%;
  right: 20px;
  width: 7px;
  height: 7px;
  margin-bottom: -3px;
  border-top: 1px solid #808080;
  border-left: 1px solid #808080;
  background: #fff;
  transform: rotate(45deg);
  transition: all .4s ease-in-out; }

/*    .option-hover:before {
      background: #f9f9f9;
    }*/
.custom-option {
  position: relative;
  display: block;
  padding: 0 22px;
  border-bottom: 1px solid #808080;
  font-size: 14px;
  font-weight: 400;
  color: #000;
  cursor: pointer;
  transition: all .4s ease-in-out;
  padding: 10px; }

.custom-option:first-of-type {
  border-radius: 4px 4px 0 0; }

.custom-option:last-of-type {
  border-bottom: 0;
  border-radius: 0 0 4px 4px; }

.custom-option:hover,
.custom-option.selection {
  background: #000;
  color: #fff; }

.whtis {
  font-size: 10px;
  color: #e04627; }

/*tab*/
.listbox .nav-tabs > li > a {
  color: #000;
  font-size: 14px;
  border: 0px;
  background: transparent;
  border-bottom: 2px solid transparent; }

.listbox .nav-tabs {
  border-bottom: 1px solid #808080; }

.listbox .nav-tabs > li {
  display: inline-block;
  float: none; }

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  border: 0px;
  border-bottom: 2px solid #e04627;
  background: transparent;
  color: #000; }

.mytabbox .panel {
  box-shadow: none;
  border: 1px solid #808080; }

.mytabbox .panel-heading, .mytabbox .panel-group .panel {
  border-radius: 0px; }

.mytabbox .panel-group .panel + .panel {
  margin-top: -1px; }

.mytabbox .panel-default > .panel-heading {
  background: transparent; }

.mytabbox .panel-default > .panel-heading a {
  text-decoration: none;
  padding-left: 10px; }

.mytabbox .accordion-toggle {
  color: #e04627;
  font-size: 12px; }

.mytabbox .panel-body {
  font-size: 12px;
  color: #000;
  font-weight: 300;
  line-height: 22px;
  padding-top: 0px; }

.panel-group .panel-heading + .panel-collapse > .panel-body, .panel-group .panel-heading + .panel-collapse > .list-group {
  border-top: 0px; }

.mytabbox .panel-heading .accordion-toggle:before {
  float: left;
  background: url(../img/b-arrow2.png) no-repeat;
  width: 10px;
  height: 10px;
  content: "";
  position: relative;
  top: 6px; }

.mytabbox .panel-heading .accordion-toggle.collapsed:after {
  /*float: left;
	    background: url(../img/b-arrow5.png) no-repeat ;
	    width: 10px;
	    height: 10px;
	    content: "";
	    position: relative;
	    top: 6px;*/ }

.scrollmenu {
  white-space: nowrap;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar; }

.scrollmenu::-webkit-scrollbar {
  display: none; }

/*tab end*/
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
  background: #e04627 !important;
  border: 1px solid #e04627 !important; }

.sz {
  font-size: 14px !important;
  position: relative;
  top: -1px; }

.noneditlist {
  margin-bottom: 15px;
  padding-bottom: 15px;
  border-bottom: 1px solid #808080; }

.noneditlist:last-child {
  border-bottom: none; }

#proinfodata .noneditlist {
  margin-bottom: 10px;
  padding-bottom: 10px; }

.noneditlist span.hb {
  font-size: 12px;
  color: #808080;
  display: block;
  font-weight: 300;
  line-height: 16px; }

.noneditlist span.hb2 {
  font-size: 14px;
  color: #000;
  display: block;
  font-weight: 300;
  line-height: 22px; }

.doc-pending2 {
  position: relative;
  top: 12px;
  left: 0; }

.doc-success2 {
  position: relative;
  top: 12px;
  left: 0px; }

.p30 {
  padding: 30px; }

.noneditpopup .modal-dialog {
  width: 700px; }

.hg10 {
  height: 10px;
  display: block; }

.documenttab {
  display: block;
  list-style: none;
  margin: 0px;
  padding: 0px; }

.documenttab li {
  display: inline-block;
  padding-right: 40px; }

.al-filtr {
  position: relative; }

.f_l {
  position: absolute;
  left: 0px;
  bottom: 0; }

.f_r {
  position: absolute;
  right: 0px;
  bottom: 0; }

.fnts {
  font-size: 13px;
  font-weight: 300;
  color: #000;
  position: relative;
  top: -2px;
  left: -4px; }

.fnts2 {
  font-size: 13px;
  font-weight: 300;
  color: #000;
  position: relative;
  top: -2px;
  left: -4px; }

@media (max-width: 767px) {
.hideondesktop.mobilemenu-main {
    display: block;
}
.col-sm-6.col-md-6.mobilemr-0 {
    padding-top: 0px;
}
.videosection {

    right: 3% !important;
    top: 65% !important;
    left: 2% !important;
}
section.wrapper-nachup {
    margin-top: 100px;
    background: #ececec;
    padding: 0;
    height: 100%;
}
.wrapper-inner.nachbg {
    background-color: #ffffff;
    padding: 15px;
}
.form-wrapper-nach {
    width: 100%;
    padding: 10px;
}
label.formlabel {
    width: 100%;
    padding-bottom: 5px;
}
.form-control.width75 {
    width: 100%;
}
input.btnsubmitynach.mg-button {
    width: 100%;
}
.form-heading {
    padding-bottom: 10px;
    padding-top: 10px;

}
  ul.mg-link li a {
    padding: 2px 4px;
    padding-bottom: 4px;
    margin-bottom: 17px; }
  .car-f-list li {
    padding: 0 8px; }
  .t-1 {
    position: absolute;
    top: -53px;
    right: 15px; }
  .mg-logo img {
    width: 40%; }
  ul.mg-link {
    margin-top: 0px;
    padding-bottom: 0; }
  .mg-banner {
    margin-top: 111px;
    padding: 34px 22px; }
  .mg-banner img {
    width: 100%; }
  .search-bar .s-box {
    width: 100%;
    border-right: 0px; }
  .search-bar .s-box:nth-child(2), .search-bar .s-box:nth-child(3), .search-bar .s-box:nth-child(4) {
    padding-left: 0px; }
  .sbtn {
    position: relative;
    right: 0;
    top: 0;
    bottom: 0;
    padding: 20px; }
  .feature-box {
    width: 100%;
    margin-bottom: 30px; }
  .feature-details {
    margin-bottom: 30px; }
  .Subscription-box {
    margin-top: 110px; }
  h3 {
    padding-bottom: 20px;
    padding-top: 20px; }
  .search-box input {
    width: 100%; }
  .search-box .s-btn {
    position: absolute;
    top: 0;
    right: 13px; }
  .Subscription-box .car-img {
    margin: 0px 0 20px 0; }
  .box-inn .col-sm-4.col-md-4.pd {
    padding: 0 15px; }
  .price-b {
    margin-top: 115px; }
  .s-text {
    position: relative;
    bottom: 0;
    left: 0;
    text-decoration: underline; }
  .box-inn {
    margin-bottom: 20px; }
  .loginrgt-bg {
    display: none; }
  .modelBox .modal-dialog {
    width: 90%; }
  .modelBox .modal-body {
    height: auto;
    padding: 20px 30px; }
  .f-list li {
    display: block;
    margin-bottom: 15px;
    margin-top: 15px;
    padding-right: 30px;
    vertical-align: top;
    padding-bottom: 10px; }
  .sucsess-msg {
    font-size: 16px;
    line-height: 25px;
    padding: 15px 15px 15px 50px; }
  .error-msg {
    font-size: 16px;
    line-height: 25px;
    padding: 15px 15px 15px 50px; }
  .ic-box {
    margin-bottom: 30px; }
  #reportrange {
    width: 100% !important;
    margin-bottom: 20px; }
  #example_info {
    display: none; }
  .profile-menu {
    height: 66vh;
    position: relative;
    top: 42px;
    width: 100%;
    margin-bottom: 30px; }
  .form-box.pd30p .form-group {
    margin-bottom: -1px;
    background: #f8f8f8;
    border: 1px solid #ddd;
    padding: 20px; }
  .selectbox {
    margin-bottom: 25px; }
  .form-box .form-control {
    margin-bottom: 15px; }
  .doc-success {
    position: absolute;
    top: -31px;
    left: 190px; }
  .doc-pending {
    position: absolute;
    top: -31px;
    left: 190px; } }

/*---------------Home Page Css Start------------------*/
.mg-wrapper {
  display: block;
  margin: 0px;
  padding: 0px; }

.mg-header2 {
  display: block;
  padding: 30px 0px;
  margin-bottom: 60px;
  transition: ease all 0.2s; }

.mg-link2 {
  display: block;
  text-align: right;
  list-style: none; }

.mg-link2 li {
  display: inline-block;
  outline: 0;
  vertical-align: middle; }

.mg-link2 li span {
  display: block;
  padding: 7px 20px;
  font-size: 15px;
  color: #fff;
  font-weight: 400;
  text-transform: uppercase;
  border: 2px solid #fff;
  width: 167px;
  height: 42px;
  text-align: center;
  border-radius: 30px;
  -moz-border-radius: 30px;
  -webkit-border-radius: 30px; }

.mg-link2 li span.pd {
  padding: 6px 30px; }

.mg-link2 li span:hover {
  background: #e04627;
  color: #fff; }

.mg-link2 li a {
  display: block;
  color: #fff;
  font-size: 15px;
  line-height: 22px;
  padding: 0px 10px;
  text-decoration: none;
  font-weight: 300; }

.mg-link2 li .login-btn {
  border: 0; }

.mg-link2 li a:hover {
  color: #e04627; }

a.logo {
  display: block;
  outline: 0; }

a.logo img {
  max-width: 100%; }

.color-1 {
  color: #e04627 !important; }

.steps-box {
  display: block;
  text-align: right;
  position: relative;
  z-index: 5; }

.mg-banner2 {
   background-size: cover;
  min-height: 650px;
  max-height: 650px;
  position: relative; }

.mg-banner2.p-login {
  padding: 55px 0px; }

.mg-banner2 h1 {
  display: block;
  font-size: 42px;
  color: #fff;
  font-weight: 300; }

.mg-banner2.p-login .s-text {
  font-size: 20px; }

.avail-text {
  margin-top: 50px; }

.s-text-2 {
  display: block;
  font-size: 24px;
  padding-bottom: 20px;
  color: #fff; }

.s-text-3 {
  display: block;
  font-size: 19px;
  color: #fff;
  padding-bottom: 5px; }

.mg-video {
  display: block;
  width: 500px;
  margin: 0 auto;
  position: relative;
  z-index: 2;
  float: right; }

.mg-video .plyr {
  margin: 0px; }

.corner-img {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 1;
  display: none; }

.mg-about {
  display: block;
  background: #e04627;
  padding: 80px 0px 120px 0px;
  position: relative; }

h2 {
  display: block;
  font-size: 34px;
  line-height: normal;
  font-weight: 400;
  color: #fff;
  padding-bottom: 10px; }

.mg-about p {
  font-size: 19px;
  color: #fff;
  line-height: 30px; }

.mg-blank {
  height: 400px;
  background: #fff;
  display: block; }

.mg-about .a-list {
  list-style: none;
  display: block;
  text-align: center;
  position: absolute;
  bottom: -155px;
  left: 0px;
  right: 0px; }

.mg-about .a-list li {
  display: inline-block;
  padding: 10px 25px; }

.mg-about .a-list li .a-icon {
  width: 158px;
  height: 158px;
  display: block;
  padding: 48px 10px;
  margin-bottom: 20px;
  /*background: url(../img/home/p-bg.png) no-repeat;*/
  background: #fff;
  border-radius: 100%;
  border: 6px solid #e04627; }

.mg-about .a-list li .a-text {
  display: block;
  color: #000;
  font-size: 18px;
  font-weight: 300; }

.mg-subscribe {
  display: block;
  background: #ebebeb; }

.mg-subscribe .subscribe-box {
  position: relative;
  top: -155px; }

.mg-subscribe .mg-b {
  display: block;
  border: 2px solid #808080;
  background: #fff;
  min-height: 165px;
  margin: 20px 0px;
  padding: 20px 25px;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px; }

.mg-subscribe h2 {
  color: #404041; }

.mg-subscribe .subscribe-box p {
  font-size: 19px;
  color: #404041;
  line-height: 30px; }

.t-11 {
  display: block;
  color: #4d4d4d;
  font-size: 12px; }

.gender-box {
  display: block;
  list-style: none; }

.gender-box li {
  display: inline-block;
  color: #949494;
  font-size: 14px;
  padding-right: 10px; }

/*-------------Check box----------------*/
.p-login .box {
  display: block;
  position: relative;
  padding-left: 26px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-size: 13px;
  color: #404041; }

.p-login .box input {
  position: absolute;
  opacity: 0;
  cursor: pointer; }

.p-login .checkmark, .p-login .checkmark2 {
  position: absolute;
  top: 0;
  left: 0;
  height: 22px;
  width: 22px;
  background-color: #fff;
  border: 2px solid #ddd;
  border-radius: 50%; }

.p-login .box:hover input ~ .checkmark, .p-login .box:hover input ~ .checkmark2 {
  background-color: #f8f8f8; }

.p-login .box input:checked ~ .checkmark, .p-login .box input:checked ~ .checkmark2 {
  background-color: #fff; }

.p-login .checkmark:after, .p-login .checkmark2:after {
  content: "";
  position: absolute;
  display: none; }

.p-login .box input:checked ~ .checkmark:after, .p-login .box input:checked ~ .checkmark2:after {
  display: block; }

.p-login .box .checkmark:after {
  top: 3px;
  left: 3px;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #e04627; }

.p-login .mg-video {
  margin-top: 70px;
  text-align: right; }

.p-login .box .checkmark2:after {
  top: 3px;
  left: 3px;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: url(../img/home/tick.jpg) no-repeat center center; }

/*-----------------------------*/
.std-code {
  position: absolute;
  left: 1px;
  top: 1px;
  padding: 7px 12px;
  font-size: 13px;
  border-right: 1px solid #808080; }

.pd55 {
  padding-left: 55px; }

.form-group {
  position: relative; }

.p-login .btn {
  padding: 6px 30px; }

.tick {
  position: absolute;
  right: 0px;
  top: 0px;
  padding: 10px 15px;
  color: #207a3d;
  font-size: 13px; }

.selectBox {
  border: 2px solid #d7d7d7;
  border-radius: 30px;
  -moz-border-radius: 30px;
  -webkit-border-radius: 30px; }

.selectBox select {
  background: transparent; }

.selectBox .form-control {
  padding: 6px 15px;
  height: 35px !important; }

h3.tp20, h3.pdtop30 {
  font-size: 22px;
  color: #000; }

/*-------tab-------*/
.tabopen .hide {
  display: none; }

.tab-btn {
  padding: 0px;
  list-style: none;
  display: block;
  text-align: left;
  margin: 20px 0px 3px 0; }

.tab-btn li {
  display: inline-block;
  text-align: center;
  margin: 0 6px;
  background: #fff;
  width: 115px;
  position: relative;
  border: 2px solid #ebebeb;
  border-radius: 30px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px; }

.tab-btn li.activelink {
  background: #e04627;
  border-radius: 30px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border: 2px solid #e04627; }

.tab-btn li.activelink a span {
  color: #fff; }

/*.tab-btn li.activelink {
	background:url(../img/home/tab-btn-img-active.png) no-repeat center top ;
}*/
.tab-btn li span {
  display: block;
  position: relative;
  top: -2px;
  color: #404041;
  font-size: 14px; }

.tab-btn li a {
  color: #404041;
  padding: 8px 10px;
  display: block;
  text-decoration: none; }

.tab-btn li a.car-icon1 {
  background: url(../img/home/car-icon1-gray.png) no-repeat center center; }

.tab-btn li a.car-icon2 {
  background: url(../img/home/car-icon2-gray.png) no-repeat center center; }

.tab-btn li a.car-icon3 {
  background: url(../img/home/car-icon3-gray.png) no-repeat center center; }

.tab-btn li a.car-icon4 {
  background: url(../img/home/car-icon4-gray.png) no-repeat center center; }

.tab-btn li a.car-icon6 {
  background: url(../img/home/car-icon6-gray.png) no-repeat center center; }

.tab-btn li a.car-icon5 {
  background: url(../img/home/car-icon5-gray.png) no-repeat center center; }

.tab-btn li a.car-icon1.activelink {
  background: url(../img/home/car-icon1.png) no-repeat center center; }

.tab-btn li a.car-icon2.activelink {
  background: url(../img/home/car-icon2.png) no-repeat center center; }

.tab-btn li a.car-icon3.activelink {
  background: url(../img/home/car-icon3.png) no-repeat center center; }

.tab-btn li a.car-icon4.activelink {
  background: url(../img/home/car-icon4.png) no-repeat center center; }

.tab-btn li a.car-icon6.activelink {
  background: url(../img/home/car-icon6.png) no-repeat center center; }

.tab-btn li a.car-icon5.activelink {
  background: url(../img/home/car-icon5.png) no-repeat center center; }

.duration-list {
  display: block;
  list-style: none;
  margin: 0px;
  padding: 0px;
  text-align: center; }

.duration-list li {
  display: inline-block;
  width: 16.3%;
  border-bottom: 6px solid #ebebeb; }

.bs-wizard {
  margin-top: 40px; }

.graybg {
  background: #808080 !important; }

.tabopen .tabin {
  padding: 20px 0px;
  margin-left: 50px;
  margin-right: 50px; }

.active {
  display: block; }

.tabopen .car-box {
  display: block;
  background: #fff;
  border: 2px solid #808080;
  padding: 20px;
  margin-bottom: 140px;
  min-height: 245px;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px; }

.tabopen .car-box h4 {
  font-size: 24px;
  color: #000;
  padding: 15px 0 0 15px; }

.tabopen .car-box h4 span {
  display: block; }

.tabopen .car-box .car-in {
  float: right; }

.tabopen .car-box .car-in img {
  width: 211px; }

.clr {
  display: block;
  clear: both; }

.tabopen .car-feature {
  display: block;
  list-style: none;
  padding: 30px 0 0 40px; }

.tabopen .car-feature li {
  display: block;
  font-size: 20px;
  line-height: 50px; }

/*-------tab end-------*/
/*--------wizard---------*/
.wizard-progress {
  display: table;
  width: 100%;
  table-layout: fixed;
  position: relative; }

.wizard-progress .step {
  display: table-cell;
  text-align: center;
  vertical-align: top;
  overflow: visible;
  position: relative;
  font-size: 14px;
  color: #404041;
  font-weight: bold; }

.wizard-progress .step:not(:last-child):before {
  content: '';
  display: block;
  position: absolute;
  left: 50%;
  top: 25px;
  background-color: #fff;
  height: 6px;
  width: 100%; }

.wizard-progress .step .node {
  display: inline-block;
  border: 3px solid #ebebeb;
  background-color: #fff;
  border-radius: 18px;
  height: 18px;
  width: 18px;
  position: absolute;
  top: 19px;
  left: 64%;
  margin-left: -18px; }

.wizard-progress .step.complete:before {
  background-color: #ebebeb; }

.wizard-progress .step.complete .node {
  border-color: #ebebeb;
  background-color: #fff;
  left: 60%; }

.wizard-progress .step.in-progress:before {
  background: #ebebeb; }

.wizard-progress .step.in-progress .node {
  border-color: #fff;
  background: #e04627;
  box-shadow: 0px 4px 0px #cecece;
  left: 60%; }

.wizard-progress .step span {
  position: absolute;
  top: 50px;
  left: 0px;
  right: 0; }

.text10 {
  font-size: 10px !important;
  margin: 0px;
  padding: 0px;
  display: block; }

/*--------------wizard--------------*/
.p-box {
  display: block; }

.p-box .g-box {
  display: block;
  background: #e04627;
  padding: 20px;
  margin-bottom: 20px;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px; }

.p-box .g-box.w-box {
  background: #fff; }

.p-box .g-box .check-list {
  display: block;
  list-style: none;
  text-align: center;
  margin: 0px;
  padding: 0px; }

.p-box .g-box .check-list li {
  display: inline-block;
  text-align: center;
  font-size: 16px;
  color: #e04627;
  font-weight: 300;
  border-right: 3px solid #ebebeb;
  padding: 10px 0px;
  width: 19%; }

.p-box .g-box.w-box .check-list li {
  color: #e04627; }

.p-box .g-box .check-list li:last-child {
  border: 0;
  padding-bottom: 0; }

.pdrgt1 {
  padding-right: 25px !important; }

.p-box .g-box.w-box h5 {
  color: #e04627; }

.p-box .g-box h5 {
  font-size: 24px;
  font-weight: 400;
  color: #fff;
  text-align: left;
  margin: 0px;
  padding-top: 10px; }

.p-box .g-box.w-box .price-box {
  color: #e04627; }

.p-box .g-box .price-box {
  font-size: 44px;
  color: #404041;
  text-align: left; }

.p-box .g-box .price-box span {
  font-size: 18px; }

.f-demo {
  background: #e04627;
  padding: 30px 0;
  min-height: 115px;
  margin-top: 0px;
  position: relative;
  top: -90px; }

.f-demo .mg-btn {
  display: block;
  text-align: right; }

.mg-btn-3 {
  display: block;
  text-align: right; }

a.btn-3, button.btn-3 {
  display: inline-block;
  padding: 8px 20px;
  font-size: 15px;
  color: #fff;
  font-weight: 400;
  text-transform: uppercase;
  /*background: url(../img/home/mg-btn-img.png) no-repeat;*/
  width: 167px;
  height: 42px;
  text-align: center;
  text-decoration: none;
  border-radius: 30px;
  border: 2px solid #fff; }

a.btn-3:hover, button.btn-3:hover {
  background: #fff;
  color: #e04627; }

.ftext {
  font-size: 20px;
  color: #fff;
  padding-top: 10px;
  display: block; }

.f-link {
  display: block;
  text-align: right;
  list-style: none; }

.f-link li {
  display: inline-block;
  font-size: 17px;
  color: #404041; }

.f-link li a {
  display: inline-block;
  padding-left: 25px;
  font-size: 17px;
  color: #404041;
  text-orientation: none;
  font-weight: 600; }

.f-link li .fa {
  font-size: 20px; }

.f-link li a:hover {
  color: #e04627;
  text-decoration: none; }

.pd30 {
  padding-left: 30px; }

.f-footer {
  position: relative;
  top: -40px; }

.copy-right {
  display: block;
  background: #ebebeb;
  padding: 15px;
  font-size: 17px;
  color: #000;
  font-weight: 300;
  text-align: center; }

.month6 {
  display: block; }

.month12 {
  display: none; }

.month24 {
  display: none; }

.month36 {
  display: none; }

.mg-login-footer {
  display: block;
  padding: 20px;
  text-align: center;
  font-size: 14px;
  color: #fff;
  background: #e04627; }

/*-----------------form popup-----------------*/
.mg-popup .modal-header .close {
  margin: 0;
  position: fixed;
  right: 0;
  top: 0;
  padding: 18px; }

.left-img {
  display: block;
  background: url(../../img/home/login-img.jpg) no-repeat center top;
  background-size: cover;
  border-radius: 30px 0 0 30px;
  -moz-border-radius: 30px 0 0 30px;
  -o-border-radius: 30px 0 0 30px;
  -webkit-border-radius: 30px 0 0 30px; }

.mg-popup .modal-body {
  padding: 0px;
  position: relative; }

.mg-popup .modal-dialog {
  max-width: 750px; }

.mg-popup .modal-content {
  border-radius: 30px;
  -moz-border-radius: 30px;
  -webkit-border-radius: 30px;
  -o-border-radius: 30px; }

.mg-popup .content-box {
  padding: 30px 40px 30px 30px; }

.mg-popup .content-box .pop-hdn {
  font-size: 17px;
  font-weight: bold;
  color: #3d3d3d;
  padding-bottom: 30px;
  display: block; }

.mg-popup .mg-btn {
  text-align: center; }

.error-box {
  font-size: 11px;
  color: #f00; }

.pop-hdn {
  padding-bottom: 10px;
  display: block; }

.content-box {
  padding-right: 20px;
  padding-top: 20px; }

.choosecar .close {
  position: absolute;
  top: 6px;
  right: 25px; }

.loader-box {
  display: none;
  position: absolute;
  text-align: center;
  padding-top: 50%;
  top: 0;
  left: 0;
  right: 15px;
  bottom: 0;
  background: rgba(255, 255, 255, 0.5); }

.text13 {
  font-size: 12px; }

.price-per-month {
  display: block;
  font-size: 23px;
  color: #404041;
  padding-top: 55px;
  padding-left: 15px; }

.price-per-month .price-bold {
  font-size: 44px; }

.price-per-month .rupees-size {
  font-size: 27px;
  position: relative;
  top: -11px;
  font-weight: 300;
  color: #e04627; }

.price-per-month .per-size {
  font-size: 24px;
  font-weight: 300; }

.starb {
  color: #e04627;
  font-size: 24px; }

.finalprice {
  color: #e04627; }

.per-size {
  color: #e04627; }

.box-list {
  display: block;
  list-style: none;
  margin: 0px;
  padding: 0px;
  text-align: center;
  position: absolute;
  bottom: -210px;
  left: 0;
  right: 0; }

.box-list li {
  display: inline-block;
  width: 19%; }

.box-list li span.iconbox-2 {
  display: block;
  width: 101px;
  height: 101px;
  text-align: center;
  padding: 25px 10px;
  background: #fff;
  margin: 0 auto;
  border: 2px solid #808080;
  border-radius: 100%;
  -moz-border-radius: 100%;
  -moz-border-radius: 100%; }

.box-list li span.textbox {
  display: block;
  font-size: 16px;
  color: #000;
  font-weight: 300;
  padding-top: 10px; }

.line-gray {
  display: block;
  height: 1px;
  background: #000;
  margin: 10px 0px 25px 0px; }

/*radio button*/
.styled-radio-2 {
  position: absolute;
  opacity: 0; }

.styled-radio-2 + label {
  position: relative;
  cursor: pointer;
  padding: 0;
  margin: 0px;
  padding: 0px;
  display: block;
  font-size: 13px;
  line-height: 22px;
  color: #000;
  font-weight: 400; }

.styled-radio-2 + label:before {
  content: '';
  margin-right: 10px;
  display: inline-block;
  vertical-align: text-top;
  width: 22px;
  height: 22px;
  background: #fff;
  position: relative;
  top: -35px;
  border: 4px solid #ebebeb;
  border-radius: 100%;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%; }

.styled-radio-2:checked + label:after {
  content: '';
  position: absolute;
  left: -1px;
  top: -33px;
  background: #fff;
  width: 22px;
  height: 22px;
  border: 4px solid #e04627;
  border-radius: 100%;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%; }

/*Form Wizard*/
.bs-wizard {
  border-bottom: solid 1px #e0e0e0;
  padding: 0 0 10px 0; }

.bs-wizard > .bs-wizard-step {
  padding: 0;
  position: relative; }

.bs-wizard > .bs-wizard-step .bs-wizard-stepnum {
  font-size: 16px;
  margin-bottom: 5px; }

.bs-wizard > .bs-wizard-step .bs-wizard-info {
  color: #000;
  font-size: 14px;
  position: relative;
  left: -3px; }

.bs-wizard > .bs-wizard-step .bs-wizard-info.active {
  color: #e04627; }

.bs-wizard > .bs-wizard-step > .bs-wizard-dot {
  position: absolute;
  width: 0px;
  height: 0px;
  display: block;
  background: #ebebeb;
  top: 50px;
  left: 50%;
  margin-top: -15px;
  margin-left: -15px;
  border-radius: 50%; }

.bs-wizard > .bs-wizard-step > .progress {
  position: relative;
  border-radius: 0px;
  height: 6px;
  box-shadow: none;
  margin: 10px 0 20px 0;
  background-color: #ebebeb; }

.bs-wizard > .bs-wizard-step > .progress > .progress-bar {
  width: 0px;
  box-shadow: none;
  background: #ebebeb; }

.bs-wizard > .bs-wizard-step.complete > .progress > .progress-bar {
  width: 100%; }

.bs-wizard > .bs-wizard-step.active > .progress > .progress-bar {
  width: 50%; }

.bs-wizard > .bs-wizard-step:first-child.active > .progress > .progress-bar {
  width: 0%; }

.bs-wizard > .bs-wizard-step:last-child.active > .progress > .progress-bar {
  width: 100%; }

.bs-wizard > .bs-wizard-step.disabled > .bs-wizard-dot:after {
  opacity: 0; }

.bs-wizard > .bs-wizard-step:first-child > .progress {
  left: 50%;
  width: 50%; }

.bs-wizard > .bs-wizard-step:last-child > .progress {
  width: 50%; }

.bs-wizard > .bs-wizard-step.disabled a.bs-wizard-dot {
  pointer-events: none; }

/*END Form Wizard*/
.row.bs-wizard .col-xs-1 {
  width: 9.8%; }

.pdtop30 {
  padding-top: 30px; }

/*radio button end*/
.not-active {
  pointer-events: none;
  cursor: default;
  text-decoration: none;
  color: black; }

.adhartext {
  font-size: 11px;
  color: #000; }

.taxes-price {
  font-size: 16px;
  display: block;
  color: #333;
  position: relative;
  top: 0px;
  right: 0;
  text-align: right; }

.taxes-price-1 {
  font-size: 12px;
  display: block;
  color: #333;
  position: relative;
  top: 0px;
  right: 0;
  text-align: right; }

.taxes-price-2 {
  font-size: 11px;
  display: block;
  color: #333;
  position: relative;
  top: 0px;
  right: 0;
  text-align: left; }

.agreeBoxScroll {
  height: 110px;
  overflow-y: scroll;
  padding: 10px;
  border: 1px solid #808080;
  margin-top: 15px;
  display: none; }

.checkterms {
  margin-top: 15px; }

.logoimg {
  display: block;
  text-align: center; }

.logoimg img {
  width: 150px; }

.scortext {
  font-size: 20px; }

.pdl26 {
  padding-left: 26px; }

.a-hdn {
  font-size: 16px;
  color: #000;
  border-bottom: 1px solid #000;
  display: block;
  padding-bottom: 10px; }

.a-hdn-1 {
  font-size: 16px;
  color: #000;
  display: block;
  padding-bottom: 10px; }

.frmheight {
  height: 250px; }

.m-icon {
  display: none; }

.searchcity-popup {
  display: none;
  background-color: rgba(0, 0, 0, 0.54);
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 777; }

.searchcity-popup .searchcity {
  display: block;
  background: #fff;
  width: 400px;
  height: 475px;
  margin: 0px auto 0 auto;
  transform: translate(0px, 64px);
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px; }

.searchcity h3 {
  display: block;
  margin: 0px;
  font-size: 20px;
  color: #000;
  text-align: center;
  padding: 25px 20px 25px 20px;
  border-bottom: 1px solid #ddd; }

.city-list {
  display: block;
  padding: 20px 40px;
  list-style: none;
  margin: 0px;
  height: 400px;
  overflow: auto; }

.city-list li {
  display: block;
  padding: 0;
  background: url(../img/ltimg/city.png) no-repeat left center;
  background-size: 40px;
  padding-left: 60px; }

.city-list li a {
  display: block;
  font-size: 16px;
  color: #808080;
  line-height: 26px;
  /*border-bottom: 1px solid #f2f2f2;*/
  padding: 18px 0px;
  text-decoration: none;
  font-weight: 300; }

.city-list li a:hover {
  background: #e5e5e5;
  color: #333;
  padding-left: 15px; }

.city-list li a.select {
  background: url(../img/ltimg/check-mark.png) no-repeat 98% center #fff;
  background-size: 18px;
  color: #000;
  /*padding-left: 10px;*/ }

.city-list li a.select:hover {
  background: url(../img/ltimg/check-mark.png) no-repeat 98% center #e5e5e5;
  color: #000;
  padding-left: 15px;
  background-size: 18px; }

#carcount {
  display: block;
  font-size: 25px;
  position: absolute;
  left: 0;
  right: 0;
  text-align: center;
  vertical-align: middle;
  top: 150px;
  color: #ccc; }

@media (max-width: 992px) {
  .mg-video img {
    width: 100%; } }

@media (max-width: 768px) {
  .noneditpopup .modal-dialog {
    width: 90%; }
  .p30 {
    padding: 20px; }
  .noneditlist span.hb2 {
    padding-bottom: 15px; }
  .doc-pending2 {
    position: absolute;
    top: -44px;
    left: auto;
    right: 20px; }
  .mg-video img {
    width: 100%; }
  .mg-banner2 {
    min-height: auto;
    max-height: inherit; }
  .mg-banner2 {
    background-size: cover; }
  .mg-link2 {
    text-align: right;
    margin: 0;
    padding: 0; }
  .mg-link2 li {
    display: block; }
  .mg-link2 li a {
    padding: 10px 4px; }
  .mg-about .a-list {
    position: relative;
    bottom: 0;
    margin: 0;
    padding: 0; }
  .mg-about .a-list li .a-text {
    color: #fff; }
  .steps-box {
    padding: 50px 0 20px 0; }
  .mg-video {
    width: 100%;
    margin-bottom: 20px; }
  .mg-blank {
    height: 210px; }
  .tab-btn li {
    margin-bottom: 20px; }
  .pdtop30 {
    padding-bottom: 0px; }
  .tabopen .car-box h4 {
    padding-bottom: 0px; }
  .tabopen .car-box .car-in {
    float: right;
    margin-bottom: 20px; }
  .box-list li {
    width: 100%; }
  .box-list {
    position: relative;
    bottom: 0;
    top: 50px; }
  .box-list li {
    width: 100%;
    margin-bottom: 30px; }
  .tabopen .car-box {
    padding-bottom: 70px;
    margin-bottom: 20px; }
  .ftext {
    text-align: center;
    padding-bottom: 20px; }
  .mg-btn-3 {
    text-align: center; }
  a.logo {
    text-align: left; }
  a.logo img {
    max-width: 230px; }
  .f-link {
    margin: 0px;
    padding: 0px;
    text-align: center;
    padding: 30px 0px; }
  .pd30 {
    padding-left: 0px; }
  .f-link li a {
    padding: 0px 20px; }
  .copy-right {
    font-size: 14px; }
  .p-box .g-box h5 {
    text-align: center;
    padding-bottom: 30px; }
  .p-box .g-box .check-list {
    margin: 0px;
    padding: 0px; }
  .price-box {
    text-align: left; }
  .taxes-price {
    text-align: left; }
  .t-6 {
    text-align: left; }
  .info-icon4 {
    display: none; }
  .fee-includes {
    margin-top: 30px; }
  .m-icon {
    display: block;
    position: absolute;
    right: 20px;
    top: -30px;
    cursor: pointer;
    fill: #fff; }
  .mg-link2 li .login-btn {
    text-align: right;
    padding: 2px 4px 2px 10px !important; }
  .mg-link2 li span {
    padding: 5px 5px;
    font-size: 14px;
    border: 1px solid #fff;
    width: 135px;
    height: 35px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    float: right; }
  .mg-link2.m-design {
    display: none;
    padding: 0px;
    position: absolute;
    top: 0px;
    left: 0px;
    right: 17px;
    z-index: 333; }
  .mg-banner2 h1 {
    font-size: 32px;
    padding-top: 25px; }
  .s-text-2 {
    font-size: 18px;
    padding-bottom: 0px; }
  .s-text-3 {
    font-size: 14px; }
  .fixed-header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999;
    background: #fff;
    padding: 5px 0px; }
  .fixed-header .m-icon {
    fill: #333; }
  .fixed-header .mg-link2.m-design {
    background: #fff;
    right: 0;
    top: 6px;
    padding-right: 15px;
    padding-bottom: 15px; }
  .fixed-header .mg-link2 li a {
    color: #333; }
  .fixed-header .mg-link2 li span {
    border: 1px solid #333;
    color: #333; }
  .fixed-header .mg-link2 li span:hover {
    background: #e04627;
    color: #fff;
    border: 1px solid #e04627; }
  .content-box {
    padding: 20px; }
  .mg-about {
    padding: 40px 20px 40px 20px; }
  h2 {
    font-size: 26px; }
  .mg-about p {
    font-size: 16px;
    line-height: 26px; }
  .mg-about .a-list li .a-icon {
    margin: 0 auto; }
  .pdtop30 {
    padding-top: 20px; }
  .tabopen .tabin {
    padding: 20px 0px;
    margin-left: 0;
    margin-right: 0; }
  .logo.lg2 {
    text-align: center; }
  .mg-header {
    padding: 20px 20px 0 20px; }
  ul.mg-link li.active a {
    padding-bottom: 5px; } }
=======
body {
  margin: 0px;
  padding: 0px;
  background: #fff;
  font-smoothing: antialiased;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  -o-font-smoothing: antialiased;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  font-family: 'robotomedium'; }

a {
  -webkit-transition: ease 0.5s;
  -moz-transition: ease 0.5s;
  transition: ease 0.5s;
  color: #e04627;
  text-decoration: none; }

a:hover, a:focus {
  color: inherit; }

@font-face {
  font-family: 'robotomedium';
  src: url("../fonts/roboto-medium-webfont.woff2") format("woff2"), url("../fonts/roboto-medium-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

.mg-card span.t-4 {
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
input, select, button, textarea {
  outline: 0; }



/*jitendra nigam*/
.steps-wrapper {
    margin-top: 81px;
    background-color: #ebebeb;
    margin-bottom: 60px;
	padding: 5px;
    text-align: center;
}
.steps-block.active-step {
    max-width: 638px;
    margin: 0 auto;
}
section.steps-wrapper.no-margin-step {
    margin-bottom: 0px;
}
img.imgcenter {
    width: 90%;
}
.steps-block.active-step-m30 {
    text-align: center;
    background: #ebebeb;
    margin-bottom: 20px;
}
section.steps-wrapper-nomargin {
    padding: 40px 0px;
}

#accordian h3 a {
    margin: 0px;
    padding: 0px;
    display: block;
    font-size: 13px;
    line-height: 22px;
    color: #e04627;
    font-weight: 400;
    text-transform: uppercase;
    text-decoration: none;
}
/*jitendra nigam*/
.mg-wrapper {
  display: block;
  margin: 0px;
  padding: 0px; }

.mg-header {
  display: block;
  background: #000;
  padding: 20px 30px 0 30px;
  width: 100%;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  z-index: 666; }

.mg-logo {
  display: block;
  outline: 0;
  padding-bottom: 18px; }

.t-1 {
  margin: 0px;
  padding: 0px;
  display: block;
  font-size: 12px;
  line-height: 20px;
  color: #fff;
  text-align: right;
  padding-bottom: 5px; }

ul.mg-link {
  display: block;
  margin: 0px;
  padding: 0px;
  list-style: none;
  text-align: right; }

ul.mg-link li {
  display: inline-block;
  position: relative; }

ul.mg-link li a {
  margin: 0px;
  padding: 0px;
  display: block;
  font-size: 12px;
  line-height: 20px;
  color: #fff;
  padding: 2px 12px;
  outline: 0;
  text-decoration: none; }

ul.mg-link li a:hover {
  color: #e04627;
  text-decoration: none; }

ul.mg-link li.active a {
  border-bottom: 3px solid #e04627;
  position: relative;
  bottom: 0;
  left: 0;
  right: 0;
  padding-bottom: 16px; }

ul.mg-link li .dropdown-menu {
  width: 100px;
  left: auto;
  right: 0;
  border-radius: 0px;
  top: 33px; }

ul.mg-link li .dropdown-menu li {
  display: block; }

ul.mg-link li .dropdown-menu li a {
  color: #000;
  border: 0;
  padding: 5px 20px; }

.pdrgt {
  padding-right: 0px !important; }

.login-btn {
  border: 1px solid #fff;
  color: #fff;
  text-align: center;
  padding: 2px 10px 2px 10px !important;
  margin-left: 15px !important;
  outline: 0; }

.stepsimg {
  width: 498px;
  margin-bottom: 20px; }

.login-btn:hover {
  border: 1px solid #e04627; }

.mg-banner {
  background: url(../img/mg-banner-2.jpg) no-repeat center center;
  background-size: cover;
  min-height: 133px;
  max-height: 133px;
  text-align: center;
  padding: 22px;
  margin-top: 86px; }

.mg-search {
  display: block;
  padding: 20px 30px 30px 30px; }

.search-bar {
  display: block;
  background: #fff;
  box-shadow: 0px 0px 3px #808080;
  padding: 0px 20px;
  position: relative;
  top: -56px; }

.search-bar .s-box {
  display: inline-block;
  width: 19.7%;
  border-right: 1px solid #ebebeb;
  padding: 10px 0px;
  position: relative; }

.search-bar .s-box:nth-child(2), .search-bar .s-box:nth-child(3), .search-bar .s-box:nth-child(4) {
  padding-left: 20px; }

.search-bar .s-box:nth-child(4), .search-bar .s-box:nth-child(5) {
  border-right: 0px; }

.search-bar .s-box label {
  margin: 0px;
  padding: 0px;
  display: block;
  font-size: 11px;
  line-height: 18px;
  color: #e04627;
  font-weight: 500; }

.search-bar .s-box input {
  display: block;
  width: 100%;
  height: 30px;
  border: 0;
  background: none;
  padding: 0px;
  outline: 0;
  margin: 0px;
  padding: 0px;
  display: block;
  font-size: 13px;
  line-height: 22px;
  color: #000;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  background: url(../img/calender.png) no-repeat 93% 9px; }

.search-bar .s-box select {
  display: block;
  width: 100%;
  height: 30px;
  border: 0;
  background: none;
  padding: 0px;
  outline: 0;
  margin: 0px;
  padding: 0px;
  display: block;
  font-size: 13px;
  line-height: 22px;
  color: #000;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  background: url(../img/ltimg/arrow-b.png) no-repeat 93% 12px;
  background-size: 12px; }

.sbtn {
  background: #e04627;
  position: absolute;
  right: -11%;
  top: -28px;
  bottom: -21px;
  color: #fff;
  font-size: 14px;
  text-transform: uppercase;
  text-align: center;
  width: 100%;
  border: 0;
  outline: 0; }

::-webkit-input-placeholder {
  /* Edge */
  color: #808080; }

:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #808080; }

::placeholder {
  color: #808080; }

.search-car-box {
  display: block;
  position: relative; }

.feature-box {
  display: block;
  border: 1px solid #ebebeb;
  width: 95%; }

.feature-list {
  display: block;
  margin: 15px 0 0px 0 !important;
  padding: 0;
  list-style: none;
  /* height: 128px; */
  /* overflow: auto; */
  }

.feature-list li {
  display: block;
  width: 100%;
  margin-bottom: 15px;
  border: 0 !important;
  padding: 0 !important; }

.feature-list:last-child {
  margin-bottom: 0px; }

.t-2 {
  margin: 0px;
  padding: 0px;
  display: block;
  font-size: 13px;
  line-height: 22px;
  color: #e04627;
  font-weight: 600;
  padding-bottom: 15px;
  text-transform: uppercase; }

.t-2.f-b {
  position: relative;
  left: -8px;
  font-weight: 400; }

.t-3 {
  margin: 0px;
  padding: 0px;
  display: block;
  font-size: 18px;
  line-height: 20px;
  color: #000;
  font-weight: 400;
  font-size: 17px; }

.t-4 {
  margin: 0px;
  padding: 0px;
  display: block;
  font-size: 12px;
  line-height: 20px;
  color: #000;
  font-weight: 400; }

.t-5 {
  margin: 0px;
  padding: 0px;
  display: block;
  font-size: 18px;
  line-height: 20px;
  color: #e04627;
  font-weight: 400;
  text-align: right; }

.t-6 {
  margin: 0px;
  padding: 0px;
  display: block;
  font-size: 12px;
  line-height: 20px;
  color: #e04627;
  font-weight: 400;
  text-align: right; }

.feature-b-in {
  display: block;
  padding: 10px 20px;
  border-bottom: 1px solid #ebebeb; }

/*--checkbox input---*/
.styled-checkbox {
  position: absolute;
  opacity: 0; }

.styled-checkbox + label {
  position: relative;
  cursor: pointer;
  padding: 0;
  margin: 0px;
  padding: 0px;
  display: block;
  font-size: 13px;
  line-height: 22px;
  color: #000;
  font-weight: 400;
  line-height: 18px;
  text-indent: -26px;
  padding-left: 26px !important; }

.styled-checkbox + label:before {
  content: '';
  margin-right: 10px;
  display: inline-block;
  vertical-align: text-top;
  width: 16px;
  height: 16px;
  border: 1px solid #808080; }

.styled-checkbox:checked + label:after {
  content: '';
  position: absolute;
  left: 4px;
  top: 4px;
  background: #e04627;
  width: 8px;
  height: 8px; }

.dtd .styled-checkbox:checked + label:after {
  top: 6px; }

.styled-radio {
  position: absolute;
  opacity: 0; }

.styled-radio + label {
  position: relative;
  cursor: pointer;
  padding: 0;
  margin: 0px;
  padding: 0px;
  display: block;
  font-size: 13px;
  line-height: 22px;
  color: #000;
  font-weight: 400; }

.styled-radio + label:before {
  content: '';
  margin-right: 10px;
  display: inline-block;
  vertical-align: text-top;
  width: 16px;
  height: 16px;
  border: 1px solid #808080;
  border-radius: 50px;
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px; }

.styled-radio:checked + label:after {
  content: '';
  position: absolute;
  left: 4px;
  top: 6px;
  background: #e04627;
  width: 8px;
  height: 8px;
  border-radius: 50px;
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px; }

/*--checkbox input end---*/
.mg-card {
  display: block;
  border: 1px solid #808080;
  padding: 15px 20px;
  margin-bottom: 30px;
  position: relative;
  min-height: 335px; }

.car-img {
  display: block;
  border: 1px solid #ebebeb;
  padding: 20px 10px 20px 10px;
  margin: 10px 0px 5px 0;
  text-align: center;
  position: relative;
  min-height: 139px;
  max-height: 139px; }

.t-7 {
  margin: 0px;
  padding: 0px;
  display: block;
  font-size: 12px;
  line-height: 20px;
  font-weight: 300;
  text-transform: uppercase;
  position: absolute;
  left: 0;
  top: 0;
  background: #e04627;
  padding: 0px 15px;
  color: #fff;
  text-align: center; }

.t-8 {
  margin: 0px;
  padding: 0px;
  display: block;
  font-size: 12px;
  line-height: 20px;
  font-weight: 300;
  color: #000;
  text-align: left;
  font-size: 11px; }

.t-9 {
  margin: 0px;
  padding: 0px;
  display: block;
  font-size: 14px;
  line-height: 22px;
  font-weight: 300;
  color: #000;
  text-align: left; }

.mg-card ul.car-f-list {
    height: 50px;
}

.t-10 {
  margin: 0px;
  padding: 0px;
  display: block;
  font-size: 11px;
  line-height: 18px;
  font-weight: 300;
  color: #808080;
  text-align: center;
  border: 1px solid;
  border-color: #ccc;
  position: absolute;
  top: -1px;
  left: -1px;
  z-index: 444;
  padding: 0 5px; }

.t-10.active {
  background: #e04627;
  color: #fff; }

.t-10 .icon {
  position: relative;
  top: -2px; }

.info-icon {
  position: absolute;
  top: 8px;
  right: 8px; }

.info-icon3 {
  position: absolute;
  top: -3px;
  right: 2px; }

.car-in {
  width: 100%;
  display: block; }

.linktext {
  margin: 0px;
  padding: 0px;
  display: block;
  font-size: 12px;
  line-height: 20px;
  color: #e04627;
  text-decoration: underline;
  float: right;
  position: absolute;
  bottom: 5px;
  right: 10px; }

.clear {
  clear: both; }

.car-f-list {
  display: block;
  margin: 0px;
  padding: 0px;
  list-style: none;
  text-align: center; }

.car-f-list li {
  margin: 0px;
  padding: 0px;
  display: block;
  font-size: 12px;
  line-height: 20px;
  display: inline-block;
  color: #808080;
  padding: 0 2px;
  font-weight: 300;
  vertical-align: top; }

.car-f-list li .icon {
  position: relative;
  top: -1px; }

.car-f-list li span {
  display: block;
  font-size: 10px;
  position: relative;
  left: 5px;
  top: 1px; }

.list4 li {
  padding: 0 15px; }

.btn-box {
  margin-top: 20px; }

.btn-box.centerbox {
  text-align: center; }

.btn-box.centerbox .mg-button {
  margin: 0 auto; }

a.mg-button {
  text-decoration: none; }
  #accordian li {
    list-style-type: none;
    display: block;
    padding: 10px 20px;
    border-bottom: 1px solid #ebebeb;
}
#accordian ul {
    display: block;
    margin: 0px;
    padding: 0px;
}
#accordian h3 a {
    background: url(../img/ltimg/arrow-b.png) no-repeat right center;
    background-size: 12px;
	    display: block;
    color: #cf2230;
    /* font-size: 20px; */
    padding: 0px;
    margin: 0px;
}

#accordian ul ul li a,
#accordian h4 {
  color: white;
  text-decoration: none;
  font-size: 11px;
  line-height: 27px;
  display: block;
  padding: 0 15px;
  transition: all 0.15s;
  position: relative; }
#accordian ul ul {
  display: none; }
#accordian li.active > ul {
  display: block; }

#accordian ul ul ul {
  margin-left: 15px;
  border-left: 1px dotted rgba(0, 0, 0, 0.5); }

.mg-button {
  margin: 0px;
  padding: 0px;
  display: block;
  font-size: 13px;
  line-height: 22px;
  text-align: center;
  text-transform: uppercase;
  outline: 0;
  border: 0;
  padding: 6px 10px;
  background: #fff;
  color: #e04627;
  border: 2px solid #e04627;
  border-radius: 30px;
  -moz-border-radius: 30px;
  -webkit-border-radius: 30px; }

.mg-button:hover {
  background: #e04627;
  color: #fff; }

.mg-button2 {
  margin: 0px;
  padding: 0px;
  display: block;
  font-size: 12px;
  line-height: 20px;
  text-align: center;
  text-transform: uppercase;
  outline: 0;
  border: 2px solid #e04627;
  padding: 8px 15px;
  background: #fff;
  color: #e04627;
  width: 168px;
  border-radius: 30px;
  -moz-border-radius: 30px;
  -webkit-border-radius: 30px; }

.mg-button2:hover {
  background: #e04627;
  color: #fff; }

.mg-button3 {
  margin: 0px;
  padding: 0px;
  display: block;
  font-size: 13px;
  line-height: 22px;
  text-align: center;
  text-transform: uppercase;
  outline: 0;
  border: 0;
  padding: 10px 15px;
  background: url(../img/mg-btn3.png) no-repeat center center;
  color: #000;
  width: 80px;
  text-decoration: none; }

.mg-button3:hover {
  background: url(../img/mg-btn3-hover.png) no-repeat center center;
  color: #fff; }

.sortby {
  display: block;
  margin: 0px;
  padding: 0px;
  list-style: none;
  float: right;
  position: absolute;
  top: -30px;
  right: 0; }

.sortby li {
  display: inline-block;
  font-size: 13px;
  padding-left: 7px;
  color: #000; }

.sortby li a {
  display: block;
  margin: 0px;
  padding: 0px;
  display: block;
  font-size: 13px;
  line-height: 22px;
  color: #000;
  padding: 0 12px;
  text-decoration: none; }

.sortby li.t-arrow a {
  background: url(../img/top-arrow.png) no-repeat right center; }

.sortby li.t-arrow.active a {
  background: url(../img/top-arrow-hover.png) no-repeat right center;
  color: #e04627; }

.subscriptiomsg {
  margin: 0px;
  padding: 0px;
  display: block;
  font-size: 13px;
  line-height: 22px;
  color: #fff;
  padding: 20px 20px 20px 80px;
  position: fixed;
  bottom: 20px;
  right: 20px;
  width: 282px;
  line-height: 18px;
  background: url(../img/msg-icon.png) no-repeat 20px center #e04627; }

.subscriptiomsg a.link {
  color: #fff;
  text-decoration: underline; }

.subscriptiomsg a.link:hover {
  color: #000; }

.close-msg {
  position: absolute;
  top: 5px;
  right: 10px;
  cursor: pointer; }

.lSSlideOuter {
  width: 93%; }

.lSSlideWrapper {
  border: 1px solid #808080 !important;
  text-align: center;
  background: transparent; }

#image-gallery li {
  display: block;
  padding: 40px; }

.lSSlideOuter.vertical {
  position: relative;
  overflow: visible; }

.lSSlideOuter.vertical .lSGallery {
  position: absolute !important;
  right: -50px !important;
  top: 0;
  width: 150px !important; }

.lSSlideOuter .lSPager.lSGallery img {
  margin: 0 auto; }

.lSSlideOuter .lSPager.lSGallery li {
  border: 1px solid #808080 !important;
  border-radius: 0;
  height: auto;
  padding: 5px 0 10px 0; }

.lSSlideOuter .lSPager.lSGallery li.active {
  border: 1px solid #e04627 !important; }

.lSSlideOuter .lSPager.lSGallery li.active, .lSSlideOuter .lSPager.lSGallery li:hover {
  border-radius: 0 !important; }

.detailsbox {
  display: block; }

.detailsbox .t-10 {
  top: 0;
  left: 15px;
  font-size: 13px;
  padding: 2px 5px;
  width: 90px;
  background: #e04627;
  border: 1px solid;
  border-color: #e04627;
  color: #fff; }

.f-list {
  display: block;
  margin: 0px;
  padding: 0px;
  list-style: none; }

.f-list li {
  display: block;
  margin-bottom: 15px; }

.t-11 {
  margin: 0px;
  padding: 0px;
  display: block;
  font-size: 12px;
  line-height: 20px;
  color: #000;
  font-weight: 400;
  padding-bottom: 2px; }

.t-12 {
  margin: 0px;
  padding: 0px;
  display: block;
  font-size: 18px;
  line-height: 20px;
  color: #000;
  font-weight: 400; }

.f-list2 {
  display: block;
  margin: 0px;
  padding: 0px;
  list-style: none; }

.f-list2 li {
  display: inline-block;
  margin-bottom: 30px;
  margin-right: 20px;
  vertical-align: top; }

.f-list2 li .t-11 {
  padding-bottom: 5px; }

.info-icon4 {
  position: absolute;
  top: 5px;
  right: 3px; }

.info-icon2 {
  position: relative;
  top: -10px;
  left: 0; }

.detailsbox .t-5-1 {
  margin: 0px;
  padding: 0px;
  display: block;
  font-size: 32px;
  color: #e04627; }

.detailsbox .t-5-1 svg {
  fill: #e04627;
  position: relative;
  top: -10px; }

.detailsbox .t-11 svg {
  fill: #000;
  position: relative;
  top: 0px; }

.price-box {
  display: block;
  text-align: right; }

.price-box .mg-button {
  display: inline-block;
  margin: 15px 0px 5px 0; }

.f-list li .t-11 {
  margin: 0px;
  padding: 0px;
  display: block;
  font-size: 12px;
  line-height: 20px;
  color: #000;
  padding-bottom: 5px; }

.t-13 {
  margin: 0px;
  padding: 0px;
  display: block;
  font-size: 12px;
  line-height: 20px;
  color: #808080;
  border-bottom: 1px solid #808080;
  text-align: center;
  position: relative;
  margin: 40px 0px; }

.t-13 span {
  background: #fff;
  padding: 10px 20px;
  display: inline-block;
  position: absolute;
  top: -20px;
  left: 0;
  right: 0;
  width: 125px;
  margin: 0 auto; }

.ic-box {
  display: block;
  text-align: center; }

.ic-box span {
  display: block;
  padding-top: 10px;
  font-size: 14px;
  color: #808080; }

.pdrgt40 {
  padding-right: 30px !important; }

.docutext {
  font-size: 11px;
  color: #808080;
  text-transform: capitalize;
  padding-left: 3px; }

.check-status {
  display: block;
  font-size: 16px;
  color: #000; }

.dsply {
  display: inline-block !important;
  margin-left: 15px !important;
  padding: 5px 10px !important; }

.fee-includes {
  display: block;
  margin-top: 60px; }

.spec-feature {
  display: block;
  margin: 40px 0px; }

.feature-details {
  display: block;
  border: 1px solid #808080;
  padding: 30px;
  min-height: 300px; }

h2 {
  font-size: 18px;
  color: #000;
  margin: 0px;
  padding: 0px;
  padding: 0px 0 0px 0; }

h2.pdbtm {
  font-size: 18px;
  color: #000;
  margin: 0px;
  padding: 0px 0 20px 0; }

h3 {
  display: block;
  color: #e04627;
  font-size: 20px;
  padding: 0px;
  margin: 0px; }

.pdbtm {
  padding-bottom: 30px; }

.center-box {
  display: block;
  text-align: center; }

.center-box button {
  display: inline-block; }

.Subscription-box {
  display: block;
  margin-top: 100px;
  padding: 20px 30px; }

.search-box {
  display: block;
  text-align: right; }

.search-box input {
  height: 40px;
  border: 1px solid #808080;
  color: #808080;
  padding: 5px 12px;
  position: relative;
  left: 3px; }

.search-box .s-btn {
  background: #000;
  padding: 8px 12px;
  height: 40px;
  border: 1px solid #000;
  position: absolute;
  top: 0px;
  right: 12px; }

.Subscription-box .pcolor {
  color: #000; }

.box-in .pcolor {
  color: #000; }

.Subscription-box .car-img {
  margin: 0px; }

.mrgbtmm {
  margin-bottom: 10px; }

.box-in {
  display: block;
  margin-bottom: 30px; }

.box-inn.active {
  border: 2px solid #e04627;
  border-left: 15px solid #e04627; }

.box-inn {
  display: block;
  border: 1px solid #808080;
  padding: 20px;
  position: relative; }

.tp20 {
  padding-top: 20px; }

.progress-bar-container .progress-bar {
  position: relative;
  width: 90%;
  background: transparent;
  box-shadow: none;
  margin: 20px 0 0 17px; }

.progress-bar-container .progress-bar__bar {
  align-self: center;
  flex-grow: 1;
  height: 5px;
  color: #e04627;
  border-bottom: 3px dotted #e04627; }

.progress-bar-container .progress-bar__bar--completed {
  background: #e04627; }

.progress-bar-container .progress-bar__circles {
  display: flex; }

.progress-bar-container .progress-bar__circle {
  background: #fff;
  border-radius: 50%;
  border: 2px solid #e04627;
  cursor: pointer;
  height: 23px;
  position: relative;
  text-align: center;
  width: 23px; }

.progress-bar-container .progress-bar__circle--completed {
  background: #e04627;
  border-color: #e04627; }

.progress-bar-container .progress-bar__circle--completed .number {
  color: #fff;
  font-size: 1.8em; }

.progress-bar-container .progress-bar__circle--selected {
  border-color: #e04627;
  color: #e04627; }

.progress-bar-container .progress-bar__circle .number {
  font-size: 1.1em;
  font-weight: bold; }

.progress-bar-container .progress-bar__circle__label {
  top: 100%;
  color: #e04627;
  font-weight: 400;
  left: 50%;
  margin-top: 4px;
  margin-left: -50px;
  position: absolute;
  text-align: center;
  width: 100px;
  font-size: 11px;
  line-height: 16px; }

.rgt-box {
  display: block;
  text-align: right;
  padding-top: 20px; }

.rgt-box button {
  display: inline-block; }

.box-inn .col-sm-4.col-md-4.pd {
  padding: 0 50px; }

.s-text {
  margin: 0px;
  padding: 0px;
  display: block;
  font-size: 12px;
  line-height: 20px;
  color: #e04627;
  position: absolute;
  bottom: 10px;
  right: 10px;
  text-decoration: underline; }

.u-service {
  background: #000;
  margin: 0px;
  padding: 0px;
  display: block;
  font-size: 14px;
  line-height: 22px;
  color: #fff;
  position: absolute;
  top: -36px;
  right: -2px;
  padding: 6px 15px 6px 6px;
  text-align: center;
  display: inline-block; }

.black-b {
  position: absolute;
  left: -17px;
  top: 0;
  bottom: 0;
  background: url(../img/black-b.png) no-repeat;
  width: 40px; }

.timg {
  position: relative;
  top: -1px;
  left: -2px; }

.heading-b {
  margin-bottom: 30px; }

.p-c {
  color: #e04627 !important; }

.car-agreement {
  display: block;
  padding: 40px;
  border: 1px solid #808080;
  text-align: left;
  min-height: 500px;
  margin-bottom: 10px; }

.t-14 {
  display: block;
  padding: 0px;
  margin: 0px;
  color: #000;
  font-size: 25px; }

.mrgbtmm2 {
  margin-bottom: 20px; }

.t-15 {
  display: block;
  padding: 0px;
  margin: 0px;
  color: #000;
  margin: 0px;
  padding: 0px;
  display: block;
  font-size: 14px;
  line-height: 22px;
  display: inline-block; }

.price-b {
  display: block; }

.form-box {
  display: block; }

.form-box label {
  color: #000;
  margin: 0px;
  padding: 0px;
  display: block;
  font-size: 13px;
  line-height: 22px;
  font-weight: 400;
  padding-bottom: 4px; }

.form-box .form-control {
  border: 1px solid #808080;
  box-shadow: none;
  border-radius: 0;
  color: #000;
  margin: 0px;
  padding: 0px;
  display: block;
  font-size: 12px;
  line-height: 20px;
  font-weight: 400;
  padding: 8px 10px;
  height: 35px; }

.form-control {
  border: 1px solid #808080;
  box-shadow: none;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  color: #000;
  margin: 0px;
  padding: 0px;
  display: block;
  font-size: 12px;
  line-height: 20px;
  font-weight: 400;
  padding: 8px 10px;
  height: 35px; }

.form-box textarea {
  width: 100%;
  color: #000;
  margin: 0px;
  padding: 0px;
  display: block;
  font-size: 12px;
  line-height: 20px;
  padding: 10px; }

.edit-box a {
  display: inline-block;
  margin: 20px 10px 0 10px;
  position: relative;
  text-decoration: none; }

.selectbox {
  border: 1px solid #808080;
  height: 35px; }

.selectbox select {
  border: 0 !important;
  background: transparent;
  background: url(../img/b-arrow.png) no-repeat 94% center transparent;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none; }

.calandar-icon {
  background: url(../img/calendar.png) no-repeat 94% center #fff; }

.mrg10 {
  margin-top: 10px !important; }

.btn {
  background: #e04627;
  color: #fff;
  margin: 0px;
  padding: 0px;
  display: block;
  font-size: 14px;
  line-height: 22px;
  padding: 10px 30px;
  text-transform: uppercase;
  transition: all ease-in-out 0.3s;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px; }

.btn:hover, .btn:focus, .btn.focus {
  color: #fff !important; }

.line {
  height: 1px;
  background: #808080;
  margin: 10px 0px;
  opacity: 0.3; }

.pd5 {
  padding-top: 5px; }

.img-format {
  display: inline-block;
  position: relative;
  top: 10px; }

.t-16 {
  margin: 0px;
  padding: 0px;
  display: block;
  font-size: 12px;
  line-height: 20px;
  color: #000; }

.t-17 {
  margin: 0px;
  padding: 0px;
  display: block;
  font-size: 11px;
  line-height: 18px;
  color: #808080;
  font-style: italic; }

.edit-box a.pd6 {
  margin: 20px 5px 0 5px; }

.instructions-box {
  display: block;
  padding: 10px 20px;
  height: 400px;
  overflow-y: scroll; }

.instructions-box p {
  margin: 0px;
  padding: 0px;
  display: block;
  font-size: 13px;
  line-height: 22px;
  color: #000;
  font-weight: 300;
  padding-bottom: 15px;
  line-height: 20px; }

.instructions-box ol.list {
  display: block;
  margin: 0px 0 15px 40px;
  padding: 0px; }

.instructions-box ol.list li {
  font-size: 13px;
  line-height: 22px;
  color: #000;
  font-weight: 300;
  line-height: 20px; }

.instructions-box ol.list-1 {
  display: block;
  margin: 0px 0 15px 30px;
  padding: 0px; }

.instructions-box ol.list-1 li {
  font-size: 12px;
  color: #000;
  font-weight: 300;
  line-height: 18px;
  padding-bottom: 10px; }

.cls-btn {
  position: absolute;
  top: 5px;
  right: 7px;
  z-index: 222;
  padding: 10px !important; }

.modal-title.hdn {
  color: #e04627; }

.pclr {
  color: #e04627 !important; }

.modal-dialog {
  /*width: 890px;*/
  margin: 30px auto; }

.profile-box {
  display: block;
  margin-top: 86px; }

.profile-menu {
  display: block;
  background: #e04627;
  height: 100vh;
  padding: 35px 35px;
  position: fixed;
  left: 0;
  top: 86px;
  bottom: 0;
  width: 300px; }

.profile-hdn {
  margin: 0px;
  padding: 0px;
  display: block;
  font-size: 20px;
  line-height: 20px;
  color: #fff; }

.profile-img {
  display: block;
  text-align: left;
  margin: 40px 0px;
  position: relative;
  overflow: hidden; }

.edit-icon {
  position: absolute;
  top: 0px;
  left: 0px; }

.edit-icon input {
  width: 178px;
  height: 175px;
  opacity: 0;
  background: transparent;
  position: relative;
  z-index: 6; }

.edit-icon .iconn {
  position: absolute;
  top: 10px;
  right: 10px;
  cursor: pointer;
  z-index: 5; }

.edit-icon:hover .iconn {
  top: 12px; }

.t-18 {
  margin: 0px;
  padding: 0px;
  display: block;
  font-size: 16px;
  line-height: 24px;
  color: #fff;
  font-weight: 400;
  padding-bottom: 10px; }

.t-19 {
  margin: 0px;
  padding: 0px;
  display: block;
  font-size: 12px;
  line-height: 20px;
  color: #fff;
  font-weight: 400;
  padding-bottom: 5px; }

.edit2 {
  position: relative;
  top: -2px;
  left: 10px; }

.pd30p {
  padding: 50px 0px; }

.t-20 {
  margin: 0px;
  padding: 0px;
  display: block;
  font-size: 10px;
  line-height: 18px;
  color: #808080;
  font-weight: 400;
  padding-bottom: 5px; }

.inputwidth {
  width: 240px; }

.table-box {
  display: block; }

.table tr th {
  color: #000;
  font-weight: 400;
  font-size: 12px;
  padding: 8px 15px !important; }

.table tbody tr {
  border-left: 1px solid #808080;
  border-right: 1px solid #808080; }

.table > thead > tr > th {
  border-bottom: 1px solid #808080;
  font-weight: 400 !important; }

.table tr td {
  color: #000;
  font-weight: 400;
  font-size: 16px;
  padding: 8px 15px !important;
  border-top: 1px solid #808080;
  border-bottom: 1px solid #808080;
  vertical-align: middle !important; }

.paginationlist {
  display: block;
  text-align: right;
  list-style: none;
  margin: 0px;
  padding: 0px; }

.paginationlist li {
  display: inline-block;
  font-size: 12px;
  color: #000; }

.paginationlist li a {
  font-size: 12px;
  color: #000;
  border: 1px solid #808080;
  padding: 7px 13px;
  width: 38px;
  height: 35px;
  display: block; }

.t-21 {
  color: #e04627; }

.sucsess-msg {
  background: url(../img/ok-img.png) no-repeat 15px center #197b30;
  color: #fff;
  margin: 0px;
  padding: 0px;
  display: block;
  font-size: 18px;
  line-height: 20px;
  padding: 15px 50px;
  margin-bottom: 20px; }

.error-msg {
  background: url(../img/erroricon.png) no-repeat 15px center #e04627;
  color: #fff;
  margin: 0px;
  padding: 0px;
  display: block;
  font-size: 18px;
  line-height: 20px;
  padding: 15px 55px;
  margin-bottom: 20px; }

.pd8 {
  padding: 8px !important; }

.UpcomingService .table tr td {
  font-size: 14px; }

.UpcomingService .modal-body {
  padding: 50px 100px; }

.hover-content {
  padding: 10px;
  box-shadow: 0 2px 20px rgba(0, 0, 0, 0.2);
  box-sizing: border-box;
  background-color: #fff;
  width: 240px; }

[data-hover-wrapper] {
  transition: opacity .3s, -webkit-transform .3s;
  transition: opacity .3s, transform .3s;
  transition: opacity .3s, transform .3s, -webkit-transform .3s; }

.hover-content > img {
  max-width: 100%;
  margin-bottom: 10px; }

.hover-content > p {
  font-size: 14px;
  margin: 0;
  line-height: 1.4; }

.info {
  position: fixed;
  bottom: 0;
  right: 0;
  background-color: #000;
  padding: 10px 20px;
  color: #fff;
  font-size: 13px; }

.content > p > a:hover {
  background-color: #ffe0b2; }

/*--data table--*/
.dataTables_filter {
  display: none; }

#loaderImg {
  z-index: 222;
  position: absolute;
  display: none;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: 0 auto; }

.reset-btn {
  border: 1px solid #808080;
  margin: 0px;
  padding: 0px;
  display: block;
  font-size: 12px;
  line-height: 20px;
  position: absolute;
  top: 44px;
  right: 15px;
  display: block;
  padding: 0px 6px;
  color: #000; }

.dataTables_wrapper .dataTables_info {
  float: right !important; }

.dataTables_wrapper .dataTables_length {
  float: left;
  position: absolute;
  bottom: -5px; }

.daterangepicker .drp-buttons .btn {
  display: inline-block;
  border-radius: 0;
  border: 1px solid #000; }
.modelBox.chooseuser div#LoginModal{transform: translate(0, 25%);}
.daterangepicker .drp-buttons .btn:hover {
  background: #000;
  color: #fff; }
.chooseuser .modal-dialog.customwidth{
    width: 430px;
}
.daterangepicker td.active, .daterangepicker td.active:hover {
  background-color: #e04627 !important;
  border-radius: 0 !important; }

.daterangepicker {
  border-radius: 0 !important; }
     .d-flex.wrapperpopup {display: flex;  justify-content: space-evenly;  padding: 40px 20px;}
/*--data table--*/
/*--login and register css--*/
/*-------New Login css----------*/
.modelBox .modal-dialog {
  width: 700px; }
  .blockindividual:hover p {
    color: #e04627;
    transition: all .5s ease-in-out;
}
span.r-p {
    font-weight: 500;
    font-family: sans-serif;
}

.login-btn2.widthl100 {

    width: 100%;
}
a.btn-3 {
    cursor: pointer;
}
.modelBox .modal-content {
  border-radius: 10px; }
  .title-wrpeer {padding-top: 15px;}
   .blockindividual a :hover{color:#e04627}
  button.close.butonpopup { position: absolute;  right: -15px;  top: -10px; color: white; opacity: unset;  font-size: 20px;  font-family: monospace;    font-weight: normal;}
 .blockindividual a { color:#282829; text-decoration:none; margin: 0px;font-size: 16px;color: #282829; font-weight: 400; font-family: sans-serif;text-align: center;}
 .modelBox .modal-header {
  padding: 0px; }
.imgwraper {border: 1px solid #cccccc;  width: 140px;  text-align: center;  height: 130px;  align-items: center; display: inline-flex; justify-content: center; border-radius: 5px;}
.modelBox .modal-body {
  height: auto;
  padding: 20px 30px 20px 0px; }
.modal-header.dflex-wraperheader {
    display: flex;
	padding-right: 20px;
    justify-content: space-between;
    width: 100%;
	    align-items: center;
}
 .modelBox .form-group {
  position: relative; }
a.call-back-btn.btn-inline.btnbgsmallimg {
    text-align: center;
}
.wdh {
  width: 100%; }
.bg-fill:hover {background:#e04627;}
.bg-fill {
	background: #000;
    color: #fff;
    border: 0px;
    padding: 10px;
    text-align: center;
    display: block;
    border-radius: 0px;
}
.login-btn2 {
  display: block;
  margin: 0px;
  padding: 0px;
  list-style: none; }

.login-btn2 li {
  display: inline-block; }

.login-btn2 li a {
	    font-family: robotomedium;
  display: block;
  font-size: 14px;
  color: #000;
  padding: 15px 15px;
  cursor: pointer;
  text-decoration: none;
  border-bottom: 2px solid #fff; }

.login-btn2 li.active a {
  border-bottom: 2px solid #e04627;
  color: #e04627; }

/*.bg-box {
		background: url(../../img/ltimg/login-img.png) center top;
		background-size: cover;
	}*/
.registerbox {
  display: none; }

.dblock {
  display: inline-block; }

.t-11 {
  display: block;
  font-size: 12px;
  line-height: 18px;
  padding-bottom: 15px; }

.mandatory {
  color: #f00; }

.forgotP {
	    font-family: robotomedium;
  font-size: 12px;
  position: relative;
  display: block; }

.rgtrtext {
  position: absolute;
  right: 0;
  top: 0; }

.rgtrtext2 {
  position: relative;
  font-size: 12px; }

.std-code {
  position: absolute;
  top: 1px;
  left: 1px;
  font-size: 12px;
  background: #f8f8f8;
  padding: 7px 10px;
  bottom: 1px;
  border-radius: 5px 0 0 5px;
  border-right: 1px solid #808080; }

.pd55 {
  padding-left: 50px; }

.agreetext {
  font-size: 12px; }

.error {
  padding-bottom: 10px;
  color: red;
  font-size: 12px; }

.green {
  font-size: 11px;
  padding-bottom: 10px;
  color: green; }

.r-p {
  display: block;
  color: #000;
  font-size: 14px;
  padding-bottom: 20px;
  font-weight: 400; }
.b-backbtn.resend-otp {
	transition:all .5s ease-in-out;
	padding:0px;
	text-align:right;

 }

.b-backbtn.resend-otp a {

 	    text-decoration: underline;
    font-weight: 400;;
  }
.b-backbtn {
  display: block
  text-align: center;
  padding: 10px; }

.b-backbtn a {
  font-size: 12px; }

.loaderImg {
  z-index: 9999;
  position: absolute;
  display: none;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: 0 auto;
  background: rgba(255, 255, 255, 0.6); }

.loaderImg img {
  width: 40px;
  display: block;
  margin: 0 auto;
  top: 45%;
  position: relative; }

/*--login and register css end--*/
.carmsg .item {
  overflow: hidden; }

.op-1 {
  opacity: 0;
  position: absolute;
  width: 79px;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0; }

.uploadbtn {
  z-index: -1; }

a.button {
  text-decoration: none; }

a.button:hover {
  color: #fff !important; }

.form-control:focus {
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(207, 34, 48, 0.3);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(207, 34, 48, 0.3);
  border-color: #e04627; }

#image-gallery li img {
  width: 500px; }

.lSSlideOuter .lSPager.lSGallery img {
  width: 110px; }

.car-img .car-in img {
  width: 160px; }

.ChangePasswordbox .modal-title {
  font-size: 14px;
  color: #e04627; }

a.button:focus {
  color: #fff !important; }

.loder-box {
  display: none;
  position: fixed;
  right: 0;
  left: 0;
  margin: 0 auto;
  top: 0;
  bottom: 0;
  width: 100%;
  z-index: 666;
  background: rgba(255, 255, 255, 0.7); }

.loder-box img {
  width: 40px;
  margin: 0 auto;
  text-align: center;
  position: absolute;
  left: 0;
  right: 0;
  top: 45%; }

.loder-box p {
  width: auto;
  margin: 0 auto;
  text-align: center;
  position: absolute;
  left: 0;
  right: 0;
  top: 52%;
  color: #000; }

.loder-box2 {
  display: none;
  position: fixed;
  right: 0;
  left: 0;
  margin: 0 auto;
  top: 0;
  bottom: 0;
  width: 100%;
  z-index: 666;
  background: rgba(255, 255, 255, 0.7); }

.loder-box2 img {
  width: 40px;
  margin: 0 auto;
  text-align: center;
  position: absolute;
  left: 0;
  right: 0;
  top: 40%; }

.loder-box2 p {
  width: auto;
  margin: 0 auto;
  text-align: center;
  position: absolute;
  left: 0;
  right: 0;
  top: 56%;
  color: #000; }

.listAgreenent li {
  display: block;
  margin-bottom: 10px;
  padding-left: 0px; }

.listAgreenent2 {
  display: block;
  margin: 12px 0 12px 30px; }

.listAgreenent2 li {
  padding-bottom: 10px; }

.hdnn.toggle b {
  font-weight: 400; }

.iconbox img {
  width: 10px; }

.alignCenter {
  display: block;
  text-align: center; }

.hdnmain {
  font-size: 22px;
  color: #000; }

.error-box-1 {
  display: block;
  padding: 100px 50px;
  text-align: center; }

.lSSlideWrapper {
  height: 383px !important; }

.heading-b .button.wdh.bg-fill {
  width: 170px;
  float: right; }

.pdlft17 {
  margin-left: 17px; }

.social-login {
  display: block;
  list-style: none;
  margin: 0px;
  padding: 0px;
  text-align: center; }

.social-login li {
  display: inline-block;
  width: 22%;
  text-align: center;
  vertical-align: top; }

.social-login li svg {
  width: 18px;
  fill: #fff; }

.social-login li a {
  display: block;
  padding: 10px 20px; }

.social-login li a.facebook {
  background: #39579a; }

.social-login li a.twitter {
  background: #38A1F3; }

.social-login li a.linkedin {
  background: #0077B5; }

.social-login li .g-plus {
  background: #dd4b39;
  padding: 10px 20px;
  cursor: pointer; }

.sociallist {
  display: block;
  font-size: 14px;
  color: #000;
  padding-bottom: 5px;
  border-bottom: 1px solid #ddd;
  text-align: center;
  margin: 20px 0 30px 0; }

.sociallist span {
  background: #fff;
  padding: 0px 15px;
  display: inline-block;
  position: absolute;
  width: 142px;
  top: -5px;
  left: 0;
  right: 0;
  margin: 0 auto; }

.loginrgt-bg {
  background: url(../img/login-img.jpg) no-repeat;
  background-size: cover;
  display: block;
  height: 81vh; }

.car-agreement {
  height: 400px;
  overflow-y: scroll; }

.doc-success {
  position: relative;
  top: 28px;
  left: 0px; }

.doc-pending {
  position: relative;
  top: 28px;
  left: 0px; }

.iconPd {
  background: url(../img/b-arrow.png) no-repeat 100% 5px;
  padding-right: 18px; }

.padrgt {
  padding-right: 0px !important; }

.displbox li {
  display: inline-block;
  padding-right: 25px; }

label {
  font-weight: 400; }

.tool-hover:hover .tool-hover-box {
  display: block; }

.tool-hover-box {
  display: none;
  background: #fff;
  border: 1px solid #808080;
  padding: 6px 10px;
  color: #000;
  font-size: 11px;
  position: absolute;
  bottom: 74%;
  right: 1px;
  left: 50px;
  z-index: 9999; }

.tool-hover-box-2, .tool-hover-box-3 {
  display: none;
  background: #fff;
  border: 1px solid #808080;
  padding: 6px 10px;
  color: #000;
  font-size: 11px;
  position: absolute;
  bottom: 100%;
  right: 1px;
  left: 0px;
  z-index: 9999; }

.tool-hover-box-2 img, .tool-hover-box-3 img {
  width: 100%; }

.info-box:hover .info-text {
  display: block;
  cursor: pointer; }

.info-text {
  display: none;
  background: #fff;
  border: 1px solid #808080;
  padding: 6px 10px;
  color: #000;
  font-size: 11px;
  position: absolute;
  bottom: 100%;
  right: -1px;
  left: -1px;
  z-index: 9999; }

.info-text span {
  display: block;
  padding-bottom: 5px; }

p.iconPd {
  margin-bottom: 0px;
  background: url(../img/b-arrow.png) no-repeat 100% 9px; }

.mg-header2 ul.mg-link2 li .dropdown-menu {
    width: 100px;
    left: -10px;
    border-radius: 0px;
    margin-top: 5px;
    padding: 0px;
 }
li.smartownership-menu:after {
       content: url(../img/newlabel.png);
    position: absolute;
    right: 0;
    top: 10px;
}
li.smartownership-menu {
    position: relative;
}
.mg-header2 ul.mg-link2 li .dropdown-menu li {
  display: block; }

.mg-header2 .mg-link2 li .dropdown-menu li a {
  color: #000;
    border: 0;
    padding: 8px 5px;
    font-size: 14px;
    border-bottom: 1px solid #ddd;
	}

.servicebox .search-box {
  text-align: left; }

.servicebox .search-box input {
  padding: 5px 12px;
  position: relative;
  left: 0;
  right: inherit; }

.servicebox .inputwidth {
  width: 80%; }

/** Custom Select **/
.custom-select-wrapper {
  position: relative;
  display: inline-block;
  user-select: none;
  width: 100%; }

.custom-select-wrapper select {
  display: none; }

.custom-select {
  position: relative;
  display: inline-block;
  width: 100%; }

.custom-select-trigger {
  position: relative;
  display: block;
  padding: 0 84px 0 22px;
  font-size: 14px;
  font-weight: 300;
  color: #000;
  cursor: pointer;
  width: 80%;
  border: 1px solid #808080;
  padding: 8px 10px; }

.custom-select-trigger:after {
  position: absolute;
  display: block;
  content: '';
  width: 8px;
  height: 8px;
  top: 50%;
  right: 20px;
  margin-top: -3px;
  border-bottom: 1px solid #808080;
  border-right: 1px solid #808080;
  transform: rotate(45deg) translateY(-50%);
  transition: all .4s ease-in-out;
  transform-origin: 50% 0; }

.custom-select.opened .custom-select-trigger:after {
  margin-top: 3px;
  transform: rotate(-135deg) translateY(-50%); }

.custom-options {
  position: absolute;
  display: block;
  top: 100%;
  left: 0;
  right: 0;
  margin: 15px 0;
  border: 1px solid #808080;
  box-sizing: border-box;
  box-shadow: 0 2px 1px rgba(0, 0, 0, 0.07);
  background: #fff;
  transition: all .4s ease-in-out;
  width: 80%;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translateY(-15px);
  z-index: 888; }

.custom-select.opened .custom-options {
  opacity: 1;
  visibility: visible;
  pointer-events: all;
  transform: translateY(0); }

.custom-options:before {
  position: absolute;
  display: block;
  content: '';
  bottom: 100%;
  right: 20px;
  width: 7px;
  height: 7px;
  margin-bottom: -3px;
  border-top: 1px solid #808080;
  border-left: 1px solid #808080;
  background: #fff;
  transform: rotate(45deg);
  transition: all .4s ease-in-out; }

/*    .option-hover:before {
      background: #f9f9f9;
    }*/
.custom-option {
  position: relative;
  display: block;
  padding: 0 22px;
  border-bottom: 1px solid #808080;
  font-size: 14px;
  font-weight: 400;
  color: #000;
  cursor: pointer;
  transition: all .4s ease-in-out;
  padding: 10px; }

.custom-option:first-of-type {
  border-radius: 4px 4px 0 0; }

.custom-option:last-of-type {
  border-bottom: 0;
  border-radius: 0 0 4px 4px; }

.custom-option:hover,
.custom-option.selection {
  background: #000;
  color: #fff; }

.whtis {
  font-size: 10px;
  color: #e04627; }

/*tab*/
.listbox .nav-tabs > li > a {
  color: #000;
  font-size: 14px;
  border: 0px;
  background: transparent;
  border-bottom: 2px solid transparent; }

.listbox .nav-tabs {
  border-bottom: 1px solid #808080; }

.listbox .nav-tabs > li {
  display: inline-block;
  float: none; }

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  border: 0px;
  border-bottom: 2px solid #e04627;
  background: transparent;
  color: #000; }

.mytabbox .panel {
  box-shadow: none;
  border: 1px solid #808080; }

.mytabbox .panel-heading, .mytabbox .panel-group .panel {
  border-radius: 0px; }

.mytabbox .panel-group .panel + .panel {
  margin-top: -1px; }

.mytabbox .panel-default > .panel-heading {
  background: transparent; }

.mytabbox .panel-default > .panel-heading a {
  text-decoration: none;
  padding-left: 10px; }

.mytabbox .accordion-toggle {
  color: #e04627;
  font-size: 12px; }

.mytabbox .panel-body {
  font-size: 12px;
  color: #000;
  font-weight: 300;
  line-height: 22px;
  padding-top: 0px; }

.panel-group .panel-heading + .panel-collapse > .panel-body, .panel-group .panel-heading + .panel-collapse > .list-group {
  border-top: 0px; }

.mytabbox .panel-heading .accordion-toggle:before {
  float: left;
  background: url(../img/b-arrow2.png) no-repeat;
  width: 10px;
  height: 10px;
  content: "";
  position: relative;
  top: 6px; }

.mytabbox .panel-heading .accordion-toggle.collapsed:after {
  /*float: left;
	    background: url(../img/b-arrow5.png) no-repeat ;
	    width: 10px;
	    height: 10px;
	    content: "";
	    position: relative;
	    top: 6px;*/ }

.scrollmenu {
  white-space: nowrap;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar; }

.scrollmenu::-webkit-scrollbar {
  display: none; }

/*tab end*/
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
  background: #e04627 !important;
  border: 1px solid #e04627 !important; }

.sz {
  font-size: 14px !important;
  position: relative;
  top: -1px; }

.noneditlist {
  margin-bottom: 15px;
  padding-bottom: 15px;
  border-bottom: 1px solid #808080; }

.noneditlist:last-child {
  border-bottom: none; }

#proinfodata .noneditlist {
  margin-bottom: 10px;
  padding-bottom: 10px; }

.noneditlist span.hb {
  font-size: 12px;
  color: #808080;
  display: block;
  font-weight: 300;
  line-height: 16px; }

.noneditlist span.hb2 {
  font-size: 14px;
  color: #000;
  display: block;
  font-weight: 300;
  line-height: 22px; }

.doc-pending2 {
  position: relative;
  top: 12px;
  left: 0; }

.doc-success2 {
  position: relative;
  top: 12px;
  left: 0px; }

.p30 {
  padding: 30px; }

.noneditpopup .modal-dialog {
  width: 700px; }

.hg10 {
  height: 10px;
  display: block; }

.documenttab {
  display: block;
  list-style: none;
  margin: 0px;
  padding: 0px; }

.documenttab li {
  display: inline-block;
  padding-right: 40px; }

.al-filtr {
  position: relative;
  padding: 0 8px 30px 8px !important; }

.f_l {
  position: absolute;
  left: 0px;
  bottom: 0; }

.f_r {
  position: absolute;
  right: 0px;
  bottom: 0; }

.fnts {
  font-size: 13px;
  font-weight: 300;
  color: #000;
  position: relative;
  top: -2px;
  left: -4px; }

.fnts2 {
  font-size: 13px;
  font-weight: 300;
  color: #000;
  position: relative;
  top: -2px;
  left: -4px; }

@media (max-width: 767px) {

.chooseuser .modal-dialog.customwidth {
    width: 95%;
}
.title-wrpeer p {
    font-size: 14px;
}

.imgwraper {

    width: 110px;

    height: 80px;

}
.imgwraper img {
    width: 60px;
}
button.close.butonpopup {
    position: absolute;
    right: -6px;
    top: -18px;
    color: white;
    opacity: unset;
    font-size: 20px;
    font-family: monospace;
    font-weight: normal;
}

  ul.mg-link li a {
    padding: 2px 4px;
    padding-bottom: 4px;
    margin-bottom: 17px; }
  .car-f-list li {
    padding: 0 8px; }
  .t-1 {
    position: absolute;
    top: -53px;
    right: 15px; }
  .mg-logo img {
    width: 40%; }
  ul.mg-link {
    margin-top: 0px;
    padding-bottom: 0; }
  .mg-banner {
    margin-top: 111px;
    padding: 34px 22px; }
  .mg-banner img {
    width: 100%; }
  .search-bar .s-box {
    width: 100%;
    border-right: 0px; }
  .search-bar .s-box:nth-child(2), .search-bar .s-box:nth-child(3), .search-bar .s-box:nth-child(4) {
    padding-left: 0px; }
  .sbtn {
    position: relative;
    right: 0;
    top: 0;
    bottom: 0;
    padding: 20px; }
  .feature-box {
    width: 100%;
    margin-bottom: 30px; }
  .feature-details {
    margin-bottom: 30px; }
  .Subscription-box {
    margin-top: 110px; }
  h3 {
    padding-bottom: 20px;
    padding-top: 20px; }
  .search-box input {
    width: 100%; }
  .search-box .s-btn {
    position: absolute;
    top: 0;
    right: 13px; }
  .Subscription-box .car-img {
    margin: 0px 0 20px 0; }
  .box-inn .col-sm-4.col-md-4.pd {
    padding: 0 15px; }
  .price-b {
    margin-top: 115px; }
  .s-text {
    position: relative;
    bottom: 0;
    left: 0;
    text-decoration: underline; }
  .box-inn {
    margin-bottom: 20px; }
  .loginrgt-bg {
    display: none; }
  .modelBox .modal-dialog {
    width: 90%; }
  .modelBox .modal-body {
    height: auto;
    padding: 20px 30px; }
  .f-list li {
    display: block;
    margin-bottom: 15px;
    margin-top: 15px;
    padding-right: 30px;
    vertical-align: top;
    padding-bottom: 10px; }
  .sucsess-msg {
    font-size: 16px;
    line-height: 25px;
    padding: 15px 15px 15px 50px; }
  .error-msg {
    font-size: 16px;
    line-height: 25px;
    padding: 15px 15px 15px 50px; }
  .ic-box {
    margin-bottom: 30px; }
  #reportrange {
    width: 100% !important;
    margin-bottom: 20px; }
  #example_info {
    display: none; }
  .profile-menu {
    height: 66vh;
    position: relative;
    top: 42px;
    width: 100%;
    margin-bottom: 30px; }
  .form-box.pd30p .form-group {
    margin-bottom: -1px;
    background: #f8f8f8;
    border: 1px solid #ddd;
    padding: 20px; }
  .selectbox {
    margin-bottom: 25px; }
  .form-box .form-control {
    margin-bottom: 15px; }
  .doc-success {
    position: absolute;
    top: -31px;
    left: 190px; }
  .doc-pending {
    position: absolute;
    top: -31px;
    left: 190px; } }

/*---------------Home Page Css Start------------------*/
.mg-wrapper {
  display: block;
  margin: 0px;
  padding: 0px; }

.mg-header2 {
  display: block;
  padding: 30px 0px;
  margin-bottom: 60px;
  transition: ease all 0.2s; }

.mg-link2 {
  display: block;
  text-align: right;
  list-style: none; }

.mg-link2 li {
  display: inline-block;
  outline: 0;
  vertical-align: middle; }

.mg-link2 li span {
  display: block;
  padding: 7px 20px;
  font-size: 15px;
  color: #fff;
  font-weight: 400;
  text-transform: uppercase;
  border: 2px solid #fff;
  width: 167px;
  height: 42px;
  text-align: center;
  border-radius: 30px;
  -moz-border-radius: 30px;
  -webkit-border-radius: 30px; }

.mg-link2 li span.pd {
  padding: 6px 30px; }

.mg-link2 li span:hover {
  background: #e04627;
  color: #fff; }

.mg-link2 li a {
  display: block;
  color: #fff;
  font-size: 15px;
  line-height: 22px;
  padding: 0px 20px;
  text-decoration: none;
  font-weight: 300; }

.mg-link2 li .login-btn {
  border: 0; }

.mg-link2 li a:hover {
  color: #e04627; }
  ul.slick-dots li {
    display: inline-block;
    margin-right: 7px;
}
ul.slick-dots li button{
    font-size: 0px;
    border-radius: 100%;
    border: 1px solid #ffffff;
    height: 0;
    background: transparent;
    box-shadow: unset;
    padding: 5px;
  }

ul.slick-dots .slick-active button{background:#ffffff;}
ul.slick-dots{position: absolute;
    bottom: 10%;
    left: 50%;
    list-style: none;
    margin: 0px;
    padding: 0px;
}
.col-sm-6.col-md-6.mobilemr-0 {
    padding-top: 30px;
}
a.logo {
  display: block;
  outline: 0; }

a.logo img {
  max-width: 100%; }

.color-1 {
  color: #e04627 !important; }

.videosection {
    position: absolute;
    right: 5%;
    top: 28%;
}

 section.mgbannerfirstscreen.mg-banner2.mobileview-img{

	  background: url(../img/home/homebanner-first.jpg) no-repeat center center;

   background-size: cover;
  min-height: 650px;
  max-height: 650px;
  position: relative;
 }
 a.selectcar {
    background-color: white;
    color: #cf2230 !important;
    padding: 6px 20px !important;
    display: inline-block;
    border-radius: 25px;
    font-size: 14px !important;
    border: 2px solid #cf2230 !important;
}
  section.homepagebannerimg2.mg-banner2.mobileview-img{

	  background: url(../img/home/banner.jpg) no-repeat center center;

   background-size: cover;
  min-height: 650px;
  max-height: 650px;
  position: relative;
 }
section.homepagebannerimg3.mg-banner2.mobileview-img{
	  background: url(../img/home/homepageslider3.jpg) no-repeat center center;

   background-size: cover;
  min-height: 650px;
  max-height: 650px;
  position: relative;
 }


.mg-banner2 {

   background-size: cover;
  min-height: 650px;
  max-height: 650px;
  position: relative; }

.mg-banner2.p-login {
  padding: 55px 0px; }

.mg-banner2 h1 {
    display: block;
    font-size: 45px;
    color: #fff;
    font-weight: 700;
    line-height: 60px;}

.mg-banner2.p-login .s-text {
  font-size: 20px; }

.avail-text {
  margin-top: 15px; }

.s-text-2 {
  display: block;
  font-size: 24px;
  padding-bottom: 20px;
  color: #fff; }

.s-text-3 {
  display: block;
  font-size: 19px;
  color: #fff;
  padding-bottom: 5px; }

.mg-video {
  display: block;
  width: 500px;
  margin: 0 auto;
  position: relative;
  z-index: 2;
  float: right; }

.mg-video .plyr {
  margin: 0px; }

.corner-img {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 1;
  display: none; }

.mg-about {
  display: block;
  background: #e04627;
  padding: 80px 0px 120px 0px;
  position: relative; }

h2 {
  display: block;
  font-size: 34px;
  line-height: normal;
  font-weight: 400;
  color: #fff;
  padding-bottom: 10px; }

.mg-about p {
  font-size: 19px;
  color: #fff;
  line-height: 30px; }

.mg-blank {
  height: 400px;
  background: #fff;
  display: block; }

.mg-about .a-list {
  list-style: none;
  display: block;
  text-align: center;
  position: absolute;
  bottom: -155px;
  left: 0px;
  right: 0px; }

.mg-about .a-list li {
  display: inline-block;
  padding: 10px 25px; }

.mg-about .a-list li .a-icon {
  width: 158px;
  height: 158px;
  display: block;
  padding: 48px 10px;
  margin-bottom: 20px;
  /*background: url(../img/home/p-bg.png) no-repeat;*/
  background: #fff;
  border-radius: 100%;
  border: 6px solid #e04627; }

.mg-about .a-list li .a-text {
  display: block;
  color: #000;
  font-size: 18px;
  font-weight: 300; }

.mg-subscribe {
  display: block;
  background: #ebebeb; }

.mg-subscribe .subscribe-box {
  position: relative;
  top: -155px; }

.mg-subscribe .mg-b {
  display: block;
  border: 2px solid #808080;
  background: #fff;
  min-height: 165px;
  margin: 20px 0px;
  padding: 20px 25px;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px; }

.mg-subscribe h2 {
  color: #404041; }

.mg-subscribe .subscribe-box p {
  font-size: 19px;
  color: #404041;
  line-height: 30px; }

.t-11 {
  display: block;
  color: #4d4d4d;
  font-size: 12px; }

.gender-box {
  display: block;
  list-style: none; }

.gender-box li {
  display: inline-block;
  color: #949494;
  font-size: 14px;
  padding-right: 10px; }

/*-------------Check box----------------*/
.p-login .box {
  display: block;
  position: relative;
  padding-left: 26px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-size: 13px;
  color: #404041; }

.p-login .box input {
  position: absolute;
  opacity: 0;
  cursor: pointer; }

.p-login .checkmark, .p-login .checkmark2 {
  position: absolute;
  top: 0;
  left: 0;
  height: 22px;
  width: 22px;
  background-color: #fff;
  border: 2px solid #ddd;
  border-radius: 50%; }

.p-login .box:hover input ~ .checkmark, .p-login .box:hover input ~ .checkmark2 {
  background-color: #f8f8f8; }

.p-login .box input:checked ~ .checkmark, .p-login .box input:checked ~ .checkmark2 {
  background-color: #fff; }

.p-login .checkmark:after, .p-login .checkmark2:after {
  content: "";
  position: absolute;
  display: none; }

.p-login .box input:checked ~ .checkmark:after, .p-login .box input:checked ~ .checkmark2:after {
  display: block; }

.p-login .box .checkmark:after {
  top: 3px;
  left: 3px;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #e04627; }

.p-login .mg-video {
  margin-top: 70px;
  text-align: right; }

.p-login .box .checkmark2:after {
  top: 3px;
  left: 3px;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: url(../img/home/tick.jpg) no-repeat center center; }

/*-----------------------------*/
.std-code {
  position: absolute;
  left: 1px;
  top: 1px;
  padding: 7px 12px;
  font-size: 13px;
  border-right: 1px solid #808080; }

.pd55 {
  padding-left: 55px; }

.form-group {
  position: relative; }

.p-login .btn {
  padding: 6px 30px; }

.tick {
  position: absolute;
  right: 0px;
  top: 0px;
  padding: 10px 15px;
  color: #207a3d;
  font-size: 13px; }

.selectBox {
  border: 2px solid #d7d7d7;
  border-radius: 30px;
  -moz-border-radius: 30px;
  -webkit-border-radius: 30px; }

.selectBox select {
  background: transparent; }

.selectBox .form-control {
  padding: 6px 15px;
  height: 35px !important; }

h3.tp20, h3.pdtop30 {
  font-size: 22px;
  color: #000; }

/*-------tab-------*/
.tabopen .hide {
  display: none; }

.tab-btn {
  padding: 0px;
  list-style: none;
  display: block;
  text-align: left;
  margin: 20px 0px 3px 0; }

.tab-btn li {
  display: inline-block;
  text-align: center;
  margin: 0 6px;
  background: #fff;
  width: 115px;
  position: relative;
  border: 2px solid #ebebeb;
  border-radius: 30px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px; }

.tab-btn li.activelink {
  background: #e04627;
  border-radius: 30px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border: 2px solid #e04627; }

.tab-btn li.activelink a span {
  color: #fff; }

/*.tab-btn li.activelink {
	background:url(../img/home/tab-btn-img-active.png) no-repeat center top ;
}*/
.tab-btn li span {
  display: block;
  position: relative;
  top: -2px;
  color: #404041;
  font-size: 14px; }

.tab-btn li a {
  color: #404041;
  padding: 8px 10px;
  display: block;
  text-decoration: none; }

.tab-btn li a.car-icon1 {
  background: url(../img/home/car-icon1-gray.png) no-repeat center center; }

.tab-btn li a.car-icon2 {
  background: url(../img/home/car-icon2-gray.png) no-repeat center center; }

.tab-btn li a.car-icon3 {
  background: url(../img/home/car-icon3-gray.png) no-repeat center center; }

.tab-btn li a.car-icon4 {
  background: url(../img/home/car-icon4-gray.png) no-repeat center center; }

.tab-btn li a.car-icon6 {
  background: url(../img/home/car-icon6-gray.png) no-repeat center center; }

.tab-btn li a.car-icon5 {
  background: url(../img/home/car-icon5-gray.png) no-repeat center center; }

.tab-btn li a.car-icon1.activelink {
  background: url(../img/home/car-icon1.png) no-repeat center center; }

.tab-btn li a.car-icon2.activelink {
  background: url(../img/home/car-icon2.png) no-repeat center center; }

.tab-btn li a.car-icon3.activelink {
  background: url(../img/home/car-icon3.png) no-repeat center center; }

.tab-btn li a.car-icon4.activelink {
  background: url(../img/home/car-icon4.png) no-repeat center center; }

.tab-btn li a.car-icon6.activelink {
  background: url(../img/home/car-icon6.png) no-repeat center center; }

.tab-btn li a.car-icon5.activelink {
  background: url(../img/home/car-icon5.png) no-repeat center center; }

.duration-list {
  display: block;
  list-style: none;
  margin: 0px;
  padding: 0px;
  text-align: center; }

.duration-list li {
  display: inline-block;
  width: 16.3%;
  border-bottom: 6px solid #ebebeb; }

.bs-wizard {
  margin-top: 40px; }

.graybg {
  background: #808080 !important; }

.tabopen .tabin {
  padding: 20px 0px;
  margin-left: 50px;
  margin-right: 50px; }

.active {
  display: block; }

.tabopen .car-box {
  display: block;
  background: #fff;
  border: 2px solid #808080;
  padding: 20px;
  margin-bottom: 140px;
  min-height: 245px;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px; }

.tabopen .car-box h4 {
  font-size: 24px;
  color: #000;
  padding: 15px 0 0 15px; }

.tabopen .car-box h4 span {
  display: block; }

.tabopen .car-box .car-in {
  float: right; }

.tabopen .car-box .car-in img {
  width: 211px; }

.clr {
  display: block;
  clear: both; }

.tabopen .car-feature {
  display: block;
  list-style: none;
  padding: 30px 0 0 40px; }

.tabopen .car-feature li {
  display: block;
  font-size: 20px;
  line-height: 50px; }

/*-------tab end-------*/
/*--------wizard---------*/
.wizard-progress {
  display: table;
  width: 100%;
  table-layout: fixed;
  position: relative; }

.wizard-progress .step {
  display: table-cell;
  text-align: center;
  vertical-align: top;
  overflow: visible;
  position: relative;
  font-size: 14px;
  color: #404041;
  font-weight: bold; }

.wizard-progress .step:not(:last-child):before {
  content: '';
  display: block;
  position: absolute;
  left: 50%;
  top: 25px;
  background-color: #fff;
  height: 6px;
  width: 100%; }

.wizard-progress .step .node {
  display: inline-block;
  border: 3px solid #ebebeb;
  background-color: #fff;
  border-radius: 18px;
  height: 18px;
  width: 18px;
  position: absolute;
  top: 19px;
  left: 64%;
  margin-left: -18px; }

.wizard-progress .step.complete:before {
  background-color: #ebebeb; }

.wizard-progress .step.complete .node {
  border-color: #ebebeb;
  background-color: #fff;
  left: 60%; }

.wizard-progress .step.in-progress:before {
  background: #ebebeb; }

.wizard-progress .step.in-progress .node {
  border-color: #fff;
  background: #e04627;
  box-shadow: 0px 4px 0px #cecece;
  left: 60%; }

.wizard-progress .step span {
  position: absolute;
  top: 50px;
  left: 0px;
  right: 0; }

.text10 {
  font-size: 10px !important;
  margin: 0px;
  padding: 0px;
  display: block; }

/*--------------wizard--------------*/
.p-box {
  display: block; }

.p-box .g-box {
  display: block;
  background: #e04627;
  padding: 20px;
  margin-bottom: 20px;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px; }

.p-box .g-box.w-box {
  background: #fff; }

.p-box .g-box .check-list {
  display: block;
  list-style: none;
  text-align: center;
  margin: 0px;
  padding: 0px; }

.p-box .g-box .check-list li {
  display: inline-block;
  text-align: center;
  font-size: 16px;
  color: #e04627;
  font-weight: 300;
  border-right: 3px solid #ebebeb;
  padding: 10px 0px;
  width: 19%; }

.p-box .g-box.w-box .check-list li {
  color: #e04627; }

.p-box .g-box .check-list li:last-child {
  border: 0;
  padding-bottom: 0; }

.pdrgt1 {
  padding-right: 25px !important; }

.p-box .g-box.w-box h5 {
  color: #e04627; }

.p-box .g-box h5 {
  font-size: 24px;
  font-weight: 400;
  color: #fff;
  text-align: left;
  margin: 0px;
  padding-top: 10px; }

.p-box .g-box.w-box .price-box {
  color: #e04627; }

.p-box .g-box .price-box {
  font-size: 44px;
  color: #404041;
  text-align: left; }

.p-box .g-box .price-box span {
  font-size: 18px; }

.f-demo {
  background: #e04627;
  padding: 30px 0;
  min-height: 115px;
  margin-top: 0px;
  position: relative;
  top: -90px; }

.f-demo .mg-btn {
  display: block;
  text-align: right; }

.mg-btn-3 {
  display: block;
  text-align: right; }

a.btn-3, button.btn-3 {
  display: inline-block;
  padding: 8px 20px;
  font-size: 15px;
  color: #fff;
  font-weight: 400;
  text-transform: uppercase;
  /*background: url(../img/home/mg-btn-img.png) no-repeat;*/
  width: 167px;
  height: 42px;
  text-align: center;
  text-decoration: none;
  border-radius: 30px;
  border: 2px solid #fff; }

a.btn-3:hover, button.btn-3:hover {
  background: #fff;
  color: #e04627; }

.ftext {
  font-size: 20px;
  color: #fff;
  padding-top: 10px;
  display: block; }

.f-link {
  display: block;
  text-align: right;
  list-style: none; }

.f-link li {
  display: inline-block;
  font-size: 17px;
  color: #404041; }

.f-link li a {
  display: inline-block;
  padding-left: 25px;
  font-size: 17px;
  color: #404041;
  text-orientation: none;
  font-weight: 600; }

.f-link li .fa {
  font-size: 20px; }

.f-link li a:hover {
  color: #e04627;
  text-decoration: none; }

.pd30 {
  padding-left: 30px; }

.f-footer {
  position: relative;
  top: -40px; }

.copy-right {
  display: block;
  background: #ebebeb;
  padding: 15px;
  font-size: 17px;
  color: #000;
  font-weight: 300;
  text-align: center; }

.month6 {
  display: block; }

.month12 {
  display: none; }

.month24 {
  display: none; }

.month36 {
  display: none; }

.mg-login-footer {
  display: block;
  padding: 20px;
  text-align: center;
  font-size: 14px;
  color: #fff;
  background: #e04627; }

/*-----------------form popup-----------------*/
.mg-popup .modal-header .close {
  margin: 0;
  position: fixed;
  right: 0;
  top: 0;
  padding: 18px; }

.left-img {
  display: block;
  background: url(../../img/home/login-img.jpg) no-repeat center top;
  background-size: cover;
  border-radius: 30px 0 0 30px;
  -moz-border-radius: 30px 0 0 30px;
  -o-border-radius: 30px 0 0 30px;
  -webkit-border-radius: 30px 0 0 30px; }

.mg-popup .modal-body {
  padding: 0px;
  position: relative; }

.mg-popup .modal-dialog {
  max-width: 750px; }

.mg-popup .modal-content {
  border-radius: 30px;
  -moz-border-radius: 30px;
  -webkit-border-radius: 30px;
  -o-border-radius: 30px; }

.mg-popup .content-box {
  padding: 30px 40px 30px 30px; }

.mg-popup .content-box .pop-hdn {
  font-size: 17px;
  font-weight: bold;
  color: #3d3d3d;
  padding-bottom: 30px;
  display: block; }

.mg-popup .mg-btn {
  text-align: center; }

.error-box {
  font-size: 11px;
  color: #f00; }

.pop-hdn {
  padding-bottom: 10px;
  display: block; }

.content-box {
  padding-right: 20px;
  padding-top: 20px; }

.choosecar .close {
  position: absolute;
  top: 6px;
  right: 25px; }

.loader-box {
  display: none;
  position: absolute;
  text-align: center;
  padding-top: 50%;
  top: 0;
  left: 0;
  right: 15px;
  bottom: 0;
  background: rgba(255, 255, 255, 0.5); }

.text13 {
  font-size: 12px; }

.price-per-month {
  display: block;
  font-size: 23px;
  color: #404041;
  padding-top: 55px;
  padding-left: 15px; }

.price-per-month .price-bold {
  font-size: 44px; }

.price-per-month .rupees-size {
  font-size: 27px;
  position: relative;
  top: -11px;
  font-weight: 300;
  color: #e04627; }

.price-per-month .per-size {
  font-size: 24px;
  font-weight: 300; }

.starb {
  color: #e04627;
  font-size: 24px; }

.finalprice {
  color: #e04627; }

.per-size {
  color: #e04627; }

.box-list {
  display: block;
  list-style: none;
  margin: 0px;
  padding: 0px;
  text-align: center;
  position: absolute;
  bottom: -210px;
  left: 0;
  right: 0; }

.box-list li {
  display: inline-block;
  width: 19%; }

.box-list li span.iconbox-2 {
  display: block;
  width: 101px;
  height: 101px;
  text-align: center;
  padding: 25px 10px;
  background: #fff;
  margin: 0 auto;
  border: 2px solid #808080;
  border-radius: 100%;
  -moz-border-radius: 100%;
  -moz-border-radius: 100%; }

.box-list li span.textbox {
  display: block;
  font-size: 16px;
  color: #000;
  font-weight: 300;
  padding-top: 10px; }

.line-gray {
  display: block;
  height: 1px;
  background: #000;
  margin: 10px 0px 25px 0px; }

/*radio button*/
.styled-radio-2 {
  position: absolute;
  opacity: 0; }

.styled-radio-2 + label {
  position: relative;
  cursor: pointer;
  padding: 0;
  margin: 0px;
  padding: 0px;
  display: block;
  font-size: 13px;
  line-height: 22px;
  color: #000;
  font-weight: 400; }

.styled-radio-2 + label:before {
  content: '';
  margin-right: 10px;
  display: inline-block;
  vertical-align: text-top;
  width: 22px;
  height: 22px;
  background: #fff;
  position: relative;
  top: -35px;
  border: 4px solid #ebebeb;
  border-radius: 100%;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%; }

.styled-radio-2:checked + label:after {
  content: '';
  position: absolute;
  left: -1px;
  top: -33px;
  background: #fff;
  width: 22px;
  height: 22px;
  border: 4px solid #e04627;
  border-radius: 100%;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%; }

/*Form Wizard*/
.bs-wizard {
  border-bottom: solid 1px #e0e0e0;
  padding: 0 0 10px 0; }

.bs-wizard > .bs-wizard-step {
  padding: 0;
  position: relative; }

.bs-wizard > .bs-wizard-step .bs-wizard-stepnum {
  font-size: 16px;
  margin-bottom: 5px; }

.bs-wizard > .bs-wizard-step .bs-wizard-info {
  color: #000;
  font-size: 14px;
  position: relative;
  left: -3px; }

.bs-wizard > .bs-wizard-step .bs-wizard-info.active {
  color: #e04627; }

.bs-wizard > .bs-wizard-step > .bs-wizard-dot {
  position: absolute;
  width: 0px;
  height: 0px;
  display: block;
  background: #ebebeb;
  top: 50px;
  left: 50%;
  margin-top: -15px;
  margin-left: -15px;
  border-radius: 50%; }

.bs-wizard > .bs-wizard-step > .progress {
  position: relative;
  border-radius: 0px;
  height: 6px;
  box-shadow: none;
  margin: 10px 0 20px 0;
  background-color: #ebebeb; }

.bs-wizard > .bs-wizard-step > .progress > .progress-bar {
  width: 0px;
  box-shadow: none;
  background: #ebebeb; }

.bs-wizard > .bs-wizard-step.complete > .progress > .progress-bar {
  width: 100%; }

.bs-wizard > .bs-wizard-step.active > .progress > .progress-bar {
  width: 50%; }

.bs-wizard > .bs-wizard-step:first-child.active > .progress > .progress-bar {
  width: 0%; }

.bs-wizard > .bs-wizard-step:last-child.active > .progress > .progress-bar {
  width: 100%; }

.bs-wizard > .bs-wizard-step.disabled > .bs-wizard-dot:after {
  opacity: 0; }

.bs-wizard > .bs-wizard-step:first-child > .progress {
  left: 50%;
  width: 50%; }

.bs-wizard > .bs-wizard-step:last-child > .progress {
  width: 50%; }

.bs-wizard > .bs-wizard-step.disabled a.bs-wizard-dot {
  pointer-events: none; }

/*END Form Wizard*/
.row.bs-wizard .col-xs-1 {
  width: 9.8%; }

.pdtop30 {
  padding-top: 30px; }

/*radio button end*/
.not-active {
  pointer-events: none;
  cursor: default;
  text-decoration: none;
  color: black; }

.adhartext {
  font-size: 11px;
  color: #000; }

.taxes-price {
  font-size: 16px;
  display: block;
  color: #333;
  position: relative;
  top: 0px;
  right: 0;
  text-align: right; }

.taxes-price-1 {
  font-size: 12px;
  display: block;
  color: #333;
  position: relative;
  top: 0px;
  right: 0;
  text-align: right; }

.taxes-price-2 {
  font-size: 11px;
  display: block;
  color: #333;
  position: relative;
  top: 0px;
  right: 0;
  text-align: left; }

.agreeBoxScroll {
  height: 110px;
  overflow-y: scroll;
  padding: 10px;
  border: 1px solid #808080;
  margin-top: 15px;
  display: none; }

.checkterms {
  margin-top: 15px; }

.logoimg {
  display: block;
  text-align: center; }

.logoimg img {
  width: 150px; }

.scortext {
  font-size: 20px; }

.pdl26 {
  padding-left: 26px; }

.a-hdn {
  font-size: 16px;
  color: #000;
  border-bottom: 1px solid #000;
  display: block;
  padding-bottom: 10px; }

.a-hdn-1 {
  font-size: 16px;
  color: #000;
  display: block;
  padding-bottom: 10px; }

.frmheight {
  height: 250px; }

.m-icon {
  display: none; }

.searchcity-popup {
  display: none;
  background-color: rgba(0, 0, 0, 0.54);
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 777; }

.searchcity-popup .searchcity {
  display: block;
  background: #fff;
  width: 400px;
  height: 475px;
  margin: 0px auto 0 auto;
  transform: translate(0px, 64px);
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px; }

.searchcity h3 {
  display: block;
  margin: 0px;
  font-size: 20px;
  color: #000;
  text-align: center;
  padding: 25px 20px 25px 20px;
  border-bottom: 1px solid #ddd; }

.city-list {
  display: block;
  padding: 20px 40px;
  list-style: none;
  margin: 0px;
  height: 400px;
  overflow: auto; }

.city-list li {
  display: block;
  padding: 0;
  background: url(../img/ltimg/city.png) no-repeat left center;
  background-size: 40px;
  padding-left: 60px; }

.city-list li a {
  display: block;
  font-size: 16px;
  color: #808080;
  line-height: 26px;
  /*border-bottom: 1px solid #f2f2f2;*/
  padding: 18px 0px;
  text-decoration: none;
  font-weight: 300; }

.city-list li a:hover {
  background: #e5e5e5;
  color: #333;
  padding-left: 15px; }

.city-list li a.select {
  background: url(../img/ltimg/check-mark.png) no-repeat 98% center #fff;
  background-size: 18px;
  color: #000;
  /*padding-left: 10px;*/ }

.city-list li a.select:hover {
  background: url(../img/ltimg/check-mark.png) no-repeat 98% center #e5e5e5;
  color: #000;
  padding-left: 15px;
  background-size: 18px; }

#carcount {
  display: block;
  font-size: 25px;
  position: absolute;
  left: 0;
  right: 0;
  text-align: center;
  vertical-align: middle;
  top: 150px;
  color: #ccc; }


  .i-header {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    padding: 30px 0px;
    transition: all 0.4s ease;
  }

  /*sticky css*/
  .i-header.sticky {
    height: 50px;
    background: #fff;
    padding: 7px 0px;
    box-shadow: 0 0 7px rgba(0, 0, 0, .2);
  }
  .i-header.sticky .logo {
    height: 40px;
    width: 200px;
    background: url(../img/logo2.png) no-repeat left top;
    background-size: 200px;
    display: block;
  }
  .i-header.sticky .mg-link2 li a {
    color: #404040;
    font-size: 14px;
  }
.i-header.sticky .mg-link2 li span {
  color: #404040;
  font-size: 14px;
}
  /*sticky css end*/

  .i-link {
    display: block;
    margin: 0px;
    padding: 0px;
    list-style: none;
    text-align: right;
  }
  .i-link li {
    display: inline-block;
  }
  .i-link li a {
    display:block;
    font-size: 16px;
    color: #fff;
    padding: 0 15px;
    text-transform: uppercase;
    text-decoration: none;
  }
  .i-link li a:hover {
    color: #e04627;
  }
  .i-link li a.choose-btn:hover {
    border: 1px solid #fff;
    color: #fff;
    background:#e04627;
  }
  .i-link li a.choose-btn {
    padding: 8px 25px;
    border:1px solid #fff;
    border-radius: 30px;
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    display: block;
  }
  .i-logo {
    height: 40px;
    width: 220px;
    background: url(../img/logo.png) no-repeat left top;
    background-size: 220px;
    display: block;
    transition: all 0.4s ease;
  }

  .i-banner {
    display: block;
    background: url(../img/banner.jpg) no-repeat center top;
    background-size:100%;
    min-height: 400px;
  }
  .body-box {
    display: block;
    padding: 30px 0px;
  }
  .body-box h2 {
    display: block;
    margin: 0px;
    padding: 0px 0 20px 0;
    font-size: 26px;
    color: #e04627;
  }
  .body-box p {
    display: block;
    margin: 0px;
    padding: 0px 0 20px 0;
    font-size: 16px;
    line-height: 26px;
    color: #404040;
  }
  .copy-right {
      display: block;
      background: #ebebeb;
      padding: 15px;
      font-size: 17px;
      color: #000;
      font-weight: 300;
      text-align: center;
  }
  .f-footer {
      position: relative;
      padding: 0;
  }
  a.logo {
      display: block;
      outline: 0;
  }
  a.logo img {
      max-width: 100%;
  }
  .f-link {
      display: block;
      text-align: right;
      list-style: none;
  }
  .f-link li {
      display: inline-block;
      font-size: 17px;
      color: #404041;
  }
  .pd30 {
      padding-left: 30px;
  }
  .f-link li a {
      display: inline-block;
      padding-left: 25px;
      font-size: 17px;
      color: #404041;
      text-decoration: none;
      font-weight: 600;
  }
  .f-demo {
      background: #e04627;
      padding: 30px 0;
      min-height: 115px;
      margin-top: 0px;
      position: relative;
  }
  .ftext {
      font-size: 20px;
      color: #fff;
      padding-top: 10px;
      display: block;
  }
  .mg-btn-3 {
      display: block;
      text-align: right;
  }
  a.btn-3, button.btn-3 {
      display: inline-block;
      padding: 8px 20px;
      font-size: 15px;
      color: #fff;
      font-weight: 400;
      text-transform: uppercase;
      /* background: url(../img/home/mg-btn-img.png) no-repeat; */
      width: 167px;
      height: 42px;
      text-align: center;
      text-decoration: none;
      border-radius: 30px;
      border: 2px solid #fff;
  }

  .mobile-btn {
      display: none;
      position: absolute;
      right: 20px;
      top: 9px;
      z-index: 888;
      cursor: pointer;
  }
  .mobile-btn svg {
    fill: #fff;
  }

  @media (max-width: 767px) {
   .modal-dialog.modal-md.callmeback {
    width: 95%;
}
.modal-content.call-me-popup {
    border: 0px;
}
.width50.img-section {display: none;}
.width50 {width: 100%;}
.modal-dialog.modal-md.callmeback { width: 95%;}
.form-group.callme-text-filed .form-control.callmetextfield { height: 30px;}
.form-group.callme-text-filed {margin-bottom: 10px;}
.form-group.callme-text-filed .form-control.selectcity { height: 30px;padding:5px;}
.btn {font-size: 12px; line-height: 20px;  padding: 8px 20px;}
.form-call-me-wrapper { padding: 15px;}
.call-me-back-content p {font-size: 12px; margin-bottom: 10px;line-height: 17px;}
.modal-content.call-me-popup {border: 0px;}
   .i-banner {
      background-size: cover;
      min-height: 260px;
  }
  .i-logo {
      height: 35px;
  }
  .i-link.mobile-menu {
    display: none;
    position: absolute;
    top: 40px;
    right: 20px;
    background: #fff;
    padding: 15px 20px 20px 20px;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
  }
  .i-link.mobile-menu li {
    display: block;
    text-align: left;
  }
  .i-link.mobile-menu li a {
    color: #404040;
    padding: 5px 0 5px 0;
    font-size: 14px;
  }
  .i-link.mobile-menu li a:hover {
    color: #e04627;
  }
  .i-link li a.choose-btn {
      text-align: center;
      border: 1px solid #e04627;
      color: #e04627;
      padding: 5px 18px !important;
      margin-top: 5px;
      font-size: 13px;

  }
  .i-link li a.choose-btn:hover {
    color: #fff;
  }
  .mobile-btn {
    display: block;
  }
  .body-box {
      padding: 30px 20px;
  }
  .body-box h2 {
      font-size: 22px;
  }
  .body-box p {
      font-size: 14px;
  }
  .ftext {
      font-size: 18px;
      padding-top:0px;
      padding-bottom: 10px;
  }
  .f-demo {
      min-height: inherit;
      text-align: center;
      padding: 20px 0px;
  }
  .mg-btn-3 {
      text-align: center;
  }
  .f-footer {
      padding:0;
      text-align: center;
  }
  a.logo.lg2 img {
    height: 30px;
  }
  a.btn-3, button.btn-3 {
      padding: 8px 20px;
      font-size: 14px;
      width: auto;
      height: auto;
      border: 1px solid #fff;
  }
  .f-link {
      text-align: center;
      margin: 15px 0 0 0;
      padding: 0px;
  }
  .f-link li {
      font-size: 14px;
      color: #404041;
      text-align: center;
  }
  .pd30 {
    padding-left: 0px;
  }
  .f-link li a {
    padding: 0px 5px;
  }
  .copy-right {
      padding: 15px;
      font-size: 14px;
      line-height: 24px;
      color: #404040;
      text-align: center;
      padding: 20px 10px;
  }
  .i-header.sticky .i-link li a {
    color: #404040;
    font-size: 14px;
  }
  .i-header.sticky .i-link li a.choose-btn {
    color: #e04627;
  }
  .i-header.sticky .i-link li a.choose-btn:hover {
    color: #fff;
  }
  .i-header.sticky .mobile-btn svg {
      fill: #404040;
  }
  .i-header.sticky .i-link.mobile-menu {
      border: 1px solid #ddd;
  }
  }
@media (max-width: 992px) {
  .mg-video img {
    width: 100%; } }

@media (max-width: 768px) {
  .noneditpopup .modal-dialog {
    width: 90%; }
	button.dropdown-toggle.mainmenutoggle {

    font-size: 13px;
	}
	ul.mobilemenu-display li {
    list-style: none;
}
  .p30 {
    padding: 20px; }
  .noneditlist span.hb2 {
    padding-bottom: 15px; }
  .doc-pending2 {
    position: absolute;
    top: -44px;
    left: auto;
    right: 20px; }
  .mg-video img {
    width: 100%; }
  .mg-banner2 {
    min-height: auto;
    max-height: inherit; }
  .mg-banner2 {
    background-size: cover; background-position:top; }
ul.mg-link2.mobileview {
    display: flex;
	width: 95%;
    margin: 0 auto;
    align-items: center;
    justify-content: space-between;
}
  .mg-link2 {
    text-align: center;
    margin: 0;
    padding: 0; }
  .mg-link2 li {
    display: block; }
  .mg-link2 li a {
    padding: 8px 0px; }
  .mg-about .a-list {
    position: relative;
    bottom: 0;
    margin: 0;
    padding: 0; }
  .mg-about .a-list li .a-text {
color: #000000;
    font-size: 11px;
    line-height: 18px;
    height: 50px;
    padding-top: 5px; }
  .steps-box {
    padding: 20px  0px }
  .mg-video {
    width: 100%;
    margin-bottom: 20px; }
  .mg-blank {
    height: auto; }
  .tab-btn li {
    margin-bottom: 0px; }
  .pdtop30 {
    padding-bottom: 0px; }
  .tabopen .car-box h4 {
    padding-bottom: 0px; }
  .tabopen .car-box .car-in {
    float: right;
    margin-bottom: 20px; }
  .box-list li {
    width: 100%; }
  .box-list {
    position: relative;
    bottom: 0;
    top: 50px; }
  .box-list li {
    width: 100%;
    margin-bottom: 30px; }
  .tabopen .car-box {
    padding-bottom: 70px;
    margin-bottom: 20px; }
  .ftext {
    text-align: center;
    padding-bottom: 20px; }
  .mg-btn-3 {
    text-align: center; }
  /*faq link add */
 ul.mobilemenu-display {display:block;padding: 0px;margin: 0px;}
.col-sm-3.col-md-3.logo-mobile {display: flex; justify-content: space-between; align-items: center;}
.col-sm-3.col-md-3.logo-mobile {padding: 0px;}
ul.mobilemenu-display li a {font-size: 13px; color: #ffffff; font-weight: 400;  line-height: normal;}
  a.logo img {
    max-width: 200px; }
  .f-link {
    margin: 0px;
    padding: 0px;
    text-align: center;
    padding: 20px 0px; }
	.mg-about {
    padding: 30px 5px;
    background-color: #ffffff;
}
  .pd30 {
    padding-left: 0px; }
  .f-link li a {
    padding: 0px 20px; }
  .copy-right {
    font-size: 14px; }
  .p-box .g-box h5 {
    text-align: center;
    padding-bottom: 30px; }
  .p-box .g-box .check-list {
    margin: 0px;
    padding: 0px; }
  .price-box {
    text-align: left; }
  .taxes-price {
    text-align: left; }
  .t-6 {
    text-align: left; }
  .info-icon4 {
    display: none; }
  .fee-includes {
    margin-top: 30px; }
  .m-icon {
    display: block;
    position: absolute;
    right: 20px;
    top: -30px;
    cursor: pointer;
    fill: #fff; }
  .mg-link2 li .login-btn {
    text-align: right;
    padding: 2px 4px 2px 10px !important; }
  .mg-link2 li span {
    padding: 5px 5px;
    font-size: 14px;
    border: 1px solid #fff;
    width: 135px;
    height: 35px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    float: right; }
  .mg-link2.m-design {
    display: none;
    padding: 0px;
    position: absolute;
    top: 0px;
    left: 0px;
    right: 17px;
    z-index: 333; }
  .mg-banner2 h1 {
  font-size: 30px;
    padding-top: 0px;
    text-align: center;
    line-height: 35px;
	}
   .s-text-2 {
    font-size: 15px;
    padding-bottom: 0px;
    text-align: center;
 }
.s-text-3 {
    font-size: 15px;
    line-height: 25px;
}
  .fixed-header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999;
    background: #000;
    padding: 5px 0px; }
  .fixed-header .m-icon {
    fill: #333; }
  .fixed-header .mg-link2.m-design {
    background: #fff;
    right: 0;
    top: 6px;
    padding-right: 15px;
    padding-bottom: 15px; }
  .fixed-header .mg-link2 li a {
    color: #333; }
  .fixed-header .mg-link2 li span {
    border: 1px solid #333;
    color: #333; }
  .fixed-header .mg-link2 li span:hover {
    background: #e04627;
    color: #fff;
    border: 1px solid #e04627; }
  .content-box {
    padding: 20px; }

  .mg-about .a-list li .a-icon {
    margin: 0 auto; }
  .pdtop30 {
    padding-top: 20px; }
  .tabopen .tabin {
    padding: 20px 0px;
    margin-left: 0;
    margin-right: 0; }
  .logo.lg2 {
    text-align: center; }
	.mg-about p {
    font-size: 14px;
    line-height: 22px;
    color: #000000;
	    text-align: justify;
}
  .mg-header {
    padding: 20px 20px 0 20px; }
  ul.mg-link li.active a {
    padding-bottom: 5px; } }

@media (max-width: 350px)
	{
.mg-about .a-list li .a-text {
	font-size:9px;
	line-height:15px;
}
