.green{background-color:#00aa87 !important;}
.green-text{color:#00aa87;}
.white-text{color:#fff !important;}
.grey{background-color:#a5a8aa;}
.black{background-color:#000;}
/*mixins*/
.line-top{border-top:solid 1px #00aa87;margin-top:10px;padding-top:10px;}
.round-5{border-radius:5px;}
.no-pc{display:none;}
svg{max-width:100%;}
.h85vh{height:85vh;}
.home-track-wraper{height:85vh;background-color:#000;color:#5a5d5e;font-family:'GTWalsheim',Arial,sans-serif;position:relative;background-size:cover;background-repeat:none;}
.home-track-wraper .info{top:30vh;left:16vw;position:absolute;color:#fff;max-width:40vw;}
.home-track-wraper .info h1{font-size:60px;font-weight:bold;}
.home-track-wraper .info p{font-size:26px;}
.quicktrack-startform{background-color:rgba(255,255,255,0.8);top:35vh;right:18vw}
.quicktrack-startform p{color:#000 !important;}
.enter-code{position:relative;}
.enter-code input{padding-right:80px;border:solid 1px #e2e2e2;padding:10px;}
.enter-code .loading{position:absolute;top:0px;right:10px;width:40px;}
.enter-code .loading img{max-width:100%;}
.error{margin-bottom:5px;color:red}
.modal:before{width:100%;height:100%;content:'';left:0;top:0;background-color:#000;opacity:.4;display:block;position:fixed;}
.modal{width:80%%;max-width:1000px;min-height:400px;position:fixed;top:1%;bottom:1%;height:500px;left:1%;right:1%;margin:auto;background-color:#fff;z-index:80;display:flex;border-radius: 20px; box-shadow:#C9D4D9 0 0 90px;}
.modal-content{position:relative;background-color:#fff;min-width:100%;min-height:100%;flex:1;padding:60px !important;width:50vw;max-width:900px;color:black;font-size:14px;border-radius: 20px;}
.order-details{width:33%;margin:auto;}
.from-dest,.to-dest{position:absolute;top:60px;width:28%;}
.dest img{width:30px;float:left;margin-right:10px;}
.from-dest{left:60px;}
.to-dest{right:60px;text-align:right;}
.to-dest .dest img{float:right;margin-left:10px;margin-right:0;}
.from-dest i,.to-dest i{display:none;}
.dest{line-height:30px;}
.progres-bar{position:relative;margin-top:50px;margin-bottom:100px;}
.progres-bar .steps *{vertical-align:middle;}
.progres-bar .line{position:absolute;height:8px;top:84px;background-color:#a5a8aa;left:30px;right:30px;}
.progres-bar .line span{position:absolute;height:100%;left:0;background-color:#00aa87;}
.progres-bar .step{display:table-cell;text-align:center;position:relative;}
.progres-bar .steps{display:table;width:100%;position:relative;}
.progres-bar .steps .step:first-child{float:left;}
.progres-bar .steps .step:last-child{float:right;}
.progres-bar .steps .step img{width:60px;}
.progres-bar .steps .step p{margin-top:20px;font-weight:500;position:absolute;max-width:100px;left:1%;right:1%;margin:auto;top:120px}
.progres-bar .steps .step span{display:block;height:27px;width:27px;border-radius:50%;background-color:#fff;border:solid 3px #a5a8aa;margin:auto;margin-top:15px;}
.progres-bar .steps .step.done span{background-color:#00aa87;border:solid 3px #e2e2e2}
.close{top:25px;right:25px;position:absolute;z-index:100;}
@media (max-width:980px){body{overflow-x:hidden;}
.no-mobile{display:none;}
.t228__mobile{background-color:#fff;position:fixed;width:100%;z-index:100;}
.t228__burger span{background-color:#000;}
.t228__mobile_text.t-name.t-name_md{color:#000}
.order-details{width:100%;text-align:left;}
.modal:before{display:none;}
.modal{width:100%;height:calc(100% - 0px);position:fixed;top:0px !important;background-color:#fff;z-index:80;display:block;left:0;right:0;overflow-x:hidden;overflow-y:auto;overflow-x:hidden;border-radius: 0;}
.modal-content{padding:30px !important;border-radius: 0;}
.from-dest,.to-dest{position:relative;width:100%;text-align:left;right:0;left:0;padding-left:40px;}
.to-dest{margin-top:50px;}
.to-dest .dest img{float:left;margin-left:0;margin-right:10px;}
.line-top{border:none;}
.no-pc{display:block;}
.from-dest i,.to-dest i{position:absolute;left:0;display:block;}
.from-dest:after{position:absolute;content:'';display:block;height:180%;border-left:dashed 2px #a5a8aa;top:25px;left:11px}
.progres-bar{margin-bottom:0;margin-top:100px;}
.progres-bar .steps .step{display:block;clear:left;margin-bottom:30px;}
.progres-bar .steps .step:after{clear:left;display:table;float:none;content:'';}
.progres-bar .steps .step:first-child,.progres-bar .steps .step:last-child{float:none;}
.progres-bar .steps .step img{float:left;width:40px;}
.progres-bar .steps .step span{float:left;margin-left:15px;width:15px;height:15px;}
.progres-bar .steps .step p{float:left;position:relative;top:13px;left:10px;max-width:initial;}
.progres-bar .steps .step.done p{color:#00aa87}
.progres-bar .line{width:2px;background:#fff;height:calc(100% - 60px);border-left:dashed 2px #a5a8aa;left:61px;top:20px;bottom:30px;}
.green.white-text.pad-10.round-5.inline.normal.mrg-top-10.font12.pad-left-20.pad-right-20{border-radius:15px;padding:5px;padding-left:15px;padding-right:15px;}
}
