@charset="utf-8";


body{
  margin: 0px;  
  

}
/* Center the loader */
#loader {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 1;
  width: 150px;
  height: 150px;
  margin: -75px 0 0 -75px;
  border: 16px solid #f3f3f3;
  border-radius: 50%;
  border-top: 16px solid #3498db;
  width: 120px;
  height: 120px;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;

}

@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

/* Add animation to "page content" */
.animate-bottom {
  position:relative;
  -webkit-animation-name: animatebottom;
  -webkit-animation-duration: 1s;
  animation-name: animatebottom;
  animation-duration: 1s
}

@-webkit-keyframes animatebottom {
  from { bottom:-100px; opacity:0 } 
  to { bottom:0px; opacity:1 }
}

@keyframes animatebottom { 
  from{ bottom:-100px; opacity:0 } 
  to{ bottom:0; opacity:1 }
}

#myDiv {
  display: none;
  
}

#heading
{
  width:100%;
  height:80px;
  border:1px solid transparent;
   background-size:100%;
   background:white;
  
}




#bar
{
  display:none;
  width:0%;
  height:auto;
  float:right;
}

#img
{
width:7%;
height:20px;
border-radius:12px;
margin-left:20px;
margin-top:10px;



}

.title
{
  font-family:sans-serif;
margin-left:95px;
margin-top:-47px;
font-weight:normal;
font-size:21px;
color:DodgerBlue;
}


.title2
{
  font-family:sans-serif;
margin-left:105px;
margin-top:-23px;
font-weight:normal;
font-size:12px;
color:DodgerBlue;


}
.ulbody
{
float:right;
margin-top:-70px;
}

.ulbody li
{
  display:inline-block;

margin-right:30px;
}
 
 

 
a
{
text-decoration: none;
color:dimgrey;
font-family:sans-serif;
font-weight:normal;
font-size:16px;
}

 
.fafa_link:hover
{
color:gold;
text-decoration:underline;
font-weight:bold;
}

#navul2
{
  
 
  display: none;
}


#ulbody2, .li2
{

list-style-type: none;
padding:16px;

}

#imgdiv
{
width:100%;
height:500px;
}


@keyframes slida{
  0%{
  left: 0;
  }
  20%{
  left: 0;
  }
  25%{
  left: -100%;
  }
  45%{
  left: -100%;
  }
  50%{
  left: -200%;
  }
  70%{
  left: -200%
  }
  75%{
  left: -300%;
  }
  95%{
  left: -300%;
  }
  100%{
  left: -400%;
  }
  }
#slida{
    overflow: hidden;
    float: left;
    margin-top:-15px;


  }

  #slida figure img {
    width: 20%;
  }

#slida figure {
  position: relative;
  width: 500%;
  margin: 0;
  left: 0;
  text-align: left;
  font-size: 0;
  transform: translate(0px);
  animation: 20s slida infinite;
}

#bgslider
{
background: red;
width:100%;
height:500px;
border:1px solid green;
}

.headdiv5{
  width: 100%;
  height: 500px;
  background-color: rgba(0, 0, 0, 0.4);
  float: left;
  z-index: 0;
  position: relative;
  margin-top: -505px;
}



.headdiv6{
  width: 100%;
  height:50px;
  background-color:rgba(0, 0, 0, 0.9);
  float: left;
  z-index: 0;
  position: relative;
  margin-top: -50px;
}

#h3{
  color: white;
  margin-left: 10px;
  font-family:arail; 
  margin-top: 18px;
  font-size:15px;
}

.text-box{
  animation: textup 3s linear infinite;
  transform: translateY(12px);
}

@keyframes textup{
  10%{
    transform: translateY(0px); 
  }
  100%{
  transform: translateY(0px); 
  }

}

.Track
{
  
  margin-top:100px;
float: left;
  border:0px solid green;
  background-image: url("pix/images%20(33.html).jpeg");
  background-size:100%;
  background-repeat:no-repeat;
  background-image:center;
  width:100%;
  height:650px;
  text-align:center;
  border-top-left-radius:60%; 
  border-bottom-right-radius:60%;
  margin: 0 auto;


}

