/*font-family:"Roboto-Medium", Arial, Helvetica, sans-serif;
font-family:"Roboto-Bold", Arial, Helvetica, sans-serif; 
*/
/*@font-face{
    src:url(../fonts/kruti/krdv011.ttf);
    font-family:hindi;
}

font-family: 'Roboto', sans-serif;
font-family: 'Oswald', sans-serif;
font-family: 'Ubuntu', sans-serif;
font-family: 'Rubik', sans-serif;
font-family: 'Oxygen', sans-serif;
font-family: 'Montserrat', sans-serif;

*/
html{ }
body{width: 100%; overflow-x: hidden;}
{margin:0; padding:0;}
body{ padding:0px; margin:0px;font-size: 14px; font-weight:400; line-height:normal; font-weight:400;font-family: "Open Sans", sans-serif;
padding:0;margin:0; position: relative;}
{ padding:0px; margin:0px; outline:none;}

ul{ padding:0px; margin:0px; text-decoration:none; list-style-type:none;}

a{ padding:0px; margin:0px; text-decoration:none; border:0px; color:#007bff; outline:none;}
a:hover{text-decoration: none; color:#000;}
a img{ border:0px; padding:0px; margin:0px;}

.clear{ clear:both; font-size:0px; line-height:0px;}

p{font-size:14px; line-height:24px; font-weight:400; color:#222; letter-spacing:0;font-family: "Open Sans", sans-serif;}
h1{ font-size:60px; line-height:normal;font-family: 'Oswald', sans-serif;}
h2{ font-size:36px; line-height:normal; font-family: 'Oswald', sans-serif;}
h3{ font-size:30px; line-height:normal;font-family: 'Oswald', sans-serif;}
h4{ font-size:20px; line-height:normal; font-family: 'Oswald', sans-serif;}
h5{ font-size:18px; line-height:normal; font-family: 'Oswald', sans-serif;}
h6{ font-size:15px; line-height:normal; font-family: 'Oswald', sans-serif;}
/*end common css*/
.clear{clear: both;}

.header{top: -2px; position: fixed; left:0; right: 0; z-index: 99;}
.header { margin:0px; padding: 0px; background: #fff;
    box-shadow: 0px 1px 17px 0px #bfbfbf;}
.header-top{ background:#f68413; padding: 5px 0px;}
.phone-mail {
    margin: 0px;
    padding: 0px;
    line-height: 30px;
}
.phone-mail-list{margin:0px; padding: 0px;}
.phone-mail-list  li{display: inline-block; color: #fff; margin-right:10px;}
.phone-mail-list  li i{margin-right:8px; font-size: 14px;}
.phone-mail-list  li i.fa-phone{transform:rotate(90deg);}
.phone-mail-list  li a{color:#fff; font-size: 13px;}
.top-social{text-align: right;}
.social-list{margin:0px; padding: 0px;}
.social-list li{display: inline-block; margin:0 5px; margin-right:15px;}
.social-list li a{ color:#fff; font-size:14px;}

.social-list li.download-app a {
    background: #222;
    display: inline-block;
    color: #fff;
    padding: 5px 8px;
    border-radius: 6px;
}
.social-list li.download-app a span{ margin-left:5px;}
.download-app a img{width:20px;}
.navbar {background: rgba(255, 255, 255, 0) !important; padding:0px; position: relative;}
.navbar .navbar-toggler:focus{outline:none;}
.navbar-brand{}
.navbar-brand img{width:200px;}
.navbar .navbar-nav li{ margin: 0 5px;}
.navbar .navbar-nav li a.nav-link {
    text-transform: uppercase;
    color: #222;
    font-weight: 500;
    font-size: 12px;
    padding: 0px;
    -webkit-transition: all .5s ease 0s;
    transition: all .3s ease 0s;
    letter-spacing: .5px;
    text-transform: uppercase;
    color: #333;
    /* border-right: #ebebeb 1px solid; */
    border-bottom: #fff 3px solid;
    height: 90px;
    width: 90px;
    border-radius: 50%;
    background: #ffffff;
    text-align: center;
}

.icon-bar {
	width: 25px; 
	height: 3px;
	background-color: #B6B6B6;
	display: block;
	transition: all 0.2s;
	margin-top: 4px
}
 
.navbar-toggler {
  border: none;
  background: transparent !important;
}
.navbar-toggler .top-bar {
  transform: rotate(45deg);
  transform-origin: 10% 10%;
}
 
.navbar-toggler .middle-bar {
  opacity: 0;
}
 
.navbar-toggler .bottom-bar {
  transform: rotate(-45deg);
  transform-origin: 10% 90%;
}
 
.navbar-toggler.collapsed .top-bar {
  transform: rotate(0);
}
 
.navbar-toggler.collapsed .middle-bar {
  opacity: 1;
}
 
.navbar-toggler.collapsed .bottom-bar {
  transform: rotate(0);
}
.menu-icon {
    height: 35px;
    width:35px;
    overflow: hidden;
    line-height:35px;
    margin: 0 auto 5px;
}
.menu-icon span:first-child{-webkit-filter: grayscale(100%); filter: grayscale(100%);}

.menu-icon span{ width: 100%; height: 100%; line-height: 40px; display: block; transition: all  0.5s ease-in-out;}
.navbar .navbar-nav li.active a .menu-icon span{transform: translateY(-100%);}
.navbar .navbar-nav li a:hover .menu-icon span{transform: translateY(-100%);}
.menu-icon img{}
.navbar .navbar-nav li.active a.nav-link{background: #ffffff!important; border-bottom: #ee1b24 3px solid}
.navbar .navbar-nav li a.nav-link:hover{background: #ffffff!important; border-bottom: #ee1b24 3px solid}
.fixed-header{
animation: slide-down 1s;
    left: 0;
    right: 0;
    position: fixed;
    z-index: 999;
    }
@keyframes slide-down{
0% {
    opacity: 0;
    transform: translateY(-120%);
}
100% {
    opacity: 1;
    transform: translateY(0);
}
    
}
.dropdown-navigation{position: relative;}

.menu-dropdown {
    transform: translateY(-10px);
    visibility: hidden;
    position: absolute;
    min-width: 860px;
    border-top: 6px solid #f68414 !important;
    left: -430px;
    right: -430px;
    opacity: 0;
    z-index: -2;
    top: 100%;
    transition: all 0.5s ease-in-out;
    background: #f3f3f3;
    border: 1px solid #ddd;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    box-shadow: 1px 5px 5px 1px rgba(0, 0, 0, 0.3);
}
.navbar .navbar-nav li.dropdown-navigation:hover .menu-dropdown{transform: translateY(0); visibility: visible; opacity: 1;}
.menu-dropdown ul{text-align: center;}
.menu-dropdown ul li{display: inline-block;}
.menu-dropdown ul li a{padding: 8px 18px;font-size: 14px;letter-spacing:1px; font-weight: 600; text-transform: uppercase; color: #f98617; display: block;}
.menu-dropdown ul li span{display: block; margin: 8px auto;}
.menu-dropdown ul li a:hover{color:#ed1b24;}
.menu-dropdown ul li span img{ filter: grayscale(1);}
.menu-dropdown ul li a:hover span img{filter: grayscale(0);}
.full-page-wrap{margin-top: 116px;}

.fixed-side-menu{ position: fixed; top:50%; transform: translateY(-50%); right:-2px; z-index:9;}
.quick-list{}
.quick-list li{margin:10px 0px;}
.quick-list li a {
    background: #ececec;
    padding: 3px 10px;
    display: block;
    font-size: 14px;
    font-weight: bold;
    border-bottom-left-radius: 30px;
    border-top-left-radius: 30px;
    border-right: 0px solid #000;
    color: #f78313;
    border: 1px solid #000;
    transition: all 0.5s ease-in-out;
    transform: translateX(65%);
}
.quick-list li a:hover{transform: translateX(0);}
.quick-list li a span{ margin-right:10px; width:40px; display: inline-block;}
/*banner section*/
.banner_section{ width:100%;height:300px; margin: 0px; padding: 0px; margin-top:125px; position: relative; overflow:hidden;}
.banner_bg{background-size: cover; height: 100%; background-position:0px;}


.banner_caption{text-align: center; padding-top:10px; }
.banner_caption h1{text-transform: uppercase; font-size:36px; font-weight: bold;color: #f68413;font-family: 'Oswald', sans-serif;}

/*.car-move.hide-on-mobile {
    position: absolute;
    left: 0;
    right: 0;
    top:0;
    bottom:0;
}*/
.car1{ width: 125px; height:73px; top:200px; z-index:2; position:absolute;
    animation: moveright 15s linear infinite;
    -webkit-animation: moveright 15s linear infinite;
    -o-animation: moveright 15s linear infinite;
    -moz-animation: moveright 15s linear infinite;
}
.car2{ width: 110px; height:77px; top:205px; z-index:3; position: absolute;
    animation: moverightstop 20s linear infinite;
    -webkit-animation: moverightstop 20s linear infinite;
    -o-animation: moverightstop 20s linear infinite;
    -moz-animation: moverightstop 20s linear infinite;
}
.vehicle2{ position: absolute;
    width:180px;
    height:106px;
    top:188px;
    z-index:4;
    animation: moveleftstop 20s linear infinite;
    -webkit-animation: moveleftstop 20s linear infinite;
    -o-animation: moveleftstop 20s linear infinite;
    -moz-animation: moveleftstop 20s linear infinite;}

.vehicle1{position: absolute;
    width: 200px;
    height:131px;
    top:165px;
    z-index: 6;
    animation: moveleft 25s linear infinite;
    -webkit-animation: moveleft 25s linear infinite;
    -o-animation: moveleft 25s linear infinite;
    -moz-animation: moveleft 25s linear infinite;
}


.bike{ width:75px; height:51px; top:215px; z-index:1; position: absolute;
    animation: moveright 12s linear infinite;
    -webkit-animation: moveright 12s linear infinite;
    -o-animation: moveright 12s linear infinite;
    -moz-animation: moveright 12s linear infinite;}



@keyframes moveright{
    0% {
    left: -9%;
}
100% {
    left: 101%;
}
    
}
@keyframes moverightstop{
    0% {
    left: -12%;
    
}
   
100% {
    
    left: 101%;
   
}
    
}


@keyframes moveleft{

0% {
    left: 101%;
}
100% {
    left: -12%;
}
    
    }
@keyframes moveleftstop{
    0% {
    left: 101%;
}
   
100% {
    left: -12%;
}
    
}
/* real-time-section*/
.real-time-section{ background:#f68414; padding: 40px 0px; background-image: linear-gradient(white, #f68414); position: relative;}
.real-heading{width:100%; text-align: center;}
.real-heading h3{font-size:36px; font-weight: 600;}
.real-heading h3 span{font-weight: 100;}
.real-pic-05{width:100%; display: block; text-align: center;}

.certified-section {
    transform:translate(-110%,-50%);
    position: absolute;
    /* bottom: 0; */
    left: 0;
    width: 35%;
    top: 50%;
    height: auto;
    z-index: 1;
    transition: all 0.5s ease-in-out;
}
.certificate-bg {
    margin: 0 0 0 -35px;
    -webkit-transform: skew(-12deg);
    -moz-transform: skew(20deg);
    -o-transform: skew(20deg);
    background: rgba(255, 255, 255, 0.55);
    overflow: hidden;
    border: 2px solid #ed1b24;
}
.certificate-content {
    /* margin: 0 0 0 -20px; */
    -webkit-transform: skew(12deg);
    -moz-transform: skew(20deg);
    -o-transform: skew(20deg);
    padding: 0px 35px;
}

.crtificate-show .certified-section{transform:translate(0%,-50%);}

.logo-box {
    text-align: center;
    border: 1px solid #f68414;
    padding: 10px;
    margin-top: 15px;
    background: #fff;
}
.logo-box img{height:80px;}
.logo-box h3 {
    margin-top: 10px;
    font-size: 20px;
    font-weight: bold;
    color: #222;
    margin-bottom: 0px;
}

.cerificate-txt{margin-top: 20px;}

.cerificate-txt h4{font-size: 18px; text-transform: uppercase; color: #222;}
.cerificate-txt p {
    font-size: 14px;
    line-height: 20px;
    color: #000;
}
.close-irns {
    position: absolute;
    top: 5px;
    right: -20px;
    text-align: center;
    font-size: 24px;
    background: #000;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    color: #fff;
    line-height:26px;
    cursor: pointer;
}

#features-list-slide{margin: 20px 0px;}
.features-item{text-align: center; margin: 0 10px; padding: 5px 0px;}
.features-icon{padding: 15px; background:#53ff69; width: 70px; height: 70px; border-radius: 50%; margin: 0 auto; border: 2px solid #000; position: relative;}

.features-icon .pulse {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  opacity: 0;
  background: none;
  border: 2px solid #fff;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  -moz-transition: all 0.3s cubic-bezier(0.53, -0.67, 0.79, 0.74);
  -o-transition: all 0.3s cubic-bezier(0.53, -0.67, 0.79, 0.74);
  -webkit-transition: all 0.3s cubic-bezier(0.53, -0.67, 0.79, 0.74);
  transition: all 0.3s cubic-bezier(0.53, -0.67, 0.79, 0.74);
}
.features-icon:hover .pulse {
  opacity: 1;
  border: 2px solid #fff;
  -moz-transform: scale(1.15);
  -ms-transform: scale(1.15);
  -webkit-transform: scale(1.15);
  transform: scale(1.15);
  -moz-transition-timing-function: cubic-bezier(0.37, 0.74, 0.15, 1.65);
  -o-transition-timing-function: cubic-bezier(0.37, 0.74, 0.15, 1.65);
  -webkit-transition-timing-function: cubic-bezier(0.37, 0.74, 0.15, 1.65);
  transition-timing-function: cubic-bezier(0.37, 0.74, 0.15, 1.65);
}

.featues-title {
    margin: 5px 0px;
    color: #000;
    font-weight: 600;
    font-size: 14px;
}
#features-list-slide.owl-theme .owl-controls {
    position: absolute;
    top: 8%;
    width: 100%;
}

#features-list-slide.owl-theme .owl-controls .owl-buttons div{
    background: transparent;
    opacity: 1;
    color: #000;
    font-size: 24px;
}
#features-list-slide .owl-prev,
#features-list-slide .owl-next{}
#features-list-slide.owl-prev:before,
#features-list-slide.owl-next:before{
    content: "\f053";
    font-family: "Font Awesome 5 Free"; font-weight: 900;
}
#features-list-slide.owl-next:before{
    content: "\f054"
}
#features-list-slide.owl-theme .owl-controls .owl-prev{
    position: absolute;
    left:-40px;
}
#features-list-slide.owl-theme .owl-controls .owl-next{
    position: absolute;
    right:-40px;
}
.features-heading{ text-align: center;text-align: center;margin-top: 20px;padding-top: 10px;}
.features-heading h2{font-weight: 600; font-size: 24px;}

.bottomMenu {
  display: none;
  position:absolute;
  bottom: 0;
  width: 100%;
background: #ed1b25;
  height:auto;
  border-top: 1px solid #000;
  
  z-index: 1;
}
/****************************************************features***************************/
#feature {padding-bottom: 40px;padding-top:60px;}
.center{text-align: center; margin-bottom: 50px;}
.lead {font-size: 14px;line-height: 24px;font-weight: 400;}
.features{padding: 0;}
.feature-wrap{}
.feature-wrap {margin-bottom: 30px;overflow: hidden;}
.feature-wrap i{
  font-size: 48px;
  height: 110px;
  width: 110px;
  margin: 3px;
  border-radius: 100%;
  line-height: 110px;
  text-align:center;
  background: #ffffff;
  color: #ed1b25;
  border: 3px solid #ed1b25;
  box-shadow: inset 0 0 0 5px #d2d2d2;
  -webkit-box-shadow: inset 0 0 0 5px #d2d2d2;
  -webkit-transition: 500ms;
  -moz-transition: 500ms;
  -o-transition: 500ms;
  transition: 500ms;
  float: left;
}

.feature-wrap i:hover {
  background: #c52d2f;
  color: #fff;
  box-shadow: inset 0 0 0 5px #c52d2f;
  -webkit-box-shadow: inset 0 0 0 5px #c52d2f;
  border: 3px solid #c52d2f;
}

.feature-details{padding-left:140px;}
.feature-details h4{font-size: 20px;}
.feature-details p{font-size: 14px; line-height: 20px;}


.speedmanagement{}
.speedmanage-text{}
.speedmanage-text h3{}
.speedmanage-text p{}
.speed-pic{text-align: center;}
.light-weight-tracker {
    padding: 25px 0px;
}
.light-weight-text{}
.light-weight-text h3{}
.light-weight-text p{}
.light-weight-pic{text-align: center;}
/*mobile app section*/
.mobile_app-sec{background: #f68414;
    padding: 40px 0 0 0;
    -webkit-box-shadow: inset 0px -14px 24px -10px rgba(0,0,0,0.3);
    -moz-box-shadow: inset 0px -14px 24px -10px rgba(0,0,0,0.3);
    box-shadow: inset 0px -14px 24px -10px rgba(0,0,0,0.3);}
#mobile_app {
    background: #f68414;
    padding: 40px 0 0 0;
    -webkit-box-shadow: inset 0px -14px 24px -10px rgba(0,0,0,0.3);
    -moz-box-shadow: inset 0px -14px 24px -10px rgba(0,0,0,0.3);
    box-shadow: inset 0px -14px 24px -10px rgba(0,0,0,0.3);
}
.read-more-btn{display: inline-block; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; text-transform: uppercase;   font-weight: 600;
padding: 10px 25px; background: #fff; border: 2px solid #fff;}
.read-more-btn:hover{background: none; color:#fff;}
.app-text{}
.app-text h3{}
.app-text p{}
.app-pic{}
.app-pic img{ margin-top: -120px;}

/*testimonials section*/
.testimonial-sec{ background: url(../images/gps-fleet.png) center center; background-color: #f61926; background-color: rgba(0, 0, 0, 0.75);
    background-size: cover;
    padding: 40px 0px;
    background-blend-mode: soft-light;}
.heading-sec{text-align: center;}
.heading-sec h2 {font-size: 36px;
    padding-bottom: 0px;
    border-bottom: 3px solid #ed1b24;
    display: inline-block;
    margin-bottom: 20px;
    position: relative;
    padding-bottom: 10px;
    text-transform: capitalize;
}
.heading-sec h2:after {
    content: "";
    width: 15px;
    height: 15px;
    background: #ed1b25;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: -9px;
    transform: rotate(45deg);
}
.heading-sec h1 {font-size: 36px;
    padding-bottom: 0px;
    border-bottom: 3px solid #ed1b24;
    display: inline-block;
    margin-bottom: 20px;
    position: relative;
    padding-bottom: 10px;
}
.heading-sec h1:after {
    content: "";
    width: 15px;
    height: 15px;
    background: #ed1b25;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: -9px;
    transform: rotate(45deg);
}
.app-download-pic{ margin-top: 30px;}
.testimonial-sec .heading-sec h2{color:#fff; margin-bottom: 10px;}
.testimonial{
    padding: 15px 20px;
    margin: 0 10px 10px;
    border-radius: 0 70px 0 70px;
    border: 5px solid #ffc33c;
    border-left: none;
    border-right: none;
    text-align: center;
}
.testimonial .pic{
    display: inline-block;
    width: 100px;
    /*height: 100px;
    border-radius: 50%;*/
    margin-bottom: 20px;
    overflow: hidden;
    background: #fff;
}
.testimonial .pic img{
    width: 100%;
    height: auto;
}
.testimonial .title{
    display: block;
    margin: 0 0 7px 0;
    font-size: 18px;
    font-weight: 600;
    color: #ffc33c;
    letter-spacing: 1px;
    text-transform: uppercase;
}
.testimonial .post{
    display: block;
    font-size: 14px;
    color: #fff;
    text-transform: capitalize;
    margin-bottom: 10px;
}
.testimonial .description{
    font-size: 14px;
    color: #fff;
    line-height:20px;
}
.testimonial-sec .owl-theme .owl-controls{ margin-top: 0; }
.testimonial-sec .owl-theme .owl-controls .owl-page span{
    background: #fff;
    opacity: 0.8;
    transition: all 0.3s ease 0s;
}
.testimonial-sec .owl-theme .owl-controls .owl-page.active span{ background: #ffc33c; }
    

/*award-sec"*/
.award-sec{ padding: 40px 0px;}

#award{}
#award .item{text-align: center;  margin: 0 10px;}
#award .item a{display: block; padding: 10px; border:1px solid #c6c6c6;}
.award-name{ margin-top: 10px; font-size: 16px; font-weight: 600;}
#award.owl-theme .owl-controls .owl-page.active span, #award .owl-theme .owl-controls.clickable .owl-page:hover span{border: 2px solid #ee1a26;}
#award.owl-theme .owl-controls .owl-page span{margin: 5px; width:14px; height:14px;}
#award .owl-pagination {
    display: inline-block;
    padding: 0px 25px;
    border-radius: 30px;
    background: #fff;
    box-shadow: 1px 2px 4px 1px #9e9e9e;
}
/*footer*/
.footer {
    background: rgba(3, 0, 35, 0.95);
    padding: 40px 0px;
}
.footer-menu-box{margin:10px 0px;}
.footer-logo {
    background: #fff;
    display: inline-block;
    padding: 2px 5px;
    margin-bottom: 15px;
}
.footer-logo img {
    height: 62px;
    width: auto;
    margin-bottom: 15px;
}
.footer-menu-box h3 {
    font-size: 24px;
    padding-bottom: 10px;
    position: relative;
    margin-bottom: 15px;
    color: #cacaca;
}
.footer-menu-box h3:after{content: ""; width:45px; height:3px; background:#ed1b24; position: absolute; left: 0; bottom: 0;}
.footer-menu-box p{color:#cacaca; font-size: 13px;}
.footer-menu-list{}
.footer-menu-list li{position: relative; padding-left:12px; transition: all 0.3s ease-in-out;}
.footer-menu-list li:before{
position: absolute;
    display: inline-block;
    top: 50%;
    left: 0;
    -webkit-transform: translate(0,-50%);
    transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    z-index: 0;
    color: #eb1424;
  content: '\f054';
    font-size: 10px;
  font-family: 'Font Awesome\ 5 Free'; 
  font-weight: 900; /* Fix version 5.0.9 */
    }
.footer-menu-list li a {
    color: #cacaca;
    font-size: 13px;
    line-height: 20px;
}
.footer-menu-list li:hover{color:#f9f9f9; padding-left:20px;}
.footer-menu-list li:hover a{color:#f9f9f9;}
.footer-contact-info{}
.footer-contact-info li{padding-left: 30px; position: relative; margin-bottom: 15px; color:#cacaca;}
.footer-contact-info li a{color:#cacaca; font-size: 13px;line-height: 20px;}
.footer-contact-info li i{position: absolute; left:0px; font-size: 24px;}
.social-link-footer{}
.social-link-footer li{display: inline-block; margin-right: 5px;}
.social-link-footer li a{width:30px; height: 30px; color:#000; transition: all 0.5s ease-in-out; line-height: 30px; background:#ed1b24; border-radius: 50%; display: block; text-align: center;}
.social-link-footer li a:hover{ background: #fff; color:#ed1b24;}


/*product-slider****/
.product-slider{ padding: 60px 0px;}


/*****************************************product page*****************************************************************************************/
.product-banner-bg{ width: 100%; height: 400px; overflow: hidden; position: relative;}
#video-background{ width: 100%; background-position: center center;}
.product-banner-txt {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    right: 0;
    width: 1060px;
    margin: 0 auto;
}
.product-banner-txt h2{color:#fff; font-size: 40px; margin: 0px;}
.product-sec-wrap {
    margin: 40px 0px;
    border: 1px solid #b9b9b9;
    border-radius: 12px;
    padding: 20px;
    box-shadow: 1px 1px 9px 1px #bbbbbb;
    background: #f9f9f9;
}
.tprofive-txt{border:1px solid #fff; padding: 20px;}
.traking-product{text-align: center; margin: 5px 0px;}
.product-details{}
.product-details h3{}
.product-details p{}
.product-details a{ margin-top: 15px;}
/******our_product_sec*/
.our_product_sec{ padding:60px 0px;}
.heading_sec {margin-bottom: 60px;}
.heading_sec h2{display: inline-block;background: #ee1a26;font-size: 36px;padding: 5px 15px;color: #fff;}
.product_list{border: 1px solid #E6E6E6; padding: 15px; margin:0 10px; text-align: center;margin-bottom: 60px;transition: all 0.8s ease;min-height: 640px; position: relative; padding-bottom: 30px;}
.product_list:hover{-webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.20);
    -moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.20);
    box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.20);
    transition: all 0.8s ease;}
.product_pic {min-height: 230px;}
.product_pic img{transform: scale(0.9); transition: all 1s ease-in-out;}
.product_list:hover .product_pic img{transform: scale(1);}
.product_name{}
.product_name h3 a{color:#000;}
.product_description{min-height: 190px;}
.product_description p{font-size: 14px; line-height: 20px; text-align: justify;}
.product-previous-price {
    font-weight: 600;
    color: #9c9c9c;
    text-decoration: line-through;
    font-size: 24px;
}
.product_price{font-size:30px; color:#ee1a26;}
.buynow{text-align: center; position: absolute; left:0; right: 0; bottom: -20px;}
.main-btn{color:#fff; padding: 12px 30px; display: inline-block; text-transform: uppercase; font-weight: 500; z-index: 1; position: relative;}
.main-btn:hover{color:#ee1a26;}
.main-btn:hover::before {
    opacity: 0;
    -webkit-transform: scale(0.5,0.5);
    transform: scale(0.5,0.5);
}
.main-btn::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius:30px;
    z-index: -1;
    background-color: rgb(238, 26, 38);
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.main-btn:hover::after {
    opacity: 1;
    -webkit-transform: scale(1,1);
    transform: scale(1,1);
}
.main-btn::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    opacity: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
        border: 1px solid rgb(238, 26, 38);
    -webkit-transform: scale(1.2,1.2);
    transform: scale(1.2,1.2);
}



#our-product-slide.owl-theme .owl-controls{
    position: absolute;
    top:30%;
    width: 100%;
}
#our-product-slide.owl-theme .owl-controls .owl-buttons div{
    background: transparent;
    opacity: 1;
    border:2px solid #ee1b24;
    color: #ee1b24;
}
#our-product-slide .owl-prev,
#our-product-slide .owl-next{
    width: 52px;
    height: 52px;
    line-height: 45px;
}
#our-product-slide.owl-prev:before,
#our-product-slide.owl-next:before{
    content: "\f053";
    font-family: "Font Awesome 5 Free"; font-weight: 900;
}
#our-product-slide.owl-next:before{
    content: "\f054"
}
#our-product-slide.owl-theme .owl-controls .owl-prev{
    position: absolute;
    left:-58px;
}
#our-product-slide.owl-theme .owl-controls .owl-next{
    position: absolute;
    right:-58px;
}

.product-details-pic .lSSlideOuter .lSPager.lSGallery li {
    border: 1px solid #ababab;
}
.product-details-pic .lSSlideOuter .lSPager.lSGallery li {
    border: 1px solid #ababab;
}

/************************************************************************************************************************************************************************************about page***************************************************************************************/
.inner-banner{position: relative; z-index: 0;}
.inner-banner img{width: 100%;}
.inner-banner:after{content: "";  left: 0;  top: 0; right: 0; bottom: 0; z-index: -1; background: rgba(0, 0, 0, 0.30); position: absolute;  }
.about-banner{background: url(../images/about-banner.jpg) center center;}
.inner-banner-txt{padding: 120px 0px;}
.inner-banner-txt h2{color:#fff;}
.inner-banner-txt p{color:#fff; text-align: justify;}

.about-trakingpro{padding: 40px 0px;}

.company-profile {
    padding: 40px 0px;
    background: #121445;
    color: #fff;
}
.company-profile p{color:#fff;}
.services-we-offer{padding: 40px 0px; padding-bottom: 20px;}
.offer-txt {
    background: #f68413;
    text-align: center;
    padding: 5px 15px;
    border-radius: 6px;
    margin-bottom: 25px;
}
.offer-txt h1 {
    color: #fff;
    margin: 0px;
    font-size: 20px;
    line-height: 30px;
}
.service-offer-list{}
.service-offer-list h4 {
    margin-top: 15px;
    color: #f68414;
}
.service-offer-list p{}
.achievement-sec{padding:40px 0px;  padding-bottom: 0px;}
.achievement-post{position: relative; overflow: hidden; margin: 15px 0px;}
.achievement-post:before{content: "";top: 0;left: 0;right: 0;bottom: 0;position: absolute;z-index: 2;
background: rgba(16, 13, 46, .9);opacity: 0; visibility: hidden; transition: all ease-out .5s;}
.achievement-post:after{content: "";top: 0;left: 0;right: 0;bottom: 0;position: absolute;z-index: 1; background: linear-gradient(to top, rgba(0, 0, 0, .65) 0%, transparent 80%);}
.achievement-post:hover:before{opacity: 1; visibility: visible;}

.achieve-body{border: none;left: 0;right: 0;bottom: 0;position: absolute;z-index: 3;padding:25px;color:#fff; transition: all ease .5s; transform: translateY(62%);}
.achievement-post:hover .achieve-body{transform: translateY(0);}
.achieve-body h2{font-size: 24px; margin-bottom: 10px; line-height: 30px;}
.department{margin-bottom: 25px;}
.post-content{}
.post-content p{color:#fff; margin-bottom:0px;}
/**************************************************************** ais140 page********************************************************************/
.ais-approved-sec{ padding: 40px 0px;}
.vehicle-box{margin: 20px 0px;  text-align: center;}
.vehicle-box-pic{margin-bottom: 20px;}
.vehicle-icon-box{ transition: all 0.3s ease-in-out; width: 150px; height: 150px; border: 2px solid #f68412; display: block; margin: 0 auto; outline: 2px solid white; outline-offset: -10px; color:#f68412;}
.vehicle-icon-box:hover{background: #f68412; outline: 2px solid #f68412; outline-offset: 10px; color: #fff;}
.vehicle-icon-box i{font-size:48px; line-height: 150px;}



.vehicle-box h5{font-size: 20px; font-weight: 600;letter-spacing: 1px; color: #100d2e;}
.vehicle-box p{font-size: 14px; line-height: 20px;}

.ais-inner-text{}
.ais-inner-text h4 {
    font-size: 24px;
    color: #f68414;
    margin: 15px 0px;
    padding-bottom: 5px;
    border-bottom: 2px solid #f68414;
    display: inline-block;
}
.ais-inner-text ul{}
.ais-inner-text ul li {
    font-size: 14px;
    line-height: 20px;
    position: relative;
    padding-left: 25px;
    margin: 15px 0px;
}
.ais-inner-text ul li:before {
    content: "";
    width: 10px;
    height: 10px;
    background: #f68313;
    /* border-radius: 50%; */
    position: absolute;
    top: 6px;
    left: 0;
}


/***********************************************************distributor page**************************************************************************/
.distributor-map{}
.distributor-map{}
.distributor-map svg .mapsvg-region{ opacity: 0.8;}
.distributor-map svg path title{font-size: 20px !important; background: #000;}
.map-distributor-section{background:url(../images/map-section-bg.jpg)no-repeat; background-size: cover; padding: 40px 0px;}
.our-distributor-count h3{font-family: anton,sans-serif; font-size:84px; text-align: center;}
.total-dis-client{ height: 100%; display: flex; justify-content: center; align-items: center; border-bottom:2px solid #fff;}
.total-dis-client .counter{ width:50%; margin:0px; padding: 20px; /*background:#121445;*/text-align: center;}
.total-dis-client .counter:nth-child(1){border-right:2px solid #fff;}
.total-dis-client .counter .count-number{color: #fff; font-size: 48px;}
.total-dis-client .counter p.count-text{font-size: 24px; color:#fff; text-transform:uppercase;}



.our-distributor-section{ background: url(../images/distributors-bg.jpg) center center; background-size: cover; background-color:#3e2a41;   padding: 40px 0px; position: relative; color:#fff; z-index: 0; background-attachment: fixed;}
.our-distributor-section:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    background: rgba(0, 0, 0, 0.50);
}
.testimonial{
    margin: 20px 0;
}
.dist-slide .dist-content{
    width: 20%;
    display: inline-block;
    float: left;
    text-align: center;
    margin-right: 5%;
}
.dist-slide .dist-pic{
    width: 150px;
    height: 150px;
    border-radius: 50%;
    margin: 0 auto;
    overflow: hidden;
    border: 8px solid rgba(255,255,255,0.15);
}
.dist-slide .dist-pic img{
    width: 100%;
    height: auto;
    height: 100%;
}
.dist-slide .dist-title{
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    margin: 10px 0 0 0;
}
/*.dist-slide .dist-post{
    font-size: 12px;
    color: #fff;
}*/
.dist-slide .dist-description{
    display: inline-block;
    width: 75%;
    padding: 30px 20px;
    border: 1px solid rgba(255,255,255,0.15);
    font-size: 14px;
    color: #fff;
    margin: 0;
    position: relative;
}
.dist-slide .dist-description p{color:#fff; margin: 0px;}
.dist-slide .dist-description:before{
    content: "";
    border: 10px solid transparent;
    border-right: 10px solid rgba(255,255,255,0.15);
    position: absolute;
    top: 20px;
    left: -21px;
}
.our-distributor-section .owl-theme .owl-controls .owl-page.active span{
    background: #fff;
    border: 1px solid #fff;
}
.our-distributor-section .owl-theme .owl-controls .owl-page span{
    border: 1px solid #fff;
    background: transparent;
    opacity: 1;
}


@media only screen and (max-width: 767px){
    .dist-slide .dist-content{
        float: none;
        width: 100%;
        margin: 0 0 20px 0;
    }
    .dist-slide .dist-description{
        width: 100%;
    }
    .dist-slide .dist-description:before{
        border: 10px solid transparent;
        border-bottom: 10px solid rgba(255,255,255,0.15);
        position: absolute;
        top: -20px;
        left: 47.5%;
    }
}

.business-associate{ padding: 40px 0px;}
 
#business-slider{
    overflow: hidden;
}
.business-slide{
    margin:0 15px;
}
.business-slide .business-content{
    padding:15px ;
    background:#f1f1f1;
    border-radius: 0 40px 0 40px;
    border-bottom:3px solid #f68414;
}
.business-slide .business-description{
    font-size: 15px;
    color:#555;
    line-height:24px;
    margin-bottom:20px;
    min-height:140px;
}
.business-slide .business-title{
    font-size: 16px;
    font-weight: bold;
    line-height: 3px;
    color:#f68413;
    text-transform:capitalize;
    text-align:center;
    display: block;
    margin: 10px 0  0 0;
}
.business-slide .testimonial-title small{
    display: block;
    margin-top: 13px;
    font-size:14px;
}
.business-slide .business-pic{
    width: 83px;
    height: 90px;
    border-bottom: 4px solid #f68413;
    border-radius: 50%;
    margin: 15px auto;
}
/*.business-slide .business-pic img{
    width: 100%;
    height: auto;
    border: 1px solid #808080;
    border-radius:50%;
}*/
.business-associate .owl-theme .owl-controls .owl-buttons div{
    position:relative;
    border-radius: 0;
    background:#807b87;
    padding: 7px 10px;
    transition: all 0.5s ease 0s;
}
.business-associate .owl-theme .owl-controls .owl-buttons div:hover{
    background:#f68413;
}
.business-associate .owl-theme .owl-controls .owl-buttons .owl-prev,
.business-associate .owl-theme .owl-controls .owl-buttons .owl-next{
    position: absolute;
    top: 32%;
    opacity:0;
    border-top-right-radius:15px;
    border-bottom-right-radius:15px;
    transition: all 0.50s linear;
}
.business-associate .owl-theme .owl-controls .owl-buttons .owl-prev{
    left: -7%;
}
.business-associate .owl-theme .owl-controls .owl-buttons .owl-next{
    right: -7%;
    border-radius: 15px 0 0 15px;
}
.business-associate .owl-carousel:hover .owl-buttons .owl-prev{
    opacity: 1;
    left:-5px;
}
.business-associate .owl-carousel:hover .owl-buttons .owl-next{
    opacity: 1;
    right:-5px;
}
.business-associate .owl-prev:before,
.business-associate .owl-next:before{
    content: "";
    font-family: "Font Awesome 5 Free"; font-weight: 900;
    color: #fff;
}
.business-associate .owl-next:before{
    content: "";
}

.distibutor_section {
    height: auto;
    width: 100%;
    background: url(../images/distributor.jpg) center center;
    background-size: cover;
    position: relative;
    z-index: 0;
}
.distibutor_section:after {
    content: "";
    position: absolute;
    background: rgba(0, 0, 0, 0.64);
    left: 0;
    right: 0;
    top: 0;
    bottom: 0px;
    z-index: -1;
}
.state_list {
    padding: 165px 0px;
}
.state_list ul {
    text-align: center;
}
.state_list ul li {
    display: inline-block;
    width: 19%;
    margin: 15px 0px;
}
.tooltip {
    position: relative;
    z-index: 999;
    opacity: 1;
    font-size: 20px;
    color: #fff;
    background: #f7a046;
    padding: 5px 20px;
    border-radius: 10px;
    margin: 0px 5px;
    text-align: center;
}
.distributor-data {
    border-bottom: 1px dotted #000;
    color: #dd5864;
    padding: 5px 0px;
    font-size: 14px;
    font-weight: 500;
}
.tooltip-content .distributor-data:nth-child(3) {
    border-bottom: 2px dotted #000;
    margin-bottom: 5px;
}
/********************************contact page************************************************************************/
.contact-us-sec{padding-top: 25px;}
.contact-box{text-align: center; margin:20px 0px;}
.contact-box h4{ margin: 10px 0px; font-size: 24px;}
.contact-box p{font-size: 15px;}
.contact-icon{width:100px; height: 100px; border-radius: 50%; background: #121445; display: block; margin: 0 auto;}
.contact-icon a{display: block;}
.contact-icon i { line-height: 100px; font-size:30px; color:#fff;}
.contact-icon i.fa-phone{transform: rotate(90deg);}

.our-feedback-map{padding:40px 0px;}
.feedback-sec{}
.feedback-sec h3 {
    font-size: 30px;
    margin-bottom: 20px;
    color: #121445;
}
/*************************************************************************************************************************************************************************************************************************************video page**************************************************************/
.intro-video-sec{ padding: 20px 0px;}
.video-box{ padding: 5px; background:#f68414; text-align:center; margin: 20px 0px; transition: all 0.3s  ease-in-out;}
.video-box:hover{background: #000;}
.video-box h6{ padding: 10px 0px; color:#fff; font-size: 16px; margin: 0px;}

.trakingpro-mobile-videos-sec{padding: 20px 0px;}
.trakingpro-product-sec{padding:40px 0px;}
.ais140-introduction-sec{padding: 20px 0px;}
.distributor-opportunity-sec{padding: 20px 0px;}
.amazon-review-sec{padding: 20px 0px;}
/******************************renew page********************************/
.payment-section {
    padding: 60px 0px;
}
.payment_method {}
.payment_method h2 {
    font-size: 36px;
    text-transform: capitalize;
    text-align: center;
    margin-bottom: 30px;
    padding: 0px;
    font-weight: bold;
}
.payment_method p {
    font-size: 20px;
    line-height: 30px;
    padding: 10px 20px;
    /* background: #f7a0466e; */
    
    border-left: 5px solid#ed1b24;
    font-weight: 300;
    color: #292929;
}
.payment-sec {
    padding: 15px 0px;
    padding-bottom: 60px;
}
.payment-list {
    margin: 15px 0px;
}
.payment-list li {
    width: 50%;
    float: left;
}
.payment-list li a {
    margin: 0 5px;
    padding: 10px;
    border: 1px solid #999;
    display: block;
    text-align: center;
}
.payment-list li a img {
    height: 30px;
    display: inline-block;
    text-align: center;
}
.payment_details {
    width: 70%;
    margin: 0 auto;
    /* background: #fff;*/
    
    box-shadow: 2px 1px 8px 1px #d4d4d4;
    padding: 20px;
    margin-top: 70px;
}
.qr-code-box {
    width: 160px;
    height: 160px;
    margin: 10px auto;
    padding: 0px;
    border: 2px solid #f7a046;
}
.bank-details {
    padding: 20px;
}
.bank-details h3 {
    text-align: center;
    margin: 0px;
    padding: 0px;
    font-size: 30px;
    padding-bottom: 15px;
    text-transform: capitalize;
    border-bottom: 2px solid #f7a046;
}
.bank-details-inn {
    padding: 20px 0px;
}
.bank-details-inn {}
.bank-details-inn h4 {
    font-weight: 600;
    font-size: 18px;
}
.axis-bank {
    padding: 5px;
    background: #ae285d;
    color: #fff;
}
.rbl-bank {
    background: #2b397a;
    padding: 5px;
    color: #fff;
}
.bank_pic {
    margin: 20px 0px;
}
.bank_pic img {
    height: 40px;
}
.bank-list li {
    width: auto !important;
}
.pay-logo {
    text-align: center;
    margin-bottom: 20px;
}
.pay-logo img {
    height: 35px;
    margin: 0 auto;
}
.user-login form {
    text-align: center;
    margin-top: 20px;
}
.send-email {
    margin-top: 30px;
    text-align: center;
}
.send-email p {
    font-size: 20px;
    color: #000;
}
/********************************************************************* career page ********************************************/
.jobs-here-sec{ padding: 40px 0px;}
.job-description{}
.job-description p{font-size: 16px; line-height: 24px;}
.job-opening-sec{}
.job-opening-sec .card{margin-bottom: 15px;
    box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.4);}

.job-opening-sec .card .card-header{border-left:5px solid #f68413;}
.job-opening-sec .card .card-header h5{}
.job-opening-sec .card .card-header h5 a{color: #f68413; display: block;}
.job-details{}
.job-details h4 {
    font-size: 20px;
    color: #f68413;
    margin-bottom: 10px;
    padding-bottom: 10px;
}
.job-details h5{ color: #f68413;}
.job-details p{font-size: 14px; line-height: 24px;}
.job-details ul {
    list-style-type: disc;
    padding-left: 40px;
}
.job-details ul li {
    margin: 10px 0px;
}

.card-header a[aria-expanded="true"]:after {
    content: "\f077";
}
.card-header a:after {
    content: "\f078";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    position: absolute;
    right: 15px;
}
.cv-form{margin-top: 30px;}


.upload-btn-wrapper {
  position: relative;
  overflow: hidden;
  display: inline-block;
}

.choose-file {
    border: 2px solid #f68413;
    color: #f68413;
    background-color: white;
    padding: 8px 20px;
    border-radius: 8px;
    font-size: 20px;
    font-weight: bold;
}

.upload-btn-wrapper input[type=file] {
  font-size:30px;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
}

/******************************************************************news page**************************************************************************/
.news-section{ padding: 60px 0px;}
.news-pic {
    margin: 10px 0px;
    border: 1px solid #ccc;
    padding: 10px;
}
.news-post-date{margin-top: 10px;}
.news-details {
    margin: 10px 0px;
    padding: 20px 15px;
    border: 1px solid #ccc;
}
.news-details h4{}
.news-details  p{margin: 0px;}
.morecontent span {
    display: none;
}
.morelink {
    display: block;
    /* display: inline-block; */
    background: #f68414;
    width: 100px;
    text-align: center;
    padding: 5px;
    color: #fff;
    margin-top: 10px;
}
/******************************************************************************* event page**************************************************/
.event-section{ padding: 60px 0px;}
.event-pic-wrap {
    position: relative;
    margin: 25px 0px;
    /*background: #121445;
    padding: 25px;*/
}
.event-pic {
    width: 35%;
    position: relative;
    z-index: 0;
}
.event-pic:after {
    content: "";
    position: absolute;
    top: -12px;
    left: 12px;
    bottom: -12px;
    z-index: -1;
    right: -12px;
    border:1px solid #ed1b24;
}
.event-pic img{}
.event-details {
    position: absolute;
    left: 35%;
    right: 25px;
    transform: translateY(-50%);
    top:50%;
    background: #f58414;
    padding: 20px;
    z-index: 2;
    transition: all 1s ease-in-out;
    box-shadow: 0px 5px 6px 0px #505050e0;
    color: #fff;
}

.event-details:after {
    content: " ";
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1;
    background: #f58414;
    transform-origin: bottom left;
    -ms-transform: skew(15deg, 0deg);
    -webkit-transform: skew(15deg, 0deg);
    transform: skew(15deg, 0deg);
}
.event-details p{color: #fff;}

/*****product details page*/
.trakingpro-product-details-sec{padding: 40px 0px;}




.product-features-sec{ padding-bottom: 40px;}
.product-details-pic{ border: 1px solid  #d6d6d6; text-align: center; padding:15px;}

.tab .nav-tabs{ border: none; }
.tab .nav-tabs li{display: block;}
.tab .nav-tabs li a{
    padding: 12px 15px;
    margin-right: 10px;
    font-size: 17px;
    font-weight: 800;
    color: #9b9b9c;
    text-transform: uppercase;
    border: 2px solid #e5e7e9;
    border-radius: 0;
    overflow: hidden;
    z-index: 1;
    display: block;
    position: relative;
}
.tab .nav-tabs li a:hover,
.tab .nav-tabs li a:focus,
.tab .nav-tabs li.active a{
    background: transparent;
    border: 2px solid #3a506b;
    color: #121445;
}
.tab .nav-tabs li a:before{
    content: "";
    width: 500%;
    height: 0;
    background:#f98617;
    position: absolute;
    top: 50%;
    left: 50%;
    opacity: 0;
    z-index: -1;
    transform: translateX(-50%) translateY(-50%) rotate(45deg);
    transition: all 0.3s ease-in-out 0s;
}
.tab .nav-tabs li a:hover:before,
.tab .nav-tabs li .nav-link.active:before{
    height: 250%;
    opacity: 1;
}
.tab .nav-tabs li .nav-link.active{
    background: transparent;
    border: 2px solid #3a506b;
    color: #121445;
}
.tab .tab-content{
    padding: 20px 30px;
    margin-top: 10px;
    font-size: 15px;
    color: #fff;
    line-height: 27px;
    letter-spacing: 1px;
    background: #f98617;
    position: relative;
}
.arrow {
    list-style-type: none;
    position: relative;
    padding-left:20px;
}
.arrow:before {
    content: "\25BA \0020";
    font-size: 14px;
    position: absolute;
    top: 0px;
    left:0px;
}
.tab .tab-content p{color:#fff; margin: 0px;}
.tab .tab-content:before{
    content: "";
    border-top: 30px solid #fff;
    border-bottom: 30px solid transparent;
    border-right: 30px solid transparent;
    position: absolute;
    top: 0;
    left: 0;
}
.tab .tab-content:after{
    content: "";
    border-bottom: 30px solid #fff;
    border-top: 30px solid transparent;
    border-left: 30px solid transparent;
    position: absolute;
    bottom: 0;
    right: 0;
}
@media only screen and (max-width: 479px){
    .tab .nav-tabs li{
        width: 100%;
        text-align: center;
        margin-bottom: 15px;
    }
    .tab .nav-tabs li:last-child{ margin-bottom: 0; }
    .tab .nav-tabs li a:hover:before,
    .tab .nav-tabs li.active a:before{ height: 400%; }
}

/**************************************************************** blog page***************************************************************/
.blog-section{padding: 40px 0px;}
.blog-section h1{font-size: 30px;color: #f78415;}
.blog-box{border: 1px solid #eee; padding: 15px;}
.blog-heading{ margin:0px;}
.blog-box-content-wrap{padding: 0 20px 20px;}
.blog-heading h3{font-size:24px; margin-bottom: 20px;}
.meta li {
    display: inline;
    display: inline-block;
    margin: 0 20px 5px 0;
}
.meta li i{ margin-right: 8px;}
.meta {
    list-style: none;
    margin: 15px 0 10px;
    font-size: .923em;
    color: #777;
}
.blog-content{}
.blog-content p{font-size: 14px; color:#666;}
.recent-post-side{max-height:350px;overflow-y: auto;}
.blog-content h4{margin: 20px 0px; color: #f78415;}
.blog-content ul{}
.blog-content ul li{ margin: 10px 0px; position: relative; padding-left: 25px;}
.blog-content ul li:before{content: ""; position: absolute; top:6px; left:0px; width:10px; height: 10px;  background:#f78415;}
/* width */
.recent-post-side::-webkit-scrollbar {
  width:8px;
}

/* Track */
.recent-post-side::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px grey; 
  border-radius: 10px;
}
 
/* Handle */
.recent-post-side::-webkit-scrollbar-thumb {
  background: #ed1b24; 
  border-radius: 10px;
}

/* Handle on hover */
.recent-post-side::-webkit-scrollbar-thumb:hover {
  background: #b30000; 
}
.side-widget{ margin-bottom: 40px;}
.recent-post-pic{width:80px; height: 80px; overflow: hidden; float: left; margin-right: 15px;  margin-bottom: 20px; border:1px solid #dddddd;}
.recent-post-pic img{height: 80px;}
.widget-title{text-align: center; font-size: 20px; text-transform: uppercase; margin-bottom: 15px; color: #626262;}

.side-widget h4{color: #626262;
    clear: none;
    font-size: 16px;
    font-weight: 400;
    line-height: normal;
    margin: 0;
    padding-top: 3px;}

.side-widget ul li{clear: both;padding-top: 3px;}
.side-widget h4 a{color: #626262;}
.publish{color: #adadad;font-size: 12px;}

.categori-list{}
.categori-list li{ border-bottom: 1px solid #ddd;}
.categori-list li a{padding: 5px 0px; color:#626262; display: block;}

/**************************************************** partnership page*******************************************************************/
.partnership-section{background-image: url(../images/partner-bg.png); background-size: cover;}
.partnership-heading{ margin-top: -80px; position: relative; background: #fff; padding-top: 80px; padding-bottom: 20px; padding-right: 15px; box-shadow: 0px -3px 24px 2px rgba(0, 0, 0, 0.25);}
.partnership-heading h1{font-size: 48px; margin-bottom: 20px;color: #f68414;}
.partnership-heading p{font-size:14px; line-height:22px; color:#626262;}
.partnership-heading:before{content: ""; width: 100%; height: 100%; top:0; bottom: 0; background: #fff;  position: absolute; right: 100%;}
.partnership-part{padding: 40px 0px;}
.partner-txt{}
.partner-txt h4{font-size: 32px;  color: #f68414}
.partner-txt p{ font-size:14px; line-height:22px; color:#626262;}

.partnership-contact-sec{ padding:20px 0px;}
.partner-contact-txt{padding-top: 10px; text-align: center;}
.partner-contact-txt h4{font-size: 24px; color:#f68414;}

.partnership-slide .partnership-item{
            margin-bottom:0px;
        }
		.content-slider li{
		    background-color: #ed3020;
		    text-align: center;
		    color: #FFF;
		}
		.content-slider h3 {
		    margin: 0;
		    padding: 70px 0;
		}
		.partnership-slide{
			width:100%;
		}


/** features details*/
.product-details-content {
    padding-left: 30px;
}
.product-details-content h1 {
    font-size: 48px;
    margin-bottom:15px;
    color: #f68414;
}
.price {
    font-size: 30px;
    color: #121445;
    margin-bottom: 15px;
    font-weight: 600;
}
.buy-now-btn {
    margin-top: 20px;
}
.tab{ margin-top:25px;}
.feature {
    padding:20px 0;
}
.feature .feature-img {
    height: 70px;
    width: 70px;
    box-sizing: border-box;
    float: left;
}
.feature .feature-txt {
    padding-left: 80px;
    box-sizing: border-box;
}
.feature .feature-txt h5 {
    margin: 0 0 5px 0!important;
    color:#f68414;
    font-size: 24px;
    font-weight: 500;
}
.feature .feature-txt p {
    color: #898f93;
    font-size: 14px;
    line-height: 20px;
    font-weight: 300;
}

.footer-bottom {text-align: center;background: #100e21; padding: 5px 0px;}
.footer-bottom p{color:#fff; font-size: 13px; margin: 0px;}




.seminar-gallery{padding: 60px 0px;}
.seminar-gallery .heading-sec{margin-bottom: 20px;}
.seminar-gallery .gapzero{padding: 0px;}
.seminar-gallery-box{margin:0px;}
.seminar-section{ padding: 60px 0px; padding-bottom: 20px;}
.topic-box{ margin: 20px 0px;}




.ts-speakers {
    color: #ffffff;
    background-color: #1c1c1c;
    background-image: url(../images/parallax2.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    background-position: 50% 50%;
    padding: 100px 0;
}

.ts-speakers .heading-sec p{color:#fff;}
/* Speaker item */
.ts-speaker {
    margin-bottom: 50px;
}
.ts-speaker {
    background: #fff;
    position: relative;
    border-radius: 5px;
}
/* Speaker img */

.ts-speaker-image {
    position: relative;
    text-align: center;
    overflow:hidden;
}
.ts-speaker-image:hover img{transform:scale(1.1);}
.ts-speaker-image > img {transition:all 0.3s ease-in-out;
    border-radius: 5px;
}
/*.ts-speaker-image:after {
    content: '';
    position: absolute;
    background: rgba(41, 41, 41, .8);
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    border-radius: 5px;
    -webkit-transition: 400ms;
    -moz-transition: 400ms;
    -o-transition: 400ms;
    transition: 400ms;
}*/
.ts-speaker-image .social-links {
    list-style: none;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 50%;
    margin-top: -40px;
    left: 50%;
    margin-left: -45px;
    z-index: 1;
    width: 96px;
    opacity: 0;
    -webkit-transition: 400ms;
    -moz-transition: 400ms;
    -o-transition: 400ms;
    transition: 400ms;
}
.ts-speaker-image .social-links li {
    display: inline-block;
    margin: 0 -3px 0px -2px;
}
.ts-speaker-image .social-links li a i {
    display: block;
    width: 48px;
    height: 48px;
    line-height: 48px;
    font-size: 14px;
    color: #fff;
    background: #2b2b2b;
    text-align: center;
}
.ts-speaker-image .social-links li a i.fa-facebook {
    background: #496daf;
}
.ts-speaker-image .social-links li a i.fa-twitter {
    background: #64acf1;
}
.ts-speaker-image .social-links li a i.fa-instagram {
    background: #d32a1e;
}
.ts-speaker-image .social-links li a i.fa-linkedin {
    background: #0077b5;
}
.ts-speaker-image .social-links li a i:hover {
    background: #1b1b1b;
}
.ts-speaker-info {
    padding: 15px 20px;
    color: #303030;
    text-align: center;
}
.ts-speaker-info .ts-speaker-name {
    font-size: 18px;
    margin: 0 0 3px 0;
}
.ts-speaker-info .ts-speaker-name a {
    color: #ee163a;
}
.ts-speaker-info .ts-speaker-designation {
    font-size: 16px;
}
.ts-speaker:hover .ts-speaker-image:after,
.ts-speaker:hover .ts-speaker-image .social-links {
    opacity: 1;
}
/* Speakers list */

.ts-speaker-list {
    margin-bottom: 60px;
}
.ts-speaker-list .ts-speaker-info {
    border-bottom: 1px solid #eee;
    padding-bottom: 40px;
}
.ts-speaker-list.last .ts-speaker-info {
    border-bottom: 0;
    padding-bottom: 0;
}
.ts-speaker-list .ts-speaker-info .ts-speaker-name {
    font-size: 24px;
}
.ts-speaker-session .session-title {
    font-weight: 700;
}
.ts-speaker-social-links {
    padding: 0;
    margin: 10px 0;
    list-style: none;
}
.ts-speaker-social-links li {
    display: inline-block;
}
.ts-speaker-social-links li a {
    color: #303030;
    margin-right: 10px;
    font-size: 16px;
}
.bg-overlay {
    position: relative;
}
.bg-overlay .container {
    position: relative;
    z-index: 1;
}

.bg-overlay:after {
    background-color: rgba(0, 0, 0, 0.7);
    z-index: 0;
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}


.the-venue-section{padding:60px 0px;}

.venue-box {
    background: #fff;
    border-radius: 12px;
    /* border-bottom: 4px solid #000; */
    margin: 20px 0px;
    padding: 20px;
    border: 1px solid #d6d6d6;
}
.venue-box h3 {
    font-size: 24px;
    text-align: center;
    background: #f68413;
    color: #fff;
    padding: 5px 10px;
}
.venue-address{}
.venue-address ul{}
.venue-address ul li {text-align:center;
    font-size: 18px;
    padding: 10px 10px;
    background: #f5f5f5;
    /* border-top: 1px solid #ccc; */
    border-bottom: 1px solid #d0d0d0;
}
.venue-address ul li span{display:block;}
.venue-address ul li p{font-size:16px; line-height:24px;}

.the-venue-section .read-fatures-more a{margin-top: 20px;}
/* api page*/
.api-document-sec{padding: 70px 0px; padding-bottom: 80px;}
.api-sec{}
.api-sec h3{ text-align: center; margin-bottom: 20px; color: #fff;}

.api-sec {
    padding: 25px;
    background: #f68413;
    box-shadow: 0px 0px 22px 1px rgba(66, 66, 66, 0.2784313725490196);
    margin-top: 20px;
}

.api-sec .form-group .form-control{ border:1px solid #fff; color: #fff; border-radius: 0px; background: rgba(16, 13, 46, 0.1); font-size:14px;}
.api-sec .form-group .form-control:focus{box-shadow: 0px 0px 5px 1px #fff;}
.api-sec .form-group .form-control option{ background:#100d2e;}
.api-sec .form-group button {
    border-radius: 30px;
    padding: 10px 40px;
    background: #100d2e;
    text-transform: uppercase;
    font-size: 16px;
    border: 1px solid #ffffff;
    box-shadow: 1px 1px 20px #fff;
}


.api-sec .form-group .form-control::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color:#fff;
  opacity: 1; /* Firefox */
}

.api-sec .form-group .form-control:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color:#fff;
}

.api-sec .form-group .form-control::-ms-input-placeholder { /* Microsoft Edge */
  color:#fff;
}

/* our office address section*/
.our-office-section{padding:20px 0px;}
.office-address-box{text-align:center; padding:10px;}
.office-address-box h4{font-size:24px; margin-bottom:10px;}
.office-address-box h5{}
.office-address-box p{}
.office-address-box p a{color:#0f0d2e;}
.location-wrap{}
.location-wrap a {display:block;
    
}
.location-wrap i {
    width: 60px;
    height: 60px;
    line-height: 60px;
    font-size: 30px;
    color: #fff;
    background: #0f0d2e;
    border-radius: 50%;
    
}

/*white label page*/
.meet-trakingpro{background:#f68413;  padding: 40px 0px;}
.meet-txt{text-align: center;}
.meet-txt h3{color:#fff;}
.meet-txt p{font-size: 14px; line-height: 20px; color: #fff;}

.how-it-work-sec{ padding: 60px 0px;}
.how-it-work-box{}
.how-work-pic{}
.it-work-txt{position: relative;}
.it-work-txt h4{font-size: 24px;}
span.how-count {
    background: #ed1b24;
    font-size: 20px;
    color: #fff;
    position: absolute;
    left: 0;
    border-radius: 50%;
    width: 30px;
    text-align: center;
    line-height: 30px;
    top: 5px;}
    
 
 
 #main-advertising{}
 #main-advertising .modal-dialog{max-width:60%; }
 #main-advertising .modal-dialog .modal-content {
    border: 4px solid #fff;
}
 #main-advertising .modal-dialog .modal-content .modal-header{border-bottom:0px;height: 400px;}
 #main-advertising .modal-body{padding:0px;}
.download-pdf {
    background: rgba(82, 138, 165, 0.88);
    z-index: 9;
    /* border: 3px solid #5189a2; */
    padding: 5px 20px;
    text-align: center;
}
.download-pdf h4 {
    margin: 0px;
    font-size: 24px;
    line-height: 30px;
    color:#fff;
}
.download-pdf h4 a{color:#fff;}
 #main-advertising .modal-dialog .modal-content .modal-header button.close {
    position: absolute;
    right: 10px;
    top: 8px;
    height: 30px;
    width: 30px;
    border-radius: 50%;
    padding: 0px !important;
    color: #000;
    background: #fff;
    opacity: 1;
}

.logo-sec {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.join-now-btn {
    display: inline-block;
    padding: 5px 25px;
    background: #cd171f;
    font-size: 14px;
    line-height: 24px;
    box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.8);
    border-radius: 8px;
    font-family: "Open Sans", sans-serif;
    text-transform: uppercase;
}

.trakingpro-logo{width:33.33%;}
.trakingpro-logo img{}
.cantrack-logo{text-align:center; width:33.33%;}
.cantrack-logo img{height:120px;}
.merge-plus{font-size:50px; text-align:center; width:33.33%;}
.trend-product-content {
    text-align: center;
    margin-top: 10px;
    padding: 25px;
    border-radius: 12px;
    background: rgba(0, 0, 0, 0.19);
}
.trend-product-content h4{font-size:24px; font-weight:600; color:#fff;}
.trend-product-content h4 a{font-size:24px; font-weight:600; color:#fff;}
.trend-product-content p {
    font-size: 30px;
    line-height: 36px;
    margin: 0px;
    color: #fff;
    /* text-shadow: 1px 2px 1px #000; */
}
.trend-product-pic{margin-top:10px;}