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

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

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

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

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

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

@font-face { font-family: 'Gilroy'; src: url('Gilroy-ExtraBold.eot'); 
             src:local('Gilroy ExtraBold'), local('Gilroy-ExtraBold'),
                 url('../fonts/Gilroy-ExtraBold.eot?#iefix') format('embedded-opentype'),
                 url('../fonts/Gilroy-ExtraBold.woff2') format('woff2'),
                 url('../fonts/Gilroy-ExtraBold.woff') format('woff'),
                 url('../fonts/Gilroy-ExtraBold.ttf') format('truetype'),
                 url('../fonts/Gilroy-ExtraBold.svg#Gilroy-ExtraBold') format('svg');
             font-weight: 800; font-style: normal; 
} 
body{ font-family: 'Gilroy';font-weight: normal; font-style: normal; font-size:16px; }
.socilmbtm:after{content:''; display:table; clear:both;}
button:focus{outline: 0px auto -webkit-focus-ring-color;}
.sec-top{background-color:#f4f4f4;} 
.header{padding:19px 0}
.navbar-expand-lg .navbar-nav .nav-link{padding-left:15px;padding-right:15px;}
.nav-link{color:#025736;font-weight:bold;letter-spacing: 1px;padding:0;}
.nav-link:focus, .nav-link:hover{color:#7e7e7e;} 
.nav-item-track .nav-link{background-color:#75b42e;color:#fff;padding:6px 15px 9px 15px;border-radius:5px;transition:all ease 0.3s}
.nav-item-track .nav-link:hover, .nav-item-track .nav-link:focus{background-color:#025736;}
.sprite-track{width:35px;height:30px;background-position:-42px -11px;margin-right:5px;}
.sprite-map{width:15px;height:20px;background-position:-11px -11px;margin-right:12px !important;} 
.nav-item-map .nav-link{font-weight:normal;color:#7e7e7e;} .search{padding:96px 0 22px;}
.search-block{max-width:689px;} 
.search-block .input-group{max-width:562px;margin-right:7px;} 
.search .form-control, .sell-scrap-sell .form-control{background-color:#f4f4f4;color:#696969;border-color:#a1a1a1;height:calc(10px + 15px + 25px);padding:10px 15px;} 
.search .form-control::-webkit-input-placeholder{color:#696969;} 
.search .btn-outline-secondary{border-color:#a1a1a1;color:#696969;} 
.search .sprite-bar{width:16px;height:13px;background-position:-91px -11px;margin-right:10px;} 
.search .btn-outline-secondary:hover, .search .btn-outline-secondary:not(:disabled):not(.disabled):active{background-color:transparent;color:#696969;box-shadow:none;}
.search .btn-search{text-transform:uppercase;font-weight:bold;letter-spacing:1px;padding:10px 26px;} 
.banner{padding:30px 0;}
.banner-slide-img{position:relative;padding-left:80px;padding-top:72px;overflow:hidden;padding-bottom:34px;}
.banner-1a{position:relative;z-index:1;animation-name:banner-1a;animation-duration:5s;animation-direction:alternate;overflow:hidden;}
.banner-1b{position:absolute;left:0;top:127px;opacity:0;animation:banner-1b 3s alternate;-webkit-animation:banner-1b 3s alternate;animation-fill-mode: forwards;z-index:2;}
.banner-1c {position:absolute;left:74px;bottom:19px;z-index:0;}
.banner-1d{position:absolute;top:0;left:60px;opacity:0;animation:banner-1d 1s alternate;-webkit-animation:banner-1d 1s alternate;animation-fill-mode: forwards;animation-delay:2.5s;}
.banner-1e{position:absolute;top:0;left:-65.9%;} 
.banner-slide-content h6{font-size:30px;font-weight:300;color:#025736;margin-top:80px;margin-bottom:20px;} 
.banner-slide-content h6 strong{font-weight:bold;color:#609e1b}
.banner-slide-content p{font-size:20px;color:#696969;}
.banner-slide-2 .truck-block{position:relative;-webkit-animation:truckMove 2s linear;}
.banner-slide-2 .front-vehicle{position:absolute;bottom:5px;left: 564px;z-index:1;animation:tyre-rotate 1s 4 linear;}
.banner-slide-2 .middle-vehicle{position:absolute;bottom:5px;left:353px;z-index:1;animation:tyre-rotate 1s 4 linear;}
.banner-slide-2 .back-vehicle{position:absolute;bottom:5px;left:275px;z-index:1;animation:tyre-rotate 1s 4 linear;}
.banner-slide-2 .truck-shadow{position:absolute;bottom:0px;z-index:0;right:82px;}
.banner-slide-3 .banner-slide-img{padding-top:132px;}
.banner-slide-3 .global-map-img{position:relative;z-index:1;}
.banner-slide-3 .banner-3a{position:absolute;top:13px;right:0;animation-name:banner-3a;animation-duration:2s;animation-direction:alternate;}
.banner-slide-3 .banner-3b{position:absolute;top:-51px;right:83px;animation-name:banner-3b;animation-duration:2s;animation-direction:alternate;}
.banner-slide-3 .banner-3c{position:absolute;top:-83px;right:124px;animation-name:banner-3c;animation-duration:2s;animation-direction:alternate;}
.banner-slide-3 .banner-3d{position:absolute;top:-103px;right:171px;animation-name:banner-3d;animation-duration:2s;animation-direction:alternate;}
.banner-slide-3 .banner-3e{position:absolute;top:-83px;right:213px;animation-name:banner-3e;animation-duration:2s;animation-direction:alternate;}
.banner-slide-3 .banner-3f{position:absolute;top:-132px;right:244px;animation-name:banner-3f;animation-duration:2s;animation-direction:alternate;}
.banner-slide-3 .banner-3g{position:absolute;top:-97px;right:300px;animation-name:banner-3g;animation-duration:2s;animation-direction:alternate;}
.banner-slide-3 .banner-3h{position:absolute;top:-79px;right:391px;animation-name:banner-3h;animation-duration:2s;animation-direction:alternate;}
.banner-slide-3 .banner-3i{position:absolute;top:-44px;right:426px;animation-name:banner-3i;animation-duration:2s;animation-direction:alternate;}
.banner-slide-3 .banner-3j{position:absolute;top:18px;left:25px;animation-name:banner-3j;animation-duration:2s;animation-direction:alternate;}
.sell-scrap{padding:35px 0px 0 0px;} 
.sell-scrap .row > .col-md-6:last-child img{ border-radius:60px;}
.sell-scrap .row > .col-md-6:last-child img:last-child{ border-radius:0px;}
.sell-scrap .step{/*margin-left:-75px;*/}
.sell-scrap-sell{/*padding-right: 35px;*/}
.sell-scrap-sell-ttile{font-size:20px;font-weight:bold;color:#025736;letter-spacing:1px;margin-bottom:15px;}
.sell-scrap-sell .form-control{background-color:#fff} 
.sell-scrap-sell .form-control::-webkit-input-placeholder{color:#696969;font-size:18px;}
.sell-scrap-sell .input-group{margin-bottom:30px;} 
.sell-scrap-sell .btn-sell{background-color:#75b42e;color:#fff;font-weight:bold;letter-spacing:1px;font-size:16px;padding:.375rem 34px;transition:all ease 0.3s;} 
.sell-scrap .sell-scrap-right{ width:485px; float:right;}
.input-group-text:hover{background-color:#025736;}
.sell-scrap-sell .step-item-content::before{width:28px;height:28px;display:block;border:1px solid #9a9a9a;border-radius:50%;font-size:13px;color:#7e7e7e;font-weight:bold;margin-bottom:4px;margin:auto;background-color:#fff;display:flex;align-items:center;justify-content:center;line-height:28px;}
.sell-scrap-sell .step-active .step-item-content::before{border:4px solid #5f9d1a;color:#5f9d1a;} 
.sell-scrap-sell .step-item:nth-of-type(1) .step-item-content:before {content: "1";} .sell-scrap-sell
.step-item:nth-of-type(2) .step-item-content:before {content: "2";}
.sell-scrap-sell .step-item:nth-of-type(3) .step-item-content:before {content:"3";}
/*.sell-scrap-sell .step-item:nth-of-type(4) .step-item-content:before {content:"4";}*/ 
.sell-scrap-sell .step-item-content span{padding-top:8px;display:block;cursor:pointer;font-weight:500;}
.sell-scrap-sell .step-active .step-item-content span{color:#5f9d1a;}
.sell-scrap-sell .step-item{font-size:13px;text-transform:uppercase;color:#7e7e7e;font-weight:500;letter-spacing:1px;position:relative;float:left;width:33.33%;}
.sell-scrap-sell .step-item:first-child::after{content:"";width: 43%;
                                               height: 1px;
                                               background-color: #e2e2e2;position:absolute;top:14px;left:0;}
.sell-scrap-sell .step-item:last-child::after{content:"";width:43%;height:1px;background-color:#e2e2e2;position:absolute;top:14px;right:0;}
.step-item-content{display:block;position:relative;}
.step-item::before{content:"";height:1px;width:100%;background-color:#9a9a9a;position:absolute;top:14px;left:0;}
.sell-scrap-sell .step-item:not(:last-child){margin-right:0;}
.sell-scrap-draw{width:446px;height:252px;border:1px dashed #6786ac;border-top-left-radius:446px;border-top-right-radius:446px;border-bottom:none;overflow:hidden;}
.sell-img-user{position:absolute;bottom:0;left:50%;margin-left: -84px;}
.sell-scrap-01{position:absolute;top:auto;left:-27px;bottom:25px;}
.sell-scrap-02{position:absolute;top:31px;left:37px;}
.sell-scrap-03{position:absolute;top:-33px;left:185px;}
.sell-scrap-04{position:absolute;top:39px;left:auto;right:72px;}
.sell-scrap-05{position:absolute;top:auto;left:auto;right:14px;bottom:25px;}
.rate-card-item{max-width:120px; margin:0 auto 30px;}
.rate-card{background-color:#e4f5c1;padding:45px 60px 39px 60px;text-align:center;} 
.rate-card .rate-card-circle{background-color:#fff;border:1px solid #68a521;width:120px;height:120px;border-radius:50%;margin-bottom:5px;margin-left:auto;margin-right: auto;} 
.rate-card .rate-card-circle img{transition:all ease 0.3s;}
.rate-card .rate-card-item:hover .rate-card-circle img{transform: scale(1.1);}
.rate-card .rate-card-title{font-size:18px;font-weight:500;color:#282828;margin-bottom:5px;white-space:nowrap;}
.rate-card .rate-card-desc{font-family: 'Roboto',sans-serif;font-size:14px;color:#282828;margin-bottom:0;}
.rate-card-main-title{font-size:26px;font-weight:bold;letter-spacing:1px;color:#025736;margin-bottom:0;padding-bottom:38px;}
.rate-card .btn{margin-top:35px;font-weight:bold;letter-spacing:1px;padding:10px 35px;text-transform:uppercase;} 
.how-it-work{padding:80px 60px;} 
.how-it-work .row > div:last-child{ overflow:hidden;} 

.how-it-work .how-it-work-title{font-size:26px;font-weight:700;color:#025736;padding-bottom:50px;margin-bottom:0;}
.how-it-work .how-it-work-digit{width: 46px;
                                padding:9px 0;
                                text-align: center;
                                background-color: #e4f5c1;
                                border-radius: 50%;
                                font-size: 18px;
                                font-weight: 300;
                                display: inline-block;
                                margin-right: 18px;}
.how-it-work ul li{font-weight:300;font-size:26px;color:#282828;position:relative;}
.how-it-work .how-it-work-arrow{width:12px;height:15px;background-position:-170px -10px;margin:15px 0 15px 14px;display:block;} 
.how-it-work-right{padding-top:30px;}
.how-it-work-sitting{z-index:1;position:relative;}
.how-it-work-1a{position:absolute;left:108px;top:10px;}
.how-it-work-1b{position:absolute;top:10px;right:102px;}
.how-it-work-1c{position:absolute;right:210px;top:160px;z-index:-1;}
.how-it-work-line svg{position:absolute;right:105px;top:-26px;z-index:1;max-width:500px;}
.testimonial{padding:0 60px}
.testimonial .card-testimonial{border:none;-webkit-box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.07);-moz-box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.07);box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.07);border-radius:10px;} 
.testimonial .testimonial-img{background-color: #fbfbfb;display:inline-block;padding: 10px;border-radius: 50%;margin-bottom:10px;}
.testimonial .testimonial-img img{display:block;margin:auto;} 
.testimonial .testimonial-desc::before{content:"";width:25px;height:20px;background-image:url(../images/sprite.png);background-repeat:no-repeat;background-position:-192px -11px;display:inline-block;position:absolute;left:0} 
.testimonial .testimonial-desc{position:relative;padding-left:30px;text-align:left;margin-bottom:60px;}
.testimonial .card-testimonial-body{text-align:center;padding-bottom:35px;}
.testimonial .testimonial-title{font-size:14px;font-weight:700;color:#025736;} 
.testimonial-main-title{font-family: 'Roboto',sans-serif;font-size:26px;font-weight:700;color:#025736;padding-bottom:20px;text-align:center;}
/*amit*/ 
.trackScrapSec{padding:15px 15px; overflow:hidden;} 
.trackScrapSec .trackReqSec{width: 100%; float: left; padding: 40px 0 50px; border-right: 1px solid #d5d5d5;} 
.trackScrapSec .trackReqSec h2{font-weight: 700; font-size: 26px; color: #2d2d2d;} 
.trackScrapSec .trackReqSec p{ font-weight:300; font-size:18px; color: #696969;} 
.trackScrapSec .trackReqSec .trackReqTxtSec{width: 50%;float: left;} 
.trackScrapSec .trackReqSec .trackReqTxtSec .form-control{border: 1px solid #a1a1a1;padding:10px 25px;border-radius:8px;font-size: 16px;height: calc(23px + 25px + 2px);}
.trackScrapSec .trackReqSec .trackReqTxtSec .form-control::placeholder{color:#696969; font-family: 'Gilroy';font-weight:500;font-size:16px;}
.trackScrapSec .trackReqSec .trackReqTxtSec .btn{padding: 12px 40px;border-radius: 4px; font-size: 16px; font-weight: bold; background:#75b42e;border: none; text-transform: uppercase; color:#fff;letter-spacing:1px;margin-top:15px;} 
.trackScrapSec .trackReqSec .trackReqTxtSec .btn:hover{background: #025736;} 
.trackScrapSec .trackReqSec .trackReqTxtSec a{padding: 12px 40px; display: inline-block; text-decoration: none;border-radius: 4px; font-family: 'Gilroy'; font-weight: bold; font-size: 16px;background: #75b42e; border: none; text-transform: uppercase; color: #fff;transition: all 0.4s;} 
.trackScrapSec .trackReqSec .trackReqTxtSec a:hover{background: #025736;}
.trackScrapSec .trackReqSec .trackReqImgSec{width:40%; margin-left:5%; margin-right:5%; float:right;text-align:center;position:relative;overflow:hidden;}
.trackScrapSec .trackReqSec .trackReqImgSec img{width:100%;}
.trackScrapSec .trackReqSec:not(.scrapCalcSec) .trackReqImgSec img{position:relative;}
.trackScrapSec .trackReqSec.scrapCalcSec{border-right:none;} 
.trackScrapSec .trackReqSec.scrapCalcSec p{font-size: 16px;} 
footer{width: 100%; float:left;} 
footer .footerLinkSec{width: 100%; float: left; border-top: 1px solid #d5d5d5; padding:30px 0;} 
footer .footerLinkSec h3{font-family: 'Gilroy';font-weight: bold; font-size: 18px; color: #2e7a31; text-transform:uppercase;     margin-top: 18px;} 
footer .footerLinkSec h4{font-family: 'Gilroy'; font-weight: bold;font-size: 26px; color: #2e7a31;} 
footer .footerLinkSec ul, footer.footerLinkSec li{list-style: none; margin: 0; padding: 0; line-height:normal;} 
footer .footerLinkSec li{padding: 8px 0;} 
footer .footerLinkSec li a, .errorpage .banner-slide-content h6 a:hover{color: #696969;}
footer .footerLinkSec .form-control{width: 100%; border: 1px solid #a1a1a1;padding: 12px 24px; border-radius: 8px; font-family: 'Gilroy'; font-size:16px; margin-bottom: 1rem;height:calc(23px + 24px + 2px);} 
footer .footerLinkSec .form-control::placeholder{color:#696969; font-family: 'Gilroy';font-weight:500;font-size:16px;}
footer .footerLinkSec .btn{padding: 12px 40px;border-radius: 8px; font-family: 'Gilroy'; font-size: 16px; font-weight: bold; border: none; text-transform: uppercase; color: #fff;transition: all 0.4s; width:100%;} 
footer .copyRightSec{width: 100%; float: left; padding:10px 0;} 
footer .copyRightSec p{font-family: 'Gilroy'; text-align: center;font-weight: 300; font-size: 14px; color: #696969;}
.enq-now{position:fixed;top:50%;transform:translateY(-50%);right:0;text-align:center;width:63px; z-index: 1;}
.enq-now:hover{text-decoration:none;}
.enq-now-bg{background-color:#ffdaa3;border:1px solid #f1be72;width:63px;height:62px;border-top-left-radius: 5px;border-bottom-left-radius:5px;display:flex;align-items: center;justify-content: center;margin-bottom:5px;}
.enq-now-icon{width:30px;height:31px;background-position:-126px -11px;}
.enq-now-title{font-size:16px;color:#025736;font-weight:500;display:block;line-height:1.2}
.croped-line{max-width:737px;max-height:277px;position:absolute;overflow:hidden;top:0;left:-43.5%;z-index:1;}
.croped-line > svg{position:absolute;top:-80px;}
.carousel-indicators{bottom:30px;}
.carousel-indicators li{width:11px;height:11px;border-radius:50%;background-color:#73b22b;display:block;opacity:1;border:0;}
.carousel-indicators .active{background-color:#025736;}
.btn-link{text-transform:none !important;text-decoration:none !important;font-weight:400 !important;color:#696969;}
/*rate-card*/
.rate-card-banner{padding-top:130px;}
.rate-card-banner-title{font-size:38px;color:#619f1b;font-weight:800;}
.listing{padding:57px 60px 70px 60px;}
.listing-filter{padding-bottom:60px;}
.listing-card.rate-card{background-color:transparent;padding:0;}
.form-control{border-color:#a1a1a1;}
.form-control:focus{outline:none;border-color:#a1a1a1;}
.listing .form-control::placeholder{font-size:16px;color:#025736;font-family:'Gilroy';font-weight:500;}
.listing .form-control{font-size:16px;color:#025736;font-weight:500;height:calc(1.875em + .75rem + 2px);}
.listing-title{font-size:26px;color:#2d2d2d;font-weight:700;}
.listing-card .rate-card-item{margin-bottom: 75px;}
.listing-card.rate-card .btn{margin-top:0;}
.rate-card-banner-cont{padding-top:25px;}

/*track*/
.track .nav{padding: 2.5rem 0;}
.track .nav-pills .nav-link{background-color:#e6f1e2;    color: #464646;
                            font-weight: 500;padding:0.3125rem 0.625rem;margin-right:1.5625rem;border-radius:5px;}
.track .tab-circle{width:34px;height:34px;border-radius:50%;margin-right:0.5625rem;}
.track .nav-pills .nav-link.active{background-color:#80ae6c;color:#fff;-webkit-box-shadow: -2px 10px 21px 0px rgba(139,139,139,0.36);-moz-box-shadow: -2px 10px 21px 0px rgba(139,139,139,0.36);box-shadow: -2px 10px 21px 0px rgba(139,139,139,0.36);}
.track .nav-pills .nav-link.active .tab-circle{background-color:#faf5a1;}
.track .nav-pills .nav-link.active .tab-circle i{margin:auto;}
.track .report-icon{width:17px;height:22px;background-position:-230px -11px;}
.track .weight-icon{width:29px;height:19px;background-position:-12px -91px;}

.track .track-icon{width:24px;height:20px;background-position:-259px -11px;}
.user-view{width:24px;height:20px;background-position:-324px -11px;}
.track .pickup-icon{width:22px;height:23px;background-position:-292px -11px;}
.track .account-icon{width:21px;height:22px;background-position:-327px -11px;}
.track > .tab-content > .tab-pane .track-card{/*background-color:#f4f4f4;*/}
.track .track-card-body{padding:2.625rem 3.625rem 4.375rem 3.625rem}
.track-card-title{font-size:1.625rem;font-weight:700;color:#2d2d2d; padding: 20px 0; margin: 0 !important;}
.track .track-card-body .card-body{padding:2.375rem 1.875rem;font-weight: 500;}
.dashboard .threebox .card{overflow:hidden;background: rgb(34 110 68);
                           background: linear-gradient(339deg, rgb(2 87 54) 0%, rgb(164 199 124) 100%);
                           color: #fff;}
.dashboard .threebox .card h5{ color:#FFF;}
.track .track-card-body label{margin-bottom:0;font-size:0.875rem;color:#363636;font-family: 'Gilroy';font-weight:bold;     margin-right: 5px;}
.track .track-input{margin-bottom:2.5rem;}
.track .btn-track{padding:.375rem 2.2rem;text-transform:uppercase;font-family:'Gilroy';font-weight:bold;letter-spacing:1px;}
.track .track-time{font-size:0.875rem;color:rgba(54,54,54,0.50);font-weight:500;display:block;}
.track .track-address{margin-bottom:0.625rem;}
.track .track-edit, .track .track-cancel{font-size:0.875rem;color:#363636;font-weight:500;}
.track .track-edit:hover, .track .track-cancel:hover{text-decoration:none;}
.track .track-edit .edit-icon{width:20px;height:20px;background-position:-360px -11px; margin:0; margin-right:0.2375rem;}
.track .track-cancel .cancel-icon{width:19px;height:18px;background-position:-389px -11px;margin-right:0.5rem;}
.track .track-progress .progress{height: 0.0625rem;background-color:#ababab;}
.track .track-progress .progress-bar{background-color:#368035;}
.track .track-progress{margin-top:12px;}
.track .modal-body .track-progress {margin-top: -20px;}
.track .track-progress::before{content:"";width:9px;height:9px;background-color:#368035;border-radius:50%;display:block;position:absolute;bottom:-4px;}
.track .track-progress::after{content:"";width:9px;height:9px;background-color:#ababab;border-radius:50%;display:block;position:absolute;bottom:-4px;right:0;}
.track .order-detail{margin-top:9px;border-bottom:1px solid #ababab;padding-bottom:10px;font-family: 'Gilroy';font-weight:bold;margin-bottom:0.625rem;}
.track .order-detail::after{content:"";width:0px;height:0px;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:8px solid #ababab;position:absolute;left:0;bottom:0;}
.track .order-process-title{font-family: 'Gilroy';font-weight:bold;font-size:0.875rem;color:#363636;margin-bottom:0.5rem;}
.track .order-process-detail{font-size:0.875rem;color:#363636;font-family: 'Gilroy';font-weight:normal;font-style:normal;}
/*report*/
.boxshadow{-webkit-box-shadow:0px 0px 22px 10px rgb(0 0 0 / 8%);-moz-box-shadow:0px 0px 22px 10px rgb(0 0 0 / 8%);box-shadow:0px 0px 22px 10px rgb(0 0 0 / 8%);}
.marginshadowbox{ margin-bottom:20px;}
.card-title{font-size:1.5rem;color:#363636;font-weight:500;}
.report .request-accordian .card-header{background-color:#efefef;}
.report .request-accordian .card-header button label{ margin-bottom:0; margin-right:5px; font-weight:bold;}
.report .request-accordian .acc-arrow{width:16px;height:16px;background-position:-442px -11px; float: right !important;
                                      display: inline-block;
                                      right: 10px;
                                      position: absolute;}
.report .request-accordian .collapsed .acc-arrow{width:16px;height:16px;background-position:-417px -11px;}
.report .request-header-right{max-width:245px;width:100%}
.report .request-header{margin:2.375rem 0 1.375rem 0;}
.report .request-header-right .form-control{background-color:transparent;}
.report .request-title{font-size:1.125rem;color:#363636;font-weight:500;}
.report .request-accordian .btn-link{border-top: 1px solid #d6d6d6;border-bottom:none;margin-bottom:-1px;padding:.75rem 10px;font-size:1rem;color:#2d2d2d;font-weight:500;}
.report .request-accordian .btn-link.collapsed{border-bottom: 1px solid #e6e6e6;}
.report .request-accordian .btn-link:hover, .report .request-accordian .btn-link:focus{text-decoration:none;}
.report .request-accordian .card{background-color:transparent;}
.report .request-accordian .card .card-body{padding:1.25rem 1.875rem;background-color:#fff;margin-bottom:1.875rem;}
.report .track-icon{width:27px;height:24px;background-position:-468px -11px;margin-right:0.5625rem;}
.report .assign-icon{width:27px;height:24px;background-position:-509px -11px;margin-right:0.5625rem;}
.pr-30{padding-right:30px;}
.pl-30{padding-left:30px;}
/*pickup*/
.pickup .card-pickup-title{font-size:0.875rem;font-family: 'Gilroy';font-weight:bold;}
.pickup .card-pickup p{font-weight:500;color:#363636;font-size:0.875rem;}
.pickup .card-pickup-change{background-color:#faf5a1 !important;color:#282828;font-size:1rem;font-family: 'Gilroy';font-weight:bold;padding:0.625rem;margin-bottom:1.875rem;}
.pickup .sprite-calendr,
.pickup .sprite-slitem,
.pickup .sprite-fast{width:19px;height:19px;}
.pickup .sprite-calendr{background-position:-12px -59px;}
.pickup .sprite-slitem{background-position:-11px -91px;}
.pickup .sprite-fast{background-position:-46px -59px;}

.pickup .input-group-text{border-color:#a1a1a1;}
.pickup .card-pickup-agree{font-size:0.75rem;color:#282828;font-weight:normal;margin:0.75rem 0 0 0}
.pickup .card-pickup-btn .btn{min-width:219px;font-family: 'Gilroy';font-weight:bold;font-size:1rem;padding:0.75rem;}
/*My Account*/
.my-account .nav-pills.nav-verticals .nav-link{background-color:#fff;border-radius:0;border-bottom:1px solid #d7d7d7;padding:0.75rem 0;font-size:0.875rem;color:#b1aeae;font-family: 'Gilroy';font-weight:500;margin-right:0;}
.my-account .nav-pills.nav-verticals .nav-link.active{box-shadow:none;background-color:transparent;color:#75b42e;font-family: 'Gilroy';font-weight:bold;}
.my-account .user-avatar-img{width:152px;height:152px;}
.my-account label.user-avatar-label{font-weight:500;}
.my-account .user-avatar{margin-right:110px;margin-left:40px;}
.my-account .pi-list-title, .pi-list-body-title{font-weight:bold;font-size:0.875rem;color:#363636;}
.my-account .pi-list-body{font-size:0.875rem;color:#363636;}
.my-account .pi-list-header{margin-bottom:11px;}
.my-account .pi-list{padding-bottom:0.875rem;}
.my-account .pi-list:last-child{padding-bottom:0;border-bottom:0;}
.contact-icon{width:14px;height:23px;background-position:-74px -59px;margin-right:0.5625rem;}
.location-icon{width:21px;height:21px;background-position:-96px -59px;margin-right:0.375rem;}
.logout-icon{width:25px;height:24px;background-position:-126px -59px;margin-right:0.5625rem}
.btn-logout{color:#3a823d !important;}
.plus-icon{width:22px;height:22px;background-position:-158px -59px;}
.my-account .btn-plus{background-color:#f1f1f1;width:75px;height:75px;margin-bottom:0.625rem;}
.my-account .address-title{font-weight:bold;color:#363636;font-size:1.25rem;}
.card-add-book{border-style:dashed;border-color:#a1a1a1;border-radius:0.4375rem;font-size: 0.875rem;color:#363636;flex:1 auto;margin-bottom:1.875rem;}
.card-add-book:hover{border-color:#009900; border-style:solid;}
.card-add-book a{color:#363636;}
.card-add-book:hover, .card-add-book:hover a{text-decoration:none; color:#009900;}
.delete-icon{width:18px;height:21px;background-position:-184px -59px;margin-right:0.5625rem}
.card-add-book-footer a + a{margin-left:1.125rem}
.my-account .card-add-book .card-body{padding:1.125rem}
.my-account .card-add-book .card-body p{margin-bottom:0.5rem;}
.dashboard h2{margin-bottom:0rem !important;     font-size: 3rem;}
.my-account .card-add-book .card-title{font-weight:bold;}
.my-account .card-add-book-footer{margin-top:25px;}
.my-account .change-password{margin-left:8.125rem;}
.my-account .change-password .form-group{margin-bottom:1.25rem;}
.my-account .change-password label{margin-bottom:0.625rem;}

.my-account .btn-save{font-size:1rem;font-weight:bold;text-transform:uppercase;padding:0.6875rem .75rem;min-width:10rem;letter-spacing:1px;}
/*about banner*/
.about-banner{padding:3.4375rem 0 2.8125rem 0}
.about-us{}
.about-us h1{font-size:1.625rem;font-weight:700;padding:2.75rem 0 1.5625rem 0;}
.about-us p{font-size:0.875rem;color:#2d2d2d;line-height: 1.8;}
.about-us p:not(:last-child){margin-bottom:2.5rem;}
.card-about{-webkit-box-shadow: 0px 0px 20px 0px rgba(101,101,101,0.21);-moz-box-shadow: 0px 0px 20px 0px rgba(101,101,101,0.21);box-shadow: 0px 0px 20px 0px rgba(101,101,101,0.21);margin-bottom:3.75rem;}
.card-about .card-body{padding:3.375rem 1.875rem;}
.card-about .card-body img{margin-bottom:1.25rem;}
.card-about .card-body p{font-size:1rem;}
.row-42{margin-left:-42px;margin-right:-42px;}
.row-42>[class*=col-]{padding-left:42px;padding-right:42px;}
.usp-title{font-size:1.125rem;color:#2d2d2d;margin-top:3.4375rem;margin-bottom:1.875rem;font-weight:500;}
.faq-bg{background-color:#f4f4f4 !important;}
.mb-60{margin-bottom:3.75rem;}
/*contact us*/
.map iframe{ width:100%; height:400px; border:none;}

.contact-us .bg-secondary{background-color:#f4f4f4 !important}
.contact-us .form-group{margin-bottom:0.625rem;}
.contact-us .form-control{background-color:#f4f4f4;border-color:#cacaca;padding-left:1.25rem;padding-right:1.25rem;}
.contact-us .form-control::placeholder{color:#363636;font-family: 'Gilroy';font-weight:normal;font-size:0.875rem;}
.contact-us .btn{min-width:160px;font-weight:bold;font-size:1rem;text-transform:uppercase;padding:0.75rem .75rem;}
.contact-us h5{font-size:1.125rem;}
.contact-us h2{font-size:1.625rem;margin-bottom:1rem;}
.contact-us .card-body{padding:2.5rem;}
.contact-us .contact-us-divider{padding:0 40px;}
.sprite-divider{width:1px;height:473px;background-position:-509px -11px;}
.map-icon{width:26px;height:34px;background-position:-216px -59px;}
.phone-icon{width:28px;height:28px;background-position:-249px -58px;}
.envelop-icon{width:28px;height:27px;background-position:-284px -58px;}
.note-icon{width:28px;height:27px;background-position:-11px -88px;}
.global-icon{width:26px;height:26px;background-position:-322px -59px;}
.contact-us .list-contact li{padding-left:40px;position:relative;margin-bottom:1.5rem;font-size:0.875rem;color:#2d2d2d;}
.contact-us .list-contact li i{position:absolute;left:0;}
.contact-us .list-contact li:not(:first-child){align-items:center;}
.contact-us .list-contact li a{color:#2d2d2d;}
/*sign and City location*/
.modal-dialog-city{max-width:553px;}//Sandeep Singh
/*sign and sing up*/
.modal-dialog-login{max-width:453px;}
.modal-content .modal-header .close{position:absolute;width:37px;height:37px;background-color:#75b42e;opacity:1;border-radius:50%;top:0;right:0;padding:0;}
.close-icon{width:16px;height:16px;background-position:-357px -59px;}
.close:not(:disabled):not(.disabled):focus, .close:not(:disabled):not(.disabled):hover{opacity:1;}
.modal-dialog-login .modal-header{padding:1.5625rem 1.25rem 0 1.25rem;}
.modal-dialog-login .modal-title{font-weight:500;font-size:1.125rem;}
.modal-dialog-login .modal-body{padding-left:1.375rem;padding-right:1.375rem;}
.modal-dialog-login .form-control{border-color:#d0d0d0;padding-left:0.7rem;padding-right:0.7rem;}
.modal-dialog-login .form-control::placeholder{color:#363636;font-family: 'Gilroy';font-weight:normal;font-size:0.875rem;}
.modal-dialog-login .btn{min-width:160px;font-weight:bold;font-size:1rem;text-transform:uppercase;padding:0.75rem .75rem;}

.modal-backdrop.show{opacity:.70;}
.btn-otp{min-width:auto !important;padding:0.4375rem.75rem !important}
.otp input{text-align:center;ont-size: 18px;font-weight: bold}
.pickup {}
/*calculator*/
.listing-calculator{padding-top:30px;}
.listing-calculator-header{border-radius:10px;color:#fff;padding:13px 36px 13px 20px;margin-bottom:27px;}
.listing-calculator-selected{font-size:1.125rem;font-weight:500;}
.listing-calculator-total{font-size:1.625rem;font-weight:700}
.listing-calculator-total img{margin-right:5px;}
.listing-calculator .listing-filter .col-md:last-child{max-width:294px;}
.listing-calculator .listing-filter{padding-bottom:11px;}
.listing-calculator .rate-card-item{margin-bottom:5px;padding-top:25px;padding-bottom:13px;max-height:207px;}
.rate-card-checkbox{position:absolute;top:0;left:0;opacity:0;width:100%;height:100%;z-index:999;cursor:pointer;}
.rate-card-checkbox:checked ~ .rate-card-item{background-color:#79af3a;max-width:100%;border-radius:4px;}
.rate-card-checkbox:checked ~ .rate-card-item .form-control{max-width:155px;margin:auto;background-color:rgba(255,255,255,0.7);border-color:rgba(255,255,255,0.7);height:calc(1.250em + .75rem + 2px);color:#282828;display:block;position:relative;z-index:10999;}
.rate-card-checkbox:checked ~ .rate-card-item .rate-card-title, .rate-card-checkbox:checked ~ .rate-card-item .rate-card-desc{display:none;}
.listing-calculator .rate-card-item .form-control{display:none;}
.listing-calculator .rate-card-item .form-control::placeholder{font-weight:500;font-size:1.125rem;color:#282828;}
/*location page*/
.location{position:relative;}
/*animation*/
@-webkit-keyframes banner-1a{
    0%{left:-100%;opacity:0;}
    50%{left:0;opacity:1;}
    100%{left:0;}
}
@-webkit-keyframes banner-1d{
    0%{opacity:0;top:30px;}
    100%{opacity:1;top:0;}
}
@-webkit-keyframes banner-1b{
    0%{opacity:0;}
    25%{opacity:0;}
    50%{opacity:0;}
    75%{opacity:1;}
    100%{opacity:1;}
}
.st0 {
    stroke-dasharray: 2200;
    stroke-dashoffset: 2200;
    animation: dash 4s linear forwards;
    animation-delay:3.5s;
}
.st1 {
    stroke-dasharray: 3000;
    stroke-dashoffset:3000;
    animation: dash 4s linear forwards;
    animation-delay:1.5s;
}
.st2{
    stroke-dasharray: 3000;
    stroke-dashoffset: 3000;
    animation: dash-1 4s linear alternate infinite;
    /*animation-delay:3.5s;*/
}
.st3 {
    stroke-dasharray: 2000;
    stroke-dashoffset: 2000;
    animation: dash 5s linear forwards;
    animation-delay:2s;
}
.animateSVG {
    stroke-dashoffset: 0;
    transition: stroke-dashoffset 3s ease-out;
    transition-delay: 3s;
}
.canvas-con {display: flex;align-items: center;justify-content:space-between;position: relative;}
.canvas-con p{position:absolute;left:108px;color:#282828;min-width:102px;font-size:1.125rem;margin-bottom:0;}
.canvas-con-inner {height: 100%;margin-right: 50px;}
.legend-con {display: inline-block;min-width:150px;}
.legend-con ul {list-style: none;padding-left:0;}
.legend-con li {display: flex;margin-bottom: 4px;}
.legend-con li span {display: inline-block;}
.legend-con li .chart-legend-label-text{font-weight:400;font-size:1.125rem;color:#282828;}
.legend-con li .chart-legend-label-text > span{font-weight:700;font-size:1.5625rem;}
.legend-con li span.chart-legend {width:15px;height:15px;margin-top:5px;margin-right:10px;border-radius:50%;}


@keyframes dash {
    to {
        stroke-dashoffset: 0;
    }
}
@-webkit-keyframes truckMove{
    0%   {left:-100%;}
    100% {left:0;}
} 
@-webkit-keyframes tyre-rotate{
    from{-webkit-transform:rotate(-360deg);}
    to{-webkit-transform:rotate(0deg);}
}

@keyframes banner-3a{
    from{opacity:0;top:35px;}
    to{opacity:1;top:14px;}
}
@keyframes banner-3b{
    from{opacity:0;top: 50%;}
    to{opacity:1;top:-51px;}
}
@keyframes banner-3c{
    from{opacity:0;top: 50%;}
    to{opacity:1;top:-83px;}
}
@keyframes banner-3d{
    from{opacity:0;top: 50%;}
    to{opacity:1;top:-103px;}
}
@keyframes banner-3e{
    from{opacity:0;top: 50%;}
    to{opacity:1;top:-83px;}
}
@keyframes banner-3f{
    from{opacity:0;top: 50%;}
    to{opacity:1;top:-132px;}
}
@keyframes banner-3g{
    from{opacity:0;top: 50%;}
    to{opacity:1;top:-97px;}
}
@keyframes banner-3h{
    from{opacity:0;top: 50%;}
    to{opacity:1;top:-79px;}
}
@keyframes banner-3i{
    from{opacity:0;top: 50%;}
    to{opacity:1;top:-44px;}
}
@keyframes banner-3j{
    from{opacity:0;top:50%;}
    to{opacity:1;top:18px;}
}
@keyframes trackRqImgSec{
    from{left:-100%;}
    to{left:0;}
}

.leftToRight{overflow: hidden;-webkit-animation: leftrightanim 1.0s linear;}
@-webkit-keyframes leftrightanim {
    from {width:0;}
    to {width: 100%;}
}
.how-it-work-right [data-aos=fade-down]{
    transform:translate3d(0,-20px,0);
}
.how-it-work-right [data-aos=fade-up],
.testimonial [data-aos=fade-up]{
    transform: translate3d(0,20px,0);
}
.trackScrapSec [data-aos=fade-right] {
    transform: translate3d(-15px,0,0);
}
.trackScrapSec [data-aos=fade-left] {
    transform: translate3d(15px,0,0);
}
/*common*/
.sprite{background-image:url(../images/sprite.png);background-repeat:
            no-repeat;display:inline-block;vertical-align:middle;/* margin:auto;*/}
.form-control:focus{box-shadow:none;} 
.btn-outline-secondary.focus, .btn-outline-secondary:focus, .btn-primary.focus, .btn-primary:focus, .btn-primary:not(:disabled):not(.disabled):active:focus{box-shadow:none;}
.btn-primary, .btn-primary.focus, .btn-primary:focus, .btn-primary:not(:disabled):not(.disabled):active{background-color:#75b42e;border-color:#75b42e;}
.btn-primary:hover, .btn-outline-primary:hover{background-color:#025736;border-color:#025736;}
.btn-outline-primary, .btn-outline-primary.focus, .btn-outline-primary:focus, .btn-outline-primary:not(:disabled):not(.disabled):active{border-color:#75b42e;color:#75b42e;background-color: transparent;box-shadow:none;}
.bg-primary{background-color:#75b42e !important}

.navbar-toggler-icon { height:auto;
                       font-size: 29px;
                       font-weight: bold;
}

.ms-options-wrap{
    width:100%;
}
.input-group>.ms-options-wrap{
    position: relative;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    width: 1%;
    margin-bottom: 0;
}

.ms-options-wrap > button:focus,
.ms-options-wrap > button {
    position: relative;
    width: 100%;
    text-align: left;
    border: 1px solid #a78e00;
    background-color: #fff;
    padding: 4px 10px;

    white-space: nowrap;
    border-radius: .25rem;
    border-top-left-radius: 0;
    font-weight:400;
    border-bottom-left-radius: 0;

}

.ms-options-wrap > button > span {
    display: inline-block;
}

.ms-options-wrap > button[disabled] {
    background-color: #e5e9ed;
    color: #808080;
    opacity: 0.6;
}

.ms-options-wrap > button:after {
    content: ' ';
    height: 0;
    position: absolute;
    top: 50%;
    right: 5px;
    width: 0;
    border: 6px solid rgba(0, 0, 0, 0);
    border-top-color: #999;
    margin-top: -3px;
}

.ms-options-wrap.ms-has-selections > button {
    color: #333;
}

.ms-options-wrap > .ms-options {
    position: absolute;
    left: 0;
    width: 100%;
    margin-top: -1px;
    margin-bottom: 20px;
    background: white;
    z-index: 2000;
    border: 1px solid #aaa;
    overflow: auto;
    /*visibility: hidden;*/
}
.ms-options-wrap-inner > .ms-options { position:relative; border:solid #aaa; border-width:1px 0 0 0}
.ms-options-wrap.ms-active > .ms-options {
    visibility: visible
}

.ms-options-wrap > .ms-options > .ms-search input {
    width: 100%;
    padding: 4px 5px;
    border: none;
    border-bottom: 1px groove;
    outline: none;
}

.ms-options-wrap > .ms-options .ms-selectall {
    display: inline-block;
    font-size: .9em;
    text-transform: lowercase;
    text-decoration: none;
}
.ms-options-wrap > .ms-options .ms-selectall:hover {
    text-decoration: underline;
}

.ms-options-wrap > .ms-options > .ms-selectall.global {
    margin: 4px 5px;
}

.ms-options-wrap > .ms-options > ul{display: flex; flex-wrap: wrap;     max-height: 330px;}
.ms-options-wrap > .ms-options > ul li{ padding:5px; border-bottom:#CCC solid 1px; width:50%; float:left; position:relative;}
.ms-options-wrap > .ms-options > ul,
.ms-options-wrap > .ms-options > ul > li.optgroup ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}
.ms-options-wrap > .ms-options > ul > li input[type="text"]{    width: 100%;
                                                                border: #ccc 1px solid;
                                                                padding: 2px 5px;
                                                                font-size: 15px;}

.ms-options-wrap > .ms-options > ul li.ms-hidden {
    display: none;
}

.ms-options-wrap > .ms-options > ul > li.optgroup {
    padding: 5px;
}
.ms-options-wrap > .ms-options > ul > li.optgroup + li.optgroup {
    border-top: 1px solid #aaa;
}

.ms-options-wrap > .ms-options > ul > li.optgroup .label {
    display: block;
    padding: 5px 0 0 0;
    font-weight: bold;
}

.ms-options-wrap > .ms-options > ul label {
    position: relative;
    display: inline-block;
    width: 100%;
    padding: 2px 0px 0px 20px;
    margin: 1px 0;
}
.ms-options-wrap > .ms-options.checkbox-autofit > ul label,
.ms-options-wrap > .ms-options.hide-checkbox > ul label {
    padding: 4px;
}


.ms-options-wrap > .ms-options > ul li.selected label {
    background-color: #efefef;
    border-color: transparent;
}

.ms-options-wrap > .ms-options > ul input[type="checkbox"] {
    margin: 0 5px 0 0;
    position: absolute;
    left:8px;
    top:13px;
}

.ms-options-wrap > .ms-options.hide-checkbox > ul input[type="checkbox"] {
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
}
.ms-options-wrap > .ms-options > ul label small{float:right; font-size: 12px;
                                                line-height: 24px;
                                                color: #417b00;}


.ms-options-wrap > .ms-options > ul li  input[type="text"]{
    display: none;
}
.ms-options-wrap > .ms-options > ul li  input[type=checkbox]:checked ~ input[type="text"]{
    display: block;
}
.selectitemdd{display:none;}

.report-chart .col-md-6{ display:flex;}
.report-chart .col-md-6 > div{ width:100%;}

.dashboard .threebox i{padding: 120px;
                       display: inline-block;
                       background:url(../images/sprite.png) #4c8a56;
                       position: absolute;
                       top: -70px;
                       right: -110px;
                       bottom: 0;
                       border-radius: 150px 50px;}
.dashboard .threebox i.tord{background-position:-218px -70px;}
.dashboard .threebox i.tsls{background-position:29px -70px;}
.dashboard .threebox i.tusr{background-position:-98px -70px;}

.dashboard .threebox h5{ font-size:1rem; margin:0;}
.main-slider{overflow:hidden;}

.showhidepass{ position:absolute; right:15px; border:none; padding:17px; background-position:-38px -84px; background-color:#FFF;     margin-bottom: 2px;}
/*.loginform{width:100%;}
.loginform .field {
    display: flex;
    flex-flow: column-reverse;
    margin-bottom: 1.2em;
}*/
/**
* Add a transition to the label and input.
* I'm not even sure that touch-action: manipulation works on
* inputs, but hey, it's new and cool and could remove the 
* pesky delay.
*/
/*.loginform label, input {
    transition: all 0.2s;
    touch-action: manipulation;
}

.loginform input {
    font-size: 1.5em;
    border: 0;
    border-bottom: 1px solid #ccc;
    font-family: inherit;
    -webkit-appearance: none;
    border-radius: 0;
    padding: 5px;
    cursor: text;
}
.loginform input::placeholder {
  color: white;
}
.loginform input:focus::placeholder {
  color: #999;
}
.loginform input:focus {
    outline: 0;
    border-bottom: 1px solid #28a745;
}

.loginform label {
    text-transform: uppercase;
    letter-spacing: 0.05em;
    font-size:12px;
}
*
* Translate down and scale the label up to cover the placeholder,
* when following an input (with placeholder-shown support).
* Also make sure the label is only on one row, at max 2/3rds of the
* field—to make sure it scales properly and doesn't wrap.

.loginform input:placeholder-shown + label {
    cursor: text;
    font-size: 12px;
    max-width: 66.66%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    transform-origin: left bottom;
    transform: translate(0, 2.45rem) scale(1.5);
}
*
* By default, the placeholder should be transparent. Also, it should 
* inherit the transition.

.loginform ::-webkit-input-placeholder {
    opacity: 0;
    transition: inherit;
}
*
* Show the placeholder when the input is focused.

.loginform input:focus::-webkit-input-placeholder {
    opacity: 1;
}
*
* When the element is focused, remove the label transform.
* Also, do this when the placeholder is _not_ shown, i.e. when 
* there's something in the input at all.

.loginform input:not(:placeholder-shown) + label,
.loginform input:focus + label {
    transform: translate(0, 0) scale(1);
    cursor: pointer;
}

*/
/*.loginbox{top: 30%;
          position: absolute;
          bottom:0%;
          left: 50%;
          right: 50%; transform:translateX(-50%)translateY(-50%); width:60%;
}*/

.borderzero input, .borderzero select{ border:none;}
.filtericon{ display:inline-block; padding:10px 15px; background-position:-399px -62px;}

.switch {
    position: relative;
    display: inline-block;
    width:70px;
    height:30px;
    margin:0;
}

.switch input {display:none;}

.slider {
    position: absolute;
    cursor: pointer;
    overflow: hidden;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ffe5e5;
    -webkit-transition: .4s;
    transition: .4s;
}

.slider:before {
    position: absolute;
    z-index: 2;
    content: "";
    height: 26px;
    width: 26px;
    left: -118px;
    bottom: 2px;
    background-color: darkslategrey;
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.22);
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.22);
    -webkit-transition: .4s;
    transition: all 0.4s ease-in-out;
}
.slider:after {
    position: absolute;
    left: 0;
    z-index: 1;
    content: "YES";
    font-size: 15px;
    text-align: left !important;
    line-height:33px;
    padding-left: 0;
    width: 80px;
    color: #fff;
    height:30px;
    border-radius: 100px;
    background-color: #80ae6c;
    -webkit-transform: translateX(-160px);
    -ms-transform: translateX(-160px);
    transform: translateX(-160px);
    transition: all 0.4s ease-in-out;
}

input:checked + .slider:after {
    -webkit-transform: translateX(0px);
    -ms-transform: translateX(0px);
    transform: translateX(0px);
    /*width: 235px;*/
    padding-left:9px;
}

input:checked + .slider:before {
    background-color: #fff;
}

input:checked + .slider:before {
    -webkit-transform: translateX(160px);
    -ms-transform: translateX(160px);
    transform: translateX(160px);
}

/* Rounded sliders */
.slider.round {
    border-radius: 100px;
}

.slider.round:before {
    border-radius: 50%;
}
.absolute-no {
    position: absolute;
    left: 0;
    color: darkslategrey;
    text-align: right !important;
    font-size: 15px;
    width: calc(100% - 22px);
    height:30px;
    line-height:33px;
    cursor: pointer;
}
.switchDE .slider:after {
    content: "Enable";}

.switchDE{width: 90px;} 
.switchDE .slider:after {width: 88px;} 
.switchDE input:checked + .slider:before {
    -webkit-transform: translateX(178px);
    -ms-transform: translateX(178px);
    transform: translateX(178px);
}
.absolute-no {width: calc(100% - 18px);}
.itemdisable{background: inherit;
             -webkit-filter: grayscale(1);
             -webkit-filter: grayscale(100%);
             -moz-filter: grayscale(100%);
             filter: gray;
             filter: grayscale(100%);
             opacity: 0.6;}



.pagination {
    display: inline-block;
    margin:20px 0 0 0;
}
.paginationtm{margin: 0 0 30px 0 !important;}

.pagination a {
    color: black;
    float: left;
    padding:3px 11px;
    text-decoration: none;
    transition: background-color .3s;
    border-radius: 5px;
    margin: 0 4px;
    border: 1px solid #E1E1E1;
}

.pagination a.active {
    background-color: #80ae6c;
    color: white;

}

.pagination a:hover:not(.active) {background-color: #80ae6c;}

.tablescroll{overflow:auto;}
.smallfont, .smallfont small{ font-size:11px;}

.editbtncnt a{ width:55px !important; text-align:center; margin:5px auto !important;}

.errorpage{ height:35vh}
.errorpage .banner-slide-content h6{ white-space:pre}

.homenamephone span{position:relative;}
.homenamephone span b{position: absolute; font-weight: normal; color: #ccc; padding: 14px;}
.homenamephone span input{padding-left:50px !important; border-radius:0; border-left:none;}


.btn-resend-otp, .btn-change-number{ border:1px solid #75b42e; padding:2px 10px; border-radius:40px; font-size:14px; width:auto;}
.btn-resend-otp{position:relative; background: #f1ffe1; padding:5px 10px;}
.resend-otp-main{ position:relative; font-style:normal;}
#otpmask{    position: absolute;
             background: #ffffff5c;
             top: -5px;
             left: -1px;
             bottom: -6px;
             right: -1px;
             z-index: 1;
             border: 2px solid #fff3;
             border-radius: 40px;
}
.otpmaskhide{ display:none;}
.btn-change-number{ float:right; background: #f1ffe1;}
#countdown{color:#000;}



#lastpophide{
  display:none;
  width: 100px; 
  height: 100px;
  background:#166D4B;
  -webkit-transition: max-height 0.8s,  max-width 0.8s;
    -moz-transition: max-height 0.8s;
    transition: max-height 0.8s max-width 0.8s;
  border-radius:2200px;}
  
.lastpop{width: 2300px !important;
  height: 2300px !important; display:block !important;position:absolute; z-index:11; left:50%; top:50%; transform:translateX(-50%)translateY(-50%);-webkit-transition: max-height 0.8s,  max-width 0.8s;
    -moz-transition: max-height 0.8s;
    transition: max-height 0.8s max-width 0.8s;}
 
 
 
 
 
 #thankx-page-close{ position:absolute; right:50px; top:50px; width:60px; z-index:54777; fill:#FFF;}
#thankx-page-h3{text-align:center; color:#507726; font-size:16px; z-index: 4444;transition: height 350ms ease-in-out, opacity 750ms ease-in-out;}
#thankx-page-h3 path[id="Path_357"]{fill:#090;}
#thankx-page-h3 i{ font-style:normal; font-size:22px;}
.thankx-page-h3-hidden{display: none;
    height: 0;
    opacity: 0;
    overflow: hidden;
        }
.thankx-page-h3-visible{display: block;
    height: auto;
    opacity: 1;}


.hidden{
    max-height: 10px;background:#75b42e;
    max-width: 10px;left:48%; top:48%; transform:translateX(-33%)translateY(-33%);
}
.visible{
    max-height: 4500px;background: #263e0ab8;
	webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    max-width: 4500px;left:-40%; top:-40%; bottom:-40%; right:-40%;
	transform:translateX(-0%)translateY(-0%);
}

#thankx-page{
    border-radius:2200px;
    transition:0.8s; z-index:4040; 
    overflow:hidden;position:fixed;/*left:0%; top:0%; bottom:0; right:0; transform:translateX(-50%) translateY(-50%);*/
}
.anicheck{ position:relative;}
.anicheck #correct{fill:#263e0a; position:absolute; z-index:111; left:50%; top:60%; transform:translateX(-50%)translateY(-40%);}
.anicheck #Group_214{
    -webkit-animation:spin 4s linear infinite;
    -moz-animation:spin 4s linear infinite;
    animation:spin 4s linear infinite;
}
@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }


.select-address{ max-height:450px; overflow:auto; padding-bottom:2px;}
.select-address > label{ margin:0; width:100%; display:block;}
.select-address > label input[type="radio"]{ display:none;}
.select-address > label div{padding:5px 8px; border:#CCC solid 1px; border-radius:5px; background: #f3f3f3; position:relative; font-size:13px; margin-bottom:10px; cursor:pointer;}
.select-address > label div:hover{ }
.select-address > label:last-child div{ margin-bottom:0;}
.select-address > label div span{font-size:10px; padding:2px 5px; color:#FFF; position:absolute; right:0; top:10px; border-radius:5px 0 0 0;opacity: 0.3; filter: grayscale(100%);}
.select-address > label div span a{ display:inline-block; padding:12px 16px; content:"";background-image:url(../images/sprite.png);background-repeat:no-repeat;}
.select-address > label div span a.edt{background-position:-354px -11px; display:none;}
.select-address > label div span a.dlt{background-position:-181px -59px; margin-left:10px;}

.select-address > label div:hover, .select-address > label input:checked + div{border: #a2d06e 1px solid; box-shadow: 0px 2px 0px 0px #a2d06e; background: #fafff5;}
.select-address > label div:hover span, .select-address > label  input:checked + div span{opacity:1;}
.addaddressdivshow{ display:block !important; margin-top:10px;}
.slctaddrhide{ display:none;}

.boxshadow #nav-tab{ padding:0 0 0px 0 !important; margin-bottom:20px;}
.boxshadow .nav-tabs .nav-link{ padding:8px 20px; border:none;border-bottom:#CCC solid 3px; margin-right:10px;}
.boxshadow .nav-tabs .nav-link.active{ border-bottom:#80ae6c solid 4px; color:#80ae6c;}

.cart-icon{width:24px;height:20px;background-position:-71px -94px; position:relative;}
.cart-icon span{    font-style: normal;
    font-size: 10px;
    background: #333;
    padding: 3px;
    color: #fff;
    min-width: 20px;
    text-align: center;
    display: inline-block;
    border-radius: 50px;
    position: absolute;
    top: -12px;
    right: -12px;}
	
.card-inner .row{}
.card-inner .row div{ margin-bottom:20px; padding-top:20px; padding-bottom:20px; border-bottom:#EBEBEB solid 1px;}
.card-inner .row div input[type="checkbox"]{transform: scale(1.5);}
.card-inner .row div .weightbox{ position:relative;}
.card-inner .row div input[type="text"]{ border:none; border-bottom:1px solid #999; font-weight:bold; padding-right:30px;}
.card-inner .row div .weightbox strong{ position:absolute; right:5px}
.next-icon {
    width: 26px;
    height: 24px;
    background-position: -126px -59px; transform:rotate(180deg);}

.trackingloc{  text-align:center; padding: 20px 0 10px 0; overflow: hidden;}
.trackingloc div{width:50%; float:left;position:relative;}
.trackingloc div:before{content: '.'; position: absolute; left: 50%; top: -45px; transform:translateX(-50%); font-size: 105px; line-height: 0;    z-index:1;}
.trackingloc div:after{height:3px; content:''; position:absolute;  top:-14px;}	
.trackingloc div.start:after{left:50%; right:0;}
.trackingloc div.start:before{color:#166D4B !important;}
.trackingloc div.end:after{left:0%; right:50%;}
.trackpicked div:before, .trackpicked div:after{color:#166D4B; background:#166D4B;}
.tracknotpicked div:before, .tracknotpicked div:after{color:#ccc; background:#ccc;}
.tracknotcanelpicked div:before, .tracknotcanelpicked div:after{color:#ef1101; background:#ef1101;}

.subscribe-bottom{ position:relative;}
.subscribe-bottom input[type="text"]{padding-right:80px; margin:0;}
.subscribe-bottom button[type="button"]{ position:absolute; top:0; right:0; width:30px !important; padding: 12px 30px; background:url(../images/sprite.png) no-repeat #75b42e; background-position:-567px 2px;}

.socilmbtm{display: block; width: 100%; margin:18px 0 35px 0!important;}
.socilmbtm li{float:left; margin-right:10px; }
.socilmbtm li a{padding:13px 20px; background:url(../images/sprite.png) no-repeat;}
.socilmbtm li:nth-child(1) a{background-position:-561px -53px;}
.socilmbtm li:nth-child(2) a{background-position:-605px -53px;}
.socilmbtm li:nth-child(3) a{background-position:-651px -53px;}
.socilmbtm li:nth-child(4) a{background-position:-695px -53px;}
.socilmbtm li:nth-child(5) a{background-position:-698px -101px;}
.socilmbtm li:hover{ filter: grayscale(100%);     margin-top: -2px;}


@media (min-width: 1320px){ .container{max-width: 1300px;} }
@media (max-width:1320px){
    .homenamephone input:first-child{ width:100%; border-radius: 0.25rem  0.25rem 0 0!important; border-bottom:0;}
    .homenamephone input:nth-child(2){margin-left: 0px!important; border-radius: 0 0 0 0.25rem!important;}
    .homenamephone button{border-radius: 0 0 0.25rem 0!important;}
    .banner-slide-content h6{text-align:center; margin-top:30px !important;}
    .errorpage{ height:auto}
    .homenamephone span input{padding-left:50px !important; border-left:1px solid;}
    .sell-scrap-sell .btn-sell {width: 100%;}
    .input-group-append {
        margin-left: -0px;
        width: 30%;
    }
    .homenamephone span{
        width:70%;
    }
    .sell-scrap-sell .btn-sell{padding:0rem 0px;} 
}
@media (max-width:992px){
    .sell-scrap .col-md-6{ width:100%; max-width:100%; flex: 0 0 100%;}
    .sell-scrap .col-md-6:first-child{ margin-bottom:50px;}
    .sell-scrap .sell-scrap-right {width: 485px; float: none; margin: auto;}
    .footerLinkSec .col {
        -ms-flex-preferred-size: 0;
        flex-basis:auto!important;
        -ms-flex-positive: 1;
        flex-grow: 1;
        width: 50%;
    }
    ul.navbar-nav {width: 100%; display: block;     margin-top: 20px; text-align:center;}
    ul.navbar-nav li{width:50%; float:left;     padding: 10px 0;}
    ul.navbar-nav li.nav-item-track, ul.navbar-nav li.app{width:100%;}.errorpage .banner-slide-content h6{ white-space:normal}
	.location{margin:15px 0;}

}



@media (max-width:767px){
    .trackScrapSec .trackReqSec{ border:none;}
    footer .copyRightSec, footer .copyRightSec .text-right{ text-align:center !important}
    footer .copyRightSec .text-right{ margin-top:40px;}

}

@media (max-width:575px){
    .sell-scrap .sell-scrap-right {width: 250px;}
    .sell-scrap-draw {width: 250px;}
    .sell-scrap-01 {top: auto;  left: -27px; bottom: 25px;}
    .sell-scrap-02 {
        top: 40px;
        left: -15px;
    }
    .sell-scrap-03 {
        top: -33px;
        left: 96px;
    }
    .sell-scrap-04 {
        top: 40px;
        left: auto;
        right: -1px;
    }
    .sell-scrap-05 {
        top: auto;
        left: auto;
        right: -24px;
        bottom: 25px;
    }
    .sell-img-user {
        bottom: 0;
        left: 44%;
        margin-left: -84px;
    }


.trackingloc{font-size:13px;}


}

@media (max-width:500px){
    footer .footerLinkSec, .trackScrapSec, .how-it-work, .testimonial{padding: 45px 0px 0 0px;}
    .sell-scrap .step {margin-left: -0px;}
    .sell-scrap-sell {padding-right:0px;}
    .sell-scrap-sell .btn-sell {padding: .375rem 20px;}
    .rate-card {padding:20px; margin-top: 20px;}
    .rate-card .col-6{ float:left;}
    .rate-card .rate-card-title {font-size: 14px;}
    .rate-card .rate-card-desc {font-size: 12px;}
    .rate-card-item{ max-width:none;    margin-bottom: 30px;}
    footer .footerLinkSec .btn, .trackScrapSec .trackReqSec .trackReqTxtSec .btn, .trackScrapSec .trackReqSec .trackReqTxtSec a, .rate-card .btn, .modal-dialog-login .btn{width:100%; text-align:center;}
    .trackScrapSec .trackReqSec .trackReqTxtSec, .trackScrapSec .trackReqSec .trackReqImgSec {width:100%; margin:20px 0;}
    .how-it-work ul li {font-size:22px;}
    .trackScrapSec .trackReqSec, .trackScrapSec .trackReqSec.scrapCalcSec{padding:0;}
    .trackScrapSec .trackReqSec .trackReqImgSec img {width:25%; margin:auto;}
    .trackScrapSec .trackReqSec .trackReqImgSec{margin:0;}
    .trackScrapSec .row > div:last-child{ margin-top:40px;}
    .sell-scrap-sell .input-group input::-webkit-input-placeholder{ font-size:16px;}
    .rate-card .row{display:block;}
    .rate-card .col {max-width: 50%; float: left; padding-right: 5px; padding-left: 5px;}
    .rate-card .rate-card-circle {width: 70px; height: 70px;}
    .rate-card .rate-card-circle img { width:60%;}
    img[alt="logo"]{width:150px;}
    .ms-options-wrap > .ms-options > ul {overflow: auto; height: 36vh;}
    .ms-options-wrap > .ms-options > ul li{ width:100%;}
    .banner{display:none;}

    .banner-slide-content h6{font-size:23px;}
    footer .copyRightSec{ margin-top:40px;}

    .resend-otp-main{ margin-bottom:10px;}
    .resend-otp-main, .btn-resend-otp, .btn-change-number{max-width: 100%;
                                                          text-align: center;
                                                          display: block; float:none;}

}

/*Order Timeline*/

            .order-timeline {
  position: relative;
  padding-left: 35px;
}

.order-timeline::before {
  content: '';
  position: absolute;
  left: 15px;
  top: 0;
  width: 2px;
  height: 100%;
  background: #e9ecef;
}

.timeline-item {
  position: relative;
  margin-bottom: 30px;
}

.timeline-dot {
  position: absolute;
  left: -28px;
  top: -2px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: #adb5bd;
  z-index: 1;
}

.timeline-item.completed .timeline-dot {
  background: #28a745;
}

.timeline-item.active .timeline-dot {
  background: #007bff;
  animation: pulse 1.5s infinite;
}

.timeline-item.pending .timeline-dot {
  background: #ced4da;
}
.timeline-item.cancelled .timeline-dot {
  background: #c82333;
}

.timeline-content {
  background: #fff;
  padding: 10px 15px;
  border-radius: 4px;
  border: 1px solid #dee2e6;
}

.timeline-content h6 {
  margin-bottom: 4px;
  font-weight: 600;
}

.timeline-content p {
  margin-bottom: 0;
  font-size: 14px;
  color: #6c757d;
}

.timeline-content .time {
  font-size: 12px;
  color: #999;
  display: block;
  margin-bottom: 4px;
}

@keyframes pulse {
  0% { box-shadow: 0 0 0 0 rgba(0,123,255,0.4); }
  70% { box-shadow: 0 0 0 10px rgba(0,123,255,0); }
  100% { box-shadow: 0 0 0 0 rgba(0,123,255,0); }
}