/*
background:linear-gradient(rgba(0,0,0,0.4),rgba(0,0,0,0.4)),#000037;
*/

.bodytrack
{  
float:left;
margin-left:10px;
}

#tracking
{


max-width:400px;
height:210px;
float:left;
border:0px solid dimgrey;
margin-left:50px;
margin-top:160px;
border-top:none;


}

.shipt
{
color:red;
font-weight:bold;
font-family:serif;
font-size:22px;
margin-top:19px;


}

.h5
{
  color:dimgrey;
  font-size:15px;
  font-weight:normal;
  font-family:normal;
}

#aboutus
{
  border:0px solid red;
  height:auto;
   width:80%;
   margin-left:100px;
   float: left;
   background:white;




}

.shipment
{
background-image:linear-gradient(to right, #000037,#080872);
border-radius:1px solid dimgrey;
width:40%;
height:30px;
border-radius:40% 0px 40% 0px;
-webkit-transition: width 2s, height 4s; /* Safari */
    transition: width 2s, height 4s;
}


.shipment:hover
{
  width:150px;
  height:40px;
}

#about

{
  margin-top:100px;
border:0px solid green;
width:45%;
float:left;
height:auto;
margin-left:50px;
}
#about_us
{
  border:0px solid green;
  width:100%;
  height:500px;
  margin-top:-18px;
    background:white;

background-size: cover;
background-repeat:no-repeat;
}

#about_us1
{
  
  border:0px solid transparent;
   background-size:100%;
  margin-top:40px;
  width:350px;border:0px solid yellow;height: 400px;margin-left:30px;
  float:left;
  padding: 12px;

}

#about_1
{
  float:left;
  background:linear-gradient(rgba(0,0,0,0.7),rgba(0,0,0,0.7)), url('pix/service_1.jpg')no-repeat center; 
  padding:35px;
  background-size:cover;
}


#about_2
{
  float:left;
  background:linear-gradient(rgba(0,0,0,0.6),rgba(0,0,0,0.6)), url('pix/20201228_202042.jpg')no-repeat center; 
  padding:35px;
  height:220px;
  background-size: contain;
}




#about_3
{
  float:left;
  background:linear-gradient(rgba(0,0,0,0.6),rgba(0,0,0,0.6)), url('pix/download-3.jpg')no-repeat center; 
  padding:35px;
  height:220px;
  background-size: contain;
}
#aboutimg
{

  margin-top:100px;
border:0px solid green;
width:45%;
float:left;
height:600px;
margin-left:10px;
background-image:url("pix/mail.jpg");
background-size: cover;
background-repeat:no-repeat;
}


.w3-animate-zoom{-webkit-animation:animatezoom 0.3s;animation:animatezoom 0.3s}
@-webkit-keyframes animatezoom{from{-webkit-transform:scale(0)} to{-webkit-transform:scale(1)}}
@keyframes animatezoom{from{transform:scale(0)} to{transform:scale(1)}}


.absay
{
color:darkorange;
font-weight:bold;
font-size:28px;
font-family:serif;
width:90%;

}

.abdeliver
{
color:#000027;
font-weight:normal;
 font-family:arail;
 font-size:23px;
 width:95%;

}

.abde
{

  color:#000027;
font-weight:normal;
 font-family:arail;
 font-size:18px;
 opacity:0.7;
 width:90%;

}

#nabout
{
margin-top:62px;
}

#nabout2
{
text-decoration:none;
list-style-type:none;
padding-bottom:8px;
}


.nalink
{
color: #000037;
font-size:17px;
opacity:0.7;
}

.nalink:hover
{
color:#000037;
text-decoration:none;
font-size:17px;
opacity:0.7;
}


#men
{
  border:0px solid yellow;
  height:auto; 
  width:95%;
  margin-left:30px;
  float: left;
  background:whitesmoke;
}
#work
{
float: left;
width:40%;
height:auto;
border:0px solid green;
background:white;
margin-left:60px;
}


#secondwork
{
float: left;
width:40%;
height:auto;
border:0px solid green;
background:white;
margin-left:60px;
margin-top:40px;



}
#workflow2
{  
margin-top:40px;
color:black;
font-weight:normal;
}

#workflow5
{  
margin-top:40px;
color:black;
font-weight:normal;
}

#workflow3
{  
color:dimgrey;
font-weight:normal;
font-size:14px;
margin-top:-20px;
padding:16px;
text-align:center;
width:90%;
text-indent:10px;
justify-content: center;
}

img
{

transition: 0.1s all eas
}

img:hover 
{
transform:scale(1.1);
animation-duration:4s;
}

#learn
{
  color:black;
  font-size:11px;
  font-weight:bold;
  opacity:0.4;
 

}

#more
{

  transition: 0.1s all eas; 
}


#more:hover 
{
transform:scale(1.1);
animation-duration:9s;
text-shadow: 2px  dimgrey;
text-decoration:underline;
zoom:70px;
}


#third_div{
width:100%;
height:auto;
background-color:white;
background-attachment:fixed;
border:0px solid green;
float:left;
margin-top:100px;
}


