@font-face {
    font-family: 'Lato-Regular';
    src: url("../font/Lato/Lato-Regular.ttf");
}
@font-face {
    font-family: 'Lato-Black';
    src: url("../font/Lato/Lato-Black.ttf");
}
@font-face {
    font-family: 'Roboto-Bold';
    src: url("../font/Roboto/Roboto-Bold.ttf");
}
@font-face {
    font-family: 'Oswald-Regular';
    src: url("../font/Oswald/Oswald-Regular.ttf");
}
@font-face {
    font-family: 'Oswald-Bold';
    src: url("../font/Oswald/Oswald-Bold.ttf");
}
@font-face {
    font-family: 'Oswald-SemiBold';
    src: url("../font/Oswald/Oswald-SemiBold.ttf");
}
@font-face {
    font-family: 'FjallaOne-Regular';
    src: url("../font/Fjalla_One/FjallaOne-Regular.ttf");
}
@font-face {
    font-family: 'Ubuntu-Regular';
    src: url("../font/Ubuntu/Ubuntu-Regular.ttf");
}
@font-face {
    font-family: 'Catamaran-Regular';
    src: url("../font/Catamaran/Catamaran-Regular.ttf");
}
@font-face {
    font-family: 'Cuprum-Medium';
    src: url("../font/Cuprum/Cuprum-SemiBold.ttf");
}
@font-face {
    font-family: 'Poppins-Regular';
    src: url("../font/Poppins/Poppins-Regular.ttf");
}


