a {
    text-decoration: none
}

body {
    margin: 0px;
}

.header0 {
    width: 100%;
    height: 7.3vw;
    margin: auto;
    position: fixed;
    top: -7.5vw;
    display: block;
    transition: top 0.3s;
    background-color: whitesmoke;
    z-index: 999
}

.menu0 {
    width: 90%;
    height: 2vw;
    margin: auto;
}

.company0 {
    width: 100%;
    height: auto;
    float: left;
}

.complogo0 {
    width: 15%;
    height: 2.6vw;
    float: left
}

.complogo0 img {
    width: 100%;
    height: auto
}

.compname0 p {
    width: 70%;
    font: 3vw 'Fredoka One', cursive;
    margin: 0vw;
    text-shadow: 0px 0px .2vw;
    margin-left: 1vw;
    text-align: center;
    padding-bottom: 0px;
    height: 2vw
}

.header {
    width: 98vw;
    height: 18vw;
    margin: auto
}

.header1 {
    width: 90%;
    height: 10vw;
    margin: auto
}

.company {
    width: 100%;
    height: auto;
    margin-top: 2vw;
    float: left
}

.complogo {
    width: 30%;
    height: auto;
    float: left
}

.complogo img {
    width: 100%;
    height: auto
}

.compname {
    width: 70%;
    height: auto;
    float: left
}

.compname p {
    height: 6vw;
    font: 6vw 'Fredoka One', cursive;
    margin: 0vw;
    text-shadow: 0px 0px .2vw;
    margin-left: 4vw;
    padding-bottom: 0px
}

.header2 {
    width: 90%;
    height: 5vw;
    margin: auto;
}

.menu {
    width: 100%;
    height: 3vw
}

.ismenu {
    width: 100%;
    height: auto
}

.menuh {
    width: 18.6%;
    height: auto;
    float: left;
    background: #DB6420;
    font: 1.5vw calibri;
    color: white;
    padding: .5%;
    text-align: center;
    box-shadow: 0px 0px 5px white;
    border: 1px solid #DB6420
}