.imggary
{
 margin: 5px;
    border: 1px solid #ccc;
    float: left;
  width:260px;
    height:auto;
    margin-left:10px;
    padding:8px;
}

.imG
{
  width:260px;
  height:150px;
}

#imggary:hover {
    border: 1px solid #777;
}

#freight
{
font-weight:bold;
color::black;
font-size:20px;
font-family:arial;
}




.secondfreight
{
font-weight:normal;
justify-content:center;
color:grey;
font-family:serif;
font-size:14px;
width:100%;
}


.moreinformation
{
margin:50px auto;
position: relative;
width:400px;
height:500px;
padding:10px;

float:left;
margin-left:100px;
}


.moreinformation > div
{
  position:absolute;
  top: 10px;
  left: 10px;
  right:10px;
  bottom:10px;
}

.moretrack
{
width:35%;
border:0px solid green;
height:200px;
float:left;
margin-left:100px;
margin-top:50px;
}

.moreimg
{
width:60%;
height: 200px;
}

.inex
{
color:black;
font-size:23px;
font-weight:bold;
opacity:0.9;
}



.sayus

{
  
  color:#000037;
  font-weight:normal;
  font-size:35px;
  opacity:0.9;
  font-family:serif; 
}

.end
{
  width:100%;
  height:500px;
  background:linear-gradient(rgba(0,0,0,0.9),rgba(0,0,0,0.9)),url("pix/run_are.jpg")no-repeat center;
  background-size: cover;
  background-attachment:fixed;
  border:0px solid green;
  float:left;
  margin-top:50px;
}
.ending
{
  width:30%;
  height:300px;
  float:left;
  border:0px solid green;
  margin-top:100px;
  margin-left:50px;
}




.endtitle
{
  color:white;
  font-family:sans;
  font-size:25px;
  font-weight:bold;
}

.satis
{
color:white;
font-family:sans;
font-size:18px;
}

.endli{
list-style-type:none;
padding-bottom:8px;
}

.enda
{
font-size:15px;
color:white;
}

.enda:hover
{
  color:grey;
}

#fast_d
{  
color:dimgrey;
font-weight:normal;
font-size:17px;
}


#Exclusive
{  
color:dimgrey;
font-weight:normal;
font-size:20px;
margin-top:-10px;
}

#our
{
color:dimgrey;
font-family:arail;
font-weight:normal;
font-size:18px;
width:60%;
}

#third_div2
{
  width:100%;
  height:300px;
  margin-left:10px;
  border:0px solid red;
  margin-top:70px;
}


#formore{  

width:100%;
height:300px;
background:whitesmoke;
border:0px solid green;
float:left;
margin-top:100px;
}