body{

    background-color:#fff;
    color:#000;
    font-family: 'FjallaOne-Regular' !important;
}
.top_bar{ background: #ececec;}
.icon_style{font-family: 'Lato-Regular';}
.icon_style i{color: #0c8850; font-size: 18px;}
.form_bg{background: #ececec;}


.service_box{ background: #fff;}

/**banner css**/
.banenr_img{
    background: url("../../../media/images/frontend/csl/banner_img.jpg") fixed no-repeat top;
    padding: 202.5px 40px!important;
    background-position: 50% 50%!important;
}
.banenr_img .main_text{
    padding: 0px 0px;
    color:#fff;
    font-family: 'Oswald-Bold';
    background: rgba(0, 0, 0, 0.651) !important;
    font-size: 66px;
    text-align: center;
    margin-bottom: 40px;
}
@media screen and (max-width: 992px) {
    .icon-content {
        width: 50%
    }
    .midia_screen{ width: 60% !important;}
.banenr_img .main_text {
            padding: 0px 0px;
            color: #fff;
            font-family: 'Oswald-Bold';
            background: rgba(0, 0, 0, 0.651) !important;
            font-size: 42px;
            text-align: center;
            margin-bottom: 40px;
        }
    }
/**banner cs end**/

/**t-header Start**/
.t-header .top{
    font-family: 'Oswald-Regular';
    font-size:15px;
    color: #000;
    letter-spacing: 1px;
    line-height: 31px;
    transition: all 0.3s ease 0s;
    border-bottom:  2px solid #82CA9C;
}


.t-header .logo img{
    margin: 0px 0px;
}
.t-header .logoarea{
    background-color: #000000;
    color: #ffffff;
    letter-spacing: 1px;
    transition: all 0.3s ease 0s;
    border-top: 1px solid #303030;
}
.t-header .bottom{
    background: #fff;
    color: #000;
    letter-spacing: 1px;
    transition: all 0.3s ease 0s;
    padding: 15px 0px 15px 0px;
}
.t-header .right_text{
    font-family: 'FjallaOne-Regular';
}
.t-header .phone{
    font-size: 22px;
}

.menu{
    background: #0c8850;
    padding: 6px 0px !important;
}
.t-header .menu a{
    color: #fff;
    text-decoration: none;
    font-family: 'Roboto-Bold';
    font-size:17px;
    text-transform: uppercase;
    margin: 0px 30px;
}
.t-header .menu a:hover{
    color: #fff;
    background: #acd14d;
}
.hvr-bounce-to-top{
    color: #fff;
}
.hvr-bounce-to-top::after{
    color: #fff;
    background-color: #8b5e3b;
}
.hvr-bounce-to-top::before{
    color: #55514f;
    background-color: #fff;
}
.hvr-bounce-to-top:hover{
    color: #fff;
}
.t-2nd .hvr-bounce-to-top::before{
    color: rgb(255, 255, 255);
    background-color: #8b5e3b;
}
.t-2nd .hvr-bounce-to-top:hover{
    color: rgb(255, 255, 255);
}

.t-2nd .t-btn{
    border: none;
    font-family: 'Oswald-Bold';
    border-radius: 0;
    background-color:#cf2a1d;
    color: #fff;
    padding: 10px 16px;
    border: 1px solid #fff;
    white-space: nowrap;
    font-style: italic;
    letter-spacing: 3px;
}
.nav-justified .nav-item {
    -ms-flex-preferred-size: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    text-align: center;
}

/**t-header End**/
.t-carousel .navigation{
    text-align: right;
    margin-top:12px;
  }
  .t-carousel .navigation a{
    text-decoration: none;
    color: #fff;
    cursor: pointer;
    margin: 4px;
    background-color:#0c8850;
      border-radius: 10%;
      padding: 7px;
      font-size: medium;
  }
  .t-carousel .navigation a:hover{
    color: #fff;
    background-color:#acd14d;
  }

/**center css**/
.t-welcome .heading h1{
    overflow: hidden;
    color: #0c8850;
    text-transform: uppercase;
    margin-top: 15px;
    font-family: 'Lato-Black';
    font-size: 2.0rem;
    text-align: left;margin-bottom: 15px;
}
.t-welcome .heading h3{
    overflow: hidden;
    color: #0c8850;
    text-transform: uppercase;
    margin-top: 15px;
    font-family: 'Lato-Black';
    font-size: 1.4rem;
    text-align: left;
    margin: 15px 0px;
}
.t-welcome .heading hr{
    position: relative;
    border-top: 4px solid #acd14d;
    translate: (50%,-50%);
    left: 0%;
    width: 50px;
    top: -10px;
    float: left;
    margin: 6px 0px;
}

.t-welcome .heading h1 span{ color: #acd14d;}



.t-welcome .details{
   font-family: 'Ubuntu-Regular';
text-align: left;
font-size:14px;
color: #393838;
float: left;
}
.t-welcome .details1{
    font-family: 'Ubuntu-Regular';
text-align: left;
font-size:14px;
color: #393838;
float: left;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 4; /* number of lines to show */
        line-clamp: 4;
-webkit-box-orient: vertical;
}
.t-welcome .details h2{
color: #ffde5e;
font-family: 'Lato', sans-serif;
text-transform: uppercase;
font-size: 1.6rem;
 font-weight: 600;
}
.t-welcome .details ul{
padding-left: 20px;
}
.welcome_bg1{
    background: url("../../../media/images/frontend/csl/sbg.jpg");
}
.brands{ float: left;
    width: 100%;
    border-radius: 5px;
    box-shadow: 0px 2px 6px #ccc;
    margin-top: 25px;
   }
   .brands img{ width: 100%; border-radius: 5px;}
   .brands h4{
       padding: 15px 0px;
       font-family: 'Oswald-SemiBold';
       font-size: 18px;
       text-align: center;
   }


   .email-signature{
    color: #fff;
    background: #0c8850;
    font-family: 'Open Sans', sans-serif;
    text-align: center;
    padding: 20px 35px;
    border-radius: 50px 0;
    overflow: hidden;
    position: relative;
    margin-bottom: 31px;
}
.email-signature:before,
.email-signature:after{
    content: '';
    background-color: #fff;
    height: 25%;
    width: 5px;
    border-radius: 0 0 20px 20px;
    box-shadow: -10px -20px 0 0 #fff, -20px -40px 0 0 #fff;
    position: absolute;
    right: 5px;
    top: 0;
}
.email-signature:after{
    box-shadow: 10px -20px 0 0 #fff, 20px -40px 0 0 #fff;
    transform: rotateX(180deg);
    left: 5px;
    right: auto;
    top: auto;
    bottom: 0;
}
.email-signature .signature-icon{
    width: 170px;
    height: 170px;
    padding: 15px;
    margin: 0 auto 20px;
    position: relative;
    z-index: 1;
}
.email-signature .signature-icon:before{
    content: '';
    background-color: #fff;
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    clip-path: polygon(0% 15%, 25% 25%, 15% 0%, 85% 0%, 75% 25%, 100% 15%, 100% 85%, 75% 75%, 85% 100%, 15% 100%, 25% 75%, 0% 85%);
}
.email-signature .signature-icon img{
    width: 100%;
    height: auto;
    border: 3px solid #fff;
    box-shadow: 0 0 5px #555;
}
.email-signature .icon{
    padding: 0;
    margin: 0 0 15px;
    list-style: none;
}
.email-signature .icon li{
    display: inline-block;
    margin: 0 3px;
}
.email-signature .icon li a{
    color: #3c40c6;
    background: #fff;
    font-size: 15px;
    line-height: 35px;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    display: block;
    transition: all 0.3s ease 0s;
}
.email-signature .icon li a:hover{
    color: #fff;
    background: #3c40c6;
    box-shadow: 0 0 5px #fff
}
.email-signature .signature-details{ margin: 0 0 15px; }
.email-signature .signature-details:before,
.email-signature .signature-details:after{
    content: '';
    background-color: #fff;
    height: 2px;
    width: 40%;
    margin: 0 auto 15px;
    display: block;
}
.email-signature .signature-details:after{
    width: 60%;
    margin: 15px auto 0;
}
.email-signature .title{
    font-size: 24px;
    font-weight: 600;
    text-transform: uppercase;
    margin: 0 0 5px;
}
.email-signature .title span{ font-weight: 500; }
.email-signature .post{
    font-size: 14px;
    text-transform: capitalize;
    letter-spacing: 1px;
}
.email-signature .signature-content{
    padding: 0;
    margin: 0;
    list-style: none;
}
.email-signature .signature-content li{
    font-size: 14px;
    margin: 0 0 7px;
}
.email-signature .signature-content li a{
    color: #fff;
    text-decoration: none;
}
.email-signature .signature-content li:after{
    content: '';
    height: 2px;
    width: 30%;
    margin: 7px auto 0;
    border-top: 2px dotted rgba(255,255,255,0.2);
    display: block;
}
.email-signature .signature-content li:last-child{ margin: 0; }
.email-signature .signature-content li:last-child:after{ display: none; }
.email-signature .signature-content li span{
    font-size: 13px;
    margin-right: 6px;
}


.t-pages{ padding: 30px 15px;}
.t-pages .heading h1{
   overflow: hidden;
   text-align: center;
   color: #0c8850;
   text-transform: uppercase;
   margin-top: 15px;
   font-family: 'Lato-Black';
   font-size: 2.6rem;
   font-weight: 800;
}

.t-pages .heading hr{
   border-top: 5px solid #acd14d;
width: 10%;
margin: 24px auto;
}
.t-pages .heading h1 > span{
  position: relative;
  display: inline-block;
}
.t-pages .heading h1 > span:before, .t-pages .heading h1 > span:after{
  content: '';
  position: absolute;
  top: 50%;
  border-bottom: 2px solid #555555;
  width: 354%;
  margin: 0 20px;
}
.t-pages .heading h1 > span:before{
  right: 100%;
}
.t-pages .heading h1 > span:after{
  left: 100%;
}

.t-pages .details{
font-family: 'Lato', sans-serif;
text-align: justify;
font-size:18px;
}
.t-pages .details h2{
color: #fff;
font-family: 'Lato', sans-serif;
text-transform: uppercase;
font-size: 1.6rem;
font-weight: 600;
}
.t-pages .details ul{
padding-left: 20px;
}


.t-contact .heading h1{
    overflow: hidden;
    text-align: center;
    color: #0c8850;
    text-transform: uppercase;
    margin-top: 15px;
    font-family: 'Lato-Black';
    font-size: 2.6rem;
    font-weight: 800;
}
.t-contact .heading hr{
    border-top: 5px solid #acd14d;
width: 10%;
margin: 24px auto;
}
.t-contact .heading h1 > span{
   position: relative;
   display: inline-block;
}
.t-contact .heading h1 > span:before, .t-contact .heading h1 > span:after{
   content: '';
   position: absolute;
   top: 50%;
   border-bottom: 2px solid #555555;
   width: 354%;
   margin: 0 20px;
}
.t-contact .heading h1 > span:before{
   right: 100%;
}
.t-contact .heading h1 > span:after{
   left: 100%;
}

.t-contact .details{
font-family: 'Lato', sans-serif;
text-align: justify;
font-size:18px;
}
.t-contact .details h1{
    border-right: 1px solid rgba(0, 0, 0, 0.418);
}
.t-contact .details h5{
    font-size:20px;
    margin-top: 15px;
}
.t-contact .details h2{
color: #104a24;
font-family: 'Lato', sans-serif;
text-transform: uppercase;
}
.t-contact .details ul{
padding-left: 20px;
}


.t-contact .input{
width: 100%;
margin-top: 10px !important;
}
.t-contact input{
padding:25px 15px;
}
.t-contact input, select, textarea{
color: black;
}
.t-contact select{
height:50px;
}

.t-contact .form-control{
border-radius: 0%;
}

/**center css end**/

/**footer css**/
.border_bottom{ border-bottom: 2px solid #acd14d;}
.fotter_address_text{font-family: 'Lato-Black'; font-size: 18px;}
.t-footer{
    background: #ececec;
    background-size: 100%;
}
.t-footer .top{
    font-family: 'Lato', sans-serif;
    font-size:15px;
    color: #ffffff;
    letter-spacing: 1px;
    transition: all 0.3s ease 0s;
}

.t-footer .top h3{
    font-family: 'Oswald-SemiBold';
    font-size:24px;
    color: #fff;
    letter-spacing: 1px;
    transition: all 0.3s ease 0s;
    text-transform: uppercase;
    padding-bottom: 12px;
    text-align: center;
}

.t-footer .top h3 hr{
    position: relative;
    border-top: 3px solid #1b6ab5;
    translate: (50%,-50%);
    left: 0%;
    width: 40px;
    top: -10px;
}

.t-footer .top .links li{
    margin: 7px 4px 5px 6px;
    color: #000;;
}
.t-footer .top .links svg{
    color: #0c8850 !important;
    font-size: 20px;
}

.t-footer .links  a{
    font-family: 'Lato', sans-serif;
    font-size:15px;
    color: #000;
    letter-spacing: 1px;
    transition: all 0.3s ease 0s;
    text-decoration: none;
}
.t-footer  .links   a:hover{
    color:#82CA9C;
    text-decoration: none;
}

.t-footer .top span{
    font-family: 'Lato', sans-serif;
    font-size: 0.8em;
    font-weight: 200;
    margin: 1.4rem 0 1.4rem 0;
    color: rgb(155, 154, 154);
}
.t-footer .top p{
    font-family: 'Lato-Regular';
font-size: 1.0rem;
font-weight: 400;
margin: 1.4rem 0 1.4rem 0;
color: #000;
}
.t-newslater .frm{
margin: 32px 2px 16px 3px;
}
.t-footer .frm  .form-control {
color: #fff;
border: none;
-webkit-box-shadow: none;
box-shadow: none;
height: auto;
border-radius: 0;
font-size: 13px;
background-color: rgba(82, 73, 115, 5);
}
.t-footer .frm     .form-control :focus {
-webkit-box-shadow: none;
box-shadow: none;
border-color: transparent;
background-color: #ffde5e;
color: #fff;
}
.t-footer .frm .t-btn{
color: #fff;
background:#1b6ab5;
border: none;
-webkit-box-shadow: none;
box-shadow: none;
height: auto;
border-radius: 0;
font-family: 'Lato', sans-serif;
}
.t-footer .frm .t-btn:hover{
color: #ffffff;
}
.t-footer .bottom{
font-family: 'Lato', sans-serif;
font-size:15px;
color: #ffffff;
letter-spacing: 1px;
transition: all 0.3s ease 0s;
}
.t-footer .bottom a{
font-family: 'Lato', sans-serif;
font-size:15px;
color: #ffffff;
letter-spacing: 1px;
transition: all 0.3s ease 0s;
text-decoration: none;
}
.t-footer .bottom a:hover{
color: #ffffff;
}
.t-footer .bottom .main{
color: #fff;
font-family: 'Lato-Regular';
text-decoration: underline;
font-weight: 600;
}
.t-footer .bottom .main:hover{
color: #fff;
text-decoration: none;
}
.footer_box{
float: left;
width: 100%;
border-radius: 5px;
padding: 20px 15px;
}
a{
    color:#000;
    text-decoration: none;
    font-family: 'Roboto-Bold';
}
 a:hover{
    color:#fff;
    text-decoration: underline;

}
.social_fooer{width: 100%; margin: 0px auto; text-align: center;padding-top: 15px;}
.social_fooer ul{margin: 0px; padding: 0px; list-style: none; display: inline-block;}
.social_fooer ul li{ float: left; margin-left: 19px;width: 50px;height: 50px;background: #202020;border-radius: 50%;padding-top: 5px;}
.social_fooer ul li:hover{background: #acd14d;}
.social_fooer ul li a{ color: #fff; font-size: 28px;}
.social_fooer ul li a:hover{color: #fff;}

.social_fooer1{width: 100%; margin: 0px auto; text-align: center;padding-top: 15px;}
.social_fooer1 ul{margin: 0px; padding: 0px; list-style: none; display: inline-block;}
.social_fooer1 ul li{ float: left; margin-left: 15px;}
.social_fooer1 ul li a{ color: #000 !important; font-size: 16px; text-decoration: none;}
.social_fooer1 ul li a:hover{color: #82CA9C;}
.copy_right_bg{
    background: #0c8850;
}
/**footer css end**/
.icon {
    width: 60px;
    height: 60px;
    margin-right: 15px
}

.icon-content {
    padding-bottom: 20px
}

@media screen and (max-width: 992px) {

    .icon-content {
        width: 50%
    }
}



/**tracks css**/
    .card {
        z-index: 0;
        background-color: #ECEFF1;
        padding-bottom: 20px;
        margin-top: 50px;
        margin-bottom: 50px;
        border-radius: 10px
    }
    .card1 {
        z-index: 0;
        background-color: #ECEFF1;
        padding-bottom: 20px;
        margin-top: 40px;
        margin-bottom: 90px;
        border-radius: 10px
    }

    .top {
        padding-left: 6% !important;
        padding-right: 6% !important
    }
    .top1 {
        padding-top: 40px;
        padding-left: 5% !important;
        padding-right: 5% !important
    }
    #progressbar {
        margin-bottom: 30px;
        overflow: hidden;
        color: #455A64;
        padding-left: 0px;
        margin-top: 30px;
        width: 100%;
    }

    #progressbar li {
        list-style-type: none;
        padding: 0px 0%;
        float: left;
        width: 16%;
        position: relative;
        font-size: 14px;
        color: #000;
        font-family: 'Ubuntu-Regular';
    }

    #progressbar .step0:before {
        font-family: FontAwesome;
        content: "\f1b2";
        color: #fff
    }


    #progressbar li:before {
        width: 40px;
        height: 40px;
        line-height: 41px;
        display: block;
        font-size: 20px;
        background: #cacaca;
        border-radius: 50%;
        margin: auto;
        padding: 0px
    }

    #progressbar li:after {
        content: '';
        width: 100%;
        height: 12px;
        background: #cacaca;
        position: absolute;
        left: 0;
        top: 16px;
        z-index: -1
    }
    #progressbar li:last-child:after {
        border-top-right-radius: 10px;
        border-bottom-right-radius: 10px;
        position: absolute;
        left: -50%
    }

    #progressbar li:nth-child(2):after,
    #progressbar li:nth-child(3):after,
    #progressbar li:nth-child(4):after,
    #progressbar li:nth-child(5):after,
    #progressbar li:nth-child(6):after,
    #progressbar li:nth-child(7):after {
        left: -50%
    }

    #progressbar li:first-child:after {
        border-top-left-radius: 10px;
        border-bottom-left-radius: 10px;
        position: absolute;
        left: 50%
    }

    #progressbar li:last-child:after {
        border-top-right-radius: 10px;
        border-bottom-right-radius: 10px
    }

    #progressbar li:first-child:after {
        border-top-left-radius: 10px;
        border-bottom-left-radius: 10px
    }

    #progressbar li.type0:before,
    #progressbar li.type0:after {
        background: #808080
    }
    #progressbar li.type1:before,
    #progressbar li.type1:after {
        background: #00D8D8
    }
    #progressbar li.type2:before,
    #progressbar li.type2:after {
        background: #7ADFB1;
    }
    #progressbar li.type3:before,
    #progressbar li.type3:after {
        background: #0000FF;
    }
    #progressbar li.type4:before,
    #progressbar li.type4:after {
        background: #FF0000;
    }
    #progressbar li.type5:before,
    #progressbar li.type5:after {
        background: #ddaa03ec;
    }
    #progressbar li.type6:before,
    #progressbar li.type6:after {
        background: #00FF00;
    }







    #progressbar li.type0:before {
        font-family: FontAwesome;
        content: "\f15c";
        background: #808080;
    }
    #progressbar li.type1:before {
        font-family: FontAwesome;
        content: "\f1b2";
        background: #00D8D8;
    }
    #progressbar li.type2:before {
        font-family: FontAwesome;
        content: "\f061";
        background: #7ADFB1;
        color: #fff;
    }
    #progressbar li.type3:before {
        font-family: FontAwesome;
        content: "\f0e2";
        background: #0000FF;
        color: #fff;
    }
    #progressbar li.type4:before {
        font-family: FontAwesome;
        content: "\f00d";
        background: #FF0000;
        color: #fff;
    }
    #progressbar li.type5:before {
        font-family: FontAwesome;
        content: "\f05a";
        background: #ddaa03ec;
        color: #fff;
    }
    #progressbar li.type6:before {
        font-family: FontAwesome;
        content: "\f00c";
        background: #00FF00;
        color: #fff;
    }







    #progressbar1 {
        margin-bottom: 30px;
        overflow: hidden;
        color: #455A64;
        padding-left: 0px;
        margin-top: 30px
    }

    #progressbar1 li {
        list-style-type: none;
        font-size: 13px;
        font-weight: 400;
        float: left;
        width: 100%;
        text-align: left;
        margin-top: 24px;
    }





    #progressbar1 .step0:before {
        font-family: FontAwesome;
        content: "\f10c";
        color: #fff;
    }

    #progressbar1 li:before {
        width: 40px;
        height: 40px;
        line-height: 41px;
        display: block;
        font-size: 20px;
        background: #cacaca;
        border-radius: 50%;
        margin: auto;
        padding: 0px;
        float: left;
        margin: 10px;
        text-align: center;
        margin-top: -10px;
    }

    #progressbar1 li:last-child:after {
        border-top-right-radius: 10px;
        border-bottom-right-radius: 10px;
        position: absolute;
        left: -50%
    }

    #progressbar1 li:nth-child(2):after,
    #progressbar1 li:nth-child(3):after,
    #progressbar1 li:nth-child(4):after,
    #progressbar1 li:nth-child(5):after,
    #progressbar1 li:nth-child(6):after {
        left: -50%
    }

    #progressbar1 li:first-child:after {
        border-top-left-radius: 10px;
        border-bottom-left-radius: 10px;
        position: absolute;
        left: 50%
    }

    #progressbar1 li:last-child:after {
        border-top-right-radius: 10px;
        border-bottom-right-radius: 10px
    }

    #progressbar1 li:first-child:after {
        border-top-left-radius: 10px;
        border-bottom-left-radius: 10px
    }

    #progressbar1 li.active:before,
    #progressbar1 li.active:after {
        background: #000;
    }

    #progressbar1 li.active:before {
        font-family: FontAwesome;
        content: "\f00c";
    }