.menuh:hover {
    background: linear-gradient(to left, #DB6420, white, white, white, #DB6420);
    color: #DB6420;
    transition: .5s;
    border-color: transparent
}

.menuh:active {
    background: linear-gradient(to left, #DB6420, #482529, #DB6420);
    color: white
}

.menuh2 {
    width: 18%;
    background: white;
    color: #DB6420;
}

.slider {
    width: 98%;
    height: 38vw;
    margin: auto
}

.body {
    width: 90%;
    height: 35vw;
    margin: auto
}

.body1 {
    width: 70%;
    height: auto;
    float: right;
}

.comh {
    width: auto;
    height: 3vw;
}

.comhp {
    font: 2.5vw calibri light;
    color: white;
    margin: auto;
    padding: .2%;
    background: linear-gradient(to right, darkcyan, darkcyan, transparent);
}

.combr {
    width: 96%;
    height: auto;
    margin: auto;
    background: linear-gradient(to top, #DB9269, Transparent);
    border: 1px solid #DB6420;
    border-top: 1px solid darkcyan;
}

.combrp {
    width: auto;
    font: 1.4vw calibri light;
    text-align: justify;
    padding: 1%;
    margin-left: 1%
}

.body2 {
    width: 30%;
    height: auto;
    float: left
}

.hcotf1 {
    width: 95%;
    height: auto;
    margin: auto
}

.hcotf2 {
    width: 95%;
    height: auto;
    margin: auto
}

.hconth {
    width: 94%;
    height: auto;
    margin: 0%;
    text-align: center;
    font: 2.2vw calibri light;
    background-color: chocolate;
    color: white
}

.hcontp {
    width: auto;
    height: auto;
    margin: 1%;
    margin-left: 5%;
    font: 1.6vw calibri
}

.hconfi {
    width: 80%;
    height: auto;
    margin: 1%;
    margin-left: 5%;
    font: 1.6vw calibri;
}

.hcmb {
    width: 80%;
    height: 5vw;
    margin: 1%;
    margin-left: 5%;
    font: 1.6vw calibri
}

.hcosbtn {
    width: 50%;
    height: 3vw;
    margin: 1%;
    margin-left: 5%;
    font: 1.6vw calibri
}

.footer {
    width: 98%;
    height: auto;
    margin: auto
}

.footer1 {
    width: 100%;
    height: 12vw;
    margin: auto;
    background-color: #DB6420
}

.ufud {
    width: 100%;
    height: 5vw;
    margin: auto
}

.aacoi {
    width: 33%;
    height: 5vw;
    margin: auto;
    float: left
}

.addi {
    width: 40px;
    height: 40px;
    margin: 10px;
    float: left;
    border-radius: 20px;
    background-size: 40px 40px;
    background-color: white;
    transition: background-color .1s
}

.aacoi:hover .addi {
    background-color: #884016;
    transition: .1s
}

.ho1 {
    background-image: url(image/ofad1.PNG)
}

.ca1 {
    background-image: url(image/call1.PNG)
}

.ma1 {
    background-image: url(image/mail1.PNG)
}

.addpa {
    font: 18px calibri light;
    margin: 15px;
    width: 300px;
    color: white
}

.uflod {
    width: 100%;
    height: 70px;
    margin: auto;
    margin-top: 10px
}

.socih {
    width: 250px;
    font: 45px calibri light;
    color: whitesmoke;
    margin: auto;
    float: left
}

.social {
    width: 350px;
    height: 50px;
    margin: auto;
    float: left;
    padding-left: 1%
}

.soc1 {
    width: 60px;
    height: 60px;
    float: left
}

.soicon {
    width: 50px;
    height: 50px;
    float: left;
    background-size: cover;
    border-radius: 50%;
    color: gray;
    margin: 5px;
    transition: .1s
}

.soicon:hover {
    ;
    box-shadow: 1px 1px 10px;
    width: 60px;
    height: 60px;
    margin-top: -0px;
    margin-left: -0px;
    transition: .1s
}

.fb1 {
    background-image: url(../image/FB.png)
}

.go1 {
    background-image: url(../image/GP.png)
}

.tw1 {
    background-image: url(../image/TW.PNG)
}

.yo1 {
    background-image: url(../image/YT.png)
}

.in1 {
    background-image: url(../image/IN.png)
}

.footer2 {
    width: 100%;
    height: 3vw;
    margin: auto;
    background-color: #4E463C
}

.copy {
    width: auto;
    height: auto
}

.copyr {
    margin: auto;
    font: 2vw calibri light;
    color: #E19D75;
    padding: .5%;
    padding-bottom: 0px
}

.slider-div {
    max-width: 80%;
    height: 30vw;
    margin: auto;
    position: relative;
}

.sliderd {
    position: absolute;
    width: 100%;
    height: 100%;
}

.sliderd1 {
    background: url(../image/Diksha-Logistic-Services.jpg) no-repeat center;
    background-size: 100% 100%;
    animation: fade 15s infinite;
    -webkit-animation: fade 15s infinite;
}

.sliderd2 {
    background: url(../image/logistic.png)no-repeat center;
    background-size: 100% 100%;
    animation: fade2 15s infinite;
    -webkit-animation: fade2 15s infinite;
}

.sliderd3 {
    background: url(../image/Cold-Storage-Services.PNG)no-repeat center;
    background-size: 100% 100%;
    animation: fade3 15s infinite;
    -webkit-animation: fade3 15s infinite;
}

.sliderd4 {
    background: url(../image/Refrigerated-Truck.PNG)no-repeat center;
    background-size: 100% 100%;
    animation: fade4 15s infinite;
    -webkit-animation: fade4 15s infinite;
}

.sliderd5 {
    background: url(../image/logistic.png)no-repeat center;
    background-size: 100% 100%;
    animation: fade5 15s infinite;
    -webkit-animation: fade5 15s infinite;
}

@keyframes fade {
    0% {
        opacity: 1
    }
    20% {
        opacity: 0
    }
    40% {
        opacity: 0
    }
    60% {
        opacity: 0
    }
    80% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@keyframes fade2 {
    0% {
        opacity: 0
    }
    20% {
        opacity: 1
    }
    40% {
        opacity: 0
    }
    60% {
        opacity: 0
    }
    80% {
        opacity: 0
    }
    100% {
        opacity: 0
    }
}

@keyframes fade3 {
    0% {
        opacity: 0
    }
    20% {
        opacity: 0
    }
    40% {
        opacity: 1
    }
    60% {
        opacity: 0
    }
    80% {
        opacity: 0
    }
    100% {
        opacity: 0
    }
}

@keyframes fade4 {
    0% {
        opacity: 0
    }
    20% {
        opacity: 0
    }
    40% {
        opacity: 0
    }
    60% {
        opacity: 1
    }
    80% {
        opacity: 0
    }
    100% {
        opacity: 0
    }
}

@keyframes fade5 {
    0% {
        opacity: 0
    }
    20% {
        opacity: 0
    }
    40% {
        opacity: 0
    }
    60% {
        opacity: 0
    }
    80% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

.bodysr {
    width: 90%;
    height: 95vw;
    margin: auto
}

.body1sr {
    width: 70%;
    height: auto;
    float: right;
}

.comhsr {
    width: auto;
    height: 32vw;
    float: left
}

.comhpsr {
    font: 2.5vw calibri light;
    color: white;
    margin: auto;
    padding: .2%;
    padding-left: 1%;
    background: linear-gradient(to right, darkcyan, darkcyan, transparent);
}

.combrsr {
    width: 96%;
    height: auto;
    margin: auto;
    background: linear-gradient(to top, #DB9269, Transparent);
    border: 1px solid #DB6420;
    border-top: 1px solid darkcyan;
}

.combrpsr {
    width: auto;
    font: 1.4vw calibri light;
    text-align: justify;
    padding: 1%;
    margin-left: 1%
}

.body3sr {
    width: 100%;
    height: auto;
    float: left
}

.servtbl {
    width: 98%;
    height: auto;
    margin: auto;
    border: solid 2px black
}

.sertr {
    background-color: darkcyan;
    color: white
}

.sertr1 {
    background-color: whitesmoke;
    color: gray
}

.sertr2 {
    background-color: antiquewhite;
    color: dimgray
}

.serth {
    width: auto;
    height: 3.5vw;
    font: 1.8vw calibri light
}

.servtbl td {
    height: 3vw;
    font: 1.5vw calibri;
    margin: auto;
    padding-left: 1%
}

.bodysf {
    width: 90%;
    height: 200vw;
    margin: auto
}

.body1sf {
    width: 70%;
    height: auto;
    float: left;
}

.comhsf {
    width: auto;
    height: 32vw;
    float: left
}

.comhsf1 {
    width: auto;
    height: 42vw;
    float: left
}

.comhsf2 {
    width: auto;
    height: 30vw;
    float: left
}

.comhpsf {
    font: 2.5vw calibri light;
    color: white;
    margin: auto;
    padding: .2%;
    padding-left: 1%;
    background: linear-gradient(to right, darkcyan, darkcyan, transparent);
}

.comhpsf1 {
    font: 2vw calibri light;
    color: white;
    margin: auto;
    padding: .2%;
    padding-left: 1%;
    background: linear-gradient(to right, darkcyan, transparent);
}

.combrsf {
    width: 96%;
    height: auto;
    margin: auto;
    border: 1px solid #DB6420;
    border-top: 1px solid darkcyan;
}

.combrpsf {
    width: auto;
    font: 1.4vw calibri light;
    text-align: justify;
    padding: 1%;
    margin-left: 1%
}

.body2sf {
    width: 30%;
    height: auto;
    float: right
}

.body3sf {
    width: 100%;
    height: auto;
    float: left
}

.sfvtbl {
    width: 98%;
    height: auto;
    margin: auto;
    border: solid 2px black
}

.sftr {
    background-color: darkcyan;
    color: white
}

.sftr1 {
    background-color: whitesmoke;
    color: gray
}

.sftr2 {
    background-color: antiquewhite;
    color: dimgray
}

.sfth {
    width: auto;
    height: 3.5vw;
    font: 1.8vw calibri light
}

.sfth3 {
    width: auto;
    height: 3vw;
    font: 1.5vw calibri light
}

.sfth4 {
    width: auto;
    height: 3vw;
    font: 1.5vw calibri light
}

.sfth1 {
    width: 12%;
    height: 3.5vw;
    font: 1.8vw calibri light
}

.sfth2 {
    width: 25%;
    height: 3.5vw;
    font: 1.8vw calibri light
}

.sfvtbl td {
    height: 3vw;
    font: 1.5vw calibri;
    margin: auto;
    padding-left: 1%
}

.bodyco {
    width: 90%;
    height: 70vw;
    margin: auto
}

.body1con {
    width: 50%;
    height: auto;
    float: left;
}

.body2con {
    width: 50%;
    height: auto;
    float: right
}

.body3con {
    width: 80%;
    height: 30vw;
    float: left;
    margin-left: 10%;
    margin-top: 3vw;
    background-color: gray
}

.contd {
    width: 90%;
    height: auto;
    margin: auto
}

.contdmh {
    font: 4vw calibri light;
    color: darkcyan;
    margin: auto;
    text-align: center
}

.contdh {
    font: 3vw calibri light;
    color: #DB6420;
    margin: 3% auto
}

.contd1 {
    font: 2vw calibri light;
    color: gray;
    margin: 0.5% auto;
    text-align: center
}