#faex{
  width:98%;
  height:auto;
  background:whitesmoke;
  border:0px solid gold;
  float:left;
  margin-top:100px;
  margin-left:10px;

}

#aboutus
{
  border:0px solid red;
  height:auto;
   width:80%;
   margin-left:100px;
   float: left;
   background:white;

}
#sayabout
{  
width:100%;
height:auto;
background:white;
border:0px solid green;
float:left;
margin-top:50px;
}

#trackdiv
{
  margin-top:-25px;
  width:100%;
  border:0px solid transparent;
  height:auto;
  padding:8px;
  background:whitesmoke;
  color:#fff;
}

.Tconsignment
{  

margin-top:10px;
color:black;
font-weight:bold;
font-size:45px;

}






.Consignment1
{
float:left;;
border:0px  solid green;
width:30%;
height:300px;
margin-left:20px;
margin-top:22px;
}


.trackimg{
width:389px;
height:200px;
}

.EnterN
{
color:black;
font-weight:bold;
margin-top:60px;
padding:8px;
font-size:23px;
}

.trfoarm{
  width:300px;
  border-radius:5px;
  text-indent:10px;
  height:50px;
  margin-left:10px;
  margin-top:-50px;
}

.tracksubm
{
  background:#000037;
  width:100px;
  padding:8px 16px;
  border-radius:5px;
  color:white;
  margin-top:130px;
  margin-left:100px;
  font-weight:bold;
  border:1px transparent;
}


#contact
{
border:0px solid green;
height:auto;
float:left;
width:510px;
margin-left:95px;
margin-top:10px;

}

#contact2
{

height:auto;
float:left;
max-width:510px;
margin-left:95px;
margin-top:10px;
border:2px solid lightgrey;
padding:14px;

}

.icon
{
  background:#000037;
  border-radius:50%;
  color:white;
  padding:6px;
  font-size:10px;
}
#contacthead
{  
  background:linear-gradient(rgba(0,0,0,0.6),rgba(0,0,0,0.6)), url('pix/service_1.jpg')no-repeat center; 

width: 100%;
padding:20px;
border:0px solid green;
margin-top:-17px;
}

#contactheadtrack
{
  background:linear-gradient(rgba(0,0,0,0.6),rgba(0,0,0,0.6)), url('pix/bot2.png')no-repeat center;  
  background-size:100%;
width: 100%;
padding:20px;
 margin-top:-17px;
}

#contactabout
{  
background:transparent;
width: 100%;
padding:20px;
border:0px solid green;
margin-top:-4px;
}

/*login styling here....*/

#mother_login_div{
  width: 100%;
  height: 500px;
  float: left;
  background-color: #efefef;
  margin-top: 95px;
}
#Registration_div{
  width: 95%;
  height: auto;
  margin:0 auto;
  background-color: #ffffff;
  text-align: center;
  color: #000037;
  padding-top: 10px;
  box-shadow: 2px 2px 6px 4px lightgray;
  border-radius: 10px;
}
#Refer_em{
  width: 320px;
  margin: 0 auto;
  height: 40px;
  border-radius: 5px;
  border: 1px solid #000037;
  margin-top: 20px;
  padding-left: 15px;


}
#sign-up{
  width: 20%;
  margin: 0 auto;
  height: 50px;
  border-radius: 50px;
  background: #000037;
  margin-top: 20px;
  border: 0px;
  color: #fff;
  font-size: 18px;
  margin-bottom: 30px;
}
#sign-up:hover{

  color: #fff;
  cursor: pointer;

}
#Already_have_account{
  width: 95%;
  height: 2px;
  margin:0 auto;
  background-color: #ffffff;
  text-align: center;
  color: #000037;
  padding-top: 20px;
}

.sign-up
{
background:#000037;
width:250px;
height:30px;
font-weight:bold;
font-family:serif;
border:1px solid transparent;
color:white;
padding: 8px;
border-radius:5px;
}