/*font-family: 'Lobster Two', cursive;
font-family: 'Signika', sans-serif;*/

.img-fluid{-webkit-animation: fadeInUp .5s linear 900ms both;
    animation: fadeInUp .5s linear 900ms both;}   
    .slider-2{background-image: url('../images/banner-2.png');} 


body{font-family: 'Signika', sans-serif;font-size:14px;font-weight:100;}

/*copyright-heart-start*/
@keyframes beat{to { transform: scale(1.4); } }
.heart {font-size: 12px; color: #e32222; animation: beat .5s infinite alternate; transform-origin: center;}
/*copyright-heart-end*/


.no-js #loader { display: none;  }
.js #loader { display: block; position: absolute; left: 100px; top: 0; }
.se-pre-con {position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 9999; background: none center no-repeat #fff; }
.truck_container{position: relative; }
/*truck-animation-start*/
 html {
        box-sizing: border-box;
    }
    *,
    *:before,
    *:after {
        box-sizing: inherit;
    }
/* body {
        margin: 0;
        overflow: hidden;
        height: 100vh;
        background-size: 2400% 2400%;
        animation: dayNight  60s ease infinite;
    } */

    @keyframes truckdrive {
        0% {
            transform: scale(0.60) rotateZ(0deg);
            left: 0%;
        }
        10% {
            transform: scale(0.60) rotateZ(0deg);
        }
        20% {
            transform: scale(0.60) rotateZ(0deg);
        }
        25% {
            transform: scale(0.60) rotateZ(0deg);
        }
        40% {
            transform: scale(0.60) rotateZ(0deg);
        }
        50% {
            transform: scale(0.60) rotateZ(0deg);
        }
        88% {
            transform: scale(0.60) rotateZ(0deg);

        }
        100% {
            left: 90%;
            bottom: 10%;
            transform: scale(0.60) rotateZ(0deg);
            
        }
    }

    @-webkit-keyframes building-moving {
        from { background-position: 0 0; }
        to { background-position: -1366px 0; }
    }

    .car-top2 {
        top: 1%;
        width: 170px;
        height: 90px;
        position: absolute;
        padding: 0;
        margin: 0;
        background-repeat: no-repeat;
        animation: truckdrive 40s infinite linear;
    }
    .road {
        width:100%;
        line-height: 1.5em;
        margin: 0;
        text-align: center;
        height: auto;
        padding-top: 64px;
        box-sizing: border-box;
        -webkit-animation: building-moving 50s linear infinite;
    }
/*truck-animation-end*/
/*slider-animation-start*/
.p_0{padding: 0;}
    header .item {
  position: relative;
}
header .item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
header .item .cover {
  padding: 75px 0;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.6);
  display: flex;
  align-items: center;
}
header .item .cover .header-content {
  position: relative;
  overflow: hidden;
}
header .item .cover .header-content .line {
  content: "";
  display: inline-block;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  position: absolute;
  border: 9px solid #fff;
  -webkit-clip-path: polygon(0 0, 60% 0, 36% 100%, 0 100%);
  clip-path: polygon(0 0, 60% 0, 36% 100%, 0 100%);
}
header .item .cover .header-content h2 {
  font-weight: 300;
  font-size: 35px;
  color: #fff;
}
header .item .cover .header-content h1 {
  font-size: 56px;
  font-weight: 600;
  margin: 5px 0 20px;
  word-spacing: 3px;
  color: #fff;
}
header .item .cover .header-content h4 {
      font-size: 34px;
    font-weight: normal;
}
header .owl-item.active h1 {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  animation-name: fadeInLeft;
  animation-delay: 0.3s;
}
header .owl-item.active h2 {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  animation-name: fadeInDown;
  animation-delay: 0.3s;
}
header .owl-item.active h4 {
    text-transform: uppercase;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  animation-name: fadeInLeft;
  animation-delay: 0.3s;
}
header .owl-item.active .line {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  animation-name: fadeInLeft;
  animation-delay: 0.3s;
}
header .item .cover .header-content img{width: auto;}
header .big-font-slider{font-size: 50px; color: #e32222;font-weight:600;}
.contacttwo,.contactthree{font-size: 34px; font-weight: normal; line-height: 66px;}
header .item .cover .header-content {padding:0px; }
/*slider-animation-end*/
a{text-decoration: none;transition:0.5s}
a:hover{text-decoration: none;}
ul{list-style:none;padding:0;margin:0;}
h2.title{color: #e32222;position: relative;padding-bottom: 10px;text-align: center;text-transform:uppercase;font-weight: 600;}
h2.title::after{position: absolute;content: "";width:80px;height:2px;background: #192133;bottom:0;left:50%;margin-left:-40px;}
h4.sub_title{text-align: center; color: #6f7478; font-size: 16px;}
.owl-theme .owl-dots .owl-dot,.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev{outline: none;}
figure{margin:0;}
h3{margin: 0;}
p{margin: 0;}
textarea:hover, input:hover, textarea:active, input:active, textarea:focus, input:focus, button:focus, button:active, button:hover, label:focus, .btn:active, .btn.active {outline:0px !important; -webkit-appearance:none; box-shadow: none !important; border: 1PX solid transparent!important;}
#top_header textarea:hover, input:hover, textarea:active, input:active, textarea:focus, input:focus, button:focus, button:active, button:hover, label:focus, .btn:active, .btn.active {outline:0px !important; -webkit-appearance:none; box-shadow: none !important; border: none!important;}
.form-control{border:none;}
.form-control:focus {background-color:none;}


/*.scroll-top-start*/
/*.scroll-top {width: 50px; height: 60px; position: fixed; bottom: 25px; right: 25px;background:transparent;outline: none;border: none; background: #f5b831; border: none; box-shadow: 0px 0px 8px #46060c; }*/
.scroll-top:hover, .scroll-top:focus,.scroll-top:active, .btn-primary:not(:disabled):not(.disabled):active
 { background: #ffbb00;/*box-shadow: 0px 0px 8px #46060c; */}
.scroll-top{display: none; height: 50px;background-color: #e32222; width: 50px; font-size: 18px; font-weight: 900; color: #fff; position: fixed; left: 34px; bottom: 34px; z-index: 999; text-align: center; padding-top: 5px; line-height: 36px; border-radius: 50%; transition: all .2s ease-in-out; border-color: transparent; }
.scroll-top:after {position: absolute; z-index: -1; content: ''; top: 100%; left: 5%; height: 10px; width: 90%; opacity: 1; background: radial-gradient(ellipse at center,rgba(0,0,0,.25) 0%,rgba(0,0,0,0) 80%); }

 /*.scroll-top-end*/
 
  /*whatsapp-end*/
 	.float{
	position:fixed;
	width:50px;
	height:50px;
	bottom: 30px;
    right: 34px;x;
	background-color:#25d366;
	color:#FFF;
	border-radius:50px;
	text-align:center;
  font-size:30px;
	box-shadow: 2px 2px 3px #999;
  z-index:100;
}

.my-float{
	margin-top:16px;
	line-height: 20px !important;
}
.float:hover{color:#fff !important;}

 /*whatsapp-end*/
 .top{ top: 131px; position: relative;}
 #top-padding {margin: 18px auto; }

/* top header area */
#top_header{background-color:#192133;position: fixed;    width: 100%; z-index: 999;}
#top_header ul{padding:0;margin:0;text-align: right;}
#top_header ul i{color: #afb0b4;padding-right: 5px;}
#top_header ul i:hover {color: #e32222;}
#top_header ul.social{text-align:left;}
#top_header ul.social li a i{color: #afb0b4;transition:0.5s;}
#top_header ul.social li a {color:#afb0b4;transition:0.5s;}
#top_header ul.social li a:hover {color: #e32222;}
#top_header ul li{display:inline-block;padding:10px;color: #afb0b4;;font-size: 14px;}
#top_header ul li:hover {color: #e32222; transition: 0.5s; }
#top_header ul.social i:hover {color: #e32222; transition: 0.5s; }

#header_area {background: #ffbb00;position: fixed;    width: 100%; z-index: 999;top: 41px;min-height:90px;}
.navbar{padding:0 !important;}
.nav-item a.nav-link {color: #192133 !important; font-size: 14px; text-transform: uppercase;font-family: 'Signika', sans-serif;font-weight: 600; text-decoration: none; display: block; padding: 10px 5px; position: relative; }
.nav-item  a:hover{color: #df4a43;}
.dropdown-menu {top: 64px; left: 0; z-index: 1000; min-width: 10rem; padding: .5rem 0; margin: .125rem 0 0; font-size: 1rem;text-align: left; background-color: #df4a43;}
.dropdown-item {color: #fff;}
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {color: rgba(0,0,0,.5); }
.navbar-nav .nav-item a.nav-link:hover{color:#e32222 !important;}
.navbar-nav a.nav-link.active{color:#e32222 !important;}
.nav-item a.nav-link:before{position: absolute;background:#e32222;left:0;bottom:-25px;height:0px;width:100%;content:"";transition:0.5s; }
.nav-item a.nav-link:hover{color:#df4a43;}
.nav-item a.nav-link:hover::before{height:5px;}
.nav-item a.nav-link.dropdown-toggle:hover::before{height: 0;}

/* slider_style */
/*.slider_area {position: relative;}
.slider_area .slider_text{width: 100%; height:auto;position: absolute;top:0;left:0;}
.slider_area .slider_display{width: 100%; height: auto;display:table;}
.slider_area .slider_table{width: 100%; height: auto;display:table-cell;vertical-align:middle;position: relative;text-align: center;}
.slider_area .slider_main{max-width: 60%; height: auto; margin: 0 auto;position: relative; z-index: 999;color: #fff;text-align: center;}
.slider_area .slider_main h3{text-transform: uppercase;margin-bottom: 20px;}
.slider_area .slider_main a.readmore{background: #DF4C46; display: inline-block; padding: 10px 20px; text-transform: uppercase; color: #fff;text-decoration: none;}
.slider_area .slider_main a.readmore:hover{background: #04AED5;}
.slider_area .slider_main h3 {color: #fff;font-size: 45px; text-transform: uppercase; }*/
.contacttwo,.contactthreee{line-height: 60px;}
.contactone,.contacttwo,.contantthree{font-size: 34px; font-weight: bold; background: #ffbb0038; float: left; padding: 30px; border-radius: 5px;}
.contantfour .big-font-slider{font-size: 70px; color: #ffffff; font-weight: 600; text-align: center; background: #b75e2785; padding: 20px;border-radius: 5px;}
.slider_area .owl-dots .owl-dot{display: none;}
.slider_area .owl-nav {position: absolute;top: calc(50% - 34px);color: #fff; width: 100%;font-size:15px;}
.slider_area .owl-nav .owl-prev {position: absolute; left: 25px;} 
.slider_area .owl-nav .owl-next {right:25px; position: absolute;}
.slider_area.owl-theme .owl-nav [class*=owl-] {margin: 0px;}
.slider_area.owl-carousel .owl-nav button.owl-prev{border-radius: 0px 2px 2px 0px;}
.slider_area.owl-carousel .owl-nav button.owl-next{border-radius: 2px 0px 0px 2px;}
.slider_area.owl-carousel .owl-nav button.owl-next,.slider_area.owl-carousel .owl-nav button.owl-prev{background-color: #ffbb00; padding: 0 10px; height: 40px; border-radius: 50%; width: 40px;}
.slider_area .owl-nav button span{font-size: 40px; height: auto; line-height: 30px;color:#e32222;}

/*track-start*/

#newslwtter form {float: right; margin-top: 15px; }
#newslwtter input[type="text"] {padding: 4px; height: 25px; width: 250px; }
button {height: 38px; background: #e32222; border: 0; color: #fff; padding: 0px 15px;text-transform: uppercase; }
.form-control {display: inline-block;width: 60%;border-radius:0;height: 38px;font-size: 14px;}

 /* whyupx_area */
 #why-upx, .why-upx_area{padding:50px 0;}
.sec_row{margin-top:20px;}
.why-upx_area .child_feature_area{display:flex;margin: 10px 0;}
.why-upx_area .child_feature_area .child_right_area{margin-left: 15px;}
.why-upx_area .child_feature_area .child_right_area p{color: #7a7c82; font-size: 13px;}
.why-upx_area .child_feature_area .child_right_area p a{color: #000; font-size: 13px; text-decoration: underline;}
.why-upx_area .child_feature_area .child_left_area i{border: 1px solid #ffbb00; color: #df4a43; font-size: 40px; padding: 30px; transition: 0.5s;}
.why-upx_area .child_feature_area:hover .child_left_area i{border: 1px solid #ffbb00; color: #ffbb00;background: #e32222;}
.why-upx_area .child_feature_area .child_right_area h5{position: relative;color: #4d5359; font-size: 16px; padding-bottom: 10px;}
.why-upx_area .child_feature_area .child_right_area h5::after {position: absolute;content: "";width:40px;height:2px;background:#e32222;bottom:0;left: 0;}
 /*whyupx_end */

 /*about-us-start*/
 #about-us{background-color:#f6f6f6;padding: 50px 0;}
 #about-us .discribe{text-align: justify;line-height:22px;padding: 50px 10px;}
 #about-us .about-us-area{padding: 50px 0;}
 #about-us .about-us-area img{width: 100%;}

/*our-vision-start*/
 #our-vision{padding: 50px 0;}
 #our-vision .discribe{text-align: justify;line-height:22px;padding: 50px 10px;}
 #our-vision .our-vision-area{padding: 50px 0;}
 #our-vision .our-vision-area img{width: 100%;}
/*our-vision-end*/

/*counter-start*/
.counter-area {background-image: none;min-height: 439px;     background-attachment: fixed;  background-position: center; background-repeat: no-repeat; background-size: cover; }
.counter-image{text-align: center; position: relative; bottom: 12px; z-index: 99;}
.counter{vertical-align: middle; color:#fff;font-size: 80px;color: #192133; font-family: 'Signika', sans-serif; padding: 35px 0;font-weight:bold; }
.counter-area p {color: #fff; font-family: 'Signika', sans-serif;	font-size: 18px;color: #192133;}
.sec-box{padding: 88px 0;}	
.box-area{display: flex;/*  background-color: rgba(223, 223, 223,.8); */}
.col-md-4.text-center.box-border {padding: 40px 80px;background-color: rgba(223, 223, 223,.8); }

/*counter-end*/ 
#our_clints{ padding: 50px 0;}
#our_clints .owl-dots .owl-dot{display: none;}
#our_clints .owl-nav {position: absolute;top: calc(50% - 34px);color: #fff; width: 100%;font-size:15px;}
#our_clints .owl-nav .owl-prev {position: absolute; left: 25px;} 
#our_clints .owl-nav .owl-next {right:25px; position: absolute;}
#our_clints.owl-theme .owl-nav [class*=owl-] {margin: 0px;}
#our_clints.owl-carousel .owl-nav button.owl-prev{border-radius: 0px 2px 2px 0px;}
#our_clints.owl-carousel .owl-nav button.owl-next{border-radius: 2px 0px 0px 2px;}
#our_clints.owl-carousel .owl-nav button.owl-next,#our_clints.owl-carousel .owl-nav button.owl-prev{background-color: #ffbb00; padding: 0 10px; height: 40px; border-radius: 50%; width: 40px;}
#our_clints .owl-nav button span{font-size: 40px; height: auto; line-height: 30px;color:#e32222;}
#our_clints .owl-nav{position: absolute;top: -70px; right: 0;}
#our_clints .owl-nav button{background: #ffbb00;color: #fff;font-size:25px;width:30px;height:30px;}
#our_clints .owl-nav button{background-color: #ffbb00; padding: 0 10px; height: 40px; border-radius: 50%; width: 40px;}
#our_clints .owl-nav button span{padding: 0; position: relative; top: 2px;}
#our_clints .clients_area{position: relative;margin-top:30px;}
#our_clints .owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled {display:none; }

#our_clints .clint-1{padding: 35px 20px;}
#our_clints .clint-2{padding: 10px 20px;}
#our_clints .clint-3{padding: 17px 0px;}
#our_clints .clint-4{}
#our_clints .clint-5{padding: 10px 20px;}

/* footer 6px dashed #272F42 */
#footer_area {background: #192133;height:402px; padding: 105px 0; color: #7b8098;line-height: 1.5em;border-bottom: 1px solid #464a5e;background-position: center; background-repeat: no-repeat; background-size: cover; }
.road_dash{ width: 100%; height: 20px;border-top: 2px dashed #272F42; margin: 9px 0;}

/*#footer_area img{width:100%;}*/
#footer_area h4 {color: #7b8098; font-size: 24px; margin-bottom: 40px;text-transform: uppercase;}
#footer_area {line-height: 24px;min-height: 450px;}
#footer_area p {color: #7b8098; font-size: 14px;text-align: justify; }
#footer_area p i {margin-right: 10px; }
#footer_area a:hover{color: #DF4C46;}
#footer_area ul{padding: 0; list-style: none;}
#footer_area ul li{display: block; margin-bottom: 10px;}
#footer_area ul li a{color: #fff; font-size: 14px;text-decoration: none; }
#footer_area ul li a:hover{color: #DF4C46;}
#footer_area ul.tagcloud{text-align: left;}
#footer_area ul.tagcloud li{display:inline-block;}
#footer_area ul.tagcloud li a{background: #7a8098;padding: 5px 10px;font-size: 14px;}
#footer_area ul.tagcloud li a:hover{background: #e32222;color: #fff;}
#footer_area ul.social{display:flex;}
#footer_area ul.social a{margin-right: 20px; margin-bottom: 10px;font-size: 15px;}

/* Copyright Area */
#copyright_area{background: #192133; padding: 25px 0;}
#copyright_area p{margin: 0;color: #7b8098; font-size: 14px;}
#copyright_area ul{margin: 0;padding: 0; list-style: none; text-align: right;}
#copyright_area ul li{ display: inline-block; margin-left: 10px;}
#copyright_area ul li ul{display: none;}
#copyright_area ul li a{color:#cbcbcd; font-size: 15px;display: block; padding: 0px 10px;text-decoration: none; }
#copyright_area ul li a:hover{color:#DF4C46; }

/*services-start*/
[class^='imghvr-shutter-in-']:before{    background: #e32222;}
[class^='imghvr-shutter-in-']:after{    background: #e32222;}
[class^='imghvr-'] figcaption, [class*=' imghvr-'] figcaption {background-color: #ffbb00;}
.services_area .child_feature_area img{width:540px;}
.services_area figcaption{vertical-align: middle; color:#fff;font-size: 16px;color: #fff; font-family: 'Signika', sans-serif; padding: 100px 70px;font-weight:500;text-align:justify;text-transform: unset; }
.services_area a{color: #ffbb00; font-weight: 800; text-align: center; padding: 20px 0; font-size: 20px;background: rgba(25,33,50,.8); height: 68px;}
/*services-end*/
/*prohibitedgoods-start*/
#prohibitedgoods i{margin-right: 12px;background: #ffbb00; padding: 15px; font-size: 24px;color: #e32222;}
#prohibitedgoods img{background: #ffbb00; padding: 10px; margin-right: 15px; }
#prohibitedgoods li{margin-bottom: 10px;font-size: 16px;background: #f3f3f3; color: #e32222; font-weight: 400; font-family: 'Signika', sans-serif;}
.list_icon{float: left;}
.list_text{min-height: 60px; padding: 7px 0; max-height: 60px;}
/*prohibitedgoods-end*/
/*documents-start*/
.documents_area table {width: 100%;font-size: 16px; }
.documents_area .heading{width: 70%; text-align: center; background: #192133; color: #fff; font-family: 'Signika', sans-serif; font-weight: 500; padding: 10px;}
.documents_area .form-name{border-bottom: 5px solid #fff;width: 70%; background: #f7f7f7; padding: 15px;border-right: 1px solid #192133; font-family: 'Signika', sans-serif; font-weight: 500;color: #e32222;}
.documents_area td a{padding: 5px;}
.documents_area td.download{text-align: center;border-bottom: 5px solid #fff;background:#f7f7f7;}

/*documents-end*/
/*contact-start*/

.contact_area h1{ font-family: 'Signika', sans-serif; font-weight: 500;color: #e32222;}
/*contact-end*/

/*join-us-start*/
.join_us input[type="text"],input[type="password"] {width: 100%; }



/* Add padding to containers */

/* Full-width input fields */
input[type=text], input[type=password] {
  padding: 15px;
  margin: 5px 0 22px 0;
  display: inline-block;
  border: none;
  background: #f1f1f1;
}

input[type=text]:focus, input[type=password]:focus {
  background-color: #ddd;
  outline: none;
}

/* Set a style for the submit button */
.registerbtn {
  background-color: #192133;
  color: white;
      margin-top: 40px;
  border: none;
  cursor: pointer;
  width: 100%;
  opacity: 0.9;
}

.registerbtn:hover {
  opacity: 1;
}

/* Add a blue text color to links */
a {
  color: dodgerblue;
}

/* Set a grey background color and center the text of the "sign in" section */
.signin {
  background-color: transparent;
  text-align: center;
}

textarea:hover, input:hover, textarea:active, input:active, textarea:focus, input:focus, button:focus, button:active, button:hover, label:focus, .btn:active, .btn.active {
    border: 1PX solid #f1f1f1;
}
textarea#message {
  padding: 15px;
    border: 1px solid transparent;
    background: #f1f1f1;
}
b {
    color: #e32222;
    font-size: 16px;
}
#message{width:100%;}



/*join-us-end*/

/* media start */
@media only screen and (max-width: 1199px) {
  .navbar-expand-lg .navbar-nav .nav-link {    padding: 10px 5px;}
	.navbar-expand-lg .navbar-nav .dropdown-menu {left: -60px; }
	.navbar #left-menu{margin-left:30px;}
	.navbar #right-menu{margin-right:30px;}
	#counter-area .box-counter .text-center {padding: 30px 60px; }
  header .item .cover .header-content img{width: 25%;}
  .contactone, .contacttwo, .contantthree{padding: 10px;}
  #footer_area {min-height: 498px;}
    
      @keyframes truckdrive {
        0% {
            transform: scale(0.60) rotateZ(0deg);
            left: 0%;
        }
        10% {
            transform: scale(0.60) rotateZ(0deg);
        }
        20% {
            transform: scale(0.60) rotateZ(0deg);
        }
        25% {
            transform: scale(0.60) rotateZ(0deg);
        }
        40% {
            transform: scale(0.60) rotateZ(0deg);
        }
        50% {
            transform: scale(0.60) rotateZ(0deg);
        }
        88% {
            transform: scale(0.60) rotateZ(0deg);

        }
        100% {
            left: 88%;
            bottom: 10%;
            transform: scale(0.60) rotateZ(0deg);
            
        }
    }

}

@media only screen and (max-width: 1024px) {
	.dropdown-menu {background-color: #a00c1b; }
	.dropdown-item {color: #fff; }
	#top_header ul li {border:0;}
	#top_header ul li:first-child {border:0;}
	.nav-item a.nav-link#navbarDropdown::after {display:block;}
	.nav-item a.nav-link#navbarDropdown::after {display: inline-block; }
	.nav-item a#navbarDropdown::after {position:static;width: 0%;background:transparent;}
	button.navbar-toggler:focus {outline: none; }
	.navbar-light .navbar-toggler {border-color: transparent; }
	.nav-item a.nav-link::after {display:none;}
	.navbar-nav .nav-item a.nav-link:hover{color:#fff;}
	#footer_area {height: 426px;}
  .contantfour .big-font-slider {font-size: 68px;}
  header .item .cover .header-content {padding: 0 40px; }
          @keyframes truckdrive {
        0% {
            transform: scale(0.60) rotateZ(0deg);
            left: 0%;
        }
        10% {
            transform: scale(0.60) rotateZ(0deg);
        }
        20% {
            transform: scale(0.60) rotateZ(0deg);
        }
        25% {
            transform: scale(0.60) rotateZ(0deg);
        }
        40% {
            transform: scale(0.60) rotateZ(0deg);
        }
        50% {
            transform: scale(0.60) rotateZ(0deg);
        }
        88% {
            transform: scale(0.60) rotateZ(0deg);

        }
        100% {
            left: 85%;
            bottom: 10%;
            transform: scale(0.60) rotateZ(0deg);
            
        }
    }
	
}
@media only screen and (max-width: 991px){
	.navbar-light .navbar-nav .active>.nav-link{color:#fff;}
	.navbar-light .navbar-nav .nav-link{color:#fff;}
	.dropdown-menu {background-color: #fff; }
	.dropdown-item {color: #7a7c82; }
	#navbarSupportedContent {background: #f8f8f8;margin-bottom: 30px; }
	li.nav-item {border-bottom: 1px solid #e8491d; }
	.nav-item a.nav-link {font-weight: 500;}
	.navbar-nav li.nav-item {text-align: center; }
	.navbar-brand {position: relative;top: 0;}
	.navbar #left-menu{margin:0px;}
	.navbar #right-menu{margin:0px;}
	.navbar-dark .navbar-nav .nav-link {color: #a00c1b; padding: 0; font-weight: bold; }
	.navbar-dark .navbar-nav .nav-link.active {color: #a00c1b;}
	#our-vision .our-vision-area img {width: 100%; }
  #about-us .about-us-area img{width: auto;}
	.slider_area .owl-nav {display:block; }
	#our_clints .owl-nav {display:none; }
	.counter-area .box-area {display:flex;}
	.col-md-4.text-center.box-border {padding: 40px 10px; }
	#about-us .about-us-area {padding: 0; }
	#our-vision .our-vision-area {padding:0; }
	#our-vision .p-t{padding-top: 50px;}
    #footer_area {min-height: 594px;}
    .services_area .child_feature_area img{width:540px;}
	.list_icon{float: left;}
    .list_text{padding: 10px 20px 10px 0px; display: flex; text-align: justify;max-height: 100%;}
    .services_area figcaption {padding: 70px 10px;}
    .nav-item a.nav-link:hover::before{background: transparent;}
    header .item .cover .header-content {padding: 0; }
    .contantfour .big-font-slider {font-size: 57px; }

}

@media only screen and (max-width: 768px) {
        @keyframes truckdrive {
        0% {
            transform: scale(0.60) rotateZ(0deg);
            left: 0%;
        }
        10% {
            transform: scale(0.60) rotateZ(0deg);
        }
        20% {
            transform: scale(0.60) rotateZ(0deg);
        }
        25% {
            transform: scale(0.60) rotateZ(0deg);
        }
        40% {
            transform: scale(0.60) rotateZ(0deg);
        }
        50% {
            transform: scale(0.60) rotateZ(0deg);
        }
        88% {
            transform: scale(0.60) rotateZ(0deg);

        }
        100% {
            left: 80%;
            bottom: 10%;
            transform: scale(0.60) rotateZ(0deg);
            
        }
    }



}
@media only screen and (max-width: 767px){
  .counter-area .box-area {display:block;}
  #footer_area {min-height: 707px;padding: 50px 0;}
  #footer_area h4 {margin: 30px 0;}
  #copyright_area {padding:0; }
  #copyright_area .col-sm-12{text-align: center;padding-top: 20px;}
  #copyright_area .col-sm-12 ul{text-align: center;padding-bottom: 20px;}
  /* #header_area {top: 82px; } */
  #top_header .text-right {text-align: left !important; }
 /*  .top {top: 193px;} */
  header .item .cover .header-content h4 {font-size: 24px;}
  header .big-font-slider {font-size: 40px;}
  .contantfour .big-font-slider {font-size: 41px; }
  .contacttwo,.contactthreee {line-height: 50px; }
    
     @keyframes truckdrive {
        0% {
            transform: scale(0.60) rotateZ(0deg);
            left: 0%;
        }
        10% {
            transform: scale(0.60) rotateZ(0deg);
        }
        20% {
            transform: scale(0.60) rotateZ(0deg);
        }
        25% {
            transform: scale(0.60) rotateZ(0deg);
        }
        40% {
            transform: scale(0.60) rotateZ(0deg);
        }
        50% {
            transform: scale(0.60) rotateZ(0deg);
        }
        88% {
            transform: scale(0.60) rotateZ(0deg);

        }
        100% {
            left: 81%;
            bottom: 10%;
            transform: scale(0.60) rotateZ(0deg);
            
        }
    }

}
@media only screen and (max-width: 677px){
        .slider_area .owl-nav {display: none; }
         @keyframes truckdrive {
        0% {
            transform: scale(0.60) rotateZ(0deg);
            left: 0%;
        }
        10% {
            transform: scale(0.60) rotateZ(0deg);
        }
        20% {
            transform: scale(0.60) rotateZ(0deg);
        }
        25% {
            transform: scale(0.60) rotateZ(0deg);
        }
        40% {
            transform: scale(0.60) rotateZ(0deg);
        }
        50% {
            transform: scale(0.60) rotateZ(0deg);
        }
        88% {
            transform: scale(0.60) rotateZ(0deg);

        }
        100% {
            left: 78%;
            bottom: 10%;
            transform: scale(0.60) rotateZ(0deg);
            
        }
    }
}

@media only screen and (max-width: 640px) {
  header .item .cover .header-content {padding: 0 20px; }

}


@media only screen and (max-width: 520px) {
  header .item .cover .header-content h4 {font-size: 22px; }
  header .big-font-slider {font-size: 28px; }
  .contacttwo, .contactthreee {line-height: 40px; }
  .contantfour .big-font-slider {font-size: 29px; }
    #footer_area {min-height: 707px;}
           @keyframes truckdrive {
        0% {
            transform: scale(0.60) rotateZ(0deg);
            left: 0%;
        }
        10% {
            transform: scale(0.60) rotateZ(0deg);
        }
        20% {
            transform: scale(0.60) rotateZ(0deg);
        }
        25% {
            transform: scale(0.60) rotateZ(0deg);
        }
        40% {
            transform: scale(0.60) rotateZ(0deg);
        }
        50% {
            transform: scale(0.60) rotateZ(0deg);
        }
        88% {
            transform: scale(0.60) rotateZ(0deg);

        }
        100% {
            left: 62%;
            bottom: 10%;
            transform: scale(0.60) rotateZ(0deg);
            
        }
    }
}
@media only screen and (max-width: 551px){
  #footer_area {min-height: 707px; }
}

@media only screen and (max-width: 500px) {
    .contantfour .big-font-slider {font-size: 27px; }
         }
             @keyframes truckdrive {
        0% {
            transform: scale(0.60) rotateZ(0deg);
            left: 0%;
        }
        10% {
            transform: scale(0.60) rotateZ(0deg);
        }
        20% {
            transform: scale(0.60) rotateZ(0deg);
        }
        25% {
            transform: scale(0.60) rotateZ(0deg);
        }
        40% {
            transform: scale(0.60) rotateZ(0deg);
        }
        50% {
            transform: scale(0.60) rotateZ(0deg);
        }
        88% {
            transform: scale(0.60) rotateZ(0deg);

        }
        100% {
            left: 71%;
            bottom: 10%;
            transform: scale(0.60) rotateZ(0deg);
            
        }
    }
}	

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

	.nav-item a.nav-link:hover {color: rgba(0,0,0,.5); }
	.navbar-light .navbar-nav .show>.nav-link {color: #fff; }
	#top_header ul.social li{padding:7px;}
	#navbarSupportedContent {margin-top: 11px; }
  .slider_area.owl-carousel .owl-nav button.owl-next, .slider_area.owl-carousel .owl-nav button.owl-prev {height: 30px; width: 30px; }
	.slider_area .owl-nav button span {font-size: 30px;}
  #header_area {top: 104px; }
  .contantfour .big-font-slider {font-size: 25px; }
   #footer_area {min-height: 707px; }
}

@media only screen and (max-width: 472px){
  #footer_area {min-height: 731px; }
}

@media only screen and (max-width: 449px){
  #footer_area {min-height: 789px; }
    header .big-font-slider {font-size: 38px; }
    .contantfour .big-font-slider {font-size: 32px; }
}
@media only screen and (max-width: 449px){
  #footer_area {min-height: 765px; } 
}
@media only screen and (max-width: 407px){
  #footer_area {min-height: 789px; } 
}
@media only screen and (max-width: 372px){
  #footer_area {min-height: 813px; } 
}
@media only screen and (max-width: 375px) {
  .top {top: 172px; position: relative; }
  .counter-area .counter-image {bottom: 4px; }
    #footer_area {min-height: 812px;}
    #header_area {top: 104px; }
    .services_area a{font-size:16px;}
    .contantfour .big-font-slider {font-size: 14px;padding: 5px;}
    header .item .cover .header-content h4 {font-size: 12px;}
    header .big-font-slider {font-size: 15px; }
    .contacttwo, .contactthreee {line-height: 18px; }
    .contactone, .contacttwo, .contantthree {padding: 5px; }
    header .item .cover .header-content h4 {font-size: 11px; }
    header .big-font-slider {font-size: 14px; }
                 @keyframes truckdrive {
        0% {
            transform: scale(0.60) rotateZ(0deg);
            left: 0%;
        }
        10% {
            transform: scale(0.60) rotateZ(0deg);
        }
        20% {
            transform: scale(0.60) rotateZ(0deg);
        }
        25% {
            transform: scale(0.60) rotateZ(0deg);
        }
        40% {
            transform: scale(0.60) rotateZ(0deg);
        }
        50% {
            transform: scale(0.60) rotateZ(0deg);
        }
        88% {
            transform: scale(0.60) rotateZ(0deg);

        }
        100% {
            left: 56%;
            bottom: 10%;
            transform: scale(0.60) rotateZ(0deg);
            
        }
    }
}
@media only screen and (max-width: 320px) {
    #footer_area {min-height: 872px;}
}
/* media end */




	.counter-area .counter-image {bottom: 4px; }
}

/* media end */