.track_detail{ margin-top: -10px;}
.track_detail .track_date{ float: left; width: 5%; font-size: 13px;font-weight: bold;color: #000;font-family: 'Poppins-Regular';}
.track_detail .track_date span{font-size: 14px;color: rgb(80, 79, 79);font-family: 'Ubuntu-Regular'; font-weight: normal;}
.track_detail .track_icon{float: left; width: 6%;  font-size: 18px; background: url("../../../media/images/frontend/csl/line.png") no-repeat; text-align: center;background-position: 22.50px 15px;height: 100px;color: #0c8850;}
.track_detail .track_dec{ float: left; width: 89%;font-size: 16px; font-weight: bold;font-family: 'Poppins-Regular';}
.track_detail .track_dec span{font-size: 14px;color: rgb(80, 79, 79);font-family: 'Ubuntu-Regular'; font-weight: normal;}
.last_update{font-family: 'Cuprum-Medium';}
.estimated{font-family: 'Cuprum-Medium';}

.top1 .track_detail:first-child .track_icon{color: #acd14d !important;}
.top1 .track_detail:last-child .track_icon{ color: #0c8850; background: none;}


.teacking_det p{ font-weight: bold;font-family: 'Poppins-Regular';}
.teacking_det p b{font-family: 'FjallaOne-Regular';}
.teacking_det p svg{ margin: 0px 10px; color: #0c8850; font-size: 20px;}
.dec{ font-weight: normal !important;}

.dec span{ color: #807e7e;font-family: 'Ubuntu-Regular';}
.card h5{font-family: 'Oswald-Bold';}
.card h5 span{font-weight: normal !important;font-family: 'FjallaOne-Regular';}

.t-header .form_logo{display: none !important;float: left; width: 100%;}
.t-header .is-sticky .form_logo{display: block !important;}

.t-header .form_style{float: left; width: 100%;}
.t-header .is-sticky .form_style{float: right; width: 80%;margin-top: 3px;}

.btn-primary{background:#0c8850 !important; border-color:#0c8850 ;border-radius: 0px 5px 5px 0px;}
:hover.btn-primary{border-color:#acd14d;background:#acd14d !important;}


.btn-info{background:#0c8850  !important; border-color:#0c8850 ;border-radius: 0px 0px 0px 0px;}
:hover.btn-info{border-color:#0c8850;background:#0c8850 !important;}

@media screen and (max-width: 580px) {
    .t-header .is-sticky .form_style{float: right; width: 100%;margin-top: -16px;}
    .t-header .is-sticky .form_logo img{display: block !important; width: 24%;}
    .text_form{ height: 32px; font-size: 12px;}
    .btn{ padding: 2px 10px;}
}


@media screen and (max-width: 1198px) {
    .t-header .form_style{float: left; width: 100%;}

    .t-footer {
       background: #C8C9CD;
       background-size: 100%;
   }


      .track_detail .track_date {
       float: left;
       width: 16%;
       font-size: 13px;
       font-weight: bold;
       color: #000;
       font-family: 'Poppins-Regular';
   }
   .track_detail .track_icon{float: left; width: 49px;  font-size: 18px; background: url("../../../media/images/frontend/csl/line.png") no-repeat; text-align: center;background-position: 16.5px 15px;height: 166px;color: #00D8D8;}
      .track_detail .track_dec{ float: left; width: 64%;font-size: 16px; font-weight: bold;font-family: 'Poppins-Regular';}


   .midia_screen{ width: 100% !important;}
   .t-header .bottom {
    background: #fff;
    color: #000;
    letter-spacing: 1px;
    transition: all 0.3s ease 0s;
    padding: 15px 0px 0px 15px 0px;
}
       .banenr_img {
           background: url(../../../media/images/frontend/csl/banner_img.jpg) fixed no-repeat top;
           padding: 10.5px 40px!important;
           background-size: 100%;
           background-position: 50% 50%!important;
       }
       #progressbar li {
        list-style-type: none;
        padding: 0px 0%;
        float: left;
        width: 33%;
        position: relative;
        font-size: 14px;
        color: #000;
        font-family: 'Ubuntu-Regular';
    }
   }
